body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}

html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #b59f60; font-size:19px; margin: 0 0 20px 0;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #b59f60; font-size:17px; margin: 0 0 5px 0; padding: 0;}
h2 a, h2 a:link, h2 a:visited{color:#333; text-decoration: none;}

h3{color: #b59f60; font-size:15px; margin: 0 0 5px 0; padding: 0;}
h3 a, h3 a:link, h3 a:visited{color:#333; text-decoration: none;}

h3.rouge{font-size: 12px;line-height: 16px;color: #c7202f;text-transform: uppercase;}

p{font-size: 14px; line-height: 150%; color: #302f31; margin: 0 0 10px 0;}

p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#000; text-decoration:underline; display: inline; font-weight:bold;}
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:none;
}

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

.imgGauche{float: left; margin: 0 25px 10px 0;}
/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

#titreNouvelle{
	display: block;
	width: 120px;
	float: left;
}

.dateNouvelle{
	float: left;
	color: #000;
	padding: 5px 0 0 0;
}

.dateNouvelle a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px 0 5px;
	text-transform: uppercase;
	font-size: 11px;
	display: inline;
}

.dateNouvelle a:hover{
	text-decoration: underline;
}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto;
	text-align:left;
	width: 955px;
	position: relative;
}

#imageXfadeContainer{
	width: 100%;
	height: 262px;
	overflow:hidden;
	position:relative;
}

#imageXfadeContainer p{
	color: #FFF;
	padding: 5px 15px 0 0;
	font-size: 10px;
	text-align:right; 
	position: absolute; 
	top: 0; 
	right: 0;
	z-index:2;
}

#imageXfadeContainer p a{
	font-size: 10px;
	padding: 0 10px 0 10px;
	color: #FFF;
	text-decoration: none;
}

#imageXfadeContainer p a:hover{
	text-decoration: underline;
}

#imageXfadeContainer img {
	display:none;
	height:262px;
	left:0px;
	position:absolute;
	top:0px;
	z-index:1;
	width:955px;
}

#logo{
	position: absolute;
	bottom: 30px;
	right: 0;
	width: 450px;
	height: 170px;
	z-index: 2;
}

#contenu{
	padding: 30px 0 0 0;
	margin: 0 0 50px 0;
	position: relative;
}
#contenuGauche{
	width: 190px;
	float: left;
}

#contenuCentre{
	width: 545px;
	float: left;
}

#contenuDroit{
	width: 205px;
	float: right;
}
#contenuDroitPub {
	height:322px;
}
#contenuDroitPub img{
	display:none;
	position: absolute;
}
#boutonContenuDroit a img{
	margin-bottom:10px;
}

.membreEquipe{
	width: 100%;
	padding: 10px 0 0 0;
	border-bottom: 2px solid #d6ccb2;
}

.concessionnaire{
	margin: 0 23px 0 0;
	float: left;
}

.concessionnaire a{
	width: 152px;
	height: 170px;
	display: block;
	font-size: 15px;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 25px;

}

.concessionnaire a:hover{
	text-decoration: underline;
}

#concessionaireContenu{
	width: 225px;
	float: left;
}

#concessionaireContenu p{
	font-size: 12px;
}

#concessionaireContenu p a{
	display: inline;
}

#concessionaireCarte{
	width: 300px;
	float: right;
}

#concessionaireListing{
	width: 100%;
	border-top: 3px solid #d6ccb2;
	padding: 15px 0 0 0;
}

.concessionaireListing{
	margin: 0 15px 0 0;
	float: left;
}

.concessionaireListing a{
	width: 120px;
	height: 80px;
	display: block;
	font-size: 10px;
	color: #000;
	text-align: left;
	text-decoration: none;
	/*line-height: 20px;*/
}

.concessionaireListing a:hover{
	
}

.concessionaireListingTrans{
	width: 105px;
	height: 58px;
	background: transparent url(Gx/thumbsTransparent.png) no-repeat left top;
}

.nominationConteneur{
	width: 100%;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #dedede;
}

.nominationImage{
	border: 1px solid #000;
	margin: 0 20px 0 0;
	float: left;
}

#conteneurExperience{
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 50px 0;
}

#conteneurExperience a{
	float: left;
	display: block;
}

.anneeService{
	margin: 0 23px 0 0;
	float: left;
}

.anneeService div{
	width: 120px;
	height: 130px;
	display: block;
	font-size: 15px;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 25px;

}

#sousAudi{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 8px;
	background-color: #000000;
	width: 120px;
	height:50px;
	z-index: 3;
}

#sousBmw{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 110px;
	background-color: #000000;
	width: 120px;
	height:60px;
	z-index: 3;
}

#sousHonda{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 212px;
	background-color: #000000;
	width: 120px;
	height:50px;
	z-index: 3;
}

#sousInfiniti{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 314px;
	background-color: #000000;
	width: 120px;
	height:50px;
	z-index: 3;
}

#sousLexus{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 416px;
	background-color: #000000;
	width: 120px;
	height:50px;
	z-index: 3;
}

#sousVW{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 828px;
	background-color: #000000;
	width: 120px;
	height:50px;
	z-index: 3;
}

#sousBmw ul li a, #sousAudi ul li a, #sousHonda ul li a, #sousInfiniti ul li a, #sousLexus ul li a, #sousVW ul li a{
	color: #fff;
}

#sousBmw ul li a:hover, #sousAudi ul li a:hover, #sousHonda ul li a:hover, #sousInfiniti ul li a:hover, #sousLexus ul li a:hover, #sousVW ul li a:hover{
	color: #BEA05B;
}

#paddingSousBmw, #paddingSousAudi, #paddingSousHonda, #paddingSousInfiniti, #paddingSousLexus, #paddingSousVW{
	padding: 5px;
}

#sousToyota{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 726px;
	background-color: #000000;
	width: 120px;
	height:50px;
	z-index: 3;
}

#sousToyota ul li a{
	color: #fff;
}

#sousToyota ul li a:hover{
	color: #BEA05B;
}

#paddingSousToyota{
	padding: 5px;
}

#sousMini{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 522px;
	background-color: #000000;
	width: 120px;
	height:50px;
	z-index: 3;
}

#sousMini ul li a{
	color: #fff;
}

#sousMini ul li a:hover{
	color: #BEA05B;
}

#paddingSousMini{
	padding: 5px;
}

#sousNissan{
	display: none;
	position: absolute;
	bottom: 76px;
	left: 624px;
	background-color: #000000;
	width: 120px;
	height:50px;
	z-index: 3;
}

#sousNissan ul li a{
	color: #fff;
}

#sousNissan ul li a:hover{
	color: #BEA05B;
}

#paddingSousNissan{
	padding: 5px;
}

.both{clear:both;}

#historiqueList{position:absolute; left:375px;}


#boutonClient{
	margin: 6px 0 4px 0;
}
#boutonClient img{display: block;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{
	height:76px; 
	margin:0; 
	padding:0;
	position: relative;
}

#menu ul{
	margin:0;
	padding:0;
}

#menu ul li{
	padding:0; 
	margin:0; 
	display:inline; 
	list-style-type:none;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	float: left;
	text-decoration: none;
}



#menu ul li a:hover, #menu ul li a:visited:hover{}
#menu ul li a.actif, #menu ul li a.actif:visited{}

/* POSTES OFFERTS
--------------------------------------------------------------------------------------- */

#OffreEmploi{
	width:540px;
	float:left;
	padding-bottom:25px;
}

.titreOffreEmploi{
	font-weight:bold;
	font-size:12px;
	color:black;
	width:150px;
	float:left;
	padding:5px 0 10px 10px;
}

.infoOffreEmploi{
	font-weight:normal;
	font-size:12px;
	color:black;
	width:370px;
	float:left;
	padding:5px 0 5px 5px;
	border: 1px #e7e0d0 solid;
}

/* NOUVELLES
--------------------------------------------------------------------------------------- */

#titreDePage{float:left;}

#listeNouvelles{
	padding:6px 0 20px 50px;
	float:left;
}

#listeNouvelles a{
	float:left;
	font-weight:normal;
	text-transform:uppercase;
	color:#808080;
	text-decoration:none;
}

#listeNouvelles #annee a{
	font-size:12px;
	padding:0 15px 0 15px;
	border-left:1px solid #000;
}
#listeNouvelles #mois{padding-top:7px;}
#listeNouvelles #mois a{
	font-size:11px;
	padding:0 15px 0 15px;
	border-left:1px solid #333;
}

#listeNouvelles #anneeActif{color:#b59f61;font-weight:bold;}
#listeNouvelles #moisActif{color:#b59f61;font-weight:bold; }


/* MENUS Lateral
--------------------------------------------------------------------------------------- */
#menuLateralTop{
	background: transparent url(gx/M/bgMenuTop.gif) no-repeat left top;
}

#menuLateralBottom{
	width: 100%;
	height: 10px;
	background: #FFF url(gx/M/bgMenuBottom.gif) no-repeat left top;
}

#menuLateral{
	width: 172px;
	margin:0; 
	padding:0;
	background: #FFF url(gx/M/bgMenu.gif) repeat-y left top; 
}

#menuLateral ul{
	margin: 0 1px 0 1px;
	padding: 15px 0 0 0;
	display:block;
}

#menuLateral ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	
}

#menuLateral ul li ul{
	padding: 0;
	margin: 0;
}

#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	color: #5e5e60;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 30px;
	background: transparent url(gx/M/bulletPlus.gif) no-repeat top left;
}

#menuLateralTop ul li a.menuRedirection{background:  url(gx/M/bulletPlusVide.gif) no-repeat top left;}


#menuLateral ul li ul li a, #menuLateral ul li ul li a:link, #menuLateral ul li ul li a:visited{
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 5px 0 5px 40px;
	background: none;
	font-weight: normal;
	color: #fff;
	background-color: #b59f61;
}

#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{
	background-color: #b59f61;
	color: #fff;
}

#menuLateral ul li ul li a:hover, #menuLateral ul li ul li a:visited:hover{
	color: #b59f61;
	background-color: #fff;
}

#menuLateral ul li.actif, #menuLateral ul li.actif{
	padding: 0 0 3px 0;
	background-color: #b59f61;
}

#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{
	color: #b59f61;
	/*background: #b59f61 url(gx/M/bulletMoin.gif) no-repeat top left;*/
	background: #FFF;

}

#menuLateral ul li ul li a{
	color: #b59f61;
	background-color: #fff;
}

#menuEspaceClient{
	float: left;
	width: 544px;
	height: 25px;
	padding-top: 7px;
	background: url(Gx/M/menuEspaceClient_bg.gif) no-repeat left top;
}
#menuEspaceClient ul{
	margin: 0;
	padding: 0;
}
#menuEspaceClient ul li{
	margin: 0;
	padding: 0 15px;
	list-style-type: none;
	display: inline;
	border-left: 1px #fff solid;
}
#menuEspaceClient ul li:first-child{border: none;}
#menuEspaceClient ul li a, #menuEspaceClient ul li a:link, #menuEspaceClient ul li a:visited{
	color: #fff;
	font-size: 13px;
	line-hieht: 17px;
	text-decoration: none;
}
#menuEspaceClient ul li a:hover, #menuEspaceClient ul li a:visited:hover,
#menuEspaceClient ul li a.actif, #menuEspaceClient ul li a:visited.actif{
	text-decoration: underline;
}




/* Programme Pour la vie
***************************************************************************************/

#headerPourLaVie{
	width:100%;
	height: 170px;
	background: #fff url(gx/08/header.jpg) no-repeat top left;
	position: relative;
}

#headerPourLaVie span{
	position: absolute;
	top: 6px;
	left: 10px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

#titrePourLaVie{
	position: absolute;
	bottom: 6px;
	right: 75px;
}

#pourLaVie{
	width:545px;
	background: #fff url(gx/08/bg.gif) repeat-y top left;
}

#bottomPourLaVie{
	width:100%;
	height: 12px;
	background: #fff url(gx/08/bottom.gif) no-repeat top left;
}

.topTableau{
	background-color: #BEA05C;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.leftTableau{
	font-weight: bold;
}

.row2{
	background-color: #f2ecde;
}

#paddingPourLaVie{padding : 0 10px 0 10px;}
#paddingPourLaVie ul{padding-bottom:15px;}
#paddingPourLaVie ul li{font-size: 14px;list-style-type:none; background: url(gx/08/checkdot.gif) no-repeat 0px 3px;padding-left: 25px;
	margin-left:5px;}
	
	
/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #D2D3D4; width: 280px; padding: 10px; float: right; color:#fff;}
div#carte div#map{border:1px solid #b7b7b7;width:280px;height:300px; color: #000; overflow:hidden;}
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: #fff; 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: #fff; 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: #fff; font-weight: bold; text-decoration: none; }
div#carte p{float:right; font-size: 11px; color:#000000;}


/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_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:#e3dac1; font-size:9px; padding:0; width:100%;  padding: 20px 0 0 20px; background: #b59f60 url(gx/M/bgBottom.gif) repeat-x left top;}
#piedPage a{color:#e3dac1; }
#piedPage a:hover{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:#e3dac1;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; color: #e3dac1;}
#piedPage #menuBas{float:right;text-align:right;}

#textefooter{font-size:11px; color:#ffffff; float:left; margin-bottom:0px; margin-right:15px; text-align:justify;}
#textefooter a{color:#ffffff; font-weight:bold; text-decoration:none;}
#textefooter a:hover{text-decoration:underline; font-weight:bold;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}
/*Fancybox*/
.cl_iframe{
display:none;
}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{ none;; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: none; color:#000; font-size:14px; font-weight:bold; padding:0px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:200px; font-size: 13px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:500px;}

.champTexte{
	background: #fff;
	border: 1px solid #000;
	color: #000;
	font-size: 13px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #000;
	color: #000;
	font-size: 13px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #000;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #292928;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#B59F61; color:#FFF;}

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

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}



/* ESPACE CLIENT
--------------------------------------------------------------------------------------- */
#formCentrePneus{}
#formCentrePneus label{float: left;width: 150px;text-align: right;padding-right:10px;display: block;color: #6d6e71;font-size: 14px;}
#formCentrePneus label.long{width: 400px;text-align: left;}
#formCentrePneus label.erreur{color:#FF0000;}
#formCentrePneus .champTexte{width:200px;float: left;margin-bottom: 10px;color: #a2a2a2;}
#formCentrePneus .listeDeroulante{width:203px;float: left;margin-bottom: 10px;color: #a2a2a2;}
#formCentrePneus .boiteTexte{width: 519px;height: 125px;color: #a2a2a2;}
#formCentrePneus .bouton{float: right;}

.fondGris{background-color: #e6e7e8;padding: 15px 0 15px 25px;width: 519px;}
.fondBlanc{background-color: #fff;padding: 15px 0 15px 25px;width: 519px;}

#formRemdezVous label{color: #6d6e71;font-size: 14px;}
#formRemdezVous label.erreur{color:#FF0000;}
#formRemdezVous .blockGauche{width: 200px;float: left;}
#formRemdezVous .blockCentre{width: 100px;float: left;}
#formRemdezVous .blockDroite{width: 200px;float: left;}
#formRemdezVous .blockCase{width: 250px;float: left;}
#formRemdezVous .blockGauche .champTexte, #formRemdezVous .blockDroite .champTexte{width:190px;float: left;margin-bottom: 10px;color: #a2a2a2;}
#formRemdezVous .blockGauche .listeDeroulante, #formRemdezVous .blockDroite .listeDeroulante{width:194px;float: left;margin-bottom: 10px;color: #a2a2a2;}
#formRemdezVous .blockCentre .listeDeroulante{width:90px;float: left;margin-bottom: 10px;color: #a2a2a2;}
#formRemdezVous .blockPlein .champTexte{width:490px;float: left;margin-bottom: 10px;color: #a2a2a2;}
#formRemdezVous .blockPlein .boiteTexte{width: 490px;height: 125px;color: #a2a2a2;}
#formRemdezVous .bouton{float: right;}



#formSatisfaction label{color: #6d6e71;font-size: 14px;}
#formSatisfaction label.erreur{color:#FF0000;}
#formSatisfaction .listeDeroulante{width:203px;color: #a2a2a2;}
#formSatisfaction .bouton{float: right;}
#formSatisfaction .boiteTexte{width: 490px;height: 125px;color: #a2a2a2;}
#cadran1, #cadran2, #cadran3{
	display: block;
	float: left;
	width: 122px;
	height: 122px;
}
#cadran1{background: url(Gx/12/cadran.gif) no-repeat left top;}
#cadran2{background: url(Gx/12/cadran.gif) no-repeat -188px 0px;}
#cadran3{background: url(Gx/12/cadran.gif) no-repeat -365px 0px;}

.cadran{width: 122px;float: left;text-align: center;padding-right: 60px;}
.cadran.dernier{padding-right: 0;}

.bordureRouge{border-top: 3px #c5202e solid;padding: 15px 0 15px 25px;width: 519px;}