/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #DFE0CF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #DFE0CF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: Arial, Verdana, Tahoma;
	font-size: 9px;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{
	font-size: 18px;
	color: #42902C;
	font-family: verdana;
	margin: 0 0 20px 0;
}
h2{
	font-size: 15px;
	color: #42902C;
	font-family: verdana;
	font-style: italic;
	margin: 15px 0 10px 0;
}
h3{
	font-size: 11px;
	color : #3D593B;
}
a.retouraccueil { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 196px;
	height : 209px;
	padding : 0;
	margin : 24px 0 0 0;
	background : url(Gx/logo.jpg) no-repeat left top;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
img{border: none;}
table#heures{ background-color: #E9EAD9;}
#carte{
	background-color: #E9EAD9;
	float: left;
	width: 530px;
	border: 1px #42902C solid;
}
td#vide{
	text-align: center;
	width: 300px;
}
table.espacebas td{padding: 0 30px 30px 0;}
table#heures td{text-align: center;}
td{font-size: 11px;color: #5B532F;font-family: verdana;}
table.bordure td{border: 1px #B0B1A2 solid;text-align: center;}
td.beige{background-color: #F0F1E4;}
#contenu p{font-size: 12px; line-height: 150%; color: #5B532F;font-family: verdana;}
#contenu ul li{font-size: 12px; line-height: 150%; color: #5B532F;font-family: verdana;margin: 0 0 0 15px;}
#contenu p strong{color: #42902C;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, td a{color: #549D0A; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover, td a:hover {
	color:#5B532F; text-decoration:underline;
}
ul.interligne li{padding: 0 0 12px 0;}
.textePetit{color: #5B532F;font-size: 11px;font-style: italic;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:11px; color:#549D0A;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:11px; color:#549D0A;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	width:740px;
	text-align:left;
}
#contenu{
	float: left;
	width: 550px;
	padding: 0 0 180px 0;
	background: url(Gx/contenu_bg.gif) no-repeat left bottom;
}
#flash{
	float: left;
	width: 544px;
	height: 220px;
	/*background-color: #5DCEEB;*/ 
}
#colgauche{
	width: 187px;
	border-right: 1px #CFD0BA solid;
	border-bottom: 1px #CFD0BA solid;
	float: left;
}
#nouvelle{
	padding: 0 0 0 13px;
}
#nouvelle p.titre{
	color: #638161;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
}
#nouvelle p{
	color: #638161;
	font-size: 11px;
}
#nouvelle h3{
	padding: 8px 0 4px 0;
}
a.meteo{
	display: block;
	margin: 30px 0 10px 13px;
}
.logovi{
	display: none;
}

/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{padding: 9px 0 0 0;margin: 0;float: right;width: 164px;}
#menuu ul{padding: 0;margin: 0;height: 22px;}
#menuu ul li{padding: 0 2px 3px 0;margin: 0;list-style-type: none;float: left;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	display: block;
	float: left;
	line-height: 10px;
	font-size: 11px;
	color: #858764;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 20px;
	background-color: #D7D9C1;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover, #menuu ul li a.actif, #menuu ul li a.actif:visited{
	background-color: #3C9624;
	color: #C3C5AB;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{padding: 0;margin: 0;width: 187px;}
#menu ul{padding: 0;margin: 0;}
#menu ul li{padding: 0;margin: 0;list-style-type: none;background: url(Gx/M/li_bg.gif) no-repeat left bottom;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 13px;
	display: block;
	height: 48px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	background-color: #E9EAD9;
}
#menu ul li a.actif, #menu ul li a.actif:visited{
	background-color: #F0F1E4;
}
#menu ul li ul li{
	background: none;
	diplay: block;
	width: 187px;
}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	height: auto;
	font-size: 11px;
	padding: 10px 0 10px 15px;
	display: block;
	color: #000;
	border-bottom: 1px #CFD0BA solid;
}
#menu ul li.M06 a{
	height: 80px;
}
#menu ul li.M06 a:hover, #menu ul li.M06 a:visited:hover, #menu ul li.M06 a.actif, #menu ul li.M06 a.actif:visited{
	background-color: #E2EDD4;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #9D9E86;height: 50px;font-family: verdana;font-size: 10px;padding: 0 0 0 20px;border-top: 1px #BBBCAD solid;}
#piedPage a{ color: #9D9E86; text-decoration: underline;}
#piedPage a:hover{ color: #9D9E86; }
#piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #9D9E86;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #9D9E86;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px;}

.champTexte{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
	margin:2px 0 2px;
}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin:2px 0 2px;
}
.bouton{
	font-family: "Trebuchet MS";
	background-color: #EEF3F7;
	color: #498ECB;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: none;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox { padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:14px;font-weight:bold;font-family: verdana;}
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:12px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;font-family: verdana; }
#lightbox img { border:none; } 
/*#overlay img { border:none; }*/

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background:#42902C; }
/* couleur du fond tranparent */
#overlay{
	background-color: #663300; 
}