/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/bg.gif) repeat-x bottom left;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #4a4a4a;
	font-size: 11px;
	/* Garder seulement 3 fontes */
	font-family: Arial, Verdana, Tahoma;
	min-height: 100%;
	height: auto;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a, a:link, a:visited{outline: none;}
a:hover{outline: none;}

h1{border-bottom:1px solid #e2e2e2; color:#743c04; font-size:18px; margin:16px 0 12px 0; padding:0 0 3px 0;}
h1 a, h1 a:link, h1 a:visited{color:#743c04;}

h1#logo {width:298; height:69;}
h1#logo a{display:block; height:69px; outline:none; width:298px;}
h1#logo a span{display:none;}

h1 div.etapesPanier{font-size:14px;color:#d2d2d2;display:block;float:right;}
h1 div.etapesPanier strong{color:#cb8b00;}
h1 div.etapesPanier a{color:#555;text-decoration:none;}
h1 div.etapesPanier a:hover, h1 div.etapesPanier a:hover{color:#555;text-decoration:underline;}

h2{color:#4b4a4a; font-size:13px; margin:2px 0 8px 0;}
h2 a, h2 a:link, h2 a:visited{color:#4b4a4a;text-decoration: none;}
h2 a:hover, h2 a:visited:hover{color:#000;}
h2.brun{color:#9d774f; font-size:13px; margin:2px 0 8px 0;}
h2.brun a, h2.brun a:link, h2.brun a:visited{color:#9d774f;text-decoration: none;}
h2.brun a:hover, h2.brun a:visited:hover{color:#000;}


h3{color:#979797;font-size:16px;font-weight:normal;border-bottom:1px dotted #e2e2e2;margin-bottom:4px;padding-bottom:1px;}
h3 a, h3 a:link, h3 a:visited{color:#979797;text-decoration:none;}
h3 a:hover, h3:visited:hover{color:#000;}

h4{font-size:12px; font-weight:normal; color:#cb8b00; margin:2px 0 6px 0;

}



/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{margin:10px auto 0 auto; text-align:left; width:947px;}

/* Haut-de-page */
#haut{display:block; width:947px;}
#haut #colGauche{display:block; float:left;  width:298px;}
#haut #colDroite{display:block; float:right; width:640px;}
#haut #colDroite #boitePanier{float:right; padding:2px 0 0 0;margin-right:30px;}
#haut #colDroite #boitePassTemp{border: 3px #e2e2e2 solid;color:#FF0000; float:right; margin: 0 20px 0 0; padding: 8px;width: 175px;}
#haut #colDroite #boitePassTemp a{color: #FF0000;font-weight: bold;}

#colGauche{display:block; float:left; width:265px;}
#colGauche .titre{border-bottom:1px solid #e2e2e2; color:#743c04; font-size:18px; font-weight:bold; margin:16px 0 12px 0; padding:0 0 3px 0;}
#colDroite{display:block; float:right;width:652px;}

/* LISTE ITEMS
--------------------------------------------------------------------------------------- */
.listeItem{display:block;float:right;width:652px;margin-bottom:12px;font-size:11px;}
.listeItem .itemPic{display:block;float:left;width:50px;}
.listeItem .itemInfo{display:block;float:right;width:590px}
.listeItem a.ajoutPanier{float:right;margin:2px 0 0 10px;}
#outofstock{
	color: red;
}

/* DETAIL ITEM
--------------------------------------------------------------------------------------- */
.encadre{
	background:#f1eeed;
	border:1px solid #cecdcc;
	padding:12px;
}

/* BREWER
--------------------------------------------------------------------------------------- */
.brewer{width:180px;float:left;margin-right:11px;}
.brewer h1{text-transform:uppercase;border:0;margin-bottom:0;}
.brewer p{padding-bottom:10px;}
.brewer img{margin:10px 0;}

#formCP fieldset{border:0;}

.detaillant{padding-bottom:20px;width:440px;float:left;margin-right:20px;}
.detaillant h2{border-bottom:1px solid #e2e2e2; color:#743c04;}

/* VIDÉOS
--------------------------------------------------------------------------------------- */
#listeVideo{width:400px;float:left;}
#listeVideo h2{border-bottom:1px solid #e2e2e2;}
#listeVideo h2 a{color:#908f94;font-weight:normal;font-size:16px;}
#listeVideo h2 a.actif{color:#000;}
#listeVideo img{float:left;margin-right:10px;}
#video{float:right;width:500px;font-size:16px;}
#video h1{color:#908f94;font-size:16px;border:0;font-weight:normal;margin-top:0;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{background:#FFF url(gx/m/menu_bg.gif) 0 2px; height:46px; margin:0; padding:0; text-align:right; width:947px;}

/* Boîte des sous-menus
--------------------------------------------------------------------------------------- */
.itemSousMenu{display:block;width:130px;}
.itemSousMenu ul li a.actif, .itemSousMenu ul li a.actif:visited{
	color:#743c04;
	font-weight:bold;
	text-decoration:none;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size:11px; line-height:150%; color:#4a4a4a;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#4a4a4a; 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{color:#000; text-decoration:underline;}
ul li{color:#4a4a4a; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#4a4a4a; font-size:11px; line-height:150%; margin-left:16px;}

.lienRSS{background:url(Gx/rss.gif) no-repeat left;	padding:5px 0 5px 20px;}
.lienPDF{background:url(Gx/icone_PDF.gif) no-repeat left; padding:5px 0 5px 20px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#5c5b5a; font-size:11px; height:140px; min-height:140px; padding:20px 27px 0 27px;}
#piedPage a{color:#5c5b5a; text-decoration:none;}
#piedPage a:hover{color:#000; text-decoration:underline;}
#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:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color:#555;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:left; width:292px;}
#bookmarker a{color:#5c5b5a; text-decoration:none;}
#bookmarker a:hover{color:#000; text-decoration:underline;}

/* TABLEAU GÉNÉRAL
--------------------------------------------------------------------------------------- */
.tableau{border: 1px solid #D4D0C2;width:100%;}
.tableau th{background:#4a4a4a; color:#e7e9f0;font-size:12px;margin:0;padding:4px;text-align: left;border-bottom:1px solid #e2e2e2;}
/*.tableau .texteCentre{text-align: center;}*/
.tableau td{font-size: 11px; line-height: 140%; color: #666;padding:2px 4px 2px 4px; border-bottom:1px solid #e2e2e2;}
.tableau td.sansBordure{border:none;}
.tableau a, .tableau a:link,.tableau a:visited{color: #666; text-decoration: underline;}
.tableau a:hover, .tableau a:visited:hover{color:#000; text-decoration: underline;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #999; font-size:11px; margin-bottom:10px; padding:5px;}
fieldset legend{color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; font-weight:bold; color:#cb8b00; margin:2px 0 2px 0;}
fieldset label.texte{font-size:11px; font-weight:normal; color:#4a4a4a; margin:0;}

.champTexte{	
	background:#FFF;
	color:#4f4e4d;
	font-size:11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background:#FFF;
	color:#4f4e4d;
	font-size:11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background:#FFF;
	color:#4f4e4d;
	font-family:Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background: url(gx/bouton_bg.gif) repeat-x bottom;
	color: #4b4a4a;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:2px;
}
.bouton:hover{background:#e2e2e2; color:#000;} /* FF seulement */

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */

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