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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #socialBookmarker, #bookmarkHoverPopup, #menuBas, #menuSec, #contenuGauche, #formQuestion, .banniere, .lienAgrandir{
	position: absolute;
	visibility: hidden;
	display:none;
}


/* 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 PNEUS | 05_100
--------------------------------------------------------------------------------------- */
.listePneu {margin:0 0 15px 0; border-bottom: 1px solid #ccc;}
.listePneu .imgPneu{float:left; width :230px;}
.listePneu .titrePneu{float:left; padding-top: 30px; width :200px;text-align:center;}
.listePneu H2{color:#cf544c; font-size:18px; font-weight: bold; padding:5px 0;}
table{
	color:##2c2a2b;
	font-size:10px;
}
table td, table th{border:1px solid #ccc;padding:2px;text-align:center;}
table th{background:#f0f0f0;font-weight:bold; }

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #f0f0f0; width: 700px; padding: 0px 10px 10px 10px; margin-top:32px;}

#map{border:1px solid #b7b7b7;width:700px;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 table td{
	text-align: left;
}
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; }
div#carte p{float:right;}
div#carte p a, div#carte p a:link, div#carte p a:visited{color:#000;}

/* PAGE PRODUIT | 02_100
--------------------------------------------------------------------------------------- */
/*Liste de produit*/
#listeProduits{ margin: 5px 0 0 10px; padding: 0; }
#listeProduits li{ background:none; margin: 0 10px 15px 0; padding: 0; list-style: none; float: left; width: 224px; height: 156px; border: 1px #6b696a solid; }
#listeProduits li.hover{ border-color: #f0af02; background: #f0af02; }
#listeProduits li div.description{ width: 224px; height: 131px; font-size:11px; background: white; margin: 0; text-align: center; overflow: hidden; }
#listeProduits li div.description a.boiteImage{ position:relative; width: 224px; height: 81px; display: block; float:left; margin: 0px auto 0 auto; text-align: left; overflow: hidden;}
#listeProduits li div.description a.boiteImage img{ vertical-align: top; }
#listeProduits li div.contenuBoite{background:#FFF;float:left;display:block;width:50%;text-align: left;}
#listeProduits li div.btnInfoItem{color:#FFF;line-height:30px;text-align:center;display:block;}

#listeProduits li div.btnSuite{ background: #2c2a2b; width: 224px; height: 25px; line-height:25px; text-align: center;}
#listeProduits li div.btnSuite a{ color: white; text-decoration: none; font-size: 12px; position: relative; margin: 0; }
#listeProduits li.hover div.btnSuite{ border-color: #f0af02; background: #f0af02; }

/* pagination */
#pagination{ font-size: 11px; float: right; margin-right: 23px; }
#pagination a, #pagination a:link, #pagination a:visited{ text-decoration: none; background: #2c2a2b; color: white; }
#pagination a:hover, #pagination a:visited:hover{ background:#f0af02; color:#FFF;text-decoration: none;}
#pagination a, #pagination span{ display: block; float: left; padding: 2px 5px; margin-right: 5px; margin-bottom: 5px; }
#pagination .current{background:#f0af02; color:#FFF;text-decoration: none;}
#pagination .current.prev, #pagination .current.next{ background:#f0af02; color:#FFF;text-decoration: none;}

/*Détail de produit*/
#detailItem .ctnTexte{clear:both;}
#galleriePhoto{background:none; list-type:none; width:405px;}
div.lienAgrandir{
   border:1px solid #2c2a2b;
	background:#2c2a2b;
	line-height: 24px;
	height: 24px;
	margin-bottom:10px;
	position:relative;
	top:283px;
	text-align: center;
}
.lienAgrandir a, .lienAgrandir a:link, .lienAgrandir a:visited{background:url(gx/loupe.gif) no-repeat right; color:#969595; padding-right:20px; text-decoration:none;}
.lienAgrandir a:hover, .lienAgrandir a:visited:hover{background:url(gx/loupe_over.gif) no-repeat right; color:#bd9e4d; text-decoration:none;}

ul.ad-thumb-list{list-style:none; display:block; clear:both;}
ul.ad-thumb-list li{float:left; widht 120px;list-style:none; margin-left:0;}

#filAriane{background:#f0f0f0; margin:0 0 10px 0; padding:5px 5px;}
#filAriane p{font-size: 11px;}
#filAriane p span{color:#f06c02; font-size: 11px;}
#filAriane p a, #filAriane p a:link, #filAriane p a:visited{
	color: #2c2a2b;
	font-size: 11px;
}

.both{clear:both;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.displayNone{display:none;}
.displayBlock{display:block;}

.floatLeft{float:left;}
.floatRight{float:right;}

.noWrap{white-space: nowrap;}

.boiteMoitie{width:50%;}
.boiteTiers{width:33%;}
.boiteQuart{width:25%;}
.boiteDeuxTiers{width:66%;}

.margin5{margin: 5px;}
.margin10{margin: 10px;}
.mortaise{float:right; margin:0 0 10px 10px;}