* { margin: 0; padding: 0; } .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body { background: #eedbd4 url(../../images/plage.jpg) no-repeat;} body, select, textarea, input { color: #11256D; font-size: 11px; font-family: "Arial", Verdana, sans-serif; } #allContent { width: 930px; margin: 0 auto; background: url(../../images/bgAllContentEte.gif) repeat-y;} /************************************************ en-tête */ #enTete { width: 900px; height: 270px; background: transparent url(../../images/bgEntete.jpg) no-repeat; position: relative;} #enTete h1 { width: 267px; height: 31px; background: transparent url(../../images/slogan.gif) no-repeat; position: absolute; right: 12px; top: 7px;} #enTete h1 span, #enTete legend { display: none; } #enTete #blocRecherche { width: 393px; height: 223px; background: transparent url(../../images/bgBlocRecherche.jpg) no-repeat; position: absolute; left: 17px; top: 10px;} #enTete #blocRecherche fieldset { border: 0; margin: 82px 0 0 123px;} #enTete fieldset .lineForm { height: 28px; } #enTete fieldset .petit select { width: 125px; margin-right: 5px; } #enTete fieldset .moyen select { width: 160px; } #enTete fieldset .grand select { width: 255px; } #enTete fieldset .btnValider { position: absolute; left: 324px; top: 193px; border: 0} #enTete #zoneVisuel { width: 490px; height: 183px; position: absolute; right: 0; top: 50px; } #enTete, #mainContent { margin: 0 15px; } #mainContent { padding: 10px 12px; width: 876px; position: relative;} #colGauche, #colDroite, #colA, #colB { float: left; } #colGauche { width: 653px;} #colDroite { width: 210px; padding-left: 9px;} #colA { margin: 0 20px 0 0; width: 302px; padding-right: 7px; } #colB { width: 300px;} /************************************************ navigation */ ul#navigation { list-style: none; width: 862px; height: 37px; position: absolute; left: 0; bottom: 0; background: transparent url(../../images/bgNav.gif) repeat-x; padding-left: 38px; border-bottom: 1px #fff solid;} ul#navigation li { float: left; } ul#navigation li a { display: block; background-repeat: no-repeat; height: 37px; } ul#navigation li a span { display: none; } ul#navigation li#btnNavA a { width: 82px; background-image: url(../../images/btnNavA.gif); } ul#navigation li#btnNavZ a { width: 159px; background-image: url(../../images/btnNavZ.gif); } ul#navigation li#btnNavB a { width: 105px; background-image: url(../../images/btnNavB.gif); } ul#navigation li#btnNavC a { width: 121px; background-image: url(../../images/btnNavC.gif); } ul#navigation li#btnNavD a { width: 98px; background-image: url(../../images/btnNavD.gif); } #pageAccueil ul#navigation li#btnNavZ a, #pageConcept ul#navigation li#btnNavB a, #pageActivites ul#navigation li#btnNavC a, #pageContact ul#navigation li#btnNavD a, ul#navigation li a:hover { background-position: 0 -37px; } /************************************************ bloc actu reseau */ #blocActuReseau { width: 302px; background: transparent url(../../images/bgBlocActuReseau.gif) repeat-y; margin-bottom: 10px;} #blocActuReseau h2 { height: 28px; background: transparent url(../../images/titreBlocActuReseau.gif) no-repeat; } #blocActuReseau #btnActuSuivante { display: block; width: 302px; height: 28px; background: transparent url(../../images/btnBlocActuReseau.gif) no-repeat; } #blocActuReseau .contentBloc { padding: 10px; cursor: pointer;} #blocActuReseau .contentBloc img { float: left; margin-right: 10px; } #blocActuReseau .contentBloc h4 { font-size: 12px; color: #506BA9; margin-bottom: 5px; } #blocActuReseau .contentBloc p.suite a { text-decoration: none; font-weight: bold; color: #12276F; } #blocActuReseau h2 span, #blocActuReseau #btnActuSuivante span { display: none; } #blocActuReseau .pied { width: 302px; height: 10px; background: transparent url(../../images/piedBlocActu.gif) no-repeat left bottom; } /************************************************ bloc a la une */ #blocAlaUne { /*width: 302px;*/width: 653px; background: transparent url(../../images/bgBlocAlaUne.gif) repeat-y; margin-bottom: 10px; } #blocAlaUne h2 { height: 28px; background: transparent url(../../images/titreBlocAlaUne.gif) no-repeat; } #blocAlaUne h2 span { display: none; } #blocAlaUne .contentBloc { padding: 10px; cursor: pointer; width: 305px; float: left;} #blocAlaUne .contentBloc img { float: left; margin-right: 10px; width: 150px;} #blocAlaUne .contentBloc p.suite a { text-decoration: none; font-weight: bold; color: #12276F; } #blocAlaUne .pied { height: 10px; background: transparent url(../../images/piedBlocAlaUne.gif) no-repeat left bottom; } /************************************************ bloc Sélection du Mois en home */ #blocSelectionMois { width: 210px; background: transparent url(../../images/bgBlocAlaUne.gif) repeat-y; margin-bottom: 10px; } #blocSelectionMois h2 { height: 28px; background: transparent url(../../images/titreBlocSelectionMois.gif) no-repeat; } #blocSelectionMois h2 span { display: none; } #blocSelectionMois .contentBloc { padding: 10px; cursor: pointer;} #blocSelectionMois .contentBloc img { float: left; margin-right: 10px; } #blocSelectionMois .contentBloc p.suite a { text-decoration: none; font-weight: bold; color: #12276F; } #blocSelectionMois .pied { width: 210px; height: 10px; background: transparent url(../../images/piedBlocAlaUne.gif) no-repeat left bottom; } /************************************************ bloc marques distribuées */ #blocMarques { margin: 0 0 10px 0; width: 653px; background: transparent url(../../images/bgBlocMarques.gif) repeat-y;} #blocMarques h2 { height: 28px; background: transparent url(../../images/titreBlocMarques.gif) no-repeat; } #blocMarques h2 span { display: none; } #blocMarques .pied { width: 653px; height: 10px; background: transparent url(../../images/piedBlocMarques.gif) no-repeat left bottom; clear: both; } #blocMarques .contentBloc { width: 628px; padding: 10px 10px 0 10px; } #blocMarques ul { list-style: none; } #blocMarques ul li { width: 100px; float: left; border-right: 1px #92A1B7 solid; margin-right: 5px; } #blocMarques ul li a { text-decoration: none; font-weight: bold; text-transform: uppercase; color: #10246C; } #blocMarques ul li a:hover { color: #FD7403; } /************************************************ 4 blocs promo */ .titreStock { margin: 0 0 10px 0; display: block; float: left; width: 653px; height: 36px; background: transparent url(../../images/titreAdecouvrir.gif) no-repeat;} .titreStock span { display: none;} .blocMercedes { width: 160px; position: relative; margin-bottom: 5px; float: left; margin-right: 3px;} .blocMercedes img { border: 0;} .petitBlocPromo { width: 160px; background: transparent url(../../images/bkgPetitBlocPromo.gif) repeat-y; position: relative; margin-bottom: 5px; float: left; margin-right: 3px;} .petitBlocPromo .btnPlusInfos { display: block; width: 160px; height: 19px; background: transparent url(../../images/btnPlusInfospetitBlocPromo.gif) no-repeat;} .petitBlocPromo .btnAjout { display: block; width: 160px; height: 27px; background: transparent url(../../images/btnAjoutGalerie.gif) no-repeat; position: absolute; left: 0; bottom: 0;} .petitBlocPromo .titrepbp { padding: 3px 0 3px 0; font-size: 12px;} .petitBlocPromo .avecRemise{ margin: 0 0 3px 0; font-weight: bold; font-size: 14px; color: #2a238a;} .petitBlocPromo .sansRemise{ font-weight: bold; font-size: 13px; color: #6b84bb;} .petitBlocPromo .btnPlusInfos span, .petitBlocPromo .btnAjout span { display: none; } .petitBlocPromo .contentBloc { padding: 0 5px 0 5px; } .petitBlocPromo img.vignetteVehicule { margin: 5px 0; width: 140px; height: 105px; overflow: hidden;} .petitBlocPromo ul { list-style: none; } .petitBlocPromo ul li strong { color: #FD7403; font-size: 12px; } .petitBlocPromo ul li.annee img { float: left; margin-right: 5px;} .petitBlocPromo ul li.annee, .petitBlocPromo ul li.km { width: 70px; float: left; height: 25px; line-height: 20px; } .petitBlocPromo ul li.km { text-align: right; } .petitBlocPromo .prix { border-top: 1px #92A1B7 solid; padding-top: 5px; margin-top: 5px; clear: both;} .petitBlocPromo ul li.promotion { position: absolute; right: 0; bottom: 0; width: 68px; height: 14px; background: transparent url(../../images/promo.gif) no-repeat;} .petitBlocPromo ul li.promotion span { display: none; } .piedPetitBlocPromo {display: block; width: 160px; height: 10px; background: transparent url(../../images/piedPetitBlocPromo.gif) no-repeat;} .remisePetitBlocPromo { text-align: right; padding: 3px 8px 0 0; font-weight: bold; font-size: 16px; color: #fff; position: absolute; top: 144px; right: 7px; width: 65px; height: 24px; background: url(../../images/bkgRemisePetitBlocPromo.gif) no-repeat;} .remisePetitBlocPromo a { text-decoration: none; color: #fff; display: block;} .logoPosition { position: absolute; left: 120px; top: 25px;} /************************************************ bloc selection */ #blocSelection { width: 210px; margin-bottom: 10px; background: transparent url(../../images/bgBlocSelection.gif) repeat-y; } #blocSelection h3 a { display: block; width: 210px; height: 30px; background: transparent url(../../images/titreBlocSelection.gif) no-repeat;} #blocSelection a span { display: none; } #blocSelection .pied { width: 210px; height: 10px; background: transparent url(../../images/piedBlocSelection.gif) no-repeat left bottom; clear: both; } #blocSelection .contentBloc { padding: 10px 10px 0 10px; width: 190px !important;} #blocSelection ul { list-style: none; } #blocSelection ul li a strong { font-size: 11px; } #slidingtwice, #wait_caract { width: 190px; } .selection { width: 190px; border-bottom: 1px #92A1B7 solid; margin-bottom: 10px;} .selection a, #blocSelection ul li a { text-decoration: none; font-size: 10px; color: #11256D;} .selection a:hover, #blocSelection ul li a:hover { color: #FD7403 } .selection img { float: left; margin-right: 10px; border: 0; } .selection input { float: right; margin-bottom: 5px; } /************************************************ bloc service */ #blocService { width: 170px; height: 78px; background: transparent url(../../images/bgBlocService.gif) no-repeat; padding: 55px 28px 0 12px; position: relative; margin-bottom: 10px;} #blocService h3 { display: none; } #blocService a { display: block; width: 53px; height: 23px; background: transparent url(../../images/btnValider.png) no-repeat; position: absolute; right: 8px; bottom: 8px;} #blocService a span { display: none; } /*********************************************** bloc Concept Avantages Home*/ #blocConcept { width: 190px; height: 267px; background: transparent url(../../images/bkgConceptHome.gif) no-repeat; padding: 10px 10px 0 10px;} #blocConcept ul { padding: 40px 0 0 0; list-style-position: inside;} #blocConcept ul li { padding: 0 0 3px 0;} /*********************************************** bloc newsletter*/ #blocNewsletter { margin: 0 0 10px 0; width: 192px; height: 69px; background: transparent url(../../images/bgBlocNewsletter.gif) no-repeat; padding: 30px 8px 0 10px;} #blocNewsletter h3 { display: none; } #blocNewsletter input.inptTexte { background-color: #FD7403; border: 1px #13276C solid; width: 120px; float: left; margin: 10px 5px 0 0;} #blocNewsletter input.btnValider { float: right; margin-top: 5px; } /************************************************ footer */ #footer { height: 40px; text-align: right; color: #778497; font-size: 10px; } #footer p { margin: 0 30px; border-top: 1px #B8BCC3 solid; padding-top: 5px;} #footer a { color: #778497; text-decoration: none; } #footer a:hover { text-decoration: underline; } /*********************************************************** sous nav */ #sousNav { list-style: none; width: 666px; height: 29px; background: transparent url(../../images/bgSousNav.gif) no-repeat; margin-bottom: 10px; padding-left: 210px; } #sousNav li { float: left; padding-left: 10px;} #sousNav li a { font-size: 12px; color: #10246C; font-weight: bold; line-height: 29px; text-decoration: none; padding-left: 10px; background: transparent url(../../images/flecheSousNav.gif) no-repeat 0 3px; } /*********************************************************** blocs */ .bloc { background: transparent url(../../images/bgFiche.gif) repeat-y; margin-bottom: 10px; } .bloc h1 { background: transparent url(../../images/bgTitreInternautes.gif) no-repeat; height: 30px; width: 640px; line-height: 28px; font-weight: normal; padding-top: 5px; font-size: 18px; padding-left: 13px; color: #FD7403; text-transform: uppercase;} .bloc h3 { background: transparent url(../../images/bgTitreInternautes.gif) no-repeat; height: 28px; width: 640px; line-height: 28px; font-size: 12px; padding-left: 13px; padding-top: 5px;} .bloc h4 { background: transparent url(../../images/bgTitreInternautes.gif) no-repeat; height: 28px; width: 640px; line-height: 28px; font-size: 14px; padding-left: 13px;} .bloc .contentBloc { padding: 10px 13px;} .bloc .pied { width: 653px; height: 8px; background: transparent url(../../images/piedBlocFiche.gif) no-repeat; } /*********************************************************** page d'accueil */ #pageAccueil .bloc {position: relative; width: 653px;} #pageAccueil .bloc .contentBloccolA { float: left; width: 330px;} #pageAccueil .bloc .contentBloccolB { float: left; width: 290px;} #pageAccueil .bloc img.visuelDistributeur { float: left; margin-right: 15px;} #pageAccueil .bloc ul { list-style: none; margin: 0 0 10px 0;} #pageAccueil .bloc ul li { border-bottom: 1px #92A1B7 solid; width: 300px; font-size: 12px; padding: 5px 0;} #pageAccueil .bloc ul li.logoDistributeur {margin: 0 0 5px 0;} #pageAccueil .bloc .btnPlanAcces a { float: right; width: 39px; height: 65px; display: block; background: transparent url(../../images/btnPlanAcces.gif) no-repeat; } #pageAccueil .bloc .btnPlanAcces a span { display: none; } #pageAccueil .bloc .btnFichePDF { border-bottom: 0; } #pageAccueil .bloc .btnFichePDF a { float: right; width: 65px; height: 65px; display: block; background: transparent url(../../images/fichePDF.gif) no-repeat;} #pageAccueil .bloc .btnFichePDF a span { display: none; } #blocFidelite { float: left; margin: 0 6px 10px 0; width: 302px;} #blocGrattage { float: left; margin-bottom: 10px; width: 344px;} /**********************************************************************************************************/ /* Pages résultats véhicules */ /**********************************************************************************************************/ #pageListeVehicules #mainContent, #pageGalerieVehicules #mainContent { padding: 0; width: 900px;} #pageListeVehicules #colGauche, #pageGalerieVehicules #colGauche { margin-left: 12px; } #navOutils { width: 900px; height: 25px; background: #FD7403 url(../../images/bgNavOutils.jpg) no-repeat right top; list-style: none; margin: 10px 0 15px 0;} #navOutils li { float: left; line-height: 25px;} #navOutils li.nbreReponses { width: 177px; height: 25px; background: transparent url(../../images/bgNbreReponses.jpg) no-repeat; text-align: center; color: #fff; font-size: 12px;} #navOutils li.typeTri, #navOutils li.typeAffichage { padding: 0 5px; } div.pagination { width: 372px; background-color: #FD7403; height: 25px; padding-left: 290px; margin-bottom: 10px;} div.pagination a { height: 25px; line-height: 25px; } #navOutils li.pagination { width: 160px; position: absolute; right: 225px; top: 0; padding-left: 20px;} .pagination a { display: block; float: left; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; padding: 0 3px;} .pagination a:hover, .pagination a.pageSelected { background-color: #12266C; } .pagination a span { display: none; } .pagination a.btnPrecedent, .pagination a.btnSuivant { width: 11px; height: 11px; margin-top: 7px; padding: 0;} .pagination a.btnPrecedent { background: transparent url(../../images/btnPrecedent.gif) no-repeat; margin-right: 5px;} .pagination a.btnSuivant { background: transparent url(../../images/btnSuivant.gif) no-repeat; margin-left: 5px; } /************************************************ résultats en liste */ .resultListe { width: 653px; background: transparent url(../../images/blocResultListeBg.gif) repeat-y; position: relative; margin-bottom: 5px; height: 66px;} .resultListe .btnPlusInfos { display: block; width: 653px; height: 19px; background: transparent url(../../images/btnPlusInfosListe.gif) no-repeat; position: absolute; left: 0; top: 0;} .resultListe .btnAjout { display: block; width: 653px; height: 19px; background: transparent url(../../images/btnAjoutListe.gif) no-repeat; position: absolute; left: 0; bottom: 0;} .resultListe .btnPlusInfos span, .resultListe .btnAjout span { display: none; } .resultListe .contentBloc { padding: 10px; width: 633px;} .resultListe img.vignetteVehicule { float: left; margin-right: 10px; width: 60px; height: 45px; overflow: hidden; } .resultListe .descriptif { border-bottom: 1px #92A1B7 solid; width: 440px; height: 16px; float: left; margin-top: 12px; position: relative;} .resultListe p { text-transform: uppercase; position: absolute; left: 0; top: 0;} .resultListe ul { list-style: none; position: absolute; right: 0; top: 0;} .resultListe ul li { float: left; border-left: 1px #172A6E solid; padding: 0 5px; text-align: right;} .resultListe ul li strong { color: #FD7403; font-size: 12px; } .resultListe ul li.labelVehicule {position: absolute; right: -40px; top: 0; border-left: 0; } .resultListe ul li.promotion { position: absolute; right: -125px; top: 4px; width: 68px; height: 14px; border-left: 0; background: transparent url(../../images/promo.gif) no-repeat;} .resultListe ul li.promotion span { display: none; } /************************************************ résultats en galerie */ .resultGalerie { width: 160px; height: 245px; background: transparent url(../../images/blocResultGalerieBg.gif) repeat-y; position: relative; margin-bottom: 5px; padding-bottom: 15px; float: left; margin-right: 3px;} .resultGalerie .btnPlusInfos { display: block; width: 160px; height: 19px; background: transparent url(../../images/btnPlusInfosGalerie.gif) no-repeat; position: absolute; left: 0; top: 0;} .resultGalerie .btnAjout { display: block; width: 160px; height: 27px; background: transparent url(../../images/btnAjoutGalerie.gif) no-repeat; position: absolute; left: 0; bottom: 0;} .resultGalerie .btnPlusInfos span, .resultGalerie .btnAjout span { display: none; } .resultGalerie .contentBloc { padding: 10px; } .resultGalerie .contentBloc p { height: 42px;} .resultGalerie img.vignetteVehicule { margin: 5px 0; width: 140px; height: 105px; overflow: hidden;} .resultGalerie ul { list-style: none; } .resultGalerie ul li strong { color: #FD7403; font-size: 12px; } .resultGalerie ul li.annee img { float: left; margin-right: 5px;} .resultGalerie ul li.annee, .resultGalerie ul li.km { width: 70px; float: left; height: 25px; line-height: 20px; } .resultGalerie ul li.km { text-align: right; } .resultGalerie .prix { border-top: 1px #92A1B7 solid; padding-top: 5px; margin-top: 5px; clear: both;} .resultGalerie .prix img{ float:right; vertical-align:baseline;} /*.resultGalerie ul li.promotion { position: absolute; right: 0; bottom: 0; width: 68px; height: 14px; background: transparent url(../../images/promo.gif) no-repeat;} .resultGalerie ul li.promotion span { display: none; }/* /**********************************************************************************************************/ /* Page fiche véhicules */ /**********************************************************************************************************/ #pageFicheVehicules .promotion { float: right; width: 100px; height: 20px; margin-right: 5px; background: transparent url(../../images/promotion2.gif) no-repeat;} #pageFicheVehicules .promotion span { display: none; } #pageFicheVehicules #colGauche .presentation .contentBloc { padding: 13px 0 0 13px; width: 640px;} /**********************************************************************************************************/ /* Page fiche véhicules */ /**********************************************************************************************************/ #pageFicheVehicules #colGauche { position: relative; padding-top: 15px; } #pageFicheVehicules #colGauche .presentation { display: block; width: 653px; background: transparent url(../../images/bgFiche.gif) repeat-y; margin-bottom: 10px; position: relative;} #pageFicheVehicules #colGauche .presentationPromo{ width: 653px; margin-bottom: 10px; position: relative;} #flash {background: transparent url(../../images/bkgBlocPromoFlash.jpg) no-repeat;} #stock {background: transparent url(../../images/bkgBlocPromoStock.jpg) no-repeat;} #btnRetour { width: 101px; height: 17px; display: block; background: transparent url(../../images/btnRetourListe.gif) no-repeat; position: absolute; left: 13px; top: 15px; z-index: 5;} #btnRetour span { display: none; } #pageFicheVehicules #colGauche .presentation #drapeauMarque { position: absolute; right: 0; top: 0; } #pageFicheVehicules #colGauche .presentation h1 { color: #6B84BB; font-size: 16px; width: 640px; height: 22px; background: transparent url(../../images/bgTitreFiche.gif) no-repeat; padding: 30px 0 0 13px;} #pageFicheVehicules #colGauche .presentation .contentBlocGauche { border-right: 1px #fd7403 solid; display: block; float: left; padding: 13px 0 0 13px; width: 300px; margin: 10px 0 0 0;} #pageFicheVehicules #colGauche .presentationPromo .contentBlocGauche { display: block; float: left; padding: 13px 10px 0 10px; width: 340px; margin: 60px 0 0 0;} #pageFicheVehicules #colGauche .presentation .contentBlocGauche .visuelsVehicule { width: 270px; float: left; display: block; padding: 0 5px 10px 0; } #pageFicheVehicules #colGauche .presentation .contentBlocGauche .visuelsVehicule img { float: right; display: block; } #pageFicheVehicules #colGauche .presentationPromo .contentBlocGauche .visuelsVehicule { margin : 25px 0 0 0; width: 340px; float: left; display: block; padding: 0 0 10px 0; } #pageFicheVehicules #colGauche .presentationPromo .contentBlocGauche .visuelsVehicule img { float: right; display: block; } ul#galerieMini { display: block; list-style: none;} ul#galerieMini li { display: block; float: left; margin-right: 3px;} ul#galerieMini li a img { margin: 2px 1px ; border: 1px solid #dcb ;} #pageFicheVehicules #colGauche .presentation #blocCaracteristiques { width: 295px; float: left; } /********** caractéristiques du véhicules */ #pageFicheVehicules #colGauche .presentation #blocCaracteristiques #caracteristiques { display: block; float: left; width: 290px; font-size: 12px; color: #10246C; margin: 10px 0 10px 0;} #pageFicheVehicules #colGauche .presentation #blocCaracteristiques #caracteristiques dt { width: 100px; display: block; text-align: right; font-size: 11px; } #pageFicheVehicules #colGauche .presentation #blocCaracteristiques #caracteristiques dd { width: 180px; font-weight: bold; padding: 0 0 0 5px; font-size: 11px;} #pageFicheVehicules #colGauche .presentation #blocCaracteristiques #caracteristiques dt, #pageFicheVehicules #colGauche .presentation #blocCaracteristiques #caracteristiques dd { float: left; line-height: 20px; } #pageFicheVehicules #colGauche .presentation #blocCaracteristiques #caracteristiques dd ul { list-style: none; padding-top: 5px; } #pageFicheVehicules #colGauche .presentation #blocCaracteristiques #caracteristiques dd ul li { font-size: 11px; font-weight: normal; line-height: 14px; } /********************************blocs formulaire fiche véhicule demande d'infos */ #pageFicheVehicules #colGauche .presentation .contentBlocDroit{ display: block; float: left; padding: 13px 0 0 13px; width: 270px; } #pageFicheVehicules #colGauche .presentationPromo .contentBlocDroit { border-left: 1px #999999 solid; display: block; float: left; padding: 13px 0 0 13px; width: 270px; margin: 40px 0 0 0; } #pageFicheVehicules #colGauche .presentationPromo .contentBlocDroit .promoFlash { width: 250px; border-bottom: 1px #ee8016 dashed;} #pageFicheVehicules #colGauche .presentationPromo .contentBlocDroit h1{ color: #6B84BB; font-size: 16px; width: 250px; margin: 10px 0 10px 0;} #pageFicheVehicules #colGauche .presentationPromo .contentBlocDroit .sansRemise { width: 250px; margin: 5px 0 5px 0; font-weight: bold; font-size: 14px; color: #6b84bb;} #pageFicheVehicules #colGauche .presentationPromo .contentBlocDroit .avecRemise { width: 250px; margin: 0 0 3px 0; font-weight: bold; font-size: 18px; color: #2a238a;} #pageFicheVehicules #colGauche .presentationPromo .contentBlocDroit .remise { text-align: right; margin: 10px 0 0 0; display: block; padding: 6px 5px 0 0; font-weight: bold; font-size: 24px; color: #fff; width: 95px; height: 40px; background: url(../../images/bkgRemise.jpg) no-repeat;} #pageFicheVehicules .contentBlocDroit .blocDem { width: 270px; display: block; float: left;} #pageFicheVehicules .contentBlocDroit .blocDem h3 { display: block; width: 250px; font-size: 12px; padding: 10px 0 5px 0;} #pageFicheVehicules .contentBlocDroit .blocDem fieldset { width: 270px; display: block; float: left; border: 0;} #pageFicheVehicules .contentBlocDroit .blocDem fieldset ul { list-style: none;} .blocDem fieldset .lineForm { padding-bottom: 5px; } .blocDem fieldset .lineForm label{ width: 80px; display: block; float: left;} .blocDem fieldset .lineForm input, .blocDem fieldset .lineForm textarea { border: 1px #999999 solid; width: 160px;} #pageFicheVehicules .contentBlocDroit .btnValider { margin: 10px; float: right;} .prixNeuf { display: block; text-align: center; width: 130px; padding: 28px 0 0 0; color: #121576; font-size: 16px; font-weight: bold;} .prixAutos { display: block; text-align: center; width: 130px; color: #758194; font-size: 16px; font-weight: bold; padding: 20px 0 0 0; } .prixPromo { display: block; text-align: center; width: 130px; color: #fff; font-size: 20px; font-weight: bold; padding: 28px 0 0 0;} .stock { display: block; width: 50px; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 0 0 74px;} .prixNeuf span, .prixAutos span, .prixPromo span, .stock span {display: none;} #pageFicheVehicules #btnAjoutFiche { display: block; width: 653px; height: 24px; background: transparent url(../../images/btnAjoutFiche.gif) no-repeat left bottom; clear: both; } #pageFicheVehicules #btnAjoutFiche span { display: none; } #pageFicheVehicules #btnAjoutFichePromo { display: block; width: 653px; height: 24px; background: transparent url(../../images/btnAjoutFichePromo.gif) no-repeat left bottom; clear: both; } #pageFicheVehicules #btnAjoutFichePromo span { display: none; } #piedFlash { display: block; width: 653px; height: 24px; background: transparent url(../../images/btnAjoutFichePromo.gif) no-repeat left bottom; clear: both; } #piedStock { display: block; width: 653px; height: 24px; background: transparent url(../../images/piedStock.gif) no-repeat left bottom; clear: both; } /************ autres consultations des internautes (en bas de la fiche véhicule) */ #autresConsultations ul {list-style: none;} #autresConsultations ul li {float: left; width: 158px; text-align: center;} #autresConsultations ul li img, #autresConsultations ul li strong {display: block;} #autresConsultations ul li a {text-decoration: none;} #autresConsultations ul li img {border: 0; margin: 0 auto 5px auto;} /**********************************************************************************************************/ /* Page Publicite / Liste des véhicules */ /**********************************************************************************************************/ #pagePublicite #colGauche { position: relative; padding: 15px 0 0 0; } #pagePublicite img {border: 0;} #pagePublicite #telecharger a { text-align: right; display: block; width: 596px; font-size: 12px; color: #112770; padding-top: 8px; } #pagePublicite .rowVehicule { margin-top: 10px; width: 596px; background: url(../../images/bgRowVehicule.gif) no-repeat; } #pagePublicite .FooterRowVehicule { width: 596px; height: 27px; background: transparent url(../../images/bgFooterRowVehicule.gif) no-repeat; } #pagePublicite .FooterRowVehicule ul { list-style: none;} .FooterRowVehicule li {float: left;} .FooterRowVehicule li a { display: block; width: 174px; height: 21px;} .FooterRowVehicule li a span {display: none;} .btnVehicules { margin: 0 20px 0 195px; width: 174px; background: url(../../images/btnVehicules.gif) no-repeat; } .btnContact { width: 174px; background: url(../../images/btnContact.gif) no-repeat;} #pagePublicite .visuelVehicule, .designation, .caracteristiques { color: #6B84BB; float: left; width: 190px; margin: 3px;} #pagePublicite .caracteristiques { padding-top: 5px;} #pagePublicite .designation h1 {font-size: 15px; color: #6B84BB; padding-top: 5px;} #pagePublicite .designation h2 {font-size: 11px; color: #6B84BB;} #pagePublicite .prix { font-size: 19px; color: #FD7403;} .caracteristiques {font-size: 11px;} .caracteristiques ul { list-style: none; padding-top: 5px; } .caracteristiques ul li { font-size: 11px; font-weight: normal; line-height: 14px; } /************************/ #drapeauMarque { position: absolute; right: 0; top: 15px; } #visuelsVehicule, #caracteristiques { float: left; } #visuelsVehicule {width: 300px;} ul#galerieMini {list-style: none;} ul#galerieMini li {float: left; margin-right: 3px;} ul#galerieMini li a img { margin: 2px 1px ; border: 1px solid #dcb ;} dl#photo dt {display: none;} #caracteristiques { width: 320px; margin-left: 20px; font-size: 12px; color: #10246C; margin-bottom: 10px;} #caracteristiques dt { width: 120px; display: block; text-align: right; } #caracteristiques dd { width: 160px; padding-left: 15px; font-weight: bold;} #caracteristiques dt, #caracteristiques dd { float: left; line-height: 20px; } #caracteristiques dd ul { list-style: none; padding-top: 5px; } #caracteristiques dd ul li { font-size: 11px; font-weight: normal; line-height: 14px; } #pageFicheVehicules #btnAjoutFiche { display: block; width: 653px; height: 24px; background: transparent url(../../images/btnAjoutFiche.gif) no-repeat left bottom; clear: both; } #pageFicheVehicules #btnAjoutFiche span { display: none; } /*********************************************************** internautes */ #pageFicheVehicules #colGauche .selection { width: 190px; float: left; margin: 10px 10px 0 13px;} #pageFicheVehicules #colGauche .selection span { font-weight: bold; color: #FD7403; display: block; text-align: right; } /*********************************************************** formulaire */ .bloc fieldset { border: 0; margin: 0 13px; padding-bottom: 10px; } .bloc .lineForm { padding-bottom: 5px;} .bloc input, .bloc textarea { background-color: #D5D6DA; color: #10246C; width: 150px; border:1px #92A1B7 solid; } .bloc textarea { height: 50px; } .bloc .noSize { background-color: #fff; width: auto; border:0; } .bloc label { display: block; text-align: right; width: 120px; float: left; padding-right: 5px; color: #4D5966; font-size: 12px;} .bloc fieldset ul { list-style: none; } .bloc fieldset ul li { font-size: 12px; float: left; padding-right: 10px;} #formuleContact { margin: 10px 0; } #formuleContact label { width: 250px;} .colForm { width: 310px; float: left; } .bloc .btnValider { text-align: center; border:0; } .bloc .btnValider input { width: auto; background-color: transparent; border:0; } /*********************************************************** PagesActualites */ #pageActualites .bloc h3 {font-size: 16px;} #pageActualites .bloc .contentBloc h2 { color: #6B84BB; font-size: 14px; padding-bottom: 5px; margin-bottom: 10px; border-bottom:1px dashed #FD7403; } #pageActualites .bloc .contentBloc .blocActu { float: left; width: 295px; padding: 0 0 20px 10px;} #pageActualites .bloc .contentBloc .filetBlocActu { background: transparent url(../../images/filetBlocActu.gif) repeat-y;} #pageActualites .date { font-size: 11px; color:#FD7403; padding-bottom: 3px;} #pageActualites .titreNews { font-size: 12px; font-weight: bold; padding-bottom: 5px;} #pageActualites img { float: left; padding: 0 5px 0 0;} #pageActualites .lireSuite { padding-top: 5px;} /*********************************************************** pageDetailActualites */ #pageDetailActualites #colGauche { position: relative;} #pageDetailActualites .bloc { margin-top: 17px; } #pageDetailActualites .contentBloc { width: 614px; } #pageDetailActualites .bloc h3 {font-size: 16px !important;} #pageDetailActualites #btnRetour {top: 0; left: 530px;} #pageDetailActualites .contentBloc h2 { width: 614px; color: #6B84BB; font-size: 14px; padding: 0 0 5px 0; border-bottom:1px dashed #FD7403; } #pageDetailActualites .bloc .contentBloc .blocActu { float: left; width: 596px; padding: 0 0 20px 20px;} #pageDetailActualites .date { font-size: 11px; color:#FD7403; padding-top: 10px;} #pageDetailActualites .titreNews { font-size: 16px; font-weight: bold; padding: 5px 0 10px 0;} #pageDetailActualites .blocActu img { float: left; margin: 0 10px 10px 0 !important;} #pageDetailActualites .bloc .contentBloc .blocActu p {text-align: justify;} /**************************************************** PagesContact / Demande d'information */ #pageContact .bloc .contentBloc {width: 633px;} #pageContact .bloc h3 {font-size: 16px;} #pageContact #contact { display: block; padding: 15px 0 15px 0; } #pageContact #contact label { padding-top: 2px; float: left; width: 290px;} #pageContact #contact li .noSize { width: 20px; margin-top: 3px;} #pageContact #blocRechercher { border: 1px #92A1B7 solid; width: 614px; padding: 5px;} #pageContact #rechercher { width: 600px; padding: 10px;} #pageContact #rechercher label {width: 200px; padding-top: 2px;} #pageContact #formulaire { margin: 0; width: 614px; padding-top: 15px;} #pageContact .bloc .colForm {width: 305px;} #pageContact .bloc .colForm label { display: block; float: left; text-align: right; width: 100px; color: #4D5966; font-size: 12px;} #pageContact .bloc .colForm input { width: 150px; } #pageContact textarea { width: 180px; height: 80px; } #pageContact #validation { float: right; padding-right: 22px;} #pageContact .btnValider { padding-left: 3px; width:53px; height:23px;} /**************************************************** PagesRecherche d'un véhicule */ #pageRecherche .bloc h3 {font-size: 16px;} #pageRecherche #contact { display: block; padding: 15px 0 15px 0; } #pageRecherche #contact label { padding-top: 2px; float: left; width: 290px;} #pageRecherche #contact li .noSize { width: 20px; margin-top: 3px;} #pageRecherche #blocRechercher { border: 1px #92A1B7 solid; width: 614px; padding: 5px;} #pageRecherche #rechercher { width: 600px; padding: 10px;} #pageRecherche #rechercher label {width: 200px; padding-top: 2px;} #pageRecherche #vehicule, #pageRecherche #formulaire, #pageRecherche #reprise { border: 1px #92A1B7 solid; margin: 0; width: 614px; padding-top: 15px;} #pageRecherche #vehicule legend, #pageRecherche #formulaire legend, #pageRecherche #reprise legend {padding: 5px; color: #10246C; font-size: 13px; font-weight: bold; } #pageRecherche .bloc .colForm {width: 305px;} #pageRecherche .bloc .lineForm input {margin-right: 3px;} #pageRecherche .bloc .colForm label { display: block; float: left; text-align: right; width: 100px; color: #4D5966; font-size: 12px;} #pageRecherche .bloc .colForm textarea { width: 180px; height: 130px;} #pageRecherche #validation { float: right; padding-right: 55px;} #pageRecherche .btnValider { padding-left: 3px; width:53px; height:23px;} /**************************************************** PageNewsletter */ #pageNewsletter .bloc h3 {font-size: 16px;} #pageNewsletter #blocRechercher { border: 1px #92A1B7 solid; width: 614px; padding: 5px; margin-top: 10px;} #pageNewsletter #rechercher { width: 600px; padding: 10px;} #pageNewsletter #rechercher label {width: 200px; padding-top: 2px;} #pageNewsletter #formulaire { margin: 0; width: 614px; padding-top: 15px;} #pageNewsletter .bloc .colForm { width: 305px; } #pageNewsletter .bloc .lineForm input { float: left; margin-right: 3px;} #pageNewsletter #abonnement { width: 500px; padding: 10px 0 0 80px;} #pageNewsletter #abonnement input { width: 20px; padding-top: 10px;} #pageNewsletter .bloc .colForm label { display: block; float: left; text-align: right; width: 90px; color: #4D5966; font-size: 12px;} #pageNewsletter .colInfos { width: 600px; height: 50px; padding: 10px 0 10px 0;} #pageNewsletter .colInfos label { width: 240px;} #pageNewsletter #validation { float: right; padding-right: 55px;} #pageNewsletter .btnValider { padding-left: 3px; width:53px; height:23px;} /**************************************************** PageConfirmation d'une demande*/ #pageConfirmation .bloc h3 {font-size: 16px;} #pageConfirmation .bloc .contentBloc {padding: 50px;} #pageConfirmation .bloc .contentBloc ul {list-style: none; } /**************************************************** PageDistributeurs Recherche*/ #pageDistributeurs .bloc { position: relative; width: 653px; } #pageDistributeurs .bloc h3 {font-size: 16px;} #pageDistributeurs #blocRechercher { width: 614px; padding: 5px;} #pageDistributeurs #rechercher { width: 600px; padding: 10px;} #pageDistributeurs #rechercher label {width: 200px; padding-top: 2px;} #pageDistributeurs .bloc .lineForm input { float: left; margin-right: 3px;} #pageDistributeurs .proches { color:#FD7403; font-size: 13px; padding: 5px 0 10px 0;} #pageDistributeurs .photo { border: 0; float: left; margin-right: 5px;} #pageDistributeurs .bloc .contentBloc ul { list-style: none; } #pageDistributeurs .bloc .contentBloc ul li.btnPlanAcces { border-bottom: 0; } #pageDistributeurs .bloc .contentBloc ul li.btnPlanAcces a { width: 39px; height: 65px; display: block; background: transparent url(../../images/btnPlanAcces.gif) no-repeat; position: absolute; right: 10px; bottom: 10px;} #pageDistributeurs .bloc .contentBloc ul li.btnPlanAcces a span { display: none; } /************************************************ bloc Carte Zoom */ #blocCarte { width: 169px; height: 214px; background: transparent url(../../images/bgBlocCarte.gif) no-repeat; padding: 35px 28px 0 13px; position: relative; margin-bottom: 10px;} #blocCarte h3 { display: none; } #blocCarte a { display: block; width: 48px; height: 23px; background: transparent url(../../images/btnZoom.png) no-repeat; position: absolute; right: 13px; bottom: 6px;} #blocCarte a span { display: none; } /************************************************ bloc Contactez-nous */ #blocContact { width: 170px; height: 67px; background: transparent url(../../images/bgblocContact.gif) no-repeat; padding: 35px 28px 0 12px; position: relative; margin-bottom: 10px;} #blocContact h3 { display: none; } #blocContact a { display: block; width: 102px; height: 23px; background: transparent url(../../images/btnContact.png) no-repeat; position: absolute; right: 10px; bottom: 10px;} #blocContact a span { display: none; } /************************************************ bloc distributeurs */ #pageDistributeurs #blocDistributeurs { width: 188px; height: 80px; background: transparent url(../../images/bgBlocDistributeurs.gif) no-repeat; padding: 55px 10px 0 12px;} #pageDistributeurs #blocDistributeurs h3 { display: none; } #pageDistributeurs #blocDistributeurs a { display: block; width: 85px; height: 23px; background: transparent url(../../images/btnTelecharger.png) no-repeat; position: absolute; right: 20px; bottom: 20px;} #pageDistributeurs #blocDistributeurs a span { display: none; } /************************************************ pageCarteGoogle */ #pageCarteGoogle #blocCarteGoogle { width: 870px; background: transparent url(../../images/bgBlocGoogle.gif) repeat-y;} #pageCarteGoogle #blocCarteGoogle h2 { background: transparent url(../../images/titreCarteGoogle.gif) no-repeat; height: 28px; width: 870px; line-height: 28px; font-size: 16px; padding-left: 13px;} #pageCarteGoogle #blocCarteGoogle .pied { height: 10px; background: transparent url(../../images/piedBlocGoogle.gif) no-repeat left bottom; } #pageCarteGoogle #blocCarteGoogle .contentBloc { padding: 10px 13px 10px 13px; } /************************************************ pagePopupGoogle */ #pagePopupGoogle #Content { width: 910px; padding-top: 10px;} #pagePopupGoogle #mainContent { background-color: #fff; padding-top: 10px; width: 870px; height: 500px;} #pagePopupGoogle #mainContent .fermer {text-align: right; padding: 5px;} #pagePopupGoogle #blocCarteGoogle { width: 870px; background: transparent url(../../images/bgBlocGoogle.gif) repeat-y;} #pagePopupGoogle #blocCarteGoogle h2 { background: transparent url(../../images/titreCarteGoogle.gif) no-repeat; height: 28px; width: 870px; line-height: 28px; font-size: 16px; padding-left: 13px;} #pagePopupGoogle #blocCarteGoogle .pied { height: 10px; background: transparent url(../../images/piedBlocGoogle.gif) no-repeat left bottom; } #pagePopupGoogle #blocCarteGoogle .contentBloc {padding: 10px 13px 10px 13px; } /*********************************************************** pageConcept */ #pageConcept .bloc .contentBloc {width: 633px;} #pageConcept .bloc h3 {font-size: 16px;} #pageConcept .bloc .contentBloc h2 { width: 614px; color: #6B84BB; font-size: 14px; padding: 0 0 5px 0; border-bottom:1px dashed #FD7403; } #pageConcept .bloc .contentBloc h5 { font-size: 18px; padding: 0 0 10px 0;} #pageConcept .bloc .contentBloc h6 { color:#FD7403; font-size: 15px; padding: 10px 0 10px 0;} #pageConcept .bloc .contentBloc .colC1 { float: left; width: 300px; padding: 0 7px 10px 0; } #pageConcept .bloc .contentBloc .colC2 { float: left; width: 300px; } #pageConcept .bloc .contentBloc img { float: left; padding-bottom: 5px;} #pageConcept .bloc .contentBloc ul { list-style: none; } #pageConcept .bloc .contentBloc ul li { background: transparent url(../../images/puceConcept.gif) no-repeat; font-size: 12px; font-weight: bold; padding: 0 0 4px 14px;} /*********************************************************** pageActivités et services */ .pageCorporate .bloc .contentBloc { width: 614px; } .pageCorporate .bloc .contentBloc h5, .pageCorporate .bloc .contentBloc h6 { border-bottom: 1px #92A1B7 solid; margin-bottom: 5px;} .pageCorporate .bloc .contentBloc h5 {font-size: 16px;} .pageCorporate .bloc .contentBloc h6 {font-size: 14px;} .pageCorporate .bloc .contentBloc p { margin-bottom: 10px; font-size: 12px; } .pageCorporate .bloc .contentBloc img { float: left; padding: 5px 5px 0 0;} /*********************************************************** pageEquipe */ #pageEquipe .bloc .contentBloc h5 {padding: 3px 0 0 0;} #pageEquipe .bloc .contentBloc h6 { float: right; width: 500px; margin-top: 15px; padding: 3px 0 0 0;} #pageEquipe .equipe { padding: 5px 0 5px 0; float: right; width: 500px; border-bottom: 1px #92A1B7 dashed;} #pageEquipe .equipe ul, #pageEquipe .equipe .colImage { float: left; } #pageEquipe .equipe .colImage { width: 150px;} #pageEquipe .equipe img {width: 140px;} #pageEquipe .equipe ul { list-style: none; width: 345px;} #pageEquipe .equipe ul li { font-size: 12px; font-weight: normal; padding: 0 0 2px 8px;} /*********************************************************** pageCharte */ #pageCharte .bloc .contentBloc h6 { float: right; width: 500px; padding: 3px 0 0 0;} #pageCharte .bloc .contentBloc .charte{ padding: 5px 0 5px 0; float: right; width: 500px; border-bottom: 1px #92A1B7 dashed;} #pageCharte .bloc .contentBloc .charte img { float: left; padding: 0 5px 0 0;} #pageCharte .bloc .contentBloc ul { list-style: none; } #pageCharte .bloc .contentBloc ul li { font-size: 12px; font-weight: normal; padding: 4px 0 2px 8px;} /*********************************************************** pageMentions */ #pageMentions .bloc h3 {font-size: 16px;} #pageMentions .bloc .contentBloc h7 { display: block; font-size: 12px; font-weight: bold; padding-top: 10px;} /*********************************************************** zoneTexte */ .zoneTexte ul {list-style: none; margin-bottom: 10px;} .zoneTexte ul li { background: transparent url(../../images/puceConcept.gif) no-repeat 0 3px; font-size: 12px; padding-left: 15px;} /****************************************************** AutoCompleter Recherche de véhicule */ #prn_update, #vrprn_update{border: 1px solid #999;background: white;} #prn_update, #vrprn_update ul {margin: 0; padding: 0; list-style: none;} #prn_update, #vrprn_update a {display: block; padding: .2em .3em; text-decoration: none; color: #333;} #prn_update, #vrprn_update ul li a {display: block; padding: .2em .3em; text-decoration: none; font-weight:normal; color: #333;} /*************** styles wisiwig */ .zoneTexte { font-size: 12px; } .zoneTexte .soustitre { color: #12276F; font-size: 14px;} .zoneTexte .textenewsorange { color: #FD7403;} .zoneTexte .textenewsorangeBis { color: #FD7403; font-size: 14px;} .zoneTexte table td { font-size: 12px; } .zoneTexte p, .zoneTexte ul { margin-bottom: 10px; } .zoneTexte ul { margin-left: 20px; } .zoneTexte .textebleu { color: #6B84BB;} .zoneTexte .textebleuBis { color: #FD7403; font-size: 16px;}