*{margin:0px; padding:0px;} /*----------------------------------------------------------------------------------------------------------BALISES GENERALES----*/ /*---------------------------------------------------------------------LIENS TEXTE----*/ a{color:#333333;text-decoration:none; outline:none} a:hover{color:#cc0000;text-decoration:none;outline:none} ul,li{ list-style-type:none; display:inline;} /*-------------------------------------------------------------------------IMAGES----*/ a img{ border:none} /*-------------------------------------------------------------------------HR----*/ hr{ border:0.07em dashed #CCCCCC; margin:5px 0} /*----------------------------------------------------------------------h1, h2, h3----*/ h1,h2,h3{color:#cc0000; text-indent:-9999px } h4{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; margin:20px 0} /*---------------------------------------------------------------------COULEURS----*/ .rouge{ color:#cc0000} .blanc{ color:#ffffff} .grisfonce{ color:#333333} .grisclair{ color:#666666} .gras{ font-weight:bold} .maj { text-transform:uppercase} .font12{ font-size:12px} .center{ text-align:center} .masquer { font-size: 0px; position: absolute; left: -5000px; overflow: hidden;} .right {float:right} /*--------------------------------------------------------------------------------------------------------------------=BODY=----*/ body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color: #333333; text-align:center; margin-bottom:30px; } /*----------------------------------------------------------------------------------------------------------------==GLOBAL==----*/ #global{ width:790px; margin :0 auto; text-align:left; } #global-600px{ width:600px; margin :0 auto; text-align:left; } /*-------------------------------------------------------------------------------------------------===HEADER===----*/ #header{ width:790px; height:145px; } #header-600px{ width:600px; height:145px; } /*-----------------------------------------------------MENU----*/ #menu{ width:790px; height:54px; float:left; } #menu-600px{ width:590; height:54px; float:left; } #menu-600px ul li,#menu ul li { float:left; height:27px; text-indent:-9999px; } #menu-600px ul li a,#menu ul li a{ display:block; height:27px; text-indent:-9999px } #lexique a,#plansite a, #rechercher a, #partenaires a, #lexique-active,#plansite-active, #rechercher-active{width:28px;} #default a,#services a,#entretien-pose a,#contact a, #default-active,#services-active,#entretien-pose-active,#contact-active{width:154px;} #defibrillateur a, #defibrillateur-active{width:280px;} #produits a,#presse a,#legislation a,#sav a, #produits-active,#presse-active,#legislation-active,#sav-active{width:100px;} #devis a,#devis-active{width:200px;} #defibrillateur-mini{width:108px;} #default a {background:url(../IMG/bt-default.gif) no-repeat bottom left; } #default a:hover {background:url(../IMG/bt-default.gif) no-repeat top left;} #default-active { background:url(../IMG/bt-default.gif) no-repeat bottom left;} #services a { background:url(../IMG/bt-services.gif) no-repeat bottom left; } #services a:hover { background:url(../IMG/bt-services.gif) no-repeat top left;} #services-active { background:url(../IMG/bt-services.gif) no-repeat bottom left;} #produits a {background:url(../IMG/bt-produits.gif) no-repeat bottom left; } #produits a:hover { background:url(../IMG/bt-produits.gif) no-repeat top left;} #produits-active { background:url(../IMG/bt-produits.gif) no-repeat bottom left;} #entretien-pose a { background:url(../IMG/bt-entretien-pose.gif) no-repeat bottom left; } #entretien-pose a:hover { background:url(../IMG/bt-entretien-pose.gif) no-repeat top left;} #entretien-pose-active { background:url(../IMG/bt-entretien-pose.gif) no-repeat bottom left;} #devis a {background:url(../IMG/bt-devis.gif) no-repeat bottom left;} #devis a:hover { background:url(../IMG/bt-devis.gif) no-repeat top left;} #devis-active { background:url(../IMG/bt-devis.gif) no-repeat bottom left;} #partenaires a { background:url(../IMG/bt-rechercher.gif) no-repeat bottom left; } #partenaires a:hover { background:url(../IMG/bt-rechercher.gif) no-repeat top left;} #partenaires-active { background:url(../IMG/bt-rechercher.gif) no-repeat bottom left;} /*#rechercher a { background:url(../IMG/bt-rechercher.gif) no-repeat bottom left; } #rechercher a:hover { background:url(../IMG/bt-rechercher.gif) no-repeat top left;} #rechercher-active { background:url(../IMG/bt-rechercher.gif) no-repeat bottom left;} */ #lexique a {background:url(../IMG/bt-lexique.gif) no-repeat bottom left; } #lexique a:hover { background:url(../IMG/bt-lexique.gif) no-repeat top left;} #lexique-active { background:url(../IMG/bt-lexique.gif) no-repeat bottom left;} #defibrillateur a {background:url(../IMG/bt-defibrillateur.gif) no-repeat bottom left; } #defibrillateur a:hover { background:url(../IMG/bt-defibrillateur.gif) no-repeat top left;} #defibrillateur-active { background:url(../IMG/bt-defibrillateur.gif) no-repeat bottom left;} #defibrillateur-mini a {background:url(../IMG/bt-defibrillateur-mini.gif) no-repeat bottom left; } #defibrillateur-mini a:hover { background:url(../IMG/bt-defibrillateur-mini.gif) no-repeat top left;} #defibrillateur-mini-active { background:url(../IMG/bt-defibrillateur-mini.gif) no-repeat bottom left;} #legislation a {background:url(../IMG/bt-legislation.gif) no-repeat bottom left; } #legislation a:hover { background:url(../IMG/bt-legislation.gif) no-repeat top left;} #legislation-active { background:url(../IMG/bt-legislation.gif) no-repeat bottom left;} #presse a {background:url(../IMG/bt-presse.gif) no-repeat bottom left; } #presse a:hover { background:url(../IMG/bt-presse.gif) no-repeat top left;} #presse-active { background:url(../IMG/bt-presse.gif) no-repeat bottom left;} #sav a { background:url(../IMG/bt-sav.gif) no-repeat bottom left; } #sav a:hover { background:url(../IMG/bt-sav.gif) no-repeat top left;} #sav-active { background:url(../IMG/bt-sav.gif) no-repeat bottom left;} #contact a { background:url(../IMG/bt-contact.gif) no-repeat bottom left; } #contact a:hover { background:url(../IMG/bt-contact.gif) no-repeat top left;} #contact-active { background:url(../IMG/bt-contact.gif) no-repeat bottom left;} #plansite a { background:url(../IMG/bt-plansite.gif) no-repeat bottom left; } #plansite a:hover { background:url(../IMG/bt-plansite.gif) no-repeat top left;} #plansite-active { background:url(../IMG/bt-plansite.gif) no-repeat bottom left;} /*-----------------------------------------------------------------------------------------------===WRAPPER===----*/ #wrapper{ width:790px; background:url(../IMG/fond-wrapper.gif) repeat-y ; float:left; } #wrapper-600px{ width:590px; background:url(../IMG/fond-wrapper-600px.gif) repeat-y ; float:left; } /*---------------------------------------------------CONTENT----*/ #content{ width:790px; float:left; } #content-600px{ width:510px; margin:40px; } /*----------------------------------------------------------------------------====BLOC DROIT====----*/ #bloc-droit{ width:490px; float:left; line-height:1.5em; padding-bottom:30px; margin:0 0px 0 50px; } /*----------------------------------------------------------------------------====BLOC DROIT====----*/ #text-plan, #text-contact,#text-form,#text{ width:490px; float:left; margin-right:40px; } #text-partenaires{ float:left; margin:0 50px; } #text-plan{ margin-left:90px; width:400px} #text-contact{ margin-left:100px; width:390px} #text-form{ width:440px;margin-left:50px;} /*-------------------------------CONTENU / PLAN DU SITE----*/ #text-plan ul{ list-style-type:none; font-size:1.1em} #text-plan li { margin-top:15px;display:block;} #text-plan li a{ text-decoration:none; font-weight:bold; color:#666666; } #text-plan li a:hover{color:#cc0000;} /*---------------------------------------------------------------------------TITRES PAGES----*/ #titre-default, #titre-services, #titre-produits, #titre-sav, #titre-presse,#titre-videos, #titre-legislation, #titre-lexique, #titre-defibrillateur, #titre-devis,#titre-devis-formD,#titre-devis-formR, #titre-entretien-pose, #titre-contact, #titre-mentions, #titre-plansite,#titre-inscription,#titre-boutique,#titre-packs,#titre-mon-compte,#titre-videos,#titre-pdf,#titre-partenaires {width:490px;height:180px; float:right ;} #titre-merci{width:490px;height:150px; float:right ;} #titre-default{background:url(../IMG/titre-page-default.gif) no-repeat top right;} #titre-services{background:url(../IMG/titre-page-services.gif) no-repeat top right;} #titre-produits{background:url(../IMG/titre-page-produits.gif) no-repeat top right;} #titre-sav{background:url(../IMG/titre-page-produits-details.gif) no-repeat top right;} #titre-presse{background:url(../IMG/titre-page-presse.gif) no-repeat top right;} #titre-legislation{background:url(../IMG/titre-page-legislation.gif) no-repeat top right;} #titre-lexique{background:url(../IMG/titre-page-lexique.gif) no-repeat top right;} #titre-defibrillateur{background:url(../IMG/titre-page-defibrillateur.gif) no-repeat top right;} #titre-devis{background:url(../IMG/titre-page-devis.gif) no-repeat top right;} #titre-devis-formD{background:url(../IMG/titre-page-devis-formD.gif) no-repeat top right;} #titre-devis-formR{background:url(../IMG/titre-page-devis-formR.gif) no-repeat top right;} #titre-entretien-pose{background:url(../IMG/titre-page-pose.gif) no-repeat top right;} #titre-contact{background:url(../IMG/titre-page-contact.gif) no-repeat top right;} #titre-mentions{background:url(../IMG/titre-page-mentions.gif) no-repeat top right;} #titre-plansite{background:url(../IMG/titre-page-plansite.gif) no-repeat top right;} #titre-merci{background:url(../IMG/titre-page-merci.gif) no-repeat top right;} #titre-inscription{background:url(../IMG/titre-page-inscription.gif) no-repeat top right;} #titre-boutique{background:url(../IMG/titre-page-boutique.gif) no-repeat top right;} #titre-packs{background:url(../IMG/titre-page-packs.gif) no-repeat top right;} #titre-mon-compte{background:url(../IMG/titre-page-mon-compte.gif) no-repeat top right;} #titre-videos{background:url(../IMG/titre-page-videos.gif) no-repeat top right;} #titre-pdf{background:url(../IMG/titre-page-pdf.gif) no-repeat top right;} #titre-partenaires{background:url(../IMG/titre-page-partenaires.gif) no-repeat top right;} #titre-actualites{background:url(../IMG/titre-page-actualites.gif) no-repeat top right;} #titre-actualites{width:490px;height:180px; float:right ;} /*---------------------------------------------------------------------------SOUS TITRE PAGES----*/ #soustitre-default1,#soustitre-default2,#soustitre-default3,#soustitre-default0,#soustitre-default5, #soustitre-services1,#soustitre-services2,#soustitre-services3, #soustitre-sav1,#soustitre-contact1,#soustitre-merci1, #soustitre-defibrillateur1,#soustitre-defibrillateur2,#soustitre-defibrillateur3,#soustitre-defibrillateur4, #soustitre-defibrillateur5,#soustitre-defibrillateur6,#soustitre-defibrillateur7, #soustitre-entretien-pose1,#soustitre-entretien-pose2,#soustitre-entretien-pose3,#soustitre-devis1, #soustitre-produit1,#soustitre-produit2, #soustitre-produit-details1,#soustitre-produit-details2 {width:490px;height:40px; } #soustitre-actu, #soustitre-nouveaute{width:200px;height:40px; } #soustitre-form1,#soustitre-form2,#soustitre-form3,#soustitre-form4,#soustitre-form5 {width:390px;height:40px; } #soustitre-default0{background:url(../IMG/titre-default0.gif) no-repeat bottom left;} #soustitre-default1{background:url(../IMG/titre-default1.gif) no-repeat bottom left;} #soustitre-default2{background:url(../IMG/titre-default2.gif) no-repeat bottom left;} #soustitre-default3{background:url(../IMG/titre-default3.gif) no-repeat bottom left;} #soustitre-default5{background:url(../IMG/titre-default5.gif) no-repeat bottom left;} #soustitre-services1{background:url(../IMG/titre-services1.gif) no-repeat bottom left;} #soustitre-services2{background:url(../IMG/titre-services2.gif) no-repeat bottom left;} #soustitre-services3{background:url(../IMG/titre-services3.gif) no-repeat bottom left;height:70px;} #soustitre-services4{background:url(../IMG/titre-services4.gif) no-repeat bottom left;height:40px;} #soustitre-sav1{background:url(../IMG/titre-sav1.gif) no-repeat bottom left;} #soustitre-contact1{background:url(../IMG/titre-contact1.gif) no-repeat bottom left;height:70px;} #soustitre-merci1{background:url(../IMG/titre-merci1.gif) no-repeat bottom left} #soustitre-entretien-pose1{background:url(../IMG/titre-entretien-pose1.gif) no-repeat bottom left;} #soustitre-entretien-pose2{background:url(../IMG/titre-entretien-pose2.gif) no-repeat bottom left;} #soustitre-entretien-pose3{background:url(../IMG/titre-entretien-pose3.gif) no-repeat bottom left;} #soustitre-defibrillateur1{background:url(../IMG/titre-defibrillateur1.gif) no-repeat bottom left;} #soustitre-defibrillateur2{background:url(../IMG/titre-defibrillateur2.gif) no-repeat bottom left;} #soustitre-defibrillateur3{background:url(../IMG/titre-defibrillateur3.gif) no-repeat bottom left;} #soustitre-defibrillateur4{background:url(../IMG/titre-defibrillateur4.gif) no-repeat bottom left;} #soustitre-defibrillateur5{background:url(../IMG/titre-defibrillateur5.gif) no-repeat bottom left;height:70px;} #soustitre-defibrillateur6{background:url(../IMG/titre-defibrillateur6.gif) no-repeat bottom left;height:60px} #soustitre-defibrillateur7{background:url(../IMG/titre-defibrillateur7.gif) no-repeat bottom left;} #soustitre-produit1{background:url(../IMG/titre-produits1.gif) no-repeat bottom left;} #soustitre-produit2{background:url(../IMG/titre-produits2.gif) no-repeat bottom left;} #soustitre-produit-details1{background:url(../IMG/titre-produits-details1.gif) no-repeat bottom left;} #soustitre-produit-details2{background:url(../IMG/titre-produits-details2.gif) no-repeat bottom left;} #soustitre-devis1{background:url(../IMG/titre-devis1.gif) no-repeat bottom left;height:90px} #soustitre-form1{background:url(../IMG/titre-devis-form1.gif) no-repeat bottom left} #soustitre-form2{background:url(../IMG/titre-devis-form2.gif) no-repeat bottom left} #soustitre-form3{background:url(../IMG/titre-devis-form3.gif) no-repeat bottom left; height:60px} #soustitre-form4{background:url(../IMG/titre-devis-form4.gif) no-repeat bottom left} #soustitre-form5{background:url(../IMG/titre-devis-form5.gif) no-repeat bottom left; height:60px} #soustitre-actu{background:url(../IMG/titre-page-actu.gif) no-repeat bottom left; } #soustitre-nouveaute{background:url(../IMG/titre-page-nouveaute.gif) no-repeat bottom left; } /*----------------------------------------------------------------------------====BLOC GAUCHE====----*/ #bloc-gauche{ width:220px; float:left; margin:0 0 30px 0; } #fond-actu { background:url(../IMG/fond-Actu.gif) no-repeat top right; width:220px; height:490px; } #fond-nouveaute { background:url(../IMG/fond-Nouveaute.gif) no-repeat top right; width:220px; height:170px; margin:0 0 30px 0; } #fond-actu-text, #fond-nouveaute-text{ padding:5px 20px; line-height:1.5em; font-size:10px; } #fond-actu-text p a, #fond-nouveaute-text p a { color: #333333} #fond-actu-text p a:hover, #fond-nouveaute-text p a:hover{ color:#cc0000; text-decoration:underline} #visuelpage-devisOK, #visuelpage-devis-form{ width:258px; height:300px; float:left; margin-left:2px } #visuelpage-boutique { margin:20px 0 0 5px} #visuelpage,#visuelpage-produits{ width:258px; height:350px; float:left; margin-left:2px } #visuelpage-default{ width:258px; height:269px; float:left; margin-left:2px } #visuelpage-videos{ width:258px; height:280px; float:left; margin-left:2px } #visuelpage-plansite{ width:258px; height:270px; float:left; margin-left:2px } #visuelpage-presse{ width:258px; height:194px; float:left; margin-left:2px } #bloc-coordonnees{ width:220px; float:left; margin-left:30px; font-size:1.1em; line-height:1.4em; position:relative; } #bloc-coordonnees a{ color:#999999;} #bloc-coordonnees a:hover{ color:#333333} /*-- Liens Coordonnes ---*/ #liensfrance{ width:155px; height:155px; position:absolute; top:700px; } #NO,#NE,#SO,#SE{float:left;} #NO a,#NE a,#SO a,#SE a{display:block;text-indent:-99999px;font-size:0em; cursor:pointer;} #NO a{ width:87px; height:78px; } #NE a{ width:68px; height:78px; } #SO a{ width:87px; height:77px; } #SE a{ width:68px; height:77px; } /*--------------------------------------------------------------------------------------------------===FOOTER===----*/ #footer{ width:750px; height:40px; padding:20px 40px 0 0; text-align:right; clear:both; background:url(../IMG/fond-footer.gif) no-repeat top left; } #footer-600px{ width:590px; height:60px; text-align:center; clear:both; background:url(../IMG/fond-footer-600px.gif) no-repeat top left; } /*----------------------------------------------------------------------------PAGE 1/2 suivante--*/ /*#compteur-pages{ width:411px; float:left; margin:0 20px;} #compteur-pages div{float:left} #compteur-page1{text-align:left; width:100px} #compteur-page2{text-align:center;width:211px} #compteur-page3{text-align:right;width:100px} #compteur-pages a {} #compteur-pages a:hover {}*/ /*dl{float:left} dt{ margin:10px 0 2px 0} .fiche{ margin-bottom:15px; float:left; } .filariane-dynamique{ width:402px; height:20px; float:left; color:#FFFFFF; background:#666666; padding-right:10px; text-align:right; font-weight:bold } .text-detail-vehicule{ width:400px; padding-left:10px; float:left; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC } .voir-fiche{ width:392px; float:left; height:18px; padding:0 10px 0 10px; background:#CCCCCC; } #retrait-annonce{padding-right:10px;} #retrait-annonce-fiche{padding-right:200px;}*/ .verif-champs { background:#F9D2D9; color:#cc0000;} .aide-sousmenu { color:#999999} .aide-sousmenu a { color:#999999} .aide-sousmenu a:hover{ color: #cc0000} #espace-pageattente td{ padding:0 0 10px 0} #espace-pageattente table { margin-top:20px} #espace-pageattente td img {border:1px solid #cccccc;margin-right:15px} /*-----------------------------------------------MENU PAGE PRESSE VIDEO--*/ ul.menu_video { border:1px solid #CCCCCC; padding:10px; height:20px; margin:0 0 20px 0; display:block; text-align:center; clear:both; color:#999999} ul.menu_video li{ display:inline; } ul.menu_video li a{ color:#cc0000} ul.menu_video li a:hover { text-decoration:underline; color: #333333} /*-----------------------------------------------PAGE LEGISLATION--*/ div#bloc-droit ul.legislation {width:464px; float:right;padding-bottom:20px} div#bloc-droit ul.legislation li{ display:block; }