html, body { margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; background: url(../img/body-bg.jpg) repeat-x #a7bbbc; }

a img { border: none; }
h1,h2,h3 { margin: 0; padding: 0; }

.clear { clear: both; }
a {   outline: none; color: #fff; }
.orange { color: #f8711f; }
.grey { color: #4b5762; }
.olive { color: #909815; }
.bleu { color: #1ca6d9; }
.strong { font-weight: bold; }
div { margin: 0; padding: 0; }
.white-bg { background: #fff; }

#google_maps { height: 300px; width: 300px; border: 1px solid #000; }
#maps { float: left; width: 302px; }

#c2content .droite a { color: #4b5762; text-decoration: none; }

/* Accueil layout */
/* HEADER */
#topStrip { height: 4px; background: #f8721d; }
#menu { margin: 0; padding: 0; }
#menu .sep { background: url(../img/menu-sep.jpg); width: 9px; height: 72px; }
#menu .selected { background-position: 0 -72px; }
#menu li { float: left; margin: 0; list-style: none; }
#menu li a { display: block; padding-top: 72px; overflow: hidden; height: 0; }
#menu-accueil { background: url(../img/menu-accueil.jpg) 0 0; width: 129px; }
#menu-centre { background: url(../img/menu-centres.jpg) 0 0; width: 129px; }
#menu-vh-neuf { background: url(../img/menu-vh-neuf.jpg); width: 127px; }
#menu-vh-occas { background: url(../img/menu-vh-occas.jpg); width: 113px; }
#menu-promo { background: url(../img/menu-promo.jpg); width: 106px; }
#menu-societe { background: url(../img/menu-societe.jpg); width: 119px; }
#menu-contact { background: url(../img/menu-contact.jpg); width: 128px; }
#menu-actualite { background: url(../img/menu-actualite.jpg); width: 108px; }
#menu-service { background: url(../img/menu-service.jpg); width: 110px; }
#menu-pro { background: url(../img/menu-pro.jpg); width: 145px; }
#menu .submenu { display: none; position: absolute; z-index: 100; border-left: 1px solid #c9d6dc; border-right: 1px solid #c9d6dc; margin: 0; padding: 0; text-align: left; width: 200px; margin-left: -35px; }
#menu .submenu a { display: block; height: 21px; line-height: 21px; padding-top: 0; color: #4c5154; text-decoration: none; font-size: 13px; font-weight: bold; overflow: auto; }
#menu .submenu li { height: 21px; border-bottom: 1px solid #c9d6dc; background: #fff; padding-left: 10px; width: 190px; }
#slogan { text-align: right; background: url(../img/slogan-bg.jpg); margin-top: 5px; font-size: 10px; font-weight: bold; height: 41px; }
#slogan .orange { float: left; margin: 3px 0 0 5px; width: 751px;}
#slogan a { color: #f8711f; }
#slogan p { margin: 0; margin-top: 5px; line-height: 9px; }

/* FOOTER */
#footer { background: url(../img/footer-bg.jpg) repeat-x bottom #fff; height: 191px; width: 1004px; padding: 20px 0 0; font-size: 12px; color: #fff; }
#footer a { color: #fff; text-decoration: none; }
#fLeft { float: left; width: 385px; }
#fFicheList { list-style: square url(../img/f-picto-fiche.png); float: left; }
.fDossierList { list-style: square url(../img/f-picto-dossier.png); float: left; margin-left: 30px; }
#fLeft li { padding: 0; height: 14px; }
#fLeft .sep { height: 2px; width: 135px; border-bottom: 2px #fff dotted; list-style: none; }
#fRight { float: right; width: 248px; padding-top: 8px; padding-right: 13px; }
#botStrip { height: 34px; background: #f6801a; }
#botStrip div { width: 1004px; margin: 0 auto; text-align: right; background: url(../img/footer-bg.png) repeat-x top; font-size: 11px; color: #fff; padding-top: 10px; }


#bg1 { background: url(../img/body-bg1.jpg) repeat-x; height: 271px; }
#bg2 { background: url(../img/body-bg2.jpg) repeat-x #a7bbbc; }
#container1 { width: 1004px; margin: 0 auto; }
#container2 { width: 1014px; margin: 0 auto; background: url(../img/container2-bg.png); }
#c2content { width: 1004px; margin: 0 auto; background: #fff; }
.gauche { float: left; width: 309px; background: #fff; }
.center { float: left; width: 476px; background: #fff; }
.droite { float: left; width: 219px; background: #fff; }
#banner { background: url(../img/banner.jpg); height: 153px; }
#vente-flash-top { background: url(../img/vente-flash-top-bg2.jpg); width: 219px; height: 153px; }

/* pages/index.ctp */
#bas-voiture { background: url(../img/bas-voiture.jpg); width: 309px; height: 75px; }
.content-bg { background: url(../img/content-bg.jpg) no-repeat top center #fff; }
#vente-flash-bot { background: url(../img/vente-flash-bot-bg2.jpg) no-repeat; height: 53px; text-align: right; padding: 0 5px 0 0; color: #fff; }
/*#vente-flash-bot a { background: url(../img/vente-flash-puce.png) no-repeat left center; padding-left: 15px; color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; }*/
#vente-flash-bot hr { border: none; border-bottom: dotted #fff 1px; margin: 3px 0; width: 175px; float: right; }
.content { margin: 28px 23px 0 23px; }
.neuf { font-size: 15px; display: block;}
.dernier { font-size: 15px; }
.bloc-vh { width: 205px; float: left; }
.bloc-vh hr { height: 1px; border: none; background: url(../img/bloc-vh-sep.jpg); }
.bloc-vh .image { float: left; border-width: 1px; border-color: #dae3e1; border-top-style: solid; border-left-style: solid; border-right-style: solid; width: 80px; height: 64px; }
.bloc-vh .image img { width: 80px; height: 64px; }
.bloc-vh .details { float: left; margin-left: 6px; width: 117px; height: 65px; }
.bloc-vh .marque { font-size: 12px; }
.bloc-vh .modele { font-size: 10px; }
.bloc-vh .version { margin-top: 0px; }
.bloc-vh .prix { width: 200px; height: 18px; color: #fff; padding: 2px 0 0 5px; }
.bloc-vh .prix-neuf { background: url(../img/bloc-vh-neuf-prix-bg.png); }
.bloc-vh .prix-occas { background: url(../img/bloc-vh-occas-prix-bg.png); }
.bloc-vh .prix-txt { font-size: 12px; letter-spacing: 2px; }
#index-gauche-titre { font-size: 16px; background: url(../img/index-gauche-titre.jpg); width: 295px; height: 26px; margin: 0 0 1px; padding: 8px 0 0 13px; color: #fff; }
#intro { text-align: justify; background: url(../img/index-intro-bg.jpg) repeat-x; height: 121px; width: 278px; padding: 7px 15px; color: #365659; font-size: 11px; }
#video { width: 308px; height: 250px; }
#pubGauche { background: none repeat scroll 0 0 #DFE4E5; height: 117px; padding: 10px; width: 308px; }
#pubGauche div { width: 301px; margin: 0 auto; }
#services { background: url(../img/droite-service.jpg); width: 219px; height: 111px; }
#services ul { list-style: url(../img/droite-picto-fiche.png) square; color: #6a8a8d; font-size: 10px; font-weight: bold; padding-top: 35px; margin: 0; }
.droite .hr { background: url(../img/droite-hr.jpg); height: 1px; margin: 0; }
#contact { background: url(../img/droite-contact.jpg); width: 204px; height: 75px; padding: 35px 0 0 15px; }
#contact #tel { font-size: 20px; font-weight: bold; color: #f8711f; }
#contact label { color: #6a8a8d; font-size: 11px; font-weight: bold; }
#contact input, #agence select { border: none; color: #6a8a8d; text-align: right; }
#newsletter { background: url(../img/droite-newsletter.jpg); width: 204px; height: 35px; padding: 75px 0 0 15px; }
#newsletter label { color: #6a8a8d; font-size: 11px; font-weight: bold; }
#newsletter input { border: none; color: #6a8a8d; text-align: right; }
#credit { background: url(../img/droite-credit.jpg); width: 219px; height: 111px; }
#credit ul { list-style: url(../img/droite-picto-fiche.png) square; color: #6a8a8d; font-size: 10px; font-weight: bold; padding-top: 65px; margin: 0; }
#nos-marques { background: url(../img/accueil-nos-marques-bg.jpg); width: 406px; height: 189px; padding: 16px 16px; }
#nos-marques h3 { margin: 0; font-size: 17px; }
.liste-marque { width: 100px; margin-top: 16px; float: left; }
.liste-marque ul { list-style: none; color: #4b4c52; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
.liste-marque a { color: #4b4c52; font-size: 11px; font-weight: bold; text-decoration: none; }
.liste-marque li { margin: 0; padding: 0; height: 15px; }
.liste-marque li.sep { height: 1px; background: url(../img/accueil-nos-marques-sep.jpg); }
#promo { width: 308px; height: 173px; }
#promo-next { float: right; cursor: pointer; position: relative; z-index: 3; height: 173px; }
#promo-prev { float: left; cursor: pointer; position: relative; z-index: 3; height: 173px; }
#promo-next img, #promo-prev img { height: 173px; }
#promo-carousel { height: 173px; overflow: hidden; }
.remise { margin-left: 128px; height: 55px; font-size: 19px; font-weight: bold; color: #f7701f; }
.promo-bg { width: 254px; height: 173px; background: url(../img/promo-bg.jpg) no-repeat; }
.promo-photo { width: 94px; height: 71px; margin-left: 8px; float: left; }
.promo-photo img { width: 92px; height: 69px; border: 1px solid #f8b37c;  }
.promo-details { width: 145px; height: 70px; margin-left: 6px; float: left; }
.promo-details .hr { background: url(../img/promo-sep.png); height: 1px; width: 107px; margin: 3px 0; border: none; }
.promo-marque a { color: #353e47; font-weight: bold; font-size: 13px; text-decoration: none; }
.promo-version { color: #4f5455; font-size: 12px; font-weight: bold; }
.promo-prix { color: #fff; font-size: 12px; font-weight: bold; }
#bottom-pub { width: 678px; height: 125px; margin: 5px auto 0; }
.element-droite { background: url(../img/bg-element-droite.jpg) repeat-x center center #D2DADD; width: 209px; padding: 5px; overflow: visible; font-size: 12px; text-align: justify; }
.element-droite p { margin: 0; }

/* Moteur de recherche */
#moteur { background: url(../img/moteur-bg.jpg) no-repeat; width: 438px; height: 235px; padding-top: 10px; margin: 2px 0 0;}
#moteur fieldset { border:#909e9b 1px solid; width: 405px; margin: 0 auto; height: 195px; }
#moteur .select { width: 175px; height: 20px; margin-left: 15px; }
#moteur label, #moteur-adv label { color: #4b5762; font-weight: bold; font-size: 11px; }
#moteur div.esp, #moteur-adv div.esp { margin: 6px 0; }
.moteur-prix-slider { background: url(../img/slider-prix.png) no-repeat; width: 407px; height: 37px; }
#moteur-adv { background: url(../img/moteur-adv-bg.jpg) no-repeat; width: 749px; height: 143px; padding-top: 7px; }
#moteur-adv fieldset { border: none; width: 710px; margin: 0 auto; }
#moteur-adv .select { width: 175px; height: 20px; margin-left: 43px; }
#moteur-adv-prix-slider { background: url(../img/slider-adv-bg.png) no-repeat; width: 686px; height: 37px; }
.simple-grid { width: 407px; }
.simple-grid div { float: left; font-size: 9px; color: #4B5762; }
#moteur .inputPrixMin { width: 134px; }
#moteur .inputPrixMax { width: 165px; }
#moteur-adv .inputPrixMin { width: 134px; }
#moteur-adv .inputPrixMax { width: 165px; }
.selectNeuf {background:#4B5762;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;padding:4px 10px;width:41%;float:left; }
.selectNeuf.simple { margin: 19px 0 0 2px;}
#moteur-adv .selectNeuf{width:87%;margin-left:5px;}
#moteur .selectNeuf label, #moteur-adv .selectNeuf label{color:#fff;text-transform:uppercase;}

/* annonces/liste.ctp */
#ariane { margin: 0; padding: 0; list-style: none; font-size: 11px; background: url(../img/ariane-bg.jpg) no-repeat; width: 412px; height: 27px; color: #fff; }
#ariane li { display: block; float: left; padding: 7px 7px 0; }
#ariane li.sep { width: 7px; height: 27px; background: url(../img/ariane-sep.jpg) no-repeat; padding: 0; }
#vh-title { border: 1px solid #e5e9e8; border-left: none; width: 340px; height: 60px; font-size: 11px; }
.liste-annonce th { color: #1b6973; }
.liste-annonce td { height: 76px; }
.liste-annonce th a, .liste-annonce td a { color: #1b6973; text-decoration: none; }
#prix-title { width: 86px; height: 60px; border: 1px solid #e5e9e8; border-left: none; font-size: 11px; }
#km-title { width: 100px; height: 60px; border: 1px solid #e5e9e8; border-left: none; font-size: 11px; }
#annee-title { width: 55px; height: 60px; border: 1px solid #e5e9e8; border-left: none; font-size: 11px; }
#co2-title { width: 81px; height: 60px; border: 1px solid #e5e9e8; border-left: none; font-size: 11px; }
#motorisation-title { width: 81px; height: 60px; border: 1px solid #e5e9e8; border-left: none; font-size: 11px; border-right: none; }
.vh-td { width: 340px; }
.prix-td { width: 86px; background: url(../img/liste-prix-bg.jpg) no-repeat center center #f1f4f4; vertical-align: middle; text-align: center; color: #fff; font-size: 14px; font-weight: bold; }
.km-td { width: 100px; vertical-align: middle; text-align: center; color: #878c8c; font-size: 13px; }
.annee-td { width: 55px; background: #f1f4f4; vertical-align: middle; text-align: center; color: #878c8c; font-size: 13px; }
.co2-td { width: 81px; vertical-align: middle; text-align: center; color: #878c8c; font-size: 13px; }
.motorisation-td { width: 81px; vertical-align: middle; text-align: center; color: #878c8c; font-size: 13px; background: #f1f4f4; }
.even { background: #fff; }
.even .prix-td { border-top: 1px solid #fff; }
.even .annee-td { border-top: 1px solid #fff; }
.odd { background: #fafafa; }
.odd .prix-td { border-top: 1px solid #fafafa; }
.odd .annee-td { border-top: 1px solid #fafafa; }
.motorisation-td table td.txt { vertical-align: bottom; width: 81px; }
.motorisation-td table td.link { vertical-align: bottom; width: 81px; }
.liste-vh-photo { width: 90px; height: 67px; float: left; position: relative; }
.liste-vh-photo .listan-promo{position:absolute;top:0;right:0;}
.liste-vh-photo a img { width: 90px; height: 67px; }
.liste-detail { float: left; width: 235px; margin-left: 7px; height: 67px; }
.list-marque { color: #21717b; font-weight: bold; font-size: 15px; }
.liste-modele { color: #4d4b4b; font-weight: bold; font-size: 12px; margin-left: 10px; }
.liste-version { color: #4d4b4b; font-size: 11px; }
.liste-detail .hr { height: 1px; border: none; background: url(../img/liste-vh-sep.png) no-repeat; width: 208px; margin: 7px 0; }
.liste-agence { color: #f8711f; font-weight: bold; font-size: 12px; }
.liste-tel { background: url(../img/liste-picto-tel.png) no-repeat left top; padding-left: 8px; color: #4d4b4b; font-size: 10px; }
#pagination { width: 345px; margin: 0 auto; text-align: center; font-size: 11px; }
#pagination-prev { float: left; width: 40px; }
#pagination-numbers { float: left; width: 210px; margin-left: 26px; }
#pagination-next { float: left; width: 40px; margin-left: 27px; }
.pagi-first-next { width: 19px; float: left; background: #384545; height: 19px; text-align: center; }
.pagi-first-next a { color: #fff; text-decoration: none; }
.pagi-prev-last { width: 19px; float: left; background: #384545; height: 19px; margin-left: 2px; text-align: center; }
.pagi-prev-last a { color: #fff; text-decoration: none; }
#pagination-numbers div { float: left; margin-left: 2px; background: #6a7878; text-align: center; height: 17px; width: 19px; padding-top: 2px; }
#pagination-numbers div.current { background: #e15702; color: #fff; font-size: 11px; }
#pagination-numbers div a { color: #fff; text-decoration: none; font-size: 11px; }
#pagi-td { border-top: 1px solid #e5e9e8; border-bottom: 1px solid #e5e9e8; }
.liste_bandeau { background: url(../img/liste_bandeau.jpg) no-repeat #F8711F; padding: 5px 37px; width: 673px; text-align:justify;font-size: 13px; font-weight: bold; color: #fff; margin: 10px 0;  }
.liste_no_result { background: url(../img/liste_no_result.jpg) no-repeat; width: 728px; height: 56px; padding: 10px; font-size: 13px; color: #fff; margin-top: 10px; }

/* annonces/detail.ctp */
#detail-gauche { float: left; width: 405px; }
#detail-droite { float: left; margin-left: 30px; width: 309px; }
#detail-remise { background: url(../img/detail-remise-bg.jpg) no-repeat;height: 49px; padding: 0 0 0 54px; width: 349px;}
#detail-remise p { color: white;}
#detail-tabs { 
    margin: 7px 0 0 0; 
    padding: 3px; 
    width: 397px; 
    background-color: #d9e1e4; 
    -moz-border-radius: 4px 4px 4px 4px; 
    -webkit-border-radius: 4px 4px 4px 4px; 
    border-radius: 4px 4px 4px 4px;
    height: 330px;
}
#detail-tabs ul {     display: block;
    height: 28px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#detail-tabs ul li { background: url("../img/detail-tab-but-bg.jpg") repeat-x scroll 0 0 transparent;
    color: white;
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 22px;
    margin: 0 3px 0 0;
    padding: 6px 12px 0;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;    
    cursor: pointer;
}

#detail-tabs ul li.but-selected { background: url("../img/detail-tab-but-selected-bg.jpg") repeat-x scroll 0 0 transparent; }
.detail-tab { border: 1px solid #006666; width: 394px; background: white; height: 299px; }

#tab-info { display: block; }

#tab-temoignage { display: none; padding: 7px 0 0 10px;     height: 292px;    width: 384px; }
.tab-temoignage-item { background: url(../img/detail-temoignage-bg-right.png) bottom right no-repeat; width: 354px; margin: 0 0 15px;}
.tab-temoignage-item img { float: left;}
.tab-temoignage-item a {color:#000;}

.tab-temoignage-item-content { float: left; margin: 0 0 0 5px; width: 270px;}
.tab-temoignage-item-content p { font-size: 11px; text-align: justify;}

#detail-toolbar { background: url(../img/detail-toolbar-bg.png) no-repeat; width: 312px; height: 276px; margin: 15px 0 0;}

.detail-toolbar-item { border-bottom: 2px dotted white; clear: both; height: 44px;margin: 0 5px; padding: 0 6px;}
.detail-toolbar-item p { text-transform: uppercase; font-weight: bold; float: left; font-size: 12px; margin:0; padding: 9px 0 0;}
.detail-toolbar-item p span { display: block; font-size: 10px; color: #676767; text-transform: none;}
.detail-toolbar-item a {float: right; padding: 7px 0 0;}
#tab-co2 { display:none; padding: 15px 0 0 15px; width: 379px; height: 284px;}
#tab-co2 img { margin: 43px 0 0;}

.detail-row { background: url(../img/detail-marque-bg.jpg) no-repeat; width: 405px; padding-top: 5px; }
#detail-photo { width: 309px; }
#marque-span { color: #21717b; font-size: 20px; font-weight: bold; }
#modele-span { color: #21717b; font-size: 20px; font-weight: bold; }
#version-span { color: #fa7f00; font-size: 15px; }
.detail-prix { color: #fa7f00; font-size: 40px; font-weight: bold; }
#detail-credit { color: #4b5762; font-size: 12px; font-weight: bold; }
.detail-agence-adresse { color: #4b5762; font-size: 11px; }
.detail-agence-adresse a { color: #4b5762; font-size: 11px; text-decoration: none; }
#detail-agence-telephone { color: #fa7f00; font-size: 17px; font-weight: bold; }
.detail-contact-titre { color: #21717b; font-size: 11px; font-weight: bold; }
.detail-contact { list-style: square url(../img/detail-puce-contact.png); margin: 0; }
.tr-even { background: #f5f5f5;}
.tr-odd { background: #ededed;}
.titre-td {  width: 170px; vertical-align: middle; color: #4b5762; font-size: 12px; padding: 0 0 0 8px;}
.detail-td { width: 216px; height: 23px; vertical-align: middle; color: #4b5762; font-weight: bold; font-size: 12px;  }
#details-table { }
#navigation { margin: 0; padding: 0; list-style: none; }
#navigation li { float: left; height: 33px; overflow: hidden; }
#li-prev { width: 111px; }
#li-liste { width: 104px; }
#li-next { width: 94px; }
#navigation-prev { display: block; width: 111px; background: url(../img/detail-nav-prec.jpg) no-repeat; overflow: hidden; padding-top: 33px; }
#navigation-liste { display: block; width: 104px; background: url(../img/detail-nav-liste.jpg) no-repeat; overflow: hidden; padding-top: 33px; }
#navigation-next { display: block; width: 94px; background: url(../img/detail-nav-next.jpg) no-repeat; overflow: hidden; padding-top: 33px; }
#detail-photo-big { width: 307px; border: 1px solid #a3a9af; }
#detail-photo-big-container { position: relative; margin-bottom: 5px; }
#detail-photo-big-bandeau { position: absolute; z-index: 8; top: 0; height: 100%; }
.detail-photo-mini { width: 55px; border: 1px solid #a3a9af; margin-left: 2px; }
#detail-co2 { position: absolute; margin: 0 0 0 258px; color: #006666;}
#detail-co2 .co2-txt { font-size: 12px; font-weight: bold; display: block; }
#detail-co2 .co2-number { font-size: 29px; color: #272726; font-weight: bold; margin: 0 0 0 25px; }
#detail-co2 .co2-mesure { font-size: 13px; color: #272726; font-weight: bold; }
#detail-equipement { margin-top: 35px; width: 743px; }
.detail-equipement-liste { margin: 0; margin-left: 20px; float: left; padding: 0; list-style: none; margin-top: 20px; }
.detail-equipement-liste li { background: url(../img/detail-equip-li-bg.jpg) no-repeat; width: 214px; color: #4b5762; font-size: 11px; font-weight: bold; padding-left: 20px; }
#detail-autre { margin-top: 20px; width: 743px; background: url(../img/detail-autre-bg.jpg) bottom repeat-x; text-align: right; }
#detail-autre a { text-decoration: none; }
#twitterForm label { display: block; float: left; width: 115px; }
#twitterForm input { float: left; }
.detail-ligne { background: url(../img/detail_bg_ligne.jpg) no-repeat; width: 405px; height: 44px; }
.detail-ligne .gauche { float: left; width: 147px; background: none; margin-left: 15px; margin-top: 9px; }
.detail-ligne .gauche .ligne1 { color: #181818; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.detail-ligne .gauche .ligne2 { color: #676767; font-size: 12px; }
.detail-ligne .droite { float: right; width: 240px; text-align: center; background: none; }
.detail-ligne .tel { color: #18515a; font-weight: bold; font-size: 28px; margin-top: 7px }

/* contents/index.ctp */
#PageContenu { color: #4b5762; font-size: 12px; width: 760px; }
#PageContenu a { color: #0a9ece; border-bottom: 1px solid #0a9ece; text-decoration: none; }
#PageContenu h1 { color: #21717b; font-size: 17px; }
#PageContenu h2 { color: #f8711f; font-size: 14px; }

/* actulities/index.ctp */
.actu-item-liste { margin-left: 15px; margin-top: 15px; float: left; }

/* actualities/detail.ctp */
#ActualityDetail { width: 729px; text-align: justify; color: #21717b; font-size: 12px; }
#ActuTitle { color: #f8711f; font-weight: normal; font-size: 19px; margin: 0; }
#actuImg { float: left; }
#ActuH1 { background: url(../img/actu_h1_bg.jpg) repeat-x; height: 39px; padding: 5px; margin: 5px 0 30px; }
#ActuH1 h1 { color: #F8711F; font-size: 18px; font-weight: normal; margin: 0; }

/* contacts/index.ctp */
#contact-title { color: #f8711f; font-size: 15px; display: inline; }
#identification { background: url(../img/contact-telephone-bg.jpg) no-repeat; width: 716px; height: 270px; padding: 22px 13px; margin-top: 11px; }
#ContactMessageDiv { background: url(../img/contact-message-bg.jpg) no-repeat; width: 716px; height: 270px; padding: 22px 13px; margin-top: 26px; }
#ContactTelephoneDiv { background: url(../img/contact-telephone-bg.jpg) no-repeat; width: 716px; height: 178px; padding: 22px 13px; margin-top: 26px; }
#ContactComplementaireDiv { background: url(../img/contact-complementaire-bg.jpg) no-repeat; width: 716px; height: 134px; padding: 22px 13px; margin-top: 26px; }
.section { text-align: right; color: #21717b; font-weight: bold; font-size: 12px; }
.contact-section-title { color: #5b5b5b; font-size: 18px; }
.contact-section-hr { border: none; border-bottom: 1px dotted #798f91; height: 1px; margin: 7px 0 15px; }
.section .error-message { color: #f65e28; margin-right: 20px; border: 1px #f65e28 dotted; padding: 0 5px; }
.section input, .section select { width: 392px; border: 1px solid #a4a5a5; margin-left: 14px; }
.section .sep { margin: 14px 0; }
.section textarea { width: 392px; height: 134px; border: 1px solid #a4a5a5; margin-left: 14px; }
#contact-days input { width: auto; margin: 0 5px 0 0; }
.contact-input { width: 392px; margin-left: 14px; float: right; text-align: left; }
.contact-day { float:left; width: 196px; margin-top: 10px; }
#contact-reset { cursor: pointer; background: url(../img/contact-reset.jpg) no-repeat; border: none; width: 126px; height: 44px; overflow: hidden; padding-top: 44px; margin-left: 455px; }
#contact-end input { float: left; }
#contact-end { background: url(../img/contact-end-bg.jpg) repeat-x bottom; width: 742px; margin-top: 40px; }
#contact-submit { margin-left: 5px; }
#contact_rappel_vh { background: url(../img/contact_rappel_vh.jpg) no-repeat; height: 113px; padding: 40px 0 0 10px; width: 577px; margin: 20px 28px; float: right; }
#contact_photo { width: 112px; }

/* reservations/index.ctp */
#reserver-h1 { background: url(../img/reserver-h1.jpg) no-repeat; color: #f8711f; font-size: 19px; padding-left: 33px; padding-top: 2px; height: 23px; }
#resa-photo { float: left; width: 307px; border: 1px solid #a3a9af; }
#resa-detail-vh { float: left; width: 405px; margin-left: 15px; }
#resa-prix { color: #21717b; font-size: 17px; font-weight: bold; }
#resa-cgv { background: url(../img/resa-conditions-bg.jpg) no-repeat; width: 318px; height: 448px; margin-top: 55px; float: left; padding-left: 14px; color: #F8711F; }
#resa-cgv h3, #infosResa h3 { color: #F8711F; font-size: 18px; margin-bottom: 0; }
#resa-cgv div { height: 364px; width: 307px; margin-top: 10px; padding-right: 5px; text-align: left; line-height: 18px; color: #000; }
#resa-cgv div ul, #resa-cgv div li { list-style: none; }
#infosResa { float: left; background: url(../img/resa-form-bg.jpg) no-repeat; width: 368px; height: 448px; margin-left: 26px; margin-top: 55px; padding-left: 14px; color: #798f91; }
#infosResa label { font-weight: bold; color: #21717b; display: block; width: 80px; text-align: right; float: left; font-size: 11px; }
#infosResa .input-text { float: left; width: 245px; border: 1px solid #a4a5a5; margin-left: 10px; }
#infosResa .input { margin: 10px 0; }
#infosResa .submit { margin-top: 5px; margin-left: 192px; float: left; }
#infosResa textarea { height: 35px; }
#infosResa .input-text { color: #21717b; }
#errors { border: 2px dotted #e22a2a; background: #fae1b5; padding: 10px; width: 716px; margin-top: 55px; color: #21717b; font-size: 12px; }
#resa-ko { margin-top: 20px; background: #b40000; color: #fff; font-size: 14px; padding: 10px; }
#resa-ok { margin-top: 20px; background: #28AF20; color: #fff; font-size: 14px; padding: 10px; }

#coljours, #colheures, #colminutes, #colsecondes { margin-top: 124px; display: inline-block; letter-spacing: 9px !important; letter-spacing: 8px; color: #fff; font-weight: bold; }
#colsecondes { padding-right: 5px !important; padding-right: 5px; }
#colminutes { margin-right: 20px !important; margin-right: 26px; }
#colheures { margin-right: 12px !important; margin-right: 18px; }
#coljours { margin-right: 11px !important; margin-right: 15px; margin-left: 18px !important; margin-left: 17px; }

#banner ul { float: left; list-style: none; margin-left: 35px; margin-top: 20px; color: #34505b; }
#banner ul a { color: #34505b; font-size: 10px; font-weight: bold; }

#pagination a { border: none; text-decoration: none; }

#PageContenu h1 { display: block; margin: 10px 0; }
#detail-gauche h1, #detail-gauche h2 { display: inline; }

.seoListe{background:#dde1e2;width:749px;margin-bottom:10px;padding:10px 0;}
.seoListe a{color:#4b5762;font-size:11px;text-decoration:none;}
.seoListe ul{margin:0;padding:0;list-style:none;}
.seoListe ul li{float:left;width:209px;margin:0 20px;}
#pubGauche h3{font-size:17px;padding-left:10px;background:#f7701c;color:#fff;}
#pubGauche a{font-size:12px;text-decoration:none;}
#pubGauche ul{list-style:none; margin: 9px 0 0;padding:0 4px;}
#pubGauche ul li{float:left;width:100px;}
#avantage {width: 308px; height: 181px; background: url(../img/gauche-avantage.jpg) no-repeat;}
#avantage ul {list-style-image: url(../img/gauche-avantage-puce.png);margin: 0;padding: 35px 0 0 57px; }
#avantage ul li {color: #365659;font-size: 11px;height: 17px;}
#avantage a {color: white;float: right;font-size: 11px;font-weight: bold;text-decoration: none;}

#agence { background: url(../img/droite-agence_2.jpg) no-repeat; height: 130px; width: 219px; margin: 2px 0 0;overflow: hidden;}
#agence a{font-size:12px;text-decoration:none;}
#agence ul{list-style:none;margin: 0;height:100%;left: 0;margin: 0;overflow: hidden;padding: 0;position: relative;top: 0;width: 183px;}
#agence ul li{font-size: 10px;float: left;list-style: none outside none;width: 183px;}
#agence ul li a { font-size: 11px; font-weight: bold; color: #4B5762;}
#agence .jcarousel-clip{width:183px;margin:0 auto;}
.agence-carousel-item{margin-left:14px;margin-top:26px;}
#agence .jcarousel-clip{float:left;height:100%;}
#agence-next,#agence-prev{margin-top:59px;cursor:pointer;}
.agence-all-link{right:0;bottom:0;text-align:center;background:#f7701e;border-radius:3px 0 0 0;height:20px;line-height:20px;width:71px;z-index:10;}
#c2content .droite .agence-all-link a{color:#fff;font-size:10px;}

#temoignage { width: 219px; height: 111px; background: url(../img/temoignage-bg.jpg);}
#temoignage a {display: block;height: 49px;padding: 24px 0 0 23px;width: 100px; }

#reprise { width: 219px; height: 111px; background: url(../img/reprise-bg.jpg);}
#reprise a {display: block;height: 60px;padding: 24px 0 0 23px;width: 99px; }

#video-decouverte { width: 219px; height: 75px; background: url(../img/video-decouverte-bg.jpg); margin: 0;}
#video-decouverte p {color: #000000;font-size: 10px;margin: 0;padding: 5px;}
#video-decouverte a {float: right;font-size: 10px;margin: -6px 5px 0 0;}

#blog { background: url(../img/droite-blog.jpg) no-repeat center center #a4b7b9; width: 209px; padding: 5px; overflow: visible; height: 101px; }
#blog img { margin-top: 45px; }

.hide-print{display:none;}

p.avantage{height:35px;line-height:35px;}

.form fieldset,.fieldset{background:none repeat scroll 0 0 #F5F5F5;border:1px solid #D9D9D9;border-radius:3px 3px 3px 3px;clear:both;margin:10px 0 20px;min-height:20px;padding:10px 20px 15px;}
.form .legend{background:#E2E2E2;border:1px solid #CCCCCC;border-radius:3px 3px 3px 3px;font-size:93%;padding:5px 8px;}
.form input, .form textarea{background:#FEFEFE;border:1px solid #CCCCCC;border-radius:3px 3px 3px 3px;color:#4D4D4D;padding:5px;width:150px;}
.grid-50{width:49%;}
.grid-100{width:99%;}
.left{float:left;}
.form .input{margin:10px 0;}
.form .input label{display:block;margin-bottom:5px;}
h4{font-style:italic;}
.form select{background:#FEFEFE;border:1px solid #CCCCCC;border-radius:3px 3px 3px 3px;color:#4D4D4D;padding:5px;width:150px;}
.form .inline label{display:inline;}
.form .checkbox input{width:auto;margin-right:10px;}
.form button,.button{background-color:#EE6614;border:1px solid rgba(0, 0, 0, 0.2);border-radius:3px 3px 3px 3px;box-shadow:0 1px 0 rgba(225, 225, 225, 0.5) inset, 0 0 5px rgba(0, 0, 0, 0.9);color:#FFFFFF !important;cursor:pointer;display:inline-block;font-size:108%;font-weight:700;margin:0 5px 15px 0;outline:medium none;padding:10px 15px;text-align:center;text-decoration:none !important;vertical-align:middle;width:auto;overflow:visible;}
.form button.small,.button.small{font-size:93%;padding:4px 10px 5px;}
.form .required label:before{color:red;content:"* ";font-size:small;}
.form .error-message{color:red;font-style:italic;font-size:90%;margin:5px 0;}
.form .exemple input{font-style:italic;color:#666666;font-size:93%;}
.italic{font-style:italic;}
.font-size-90-perc{font-size:90%;}
.uppercase{text-transform:uppercase;}
.flash-error{border:solid 1px #FBD3C6;background:#FDE4E1;color:#CB4721;}
.flash-success{border:solid 1px #C0F0B9;background:#D5FFC6;color:#48A41C;}
.flash{padding:10px 5px;margin:10px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;text-align:center;}
#fileProgress{display:none;margin-bottom:10px;}
.relative{position:relative;}
.absolute{position:absolute;}
#thumbs .absolute{top:0;left:0;background:#ffffff;}
#thumbs{margin-bottom:10px;}
#thumbs a{border:none;}
#thumbs div.thumb{margin-right:10px;margin-top:10px;padding:5px;border:2px solid #000000;border-radius:3px 3px 3px 3px;width:100px;height:100px;}

#PageContenu{font-size:12px;text-align:justify;color:#333333;}
#PageContenu h1{font-weight:bold;color:#ec7027;font-size:14px;}
#PageContenu h2{color:#ec7027;font-weight:bold;font-size:13px;}
#PageContenu a{font-size:12px;font-weight:bold;color:#333333;border-bottom:#333333 1px solid;text-decoration:none;}