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



/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{font-family: Arial, Verdana, Tahoma;}

/* Réinitialisation des éléments */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

h1{border-bottom:1px solid #000;}
h2{}
.both{clear:both;}


body/*#main*/{
	background-color: #5e5e5e;
	color: #515151;
	font-size: 12px;
	line-height:150%;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes et effacer ce commentaire */
	text-align:left;
}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#0d0d0d;}
a:visited{color:#666;}
a:hover, a:focus{color:#666; text-decoration: none;}
a:active{color:#0e8bbf; text-decoration:none;}

h1{color:#01ACF3; font-size:18px; margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{color:#01ACF3; font-size:15px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

p{}
blockquote{padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;}
#contenu ul ul li{list-style:circle;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin-left:23px;}
#contenu ol ol li{list-style:lower-alpha;}

.textePetit{font-size:10px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	font-size:11px;
	margin:2px 0;
}
.listeDeroulante{
	font-size:11px;
	margin:2px 0;
}
.boiteTexte{
	/*font-family:"Trebuchet MS";*/
	font-size:11px;
	margin:2px 0;
}
.bouton{
	/*background-color: #EEF3F7;
	color: #498ECB;
	font-weight: bold;*/
}
.bouton:hover{/*background-color:#1A80B6; 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:4px; -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:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}
div.erreur{color:#cc0000}
/* 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;} */

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	position: relative;
	margin:0 auto 10px auto;	
	width:982px;
	background-color: #fff;
	border-top: 2px solid #d71321;
}

	img.conteneur-bas{display: block;}

#contenu{
	width: 950px;
	margin: 0 auto;
	min-height:500px;
	height:auto !important;
	height:500px;
}

	#contenu h1{margin: 24px 0 20px 0; padding: 7px 0 0 0; color: #0d0d0d; font-weight: bold; font-size: 18px; border-top: 2px solid #D71321;}
	#contenu h2{color: #0d0d0d; font-size: 14px;}
	
	#contenu .filAriane{margin: 10px 0 0 0; font-size: 12px; color: #515151;}
		#contenu .filAriane a{text-decoration: none; color: #515151;}
			#contenu .filAriane a:hover{color: #E51937;}
	
#haut{position: relative; height: 100px; margin: 0 11px}

	#haut a.facebook{position: absolute; top: 10px; right: 35px;}
	#haut a.twitter{position: absolute; top: 10px; right: 1px;}
	p.reseauSociauTexte{position: absolute; top: 15px; right: 70px;}

a.logo{position: absolute; top: 25px; left: 10px; display: block; float: left; z-index: 200;}

.both, .clearBoth{clear:both; width: 0; height: 0; font-size: 0; line-height: 0;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{z-index: 1000; position: relative; float: left; width: auto; height: 47px; margin:0 0 0 232px; padding:0;}
#menu li{float: left; height: 47px; padding:0; margin:0; list-style-type:none;}
	#menu li span{float: left; width: 2px; height: 47px; background: transparent url(gx/m/menuSeparateur.gif) no-repeat right top;}
#menu li a, #menu li a:link, #menu li a:visited{
	float: left;
	height: 31px;
	padding: 8px 16px;
	background: #fff url(gx/m/menuFond.gif) repeat-x 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 110%;
}
	#menu li a:hover, #menu li a.actif, #menu li a.subMenuactif{background: #fff url(gx/m/menuFond-over.gif) repeat-x 0 0;}
#menu li a.premier{background: #fff url(gx/m/menuPremier.gif) repeat-x 0 0;}
	#menu li a:hover.premier, #menu li a.actif.premier, #menu li a.premier.subMenuactif{background: #fff url(gx/m/menuPremier-over.gif) repeat-x 0 0;}
#menu li a.dernier{background: #fff url(gx/m/menuDernier.gif) repeat-x right top;}
	#menu li a:hover.dernier, #menu li a.actif.dernier{background: #fff url(gx/m/menuDernier-over.gif) repeat-x right top;}
#menu li a:hover, #menu li a:focus, #menu li a:visited:hover{color: #fff;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{background-color:#01ACF3; color:#FFF;}

#menu li ul{display: none; z-index: 100; position: absolute; top: 47px; left: 0; padding: 5px 0 10px 0; background: #5f000e;}
	
	#menu li ul li{
	float: none;
	height: auto;
	display: block;
	clear: both;
	-margin: 0;
	-padding: 0;
	-line-height: 0;
	-font-size: 0;
	}
	
		#menu li ul li a{
		width: 120px;
		float: none;
		display: block;
		height: auto !important;
		padding: 5px 10px !important;
		text-transform: none !important;
		background: none #5f000e !important;
		font-size: 11px !important;
		font-weight: normal !important;
		}
		
			#menu li ul li a:hover{
			color: #000 !important;
			background-color: #fff !important;
			}


/* Navigation secondaire */
#menuSec{float:left; margin: 15px 0 14px 240px;}
#menuSec li{display:inline; float:left; color: #b0b0b0;}
#menuSec a, #menuSec a:link, #menuSec a:visited{padding: 0 8px; color: #0d0d0d; text-decoration: none;}
	#menuSec a.actif{color: #e51937;}
#menuSec li.dernier a{padding-right:0;}

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.fbJaimePetit{max-width: 100px;}
/*.fbJaime{max-width: 450px; height: 25px;}
.fbJaime iframe{margin-right: 10px; height: 25px;}*/


/* 00_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.banniere{position: relative; height: 331px; margin: 14px 11px 0 11px; line-height: 0;}
	.banniere img.banniereConteneur{position: absolute; z-index: 20; top: 0; left: 0;}
	.banniere img.article{position: absolute; top: 0px; left: 6px;}

.boutonAction{width: 960px; height: 78px; margin: 0 0 0 11px; padding: 0 0 0 6px; background: #fff url(gx/00/banniere-bas-fond.gif) no-repeat 0 0;}
	.boutonAction a{float: left; overflow: hidden; height: 72px; background-position: 0 0; text-indent: -1000px;}
		.boutonAction a.prendre-rendez-vous{width: 288px; background: transparent url(gx/00/action-rendez-vous.gif) no-repeat;}
		.boutonAction a.prendre-rendez-vous-en{width: 288px; background: transparent url(gx/00/action-rendez-vous-en.gif) no-repeat;}
		.boutonAction a.nos-promotions{width: 345px; background: transparent url(gx/00/action-promotion.gif) no-repeat;}
		.boutonAction a.nos-promotions-en{width: 345px; background: transparent url(gx/00/action-promotion-en.gif) no-repeat;}
		.boutonAction a.vehicule-occasion{width: 313px; background: transparent url(gx/00/action-vehicule-occasion.gif) no-repeat;}
		.boutonAction a.vehicule-occasion-en{width: 313px; background: transparent url(gx/00/action-vehicule-occasion-en.gif) no-repeat;}
			.boutonAction a:hover{background-position: 0 -72px}
			
.texteDescription{margin: 0;}
	.texteDescription h1{float: left; width: 696px; margin: 0 0 10px 0 !important; padding: 0 0 5px 0 !important; border-bottom: 2px solid #d71321; border-top: 0 !important; color: #0d0d0d; text-transform: uppercase;}
	.texteDescription p{float: left; width: 696px; line-height: 150%;}
	.texteDescription a.distinction{float: right; width: 212px; margin: -28px 0 0 0;}

.accueilListeVehicule{width: 950px; position: relative; margin: 0 auto 20px auto;}
	.accueilListeVehicule a.nav{position: absolute; top: 38px; outline: none;}
	.accueilListeVehicule a.next{right: 0;}
	.accueilListeVehicule .slideConteneur{position: relative; overflow: hidden; width: 870px; margin: 0 auto;}
		.accueilListeVehicule .slideConteneur .slide{position: relative; width: 100000px;}
	.accueilListeVehicule .article{float: left;}
		.accueilListeVehicule .article a{outline: none;}
		.accueilListeVehicule .article h3{margin: -10px 0 0 0; text-align: center;}
			.accueilListeVehicule .article h3 a{text-transform: uppercase; color: #1c1c1c; text-decoration: none; font-size: 14px; background-color: #fff;}


/* 01_100 : PAGE VÉHICULES NEUFS
--------------------------------------------------------------------------------------- */
.vehiculeNeufListe{width: 960px; margin: 0 auto;}
	.vehiculeNeufListe .article{float: left; width: 200px; margin: 0 48px 20px 0;}
		.vehiculeNeufListe .boutDeLigne{margin-right: 0;}
		.vehiculeNeufListe .article img{border: 1px solid #c0c0c0;}
		.vehiculeNeufListe .article h3 a{text-decoration: none; font-size: 16px; color: #0D0D0D; background-color: #fff;}
		.vehiculeNeufListe .article a.btnDetail{display: block; float: left; width: 72px; height: 20px; background: #fff url(gx/01/btn-detail.gif) no-repeat 0 0; background-color: #fff; font-size: 11px; color: #fff; line-height: 20px; text-align: center; text-decoration: none;}
			
.vehiculeNeufDetail{position: relative; width: 960px; margin: 0 auto;}
	.banniereVehiculeNeufDetail{position: relative; z-index: 19; width: 960px; height: 303px; margin: 14px 11px 0 11px; background: transparent url(gx/01/banniere-fond.png) no-repeat 0 0;}
		.banniereVehiculeNeufDetail h1{position: relative; z-index: 20; float: right; width: 713px; height: 46px; margin: 5px 7px 0 0; background: transparent url(gx/01/banniere-enTete.png) no-repeat 0 0; border: 0; line-height: 46px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 16px; text-align: right;}
			.banniereVehiculeNeufDetail h1 span{padding: 0 0 0 27px;}
		.banniereVehiculeNeufDetail .bouton{width: 217px; padding: 5px 0 0 0; background-color: transparent;}
			.banniereVehiculeNeufDetail .bouton a{display: block; width: 217px; height: 67px; margin: 0 0 0 6px; padding: 0 0 0 13px; line-height: 67px; color: #aeaeae; font-weight: bold; text-transform: uppercase; font-size: 14px; text-decoration: none;}
	#banniereSlide{width: auto !important; height: auto !important; position: static !important;}
		#banniereSlide img.imgBanniere{position: absolute; top: 115px; left: 252px;}
	
	.vehiculeNeufDetail .caracteristique{margin: 20px 0 20px 0; padding: 5px 0 0 0; border-top: 2px solid #d71321;}
        .vehiculeNeufDetail .caracteristique h2{color: #0d0d0d; font-weight: bold; font-size: 18px;}
        .vehiculeNeufDetail .caracteristique p{}
		.vehiculeNeufDetail .caracteristique ul{overflow:hidden; width: 450px; margin: 8px 0 15px 0; padding: 16px 15px; background-color: #f3f3f3;}
            .vehiculeNeufDetail .caracteristique ul li{float: left; width: 220px; margin: 0 !important; list-style: none !important;}
            	.vehiculeNeufDetail .caracteristique ul li a{color: #515151; text-decoration: none;}
					.vehiculeNeufDetail .caracteristique ul li a:hover{text-decoration: underline;}
			
    .vehiculeNeufDetail .galeriePhoto{float: right; position: relative; width: 443px; margin: 14px 10px 20px 20px;}
        .vehiculeNeufDetail .galeriePhoto img{margin: 0 0 0 22px; border: 1px solid #c0c0c0;}
        .vehiculeNeufDetail .galeriePhoto .slideConteneur{overflow: hidden; position: relative; width: 380px; height: 52px; margin: 0 0 0 36px;}
            .vehiculeNeufDetail .galeriePhoto a.nav{position: absolute; bottom: 0; left: 0; outline: none;}
                .vehiculeNeufDetail .galeriePhoto a.nav img{margin: 0; border: 0;}
                .vehiculeNeufDetail .galeriePhoto a.next{left: 420px;}
                    .vehiculeNeufDetail .galeriePhoto .slideConteneur .slide{position: relative; left: 0; width: 100000px;}
                        .vehiculeNeufDetail .galeriePhoto .slideConteneur .slide img{display: block; float: left; margin: 0 6px 0 0; border: 0;}

	.vehiculeNeufDetail p.imprimerFermer{float: right; margin: 0 0 5px 0; color: #000000;}
		.vehiculeNeufDetail p.imprimerFermer a{padding: 0 10px; font-weight: bold; color: #000000; text-decoration: none;}
	
	.vehiculeNeufDetail table.tableauModeleNeufCaractGroupe{width: 950px; margin: 0; border-collapse: collapse;}
		.vehiculeNeufDetail table.tableauModeleNeufCaractGroupe td.centrer{text-align: center;}
		.vehiculeNeufDetail table.tableauModeleNeufCaractGroupe tr.ModeleNeufNom{text-transform: uppercase; font-weight: bold;}
			.vehiculeNeufDetail table.tableauModeleNeufCaractGroupe tr.ModeleNeufNom td{border: 1px solid #fff; color: #fff; text-align: center; background-color: #6f6f6f; }
				.vehiculeNeufDetail table.tableauModeleNeufCaractGroupe tr.ModeleNeufNom td.titreVide{background-color: #fff;}
		.vehiculeNeufDetail table.tableauModeleNeufCaractGroupe tr.impair{background-color: #efefef;}
		.tableauModeleNeufCaractGroupe tbody td{padding: 2px 5px; border: 1px solid #d8dcdf; color: #191919;}
			.tableauModeleNeufCaractGroupe tbody td.noteBas{border: 0; font-size: 11px;}
				.tableauModeleNeufCaractGroupe tbody td.noteBas a{text-decoration: none;}
				.tableauModeleNeufCaractGroupe tbody td.noteBas a.alignRight{float: right;}
					.tableauModeleNeufCaractGroupe tbody td.noteBas a:hover.alignRight{color: #000;}
				.tableauModeleNeufCaractGroupe thead th{height: 37px; line-height: 37px; background: #fff url(gx/01/table-header-fond-ferme.gif) no-repeat 0 0;}
					.tableauModeleNeufCaractGroupe thead th img.thGauche{float: left;}
					.tableauModeleNeufCaractGroupe thead th img.thDroite{float: right;}
				.tableauModeleNeufCaractGroupe thead th.ouvert{background: #fff url(gx/01/table-header-fond.gif) no-repeat 0 0;}
					.tableauModeleNeufCaractGroupe thead th span{padding: 0 0 0 5px; color: #ff0025; font-weight: bold;}
	
	.vehiculeNeufDetail .legendeLegale{margin: 0 0 0 15px;}
	

/* 02_100 : PAGE VÉHICULES USAGÉS
--------------------------------------------------------------------------------------- */
#vortexauto{}
	#vortexauto .liste{width: 953px;}
		
		#vortexauto .liste a.formRechercheVehicule{display: block; float: right; width: 179px; height: 30px; background: #fff url(gx/02/enTeteBoutonFond.gif) no-repeat 0 0; line-height: 30px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none;}
			#vortexauto .liste a:hover.formRechercheVehicule{color: #000;}
		#vortexauto .liste .header{width: 953px; height: 37px; background: #fff url(gx/02/enTeteFond.gif) no-repeat 0 0; line-height: 37px;}
			#vortexauto .liste .header h2{float: left; margin: 0 13px 0 6px; font-size: 15px; color: #f3f3f3; font-weight: bold;}
			#vortexauto .liste .header select{float: left; margin: 9px 0 0 0; font-size: 12px;}
			#vortexauto .liste .header .nav{float: right; margin: 0 12px 0 0;}
				#vortexauto .liste .header .nav a{margin: 0 0 0 20px; font-size: 13px; color: #A9A9A9; font-weight: bold; text-decoration: none;}
					#vortexauto .liste .header .nav a:hover{color: #fff;}
					#vortexauto .liste .header .nav a img{padding: 0 0 0 6px;}
					#vortexauto .liste .header .nav a.actif{color: #DF1735;}
			
		#vortexauto .liste h2.marque{margin: 20px 0 5px 0; font-style: italic; color: #666666;}
			#vortexauto .liste h2.marque strong{font-style: normal; color: #121212;}
	
		#vortexauto .liste .item{padding: 15px; border: 1px solid #d0d0d0; height: 100%;}
			#vortexauto .liste h3 a{float: left; font-size: 18px; color: #df1735; font-weight: bold; text-decoration: none;}
				#vortexauto .liste h3 a:hover{color: #000;}
			#vortexauto .liste .item .image{float: left; width: 100px; margin: 0 15px 0 0; border: 1px solid red;}
				#vortexauto .liste .item .image img{display: block;}
			#vortexauto .liste .item .detail{float: left; width: 800px;}
			#vortexauto .liste .item .detail .stockPrix{float: right; margin: 0 0 10px 0; font-weight: bold; color: #121212; font-size: 11px; text-align: right; line-height: 200%;}
				#vortexauto .liste .item .stockPrix span{font-size: 24px;}
			#vortexauto .liste .item .detail .titre{float: left;}
			#vortexauto .liste .item .bouton{float: right; margin: 40px 0 0 0; background-color: #fff !important;}
				#vortexauto .liste .item .bouton a{float: left; display: block; width: 154px; height: 27px; margin: 0 0 0 3px; background: #fff url(gx/02/bouton-fond.gif) no-repeat 0 0; line-height: 27px; color: #121212; font-size: 11px; font-weight: bold; text-decoration: none; text-indent: 10px;}
					#vortexauto .liste .item .bouton a:hover{background-position: 0 -27px; color: #df1735;}
				#vortexauto .liste .item .detail .info{width: 400px;}
					#vortexauto .liste .item .detail .info ul li{float: left; width: 200px; list-style: none !important; margin: 0 !important;}
				#vortexauto .liste .item .detail .certification{float: right;}
					#vortexauto .liste .item .detail .certification a{margin: 0 0 0 23px;}
					
				#vortexauto .liste .page{float: right; margin: 10px 0 0 0; color: #000;}
					#vortexauto .liste .page div{float: left;}
						#vortexauto .liste .page .titre{float: left; height: 22px; line-height: 22px; margin: 0 5px 0 0; font-weight: bold;}
							#vortexauto .liste .page span.actif{float: left; display: block; width: 22px; height: 22px; background: #fff url(gx/02/pageActif.gif) no-repeat 0 0; line-height: 22px; font-weight: bold; text-align: center; color: #fff;}
							#vortexauto .liste .page a{float: left; width: 22px; height: 22px; line-height: 22px; color: #000; text-decoration: none; text-align: center;}
								#vortexauto .liste .page a:hover{color: #DF1735;}
								
				
				#vortexauto .detail{}
					#vortexauto .detail .gauche{float: left;}
						#vortexauto .detail .gauche .image{width: 400px;}
					
					#vortexauto .detail .droite{float: right; width: 500px;}
						#vortexauto .detail .droite .fiche .titrInfo{width: 500px; height: 30px; margin: 0 0 10px 0; background: #fff url(gx/02/detailTitre.gif) no-repeat 0 0; color: #fff; text-indent: 10px; line-height: 30px; font-weight: bold; text-transform: uppercase;}
							#vortexauto .detail .droite .fiche .boite .prixKmStock{position: relative; float: left; color: #000;}
								#vortexauto .detail .droite .fiche .boite .prixKmStock span{font-size: 16px; font-weight: bold;}
							#vortexauto .detail .droite .fiche .boite .info{position: relative; float: left; margin: 0 0 0 100px; color: #000; font-size: 12px;}
								#vortexauto .detail .droite .fiche .boite .prixKmStock .demande{}
									#vortexauto .detail .droite .fiche .boite .prix{}
										#vortexauto .detail .droite .fiche .boite .prix a{display: block; width: 140px; height: 20px; background: #fff url(gx/02/demandePrix.gif) no-repeat 0 0; color: #fff; text-decoration: none; line-height: 20px; text-align: center; font-size: 11px;}
											#vortexauto .detail .droite .fiche .boite .prixKmStock .demande .prix a:hover{background-position: -140px 0}
									
							#vortexauto .detail .droite .fiche .boite #FormDemande{display: none; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #D0D0D0;}
								#vortexauto .detail .droite .fiche .boite #FormDemande .coordonnees{width: 220px; float: left; margin: 18px 0 0 0; font-size: 11px; color: #000;}
									#vortexauto .detail .droite .fiche .boite #FormDemande .coordonnees strong{float: left; width: 60px;}
										#vortexauto .detail .droite .fiche .boite #FormDemande .coordonnees strong.block{width: auto;}
									#vortexauto .detail .droite .fiche .boite #FormDemande .coordonnees input{float: left; width: 140px; font-size: 11px; border: 1px solid #999999;}
									#vortexauto .detail .droite .fiche .boite #FormDemande .coordonnees .check{float: left; margin: 0 30px 0 0;}
										#vortexauto .detail .droite .fiche .boite #FormDemande .coordonnees .check input{width: auto;}
										#vortexauto .detail .droite .fiche .boite #FormDemande .coordonnees .check span{padding: 0 0 0 5px;}
								#vortexauto .detail .droite .fiche .boite #FormDemande .commentaires{width: 210px; float: left; font-size: 11px; color: #000;}
									#vortexauto .detail .droite .fiche .boite #FormDemande .commentaires textarea{width: 210px; border: 1px solid #999999; font-size: 11px; font-family: arial, verdana, sans-serif;}
									#vortexauto .detail .droite .fiche .boite #FormDemande .commentaires input.Bouton{margin: 26px 0 0 0; background-color: #000; color: #fff; border: 1px soid #ccc; padding: 3px 5px;}
									
									#vortexauto .detail .droite .imageSecondaire{overflow: hidden; margin: 30px 0 10px 0;}
										#vortexauto .detail .droite .imageSecondaire .miniature{float: left; width: 65px; height: 50px; margin: 0 5px 10px 6px; padding: 5px; border: 1px solid #D0D0D0;}
									
									#vortexauto .detail .droite .spec{float: left; width: 250px; margin: 0 0 10px 0;}
										#vortexauto .detail .droite .spec h2{text-transform: uppercase;}
										
/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
------------------------------------------------------------------------------------*/
#dhtmltooltip{position:absolute; left:-300px; width:204px; padding:10px; visibility:hidden; z-index:100; text-align:left;}
#dhtmlpointer {position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip {border: 1px solid #a1a9ae; background: #FFF; color:#000; }

							
/* 03_000 : PAGE DEMANDE EN LIGNE
--------------------------------------------------------------------------------------- */	
.demandeLigne{margin: 20px 0 0 0;}
	.demandeLigne a{display: block; float: left; overflow: hidden; width: 219px; height: 28px; margin: 0 24px 0 0; padding: 110px 0 0 0; color: #0d0d0d; font-size: 18px; text-align: center; font-weight: bold; text-decoration: none;} 
		.demandeLigne a:hover{background-position: 0 -138px !important;}
		.demandeLigne a.rendezVous{background: #fff url(gx/03/rendezVous.jpg) no-repeat 0 0;}
		.demandeLigne a.essaiRoutier{background: #fff url(gx/03/essaiRoutier.jpg) no-repeat 0 0;}
		.demandeLigne a.financement{background: #fff url(gx/03/financement.jpg) no-repeat 0 0;}
		.demandeLigne a.prix{background: #fff url(gx/03/prix.jpg) no-repeat 0 0; margin: 0;}


/* 03_100 : PAGE DEMANDE DE RENDEZ VOUS
--------------------------------------------------------------------------------------- */			
#formRdvService label {
    float: left;
    width: 140px;
}

#formRdvService .champTexte, #formRdvService .listeDeroulante  {
    width: 250px;
	padding: 2px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

#formRdvService .listeDeroulante{width: 258px;}

#formRdvService #labelInfolettre {
    width: auto;
}

#formRdvService #Infolettre {
    float: left;
    margin: 5px 5px 0 0;
}

#formRdvService .boiteTexte {
    height: 59px;
    width: 374px;
}

#formRdvService #labelDescription{width: 100%;}

.bouton {
    background-color: #363636;
    color: #FFFFFF;
    font-family: "Arial";
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 2px;
}

fieldset fieldset {
    border: 1px solid #DBDBDB;
    margin: 22px 0 6px;
    padding: 0 14px 14px 10px;
}


/* 03_200 : PAGE CAROSSERIE
--------------------------------------------------------------------------------------- */		
.carrosserie form legend, .carrosserie form fieldset{border: 0; padding: 0;}
.carrosserie form fieldset {
    background-color: #EDEDED;
    border: 1px solid #DBDBDB;
    display: block;
    margin: 0 0 6px;
    padding: 0 14px 14px 10px;
    position: relative;
}

.carrosserie fieldset legend {
    background-color: white;
    border: 1px solid #DBDBDB;
    font-size: 14px;
    font-weight: bold;
    left: -10px;
    margin: 0;
    padding: 2px 4px;
    position: relative;
    top: -10px;
}
.carrosserie fieldset label{
	float: left;
    width: 240px;
}

.carrosserie .champTexte{
	background: none repeat scroll 0 0 #FFFFFF;
    width: 250px;
	border: 1px solid #747F85;
    font-size: 11px;
    margin: 2px 0;
	padding: 2px;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
}

.carrosserie .boiteTexte {
    height: 78px;
    width: 254px;
	border: 1px solid #747F85;
	}

.carrosserie textarea{font-size: 12px; font-family: arial, verdana, sans-serif;}

.carrosserie .bouton {
    background-color: #363636;
    color: #FFFFFF;
    font-family: "Arial";
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 2px;
}



/* 03_600 : PAGE DEMANDE DE PRIX
--------------------------------------------------------------------------------------- */	
#formDemandePrix label {
    float: left;
    width: 140px;
}
#formDemandePrix .champTexte, #formDemandePrix .listeDeroulante{padding: 2px; font-size: 12px;font-family: arial,verdana,sans-serif}

#formDemandePrix #labelInfolettre{width: auto; float: left;}
#formDemandePrix #Infolettre{float: left; margin: 4px 5px 0 0;}


/* 04_000 : PAGE PIECE ET SERVICE
--------------------------------------------------------------------------------------- */	
.pieceService{margin: 20px 0 0 0;}
	.pieceService a{display: block; float: left; overflow: hidden; width: 218px; height: 26px; margin: 0 26px 0 0; padding: 110px 0 0 0; color: #0d0d0d; font-size: 18px; text-align: center; font-weight: bold; text-decoration: none;} 
		.pieceService a:hover{background-position: 0 -136px !important;}
		.pieceService a.pieceAccessoire{background: #fff url(gx/04/pieces-accessoires.jpg) no-repeat 0 0;}
		.pieceService a.esthetique{background: #fff url(gx/04/esthetique.jpg) no-repeat 0 0;}
		.pieceService a.carrosserie{background: #fff url(gx/04/carrosserie.jpg) no-repeat 0 0;}
		.pieceService a.entretien{background: #fff url(gx/04/entretien.jpg) no-repeat 0 0; margin: 0;}

		
/* 05_100 : PAGE PROMOTION
--------------------------------------------------------------------------------------- */			
.promotion{margin: 20px 0 0 0;}
	.promotion a{display: block; overflow: hidden; width: 458px; height: 40px; padding: 160px 0 0 0; text-align: center; font-size: 18px; font-weight: bold; color: #e51937; text-decoration: none;}
		.promotion a:hover{background-position: 0 -200px !important; color: #fff;}
		.promotion a.canada{float: left; background: #fff url(gx/05/honda-canada.jpg) no-repeat 0 0;}
		.promotion a.boucherville{float: right; background: #fff url(gx/05/honda-boucherville.jpg) no-repeat 0 0;}

.listePromotion{width: 940px; margin: 30px auto 0 auto;}
	.listePromotion .article{overflow: hidden; margin: 0 0 10px 0; padding: 10px; background-color: #f0f0f0; border: 1px solid #d6d6d6;}
		.listePromotion .article h2{font-size: 16px !important;}
		.listePromotion .article img{float: right; margin: 0 10px 10px 20px; border: 2px solid #fff; -moz-box-shadow: 0px 0px 10px #5b5b5b; -webkit-box-shadow: 0px 0px 10px #5b5b5b; box-shadow: 0px 0px 10px #5b5b5b;}


		
/* 07_000 : PAGE DISTINCTION
--------------------------------------------------------------------------------------- */	
.boiteDistinction{float: left; margin: 34px 20px 0 0;}
	.boiteDistinction ul li{margin: 0 !important; list-style: none !important;}
		.boiteDistinction ul li a{
		width: 324px;
		height: 37px;
		margin: 5px 0;
		text-indent: 24px; 
		display: block;
		background: #fff url(gx/07/bg_btn.gif) no-repeat 0 0;
		line-height: 37px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		}
			.boiteDistinction ul li a:hover{
			color: #000;
			}
	



/* 06_000 : PAGE CONTACT
--------------------------------------------------------------------------------------- */		
#colContact{float: left; width:400px;}
	#colContact a:hover{color: #000;}
#carte{float: right; width:500px;}
	#carte #map{width: 500px; height: 284px;}
	#carte #formDirection{margin: 10px 0 0 0;}
#formQuestion label{float: left; width: 100px;}
#formQuestion .champTexte{float: left; width: 266px; padding: 2px; font-family: arial,verdana, sans-serif; font-size: 12px;}
#formQuestion .boiteTexte{width: 370px; height: 78px;}
#formQuestion label#labelTexte{width: auto;}
#formDirections .champTexte{float: left; width: 140px; margin: 5px 5px 0 0; padding: 2px; font-family: arial,verdana, sans-serif; font-size: 12px;}


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}
#boiteFormContact{float:right;width:370px;}

#formContact{float:right;width:370px;}
#formContact label{float:left;width:90px;}
#formContact .champTexte{float:left;width:200px;}
#formContact .listeDeroulante{float:left;width:200px;}
#formContact .boiteTexte{float:left;height:70px;width:230px;}
#formContact .erreurTexte{margin-left:80px;}


fieldset {
    background-color: #EDEDED;
    border: 1px solid #DBDBDB;
    display: block;
    margin: 0 0 6px;
    padding: 0 14px 14px 10px;
    position: relative;
}

fieldset legend {
    background-color: white;
    border: 1px solid #DBDBDB;
    font-size: 14px;
    font-weight: bold;
    left: -10px;
    margin: 0;
    padding: 2px 4px;
    position: relative;
    top: -10px;
}

fieldset .boiteMoitie {
    width: 410px;
}

.boiteMoitie {
    width: 50%;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

	.floatRight textarea{font-family: arial, verdana, sans-serif; font-size: 12px;}
	
textarea.boiteTexte{font-family: arial, verdana, sans-serif; font-size: 12px;}


/* 00_888 : PAGE PLAN DU SITE
--------------------------------------------------------------------------------------- */
.planSite .boiteTiers{float: left; margin: 0 100px 0 0;}
.planSite ul li{list-style: square !important;}
	.planSite ul li a{font-size: 11px; text-decoration: none; color: #0D0D0D;}
		.planSite ul li ul li a{color: #666666;}
		.planSite ul li a:hover{color: #e51937;}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
margin:0 auto;	
width:982px;
padding: 0 0 20px 0;
overflow: hidden;
}
	#piedPage img.hautBas{display: block;}
		
	#piedPage .contenu{width:982px; background-color: #fff;}	
		
		#piedPage .contenu .marque{float: left; width: 526px; height: 59px; margin: 0 0 0 11px; padding: 18px 0 0 0; background: #fff url(gx/m/piedPage-separateur-fond.gif) no-repeat right center;}
			#piedPage .contenu .marque img{float: left; margin: 0 13px 0 0;}
			#piedPage .contenu .marque p{float: left; width: 426px; margin: 8px 0 0 0; line-height: 100%; font-size: 11px;}
				#piedPage .contenu .marque p a{color: #474747; font-size: 11px;}
		#piedPage .contenu p.carProof{float: left; width: 230px; height: 59px; background: #fff url(gx/m/piedPage-separateur-fond.gif) no-repeat right center;}
			#piedPage .contenu p.carProof img{margin: 16px 0 0 26px;}
		#piedPage .contenu p.coordonne{float: left; margin: 0 0 0 20px; font-size: 12px; line-height: 120%;}
			#piedPage .contenu p.coordonne strong{font-size: 11px;}
			#piedPage .contenu p.coordonne span{font-size: 14px;}
				#piedPage .contenu p.coordonne span.telephone{color: #d71321;}

#piedPage a{text-decoration:none;}
#piedPage a:hover{text-decoration:underline;}
#piedPage #copyrights{margin: 10px 0 0 0; font-size: 11px;}
	#piedPage #copyrights a{color: #2e2e2e;}
#piedPage p.referencement{margin: 10px 0 0 0; color: #c8c8c8; font-size: 11px; line-height: 110%; clear: both;}

/* Navigation en bas-de-page */
#menuBas{float:left; margin: 20px 0 10px 0;}
#menuBas li{display:inline;}
#menuBas li.dernier a {padding-right:0;}
#menuBas a, #menuBas a:link, #menuBas a:visited{padding: 0 11px; color: #000000; text-transform: uppercase; font-size: 10px;}
	#menuBas a:hover{text-decoration: none;}
/* Partager cette page (AddToAny) */
a#lienPartager{float:right; width:77px; height:19px; background:url(gx/btn_partager.png) no-repeat; font-size: 11px; margin: 16px 0 0 0; padding:4px 80px 0 0; color:#b2b2b2; text-align:right; text-decoration:none;}

/* 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:after, li a:after {content: " (" attr(href) ")";}
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;}





/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuSec, #menuBas, #socialBookmarker, #bookmarkHoverPopup, .champCache,
.banniereVehiculeNeufDetail .bouton,
#dhtmltooltip,
img#dhtmlpointer,
#menu,
p.reseauSociauTexte,
a.reseauSociau,
p.imprimerFermer


{
	position: absolute;
	visibility: hidden;
	display:none;
}