/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ..)
	- Layout
		- Header
			- Menu
		- Middle
			- Title
			- Content ( Textes )
		- Separateur
		- Footer
			- Menu
		- Footer copyright
	- Spécifique aux pages
		- Accueil

----------------------------------------------------------------------------------------*/
/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{ border:0; margin:0; padding:0; font: 14px Myriad Pro, Verdana, Arial, Helvetica, sans-serif; }
p{ font: 14px Myriad Pro, Verdana, Arial, Helvetica, sans-serif; margin-bottom: 12px; }
a{ font: 14px Myriad Pro, Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #373B09; }
a:hover{ text-decoration: none; }
h2{ font: bold 14px Myriad Pro, Verdana, Arial, Helvetica, sans-serif; margin-bottom: 12px; }
h3{ font: bold 14px Myriad Pro, Verdana, Arial, Helvetica, sans-serif; }
.erreur{ color: red; }
.champCache{ display: none; }
#container_couronne{ position: relative; width: 0; height: 0; z-index: 1; }
#couronne_noel{ position: absolute; top: 0; left: -75px; z-index: 1; width: 200px; height: 204px; background-image: url(Gx/00/couronne_noel.png); }
.displaynone{display: none;}

/* LAYOUT
--------------------------------------------------------------------------------------- */
body{ background: /*#A7A896*/#cbcbcb; }
#container{ margin: 0 auto; text-align:left; width:852px; background: #ccb55d; padding-left: 8px; }

	/* HEADER */
	#container #header{ width: 852px; height: 25px; background: url(Gx/header.jpg) no-repeat; padding-top: 61px; position: relative; }
	#container #header a.lien_accueil{ position: absolute; top: 6px; left: 50px; display: block; width: 455px; height: 50px; }
	#container #header a.lien_accueil{ text-decoration: none; }

		/* MENU */
		#container #header #menu{ height: 21px; width: 852px; border: 2px white solid; border-width: 2px 0 2px 0; background: /*#d9c582*/#AE1C0E; }
		#container #header #menu.fr ul{ height: 21px; width: 813px; margin-left: 39px; background: url(Gx/menu_fr.gif) no-repeat; } /* FR */
		#container #header #menu.en ul{ height: 21px; width: 813px; margin-left: 39px; background: url(Gx/menu_en.gif) no-repeat; } /* EN */
		#container #header #menu ul li{ list-style-type: none; height: 21px; float: left; }
		#container #header #menu.fr ul li a{ height: 21px; display: block; background: url(Gx/menu_fr.gif) no-repeat; } /* FR */
		#container #header #menu.en ul li a{ height: 21px; display: block; background: url(Gx/menu_en.gif) no-repeat; } /* EN */
		#container #header #menu ul li a span{ display: none; }

		/* FR */
		#container #header #menu.fr ul li.table a{ width: 148px; background-position: 0px top; }
		#container #header #menu.fr ul li.bains a{ width: 159px; background-position: -148px top; }
		#container #header #menu.fr ul li.decoration a{ width: 107px; background-position: -307px top; }
		#container #header #menu.fr ul li.epicerie a{ width: 120px; background-position: -414px top; }
		#container #header #menu.fr ul li.textile a{ width: 87px; background-position: -534px top; }
		#container #header #menu.fr ul li.maison a{ width: 192px; background-position: -621px top; }

		#container #header #menu.fr ul li.table a:hover{ background-position: 0px bottom; }
		#container #header #menu.fr ul li.bains a:hover{ background-position: -148px bottom; }
		#container #header #menu.fr ul li.decoration a:hover{ background-position: -307px bottom; }
		#container #header #menu.fr ul li.epicerie a:hover{ background-position: -414px bottom; }
		#container #header #menu.fr ul li.textile a:hover{ background-position: -534px bottom; }
		#container #header #menu.fr ul li.maison a:hover{ background-position: -621px bottom; }

		/* EN */
		#container #header #menu.en ul li.table a{ width: 153px; background-position: 0px top; }
		#container #header #menu.en ul li.bains a{ width: 164px; background-position: -153px top; }
		#container #header #menu.en ul li.decoration a{ width: 107px; background-position: -317px top; }
		#container #header #menu.en ul li.epicerie a{ width: 122px; background-position: -424px top; }
		#container #header #menu.en ul li.textile a{ width: 75px; background-position: -546px top; }
		#container #header #menu.en ul li.maison a{ width: 192px; background-position: -621px top; }

		#container #header #menu.en ul li.table a:hover{ background-position: 0px bottom; }
		#container #header #menu.en ul li.bains a:hover{ background-position: -153px bottom; }
		#container #header #menu.en ul li.decoration a:hover{ background-position: -317px bottom; }
		#container #header #menu.en ul li.epicerie a:hover{ background-position: -424px bottom; }
		#container #header #menu.en ul li.textile a:hover{ background-position: -546px bottom; }
		#container #header #menu.en ul li.maison a:hover{ background-position: -621px bottom; }

	/* MIDDLE */
	#container #middle{ background: url(Gx/bg_left.jpg) repeat-y; }
	
		/* TITLE */
		#container #middle #title{ width: 813px; height: 46px; border: 2px white solid; border-width: 0 0 2px 2px; margin-left: 37px; background: #7a7b60; overflow: hidden; }
		#container #middle #title h1{ font: bold 22px Myriad Pro, Verdana, Arial, Helvetica, sans-serif; padding: 7px 0 0 10px; color: #a9a790; display: none; }

		/* CONTENT */
		#container #middle #content{ width: 813px; border-left: 2px white solid; margin-left: 37px; background: #f3f2ef; }
		#container #middle #content .text{ padding: 10px; }
		#container #middle #content .panier{ padding: 10px; }

	/* SEPARATEUR */
	#container #separateur{ background: /*#f6dc7d*/#ae1c0e; height: 45px; border: 2px white solid; border-width: 2px 0 2px 0; position: relative; }
		#container #separateur .btn_retour_right{ position: absolute; top: 11px; right: 25px; }
	
	/* FOOTER */
	#container #footer{ background: url(Gx/bg_left.jpg) repeat-y; }
	
		/* MENU */
		#container #footer #menu{ width: 813px; height: 74px; border-left: 2px white solid; margin-left: 37px; background: #f3f2ef; font: 12px sans-serif; color: #7a7b60; position: relative; }
		#container #footer #menu a{ color: #7a7b60; text-decoration: none; }
		#container #footer #menu a:hover{ text-decoration: underline; }
		
		#container #footer #menu ul{ list-style-type: none; position: absolute; top: 28px; left: 20px; }
		#container #footer #menu ul li{ float: left; }
		
		#container #footer #menu #langue{ position: absolute; top: 28px; right: 20px; }
		
	/* FOOTER COPYRIGHT */
	#footer_copyright{ margin: 10px auto 50px auto; width:852px; text-align: center; font: 12px Myriad Pro, Verdana, Arial, Helvetica, sans-serif; }
	#footer_copyright a{ color: black; text-decoration: underline; font-size: 12px; }
	#footer_copyright a:hover{ color: black; text-decoration: none; }


/* SPÉCIFIQUE AUX PAGES
--------------------------------------------------------------------------------------- */

	/* ACCUEIL */
	#container #content.accueil #left{ width: 622px; height: 292px; float: left; }
	#container #content.accueil #right{ width: 190px; height: 292px; float: right; }
	#container #content.accueil #newsletter{ width: 178px; height: 61px; background: #f3c33f; margin-top: 1px; font: 12px sans-serif; padding: 7px 0 0 12px; color: white; }
	#container #content.accueil #newsletter #inscription_newsletter{ width: 120px; height: 15px; border: 1px gray solid; float: left; margin-top: 5px; font: 12px sans-serif; }
	#container #content.accueil #newsletter .submit{ margin-top: 3px; margin-left: 5px; }

	/* BOUTIQUE */
	#container #title { position: relative; }

	#container #title .btn_panier{ float: right; margin: 10px 15px 0 0; }
	#container #title .btn_panier a{ display: block; text-decoration: none; color: #c3c3b7; float: right; margin-top: 4px; }
	#container #title .btn_panier a:hover{ text-decoration: underline; }
	#container #title .btn_panier img{ float: right; }
	#container #title .btn_panier p{ font-size: 12px; margin: 7px 0 0 0; padding: 0; float: left; cursor: pointer; }

	#container #content.boutique .left_menu{ width: 135px; float: left; }
	#container #content.boutique .right{ width: 678px; float: left; }

	#container #content.boutique .right h3{ font-size: 16px; margin-top: 8px; color: #7a7b60; }

	#container #content.boutique .left_menu ul{ list-style-type: none; margin-left: 10px; }
	#container #content.boutique .left_menu ul li{ margin-bottom: 8px; color: #c3c3b7; width: 120px; line-height: 100%; }
	#container #content.boutique .left_menu ul li a{ text-decoration: none; color: #7a7b60; line-height: 100%; display: block; }
	#container #content.boutique .left_menu ul li a:hover{ text-decoration: underline; }

	#container #content.boutique .left_menu .retour_100{ color: #7a7b60; margin-left: 10px; }

	#container #content.boutique .right #collections ul{ list-style-type: none; }
	#container #content.boutique .right #collections ul li{ width: 98px; float: left; border: 1px #a9a790 solid; margin-right: 14px; margin-bottom: 14px; background: white; }
	#container #content.boutique .right #collections ul li.rightOne{ margin-right: 0; position: relative; left: -1px; }
	#container #content.boutique .right #collections ul li a{ width: 98px; padding-bottom: 10px; display: block; text-decoration: none; }
	#container #content.boutique .right #collections ul li a span{ margin-top: 3px; width: 80px; display: block; font-size: 12px; color: #231f20; position: relative; left: 10px; top: 2px; }
	#container #content.boutique .right #collections ul li.clear{ clear: both; width: 640px; border: 0; background: none; height: 16px; display: block; float: none; overflow: hidden; margin: 0; padding: 0; }

	#container #content.boutique .right #liste_item ul{ list-style-type: none; margin-top: 10px; }
	#container #content.boutique .right #liste_item ul li{ width: 138px; float: left; border: 1px #a9a790 solid; margin: 0 30px 14px 0; background: white; text-align: center; }
	#container #content.boutique .right #liste_item ul li.rightOne{ margin-right: 0; position: relative; left: -1px; }
	#container #content.boutique .right #liste_item ul li a{ text-decoration: underline; font-size: 12px; }
	#container #content.boutique .right #liste_item ul li a:hover{ text-decoration: none; }
	#container #content.boutique .right #liste_item ul li p{ color: #63672d; font-size: 14px; }
	#container #content.boutique .right #liste_item ul li .image_holder{ width: 138px; text-align: center; overflow: hidden; }
	#container #content.boutique .right #liste_item ul li a.ajouterPanier{ width: 132px; height: 22px; background: url(Gx/02/btn_ajout_panier.gif) no-repeat; display: block; margin: 5px auto 4px auto; }
	#container #content.boutique .right #liste_item ul li a.ajouterPanier{font-family:arial, verdana; font-size: 13px; font-weight: bold; text-decoration: none; padding-top: 1px; }
	#container #content.boutique .right #liste_item ul li a:hover.ajouterPanier{ text-decoration: underline; }
	#container #content.boutique .right #liste_item ul li p.nom{ margin: 3px 0 2px 0; padding: 2px; }
	#container #content.boutique .right #liste_item ul li p.prix{ font-weight: bold; margin-bottom: 4px; }
	#container #content.boutique .right #liste_item ul li p.description{ margin-bottom: 3px; }
	#container #content.boutique .right #liste_item ul li.clear{ clear: both; width: 640px; border: 0; background: none; height: 16px; display: block; float: none; overflow: hidden; margin: 0; padding: 0; }

	#container #content.boutique #desc_left{ width: 260px; float: left; }
	#container #content.boutique #desc_left img{ border: 1px #7a7b60 solid; margin: 0 0 0 9px; }

	#container #content.boutique #desc_right{ color: #63672d; width: 550px; float: left; }
	#container #content.boutique #desc_right h1{ font-size: 18px; margin-bottom: 20px; color: #63672d; }
	#container #content.boutique #desc_right span.code{ font-size: 18px; }
	#container #content.boutique #desc_right span.prix{ font-size: 18px; font-weight: bold; }
	#container #content.boutique #desc_right p.nonDisponible{ font-size: 18px; font-weight: bold; margin-top: 20px; text-align: center; }
	#container #content.boutique #desc_right #quantite{ width: 42px; height: 27px; font-size: 24px; margin-right: 5px; text-align: right; padding-top: 0px; padding-right: 3px; color: #63672d; border: 1px #63672d solid; }
	#container #content.boutique #desc_right label{ font-size: 16px; position: relative; top: -3px; }

	#container #content.boutique #desc_right a.ajouterPanier{ float: right; width: 132px; height: 22px; background: url(Gx/02/btn_ajout_panier_gray.gif) no-repeat; display: block; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; padding-top: 1px; margin: 5px 0px 0 0; padding-right: 20px; }
	#container #content.boutique #desc_right a:hover.ajouterPanier{ text-decoration: underline; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{color:#63672d;font-family:verdana;font-size:11px;margin:0 0 20px 0;}
fieldset legend{color:#2a4212;font-family: Myriad Pro;font-size:12px;padding:0 0 5px 0;margin-bottom:10px;border-bottom:1px solid #373b09;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0}
fieldset label.etiquette{display:block;width:200px;float:left;}
.inputRequirement{color:#F00;font-size: 12px;}
.inputRequirementSmall{color:#F00;font-size: 10px;}
.champTexte{	
	background: #FCFEF3;
	border: 1px solid #DEE6BF;
	color: #B0BF7C;
	font-size: 12px;
	margin:0 0 3px 0;
	padding:3px 0 3px 5px;
	_height: 26px;
}
.listeDeroulante{
	background: #FCFEF3;
	border: 1px solid #DEE6BF;
	color: #B0BF7C;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FCFEF3;
	border: 1px solid #DEE6BF;
	color: #B0BF7C;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}

fieldset input, fieldset select, fieldset textarea{ color:#000000;font-family:verdana;font-size:12px;border:#a9a790 1px solid;background:#ffffff;margin: 2px 0 2px 0; }

/*********************************************************************************/
/*                                    PANIER                                     */
/*********************************************************************************/

#Commande .enTete{ color:#7a7b60;font-size:16px;font-weight:bold;height:40px; }
#Commande .cadrePanier{ background:#fefefe;border:#a9a790 1px solid; }
#Commande .cadreCommande{ background:#fefefe;border:#a9a790 1px solid;padding:10px; }

#Commande A:link {text-decoration:none;}
#Commande A:hover {text-decoration:underline;}
#Commande A:active {text-decoration:none;}
#Commande A:visited {text-decoration:none;}
#Commande A:visited:Hover {text-decoration:underline;}
#Commande .link {font-family:Arial;color:#000000;font-size:12px;font-weight:bold;}
/* form */
#Commande .InputSelect {font-family:Arial;background-color:#FFF;color:#000;font-size:11px;}
#Commande .Input {font-family:Arial;background-color:#FFFFFF;color:#000;font-size:11px;text-align:left;}
#Commande .titre {font-family:Arial;color:#000;font-size:18px;font-weight:bold;}
#Commande .titreSmall {font-family:Arial;color:#000000;font-size:15px;}
#Commande .titreRow {color:#2a4212;font-size:12px;}
#Commande .contourBoiteRow {border-bottom:1px solid #373b09;border-right:#fefefe 2px solid;}
#Commande .contourItem {border-right:2px solid #fefefe;}
#Commande .contourTotal {background-color:#000000;border:1px solid #FFFFFF;}
#Commande .texte {color:#63672d;font-family:verdana;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}
#Commande .texteSmallBlanc {font-family:Arial;color:#FFFFFF;font-size:9px;font-weight:normal;line-height:13px;text-align:left;}
#Commande .prix {font-family:verdana;color:#ff0000;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}
#Commande .prixTotal {font-family:Arial;color:#FFFFFF;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}