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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body{
	behavior:url("inc/csshover.htc");
	background: #FFF url(gx/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

a.retour{ 
	position: absolute;
	left: 0;
	top: 11px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 130px;
	height : 130px;
	padding : 0;
	margin : 0;
	background : url(Gx/logo.gif) no-repeat left top;
}
.vi{display: none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{
	float: left;
	width: 605px;
	font: bold 14px Arial;
	line-height: 18px;
	color: #686544;
	margin: 20px 0 0 0;
}
h1 span{font-weight: normal;}
h1.ITEM{padding-left: 30px;}

h2{font: 18px Arial;line-height: 24px;}
h3{font: bold 14px Arial;color: #29293f;}
h5{color: #686544;font: bold 14px Arial;background-color: #d6d895;padding: 4px 0 4px 10px;}
h5 span{font: 12px Arial;}
h6{font: bold 18px Arial;color: #b5ae6d;}
p{font: 12px Arial;line-height: 16px;color: #29293f;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, label a, label a:link, label a:visited{color: #0A254E; 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, label a:hover, label a:visited:hover{
	color:#000; text-decoration:underline;
}
p.textegauche{width: 480px;float: left;}

ul li{font: 12px Arial;line-height: 16px;color: #29293f;list-style:square; margin-left:16px;}
ol li{font: 12px Arial;line-height: 16px;color: #29293f;margin-left:16px;}
.textePetit{font-size: 11px;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width: 965px;
	position: relative;
}
#carte{float: right;width: 425px;}

#invitation{padding: 20px 0 0 0;}
.gauche{float: left;width: 300px;}
.droite{float: left;width: 300px;padding-left: 20px;}
#invitation .champTexte{width: 200px;}
#invitation .boiteTexte{width: 520px;height: 100px;}
#invitation p{padding: 0 0 10px 0;text-align: left;}

#contenuordinaire{padding-left: 30px;}

.photoquestion{display: block;float: left;margin-right: 10px;}


#boitepanier{
	float: right;
	background: #e0dcb5 url(Gx/boitepanier_bg.jpg) no-repeat 5px 10px;
	padding: 13px;
	margin-right: 5px;
	margin-top: 30px;
	height: 47px;
	color: #686544;
}
#boitepanier a, #boitepanier a:link, #boitepanier a:visited{
	font: 12px Arial;
	color: #686544;
	text-decoration: none;
}
#boitepanier a.titre, #boitepanier a.titre:link, #boitepanier a.titre:visited{
	margin-left: 20px;_margin-left: 10px;
	margin-bottom: 10px;
	display: block;
	float: left;
	font: bold 13px Arial;
}
#boitepanier a:hover, #boitepanier a:visited:hover{text-decoration: underline;}
#boitepanier span{
	padding: 0 5px;
}

/* LISTE DE ITEM
--------------------------------------------------------------------------------------- */
#ITEMliste{
	float: left;
	width: 605px;
	margin: 20px 0 0 30px;
}
.liste, .liste3{
	float: left;
	width: 182px;
	font: 12px Arial;
	color: #29293f;
	line-height: 16px;
	padding-right: 29px;
	position: relative;
}
.liste3{
	padding-right: 0;
}
.liste a img, .liste3 a img{
 border: 1px #a6a8ad solid;
}
.promotion{
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	background-color: #93cbdd;
	padding: 4px 8px;
	font: bold 14px Arial;
}
#pagination{
	float: right;
	color: #686544;
	font: 11px Arial;
}
h1 #titreliste{float: left;}
h1 #pagination{float: none;text-align: right;}

#pagination a, #pagination a:link, #pagination a:visited{
	color: #686544;
	font: 11px Arial;
}
.vedettelist{
	margin-top: 10px;
	float: left;
	background-color: #f0f1f4;
	width: 300px;
	padding: 20px 0 20px 20px;
}
#vedetteaucun{
	margin-top: 10px;
	float: left;
	background-color: #f0f1f4;
	width: 945px;
	padding: 20px 0 20px 20px;
}
.vedettelist a, .vedettelist a:link, .vedettelist a:visited{
	display: block;
	float: left;
	text-decoration: none;
	color: #29293f;
}
.vedettelist p{
	display: block;
	float: left;
	padding-left: 10px;
	width: 150px;
}
.vedettelist a img{
	border: 1px #a6a8ad solid;
}
a.voirvedette, a.voirvedette:link, a.voirvedette:visited{
	float: right;
	display: block;
	color: #29293f;
	font: 12px Arial;
	padding: 6px;
}

/* DÉTAIL DE ITEM
--------------------------------------------------------------------------------------- */
#ITEMdetail{
	float: left;
	width: 605px;
	margin: 20px 0 0 30px;
	font: 12px Arial;
	color: #29293f;
	line-height: 16px;
	position: relative;
}
#ITEMdetail img{float: left;border: 1px #a6a8ad solid;}


.longeurmax{
	display: block;
	float: left;
	width: 230px;
}

a.commander, a.commander:link, a.commander:visited{
	display:block;
	float: right;
	width: 150px;
	margin-right: 50px;_margin-right: 25px;
	background: #93cbdd url(Gx/flecheblanc.gif) no-repeat 8px 8px;
	color: #29293f;
	padding: 4px 8px 4px 24px;
	text-decoration: none;
	font: bold 12px Arial;
}
a.commander:hover, a.commander:visited:hover{color: #fff;}

a.recommander, a.recommander:link, a.recommander:visited{
	display:block;
	float: right;
	width: 150px;
	margin-right: 50px;_margin-right: 25px;
	background: #b5ae6d url(Gx/flecheblanc.gif) no-repeat 8px 8px;
	color: #29293f;
	padding: 4px 8px 4px 24px;
	text-decoration: none;
	font: bold 12px Arial;
}
a.recommander:hover, a.recommander:visited:hover{color: #fff;}

a.demandeInfo, a.demandeInfo:link, a.demandeInfo:visited{
	display:block;
	float: right;
	width: 150px;
	margin-right: 50px;_margin-right: 25px;
	background: #a4a6ab url(Gx/flecheblanc.gif) no-repeat 8px 8px;
	color: #29293f;
	padding: 4px 8px 4px 24px;
	text-decoration: none;
	font: bold 12px Arial;
}
a.demandeInfo:hover, a.demandeInfo:visited:hover{color: #fff;}

#lesphotosduITEM{
	float: left;
	width: 350px;
	margin-right: 20px;
}
#lesphotosduITEM h3{padding-bottom: 5px;}



/* ACCUEIL
--------------------------------------------------------------------------------------- */
#colgauche{float: left;width: 530px;}
#coldroite{float: left;width: 435px;}

#animflash{margin-top: 20px;position: relative;z-index -999;}

#vedpromoext{
	margin-top: 20px;
	float: right;
	width: 396px;
	background: url(Gx/00/vedpromoext_bg.gif) repeat-y left;
}
#vedpromo{
	float: left;
	width: 396px;
	background: url(Gx/00/vedpromo_bg.gif) no-repeat left top;
}
#vedpromoint{
	float: left;
	width: 372px;
	background: url(Gx/00/vedpromoint_bg.gif) no-repeat left bottom;
	padding: 12px;
}
#vedette{
	float: left;
	background-color: #f1efd4;
	padding: 10px 25px;
	width: 322px;
}
#promotion{
	margin-top: 20px;
	float: left;
	background-color: #e0dcb5;
	padding: 10px 25px;
	width: 322px;
}
#concoursext{
	margin-top: 20px;
	float: right;
	width: 396px;
	background: url(Gx/00/concoursext_bg.gif) repeat-y left;
}
#concours{
	float: left;
	width: 396px;
	background: url(Gx/00/concours_bg.gif) no-repeat left top;
}
#concoursint{
	float: left;
	width: 372px;
	background: url(Gx/00/concoursint_bg.gif) no-repeat left bottom;
	padding: 12px;
}
#concours #boiteblanche{
	background-color: #f7f7f6;
	float: left;
	padding: 10px 25px 20px 25px;
	width: 135px;
	margin-left: 20px;
}

#vedette h2, #promotion h2, #concours h2{padding-top: 10px;}
#vedette h2 a, #vedette h2 a:link, #vedette h2 a:visited,
#vedette p a, #vedette p a:link, #vedette p a:visited{
	color: #686544;
	text-decoration: none;
} 
#promotion h2 a, #promotion h2 a:link, #promotion h2 a:visited,
#promotion p a, #promotion p a:link, #promotion p a:visited{
	color: #29293f;
	text-decoration: none;
}
#vedette a img, #promotion a img{float: right;border: 1px #686544 solid;margin-left: 10px}
#concours a img{float: left;border: 1px #686544 solid;}

#concours h2 a, #concours h2 a:link, #concours h2 a:visited,
#concours p a, #concours p a:link, #concours p a:visited{
	color: #29293f;
	text-decoration: none;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	float: left;
	width: 965px;
	background: url(Gx/menu_bg.gif) repeat-x top;
	position: relative;
	z-index: 10;
}
#menu ul{margin:0;padding:0;}
#menu ul li{
	padding:0 0 8px 0;
	margin:0;
	list-style-type:none;
	display: block;
	float: left;
	position: relative;
}
#menu ul li.actif{
	background: url(Gx/menuactif.gif) no-repeat bottom center;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #f5f1dd;
	font: bold 13px Arial;
	line-height: 17px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 6px 12px;
}
#menu ul li:hover a, #menu ul li:hover a:link, #menu ul li:hover a:visited,
#menu ul li a:hover, #menu ul li:hover a:link, #menu ul li a:visited:hover
{background-color: #3c3c50;color: #c6c087;}
s
#menu ul li.actif a, #menu ul li.actif a:visited{background-color: #3c3c50;color: #c6c087;}

#menu ul ul li a, #menu ul ul li a:link, #menu ul ul li a:visited,
#menu ul li:hover ul li a, #menu ul li:hover ul li a:link, #menu ul li:hover ul li a:visited,
#menu ul li.actif ul li a, #menu ul li.actif ul li a:link, #menu ul li.actif ul li a:visited{
	font: 11px Arial;
	text-transform: none;
	line-height: 15px;
	color: #fff;
	text-decoration: none;
	display:block;
	margin: 0px;
	width: 111px;
	background: #29293f;
	padding: 4px;
	float: none;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover,
#menu ul li.actif ul li a:hover, #menu ul li.actif ul li a:visited:hover{
	color: #c6c087;
	background: #3c3c50; 
}
#menu ul li ul{
	position:absolute;
	display:block;
	visibility:hidden;
	height: auto;
	margin: 0;
	padding: 0;
	float:none;
	top:31px;
	left:0;
	width: 119px;
	list-style-type: none;
	z-index: 999;
}
#menu ul li:hover ul, #menu ul li.hover ul{ 
	visibility:visible; 
}
#menu ul li ul li{
	margin: 0;
	padding: 0;
	text-align: left;
	background: none;
	width: 119px;
	float: left;
	height: auto;
	border-top: 1px #fff solid;
}
#menu ul li ul li.dernier{border-bottom: 1px #fff solid;}

#menu ul li ul.smenu1, #menu ul li ul.smenu1 li{width: 141px;}
#menu ul li ul.smenu1 li a, #menu ul li ul.smenu1 li a:link, #menu ul li ul.smenu1 li a:visited{width: 133px;}

#menu ul li ul.smenu2, #menu ul li ul.smenu2 li{width: 122px;}
#menu ul li ul.smenu2 li a, #menu ul li ul.smenu2 li a:link, #menu ul li ul.smenu2 li a:visited{width: 122px;}


/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{float: right;margin-top: 20px;}
#menuu ul{margin:0;padding:0;}
#menuu ul li{
	padding:0;
	margin:0;
	list-style-type:none;
	display: block;
	float: left;
	font: 11px Arial;
	color: #bcbec1;
	line-height: 15px;
}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	text-decoration: none;
	color: #353535;
	font: 11pX Arial;
	lin-height: 15px;
	display: block;
	float: left;
	padding: 0 10px;
}
#menuu ul li.dernier a, #menuu ul li.dernier a:link, #menuu ul li.dernier a:visited{padding: 0 0 0 10px;}
#menuu ul li a:hover, #menuu ul li a:visited:hover{color: #b5ae6d;}

/* MENU ITEM
--------------------------------------------------------------------------------------- */
#menuITEM{
	float: left;
	margin: 20px 0 0 0;
	width: 328px;
	border: 1px #d6d895 solid;
}
#menuITEM ul{
	margin:0;
	padding: 0 15px 0 15px;
}
#menuITEM ul li{
	padding: 1px 0 1px 0;
	margin:0;
	list-style-type:none;
}
#menuITEM ul li a, #menuITEM ul li a:link, #menuITEM ul li a:visited{
	text-decoration: none;
	color: #353535;
	font: 13px Arial;
	line-height: 16px;
}
#menuITEM ul li a:hover, #menuITEM ul li a:visited:hover{color: #b5ae6d;}
#menuITEM ul li a.actif, #menuITEM ul li a:visited.actif{font-weight: bold;color: #b5ae6d;}
#menuITEM ul li ul, #menuITEM ul li ul li ul{display: none;padding-left: 20px;}
#menuITEM ul ul.actif, #menuITEM ul ul.actif ul.actif{display: block;}

#menuITEM ul ul ul a, #menuITEM ul ul ul a:link, #menuITEM ul ul ul a:visited{
	background: none;
	font: 11px Arial;
	line-height: 16px;
}
#menuITEM ul ul a.actif, #menuITEM ul ul a:visited.actif, #menuITEM ul ul ul a.actif, #menuITEM ul ul ul a:visited.actif{color: #353535;}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#a4a6ab;font: 11px Arial;}
#bookmarker {float: right;margin-top: 20px;}
#piedPage a{color:#a4a6ab; text-decoration:underline;}
#piedPage a:hover{color:#a4a6ab;}
#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:#a4a6ab;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #a4a6ab;}


/* MENU PIED DE PAGE
--------------------------------------------------------------------------------------- */
#menupiedpage{
	float: left;
	background-color: #a4a6ab;
	width: 935px;
	padding: 15px
}
#menupiedpage ul{
	margin:0;
	padding:0;
	display: block;
	float: left;
	width: 150px;
}
#menupiedpage ul li{
	padding:0;
	margin:0;
	list-style-type:none;
	display: block;
	float: left;
	width: 150px;
}
#menupiedpage ul li a, #menupiedpage ul li a:link, #menupiedpage ul li a:visited{
	color: #fff;
	font: bold 11px Arial;
	line-height: 15px;
	text-decoration: none;
	padding: 1px 12px;
	display: block;
}
#menupiedpage ul li a:hover, #menupiedpage ul li a:visited:hover{color: #eaecaf;text-decoration: underline;}
#menupiedpage ul li ul li a, #menupiedpage ul li ul li a:link, #menupiedpage ul li ul li a:visited{font: 11px Arial;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#demande{}
#contact{float: left;}
fieldset{margin-bottom:10px; padding: 5px; border: none;font-size: 14px;line-height: 18px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{
	color: #29293f;
	font: 12px Arial;
	margin:8px 0 2px 0;
	line-height: 16px;
	display: block;
	float: left;
}
 .champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */

.champTexte, .champTelephone1, .champTelephone2, .champTelephone3{	
	background: #f1efd4;
	border: 1px solid #a4a6ab;
	color: #29293f;
	font: 11px Arial;
	margin:2px 0 0 0;
	padding: 3px;
	width: 200px;
}
.champTelephone1{width: 20px;}
.champTelephone2{width: 20px;}
.champTelephone3{width: 25px;}

.listeDeroulante, .listeDeroulanteCourte{
	background: #f1efd4;
	border: 1px solid #a4a6ab;
	color: #29293f;
	font: 11px Arial;
	margin:2px 0 0 0;
	padding: 3px;
	width: 200px;
}
.listeDeroulanteCourte{width: auto;}

.boiteTexte{
	background: #f1efd4;
	border: 1px solid #a4a6ab;
	color: #29293f;
	font: 11px Arial;
	margin:2px 0 2px 0;
	padding: 3px;
	width: 200px;
	height: 75px;
}
.bouton{
	background-color: #a4a6ab;
	border: 1px solid #C9D0D6;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	font: bold 11px Arial;
	cursor: hand;
}
.bouton:hover{background-color: #3c3c50;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;display: block;float: left;margin:8px 2px 2px 0;}
.caseaCocher{border: none;display: block;float: left;margin:8px 2px 2px 0;}
.erreur{color: #FF0000;}
.erreur a, .erreur a:link, .erreur a:visited{color: #FF0000;}

#recherche{
	float: right;
	background-color: #d6d895;
	padding: 13px;
	margin-top: 30px;
}
#recherche label{
	font: bold 13px Arial;
	color: #686544;
}
#recherche #recherchetext{
	background: #fff;
	border: 1px solid #a5af72;
	color: #959859;
	font: 11px Arial;
	margin:6px 0 2px 0;
	width: 195px;
	display: block;
	float: left;
	padding: 3px;
}
#recherche #btnrecherche{
	margin-top: 6px;
	margin-left: 10px;
}

#boiteDemandeInfo{float:left; width:500px;}
#boiteDemandeInfo label{float:left;}
.boiteTexteDemandeInfo, .champTexteDemandeInfo{float:right;width:350px;}
#boutonDemandeInfo{
	float:left;
	background-color: #a4a6ab;
	border: 1px solid #C9D0D6;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	font: bold 11px Arial;
	cursor: pointer;
}