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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #socialBookmarker, #bookmarkHoverPopup, #menuBas, #haut, #menuSecondaire, .cta_accueil, #logo, #menuGauche, #formulaireQuestion{
	position: absolute;
	visibility: hidden;
}


/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
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;
}
br.both{clear:both;}

/* 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;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#produitVedette{
	 float:right;
	 margin-left:10px;
	 width:220px;
	 background:#fff;
	 overflow:hidden;
}
#produitVedette a{display:block;color:#000;font-size:11px;padding:0 18px 18px 18px;text-decoration:none;}
#produitVedette div.lienProduitsVedettes{background:#000;float:left;width:225px; text-align:right; padding:5px 0 0 0;}
#produitVedette div.lienProduitsVedettes a{display:inline;color:#fff;padding:0 5px 0 0;}
#produitVedette div.lienProduitsVedettes a:hover{text-decoration:underline;}
#produitVedette h2{background:#262626; color:#ffeaaf; font-size:14px; text-transform:uppercase; padding:10px 15px; border-bottom:3px solid #000;}
#produitVedette img{margin:18px 0 10px 0;display:block;}

/* PAGE LISTING
--------------------------------------------------------------------------------------- */
#conteneurItem{
	float:right;
	width:700px;
}

#conteneurItem h1{
	color:#5b5b5b;
	font-size:12px; 
	font-weight:normal;
}
#conteneurItem h1 span, #conteneurItem h1 a, #conteneurItem h1 a:link, #conteneurItem h1 a:visited{
	color:#ea003f;
	text-decoration:none;
}

#conteneurItem h1 a:hover, #conteneurItem h1 a:visited:hover{text-decoration:underline;}

div.item{
	float:left;
	margin:10px 10px 0 0;
	width:340px;
	border:1px solid #5d5d5d;
	color:#fff;
}

div.item img{float:left;}
div.item div.itemInfo{float:left;border-left:1px solid #5d5d5d;width:170px;padding:15px 15px 0 15px;}
div.item h2{color:#fff;font-size:12px;text-transform:uppercase;}
div.item label, #etiquetteItem label{font-weight:bold;}
div.item input, #etiquetteItem input{width:25px; height:14px;border:0;bakcground:#f9f2de;font-size:11px;padding:2px 3px;}
div.item a.lienAjoutPanier{background:#2f2f2f;color:#ea003f;text-decoration:none;font-size:11px;font-weight:bold;display:block;width:107px;height:21px;float:left;padding:5px 5px 0 10px;border-left:1px solid #5d5d5d;}
div.item a.lienFicheDetail{background:#2f2f2f;color:#b6b6b6;text-decoration:none;font-size:11px;font-weight:bold;display:block;width:92px;height:21px;float:left;padding:5px 5px 0 10px;margin-left:3px;}
div.item a.lienAjoutPanier:hover, div.item a.lienFicheDetail:hover{text-decoration:underline;}
div.itemLiens{margin-left:107px;}

/* PAGE FICHE DÉTAIL
--------------------------------------------------------------------------------------- */
#detailItem h1{color:#ea003f;font-size:14px;text-transform:uppercase;font-weight:bold;padding:10px 0 0 0;}
#detailItem p{color:#fff;line-height:150%;}

#imageItem{float:right;width:300px;text-align:right;}
#imageItem a, #imageItem a:link, #imageItem a:visited{font-size:11px;color:#fff;text-decoration:none;}
#imageItem a:hover, #imageItem a:visited:hover{text-decoration:underline;}

#photoDetail{border:1px solid #4f4f4f;display:block;margin-bottom:4px;}

.lienPhoto{background:url(Gx/icone_resize.gif) no-repeat center right;padding-right:18px;}
.lienVideo{background:url(Gx/icone_video.gif) no-repeat center right;padding:0 18px 0 10px;}

#etiquetteItem{border:1px solid #4f4f4f; width:150px; float:right; margin-right:15px; color:#fff;line-height:150%; padding:20px;}
#etiquetteItem a.lienAjoutPanier{color:#ea003f;font-weight:bold;text-decoration:none;background:url(Gx/icone_panier.gif) no-repeat top left;padding:10px 0 10px 35px;}
#etiquetteItem a.lienAjoutPanier:hover{text-decoration:underline;}

#precedentSuivant{float:right;margin-top:20px;line-height:175%;}
#precedentSuivant a, #precedentSuivant a:link, #precedentSuivant a:visited{
	color:#fff;
	text-decoration:none;
	
}
#precedentSuivant a:hover, #precedentSuivant a:visited:hover{text-decoration:underline;}
.lienPrecedent{background:url(Gx/fleche_gauche.gif) no-repeat left; padding:5px 5px 5px 20px;}
.lienSuivant{background:url(Gx/fleche_droite.gif) no-repeat right; padding:5px 20px 5px 5px;}

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ border:1px solid #4f4f4f; width: 380px; padding: 20px 20px 20px 20px; float: right;}
div#carte div#map{border:1px solid #b7b7b7;width:380px;height:300px;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #000; 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{ color: #63D6EB; font-weight: bold; text-decoration: none; } div#cabinet div#carte div#directions a:hover{text-decoration:underline;}
div#carte p{float:right;}
div#carte p a, div#carte p a:link, div#carte p a:visited{color:#000;}