* {margin: 0; padding: 0;} body{ margin: 0; padding: 0; font-family: Arial, cursive; font-size:0.9em; color: #000; background: url(../doc/images/centerBg.png); } p { text-indent:1.75em; line-height:1.30em; text-align:justify; padding:0 0 4px 0; } a { text-decoration:none; color:#691e81; font-weight:bold; } a:hover { color:#fea000; font-weight:bold; } h1 { font-size:1.3em; color:#fea000; padding:5px 0 5px 25px ; } h2 { font-size:1.2em; color:#691e81; padding:18px 0 3px 0; } h3 { font-size:1.2em; color:#fea000; padding:10px 0 10px 0; } h4 { font-size:1em; padding:0; } #containerOmbre{ width: 1020px; margin: 0 auto; background:url(../doc/images/ombres.png) repeat-y; } #container{ width: 930px; margin: 0 auto; background:#fff; } /*********************************************/ /* HEADER /*********************************************/ #headerBandeBlanche { height:8px; background:#FFF repeat-x; } #headerBg { height:310px; background:url(../doc/images/headerBg.png) repeat-x; } #headerHaut { height:140px; background:url(../doc/images/headerHautVide930x140.png) no-repeat; } #headerBas{ height:170px; background:url(../doc/images/headerBasVide930x170.png) no-repeat; } #headerBanniere { padding:1px ; /*pour les bordures*/ } /*********************************************/ /* MENU /*********************************************/ #containerMenu{height:75px; width:930px;} #menu { height:75px; padding: 4px 0 0 15px; background:url(../doc/images/menu930x75.png) no-repeat; } #menu li { float:left; list-style:none; margin-right: 12px; } #menu li a {display: block ; text-decoration: none; color:#000; text-align: right; font-size:0.9em;} #menu li a#accueil{background:url(../doc/images/menuAccueil.png) no-repeat bottom left; padding: 29px 4px 5px 0; width: 95px ;} #menu li a#coffrets{background:url(../doc/images/menuCoffrets.png) no-repeat bottom left; padding: 29px 4px 5px 0; width: 130px ;} #menu li a#distributeurs{background:url(../doc/images/menuDistributeurs.png) no-repeat bottom left; padding: 29px 4px 5px 0; width: 160px ;} #menu li a#partenaires{background:url(../doc/images/menuPartenaires.png) no-repeat bottom left; padding: 29px 4px 5px 0; width: 155px ;} #menu li a#engagements{background:url(../doc/images/menuEngagements.png) no-repeat bottom left; padding: 29px 4px 5px 0; width: 165px ;} #menu li a#presse{background:url(../doc/images/menuPresse.png) no-repeat bottom left; padding: 29px 4px 5px 0; width: 100px ;} #menu li a:hover, #menu li a:focus, #menu li a:active{ outline:0; font-size:0.92em; } /* enleve les pointillés pour les liens */ #menu li a:hover#accueil, #menu li a:focus#accueil, #menu li a:active#accueil { background:url(../doc/images/menuAccueilHover.png) no-repeat bottom left; } #menu li a:hover#coffrets, #menu li a:focus#coffrets, #menu li a:active#coffrets { background:url(../doc/images/menuCoffretsHover.png) no-repeat bottom left; } #menu li a:hover#distributeurs, #menu li a:focus#distributeurs, #menu li a:active#distributeurs { background:url(../doc/images/menuDistributeursHover.png) no-repeat bottom left; } #menu li a:hover#partenaires, #menu li a:focus#partenaires, #menu li a:active#partenaires { background:url(../doc/images/menuPartenairesHover.png) no-repeat bottom left; } #menu li a:hover#engagements, #menu li a:focus#engagements, #menu li a:active#engagements { background:url(../doc/images/menuEngagementsHover.png) no-repeat bottom left; } #menu li a:hover#presse, #menu li a:focus#presse, #menu li a:active#presse { background:url(../doc/images/menuPresseHover.png) no-repeat bottom left; } /*********************************************/ /* CENTER /*********************************************/ #containerCenter930 { width:930px; height:auto; } #containerCenterFond{ background:url(../doc/images/centerHautBis.png); /*fond 930px avec contenu dans 750px*/ } #containerCenter750 { width:760px; margin:0 auto; /*Contenu dans 750px avec centrage*/} #centerHaut { height:350px; } #centerHaut p { padding:0 0 8px 0; } #centerHaut h2 { font-size:1.2em; color:#691e81; padding:5px 0 5px 0; } #centerHaut ul { padding-left:30px;} #centerHaut ul li{ padding-top:8px; color:#fea000; } #centerHaut ul li span { color:#000; } #centerHautGauche { width:530px; height:350px; float:left; background:url(../doc/images/centreHautGauche.png) no-repeat;} #centerHG { width:460px; margin:0 auto; padding-top:20px; } #centerHautDroite { width:400px; height:350px; float:right; background:url(../doc/images/centreHautDroite.png) no-repeat;} #centerHD { width:330px; margin:0 auto; } #centerBas { height:360px;} #centerBasGauche { width: 500px; height:360px; float:left; background:url(../doc/images/centreBasGauche.png) no-repeat; } #centerBG { width:380px; margin-top:70px; margin-left:50px; } #centerBasDroite { width:430px; height:350px; float:right; background:url(../doc/images/centreBasDroite.png) no-repeat;} #centerBD { width:350px; margin-top:70px; } /***********************/ /* ACTUALITE BANNIERE /***********************/ #ban { width: 340px; height: 240px; background:url(../doc/images/informationFond.png) no-repeat;} #vignette1 { width: 286px; height: 186px; background:url(../doc/images/vignettes/vignette1.png) ;} #vignette2 { width: 286px; height: 186px; background:url(../doc/images/vignettes/vignette2.png) ;} #vignette3 { width: 286px; height: 186px; background:url(../doc/images/vignettes/vignette3.png) ;} #vignette4 { width: 286px; height: 186px; background:url(../doc/images/vignettes/vignette4.png) ;} #vignette5 { width: 286px; height: 186px; background:url(../doc/images/vignettes/vignette5.png) ;} #vignette1 a, #vignette2 a, #vignette3 a, #vignette4 a, #vignette5 a{display: block; height: 100%; text-decoration: none;} #slideshow { position:relative; overflow:hidden; width: 286px; height: 186px; top:24px; left:26px;} #slideshow .items { width:20000em; position:absolute; clear:both; } #slideshow .items div { float:left; } /***********************/ /* NOS COFFRETS /***********************/ #nosCoffrets { } #nosCoffrets #services { height:280px; width:580px; margin: 0 auto; } #nosCoffrets #photos { height:120px; } #nosCoffrets h2 { padding:24px 0 0 0;} #nosCoffrets table{ text-align:center; font-weight:bold;} #nosCoffrets table tr { height:40px;} #nosCoffrets ul{ padding:0 0 10px 20px;} #nosCoffrets ul li{ padding-top:10px; color:#fea000;/* puce orange*/ } #nosCoffrets ul li span { color:#000; } #nosCoffrets img{ text-align:center;} #nosCoffrets #menage, #enfants, #vitres, #jardinage, #bricolage, #courses, #informatique {clear: both;} #nosCoffrets #menage, #enfants, #vitres, #jardinage, #bricolage, #courses, #informatique , #menage_photos, #enfants_photos, #vitres_photos, #jardinage_photos, #bricolage_photos, #courses_photos, #informatique_photos {display: none;} #nosCoffrets .logoMaison { width:80px; height:69px; } #nosCoffrets .logoMaison_hover{ padding-bottom:12px; width:80px; height:69px; } #nosCoffrets .logoSerenityBoxHomme { width:58px; height:80px; } #slideDistributeurs { height:220px;} /***********************/ /* NOS PARTENAIRE /***********************/ #nosPartenaires ul { padding-left:30px;} #nosPartenaires ul li{ padding-top:8px; color:#fea000; } #nosPartenaires ul li span { color:#000; } #nosPartenaires h2 { padding:20px 0 0 0; } #nosPartenaires h3 { font-size:0.95em; } /***********************/ /* NOS DISTRIBUTEURS /***********************/ #nosDistributeurs table tr{ text-align:center; height:200px;} /***********************/ /* REDUCTION FISCALE /***********************/ #reductionFiscale ul { padding-left:30px;} #reductionFiscale ul li{ padding-top:8px; color:#fea000; } #reductionFiscale ul li span { color:#000; } /***********************/ /* CE-SOCIETE /***********************/ #ceSocietes ul { padding-left:30px;} #ceSocietes ul li{ padding-top:8px; color:#fea000; } #ceSocietes ul li span { color:#000; } /***********************/ /* INFORMATION LEGALE /***********************/ #informationsLegales {} #informationsLegales table { text-align:center;} #informationsLegales .imgPDF { width:45px; height:45px; padding:0 10px 0 0;} #informationsLegales .imgNumAzur { width:184px; height:20px; } /***********************/ /* PRESSE /***********************/ #presse {} #presse .imgPresse{ width:160px; height:200px; padding-bottom:15px; } #presse .videoPresse{ width:220px; height:128px; } #presse table{ width:750px;} #presse table tr{ text-align:center; } #presse table tr td { font-size:0.9em; } /***********************/ /* CONTACT /***********************/ #contact { width:550px;} #contact h2 { text-align:left;} #contact table {} #contact table td{ padding:10px 0 0 0; color:#000; text-align:left; } #contact input[type=text], textarea, #type_question { border:1px solid #e7e8e9; color:#691e81; background-color:#F0F0F0; padding:2px; } #contact input[type=text]:focus, textarea:focus { background-color:#fff; padding:2px; } #contact #type_question { width:240px; } #contact .contactEnvoyer, .contactAnnuler { width:100px;} /***********************/ /* ENGAGEMENTS /***********************/ #nosEngagements { } #nosEngagements ul { padding-left:30px;} #nosEngagements ul li{ padding-top:8px; color:#fea000; } #nosEngagements ul li span { color:#000; } /***********************/ /* FAQ /***********************/ #faq .titreFAQ { padding-right:10px; height:30px; width:30px;} /***********************/ /* TEMOIGNAGES /***********************/ #temoignages .titreTemoignage { padding-right:10px; height:38px; width:38px; } /*********************************************/ /* Footer /*********************************************/ #containerFooter {background:url(../doc/images/footerBg.png); height:200px; } #footerBandeGrise{ height:2px; background:#868686 repeat-x;} #footer { width:930px; margin: 0 auto; } #footer ul { float:left; padding: 25px 70px 0 0 ; color:#FFF; } #footer ul span { font-size:0.9em; font-weight:bold; color:#E2E2E2; } #footer ul li { list-style:none; margin:0 10px; padding:0 10px 4px 4px; border-left:1px solid #E2E2E2; color:#CCC; } #footer ul li a { display:block; font-size:0.85em; color:#CCC; text-decoration:none;} #footer ul li a:hover { color:#F0F0F0;} #footer .logoSerenityBoxHomme { width:73px; height:110px; padding:50px 20px 0 20px; } /*********************************************/ /* Images /*********************************************/ .pubTrouvea { width:170px; height:40px; padding: 25px 0 0 70px; } .logoKelkoo { width:153px; height:60px; padding: 25px 0 0 70px; } /*********************************************/ /* Standard /*********************************************/ h2 a{ color:#691e81; } td a:hover {color:#fea000;} a img{ border:0;} .violet { color:#691e81; font-weight:bold; } .orange { color:#fea000; font-weight:bold; } .center { text-align:center; } .left { text-align:left; } .right { text-align:right; } .italic { font-style:italic;} #clearPage { height:50px; }