/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */

body#main{
	/*behavior:url(inc/csshover.htc);*/
	background:#e0e0e0;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #404040;
	font-size: 12px;
	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;}
a, a:link, a:visited{color:#0699D0;}
a:hover{color:#5FD5FF;}

h1{color: #0699d0; font-size:26px; font-weight:normal;margin-bottom:10px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #0699d0; font-size:15px;font-weight:normal;padding:5px 0;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

p{font-size: 12px; line-height: 175%; color: #404040;text-align:justify;padding:5px 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:#0699D0; text-decoration:underline;}
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;
}

ul li{color:#404040; font-size:12px; line-height:150%; list-style:circle; margin-left:25px;}
ol li{color:#404040; font-size:12px; line-height:150%; margin-left:25px;}

.bleu{color:#0699d0;font-weight:bold;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#entete{background:#fff url(gx/M/haut_fond.gif) repeat-x;position:relative;}

#haut{
	width:935px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#bande{
	background:url(Gx/M/logo_fond.png) no-repeat;
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Gx/M/logo_fond.png');
	width:412px; height: 177px;
	position:absolute;
	top:-19px;
	left:-30px;
	z-index:1;
}

#logo{
	position:absolute;
	z-index:2;
}
#logo a{display:block;position:relative;width:161px;height:60px;top:30px;left:50px;z-index:3;}

#conteneurflash{clear:both;margin:10px 0;float:right;}

#conteneur{
	clear:both;
	background:#f8f8f8 url(Gx/M/contenu_fond.gif) repeat-x;
	margin: 0 auto;
	padding:30px 0 20px 0;
	text-align:left;
}

#principal{
	width:935px;
	margin:0 auto;
}

#contenu{float:right;width:690px;}

#colGauche{
	width:229px;
	float:left;
	margin-right:10px;
}

#contact{
	margin-top:5px;
	padding-top:10px;
	display:block;
	background:#0699d0 url(Gx/M/boiteBleue_fond_haut.gif) no-repeat;
}

#contact b{padding-left:15px;color:#fff;font-size:15px;}
#contact p{padding:5px 15px 15px 15px;display:block;color:#fff;font-size:12px;background:url(Gx/M/boiteBleue_fond_bas.gif) no-repeat bottom;}
#contact p b{padding:0;display:inline;}

.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menuhaut{height:19px;text-align:right;background:#d8d8d8;}
#menuhaut ul{margin:0;padding:0;width:935px;margin:0 auto;position:relative;}
#menuhaut ul li{padding:0; margin:0; display:inline; list-style-type:none; text-align:center;position:absolute;}
#menuhaut ul li a, #menuhaut ul li a:link, #menuhaut ul li a:visited{
	color: #000; 
	display:block;
	height:19px;
	width:143px;
	font-size: 9px;
	line-height: 19px;
	text-decoration: none;
	text-transform:uppercase;
}
#menuhaut ul li#menuhaut1{right:279px;}
#menuhaut ul li#menuhaut2{right:166px;}
#menuhaut ul li#menuhaut3{right:53px;}
#menuhaut ul li#menuhaut4{right:0px;}
#menuhaut ul li a:hover, #menuhaut ul li a:visited:hover{background:url(Gx/M/menuhaut_over.gif) no-repeat;}
#menuhaut ul li#menuhaut4 a, #menuhaut ul li#menuhaut4 a:link, #menuhaut ul li#menuhaut4 a:visited{width:50px;}
#menuhaut ul li#menuhaut4 a:hover, #menuhaut ul li#menuhaut4 a:visited:hover{background:none; color:#0698ce;}
#menuhaut ul li a.actif, #menuhaut ul li a.actif:visited{background:url(Gx/M/menuhaut_on.gif) no-repeat;color:#fff;}


#menu{width:779px;height:49px; margin:0; padding:0;background:url(Gx/M/menu_fond.gif) no-repeat;float:right;margin-top:50px;}
#menu ul{margin:0;padding:0;float:right;}
#menu ul li{padding:0; margin:0; float:left; list-style-type:none;background:url(Gx/M/menu_pointille.gif) no-repeat right;position:relative;z-index:2;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	float:left;
	height:33px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height:100%;
	padding: 10px 35px 8px 7px;
	text-decoration: none;
	margin-right:1px;
	text-transform:uppercase;
}
#menu ul li#menu5{background:none;}
#menu ul li#menu5 a, #menu ul li#menu5 a:link, #menu ul li#menu5 a:visited{margin:0;}
#menu ul li a:hover, #menu ul li a:visited:hover{background:url(Gx/M/menu_fond_over.gif) no-repeat;}
#menu ul li#menu1 a:hover, #menu ul li#menu1 a:visited:hover{background-position: -140px 0px;}
#menu ul li#menu2 a:hover, #menu ul li#menu2 a:visited:hover{background-position: -255px 0px;}
#menu ul li#menu2 a:hover, #menu ul li#menu2 a:visited:hover{background-position: -255px 0px;}
#menu ul li#menu3 a:hover, #menu ul li#menu3 a:visited:hover{background-position: -383px 0px;}
#menu ul li#menu4 a:hover, #menu ul li#menu4 a:visited:hover{background-position: -501px 0px;}
#menu ul li#menu5 a:hover, #menu ul li#menu5 a:visited:hover{background-position: top right;}
#menu ul li a.actif, #menu ul li a.actif:visited{border-bottom:6px solid #00baff;padding-bottom:0px;}

#sousmenu{clear:both;background:url(Gx/M/sousmenu_fond.gif) no-repeat;}
#sousmenu ul{display:block;height:30px;}
#sousmenu ul li{display:inline;list-style:none;padding:5px 0;}

#sousmenu ul li a, #sousmenu ul li a:link, #sousmenu ul li a:visited{
	text-decoration:none;
	font-weight:bold;
	line-height:30px;
	font-size:13px;
	color:#fff;
}

#sousmenu ul li a:hover{text-decoration:underline;}
#sousmenu ul li a.actif{color:#0699D0;}

#menugauche{width:229px;}
#menugauche ul{margin:0;padding:0;}
#menugauche ul li{padding:0; margin:0; list-style-type:none;width:229px;}
#menugauche ul li a, #menugauche ul li a:link, #menugauche ul li a:visited{
	display:block;
	width:149px;
	padding-left:80px;
	font-size:19px;
	line-height:60px;
	color:#fff;
	text-decoration:none;
}
#menugauche ul li#menugauche1{background:url(Gx/M/outils_achat.gif) no-repeat;border-bottom:1px solid #7a7a7a;}
#menugauche ul li#menugauche2{background:url(Gx/M/promotions.gif) no-repeat;border-top:1px solid #b9b9b9;border-bottom:1px solid #7a7a7a;}
#menugauche ul li#menugauche3{background:url(Gx/M/barnabe_tv.gif) no-repeat;border-top:1px solid #b9b9b9;}
#menugauche ul li#menugauche2 a, #menugauche ul li#menugauche2 a:link, #menugauche ul li#menugauche2 a:visited{line-height:58px;}
#menugauche ul li#menugauche2 ul li a, #menugauche ul li#menugauche2 ul li a:link, #menugauche ul li#menugauche2 ul li a:visited{line-height:20px;}
#menugauche ul li#menugauche1 a:hover, #menugauche ul li#menugauche1 a:visited:hover,#menugauche ul li#menugauche1 a.actif{background:url(Gx/M/outils_achat_over.gif) no-repeat;}
#menugauche ul li#menugauche2 a:hover, #menugauche ul li#menugauche2 a:visited:hover,#menugauche ul li#menugauche2 a.actif{background:url(Gx/M/promotions_over.gif) no-repeat;}
#menugauche ul li#menugauche3 a:hover, #menugauche ul li#menugauche3 a:visited:hover,#menugauche ul li#menugauche3 a.actif{background:url(Gx/M/barnabe_tv_over.gif) no-repeat;}
#menugauche ul li ul li{background:#a4a4a4;}
#menugauche ul li ul li a, #menugauche ul li ul li a:link, #menugauche ul li ul li a:visited{
	font-size:12px;
	line-height:20px;
	padding:5px 0 5px 20px;
	width:209px;
	border-bottom:1px solid #7a7a7a;
}
#menugauche ul li#menugauche1 ul li a:hover,#menugauche ul li#menugauche1 ul li a:visited:hover,
#menugauche ul li#menugauche2 ul li a:hover,#menugauche ul li#menugauche2 ul li a:visited:hover{background:#bdbdbd;text-decoration:underline;}
#menugauche ul li#menugauche1 ul li a.actif,
#menugauche ul li#menugauche2 ul li a.actif{color:#555;background:#bdbdbd;text-decoration:underline;}
.lienExterne{background:url(Gx/icone_ext.gif) no-repeat 200px center;}
#menugauche ul li#menugauche1 ul li a.lienExterne:hover, #menugauche ul li#menugauche1 ul li a.lienExterne:visited:hover{background:#bdbdbd url(Gx/icone_ext.gif) no-repeat 200px center;}


#menuBas{padding:10px 0;}
#menuBas ul{margin:0;padding:0;}
#menuBas ul li{padding:0; margin:0; list-style-type:none; display:inline;}
#menuBas ul li a, #menuBas ul li a:link, #menuBas ul li a:visited{
	font-size:12px;
	padding-right:20px;
	color:#121212;
	text-decoration:none;
}
#menuBas ul li a:hover, #menuBas ul li a:visited:hover,#menuBas ul li a.actif, #menuBas ul li a.actif:visited{color:#0699d0;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#calltoactions{margin-bottom:15px;}
#calltoactions a{
	margin-right:3px;
}

.promo{background:url(Gx/M/boiteImage_fond.gif) repeat-y;width:215px;float:right;}
.promo div.image{background:url(Gx/M/boiteImage_haut.gif) no-repeat top;}
.promo div.image div{background:url(Gx/M/boiteImage_bas.gif) no-repeat bottom;padding:9px 0 9px 11px;}
.promo div.image div img{display:block;}

.promoleft{
	float: left;
	width: 300px;}
.promoright{
	float: right;
	width: 300px;}

/* PAGE VÉHICULE NEUF
--------------------------------------------------------------------------------------- */
.modele{
	float: left;
	width: 200px;
	text-align: center;
	padding-bottom: 10px;}
.modele img{border:2px solid #eee;}
#modele #img{
	float: left;
	width: 277px;
	border:2px solid #eee;}
#modele #carac{
	float: right;
	width: 370px;}
#modele #carac .actif{font-weight:bold;}

a.link2, a.link2:link, a.link2:visited{
	font-weight: normal;
	color: #004c86;
	text-decoration: none;}

a#print, a#print:link, a#print:visited{
	background: transparent url(Gx/01/bg_print.gif) no-repeat top left; 		
	float: right;
	padding: 0 10px 0 20px;
	text-decoration: underline;
	height: 16px;
	line-height: 16px;}
a#print:hover{
	text-decoration: none;	}

	
#detailVehicule{
	font-size:12px;
	border-collapse: collapse;
	border: none;
	width:680px;}
#detailVehicule td{
	padding:6px 0 6px 3px;
	border-bottom:2px solid #FFF;}
.pageHeading{
	padding:0 15px 0 15px;
	background: url(gx/01/titrefond.gif) no-repeat;;
	line-height:17px;
	color:#FFF;
	font-weight:bold;}
.row_heading{
	color:#0186CB;}
.row_odd{
	background-color:#F3F3F3;
	color:#000;}
.row_even{
	background-color:#E9EAEC;
	color:#000;}
.row_blank{
	display:none;}

/* PAGE VIDEO
--------------------------------------------------------------------------------------- */
.thumbvideo{
	width:210px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
}

.thumbvideo a {text-decoration:none;}
	
/* PAGE CONTACT
--------------------------------------------------------------------------------------- */

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

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#pied{height:130px;}
#piedPage{color:#979797; font-size:10px;padding:0; width:935px;margin:0 auto;text-align:left;}
#piedPage a{color:#979797; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#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:#979797;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

#menuVehicules{font-size:12px;color:#585858;padding-bottom:10px;}
#menuVehicules a, #menuVehicules a:link, #menuVehicules a:visited{color:#585858;text-decoration:none;padding-right:5px;}
#menuVehicules a:hover, #menuVehicules a:visited:hover,#menuVehicules a.actif, #menuVehicules a.actif:visited{color:#0699d0;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; background:#383838 url(Gx/bookmark/fond.gif) repeat-x;border:1px solid #777575;padding:3px 3px 0 3px;height:17px;cursor:pointer;}

.bookmarkIconesVisibles {float:left;position:relative;left:2px;top:-2px;}
#bookmarkHoverPopup {
	background-color:#3C3C3C;
	position:absolute;
	border:solid 1px;
	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:#7E7E7E;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#3C3C3C;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#7E7E7E;
	padding-left:2px;
}

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

.innerleft{float:left}
.innerright{float:right}

/* Référer ce site */
#referer{width:450px;}

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

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	width:200px;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	width:450px;
	height:100px;
}
.bouton{
	background-color: #EEF3F7;
	border:1px solid #498ECB;
	cursor:pointer;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	padding:0 .25em 0 .25em;
   	width:auto;
  	overflow:visible;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

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

.erreur{color:#FF0000;}