/* Réinitialisation des éléments (YUI) */
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{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:'';}
abbr,acronym{border:0;}
a,a:link,a:visited,a:hover,object,embed{outline:none;}

/* body et html */
body#main{
 background: url(gx/body_bg.png) no-repeat center top;
 _background: url(gx/body_bg.gif) no-repeat center top; /* Passe-passe pour IE6 */
 margin: 0;
 padding: 0;
 text-align:center;
}
html{
 background: #0c0c0d url(gx/bg.jpg) repeat-x center top;
 color: #191919;
 font-size: 12px;
 font-family: Arial,Verdana,Tahoma;
}

/* Fix pour PNG */
#imgBtnBoiteHaut, #btnVehNeuf, #btnEssai{_behavior: url(inc/iepngfix.htc)}

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

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

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

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

h1 span, h2 span{color:#6e6e6e;}

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


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{margin: 0 auto 0 auto; text-align:left; width:981px;}
#haut{text-align:right; float:right; width:981px; position:relative;z-index:999;}
#logo{float:left; width:300px; height:105px;}

/* MENUS
--------------------------------------------------------------------------------------- */
/* Voir aussi stylesheet.CFM pour le menu principal dynamique */
#menu{z-index:1;position:relative;}
#menu ul{display:block;float:right;padding:0;margin-top:3px;width:672px;position:relative;}
#menu ul li{list-style-type:none;display:inline;margin:0;padding:0;position:relative;float:left;}
#menu ul li a{float:left; display:inline;margin:0;padding:0;text-decoration:none;}
#menu ul li a span{visibility:hidden;}
/* Sous-menus déroulants*/
#menu ul li ul{position:absolute;z-index:1;background:#666;left:0;top:50px;display:none;width:164px;padding:4px 0 6px 0;}
#menu ul li ul li{clear:left;float:left;margin:0px 4px; border-bottom:1px solid #444;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{background:#666 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;}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{background:#333 url(gx/01/fleche_droite.gif) no-repeat 0px 7px;}

/* Navigation secondaire */
#menuSec{display:block;float:right;padding:0;margin:2px 0 2px 0;padding-right:8px;width:672px;}
#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{background:#333;filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70;color:#fff;}
#menuSec a.actif, #menuSec a.actif:visited{background:#ca1a1a;color:#fff;text-decoration:underline;}

#filDAriane{width:961px;clear:both;color:#fff; text-align:left; float:right; margin:0 0 4px 0; font-size:11px;}
#filDAriane a, #filDAriane a:link{color:#fff;}
#filDAriane a:hover, #filDAriane a:visited:hover{color:#fd1414;}
#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;}
#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:5px; bottom:0px;}

#listePhotoModeleNeuf{}

#boiteBannierePromotion{height:336px; width:961px; display:block;}

/*#boiteBannierePromotion1_fr{background:url(gx/00/banniere1_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion1_en{background:url(gx/00/banniere1_en.jpg) no-repeat top left; height:336px; width:961px; display:block;}

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

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

#boiteBannierePromotion4_fr{background:url(gx/00/banniere4_fr.jpg) no-repeat top left; height:336px; width:961px; display:block;}
#boiteBannierePromotion4_en{background:url(gx/00/banniere4_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;}

.listeEntete { line-height:22px; padding:5px 10px; color:#cdcdcd; background:url(Gx/triage-liste-bgl.gif) #242424 top repeat-x; zoom:1; display:block;height:22px; }

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

/* PAGE ACCUEIL (00_100)
--------------------------------------------------------------------------------------- */
#boiteHonda{float:right; text-align:right; width:961px;margin-bottom:4px;}
#boiteHonda a{cursor:hand;}
#boiteHonda span{display:none;}
#boiteHonda #logoHonda{float:left;}

#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 #btn1:hover{background:url(gx/00/btn1_bg.jpg) no-repeat top right;}
#conteneurAppelAction #btn2{background:url(gx/00/btn2_bg.jpg) no-repeat top left;}
#conteneurAppelAction #btn2:hover{background:url(gx/00/btn2_bg.jpg) no-repeat top right;}
#conteneurAppelAction #btn3{background:url(gx/00/btn3_bg.jpg) no-repeat top left;}
#conteneurAppelAction #btn3:hover{background:url(gx/00/btn3_bg.jpg) no-repeat top right;}
#conteneurAppelAction #btn4{background:url(gx/00/btn4_bg.jpg) no-repeat top left;}
#conteneurAppelAction #btn4:hover{background:url(gx/00/btn4_bg.jpg) no-repeat top right;}
#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:115px;width:217px;text-align:center;line-height:18px;}
#conteneurAppelAction a span{font-size:11px;color:#fd1414;text-transform:none;line-height:20px;}
#conteneurAppelAction a:hover, #conteneurAppelAction a:visited:hover{color:#000;}

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

#videoVedette img{display:block;float:left;}
/*
#btnDemandeFinancement{margin-bottom:8px;}
#btnDemandeFinancement a, #btnDemandeFinancement a:link{color:#FFF;text-decoration:none;font-size:16px;font-weight:bold;background:url(gx/00/btn_demandeFinancement_bg.gif) no-repeat top left; width:311px; height:40px; text-align:center;padding-top:10px;float:left;}
#btnDemandeFinancement a:hover{background:url(gx/00/btn_demandeFinancement_bg.gif) no-repeat top right;color:#FFF;}
*/
#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;}

#boiteListeCaract{float:left;margin-left:16px;width:468px;}
#boiteListeCaract div{min-height:122px;width:431px;}
#boiteListeCaract ul{float:left; width:48%;}

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

#boitePhoto{ background:#f0f0f0; width:895px; height: 400px; padding:10px; }
#boitePhoto #ficheVehBanniere{ width:640px; height:400px; float:left; display:block; }
#boitePhoto #ficheVehBanniere #ficheVehVideo{ width:480px; height: 270px; margin: 0 0 0 80px; }
#boitePhoto #ficheVehBanniere #ficheVehYouTube{ width:560px; height: 315px; margin: 0 0 0 40px; }

#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; cursor:pointer; }
#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:100px; margin:0 5px 10px 5px; 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:#9f1515;color:#FFF; border:1px solid #9f1515;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{border:1px solid #d8dcdf;padding:2px 4px 2px 4px;vertical-align:middle;} 
.tableau td.ModeleNeufCaractGroupeNoteBas{border:none;padding:10px 0 20px 0;}
.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:#9f1515 url(gx/v/icone_plus.gif) no-repeat 900px 6px; color:#FFF; border:1px solid #9f1515;font-size:14px; font-weight:bold; padding:4px;cursor:pointer;}
.tableauModeleNeufCaractGroupe thead th.ouvert{background:#9f1515 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:#fd1414;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;}
#formRdvCarros .boiteTexte{width:250px;height:78px;}

/* 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_100 : Menu d'entretien
------------------------------------------------------------------------------------ */
#formMenuEntretien label{width:150px;}
#formMenuEntretien fieldset fieldset{float:left; display:inline; margin-right:10px;}


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

#formPopup fieldset{border:0px; background:#fff url(gx/02/bg_popup.jpg) no-repeat bottom right; height:450px;}
#formPopup{width:740px;}
#formPopup label{width:130px;float:left;font-size:22px;text-transform:uppercase;text-align:right;}
#formPopup #labelTexte{float:left;width:300px;display:block;}
#formPopup .champTexte{width:412px;height:42px;border-color:#ccc;font-size:18px;}
#formPopup .boiteTexte{width:370px;height:78px;}
#formPopup .bouton{background:url(gx/02/btn_soumettre.jpg); border:0px; width:313px;height:51px; cursor:pointer; margin-top:210px;}


/* 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:1px solid #fd1414;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:#fff;}

#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{text-decoration:underline;}
#boiteMotCle a.actif{color:#fd1414;}

#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: #fff;}

#piedtexte{float:left; color:#7d7b83; text-decoration:none; width:960px; font-size:11px ; text-align:justify; padding: 0 0 0 20px;}
#piedtexte a{color:#7d7b83; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#7d7b83;}

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

/* Éléments de formulaires
------------------------------------------------------------------------------------ */
fieldset{border:1px solid #dbdbdb;background-color:#ededed;margin: 0px 0px 6px 0px;position:relative;display:block;padding: 0px 14px 14px 10px;}
fieldset fieldset{border:1px solid #dbdbdb;margin: 22px 0px 6px 0px;padding: 0px 14px 14px 10px;}
fieldset legend{border:1px solid #dbdbdb;background-color:white;font-weight:bold;font-size:14px;padding:2px 4px;margin:0px 0px 0px 0px; position:relative;top: -10px;left:-10px;}
fieldset fieldset legend{font-size:12px;background-color:#f7f7f7;}
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:#363636;color:#FFF;font-family:"Arial";font-weight:bold;font-size:13px;margin-top:3px;padding:2px;}
.bouton:hover{background-color:#000;}
.boiteCaseACocher{float:left;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color:#FF0000;}

/* Module de photo
------------------------------------------------------------------------------------ */
#photoModele{ background: #fff; width:100%; padding: 0 0 5px 0; border: 0px; }
#photoModele .fleche_g{ background: url(Gx/01/fleche_img_g.gif) no-repeat; width: 17px; height: 34px; margin: 130px 10px 0 23px; float: left; display: block; visibility: hidden; }
#photoModele .fleche_g:hover{ background: url(Gx/01/fleche_img_g_ov.gif) no-repeat; }
#photoModele .fleche_d{ background: url(Gx/01/fleche_img_d.gif) no-repeat; width: 17px; height: 34px; margin: 130px 0 0 10px; float: left; display: block; visibility: hidden; }
#photoModele .fleche_d:hover{ background: url(Gx/01/fleche_img_d_ov.gif) no-repeat; }
#photoModele .image{ width: 400px;  float: left; display: block; } #photoModele .image img{ border: #ccc 1px solid; }