/* CCS DU SITE K2SANTE */ /* RST ET BALISE GENERALES */ * { margin:0; padding:0; border:none; outline:none; font-family:Arial, Helvetica, sans-serif; } html, body { background:repeat-x url(../images/background.jpg); color:#000; font-size:12px; overflow:auto; } img { border:0; } h2 { font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#9379d0; line-height:28px; text-align:justify; font-weight:normal; } /* CLASSES GENERALES */ .MAJ { text-transform:uppercase; } .float { float:left; } /******* STRUCTURE GENERALE ****************/ #container { width:964px; position:relative; left:50%; margin-left:-480px; } /* header */ #container #header { width:958px; height:298px; } #container #header #logo { background:url(../images/logo.png); width:341px; height:154px; display:block; position:relative; top:8px; left:10px; float:left ; z-index:3; } #container #header #menu { position:absolute; height:58px; float:left; left:50%; margin-top:-2px; margin-left:-242px; z-index:5; width:730px} #container #header #menu a { float:left; margin-top:2px; display:block; } /* contenu */ #container #contenu { width:964px; } /*---------------------- gestion du menu */ /*-> accueil */ #container #header #menu a.accueil:link, #container #header #menu a.accueil:visited { background:url(../images/menuAccueil-off.jpg); width:34px; height:58px; } #container #header #menu a.accueil:hover, #container #header #menu a.accueil:active { background:url(../images/menuAccueil-on.jpg); } #container #header #menu a.accueil.active { background:url(../images/menuAccueil-active.jpg); } /*-> presentation */ #container #header #menu a.presentation:link, #container #header #menu a.presentation:visited { background:url(../images/menuPresentation-off.jpg); height:58px; width:98px; } #container #header #menu a.presentation:hover, #container #header #menu a.presentation:active { background:url(../images/menuPresentation-on.jpg); } #container #header #menu a.presentation.active { background:url(../images/menuPresentation-active.jpg); } /*-> savoir faire */ #container #header #menu a.savoirfaire:link, #container #header #menu a.savoirfaire:visited { background:url(../images/menuSavoirFaire-off.jpg); height:58px; width:92px; } #container #header #menu a.savoirfaire:hover, #container #header #menu a.savoirfaire:active { background:url(../images/menuSavoirFaire-on.jpg)} #container #header #menu a.savoirfaire.active { background:url(../images/menuSavoirFaire-active.jpg); } /*-> qualite et developpement durable */ #container #header #menu a.qualite:link,#container #header #menu a.qualite:visited { background:url(../images/menuQualite-off.jpg); height:58px; width:233px; } #container #header #menu a.qualite:hover, #container #header #menu a.qualite:active { background:url(../images/menuQualite-on.jpg); } #container #header #menu a.qualite.active { background:url(../images/menuQualite-active.jpg); } /*-> reference */ #container #header #menu a.reference { background:url(../images/menuReference-off.jpg); height:58px; width:86px; } #container #header #menu a.reference:hover, #container #header #menu a.reference:active { background:url(../images/menuReference-on.jpg); } #container #header #menu a.reference.active { background:url(../images/menuReference-active.jpg); } /*-> recrutement */ #container #header #menu a.recrutement { background:url(../images/menuRecrutement-off.jpg); height:58px; width:100px; } #container #header #menu a.recrutement:hover, #container #header #menu a.recrutement:active { background:url(../images/menuRecrutement-on.jpg); } #container #header #menu a.recrutement.active { background:url(../images/menuRecrutement-active.jpg); } /*-> contact */ #container #header #menu a.contact { background:url(../images/menuContact-off.jpg); height:58px; width:74px; } #container #header #menu a.contact:hover, #container #header #menu a.contact:active { background:url(../images/menuContact-on.jpg); } #container #header #menu a.contact.active { background:url(../images/menuContact-active.jpg); } /*--------------------- footer */ #container #footer { clear:both; border-top:1px solid #c9bce7 ; margin-top:10px; height:25px; padding-top:10px; } #container #footer .left { text-align:left; float:left; color:#666666; } #container #footer .left a:link,#container #footer .left a:visited { text-decoration:none; font-size:11px; color:#666666; } #container #footer .left a:hover,#container #footer .left a:active { color:#9379d0; } #container #footer .right { text-align:right; float:right; font-size:11px; color:#666666; } #container #footer .right a:link,#container #footer .right a:visited { text-decoration:none; font-size:11px; color:#666666; } #container #footer .right a:hover,#container #footer .right a:active { color:#9379d0; } /*--------------------- pages internes */ /*-> Baniere Header */ #container #header #bannerHeader { position:absolute; top:74px; z-index:0; left:0; } #container #header #baseline { position:absolute; left:14px; top:220px; z-index:10; height:60px; width:569px; } #container #contenu { width:964px; float:left } #container #contenu #left { width:585px; float:left; border-right:1px solid #e9e9e9; padding:0px 50px 0px 13px; margin:0px 0px 15px 0px } #container #contenu #right { width:310px; float:right; text-align:right;} #container #contenu #left p { font-size:12px; line-height:22px; color:#666666; text-align:justify; } /*-> Box contact */ #container #contenu #right #boxContact { background:url(../images/backBoxRightContact.jpg); height:130px; width:238px; float:right; margin-top:10px; padding:45px 15px 0px 15px; color:#FFF; text-align:left; } #container #contenu #right #boxContact .titre { float:left; width:60px; color:#FFF; font-weight:bold; padding-top:4px; font-size:10px;} #container #contenu #right #boxContact .texte { float:left; color:#FFF; font-size:11px; line-height:20px; padding-top:1px; padding:0px 0px 0px 10px; width:170px; } #container #contenu #right #boxContact #adresse, #container #contenu #right #boxContact #tel,#container #contenu #right #boxContact #fax { border-bottom:1px solid #967dd1; float:left; width:240px; padding-bottom:6px;} #container #contenu #right #boxContact #fax { border-bottom:0;} #container #contenu #right #boxContact #tel { border-bottom:1px solid #967dd1; float:left; padding-bottom:3px;} #container #contenu #right #boxContact #adresse span { text-transform:uppercase; color:#FFF; font-size:15px; font-weight:bold; } #container #contenu #right #boxContact #adresse .titre { padding-top:25px;} /*-> box partenaires */ #container #contenu #right #boxPartenaires { background:repeat-y url(../images/BoxPartenaireInterneBack.jpg); width:268px; float:right; margin-top:15px; } #container #contenu #right #boxPartenaires .boxInterne { background: repeat-x url(../images/BoxPartenaireBackInterne.jpg) 0 bottom; width:254px;margin:0px 0px 2px 6px; float:left; } #container #contenu #right #boxPartenaires .boxInterne .lignePart { background:no-repeat url(../images/BoxPartenaireInterneBackPart.png) right bottom; padding:5px 0px 19px 0px; height:30px; float:left; } #container #contenu #right #boxPartenaires .boxInterne .lignePart.last { background:none; padding:5px 0px 10px 0px; } #container #contenu #right #boxPartenaires .boxInterne .lignePart .logo { float:left; width:122px; border-right:1px solid #979798; text-align:left; height:30px; padding-left:10px; } #container #contenu #right #boxPartenaires .boxInterne .lignePart .nom { float:left; width:106px; text-align:left; padding:7px 0px 0px 15px; color:#666666; font-weight:bold;} /*-> box savoir faire */ #container #contenu #right #boxSavoirFaire { background:repeat-y url(../images/BoxSavoirFaireBack.jpg); width:268px; float:right; margin-top:15px; } #container #contenu #right #boxSavoirFaire .boxInterne { background: repeat-x url(../images/BoxSavoirFaireBackInterne.jpg) 0 bottom; width:251px;margin:0px 0px 2px 7px; float:left; text-align:left; padding:0px 0px 0px 3px; } #container #contenu #right #boxSavoirFaire ul { float:left; margin:5px 0px 5px 20px; } #container #contenu #right #boxSavoirFaire ul li { list-style:none; background: no-repeat url(../images/liBack.gif) 0 7px; line-height:18px; padding:0px 0px 0px 15px; font-size:12px; } /*-> box Error */ #container #contenu #left #boxError { width:628px; background:url(../images/boxErrorBack.jpg); } #container #contenu #left #boxError .boxInterne { padding:0px 0px 0px 15px; } #container #contenu #left #boxError .boxInterne h3 { color:#fb0707; font-size:14px; font-weight:bold; margin:0; padding:0;} #container #contenu #left #boxError .boxInterne { color:#fb0707; padding:15px; } /*-> box Valid */ #container #contenu #left #boxValid { width:628px; background:url(../images/boxValidBack.jpg); } #container #contenu #left #boxValid .boxInterne { padding:0px 0px 0px 15px; } #container #contenu #left #boxValid .boxInterne { color:#497d32; } /*-> formulaires */ #container #contenu #left form input { background:repeat-x url(../images/inputBack.jpg) 0 bottom; height:17px; border:1px solid #e2daf1; padding:2px 0px 0px 2px } #container #contenu #left form textarea { background:repeat-x url(../images/textareaBack.jpg) 0 bottom; height:21px; border:1px solid #e2daf1; height:143px; width:431px; font-size:11px; } /*-> Box liens */ #container #contenu #right #boxLiens { width:268px; margin:0px 0px 15px 0px } #container #contenu #right #boxLiens .boxInterne { border-bottom:1px solid #e9e9e9; margin-left:44px; margin-right:5px; padding:0px 0px 10px 0px} #container #contenu #right #boxLiens ul { margin:0px 10px 0px 20px; } #container #contenu #right #boxLiens ul li { list-style:none; background: no-repeat url(../images/liBack.gif) 0 15px; line-height:30px; padding:2px 0px 0px 15px; font-size:12px; text-align:left; } #container #contenu #right #boxLiens .boxInterne a:link, #container #contenu #right #boxLiens .boxInterne a:visited { color:#666666; text-transform:none; text-decoration:none } #container #contenu #right #boxLiens .boxInterne a:hover, #container #contenu #right #boxLiens .boxInterne a:active,#container #contenu #right #boxLiens .boxInterne a.active:link, #container #contenu #right #boxLiens .boxInterne a.active:visited, #container #contenu #right #boxLiens .boxInterne a.active:hover, #container #contenu #right #boxLiens .boxInterne a.active:active { font-weight:bold; color:#7c5dc6;} /***************************** PAGE ACCUEIL ********************************/ /* header */ #accueil #container #header { width:958px; height:342px; } /* positionnement du flash */ #container #header #flashAccueil { position:absolute; top:74px; z-index:0; left:0; } #container #header #ombre { position:absolute; top:74px; z-index:2; left:0; background:url(../images/ombre.png); height:269px; width:960px } #accueil #container #header #baseline { background:url(../images/baseline.png); position:absolute; left:16px; top:262px; z-index:10; height:81px; width:569px; } /* construction de la page */ #accueil #container #contenu #left { width:595px; float:left; margin:0; padding:0; border:0; } #accueil #container #contenu #right { width:365px; float:right; text-align:right; padding:15px 0px 0px 0px } /* partie gauche */ #accueil #container #contenu #left p { margin:35px 30px 0px 37px; line-height:26px; text-align:justify } #accueil #container #contenu #left #box { background:url(../images/backBoxAccueil.jpg); width:595px; text-align:left; margin:30px 0px 0px 0px} #accueil #container #contenu #left .boxInterne { background:repeat-x url(../images/backBoxInterneAccueil.jpg) 0 bottom; width:554px; margin:30px 0px 2px 18px; padding:0px 0px 10px 10px; float:left } #accueil #container #contenu #left .boxInterne span { font-size:14px; color:#9379d0; font-weight:bold } #accueil #container #contenu #left .boxInterne ul { float:left; margin:0px 0px 10px 15px; } #accueil #container #contenu #left .boxInterne ul li { list-style:none; background: no-repeat url(../images/liBack.gif) 0 11px; line-height:26px; padding:0px 0px 0px 15px; font-size:11px;} /* partie droite */ /*-> box contact */ #accueil #container #contenu #right #boxContact { background:url(../images/backBoxRightAccContact.jpg); height:126px; width:308px; float:right; margin-top:10px; padding:45px 15px 0px 15px; color:#FFF; text-align:left; } #accueil #container #contenu #right #boxContact .titre { float:left; width:75px; color:#FFF; font-weight:bold; padding-top:4px} #accueil #container #contenu #right #boxContact .texte { float:left; color:#FFF; line-height:20px; width:220px; padding-top:1px;} #accueil #container #contenu #right #boxContact #adresse, #accueil #container #contenu #right #boxContact #tel,#accueil #container #contenu #right #boxContact #fax { border-bottom:1px solid #967dd1; float:left; width:311px; padding-bottom:6px;} #accueil #container #contenu #right #boxContact #fax { border-bottom:0;} #accueil #container #contenu #right #boxContact #tel { border-bottom:1px solid #967dd1; float:left; width:311px; padding-bottom:3px;} #accueil #container #contenu #right #boxContact #adresse span { text-transform:uppercase; color:#FFF; font-size:15px; font-weight:bold; } #accueil #container #contenu #right #boxContact #adresse .titre { padding-top:23px;} /*-> box partenaires */ #accueil #container #contenu #right #boxPartenaires { background:url(../images/BoxPartenaireBack.jpg); width:338px; float:right; margin-top:15px; } #accueil #container #contenu #right #boxPartenaires .boxInterne { background: repeat-x url(../images/BoxPartenaireBackInterne.jpg) 0 bottom; width:326px;margin:0px 0px 2px 6px; float:left; } #accueil #container #contenu #right #boxPartenaires .boxInterne .lignePart { background:no-repeat url(../images/BoxPartenaireBackPart.png) right bottom; padding:5px 0px 19px 0px; height:30px; float:left; } #accueil #container #contenu #right #boxPartenaires .boxInterne .lignePart.last { background:none;; padding:5px 0px 10px 0px; } #accueil #container #contenu #right #boxPartenaires .boxInterne .lignePart .logo { float:left; width:150px; border-right:1px solid #979798; text-align:center; height:30px; } #accueil #container #contenu #right #boxPartenaires .boxInterne .lignePart .nom { float:left; width:148px; text-align:left; padding:7px 0px 0px 15px; color:#666666; font-weight:bold;} /********** PAGE présentation ************/ #presentation #container #contenu #left .imGdecal { margin-left:20px; } #presentation #container #contenu #left ul { margin:0px 0px 10px 30px; } #presentation #container #contenu #left ul li { list-style:none; background: no-repeat url(../images/liBack.gif) left 5px; padding:0px 0px 0px 15px; color:#666666; font-size:12px; margin-top:12px; line-height:17px; } /********** PAGE Savoir faire ************/ #savoirFaire #container #contenu #left p { color:#2C2C2C} #savoirFaire #container #contenu #left #decalUl { margin:0px 0px 0px 10px; } #savoirFaire #container #contenu #left #decalUl ul { float:left; margin:0px 0px 0px 20px; } #savoirFaire #container #contenu #left ul li { list-style:none; background: no-repeat url(../images/liBack.gif) 0 9px; line-height:22px; padding:0px 0px 0px 15px; font-size:12px } #savoirFaire #container #contenu #left #images { float:left; margin:35px 0px 35px 0px; } #savoirFaire #container #contenu #left #images img { float:left; } #savoirFaire #container #contenu #left #images #img2 { float:left; margin:0px 9px; } #savoirFaire #container #contenu #left .ulbas { background: no-repeat url(../images/savoirFaireBackUlBas.jpg) right top; clear:both; padding:10px 0px 0px 0px; height:194px;} #savoirFaire #container #contenu #left .ulbas ul { margin:20px 0px 0px 55px; } /********** PAGE Qualite & developpement ************/ #qualite #container #contenu #left { height:510px; } #qualite #container #contenu #left ul { float:left; margin:0px 0px 0px 20px; } #qualite #container #contenu #left ul li { list-style:none; background: no-repeat url(../images/liBack.gif) 0 9px; line-height:22px; padding:0px 0px 0px 15px; font-size:12px } #qualite #container #contenu #left ul { float:left; } #qualite #container #contenu #left img { float:right; } /********** PAGE references ************/ #references #container #contenu #left { margin:15px 0px 0px 0px } #references #container #contenu #left img { float:left; } #references #container #contenu #left .text { float:left; margin:0px 0px 0px 22px; width:300px; text-align:justify; line-height:20px; color:#2c2c2c } #references #container #contenu #left .titre { line-height:22px; font-size:22px; } /********** PAGE plan du site ************/ #plandusite #container #contenu #left #sitemap { border-left:1px solid #61479e; margin-top:15px; padding-left:20px; float:left; } #plandusite #container #contenu #left ul { margin:0px 0px 0px 20px; } #plandusite #container #contenu #left ul li { list-style:none; background: no-repeat url(../images/liBack.gif) 0 15px; line-height:36px; padding:0px 0px 0px 15px; font-size:12px } #plandusite #container #contenu #left ul li a:link, #plandusite #container #contenu #left ul li a:visited { color:#2c2c2c; text-decoration:none; } #plandusite #container #contenu #left ul li a:hover, #plandusite #container #contenu #left ul li a:active { text-decoration:underline;} /*************** PAGE recrutement ***************/ #container #contenu #left .requiredAdvice { width:584px; color:#9379d0; text-align:right; } #container #contenu #left form label { width:90px; float:left; height:21px; } #container #contenu #left form input, #recrutement #container #contenu #left form textarea { float:left; margin:7px 0px 0px 0px; font-size:11px; } #container #contenu #left form input.decalInput { margin:5px 0 0 90px; } #container #contenu #left form ul { margin:0px 0px 0px 0px; } #container #contenu #left form ul li { list-style:none; background: no-repeat url(../images/liBack.gif) 0 15px; line-height:36px; padding:0px 0px 0px 15px; font-size:12px; margin-top:10px; clear:both; height:29px;} #container #contenu #left form ul li.double { height:56px; line-height:28px} #container #contenu #left form ul li.textarea { height:143px; } #container #contenu #left form input.T1 { width:91px; } #container #contenu #left form input.T2 { width:243px } #container #contenu #left form input.T3 { width:342px; } #container #contenu #left form input.T4 { width:370px; } #container #contenu #left #postuler { margin:32px 0 0 104px ; } /*************** PAGE contact ***************/ #contact #container #contenu #left form label { width:120px; float:left; height:21px; } #contact #container #contenu #left #envoyer { margin:32px 0 0 134px ; } /*************** PAGE demande de devis ***************/ #devis #container #contenu #left form input.T1 { width:101px; } #devis #container #contenu #left form input.T2 { width:172px } #devis #container #contenu #left form input.T3 { width:204px; } #devis #container #contenu #left form input.T4 { width:241px; } #devis #container #contenu #left form input.T4BIS { width:282px; } #devis #container #contenu #left form input.T5 { width:370px; } #devis #container #contenu #left form textarea { width:370px } #devis #container #contenu #left form label { width:187px; float:left; height:21px; } #devis #container #contenu #left form li.double { line-height:16px; height:46px; margin-top:5px; } #devis #container #contenu #left form li.double label { height:40px; line-height:16px; margin:9px 0px 0px 0px } #devis #container #contenu #left #envoyer { margin:32px 0 0 200px ; } /*************** PAGE mentions légales ***************/ #mentionslegales #contenu #left { line-height:20px; color:#2c2c2c; } #mentionslegales #contenu #left a:link, #mentionslegales #contenu #left a:visited { font-weight:bold; text-decoration:none; color:#000 } #mentionslegales #contenu #left a:hover, #mentionslegales #contenu #left a:active {} /*************** PAGE plan acces ***************/ #planacces #contenu #left #googlemap { width:569px; height:439px; border:1px solid #e1e1e1; padding:4px 4px 4px 4px; margin-top:2px;} #planacces #contenu #left #map { width:569px; height:439px; } #planacces #contenu #left #boxCoord { color:#2c2c2c;} #planacces #contenu #left #boxCoord .line { border-bottom:1px solid #ebe7f7; width:391px; height:28px; padding-top:10px; } #planacces #contenu #left #boxCoord .line .left { width:150px; float:left; color:#7c5dc6; font-weight:bold; } #planacces #contenu #left #boxCoord .line .right { width:241px; float:left; } #planacces #contenu #left #boxCoord .line.k2sante { height:28px; } #planacces #contenu #left #boxCoord .line.k2sante .right { color:#7c5dc6; font-size:20px; font-weight:bold;} #planacces #contenu #left #boxCoord .line.adresse { height:40px } /* DIVERS */ select { background:none; border:none; margin-top:1px; width:170px; outline:none; } .select_style { float:left; background:url(../images/select.gif) left top no-repeat; width:172px; height:21px; }