body{
	background: #1d1e21;
	margin: 0;
	padding: 0;
	text-align:center;
}

html{
	color: #717172;
	font-size: 13px;
	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;}


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

h1{color: #418ac7; font-size:18px; margin: 0 0 20px 0;}
h1 a, h1 a:link, h1 a:visited{color:#418ac7;}

h2{color: #C21527; font-size:15px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

#plan ul li a{
	font-weight: bold;
	color: #fff;
}

p{font-size: 13px; line-height: 150%; color: #b9c4d4;}
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{}
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:underline;
}


strong {
	font-weight: bold;
}

.boldGris strong{
	color: #e4e8eb;
}

.boldBleu strong{
	color: #418AC7;
}

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

.titre1{
	color: #ed1d2b;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	padding: 0 45px 0 0;
	float:left;
	display:block;
	height:27px; 
	background: url(gx/arrow_titre1.jpg) no-repeat right bottom;
}

.titre2{
	color: #418ac7;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	padding: 0 45px 0 0;
	
	float:left;
	display:block;
	height:27px; 
	background: url(gx/arrow_titre2.jpg) no-repeat right bottom;
}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto;
	text-align:left;
	width:978px;
}
#contenu{
	padding: 25px 0 0 0;
}
#haut{
	width:978px;
	height: 157px;
	position:relative;
	/*background: url(gx/M/banner.jpg) no-repeat right top;*/
}
#colonneGauche{
	width: 257px;
	float: left;
}

#colonneGaucheInterieur{
	width: 242px;
	float: left;
}
#colonneCentre{
	width: 400px;
	float: left;
}

#colonneDroite{
	width: 320px;
	float: left;
}

#contenuPrincipal{
	width: 720px;
	float: right;
}

#sousBanniere{
	width: 241px;
	height: 543px;
	float: left;
	background: url(gx/06/promotion.jpg) no-repeat left top;
}

#sousBanniere span{
	padding: 20px 0 0 18px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	line-height: 16px;
}

#bulleContenu{
	background-color: #131313;
	width: 720px;
}

#topBulleContenu{
	background: url(gx/topBulle.gif) no-repeat left top;
	width: 720px;
	height: 13px;
}

#bottomBulleContenu{
	background: url(gx/bottomBulle.gif) no-repeat left top;
	width: 720px;
	height: 13px;
}

.both{clear:both;}

/* HEADER SLIDESHOW
--------------------------------------------------------------------------------------- */
#slideshowPhoto{
	position:absolute;
	z-index:1;
	left:335px;
}
#slideshowPhoto div{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#slideshowPhoto div.photoActif{
	display:block;
	z-index:1;
}
#filigrane{
	z-index:2;
	position:absolute;
}
/* MENUS
--------------------------------------------------------------------------------------- */
#menu{
	height:66px;
	width: 978px;
	margin:0; 
	padding:0;
	background: url(gx/M/bg_menu.jpg) no-repeat right top;
}

#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{
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	float: left;
}

#menu ul li a img {
	padding:0;
	margin:0;
	border: none;
}

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

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#topSousMenu{
	background: url(Gx/top_bg_sousMenu.gif) no-repeat left top;
	height: 10px;
	width: 242px;
}

#bottomSousMenu{
	background: url(Gx/bottom_bg_sousMenu.gif) no-repeat left top;
	height: 10px;
	width: 242px;
}

#sousMenu{
	background: url(Gx/bg_sousMenu.gif) repeat-y left top;
	width: 242px;
	margin: 0 0 30px 0;
}

#sousMenu ul{
	margin: 2px 0 2px 15px;
	padding: 0;
}

#sousMenu ul li{
	margin: 0;
	padding: 8px 0 8px 0;
	list-style-type: none;
	width: 205px;
	border-bottom: 1px solid #464b50;
}

#sousMenu ul li a{
	color: #418ac7;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

#sousMenu ul li a:hover{
	text-decoration: underline;
}

#sousMenu2{
	padding: 0;
	margin: 15px 0 0 0;
}

#sousMenu2 ul{
	margin: 2px 0 2px 15px;
	padding: 0;
}

#sousMenu2 ul li{
	margin: 0;
	padding: 8px 0 8px 0;
	list-style-type: none;
	width: 205px;
	border-bottom: 1px solid #b9c4d4;
}

#sousMenu2 ul li a{
	color: #b9c4d4;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

#sousMenu2 ul li a:hover{
	color: #418ac7;
}

#sousMenu2 ul li a.actif, #sousMenu2 ul li a.actif:visited{color: #418ac7;}

.imagePromotion{
	width: 143px;
	height: 104px;
	background: url(Gx/bg_vehiculeVedette.gif) no-repeat left;
	float: right;
}

#vehiculeVedette{
	width: 390px;
	height: 255px;
	float: left;
}

.vehiculeVedette{
	width: 143px;
	height: 104px;
	background: url(Gx/bg_vehiculeVedette.gif) no-repeat left;
}

.blocVehiculeVedette{
	width: 185px;
	
	float: left;
}

.nomVehiculeVedette{
	text-transform: uppercase;
	font-size: 12px;
	color: #b9c4d4;
	margin: 10px 0 0 0;
}

.prixVehiculeVedette{
	font-size: 12px;
	color: #ed1d2b;
	margin: 7px 0 7px 0;
}

.lienVehiculeVedette a{
	font-size: 12px;
	color: #ed1d2b;
}

.lienVehiculeVedette a:hover{
	text-decoration: none;
}

#promotionAccueil{
	margin: 50px 0 0 0;
	width: 390px;
	height: 285px;
	float: left;
	/*background: url(Gx/bg_promotion.jpg) no-repeat left bottom;*/
	position: relative;
}

#savoirPlusPromotion{
	width: 350px;
	height: 50px;
	position: absolute;
	bottom: 10px;
	left: 15px;
}
/* PAGE promotion
--------------------------------------------------------------------------------------- */

#promotion{
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #707781;
}

/*PAGE avec iFrame
---------------------------------------------------------------------------------------- */

.fondBlanc { background-color: #FFFFFF; }

#iFrame { 
	width: 100%;
	float: left;
	background-color: #ffffff;
}

/* 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:#707781; font-size:10px; height:50px; padding:0; width:978px; margin: 0 auto;}
#piedPage a{color:#707781;  text-decoration:none;}
#piedPage a:hover{color:#707781;  text-decoration:underline;}
#piedPage #copyrights{float:right; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#707781;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #707781;}
#piedPage #menuBas{float:left;text-align:right;}

#containerBottom{
	background-color: #000000;
	width: 100%;
	height: 200px;
	padding: 25px 0 0 0;
}

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

#nextback{
	color: #418AC7;
}

#nextback a{
	color: #418AC7;
	font-weight: bold;
}
/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #2F3438; width: 400px; padding: 10px; float: left; color:#fff;}
div#carte div#map{border:1px solid #b7b7b7;width:400px;height:300px; color: #000;}
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;  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;}

/*contact
*************************************************/

#contact{
	width: 290px;
	float: left;
}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:none;}
fieldset legend{border:none; color:#fff; font-size:14px; font-weight:bold;}
fieldset label{font-size:12px; color:#fff; margin:2px 0 2px 0;}
label{font-size:12px; color:#fff; margin:2px 0 2px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:150px;}
#formulaireQuestion .listeDeroulante{float:left;width:150px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:250px;}

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 12px;
	width: 150px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 12px;
	width: 150px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 12px;
	width: 300px;
	height: 100px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #fff;
	color: #222;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#222; color:#fff;}

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

.erreur{color:#FF0000;}