/* CSS Document */

* {
margin: 0px;
padding: 0px;
}

body{
	padding:0;
	margin:0;
	background-color:#f5fbf4;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------top part--------------------*/
#top{
	background:url(images/top_part.jpg) 0 0 no-repeat;
	background-color:#FFFFFF;
	width:968px;
	height:330px; 
	margin:0 auto;
	position:relative;
}

#ban{
	width:800px;
	margin-left:30px;
}

#top_2{
	background:url(images/top_part_old.gif) 0 0 no-repeat;
	background-color:#FFFFFF;
	width:968px;
	height:128px;
	margin:0 auto;
	position:relative;
}
/*------------------------------------------------top part--------------------*/

/*------------------------------------------------header--------------------*/




#header{
	width:920px;
	border-left:#ffffff solid 7px;
	border-right:#ffffff solid 7px;
	height:40px;
	margin:0 auto;
	padding:0 0px;
}

/*------------------------------------------------header--------------------*/


/*-----------------------------------------------menu--------------------*/
ul.menu {list-style:none; margin-left:20px; padding:0;text-align:center;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#ffffff; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#eff9b9;color:#666666;}
ul.menu ul li a:hover {background-color:#eff9b9;;color:#666666;}
ul.menu ul ul {left:148px; top:-1px;}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/menu_1.jpg); width:134px;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/menu_hover.jpg); color:#666666;}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}
ul.menu .topline {border-top:1px solid #aaa; }

ul.menu_bleu {list-style:none; margin-left:20px; padding:0;text-align:center;}
ul.menu_bleu * {margin:0; padding:0}
ul.menu_bleu a {display:block; color:#ffffff; text-decoration:none}
ul.menu_bleu li {position:relative; float:left; margin-right:2px}
ul.menu_bleu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu_bleu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu_bleu ul li a {display:block; padding:3px 7px 5px; background-color:#e1f2fd;color:#666666;}
ul.menu_bleu ul li a:hover {background-color:#e1f2fd;;color:#666666;}
ul.menu_bleu ul ul {left:148px; top:-1px;}
ul.menu_bleu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/menu_2.jpg); width:134px;}
ul.menu_bleu .menulink:hover, ul.menu_bleu .menuhover {background:url(images/menu_hover_2.jpg); color:#666666;}
ul.menu_bleu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}
ul.menu_bleu .topline {border-top:1px solid #aaa; }
/*-----------------------------------------------menu--------------------*/


#body{
	width:968px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	color:#000;
}


.lien_orange{
	color:#FF660e;
	text-decoration:none;
	font-size:14px;
}

.lien_orange:hover{
	color:#FF660e;
	text-decoration:underline;
	font-size:14px;
}

.lien_blanc{
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

.lien_blanc:hover{
	color:#fff;
	text-decoration:underline;
	font-size:12px;
}

.lien_vert{
	color:#7BCA0A;
	text-decoration:none;
	font-size:16px;
}

.lien_vert:hover{
	color:#7BCA0A;
	text-decoration:underline;
	font-size:16px;
}

.lien_mar{
	color:#91835B;
	font-size:12px;
	font-weight:bold;
}

h1{
	color:#528b00;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
}

h3{
	color:#386ba2;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

h4{
	color:#386ba2;
	font-size:13px;
	font-weight:bold;
}



.para1{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#91835B;
}

#txt1{
 padding:15px;
}

#txt2{
	font-weight:bold;
	padding:20px;
	text-align:center;
}

.txt_mini{
	font-size:10px;
}

#soc{
	/*width:600px;*/
	height:400px;
}

#soc_left{
	 padding:15px;
	 width:370px;
	/* position:relative;*/
	 float:left;

}

#soc_right{
	 padding:15px;
	 position:relative;
	 float:left;
	 width:230px;
	 margin-left: 5px; 
}

#secu{
	border:1px solid #ff9900;
	background-color:#fff;
	height:120px;
	text-align:center;
	width:650px;
	margin-left:20px;
}
#securite{
	width:240px;
	padding:5px;
	float:left;
	position:relative;
	text-align:center;
	
}

#securite2{
	width:300px;
	padding:5px;
	margin-left:10px;
	float:left;
	/*position:relative;*/
	text-align:center;
}

#cola{
	width:300px;
	padding:5px;
	float:left;
	/*position:relative;*/
	
}

#colb{
	width:300px;
	padding:5px;
	margin-left:10px;
	float:left;
	position:relative;
}

#img_d{
	width:150px;
	padding:5px;
	float:left;
	/*position:relative;*/
	text-align:center;
}

#txt_d{
	width:450px;
	margin-left:10px;
	float:left;
	/*position:relative;*/
}

#img_g{
	width:150px;
	padding:5px;
	margin-left:10px;
	float:left;
	/*position:relative;*/
	text-align:center;
}

#txt_g{
	width:450px;
	float:left;
	/*position:relative;*/
}






#av{
	background-color:#fff;
	text-align:center;
	width:650px;
	margin-left:20px;
}
#av_1{
	width:150px;
	padding:5px;
	float:left;
	position:relative;
	text-align:center;
}

#av_2{
	width:470px;
	padding:5px;
	margin-left:10px;
	float:left;
	position:relative;
	text-align:left;
}


a.secu{
	color:#336699;
	font-weight:bold;
}

a.secu:hover{
	text-decoration:underline;
}

.reunion {
	border:1px solid #000;
	font-size:11px;
}

.reunion td {
	border:1px solid #000;
	height:20px;
	padding:2px;
}

.reunion th {
	border:1px solid #000;
	height:20px;
	background-image:url(groupe/images/back_reu.jpg);
	color:#FFFFFF;
}

.com {
	text-align:left;
	font-size:12px;
}

.comp {
	border:1px solid #000;
	text-align:center;
	font-size:10px;
}

.comp td {
	border:1px solid #000;
	padding:7px;
}

.comp_ent{
	background-image:url(groupe/images/fond_comp.jpg);
	text-align:center;
	color:#fff;
}

.comp th{
	font-weight:bold;
	border:1px solid #000;
	padding:7px;
}



#clear{
	position: relative; 
	clear: left;
}

/*Example for a Menu Style*/
.onglet {color:red; height:23px;width:690px;}
.onglet ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.onglet li {display:inline; line-height:23px; margin-left:40px;}
.onglet li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px;}
.onglet li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#CCCCCC; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {width:690px; padding:6px 10px; font-size:12px; margin-bottom:5px;}

/*------------------------------------------------left panel--------------------*/
#left{
	float:left;
	width:200px;
	margin-left:7px;
	text-align:center;
}
#left h2{
	font:bold 22px/38px Arial, Helvetica, sans-serif;
}

#left h3{
	font:bold 16px/38px Arial, Helvetica, sans-serif;
	color:#528b00;
	line-height:20px;
}

#left p.lftText{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
}
#left p.lftText span{
	color:#9E3F01;
	background-color:#FFF6DB;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
}
#left p.viewMore{
	width:77px;
	height:13px;
	background:url(images/view_more_bg.gif) 0 0 repeat-x;
	padding:0 0 0 288px;
	margin:31px 0 15px 0;
	font-size:0;
	display:block;
}
#left p.viewMore a{
	background:url(images/view_more.gif) 0 0 no-repeat;
	width:77px;
	height:13px;
	display:block;
}
#left p.viewMore a:hover{
	background:url(images/view_more_hover.gif) 0 0 no-repeat;
}

#news{
	border:#FF6600 solid 1px;
	background:url(images/mid_panel_bg.gif) 0 0 repeat-x #FF660e;
	padding:5px 10px 0 22px;
	text-align:left;
	color:#fff;
	/*height:210px;*/
}


#news_container{
	height:130px;
}

#news h2{
	color:#fff;
}

#news a{
	color:#fff;
	text-decoration:none;
}




/* the news box when JavaScript is available */
#news.hasJS
{
	height:210px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:210px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}


#leftBottom{
	width:700px;
	background:url(images/left_bottom_bg.gif) 0 0 repeat-y;
}
#leftBottom p.top1{
	background:url(images/left_bottom_top.gif) 0 0 no-repeat;
	width:700px;
	height:21px;
}


#leftBottom h2{
	background:url(images/left_bottom_h2.gif) 0 0 no-repeat;
	width:700px;
	height:52px;
}

#leftBottom h3{
color:#386ba2;
font-size:12px;
text-align:center;
}

#leftBottom p.lftBottomText{
	margin:0 13px 0 18px;
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#91835B;
	background-color:#fff;
}
#leftBottom p.lftBottomText span{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#C24E01;
	background-color:#fff;
}
#leftBottom p.bot1{
	background:url(images/left_bottom_bot.gif) 0 0 no-repeat;
	width:700px;
	height:25px;
}

#leftBottom a{
	color:#FF660e;
	text-decoration:none;
}

#leftBottom a.actu{
	color:#006699;
	text-decoration:none;
}

#leftBottom a:hover{
	color:#FF660e;
	text-decoration:underline;
}

#leftBottom ul{
margin-left:30px;
}

#leftBottom li{
list-style-image:url(images/arrow.gif);
color:#006699;
font-size:13px;
font-weight:bold;
}



#leftBottom li.fr{
list-style-type:circle;
color:#000000;
font-size:11px;
}


/*------------------------------------------------left panel--------------------*/



/*------------------------------------------------liste 2--------------------*/

#list2{
	width:700px;
	background:url(images/left_bottom_bg.gif) 0 0 repeat-y;
}
#list2 p.top1{
	background:url(images/left_bottom_top.gif) 0 0 no-repeat;
	width:700px;
	height:21px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#list2 h2{
	background:url(images/left_bottom_h2.gif) 0 0 no-repeat;
	width:700px;
	height:52px;
}
#list2 p.lftBottomText{
	margin:0 13px 0 18px;
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#91835B;
	background-color:#fff;
}
#list2 p.lftBottomText span{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#C24E01;
	background-color:#fff;
}
#list2 p.bot1{
	background:url(images/left_bottom_bot.gif) 0 0 no-repeat;
	width:700px;
	height:25px;
}

#list2 a{
	color:#FF660e;
	text-decoration:none;
}

#list2 a:hover{
	color:#FF660e;
	text-decoration:underline;
}

#list2 ul{
margin-left:30px;
}

#list2 li{
list-style-image:url(images/arrow.gif);
font-size:12px;
}

/*------------------------------------------------liste 2--------------------*/



/*------------------------------------------------mid panel--------------------*/
#mid{
	width:700px;
	padding:4px 13px 0 11px;
	margin:0 5px 0 5px;
	float:left;
}

#mid h2{
	font:bold 22px/38px Arial, Helvetica, sans-serif;
}

/*#mid h3{
	font:bold 12px/29px Arial, Helvetica, sans-serif;
	color:#FFF414;
	background-color:#FF6600;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
#mid p.midText{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#FF6600;
	margin:0 0 31px 0;
}
#mid p.midText2{
	font:bold 16px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#FF6600;
	margin:0 0 46px 0;
}		*/
/*------------------------------------------------mid panel--------------------*/



#mem{
	width:214px;
	height:43px;
	background:url(images/member_login.gif) 0 0 no-repeat;
	font:bold 14px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}

#app{
	width:214px;
	height:43px;
	background:url(images/apporteurs.gif) 0 0 no-repeat;
	font:bold 14px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}

#right{
	width:300px;
}

#right ul{
	width:300px;
	list-style-type:circle;
}
#right li{
	display:block;
}

/*------------------------------------------------right panel--------------------*/

/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:953px;
	margin:18px 0 0 0;
	padding:8px 8px 19px 7px;
	float:left;
}
#bodyBottom ul{
	width:944px;
	background-color:#F1F1F1;
	color:#000;
	padding:8px 0 8px 9px;
	float:left;
	display:block;
}
#bodyBottom ul li.one{
	padding:7px 47px 36px 21px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	border-right:#F1F1F1 solid 8px;
	display:block;
	width:258px;
}
#bodyBottom ul li.one a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.one a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
#bodyBottom ul li.two{
	padding:7px 18px 36px 24px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	border-right:#F1F1F1 solid 8px;
	display:block;
	width:271px;
}
#bodyBottom ul li.two a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.two a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
#bodyBottom ul li.three{
	padding:7px 16px 16px 26px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	border-right:#F1F1F1 solid 8px;
	display:block;
	width:238px;
}
#bodyBottom ul li.three a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.three a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
/*------------------------------------------------bodyBottom--------------------*/



#s1{
	width:300px;
	position:relative;
	float:left;
	height:120px;
	padding-left:10px;
}
#s2{
	width:300px;
	position:relative;
	float:left;
	height:90px;
	padding-left:10px;
}

#clear{
	position: relative; 
	padding: 10px; 
	clear: left
}


a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: -50px;
    left: 120px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #f5fbf4;
    width:220px;
	text-decoration:none;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    margin:0;
    padding: 0;
    border: 0;
}



/*------------------------------------------------footer--------------------*/
#footerMain{
	width:968px;
	margin:0 auto;
	height:30px;
	background-color:#fff;
	color:#000;
	padding:16px 0 16px 0;
}
#footer{
	width:953px;
	margin:0 auto;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	height:20px;
	position:relative;
	text-align:center;
	color:#FFFFFF;
}

#footer p.copyright{
	font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FDFF35;
	background-color:inherit;
	position:absolute;
	left:400px;
	top:38px;
}
#footer a.xht{
	width:85px;
	height:13px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:391px;
	top:59px;
	margin:0;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	width:85px;
	height:13px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:478px;
	top:59px;
	margin:0;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer p.design{
	display:block;
	width:187px;
	height:17px;
	padding:3px;
	position:absolute;
	left:382px;
	top:83px;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#03373B;
	text-transform:none;
	text-align:center;
}
#footer p.design a.link{
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#03373B;
	text-decoration:none;
	text-transform:none;
}
#footer p.design a.link:hover{
	color:#FDFF35;
	background-color:#03373B;
}
/*------------------------------------------------footer--------------------*/

#partenaire{
	font-size:9px;
	color:#666666;
}

#partenaire a{
	color:#666666;
	text-decoration:none;
}

#partenaire a:hover{
	color:#666666;
	text-decoration:underline;
}