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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #EEEFE0;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #EEEFE0 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, Georgia, Times, "Times New Roman", "Courier New";
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}
h1{
	font-size: 16px;
	color: #709900;
	margin:0 0 5px 0;
}
h2{
	font-size: 14px;
	color: #709900;
	margin:0 0 5px 0;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#index #conteneur{
	margin: 70px auto 0 auto;
	width:680px;
	text-align:left;
}
#main #conteneur{
	margin: 0 auto 0 auto;
	width:702px;
	text-align:left;
}
#colonneGauche{
	float:left;
	width:151px;
}
#colonneDroite{
	float:right;
	width:513px;
	display:block;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	width:513px;
	height: 119px;
	padding: 0;
	margin: 0;
	float: left;
	display:inline;
}

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

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 140%; color: #877F61;}
p a, p a:link, p a:visited, ul li a, ul li a:link, ul li a:visited{color: #877F61; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover{color: #709900;text-decoration: underline;}
ul{padding:0 0 0 16px;}
ul li{
	list-style:square;
	font-size: 13px;
	line-height: 140%;
	color: #756E4E;
}

.textePetit{font-size:12px; line-height:140%; color:#A8924E;}
.textePetit a, .textePetit a:link, .textePetit a:visited{color:#A8924E;}
.textePetit a:hover, .textePetit a:visited:hover{color:#709900;}

#cadre{
	background:url(gx/cadre_bg.gif) repeat-y;
	width:158px;
	padding:0 0 0 0;
	margin:0 0 0 10px;
}
#cadre img{
	margin:9px 0 9px 9px;
}
#photoHaut{
	display:block;
	margin-bottom:10px;
	z-index: 999;
}


/* Boite Nouvelles */
#boiteNouvelle h1, #boiteNouvelle h1 a, #boiteNouvelle h1 a:link, #boiteNouvelle h1 a:visited{
	color:#709900;
	font-size: 14px;
	font-weight: bold;
	margin:0 0 5px 3px;
	text-decoration:none;
}
#boiteNouvelle h1 a:hover{
	text-decoration:underline;
}
#boiteNouvelle{
	width:185px; padding:0 0 0 8px; margin:0; float:right;
	border-left:1px solid #BCD676;
}
#boiteNouvelle ul{
	padding: 0;	margin:0;
}
#boiteNouvelle ul li{
	padding:0; margin:0; display: block; list-style-type: none;
}
#boiteNouvelle ul li a, #boiteNouvelle ul li a:link, #boiteNouvelle ul li a:visited{
	width:185px;
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: #84B303;
	text-decoration: none;
	padding: 6px 5px 6px 5px;
	border-bottom: 1px solid #D7D8C7;
}
#boiteNouvelle ul li.emphase a, #boiteNouvelle ul li.emphase a:link, #boiteNouvelle ul li.emphase a:visited{
	color: #5F5B43;
	font-weight:bold;
	background: #E0E1CC;
	border-bottom: 4px solid #D7D8C7;
}
#boiteNouvelle ul li a:hover{
	background: #E0E1CC;
	color: #5F5B43;
}
.boitePhoto{
	display:block;
	float:left;
	margin:5px 5px 5px 0;
	padding-top:5px;
	width:164px;
	border:1px solid #D7D8C7;
	height:120px; 
	text-align:center;
	line-height:14px;
	color:#5F5B43;
}
.boitePhoto a, .boitePhoto a:link, .boitePhoto a:visited{
	color:#5F5B43; font-size:10px; text-decoration:none;
}
.boitePhoto a:hover, .boitePhoto a:visited:hover{
	text-decoration:underline;
	color:#5F5B43;
}
.produit{
	border:4px #D7D8C7 solid;
}

/* css pour le popUp de la photo du produit */
/* 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=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:#898989; }
/* couleur du fond tranparent */
#overlay{
	background-color: #333333; 
}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 0; border:0;}
/* fieldset legend{font-family: Arial; font-size: 14px; font-weight: bold;} */
fieldset label{font-size: 12px;color:#877F61;}
fieldset legend{margin:0;padding:0;border:0;}
.formulaire{margin: 0;padding: 0;}
.champTexte{	
	color: #877F61;
	background: #F7F7ED;
	margin: 0;
	font-size: 12px;
}
.boutonRadio{	
	color: #4E677A;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 0.8em;
}
.menuDeroulant{	
	color: #877F61;
	background: #F7F7ED;
	margin: 0;
	
	font-size: 12px;
}
.boiteTexte{
	color: #877F61;
	background: #F7F7ED;
	margin: 0;
	font-family:"Trebuchet MS";
	font-size: 12px;
}
.bouton{
	background: #877F61;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;

}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}