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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #haut, #colGauche, #socialBookmarker, #bookmarkHoverPopup, #menuBas, .lienPrint, .lienPdf, #formulaireContact, #entete{
	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: #b83231; font-size:22px; font-weight:normal;padding:5px 0;}
h2{color: #a6b94f; font-size:22px; font-weight:normal;padding:5px 0;}
h2 a, h2 a:link, h2 a:visited{color:#d91b24; font-size:16px;}
h3{color: #DB2D38; font-size:12px; padding:10px 0 5px 0; border-top:1px solid #C7D0CF;text-transform:uppercase; font-weight:bold;}
.both{clear:both;}

.lienPrint{padding:3px 5px 5px 20px;background:url(Gx/icone_print.gif) no-repeat 0px 4px;float:right;}
/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

.boiteInfo{margin-top:10px;/*background:url(Gx/00/boiteInfo_fond.gif) repeat-y;*/}
.boiteInfo div{/*background:url(Gx/00/boiteInfo_haut.gif) no-repeat;*/ padding:10px 0 0 0;}
.boiteInfo div p{
	/*background:url(Gx/00/boiteInfo_bas.gif) no-repeat left bottom;*/
	padding:0 10px 10px 10px;
	font-size:16px;	
	color:#000;
}
.boiteInfo div h2{padding:0 0 0 10px;margin:0;font-weight:bold;}
.boiteInfo div p a.lienCourriel,.boiteInfo div p a.lienCourriel:link,.boiteInfo div p a.lienCourriel:visited{color:#6e7c2a;padding-left:30px;background:url(Gx/00/lettre.gif) no-repeat 5px 4px;}
.boiteInfo div p a.lienCourriel:hover, .boiteInfo div p a.lienCourriel:visited:hover{color:#000;}
.boiteInfo div p span.textePetit{font-size:10px;}
.boiteInfo div p span.texteMoyen{font-size:13px;}
.boiteInfo div p span.grasRouge{color:#cf1821; font-weight:bold; font-size:20px;}
.boiteInfo div p span.grasNoir{color:#000; font-weight:bold; font-size:20px;}
.boiteInfo div p span.grasVert{color:#6e7c2a; font-weight:bold; font-size:15px;}

.unite{float:left;width:227px;margin:0 4px 10px 0;color:#5f5f5f;font-size:13px;background:url(Gx/fond_image.gif) no-repeat;position:relative;}
.unite b{font-size:14px;}
.unite img{display:block; margin-bottom:5px;}
.unite a, .unite a:link, .unite a:visited{color:#638181;}
.unite a:hover, .unite a:visited:hover{color:#d71a24;}

.uniteDetails {
	position:absolute;
	left: 240px;
	top: 0px;
	width: 175px;
}

.uniteDescription {
	position:absolute;
	left: 425px;
	top: 0px;
	width:250px;
}


/* PAGE ACHETER
--------------------------------------------------------------------------------------- */
#ficheGauche{width:540px;margin-right:3px;}
#ficheDroit{width:150px;}

#boiteDetail{
	background:#CEDAD8;
	min-height:211px;
	margin-bottom:10px;
	padding-bottom:10px;
}
#boitePhoto{background:url(Gx/fond_image_hi.gif) no-repeat bottom right; width:486px; height:366px;padding-left:40px;position:relative;}
#boiteDetail h1{font-size:16px; text-transform:uppercase; font-weight:bold;}
#boiteDetail p{color:#615e5f;font-size:12px;}
#boiteDetail img{float:left;margin-right:10px;}
#boiteDetail div.gauche{float:left;width:390px;/*width:220px;border-right:1px solid #8b9e9a;*/}
#boiteDetail div.droit{float:right;width:150px;padding-right:10px;}
/*#boiteDetail a, #boiteDetail a:link, #boiteDetail a:visited{
	font-weight:bold;
	font-size:13px;
	color:#fff;
	background:#798e89;
	display:block;
	text-decoration:none;
	padding:4px;
	border:1px solid #a3b4b1;
	margin-bottom:2px;
}*/
#boiteDetail a:hover, #boiteDetail a:visited:hover, #boiteDetail a.actif, #boiteDetail a.actif:visited{
	color:#c8d890;
}
#tableauFiche{float:left;width:540px;font-size:12px;text-align:left;padding-bottom:10px;height:100%;}
#tableauFiche td, #tableauFiche th{padding:0 5px;}

#carteDetail{float:left; width:500px; height:325px; overflow:hidden; margin:10px 0; border:4px solid #fff;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#999;  font-size:11px; padding:20px 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;}
a, a:link, a:visited{color: #D91B24; text-decoration: none;}

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

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #F0F6FA; width: 400px; padding: 10px; float: right; }
div#carte div#map{border:1px solid #b7b7b7;width:400px;height:300px;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; 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: #000000; 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: #000000; 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: #000000; font-weight: bold; text-decoration: none; }
div#carte p{float:right; font-size: 11px; color:#000000;}