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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #EFECD0 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:left;
}
html{
	font-family: Georgia, "Trebuchet MS", Arial;
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}
h1{
	font-size: 1.1em;
	color: #797449;
	margin-bottom:8px;
}
h2{
	font-size: 0.9em;
	color: #797449;
	margin-bottom:8px;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0;
	width:760px;
	text-align:left;
}
#conteneur #logo{
	width:760px;
	height: 135px;
}
#conteneur #hautPage{
	width:760px;
	height: 203px;
	display: block;
}
#contenu{
	margin: 0 0 0 17px;
	padding:0;
	width:730px;
}
.cadreImage{
	border:4px solid #CFCCAC;
}
.boitePrix{
	padding:8px;background:#FAF8EB;border:1px solid #DEDCC8;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{padding: 0;	margin: 0;}
#menu ul{padding: 0;	margin: 0;list-style-type: none;}
#menu ul li{
	padding: 0;
	margin: 0;
	display: block;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	line-height: 32px;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding:0 0 0 17px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	color: #E0E0E0;
}
#menu ul li a.actif, #menu ul li a:link.actif, #menu ul li a:visited.actif{
	color: #27404F;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#basPage{
	margin: 0;
	width:100%;
	background: #D4D0AB;
}
#piedPage{color: #FFF;height: 30px;font-size: 11px;padding:10px 0 10px 10px; width:750px;}
#piedPage a{color: #FFF; text-decoration: none;}
#piedPage a:hover{ color: #797449; }
#piedPage #copyrights{ margin: 0;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage a#copyrightText { font-size: 9px;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 160%; color: #797449;}
p em{color:#61889E;}
p a, p a:link, p a:visited, ul li a:link, ul li a:visited{color: #797449; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover{color: #61889E;text-decoration: underline;}
ul li{font-size: 12px;list-style: square; line-height: 130%;color: #797449; margin:0 0 5px 16px;}


/* p:first-letter{color: #797449; font-size: 300%; padding:0 5px 0 1px;text-transform:uppercase;} */

/* CALENDRIER */
.calendrier td{ color: #565245; font-size: 11px; }
.calendrier td.date{ color: #565245; font-size: 10px; font-family:arial; text-align: center; background: #FFFFFF; border: #EFECD0 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type2{ font-size: 10px; font-family:arial; text-align: center; background: #C8C6AB; border: #EFECD0 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type3{ font-size: 10px; font-family:arial; text-align: center; background: #1C3E75; border: #EFECD0 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type4{ font-size: 10px; font-family:arial; text-align: center; background: #21982E; border: #EFECD0 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type5{ font-size: 10px; font-family:arial; text-align: center; background: #5A8EDE; border: #EFECD0 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type6{ font-size: 10px; font-family:arial; text-align: center; background: #115C16; border: #EFECD0 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type7{ font-size: 10px; font-family:arial; text-align: center; background: #ACC3EC; border: #EFECD0 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type8{ font-size: 10px; font-family:arial; text-align: center; background: #C7E66E; border: #EFECD0 1px solid; padding: 1px 0 1px 0; }
.calendrier td.legende{ font-style: italic; padding-left: 10px; text-align: left; }
.calendrier a, .calendrier a:link, .calendrier a:visited{ color: #FFFFFF; text-decoration: none; width: 23px; }
.calendrier a:hover{ background: transparent url(Gx/3000/dd_ov.gif) no-repeat center left; }
.calendrier a.actif, .calendrier a.actif:link, .calendrier a.actif:visited, .calendrier a.actif:hover{ background: transparent url(Gx/3000/dd_ov.gif) no-repeat center left; }
.calendrier div{ background: url(Gx/3000/dd_on.gif) no-repeat center left; width: 23px; }

span.rCopyright {
	font-size: 10px;
	font-weight: normal;
}

/* 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.5;
	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:#848056; }
/* couleur du fond tranparent */
#overlay{
	background-color: #848056; 
}
/* css pour le popUp de la photo du produit */
.boitePhoto{
	display:block; 
	float:left; 
	margin:0px 6px 0 0; 
	padding-top:5px;
	text-align:center;
	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:1px #D7D8C7 solid; */
}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 5px; border:1px solid #BAB8A2;}
fieldset legend{font-size: 14px; font-weight: bold; color: #26281D;margin: 0 0 5px -4px;}
fieldset legend a, fieldset legend a:visited{color: #26281D;}
fieldset label{font-size: 0.8em;line-height:140%; color: #848056;}


.formulaire{margin: 0;padding: 0;}
.champTexte{	
	color: #797449;
	background: #FAF8EB;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.boutonRadio{	
	color: #848056;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 12px;
}
.listeDeroulante{	
	color: #797449;
	background: #FAF8EB;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.boiteTexte{
	font-family: Georgia;
	font-size: 11px;
	color: #848056;
	background: #FAF8EB;
	margin: 0;
	padding: 0;
}
.bouton{
	background-color: #8BADC1;
	color: #FFF;
	font-size: 0.8em;
	height:30px; 
	font-weight: bold;
	margin-top:10px;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}