body {background:url(../images/common/bgd_main.jpg) fixed repeat-x; background-color:#487e04;text-align:center;height:100%; width:100%; margin:0; padding:0;}

/*ceci est la largeur de la page*/
#content{width:600px;text-align:center; margin:0 auto 0 auto; padding:20px 0 20px 0;}

.img_border{display:block;}

/* ces balises servent pour 'lensemble du site sauf cas particuliers*/
li{list-style-image:url(../images/common/li_type01.gif);}

#bloc_central a{font-weight:bold;color:#559008;}
#bloc_central a:hover{color:#7ec511;}

#header, #footer, #conteneur{background-color:#FFFFFF;}

/* ces classes servent pour le header */
#header{width:100%;height:73px;position:relative;}
	#compteur{float:left;margin:0 10px 0 10px; width:170px;	text-align:left;}
	#menu_header{margin:0 0 0 150px;position:absolute;right:0;top:0px;margin-right:8px;margin-top:-16px;_margin-top:-5px;}
	#menu_header li{border-left:1px solid #80d116; float:left; list-style:none; }
	#menu_header a{border-left: 1px solid #ffffff;border-top: 35px solid #ffffff;border-right: 10px solid #ffffff;display: block;text-decoration:none;color:#555555;white-space:nowrap;}
	#menu_header a:hover{color:white; background-color:#78C513;}
	#menu_header .activatedList a{color:white; background-color:#78C513;}


	
#menu_login{background-color:#549108;width:600px;color:#FFFFFF;}
	#menu_login a{color:#B7D492;}
	#menu_login a:hover{color:#7ec511;}

#menu_login input{font-size:9px;}

/* CSS servant pour la jauge */
#jauge{height:10px;background-image:url(../images/common/jauge_bgd.gif);background-repeat:repeat-x;border:1px solid #666666;color:#FFFFFF}
#occupation{height:10px;background-image:url(../images/common/jauge_oqp.gif);background-repeat:repeat-x;}

/* ce bloc contient les autres pages */
#bloc_central{margin:0 auto 0 auto;width:550px;}

/* ces classes servent pour le footer */
#footer{overflow:hidden;height:25px;margin:auto 0 auto 0;}
	
	
	#choix_lang{text-align:right;margin:3px 8px 0 0; float:right;}
	
	#menu_foot{	text-align:right;	width:320px; margin:5px 20px 0 10px;float:right;color:#555555;}
		#menu_foot a{text-decoration:none;color:#555555;}
		#menu_foot a:hover{text-decoration:underline;color:#78C513;	}

/* __ceci sert a afficher les cadres avec bord arrondi__ */
.cadre { position: relative; background-color: #FFFFFF; border:2px solid #7EC511;margin:0; padding:0;width:550px; }
	.cadre .top_left, .cadre .top_right, .cadre .bottom_left, .cadre .bottom_right, .cadre .title { height: 11px; width: 11px; background-repeat: no-repeat; position: absolute; }
	.cadre .top_left {background-image: url("../images/common/corner_top_left.gif"); z-index: 0; top: -2px; left: -2px;  }
	.cadre .top_right {background-image: url("../images/common/corner_top_right.gif"); z-index: 1; top: -2px; right: -2px;  }
	.cadre .bottom_left {background-image: url("../images/common/corner_bottom_left.gif"); z-index: 2; bottom: -2px; left: -2px; _bottom: -6px;  }
	.cadre .bottom_right {background-image: url("../images/common/corner_bottom_right.gif"); z-index: 3; bottom: -2px; right: -2px;_bottom: -6px;  }
	.cadre .content { position: relative; padding: 10px; z-index: 4;margin:0;vertical-align: }
	.cadre .title { position: absolute;top:-10px; z-index: 5; margin:0; padding:0 2px 0 2px;background-color: #FFFFFF;left:15px;width:auto; }
	.cadre .foot { position: absolute;bottom:-10px;right:10px;width:auto;z-index:6; }

/* __ceci sert a afficher les SELECT de formulaire entierement en CSS__ */
.conteneurListe{/*float:right;*/ margin:0;padding:0;}
	.conteneurListe .Bouton, .conteneurListe .Liste{cursor:pointer;color:#000000;background-color:#FFFFFF;font-size:11px;font-weight:normal;text-decoration:none;}
	/** Style du bouton **/
	.conteneurListe .Bouton{width:130px;text-align:left;height:16px;margin:0;vertical-align:middle;}
	/** Style de la liste **/
	.conteneurListe .Liste{display: none;position:absolute;width:130px;height:85px;_height:90px;overflow:auto;text-align:left;border:1px solid #78c513;}
	/** Style des elements de la liste **/
	.conteneurListe .Item{font-size:11px;margin:2px;color:#000000;width: 97%;vertical-align:middle;}
	/** Style des elements de la liste MouseOver **/
	.conteneurListe .ItemOver{color: #eeeeee; background-color: #78c513;font-weight:bold;}
	.conteneurListe .images{vertical-align:middle;_margin-top:1px;}
	.conteneurListe .imagesTop{vertical-align:bottom;}
	
	
	
#menu_header, .POLICE, #msgbox{font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;font-size: 11px;}

.label{color:#555555;}

.green_title{color:#549108; font-size:13px;font-weight:bold;text-align:left;}


/*   PAGE FAQ  */
	#faqList .title {color:#555555; font-weight:bold;font-size:13px;}
	#faqList dt{padding:10px 0 0 0;}
		#faqList dt a{font-weight:bold; color:#497E04;}
	#faqList dd{padding:0 0 20px 10px;display:block; visibility:visible;}
	#cadre_FAQ,{height: auto;_height:100%;}
	.freeHTML{height: auto;}

/*   PAGE SOUSCRIPTION  */	
	#inscription_form input, #captcha{width:150px;border:1px solid #A4B97F;}
	#captcha{width:148px;_width:150px;}
	
	#abo_tab.tr {height:40px;}
	
	.Valider{width:99px;height:20px;border:0;}
	
	.btn_dwl{bottom:-20px;right:-14px;_right:-17px;position:relative;}

/*   POPUP / MSGBOX  	*/
#grisage{position:absolute;left:0;top:0;z-index:20;visibility:hidden;display:none;width:100%;height:150%;background-image:url("../images/common/popup/overlay.png");_background-image:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/common/popup/overlay.png", sizingMethod="scale");}

#howto{width:370px;height:28px;line-height:28px;margin-top:5px;margin-right:10px;background:url(/images/common/bg_howto.jpg) no-repeat left top;text-align:center;}
#howto a{font-weight:bold;color:#ffffff;text-decoration:none;}
#howto a:hover{color:#ffffff;}
