/* 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,/*em,strong,*/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%;/*font-weight:normal;*/}
q:before,q:after{content:'';}
a,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/bg.gif) repeat-x  scroll 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 */
}

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

h1, .h1{color:#0d2f76; font-size:22px; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{color:#0d2f76;}
h1 a:hover, h1 a:visited:hover{text-decoration:underline;}

h2, .h2{color:#0d2f76; font-size:16px; font-weight:bold;margin-bottom:2px;}
h2 a, h2 a:link, h2 a:visited{color:#0d2f76;}
h2 a:hover, h2 a:visited:hover{text-decoration:underline;}

h3{color:#242424; font-size:14px; font-weight:bold;margin-bottom:2px;}
h3 a, h3 a:link, h3 a:visited{color:#242424;}
h3 a:hover, h3 a:visited:hover{text-decoration:underline;}

h1 span, h2 span{color:#5278c8;}

p{font-size: 12px; line-height: 150%; color: #191919;}
.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:#191919; 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:#191919; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#191919; font-size:11px; line-height:150%; margin-left:16px;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.floatLeft{float:left;}
.floatRight{float:right;}
.mortaiseDroite{float:right;margin:0 0 10px 10px;}

.clearBoth{clear:both;}
.noWrap{white-space: nowrap;}

.boiteQuart{width:25%;}
.boiteTiers{width:33%;}
.boiteMoitie{width:50%;}
.boitePleineLargeur{width:900px;}

.boiteInfo{padding:10px; background:#f0f0f0; border:1px solid #d6d6d6;margin-bottom:10px;}

/* Icônes générales */
.lienRSS{background: url(Gx/icone_rss.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienVCF{background: url(Gx/icone_vcf.gif) no-repeat left;padding:5px 0 5px 18px;}


#ficheVehGalerieSwatches{margin-top:15px;}
#ficheVehGalerieSwatches li{display:inline; list-style:none; margin-left:8px; cursor:pointer;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{margin: 22px auto 0 auto; text-align:left; width:961px;}
#haut{background:url(gx/haut_bg.gif) no-repeat; text-align:right; float:left; width:961px; position:relative;z-index:99999;}
#logo{float:left; width:291px; height:105px;}

/* MENUS
--------------------------------------------------------------------------------------- */
/* Voir aussi stylesheet.CFM pour le menu principal dynamique */
#menu{position:relative; z-index:2;height:53px;float:right;}
#menu ul{display:block;padding:0;margin:0 6px 0 0;width:663px;position:relative;}
#menu ul li{list-style-type:none;margin:0;padding:0;position:relative;float:left;}
#menu ul li a{margin:0;padding:0;text-decoration:none;display:block; height:53px;position:relative;}
#menu ul li a span{visibility:hidden;}

/* Sous-menus déroulants*/
#menu ul li ul{position:absolute;z-index:1;background:#021d62;left:0;top:53px;display:none;width:164px;padding:6px 0 6px 0;}
#menu ul li ul li{clear:left;float:left;margin:0px 4px; border-bottom:1px solid #001342;}
#menu ul li ul li.dernier{border-bottom:none;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{background:#021d62 url(gx/01/fleche_droite.gif) no-repeat 0px 7px;color:#fff;text-decoration:none;font-size:11px;width:146px;padding:2px 2px 2px 8px;display:block;float:left;text-align:left;height:17px;}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{background:#1b3d93 url(gx/01/fleche_droite.gif) no-repeat 0px 7px;}

/* Navigation secondaire */
#menuSec{display:block; float:right; padding:0; margin:10px 0 4px 0; padding-right:8px; width:630px;}
#menuSec a, #menuSec a:link, #menuSec a:visited{margin-right:5px;color:#dadada;font-weight:bold; font-size:10px; font-family:Verdana; padding:3px 5px 4px 5px; height:22px; line-height:22px; text-decoration:none;}
#menuSec a:hover, #menuSec a:visited:hover{color:#4a70c1;}
#menuSec a.actif, #menuSec a.actif:visited{color:#5278c8;text-decoration:underline;}

#filDAriane{width:961px;clear:both; color:#242424; text-align:left; float:right; margin:0 0 4px 0; font-size:11px;}
#filDAriane a, #filDAriane a:link{color:#111;}
#filDAriane a:hover, #filDAriane a:visited:hover{color:#5278c8;}
#filDAriane span.sep{background:url(gx/01/fleche_droite.gif) no-repeat 0px 4px;margin-left:5px;width:4px;height:12px;}

#conteneurCentre{float:right; text-align:right; width:981px;}

/* boite avec grosse photo*/
#boiteHaut{height:336px;width:961px;float:right;margin-bottom:4px;position:relative;display:block;z-index:1;}
#boiteHaut.inactif{background-color:#333;filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;}

a#ajusteBoiteHaut, a#ajusteBoiteHaut:link{color:#dadada; font-size:10px; text-decoration:none; position:absolute; right:15px; top:91px;}

#listePhotoModeleNeuf{}
#boiteBannierePromotion{background:url(gx/00/banniere2010.jpg) no-repeat top left; height:336px; width:961px; display:block;}

/*#boiteBannierePromotion_fr{background:url(gx/00/banniere2011_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion_en{background:url(gx/00/banniere2011_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}

#boiteBannierePromotion4_fr{background:url(gx/00/tucson_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion4_en{background:url(gx/00/tucson_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}

#boiteBannierePromotion3_fr{background:url(gx/00/sonata_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion3_en{background:url(gx/00/sonata_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}

#boiteBannierePromotion2_fr{background:url(gx/00/Accent_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion2_en{background:url(gx/00/Accent_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}*/

#boiteBannierePromotion_fr{background:url(gx/00/promo1_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion_en{background:url(gx/00/promo1_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}

#boiteBannierePromotion2_fr{background:url(gx/00/promo2_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion2_en{background:url(gx/00/promo2_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}

#boiteBannierePromotion3_fr{background:url(gx/00/promo3_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion3_en{background:url(gx/00/promo3_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}

#boiteBannierePromotion4_fr{background:url(gx/00/promo4_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion4_en{background:url(gx/00/promo4_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}


.ModeleNeufPresente{background-color:#333;filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70;color:#FFF;font-size:10px;padding:5px;position:absolute;top:300px;right:10px;}
.ModeleNeufPresente a, .ModeleNeufPresente a:link{color:#FFF;}

/* sous-menu des modèles neufs dans la boite avec grosse photos */
#smBoiteHaut{background:#191f35; filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; padding:10px; margin:10px 0 10px 10px; float:left; text-align:left; width:920px;}
#smBoiteHaut a.lienModeleNeuf{background:url(gx/01/fleche_droite.gif) no-repeat 0px 6px;border-bottom:1px dotted #999; color:#FFF;text-decoration:none; float:left; font-size:11px; padding:2px 0 2px 8px; margin-right:10px; width:160px;}
#smBoiteHaut a.lienModeleNeuf:hover{background-color:#3d4c69;}
#smBoiteHaut a.premiers{border-top:1px dotted #999;}
#smBoiteHaut #boiteTn{float:right; width:200px; height:118px;}

#contenuHaut{background:url(gx/m/contenu_haut.gif) no-repeat;width:961px;float:left;height:8px;overflow:hidden;}
#contenu{background:#FFF url(gx/m/contenu_bg.gif) repeat-y; width:961px;float:left;text-align:center;min-height:400px;}
#contenuPage{margin: 10px auto 10px auto; text-align:left; width:918px;clear:both;}
#contenuBas{background:url(gx/m/contenu_bas.gif) no-repeat;width:961px;float:left;height:8px;margin-bottom:4px;}

/* PAGE ACCUEIL (00_100)
--------------------------------------------------------------------------------------- */
#boiteHyundai{width:961px; margin-bottom:4px; float:left; clear:both;}
#boiteHyundai a{cursor:hand;}
#boiteHyundai span{display:none;}

#conteneurAppelAction{width:918px;margin-bottom:10px;height:157px;}
#conteneurAppelAction .btn{background-color:#9d9d9d; width:217px; height:157px; margin-right:16px; float:left; text-align:center;}
#conteneurAppelAction .sansMarge{margin-right:0px;}
#conteneurAppelAction #btn1{background:url(gx/00/btn1_bg.jpg) no-repeat top left;}
#conteneurAppelAction #btn2{background:url(gx/00/btn2_bg.jpg) no-repeat top left;}
#conteneurAppelAction #btn3{background:url(gx/00/btn3_bg.jpg) no-repeat top left;}
#conteneurAppelAction #btn4{background:url(gx/00/btn4_bg.jpg) no-repeat top left;}
#conteneurAppelAction a, #conteneurAppelAction a:link, #conteneurAppelAction a:visited{display:block;font-family:Arial;color:#FFF;font-size:17px;font-weight:bold; text-transform:uppercase;text-decoration:none;float:left;display:block;padding-top:122px;width:217px;text-align:center;line-height:16px;}
#conteneurAppelAction a span{font-size:11px;color:#000;text-transform:none;line-height:20px;}
#conteneurAppelAction a:hover, #conteneurAppelAction a:visited:hover{color:#5278c8;}

#accueilColGauche{float:left;width:311px;margin-bottom:10px;}
#btTexteColGauche{float:left;width:311px;margin:10px 0;}

#videoVedette img{display:block;float:left;}

#accueilColDroite{float:right;width:590px;margin-bottom:10px;}
#accueilColDroite h1 a, #accueilColDroite h1 a:link, #accueilColDroite h2 a, #accueilColDroite h2 a:link{text-decoration:none;}
#accueilColDroite h1 a:hover, #accueilColDroite h2 a:hover{text-decoration:underline;}

/* GALERIE VIDÉO (00_300)
--------------------------------------------------------------------------------------- */
.boiteListeQuart{float:left;width:202px;margin:0 36px 20px 0;text-align:left;}
.boiteListeQuart.boutDeLigne{margin:0 0 20px 0;}
.boiteListeQuart .photo{border:1px solid #6e6e6e;}
.boiteListeQuart h3 a, .boiteListeQuart h3 a:link, .boiteListeQuart h3 a:visited{text-decoration:none;}

/* LISTE MODÈLE VEHICULE NEUFS (01_100)
--------------------------------------------------------------------------------------- */
.boiteUnModeleNeuf{float:left;height:165px;width:202px;margin:0 36px 20px 0;text-align:left;}
.boiteUnModeleNeuf.boutDeLigne{margin:0 0 20px 0;}
.boiteUnModeleNeuf .photo{border:1px solid #6e6e6e;}
.boiteUnModeleNeuf h3 a, .boiteUnModeleNeuf h3 a:link, .boiteUnModeleNeuf h3 a:visited{text-decoration:none;}

a.btnDetail{background:url(gx/01/btnDetail_bg.gif) no-repeat top left; color:#FFF;font-size:11px; text-align:center; width:72px;padding:3px 0 3px 0; text-decoration:none;}
a.btnDetail:hover{background:url(gx/01/btnDetail_bg.gif) no-repeat top right;}

a.btnLarge{background:url(gx/01/btnLarge_bg.gif) no-repeat top left; color:#FFF;font-size:11px; text-align:center; width:140px;padding:3px 0 3px 0; text-decoration:none;}
a.btnLarge:hover{background:url(gx/01/btnLarge_bg.gif) no-repeat top right;}

/* DÉTAIL D'UN MODÈLE VEHICULE NEUFS (01_110)
--------------------------------------------------------------------------------------- */
#boiteSousMenu{width:231px;}

#boiteSousMenu h2{background:url(gx/01/sousMenu_haut.gif) no-repeat top left; color:#FFF; font-size:13px; padding:7px 12px 6px 12px; margin:0;}
#boiteSousMenu ul{background:#000;margin:0px;padding:6px 0 6px 0;}
#boiteSousMenu ul li{color:#2f414c;list-style-type:none;position:relative; font-size:12px; margin-left:12px;}
#boiteSousMenu ul li a, #boiteSousMenu ul li a:link, #boiteSousMenu ul li a:visited{border-bottom: 1px solid #505050; color:#e4e4e4; display:block; padding:2px 0 2px 0; text-decoration:none; position:relative; width:207px;}
#boiteSousMenu ul li a:hover, #boiteSousMenu ul li a:visited:hover{color:#FFF;text-decoration:none; background:#252525;}
#boiteSousMenu #bas{background:url(gx/01/sousMenu_bas.gif) no-repeat top left; height:10px;}

#boiteBouton{ width:231px; float:left; display:block; margin:0 12px 0 0; padding:3px 0 0 0; }
#boiteBouton .promo{ background:url(Gx/01/promotion.jpg) no-repeat; width:231px; height:79px; margin:0 0 10px 0; display:block; } #boiteBouton .promo:hover{ background:url(Gx/01/promotion_ov.jpg) no-repeat; }
#boiteBouton .photo_int_fr{ background:url(Gx/01/photo_int_fr.jpg) no-repeat; width:231px; height:79px; margin:0 0 10px 0; display:block; } #boiteBouton .photo_int_fr:hover{ background:url(Gx/01/photo_int_fr_ov.jpg) no-repeat; }
#boiteBouton .photo_int_en{ background:url(Gx/01/photo_int_en.jpg) no-repeat; width:231px; height:79px; margin:0 0 10px 0; display:block; } #boiteBouton .photo_int_en:hover{ background:url(Gx/01/photo_int_en_ov.jpg) no-repeat; }
#boiteBouton .photo_ext_fr{ background:url(Gx/01/photo_ext_fr.jpg) no-repeat; width:231px; height:79px; margin:0 0 10px 0; display:block; } #boiteBouton .photo_ext_fr:hover{ background:url(Gx/01/photo_ext_fr_ov.jpg) no-repeat; }
#boiteBouton .photo_ext_en{ background:url(Gx/01/photo_ext_en.jpg) no-repeat; width:231px; height:79px; margin:0 0 10px 0; display:block; } #boiteBouton .photo_ext_en:hover{ background:url(Gx/01/photo_ext_en_ov.jpg) no-repeat; }

#boitePromotion{ width:231px; height:147px; margin:10px 0 0 0; float:left; display:block; }
#boitePromotion a{ background:url(Gx/01/promotion.jpg) no-repeat; width:231px; height:147px; display:block; }
#boitePromotion a:hover{ background:url(Gx/01/promotion_ov.jpg) no-repeat; width:231px; height:147px; display:block; }

#boiteDescription{ width:660px; margin:0 0 0 20px; float:left; display:block; }

#boitePhoto{ background:#f0f0f0; width:895px; padding:10px; }
#boitePhoto .photo{ width:640px; float:left; display:block; }

#boitePhoto .miniature{ width:221px; height:100px; margin-right:28px; float:left; display:block; }
#boitePhoto .miniature .onglet{ height:35px; }
#boitePhoto .miniature .onglet a, #boitePhoto .miniature .onglet a:link, #boitePhoto .miniature .onglet a:visited{ color:#666; font-size:11px; text-decoration:none; text-align:center; width:65px; padding: 7px 0 5px 0; border-bottom:#d6d6d6 1px solid; float:left; display: block; }
#boitePhoto .miniature .onglet a:hover{ color:#000; }
#boitePhoto .miniature .onglet a.actif, #boitePhoto .miniature .onglet a.actif:link, #boitePhoto .miniature .onglet a.actif:visited, #boitePhoto .miniature .onglet a.actif:hover{ color:#000; font-size:11px; font-weight:bold; width:89px; padding:6px 0 6px 0; border:#d6d6d6 1px solid; border-bottom:0px; }
#boitePhoto .miniature .onglet a.inactif, #boitePhoto .miniature .onglet a.inactif:link, #boitePhoto .miniature .onglet a.inactif:visited, #boitePhoto .miniature .onglet a.inactif:hover{ color:#ccc; }
#boitePhoto .miniature .item{ width:80px; margin:0 15px 10px 15px; float:left; display:block; }
#boitePhoto #ficheVehGalerieSwatches li{display:inline; list-style:none; margin-left:8px; margin-bottom:3px;}

#boiteListeCaract{ width:920px; }
#boiteListeCaract div.boiteInfo{ width:900px; }
#boiteListeCaract div.liste{ width:200px; margin:0 20px 0 0; float:left; display:block; }
#boiteListeCaract div.liste ul li{ list-style:none; width:200px; height:30px; margin:0 0 5px 0; padding:0 0 0 0; }
#boiteListeCaract div.liste a, #boiteListeCaract div.liste a:link, #boiteListeCaract div.liste a:visited{ color:#fff; font-size:12px; text-decoration:none; background:url(Gx/01/btnVersion_bg.gif) no-repeat; width:180px; padding:8px 10px 7px 10px; display:block; }
#boiteListeCaract div.liste a:hover{ background:url(Gx/01/btnVersion_bg_ov.gif) no-repeat; }
#boiteListeCaract div.liste a.actif, #boiteListeCaract div.liste a.actif:link, #boiteListeCaract div.liste a.actif:visited, #boiteListeCaract div.liste a.actif:hover{ font-weight:bold; background:url(Gx/01/btnVersion_bg_ov.gif) no-repeat; }
#boiteListeCaract div.detail{ width:460px; margin:0 20px 0 0; float:left; display:block; }
#boiteListeCaract div.photo{ width:200px; float:left; display:block; }

#boiteCherchePourVous{ width:232px; height:40px; margin:0 0 10px 15px; float:right; display:block; }
#boiteCherchePourVous .fr{ background:url(Gx/02/recherche_fr.jpg) no-repeat; width:232px; height:40px; display:block; } #boiteCherchePourVous .fr:hover{ background:url(Gx/02/recherche_fr_ov.jpg) no-repeat; }
#boiteCherchePourVous .en{ background:url(Gx/02/recherche_en.jpg) no-repeat; width:232px; height:40px; display:block; } #boiteCherchePourVous .en:hover{ background:url(Gx/02/recherche_en_ov.jpg) no-repeat; }


.tableau{margin-bottom:10px;width:100%;}
.tableau thead th{background-color:#021d62;color:#FFF; border:1px solid #021d62;font-size:13px; font-weight:bold; padding:4px;}
/*.tableau thead.ouvert th{background-color:#9f1515;}*/
.tableau tbody{width:100%;}
/*.tableau tr.ModeleNeufNom td{font-weight:bold;text-align:center;font-size:13px;}
.tableau tr td.ModeleNeufVersionNom{background-color:#dfdfdf;}
.tableau tfoot td{border:none;text-align:right; padding:4px;}
.tableau td.ModeleNeufCaractGroupeNoteBas{border:none;padding:10px 0 20px 0;}*/
.tableau td{border:1px solid #d8dcdf;padding:2px 4px 2px 4px;vertical-align:middle;}
.tableau td.centrer{text-align:center;}
.tableau a, .tableau a:link{color:#2f414d;}
.tableau a:hover, .tableau a:visited:hover{color:#000;}

/* Tableau pour les groupes de caractéristiques */
.tableauModeleNeufCaractGroupe{margin-bottom:4px;}
.tableauModeleNeufCaractGroupe a, .tableauModeleNeufCaractGroupe a:link{color:#2f414d;}
.tableauModeleNeufCaractGroupe a:hover, .tableauModeleNeufCaractGroupe a:visited:hover{color:#0076be;}
.tableauModeleNeufCaractGroupe thead th{background:#021d62 url(gx/v/icone_plus.gif) no-repeat 900px 6px; color:#FFF; border:1px solid #021d62;font-size:14px; font-weight:bold; padding:4px;cursor:pointer;}
.tableauModeleNeufCaractGroupe thead th.ouvert{background:#021d62 url(gx/v/icone_moins.gif) no-repeat 900px 6px;}
/*.tableauModeleNeufCaractGroupe tbody{display:block;}*/
.tableauModeleNeufCaractGroupe tbody tr.ModeleNeufNom td{font-weight:bold;text-align:center;font-size:13px;}
.tableauModeleNeufCaractGroupe tbody td.ModeleNeufVersionNom{background-color:#6F6F6F; color:#FFF;}
.tableauModeleNeufCaractGroupe tbody tr.impair{background-color:#EFEFEF;}
.tableauModeleNeufCaractGroupe tbody td{border:1px solid #d8dcdf;padding:2px 4px 2px 4px;vertical-align:middle;} 
.tableauModeleNeufCaractGroupe tbody td.noteBas{background-color:none;border:none;padding:5px 0 10px 0;font-size:11px;}
.tableauModeleNeufCaractGroupe tbody td.centrer{text-align:center;}

/* 03_000 : Demande en ligne
------------------------------------------------------------------------------------ */
#listeBtnDem{width:918px;margin-bottom:10px;height:157px;}
#listeBtnDem .btn{background-color:#9d9d9d; width:217px; height:157px; margin-right:16px; float:left; text-align:center;}
#listeBtnDem .sansMarge{margin-right:0px;}
#listeBtnDem #btn1{background:url(gx/03/btn1_bg.jpg) no-repeat top left;}
#listeBtnDem #btn1:hover{background:url(gx/03/btn1_bg.jpg) no-repeat top right;}
#listeBtnDem #btn2{background:url(gx/03/btn2_bg.jpg) no-repeat top left;}
#listeBtnDem #btn2:hover{background:url(gx/03/btn2_bg.jpg) no-repeat top right;}
#listeBtnDem #btn3{background:url(gx/03/btn3_bg.jpg) no-repeat top left;}
#listeBtnDem #btn3:hover{background:url(gx/03/btn3_bg.jpg) no-repeat top right;}
#listeBtnDem #btn4{background:url(gx/03/btn4_bg.jpg) no-repeat top left;}
#listeBtnDem #btn4:hover{background:url(gx/03/btn4_bg.jpg) no-repeat top right;}
#listeBtnDem #btn5{background:url(gx/03/btn5_bg.jpg) no-repeat top left;}
#listeBtnDem #btn5:hover{background:url(gx/03/btn5_bg.jpg) no-repeat top right;}
#listeBtnDem #btn6{background:url(gx/03/btn6_bg.jpg) no-repeat top left;}
#listeBtnDem #btn6:hover{background:url(gx/03/btn6_bg.jpg) no-repeat top right;}
#listeBtnDem a, #listeBtnDem a:link, #listeBtnDem a:visited{display:block;font-family:Arial;color:#FFF;font-size:13px;font-weight:bold; text-transform:uppercase;text-decoration:none;float:left;display:block;padding-top:115px;width:217px;text-align:center;line-height:18px;}
#listeBtnDem a span{font-size:11px;color:#000;text-transform:none;line-height:20px;}
#listeBtnDem a:hover, #listeBtnDem a:visited:hover{color:#000;}

/* 03_100 : Demande de rendez-vous au service
------------------------------------------------------------------------------------ */
#formRdvService label{width:120px;float:left;}
#formRdvService #labelDescription{width:auto;}
#formRdvService .champTexte{width:250px;}
#formRdvService .boiteTexte{width:350px;height:59px;}
#formRdvService #CP{width:60px;}
#formRdvService #labelInfolettre{width:auto;}
#formRdvService #Annee{width:60px;}
#formRdvService #Infolettre{float:left; margin-right:5px;}

/* 03_200 : Demande de rendez-vous au Service de la carrosserie
------------------------------------------------------------------------------------ */
#formRdvCarros label{width:240px;float:left;}
#formRdvCarros .champTexte{width:250px;}
#formRdvCarros .boiteTexte{width:250px;height:78px;}
#formRdvCarros #CP{width:60px;}
#formRdvCarros #labelInfolettre{width:auto;}
#formRdvCarros #Annee{width:60px;}
#formRdvCarros #Infolettre{float:left; margin-right:5px;}
#formRdvCarros .boiteBouton{width:400px; padding: 0 0 0 260px; float:left;}

/* 03_600 : Demande de prix
------------------------------------------------------------------------------------ */
#formDemandePrix label{width:140px;float:left;}
#formDemandePrix .boiteTexte{width:250px;height:60px;}
#formDemandePrix #labelInfolettre{width:auto;}
#formDemandePrix #Infolettre{float:left; margin-right:5px;}
#formDemandePrix #Courriel, #formDemandePrix #Courriel2{width:200px;}

/* 04_000 : Pièces et service
------------------------------------------------------------------------------------ */
#listeBtnPiece{margin-bottom:10px;height:197px;width:918px;}
#listeBtnPiece .btn{background-color:#9d9d9d; width:217px; height:197px; margin-right:16px; float:left; text-align:center;}
#listeBtnPiece .sansMarge{margin-right:0px;}
#listeBtnPiece #btn1{background:url(gx/04/btn1_bg.jpg) no-repeat top left;}
#listeBtnPiece #btn1:hover{background:url(gx/04/btn1_bg.jpg) no-repeat top right;}
#listeBtnPiece #btn2{background:url(gx/04/btn2_bg.jpg) no-repeat top left;}
#listeBtnPiece #btn2:hover{background:url(gx/04/btn2_bg.jpg) no-repeat top right;}
#listeBtnPiece #btn3{background:url(gx/04/btn3_bg.jpg) no-repeat top left;}
#listeBtnPiece #btn3:hover{background:url(gx/04/btn3_bg.jpg) no-repeat top right;}
#listeBtnPiece #btn4{background:url(gx/04/btn4_bg.jpg) no-repeat top left;}
#listeBtnPiece #btn4:hover{background:url(gx/04/btn4_bg.jpg) no-repeat top right;}
#listeBtnPiece a, #listeBtnPiece a:link, #listeBtnPiece a:visited{display:block;font-family:Arial;color:#FFF;font-size:14px;font-weight:bold; text-transform:uppercase;text-decoration:none;float:left;display:block;padding-top:155px;width:217px;text-align:center;line-height:18px;}
#listeBtnPiece a span{font-size:11px;color:#fd1414;text-transform:none;line-height:20px;}
#listeBtnPiece a:hover, #listeBtnPiece a:visited:hover{color:#000;}

/* 04_300 : Liste service esthétique
------------------------------------------------------------------------------------ */
/* Liste des forfaits */
#boiteListeForfait .btn{width:220px; height:182px; margin:0 12px 28px 0; float:left; text-align:left;}
#boiteListeForfait .sansMarge{margin-right:0px;}
#boiteListeForfait a, #boiteListeForfait a:link, #boiteListeForfait a:visited{display:block;font-family:Arial;color:#fff;font-size:18px;font-weight:bold; text-transform:uppercase;text-decoration:none;padding:width:220px;text-align:center; font-style:italic; line-height:17px; padding:10px 0 142px 0;}
#boiteListeForfait a:hover, #boiteListeForfait a:visited:hover{color:red;}
#boiteListeForfait #btn1{background:url(gx/04/btn_forfait_1_bg.jpg) no-repeat top left;}
#boiteListeForfait #btn2{background:url(gx/04/btn_forfait_2_bg.jpg) no-repeat top left;}
#boiteListeForfait #btn3{background:url(gx/04/btn_forfait_3_bg.jpg) no-repeat top left;}
#boiteListeForfait #btn4{background:url(gx/04/btn_forfait_4_bg.jpg) no-repeat top left;}
#boiteListeForfait #btn1 a, #boiteListeForfait #btn2 a{padding-top:20px;}

/* Liste des services à la carte */
#boiteListeService .btn{width:268px; height:211px; margin-right:50px; margin-bottom:24px; float:left; text-align:center;}
#boiteListeService .sansMarge{margin-right:0px;}
#boiteListeService .btn img{margin-bottom:10px;} 
#boiteListeService .boiteInfo{padding:0;text-align:center;}
#boiteListeService a, #boiteListeService a:link, #boiteListeService a:visited{display:block;font-family:Arial;color:#fff;font-size:16px;font-weight:bold; text-transform:uppercase;text-decoration:none;padding:width:248px;text-align:center;line-height:17px; padding:10px;height:191px;}
#boiteListeService a:hover, #boiteListeService a:visited:hover{background-color:#dadada;}

/* 05_000 : Promotions
------------------------------------------------------------------------------------ */
#listeBtnPromo{width:918px;margin-bottom:10px;height:157px;}
#listeBtnPromo .btn{background-color:#9d9d9d; width:425px; height:157px; margin-right:10px; text-align:center;}
#listeBtnPromo .sansMarge{margin:0;}
#listeBtnPromo #btn1{background:url(gx/05/btn1_bg.jpg) no-repeat 0px 0px;}
#listeBtnPromo #btn1:hover{background:url(gx/05/btn1_bg.jpg) no-repeat 0px -157px;}

#listeBtnPromo #btn2{background:url(gx/05/btn2_bg.jpg) no-repeat 0px 0px;}
#listeBtnPromo #btn2:hover{background:url(gx/05/btn2_bg.jpg) no-repeat 0px -157px;}

#listeBtnPromo a, #listeBtnPromo a:link, #listeBtnPromo a:visited{display:block;font-family:Arial;color:#FFF;font-size:12px;font-weight:bold; text-transform:uppercase;text-decoration:none;float:left;display:block;padding-top:115px;width:425px;text-align:center;line-height:18px;}
#listeBtnPromo a span{font-size:11px;color:#fd1414;text-transform:none;line-height:20px;}
#listeBtnPromo a:hover, #listeBtnPromo a:visited:hover{color:#000;}

/* 05_200 : Promotions Honda Casavant
------------------------------------------------------------------------------------ */
#boiteListePromo .btn{background-color:#9d9d9d; width:193px; height:129px; margin-right:30px; float:left; text-align:center;}
#boiteListePromo a, #boiteListePromo a:link, #boiteListePromo a:visited{display:block;font-family:Arial;color:#FFF;font-size:17px;font-weight:bold; text-transform:uppercase;text-decoration:none;float:left;display:block;padding:89px 0 26px 0;width:193px;text-align:center;line-height:18px;}
#boiteListePromo a:hover, #boiteListePromo a:visited:hover{color:#FFF;}

/* 06_000 : Nous rejoindre
------------------------------------------------------------------------------------ */
#colContact{width:400px;}
#tableauContact{width:400px;clear:left;}

#carte{width:500px; float:right;}
#carte div#map{border:1px solid #b7b7b7; width:500px; height:300px;}
#carte div#formDirection{margin:10px 0 0 0;}
#carte div#formDirection input#fromAddress{color:#000000; font-size:12px; border:#CCCCCC 1px solid; background:#FFFFFF; width:145px; margin:0 10px 0 0; }
#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; }
#carte div#formDirection a, div#carte div#formDirection a:visited{color:#000000; font-size:11px; } 
#carte div#directions{color:#000000; font-size:11px; min-height:0px; margin:10px 0 0 0; display:none;}
#carte div#directions a, #carte div#directions a:hover{ color: #000000; font-weight: bold; /*text-decoration: none;*/ }

#formQuestion{width:400px;}
#formQuestion label{width:120px;float:left;}
#formQuestion #labelTexte{float:left;width:300px;display:block;}
#formQuestion .champTexte{width:250px;}
#formQuestion .boiteTexte{width:370px;height:78px;}

/* 06_110 : Fiche offre d'emploi
------------------------------------------------------------------------------------ */
#formEmploi fieldset label{float:left;width:160px;}
#formEmploi .boiteCaseACocher label{width:auto;}
#formEmploi .champTexte{float:left;width:200px;}
#formEmploi .listeDeroulante{float:left;width:200px;}
#formEmploi .boiteTexte{float:left;width:430px;height:70px;}
#formEmploi .caseACocher{float:left;}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#conteneurPiedPage{background:url(gx/m/conteneurPiedPage_bg.gif) no-repeat; width:961px; height:136px; float:right; text-align:center; margin-bottom:10px;}
#piedPage{padding:0; margin: 10px auto 10px auto; width:918px; text-align:left;}
#piedPage p{color:#fff; font-size:11px;line-height:120%;}
#piedPage h2{color:#fff; text-transform:uppercase;font-weight:bold;}
#piedPage h2 a, #piedPage h2 a:link, #piedPage h2 a:visited{color:#fff;text-decoration:none;}
#piedPage h2 a:hover, #piedPage h2 a:visited:hover{color:#fff;text-decoration:underline;}
#piedPage h3{color:#fff; text-transform:uppercase;font-weight:bold;}
#piedPage h3 a, #piedPage h3 a:link, #piedPage h3 a:visited{color:#fff;text-decoration:none;}
#piedPage h3 a:hover, #piedPage h3 a:visited:hover{color:#fff;text-decoration:underline;}


#boiteNousJoindre{float:left;width:260px;}
#photoFacade{border:2px solid #065c86;margin:3px 0 3px 0;}
#boiteCoord{padding-top:10px;width:180px;float:left;}
#boiteCoord a, #boiteCoord a:link, #boiteCoord a:visited{color:#a6a6a6;}
#boiteCoord a:hover, #boiteCoord a:visited:hover{color:#5278c8;}

#boiteMotCle{width:460px;float:right;}
#boiteMotCle p{color:#d1d1d1; text-align:right;}
#boiteMotCle a, #boiteMotCle a:link, #boiteMotCle a:visited{color:#a6a6a6;text-decoration:none;}
#boiteMotCle a:hover, #boiteMotCle a:visited:hover{color:#4a70c1;text-decoration:underline;}
#boiteMotCle a.actif{color:#5278c8;}

#conteneurCopyright{width:961px; float:right; margin-bottom:10px; font-size:10px; font-family:Verdana;}
#conteneurCopyright a{color:#7d7b83; text-decoration:none;}
#copyrights{float:left; margin:0; text-align:left;}
#copyrights a{font-weight:bold;}
#copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#7d7b83;}
#copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #4a70c1;}

#piedTexte{float:left; color:#7d7b83; text-decoration:none; width:961px; font-size:11px ; text-align:justify;}
#piedTexte a, #piedTexte a:link, #piedTexte a:visited{color:#7d7b83; text-decoration:underline; font-size: 11px ;}
#piedTexte a:hover{color:#4a70c1;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;color:#7d7b83;}
#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;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #d7dceb;background-color:#eff1f7;margin: 0px 0px 6px 0px;position:relative;display:block;padding: 0px 14px 14px 10px;}
fieldset fieldset{border:1px solid #d7dceb;margin: 22px 0px 6px 0px;padding: 0px 14px 14px 10px;}
fieldset legend{background-color:#FFF;border:1px solid #d7dceb;color:#242424;font-weight:bold;font-size:14px;padding:2px 4px;margin:0px 0px 0px 0px; position:relative;top: -10px;left:-10px;}
fieldset fieldset legend{background-color:#FFF;font-size:12px;border:1px solid #d7dceb;font-size:12px;}
fieldset label{font-size:12px; color:#010101; margin:2px 0 2px 0; float:left; display:block;}
fieldset label a, fieldset label a:link{font-size:10px; color:#2f414d;} 
fieldset .boiteMoitie{width:410px;}

.champTexte{background:#FFF;border:1px solid #747f85;font-size:11px;margin:2px 0 2px 0;}
.listeDeroulante{background:#FFF;border:1px solid #747f85;font-size:11px;margin:2px 0 2px 0;}
.boiteTexte{background:#FFF;border:1px solid #747f85;font-family:"Arial";font-size:11px;margin:2px 0 2px 0;}
.bouton{background-color:#242424;color:#FFF;font-family:"Arial";font-weight:bold;font-size:13px;margin-top:3px;padding:2px;}
.bouton:hover{background-color:#4a70c1;}
.boiteCaseACocher{float:left;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color:#FF0000;}