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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/I/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #CFD5C8 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: Arial, Verdana, Tahoma;
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}
h1{
	font-size: 17px;
	color: #65AF00;
	margin:20px 0 0 0;
	padding:22px 0 22px 22px;
	background: url(gx/m/h1_bg.gif) no-repeat left;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	width:766px;
	text-align:left;
}
#hautPage{
	width: 766px;
	height: 382px;
}
#contenu{
	background-color: #FFF;
	border: 1px solid #EFEDE9;
}
#colGauche{
	width:316px;
	float:left;
	background:url(gx/m/sep_v.gif) right top no-repeat;
}

#colDroite{
	width:430px;
	float:right;
}

/* NAVIGATION EN HAUT DE PAGE
--------------------------------------------------------------------------------------- */
#navHaut{
	height: 21px;
	float:right;
	padding: 10px 0 0 0;
	margin: 0;
}
#navHaut ul{
	padding: 0;
	margin: 0;
}
#navHaut ul li{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
}
#navHaut ul li a, #navHaut ul li a:link, #navHaut ul li a:visited{
	line-height: 12px;
	font-size: 11px;
	color: #8A8A8A;
	text-decoration: none;
	padding: 0 10px 3px 0px;
}
#navHaut ul li a:hover, #navHaut ul li a:visited:hover{
	text-decoration: underline;
	color: #57A600;
}
#navHaut ul li a.actif, #navHaut ul li a.actif:hover, #navHaut ul li a.actif:visited{
	font-weight: bold;
	color: #57A600;
}


/* MENU
--------------------------------------------------------------------------------- */
#menu{
	width:766px;
	height: 12px;
	margin: 0;
	padding: 15px 0 20px 0;
}
#menu ul{
	padding: 0;
	margin: 0;
}
#menu ul li{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	line-height: 12px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	padding: 5px 11px 5px 10px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	color: #57A600;
}
#menu ul li a.actif, #menu ul li a.actif:hover, #menu ul li a.actif:visited{
	font-weight: bold;
	color: #57A600;
}

/* SOUS-MENU
--------------------------------------------------------------------------------------- */
#sousMenu{
	padding: 0 0 0 0;
	margin: 22px 0 0 0;
	width:298px;
}
#sousMenu ul{
	padding: 0;
	margin: 0;
}
#sousMenu ul li{
	padding: 0 0 5px 0;
	margin: 0;
	display: block;
	list-style-type: none;
	text-align: right;
}
#sousMenu ul li a, #sousMenu ul li a:link, #sousMenu ul li a:visited{
	line-height: 12px;
	font-size: 12px;
	color: #8A8A8A;
	text-decoration: none;
	padding: 0 0 0 0;
}
#sousMenu ul li a:hover, #sousMenu ul li a:visited:hover{
	text-decoration: underline;
	color: #57A600;
}
#sousMenu ul li a.actif, #sousMenu ul li a.actif:hover, #sousMenu ul li a.actif:visited{
	font-weight: bold;
	color: #57A600;
}
.bordurePhoto{
	border:2px solid #959871;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #888975;height: 50px;font-family: Tahoma;font-size:10px;padding: 0;}
#piedPage a{ color: #888975; text-decoration: underline;}
#piedPage a:hover{ color: #000; }
#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: #888975;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #000;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size:12px; line-height:15px; color: #242A24;}
p strong{
	font-size: 14px;
	color: #65AF00;
}
p a, p a:link, p a:visited, ul li a, ul l a:visited{color: #000; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover{color: #65AF00;text-decoration: underline;}
ul{margin:0 0 0 25px;}
ul li{font-size: 12px; line-height: 15px;list-style: square; color: #1F1F1F;}
.textePetit{font-size: 11px;}



/* LIGHTBOX CONTROL */
#lightbox { padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#FFF; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#FFF; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#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=50);
	-moz-opacity: 0.3;
	opacity: 0.5;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background-color:#959871; }
/* couleur du fond tranparent */
#overlay{
	background-color: #333; 
}


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

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