/* Feuille de style CSS3 : www.weblinear.fr V3 crée par weblinear */ html {} body { margin: 0; padding: 0; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; background: #96a9c1; color:#FFFFFF; } /* ---------- BLOCS PRINCIPAUX -------------------- */ #container {width:100%;height:100%; background-color:#FFFFFF;} #conteneur {width:900px;height:100%; min-height:670px;position: relative;margin-left:auto;margin-right:auto;overflow: hidden; background-image:url(../images/fond-gr.jpg); background-repeat:no-repeat; background-color:#FFFFFF;top:0; } #header{ float:left;width:900px; height:70px;} #content{float:left;width:900px; min-height:640px;height:100%; } #content2{float:left;width:900px; min-height:1200px;height:100%; } #content3{float:left;width:900px; min-height:1800px;height:100%; } #footer{ float:left;width:100%; height:auto;} /* ---------- index -------------------- */ .header-logo{ float:left; width:30px; height:40px; margin-left:40px; margin-right:20px; } #content-desc{ position:absolute;width:900px;height:220px;top:430px;left:0px; } #content-desc-weblinear{ position:absolute; height:220px; width:500px; left:260px; background-image:url(../images/index_fond-cadre.jpg); background-repeat:no-repeat; padding-top:20px;} #footer-blu{ position:absolute;width:100%; height:auto; background-color:#96a9c1; border-top: 10px solid #748aa5; background-image:url(../images/footer-fondu.jpg); background-repeat:repeat-x;} #content-logo{ position:relative; width:900px; height:91px; margin-top:-90px; background-image:url(../images/footer-webl-v3.png); background-repeat:no-repeat;margin-left:auto;margin-right:auto; } #footer-menu{position:relative; width:900px; height:91px; margin-top:10px; margin-left:auto;margin-right:auto; left:50px;} #footer-blog{ position:absolute; width:180px; height:60px; right:100px; top:-10px;} /* ---------- content fond -------------------- */ #content-desc-job{position:absolute; height:410px; width:670px; left:50px; background-image:url(../images/fond-web-job.png); background-repeat:no-repeat; top:50px;} #content-desc-comp{position:absolute; height:410px; width:670px; left:50px; background-image:url(../images/fond-competences.png); background-repeat:no-repeat; top:50px; padding-top:75px; padding-left:70px;} #content-desc-contact{position:absolute; height:410px; width:670px; left:50px; background-image:url(../images/fond-contact.png); background-repeat:no-repeat; top:50px;} #content-desc-portfolio{ position:absolute; height:100%; width:800px; left:50px; top:50px;} /* ---------- desc job -------------------- */ #content-desc-job-para{ position:absolute; height:250px; width:550px;top:80px; left:70px;} .para_desc{ color:#999999;text-align:justify; } #content-desc-comp-para{ float:left; height:240px; width:210px;} #content-desc-inspi-para{ float:left; height:540px; width:250px; padding-top:50px;padding-left:60px; } /* ---------- BLOCS PORTFOLIO -------------------- */ #nh-portfolio-desc{ float:left; width:171px; height:130px; margin-right:10px;margin-left:10px; color: #CECECE; text-align:justify; } #nh-portfolio-desc a:link, #nh-portfolio-desc a:visited{color:#96a9c1; text-decoration:none; font-weight:bold; font-size:1.0em;} #nh-portfolio-desc a:hover{text-decoration:underline; color:#D8D8D8;} .portfolio-desc-maquette{ float:left; width:166px; height:50px; margin-right:16px;margin-left:12px;} .vide-desc-maquette{ float:left; width:166px; height:50px; margin-right:16px;margin-left:12px;} #vide-desc{ float:left; width:171px; height:130px; margin-right:10px;margin-left:10px; color: #CECECE; text-align:justify; } #vide{ float:left; width:171px; height:151px; margin:10px;} #vide a:link, #vide a:visited{margin:0; background: url(../images/portfolio/vide.png) no-repeat 0 0; display:block;} #vide a:hover{margin:0; background:url(../images/portfolio/vide.png) no-repeat 0 -151px; } #vide-maq{ float:left; width:171px; height:151px; margin:10px;} #vide-maq a:link, #vide-maq a:visited{margin:0; background: url(../images/portfolio/vide.png) no-repeat 0 0; display:block;} #vide-maq a:hover{margin:0; background:url(../images/portfolio/vide.png) no-repeat 0 -151px; } #nh2-0{ float:left; width:171px; height:151px; margin:10px;} #nh2-0 a:link, #weblinear-v3 a:visited{margin:0; background: url(../images/portfolio/site-nh2-0.png) no-repeat 0 0; display:block;} #nh2-0 a:hover{margin:0; background:url(../images/portfolio/site-nh2-0.png) no-repeat 0 -151px; } #weblinear-v3{ float:left; width:171px; height:151px; margin:10px;} #weblinear-v3 a:link, #weblinear-v3 a:visited{margin:0; background: url(../images/portfolio/site-weblinearv3.png) no-repeat 0 0; display:block;} #weblinear-v3 a:hover{margin:0; background:url(../images/portfolio/site-weblinearv3.png) no-repeat 0 -151px; } #nh-web{ float:left; width:171px; height:151px; margin:10px;} #nh-web a:link, #nh-web a:visited{margin:0; background: url(../images/portfolio/site-nantes-habitat.png) no-repeat 0 0; display:block;} #nh-web a:hover{margin:0; background:url(../images/portfolio/site-nantes-habitat.png) no-repeat 0 -151px; } #blog-weblinear-web{ float:left; width:171px; height:151px; margin:10px;} #blog-weblinear-web a:link, #blog-weblinear-web a:visited{margin:0; background: url(../images/portfolio/site-blog-weblinear.png) no-repeat 0 0; display:block;} #blog-weblinear-web a:hover{margin:0; background:url(../images/portfolio/site-blog-weblinear.png) no-repeat 0 -151px; } #guiheneuf-web{ float:left; width:171px; height:151px; margin:10px;} #guiheneuf-web a:link, #guiheneuf-web a:visited{margin:0; background: url(../images/portfolio/site-guiheneuf.png) no-repeat 0 0; display:block;} #guiheneuf-web a:hover{margin:0; background:url(../images/portfolio/site-guiheneuf.png) no-repeat 0 -151px; } #zeturf-web{ float:left; width:171px; height:151px; margin:10px;} #zeturf-web a:link, #zeturf-web a:visited{margin:0; background: url(../images/portfolio/site-zeturf.png) no-repeat 0 0; display:block;} #zeturf-web a:hover{margin:0; background:url(../images/portfolio/site-zeturf.png) no-repeat 0 -151px; } #radioslive-web{ float:left; width:171px; height:151px; margin:10px;} #radioslive-web a:link, #radioslive-web a:visited{margin:0; background: url(../images/portfolio/site-radioslive.png) no-repeat 0 0; display:block;} #radioslive-web a:hover{margin:0; background:url(../images/portfolio/site-radioslive.png) no-repeat 0 -151px; } #omr-web{ float:left; width:171px; height:151px; margin:10px;} #omr-web a:link, #omr-web a:visited{margin:0; background: url(../images/portfolio/site-omr.png) no-repeat 0 0; display:block;} #omr-web a:hover{margin:0; background:url(../images/portfolio/site-omr.png) no-repeat 0 -151px; } #imagindanse-web{ float:left; width:171px; height:151px; margin:10px;} #imagindanse-web a:link, #imagindanse-web a:visited{margin:0; background: url(../images/portfolio/site-imagindanse.png) no-repeat 0 0; display:block;} #imagindanse-web a:hover{margin:0; background:url(../images/portfolio/site-imagindanse.png) no-repeat 0 -151px; } #immonde-meilleur-web{ float:left; width:171px; height:151px; margin:10px;} #immonde-meilleur-web a:link, #immonde-meilleur-web a:visited{margin:0; background: url(../images/portfolio/site-immonde-meilleur.png) no-repeat 0 0; display:block;} #immonde-meilleur-web a:hover{margin:0; background:url(../images/portfolio/site-immonde-meilleur.png) no-repeat 0 -151px; } #vfr-maq{ float:left; width:171px; height:151px; margin:10px;} #vfr-maq a:link, #fcsse-maq a:visited{margin:0; background: url(../images/portfolio/maq-vfr.png) no-repeat 0 0; display:block;} #vfr-maq a:hover{margin:0; background:url(../images/portfolio/maq-vfr.png) no-repeat 0 -151px; } #fcsse-maq{ float:left; width:171px; height:151px; margin:10px;} #fcsse-maq a:link, #fcsse-maq a:visited{margin:0; background: url(../images/portfolio/maq-fcsse.png) no-repeat 0 0; display:block;} #fcsse-maq a:hover{margin:0; background:url(../images/portfolio/maq-fcsse.png) no-repeat 0 -151px; } #intranet-nh-maq{ float:left; width:171px; height:151px; margin:10px;} #intranet-nh-maq a:link, #intranet-nh-maq a:visited{margin:0; background: url(../images/portfolio/maq-intranet-nh.png) no-repeat 0 0; display:block;} #intranet-nh-maq a:hover{margin:0; background:url(../images/portfolio/maq-intranet-nh.png) no-repeat 0 -151px; } #weblinear-maq{ float:left; width:171px; height:151px; margin:10px;} #weblinear-maq a:link, #weblinear-maq a:visited{margin:0; background: url(../images/portfolio/maq-site-weblinearv3.png) no-repeat 0 0; display:block;} #weblinear-maq a:hover{margin:0; background:url(../images/portfolio/maq-site-weblinearv3.png) no-repeat 0 -151px; } #nh-maq{ float:left; width:171px; height:151px; margin:10px;} #nh-maq a:link, #nh-maq a:visited{margin:0; background: url(../images/portfolio/maq-nantes-habitat.png) no-repeat 0 0; display:block;} #nh-maq a:hover{margin:0; background:url(../images/portfolio/maq-nantes-habitat.png) no-repeat 0 -151px; } #blog-weblinear-maq{ float:left; width:171px; height:151px; margin:10px;} #blog-weblinear-maq a:link, #blog-weblinear-maq a:visited{margin:0; background: url(../images/portfolio/maq-blog-weblinear.png) no-repeat 0 0; display:block;} #blog-weblinear-maq a:hover{margin:0; background:url(../images/portfolio/maq-blog-weblinear.png) no-repeat 0 -151px; } #labelmaison-maq{ float:left; width:171px; height:151px; margin:10px;} #labelmaison-maq a:link, #guiheneuf-maq a:visited{margin:0; background: url(../images/portfolio/maq-labelmaison.png) no-repeat 0 0; display:block;} #labelmaison-maq a:hover{margin:0; background:url(../images/portfolio/maq-labelmaison.png) no-repeat 0 -151px; } #hdupont-maq{ float:left; width:171px; height:151px; margin:10px;} #hdupont-maq a:link, #hdupont-maq a:visited{margin:0; background: url(../images/portfolio/maq_hdupont.png) no-repeat 0 0; display:block;} #hdupont-maq a:hover{margin:0; background:url(../images/portfolio/maq_hdupont.png) no-repeat 0 -151px; } #ccs-maq{ float:left; width:171px; height:151px; margin:10px;} #ccs-maq a:link, #ccs-maq a:visited{margin:0; background: url(../images/portfolio/maq-ccs.png) no-repeat 0 0; display:block;} #ccs-maq a:hover{margin:0; background:url(../images/portfolio/maq-ccs.png) no-repeat 0 -151px; } #cni-maq{ float:left; width:171px; height:151px; margin:10px;} #cni-maq a:link, #cni-maq a:visited{margin:0; background: url(../images/portfolio/maq-cni.png) no-repeat 0 0; display:block;} #cni-maq a:hover{margin:0; background:url(../images/portfolio/maq-cni.png) no-repeat 0 -151px; } #podorthec-maq{ float:left; width:171px; height:151px; margin:10px;} #podorthec-maq a:link, #podorthec-maq a:visited{margin:0; background: url(../images/portfolio/maq-podorthec.png) no-repeat 0 0; display:block;} #podorthec-maq a:hover{margin:0; background:url(../images/portfolio/maq-podorthec.png) no-repeat 0 -151px; } #lod-maq{ float:left; width:171px; height:151px; margin:10px;} #lod-maq a:link, #immonde-meilleur-maq a:visited{margin:0; background:url(../images/portfolio/maq-lod.png) no-repeat 0 0; display:block;} #lod-maq a:hover{margin:0; background:url(../images/portfolio/maq-lod.png) no-repeat 0 -151px; } /* ---------- TITRES -------------------- */ h1{font:1.7em normal Arial, Helvetica, sans-serif; color:#646464;font-weight:bold;display:inline;} h2{font:1.6em normal Arial, Helvetica, sans-serif; color:#646464;font-weight:bold;} h3{font:1.4em normal Arial, Helvetica, sans-serif; color:#96a9c1;font-weight:bold;display:inline;} h4{font:1.1em normal Arial, Helvetica, sans-serif; color:#646464;font-weight:bold;display:inline;} h5{font:1.1em normal Arial, Helvetica, sans-serif; color:#96a9c1;display:inline;} h1 small{ font: 1.0em normal Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 1.4em; display: block; color: #ccc; } /* ---------- Paragraphes -------------------- */ .para-desc{ position:absolute; height:125px; width:275px; right:20px;color:#969696; text-align:justify; } .title_web{padding-left:200px;} ul{ list-style-type:none;margin-top:4px;} li{color:#646464; margin-left:-14px; } /* ---------- LIENS -------------------- */ a:link,a:visited{ color:#fff; text-decoration:none; } a:hover{ text-decoration:underline;} #footer-menu a:link,#footer-menu a:visited{ color:#FFFFFF; text-decoration:none; font-weight:bold;} #footer-menu a:hover{text-decoration:underline;color: #DBDBDB;} .lien_inspi:link,.lien_inspi:visited {color:#646464;text-decoration:underline;} .lien_inspi:hover{color:#cdcdcd;text-decoration:none;} /* ---------- images -------------------- */ img {border: none;} .pic{float:left;margin:15px;width:160px;height:120px;padding:0; } .pic a{ width:150px;height:110px;display:block; border:5px solid #646464;} .pic a:hover{border:5px solid #cdcdcd;} /* ---------- heures/date -------------------- */ #weblinear_date{ position:absolute; width:100px; height:110px; top:510px; right:445px; } #weblinear_heure{ font:10px Arial, Helvetica, sans-serif; color: #969696; font-weight: bolder; margin-left:40px;} .jour{font:60px Arial, Helvetica, sans-serif; color:#969696; font-weight:bold; margin-left:25px;line-height:45px; } .mois{font:20px Arial, Helvetica, sans-serif; color: #DDDDDD; font-weight:bold;margin-left:-10px; } .annee{font:14px Arial, Helvetica, sans-serif; color: #DDDDDD; font-weight:bold;margin-left:40px;line-height:14px;} /* ---------- MENUS -------------------- */ #menu{ z-index:100; width:610px; float:left;} #menu-fondu{ float:left;margin-left :20px;} ul#topnav { margin:0; padding: 0; margin-left : 20px; list-style: none; font-size: 1.1em; clear: both; float: left; width: 610px; } ul#topnav li{ margin: 0; padding: 0; overflow: hidden; float: left; height:40px; } ul#topnav a, ul#topnav span { padding: 10px 20px; float: left; text-decoration: none; color: #fff; text-transform: uppercase; clear: both; height: 20px; line-height: 20px; background: #1d1d1d; } ul#topnav a { color: #979797; } ul#topnav span { display: none; } ul#topnav span{ background: url(../images/a_bg.gif) repeat-x left top; } ul#topnav a{ color: #555; background: url(../images/a_bg.gif) repeat-x left bottom; } /* ---------------- SLIDESHOW INDEX ---------------------- */ #showcase2{width:719px;height:342px; position:absolute;left:40px; background: url(../images/content-bg.jpg) no-repeat 0 0;} #showcase{width:719px;height:342px; margin-left:4px;margin-top:4px;} /* -------- formulaire contact ----*/ .box {margin: 0px auto;width:960px;background-color:#fff;text-align:left;position: relative;} #contactFormContainer {position:absolute;left:650px;top:0px;float:right; z-index:10;} #contactForm {height:300px;width:251px;display:none; background-color:#CBCBCB;} #contactForm fieldset{padding:20px;border:none;} #contactForm label {display:block;color:#646464;} #contactForm input[type=text]{display:block;border:solid 1px #646464;width:100%;margin-bottom:10px;height:24px; } #contactForm textarea{display:block;border:solid 1px #646464;width:100%;margin-bottom:10px;} #contactForm input[type=submit]{background-color:#646464;border:solid 1px #fff;color:#CBCBCB;padding:5px;} #contactLink {height:40px;width:151px;background-image:url('../images/slidein_button.png');display:block;cursor:pointer;background-repeat:no-repeat;} #messageSent {color:#646464;display:none;}