body {margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;} body, div, input, td, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-color: #022d58; border-width: 1px; text-align: justify;} #global {text-align: left; width: 900px; margin: 0px auto; padding: 0px; overflow: hidden;} #header{float: left; width: 898px; height: 78px; border: 1px solid #000000; background: #000000} #espaceConnexion{text-align: right; float: left; width: 177px; height: 78px; color: #ffffff; overflow: hidden} #container{float : left; width: 898px; border: 1px solid #000000; background: #ffffff} #diapo{float: left} #contenu{float: left; width: 898px; margin-bottom: 30px; overflow: hidden} /*** Page Accueil ***/ #txtBienvenue{float: left; width: 280px; padding: 5px 10px; margin-bottom: 20px} #diapoEts{float: left; width: 576px; background: #ffffff url(images/bg_diapo_ets.gif)} #diapoEtsContenu{float: left; width: 556px; padding: 0px 10px 0px 10px} #diapoEtsImg{float: left; width: 299px; height: 185px; padding: 2px 2px;} #diapoEtsTxt{float: left; width: 248px; height: 185px; padding: 2px 2px;} /** Page A propos ***/ #titreArticle{color: #3381b3; float: left; width: 100%; text-align: center; padding: 10px 10px 15px 10px; font-weight: bold; font-size: 18px;} #colGauche{font-size: 12px; float: left; width: 427px; padding: 0px 10px; border-right: 2px solid #cccccc;} #colDroite{font-size: 12px; float: left; width: 429px; padding: 0px 10px;} /** Page de contact **/ .contact{border: 1px solid #3381b3; margin-top: 5px;float: left; width: 415px; padding: 5px;} .infoContact{float: left; width: 252px;} .imgContact{float: left; width: 153px; height: 111px;} /** Page des offres **/ .offreVehicule{padding: 5px 5px 0px 5px; float: left; width: 280px; border: 1px solid #c1c1c1; height: 195px; margin-bottom: 5px; } .offreRaison{float: left; text-align: center; width: 270px; padding: 5px; border-bottom: 1px solid #c1c1c1; } .offreImg{float: left; text-align: center; height: 120px; width: 160px; padding-top: 5px; } .offrePrix{float: left; width: 110px; padding: 5px; text-align: center; height: 115px; background: #ffffff url(images/promo.jpg) no-repeat center; } .offrePrixChiffre{position: relative; top: 47px; font-weight: bold; font-size: 10px; color: #27458d;} .offreModele{clear: both; width: 280px; text-align: center;} /*** Page Recherche Véhicule ***/ #criteresRech{float: left; width: 898px; height: 85px; background: #000000 url(images/bg_criteres_recherche.gif) no-repeat; overflow: hidden} #criteresRechVide{float: left; width: 252px; height: 85px;} #criteresRechListes{float: left; width: 410px; height: 75px; padding: 5px;} #criteresRechTris{float: left; width: 216px; height: 45px; padding: 5px;} #criteresRechAffichage{float: left; width: 216px; height: 20px; padding: 5px} #listLogosMarq{float: left; width: 878px; padding: 10px; color: #003366; font-weight: bold} #listingVehicule{float: left} .vehicule{float: left; height: 180px; width: 213px; padding: 5px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc} .vehiculeImg{float: left; width: 160px; height: 120px; padding: 0px 26px; overflow: hidden} .vehiculeTxt{float: left; width: 160px; height: 35px; padding: 0px 26px; overflow: hidden} .vehiculePrix{color: #666666; font-weight: bold} .vehiculeCompare{float: right;} .vehiculePref{float: left; padding: 5px 26px; width: 100%;} .pagination{float: left; width: 348px; padding-left: 350px; color: #003366} .pageEnCours{background: #003366; font-size: 14px; color: #ffffff; font-weight: bold} .nbVehicules{float: left; width: 200px; text-align: right; color: #003366} /*** Page Détail d'un véhicule ***/ /*** Page comparatif ***/ #page-comp{width: 898px; background: #ff0000; padding: 10px 5px; } /*** Page prestations ***/ .colPresta{float: left; width: 430px;} .headPresta{width: 100%; text-align: right; padding-bottom: 5px; border-bottom: 1px solid #cccccc;} .infoPresta{margin-top: 10px; width: 100%;} #piedContainer{float: left; width: 898px} #col1PiedContainer{float: left; width: 279px; height: 250px; padding: 5px 10px; margin-bottom: 20px; border-right: 1px solid #cccccc} #col2PiedContainer{float: left; width: 277px; height: 250px; padding: 5px 10px; margin-bottom: 20px; background: #ffffff url(images/people_choux_auto.jpg) no-repeat; border-right: 1px solid #cccccc} #imgCol2{float: left; width: 181px} #txtCol2{float: right; width: 97px; text-align: right} #col3PiedContainer{float: left; width: 275px; height: 250px; padding: 5px 10px; margin-bottom: 20px} /***Newsletter ***/ #newsletter {float: left; width: 275px; height: 31px; margin: 0;} #newsletter form {position: relative; margin: 0; padding: 0; height: 29px; background: url(images/newsletter_bg_input.gif) no-repeat;} #newsletter input {vertical-align: middle;} #newsletter input#txtNewsletter {width: 220px; margin: 2px 0 0 35px; padding: 0; font-size: 11px; color: #999; border: 1px solid #fff;} #newsletter input#btnNewsletter {position: absolute; top: 2px; right: 5px;} .prixPublicProduit{float: left; width: 100%; height: 20px; text-align: center; font-size: 12px; font-weight: bold; color: #1c1c1c; text-decoration: line-through; overflow: hidden} .prixProduit{float: left;width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: #1c1c1c; overflow: hidden;} #footer{float: left; width: 898px; height: 34px; margin-top: 5px; border: 1px solid #000000; background: #ffffff} #logoFooter{float: left; width: 595px; margin: 1px 0px 0px 5px} #infoplus{float: left; width: 293px; text-align: right; margin: 10px 5px 0px 0px} /********** Styles sur les images **********/ img{border: 0px;} .image{ float: left;} .noborder{ border: 0px;} /********** Styles sur les liens **********/ /* Défaut */ a:link { font-size: 10px; color: #2268ab; text-decoration: none;} a:visited { font-size: 10px; color: #2268ab; text-decoration: none;} a:hover { font-size: 10px; color: #2268ab; text-decoration: underline;} /* liens criteres */ a.critere:link { font-size: 10px; color: #ffffff; text-decoration: none;} a.critere:visited { font-size: 10px; color: #ffffff; text-decoration: none;} a.critere:hover { font-size: 10px; color: #ffffff; text-decoration: underline;} /* liens sur le libellé des vehicules dans le listing */ a.vehiculeLib:link { font-size: 10px; color: #003366; font-weight: bold; text-decoration: underline;} a.vehiculeLib:visited { font-size: 10px; color: #003366; font-weight: bold; text-decoration: underline;} a.vehiculeLib:hover { font-size: 10px; color: #ff9900; font-weight: bold; text-decoration: underline;} /* liens des numéros de pages */ a.page:link {background: #ffffff; font-size: 12px; color: #003366; font-weight: bold} a.page:visited {background: #ffffff; font-size: 12px; color: #003366; font-weight: bold} a.page:hover {background: #003366; font-size: 12px; color: #ffffff; font-weight: bold} /********** Styles sur les boutons **********/ input.bouton { background-color: #ffffff; border: 1px solid #022d58;} /********** Styles sur les textes **********/ .centrer{text-align: center;} .gras{font-weight: bold;} .italique{font-style: italic;} .grasItalique{ font-style: italic; font-weight: bold;} .etoile{ color: #ff0000;} .loi{ color: #dea387; text-align: justify;} .txtErreur{ color: #ff0000;} .txtCorrect{ color: Green;} .titre{font-family: Arial, Verdana; color: #3381b3; font-size: 18px;} .highlight{color: #3381b3; font-weight: bold;} hr{color: #666666; border-color: #666666; background-color: #666666;height: 1px; border: 0;} p{text-indent:0.5cm; line-height: 15px;} /********** Style sur l'effet Afficher/Cacher une div **********/ .cache { display: none; visibility: hidden; overflow: hidden; position: absolute;}