/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuu{
	position: absolute;
	visibility: hidden;
}
#bas, #haut, #contenuLateral, #banniere{
	position: absolute;
	visibility: hidden;
}
#formDirection{
	position: absolute;
	visibility: hidden;
}

/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
	font-size:11px;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #353535;
	font-size: 17px;
}
h2{
	color: #353535;
	font-size: 15px;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:700px;
	border: 0px solid #cfd4d9;
	border-top:none;
	background: #fff;
}
/*#conteneurInt,#contenuInt{
	margin: 0 15px;
}
#contenuInt{margin-top: 10px;_margin-top:0;}*/

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#999;  font-size:11px; padding:0 6px 0 6px;}
#piedPage a{color:#999; text-decoration:none;}
#piedPage a:hover{color:#353535;text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #353535;}
p strong{font-size: 13px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #A69512; text-decoration: none;}
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:#C0AE2C; text-decoration:underline;}

ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#1F1F1F; margin-left:16px;}

.lienLoupe{
	background: url(Gx/loupe.gif) no-repeat left;
	padding:5px 0 5px 30px;
	line-height: 25px;
	color: #0a9fda;
}
.lienLettre{
	background: url(Gx/lettre.gif) no-repeat left;
	padding:5px 0 5px 30px;
	line-height: 25px;
	color: #0a9fda;
}

.image{
	border: 1px solid #cfd4d9;
}

table{font-size:11px;}
table.w100 {width:90%;}
table tr td{padding: 3px; line-height:150%;border-bottom: 1px solid #cfd4d9;}
table tr.trTitre{
	font-weight: bold;
	font-size: 13px;
	/*background-color: #006ED7;*/
	color:#0a9fda;
}
table tr.row1{	background-color:  #fff;}
table tr.row2{	background-color:#F4FAFF;}

#boiteInfo{
	float:left;
	display:block;
	width:350px;
	border: 1px solid #e3e3e3;
	border-top: none;
	margin-right:10px;
	height: 230px;
}
#boiteInfoInt{margin:20px 10px;}
#boiteInfo h3{
	text-align: center;
	color: #fff;
	background-color: #484848;
	padding: 4px 0;
	font-weight: bold;
	font-size: 13px;
}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#accueilG{float:left;display:block;	width: 535px;}

#accueilD{float:left;display:block; width: 210px;}

#blocInfolettre{
	background: url(gx/00/bgInfolettre.gif) no-repeat;
	width: 208px;
	height:92px;
	display:block; 
	font-size:10px;
}
#blocInfolettreInt{padding:10px 0 0 55px;color: #156cbe; line-height: 110%;}
#blocInfolettreInt a{color: #156cbe; font-size:11px;}

#blocNosMagasins{
	background: url(gx/00/bgNosMagasins.gif) no-repeat;
	width: 208px;
	height:143px;
	display:block; 
	font-size:12px;
	margin-top:10px;
}
#blocNosMagasinsInt{padding:108px 0 0 25px;color: #fff; line-height: 110%;}
#blocNosMagasinsInt a{color: #fff; font-size:12px; text-decoration:none;}

#blocConcours{
	background: url(gx/00/bgConcours.gif) no-repeat;
	width: 208px;
	height:97px;
	display:block; 
	
	margin-top:10px;
}
#blocConcoursInt{padding:5px 0 0 65px; font-weight: bold;font-size:12px;line-height: 100%;color: #f5b721; }
#blocConcoursInt span.titreConcours{font-size:22px;color: #f57921; line-height: 150%;}
#blocConcoursInt a{color: #f5b721; font-size:12px;line-height: 200%;}

/* FIL D'ARIANE
--------------------------------------------------------------------------------------- */
div.filAriane{
	color: #000;
	text-align:right;
	font-size: 11px;
}
div.filAriane a{
	color: #000;
}
div.filAriane span.actif  {
	color: #0a9fda;
}
/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #F0F6FA; width: 450px; padding: 10px; float: right; }
div#carte div#map{border:1px solid ##b7b7b7;width:450px;height:300px;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #9B9B9B; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #FFFFFF; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #2C699C; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #666666; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte div#directions a, div#cabinet div#carte div#directions a:link, div#cabinet div#carte div#directions a:visited, div#cabinet div#carte div#directions a:hover{ color: #999999; font-weight: bold; text-decoration: none; }


/* LISTE DES PRODUITS
--------------------------------------------------------------------------------------- */
.catalogue{
	display:block;
	float:left;
	width:160px;
	margin: 0 10px 20px 0;
}
.catalogue a.cat{
	width:100%;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px solid black;
	color:black;
	display:block;
	float:left;
}
.catalogue a.scat{
	margin: 0 0 0 5px;
	color:black;
	text-decoration:none;
}
.boiteInfoBanniere{
	display:block;	
	border:1px solid #cfd4d9;
	height: 98px;
}
.boiteTitre{float:left;display:block;width:200px;height: 98px; background: #0a9eda; color:#fff; font-size:18px;}
.boiteTitreInt{margin:15px;}
.boiteTexteBanniere{float:left;display:block;width:300px;height: 98px;}
.boiteTexteBanniere p{color: #8dc73f;font-size:12px; margin:10px 10px; line-height: 115%;}
.boiteTexteBanniere p a, boiteTexteBanniere p a:hover, .boiteTexteBanniere p a:visited, .boiteTexteBanniere p a:visited:hover{color: #8dc73f;}
.boiteResultat{
	display:block;
	float:left;
	width:175px;
	margin:10px 5px 10px 0;
}
.boiteResultat img.produit{
	border: none;
	margin-left:30px;
	
}
.boiteResultat a, .boiteResultat a:hover, .boiteResultat a:visited, .boiteResultat a:visited:hover  {
	color:#0a9fda;font-size:12px;
	text-decoration: none;
	 
}
#page{text-align:right;color:#686544;margin-top:5px;}
#page a, #page a:hover, #page a:visited{color:#686544;}
#page a.actifpage, #page a.actifpage:hover, #page a.actifpage:visited{text-decoration:none;}

.promotion{
	color: #ee1c25;
}

.ligne{
	border:none;
	border-top:1px solid #cfd4d9;
	color:#cfd4d9;
	height: 1px;
	line-height: 1px;
}

a.ajoutPanier, a.ajoutPanier:hover, a.ajoutPanier:visited:hover, a.ajoutPanier:visited{
	background: url(gx/panier.gif) no-repeat 7px 6px;
	color:#0a9fda;
	border:1px solid #cfd4d9;
	padding:5px 25px 5px 30px;
	font-size: 11px;
	height:25px;line-height: 30px;_line-height:15px;
}

#produitGauche{display:block;float:left;width:270px;height:200px; text-align:center;}
#produitGauche img{margin-top:15px;}
#produitCentre{display:block;float:left;font-size:11px;}


div.commander{
	background: url(gx/bgCommander.gif) no-repeat;
	width: 141px;
	height:26px;
	color:#fff;
	font-size:14px;
	line-height: 26px;
	text-align:center;
}
div.boiteCommande{
	border: 1px solid #e3e3e3;
	background-color: #f3f7f9;
	width: 457px;
}
div.prix{
	width: 195px;
	min-height:100px;_height:100px;
	display: block;
	float:left;
	margin: 25px 20px 0  10px;
	border-right:  2px solid #e3e3e3;
}
div.quantite{
	margin: 25px 0px;

}
div.topDescription{
	background: url(gx/bgDescription.gif) no-repeat;
	width: 457px;
	display:block;
	line-height: 25px;
	color: #0d93cc;
}
div.topDescription strong{
	margin-left:35px;
}
div.produitDescription{
	width: 457px;
	border: 1px solid #e3e3e3;
	border-top: none;
	
}