/* Theme Name: Evonia-energies Theme URI: http://evonia-energies.fr/ Description: Le thème d'Evonia Energie. Version: v1.0 Author: Sébastien Méric Author URI: http://www.sebastien-meric.com/ */ /** Reset **/ body{margin:0;padding:0;border:0;/*font-size:100%;*/line-height:1.2em} /* 16x1.2=19.2px */ /* Textes */ blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0} abbr,acronym{border:0;font-variant:normal} address,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal} blockquote:before,blockquote:after,q:before,q:after{content:''} code,kbd,pre,samp,tt{font-size:115%;font-family:monospace} h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;line-height:1.2em} sup{vertical-align:text-top} sub{vertical-align:text-bottom} del,ins{text-decoration:none;} /* Liens */ a,a *{cursor:pointer} /* Listes */ dd,dl,dt,ol,ul,li{margin:0;padding:0} ol,ul,dl{text-align:left} li{list-style:none} /* Formulaires */ button,fieldset,form,input,legend,textarea{margin:0;padding:0} fieldset{border:0} button,input,optgroup,option,select,textarea{font-style:normal;font-weight:normal;font-size:16px} button,input[type=button],input[type=submit],input[type=reset]{height:1.8em} /* 16x1.8=28.8px */ /* Tableaux : mettre 'cellspacing="0"' dans la table */ table{border-collapse:collapse;border-spacing:0;font-size:inherit} td,th{margin:0;padding:0} caption,th{font-style:normal;font-weight:normal;text-align:left} /* Autres */ div{margin:0;padding:0;background-color:transparent;text-align:left} hr,img{border:0} applet,iframe,object{border:0;margin:0;padding:0} /** Paramètrages de base **/ /* Fond de page */ body{background-color:white} /* Textes */ body,button,input,optgroup,option,select,textarea{font-family:arial,helvetica,verdana,"Bitstream Vera Sans",clean,sans-serif;font-size:15px;color:black} strong{font-weight:bold} em{font-style:italic} /*ins{text-decoration: none}*/ del{text-decoration:line-through} /* Titres */ h1{font-size:25px} h2{font-size:23px} h3{font-size:21px} h4{font-size:19px} h5{font-size:17px} h6{font-size:15px} /* Liens */ /* LVHA order :link, :visited, :hover, :focus, :active */ a,a:link,a:active,a:visited{text-decoration:none;color:blue} a:focus,a:hover{/* text-decoration:underline; */color:blue} /** Utils **/ /** * Pour le curseur "pointer" sur les boutons de formulaires * label : marche pas sur safari... **/ button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer} /** * Pour cacher le texte replacé par une image **/ .hidden{position:absolute;left:-9999px} /** * Saut de ligne sur toute la largeur du contener **/ .spacer,.clear{clear:both;font-size:0;line-height:0;display:block;height:0} /** * Différents types de listes **/ .list-outside{display:block;text-indent:-0.9em;margin-left:0.9em} .list-outside img{vertical-align:middle} .list-inside{display:block;text-indent:0.9em} .list-inside img{vertical-align:middle} /** Paramétrages spécifiques **/ /* layout */ #outer-container{text-align:center} #outer-container{width:1024px;height:768px;margin:0 auto} #header{width:1024px;height:224px} #logo{width:1024px;height:141px;position:relative;overflow:hidden} #header-nav{width:1024px;height:83px;overflow:hidden;clear:both} #content-container{width:1024px;height:478px;overflow:hidden;clear:both} /* home */ #news, #services{margin:33px 0;height:413px;float:left} #news{width:425px;position:relative} #services{width:599px;position:relative} /* pages */ #page-container{margin:33px 30px 33px 29px;height:412px;overflow:hidden;clear:both;position:relative} #sidebar, #separateur, #content{height:372px;position:absolute;top:40px} #sidebar{height:412px;width:349px;top:0} #separateur{height:372px!important;width:47px!important;left:349px} #content{width:569px;left:396px} #sidebar-content{overflow:hidden;width:307px;margin-left:42px} #footer{width:1024px;height:50px;margin-bottom:16px;overflow:hidden;clear:both;position:relative} /* header */ #logo a{position:absolute;top:14px;left:60px;width:240px;height:90px;overflow:hidden} #header a{font-weight:bold;letter-spacing:-.05em} /* page d'accueil */ .home #header, /* et pages par defaut */ .page #header{background:transparent url('images/nav-home.png') 0 0 no-repeat} /* page et sous pages "pourquoi evonia" */ .pageid-3 #header, .parent-pageid-3 #header{background:transparent url('images/nav-pourquoi.png') 0 0 no-repeat} /* page et sous pages "agenda" */ .pageid-13 #header, .parent-pageid-13 #header{background:transparent url('images/nav-agenda.png') 0 0 no-repeat} /* page et sous pages "performance energetique" */ .pageid-15 #header, .parent-pageid-15 #header{background:transparent url('images/nav-performance.png') 0 0 no-repeat} /* page et sous pages "les diagnostics" */ .pageid-17 #header, .parent-pageid-17 #header{background:transparent url('images/nav-diagnostics.png') 0 0 no-repeat} /* page et sous pages "le gaz" */ .pageid-19 #header, .parent-pageid-19 #header{background:transparent url('images/nav-gaz.png') 0 0 no-repeat} /* page et sous pages "l'electricite" */ .pageid-21 #header, .parent-pageid-21 #header{background:transparent url('images/nav-electricite.png') 0 0 no-repeat} /* page et sous pages "le solaire" */ .pageid-23 #header, .parent-pageid-23 #header{background:transparent url('images/nav-solaire.png') 0 0 no-repeat} /* page et sous pages "formations" */ .pageid-25 #header, .parent-pageid-25 #header{background:transparent url('images/nav-formations.png') 0 0 no-repeat} /* menu principal en haut de page */ #header li{height:83px;float:left} #header .page_item a{display:block;text-align:center;font-size:16px;position:relative} #header .page_item a, #header .page_item a:link, #header .page_item a:active, #header .page_item a:visited{color:#000} #header .page_item a:focus, #header .page_item a:hover{text-decoration:none;color:#000} #header .current_page_item a, #header .current_page_item a:link, #header .current_page_item a:active, #header .current_page_item a:visited{color:#fff} #header .current_page_item a:focus, #header .current_page_item a:hover{text-decoration:none;color:#fff} #header .current_page_parent a, #header .current_page_parent a:link, #header .current_page_parent a:active, #header .current_page_parent a:visited{color:#fff} #header .current_page_parent a:focus, #header .current_page_parent a:hover{text-decoration:none;color:#fff} #header .page-menu1{padding-left:24px} #header .page-menu1 a{width:155px;height:39px;line-height:39px} #header .page-menu2{margin-top:42px} #header .page-menu2 a{width:86px;height:38px;line-height:38px} #header .page-menu3{padding-left:3px} #header .page-menu3 a{width:203px;height:37px;line-height:37px} #header .page-menu4{margin-top:42px;padding-left:7px} #header .page-menu4 a{width:133px;height:38px;line-height:38px} #header .page-menu5{margin-top:5px;padding-left:7px} #header .page-menu5 a{width:71px;height:34px;line-height:34px} #header .page-menu6{margin-top:43px;padding-left:14px} #header .page-menu6 a{width:100px;height:40px;line-height:40px} #header .page-menu7{margin-top:5px;padding-left:7px} #header .page-menu7 a{width:96px;height:38px;line-height:38px} #header .page-menu8{margin-top:43px;padding-left:4px} #header .page-menu8 a{width:94px;height:40px;line-height:40px} /* footer */ #footer{background:transparent url('images/footer-bg.png') 0 0 repeat-x} /* menu du footer */ #footer li{float:left;padding:0 40px;margin-top:4px} #footer .page_item a{text-align:center;font-size:16px;line-height:23px} #footer .page_item a, #footer .page_item a:link, #footer .page_item a:active, #footer .page_item a:visited, #footer .current_page_item a, #footer .current_page_item a:link, #footer .current_page_item a:active, #footer .current_page_item a:visited{color:#fff} #footer .page_item a:focus, #footer .page_item a:hover, #footer .current_page_item a:focus, #footer .current_page_item a:hover{text-decoration:none;color:#fff} #footer .page-menu0{border-right:2px solid #fff} #footer .page-menu0 a{} #footer .page-menu1{border-right:2px solid #fff} #footer .page-menu1 a{} #footer .page-menu2{} #footer .page-menu2 a{white-space:nowrap} #footer #footer-image{padding:0;width:296px;height:50px;position:absolute;right:0;top:-4px;background:transparent url('images/footer-image.png') 0 0 no-repeat} /* images de fond du site */ /* page d'accueil */ body.home, /* et pages par defaut */ body.page{background:#fff url('images/bg-home.jpg') center top no-repeat} /* page et sous pages "pourquoi evonia" */ body.pageid-3, body.parent-pageid-3{background:#fff url('images/bg-pourquoi.jpg') center top no-repeat} /* page et sous pages "agenda" */ body.pageid-13, body.parent-pageid-13{background:#fff url('images/bg-agenda.jpg') center top no-repeat} /* page et sous pages "performance energetique" */ body.pageid-15, body.parent-pageid-15{background:#fff url('images/bg-performance.jpg') center top no-repeat} /* page et sous pages "les diagnostics" */ body.pageid-17, body.parent-pageid-17{background:#fff url('images/bg-diagnostics.jpg') center top no-repeat} /* page et sous pages "le gaz" */ body.pageid-19, body.parent-pageid-19{background:#fff url('images/bg-gaz.jpg') center top no-repeat} /* page et sous pages "l'electricite" */ body.pageid-21, body.parent-pageid-21{background:#fff url('images/bg-electricite.jpg') center top no-repeat} /* page et sous pages "le solaire" */ body.pageid-23, body.parent-pageid-23{background:#fff url('images/bg-solaire.jpg') center top no-repeat} /* page et sous pages "formations" */ body.pageid-25, body.parent-pageid-25{background:#fff url('images/bg-formations.jpg') center top no-repeat} /* home */ /* fonds des blocks blancs transparents */ #news .transp {background-color:#ffffff;width:378px;height:413px;-moz-opacity:0.85;opacity:0.85;-khtml-opacity:0.85} .news{width:378px;height:413px;z-index:1;position:absolute;top:0;left:0} #services .transp {background-color:#ffffff;width:599px;height:413px;-moz-opacity:0.85;opacity:0.85;-khtml-opacity:0.85} .services{width:599px;height:413px;z-index:1;position:absolute;top:0;left:0} /* block actualité/news */ #onglet-actualite{width:378px;height:40px;background:#f19800 url('images/onglet-actualite.png') right top no-repeat} #news h2{font-size:18px;font-style:italic} #news h2.sans-image{margin-bottom:20px} #news .post{margin:30px 30px 15px} .illustration-news{float:left;margin:-60px 20px 14px 0} #news .entry{height:180px;overflow:hidden;clear:both} #news .entry-sans-image{height:250px;overflow:hidden;clear:both/* ;font-size:11px */} /* block services en ligne */ #onglets-services{width:599px;height:44px;clear:both;z-index:5;/**/position:absolute;left:0;} #onglets-services li{float:left} #onglets-title{float:left;background:transparent url('images/onglet-services.png') 0 0 no-repeat;height:44px;width:193px} #onglets-agenda{float:left;background:#f19800 url('images/onglet-agenda.png') 0 0 no-repeat} #onglets-partenariats{float:lef;background:#f19800 url('images/onglet-partenariats.png') 0 0 no-repeat;height:40px;width:139px;position:relative;cursor:pointer/**/} #onglets-contact{float:lef;background:#f19800 url('images/onglet-contact.png') 0 0 no-repeat} #onglets-agenda a{display:block;height:40px;width:98px} #onglets-partenariats a{display:block;height:40px;width:139px} #onglets-contact a{display:block;height:40px;width:169px} #dropdown{margin-top:40px;overflow:hidden;z-index:100;background-color:#F29800;display:none} #dropdown li{overflow:hidden;width:132px !important} #dropdown li a{line-height:40px;margin:0 2px 0 5px;font-size:14px;color:#000} .communique{width:277px;height:368px;float:left;margin-top:40px} .slideshow{margin:20px 0 0 28px} .evonia-infos{width:302px;height:287px;float:right;/*margin-top:81px;*/margin-top:121px} #logo-home{width:302px;height:68px;background:transparent url('images/logo-home.png') 0 0 no-repeat;margin-bottom:20px} /* pages */ /* fonds du block blanc transparent et separateur */ #page-container .transp {margin-top:40px;background-color:#ffffff;width:965px;height:372px;-moz-opacity:0.85;opacity:0.85;-khtml-opacity:0.85} /* gaz plus transparent */ .pageid-19 #page-container .transp {-moz-opacity:0.6;opacity:0.6;-khtml-opacity:0.6} /* électricité plus transparent */ .pageid-21 #page-container .transp {-moz-opacity:0.6;opacity:0.6;-khtml-opacity:0.6} /* solaire plus transparent */ .pageid-23 #page-container .transp {-moz-opacity:0.6;opacity:0.6;-khtml-opacity:0.6} #separateur{background:transparent url('images/separateur-vertical.png') 0 0 no-repeat} .illustration{margin-bottom:30px} /* sous menus */ .list-inside{text-indent:40px;height:36px;line-height:36px;background:transparent url('images/puce.png') 0 0 no-repeat;margin-bottom:7px} .list-inside a, .list-inside a:link, .list-inside a:active, .list-inside a:visited, .list-inside a:focus, .list-inside a:hover{text-decoration:underline;color:#000} /* contenus des posts/billets/pages */ #content .post{margin:30px 0 30px 25px;padding-right:40px;height:312px;width:504px;overflow-y:auto} #content .post p, #content .post h1, #content .post h2, #content .post h3, #content .post h4, #content .post h5, #content .post h6, #content .post ul, #content .post ol{margin-bottom:15px} #content .post li ul, #content .post li ol{margin-bottom:5px} #content .post a, #content .post a:link, #content .post a:active, #content .post a:visited, #content .post a:focus, #content .post a:hover{text-decoration:underline;color:#000} #content .post li{margin-left:20px;margin-bottom:5px} #content .post li li{margin-top:5px} #content .post ul li{list-style:disc outside none} #content .post ul li li{list-style-type:circle} #content .post ul li li li{list-style-type:square} #content .post ol li{list-style:decimal outside none} #content .post ol li li{list-style-type:lower-roman} #content .post .alignright{float:right;margin-left:5px} #content .post .alignleft{float:left;margin-right:5px} /* liens d'édition des pages (visibles par l'admin loggué uniquement) */ #content .post .admin a, #content .post .admin a:link, #content .post .admin a:active, #content .post .admin a:visited, #content .post .admin a:focus, #content .post .admin a:hover{text-decoration:underline;color:red;font-weight:bold} /* Page mentions légales - hors gabarit */ .page-mentions #header-mentions #logo{width:1024px;background:transparent url('images/header-no-nav.jpg') 0 0 no-repeat} .page-mentions #content-container{height:auto;overflow:visible} .page-mentions #page-container{height:auto;overflow:visible} .page-mentions .post {font-size:15px;color:#c0c0c0;font-weight:bold} .page-mentions .post p, .page-mentions .post h1, .page-mentions .post h2, .page-mentions .post h3, .page-mentions .post h4, .page-mentions .post h5, .page-mentions .post h6, .page-mentions .post ul, .page-mentions .post ol{margin-bottom:15px} .page-mentions .post li ul, .page-mentions .post li ol{margin-bottom:5px} .page-mentions .post a, .page-mentions .post a:link, .page-mentions .post a:active, .page-mentions .post a:visited, .page-mentions .post a:focus, .page-mentions .post a:hover{text-decoration:underline;color:#000} .page-mentions .post li{margin-left:20px;margin-bottom:5px} .page-mentions .post li li{margin-top:5px} .page-mentions .post ul li{list-style:disc outside none} .page-mentions .post ul li li{list-style-type:circle} .page-mentions .post ul li li li{list-style-type:square} .page-mentions .post ol li{list-style:decimal outside none} .page-mentions .post ol li li{list-style-type:lower-roman} .page-mentions .post .alignright{float:right;margin-left:5px} .page-mentions .post .alignleft{float:left;margin-right:5px} /* Page nous contacter - hors gabarit */ .page-contact #inner-container{width:1024px;height:768px;background:transparent url('images/bg-contact.jpg') 0 0 no-repeat} .page-contact #logo{height:80px} .page-contact #logo a{top:0;left:20px;height:80px} .page-contact #content-container{height:auto;overflow:visible} #content-contact #page-container{height:auto;overflow:visible;margin-top:0;height:585px} #content-contact .transp{margin-top:0;height:585px}/*fond blanc transparent*/ .page-contact .post {height:585px;color:#2d4c93;font-weight:bold;position:absolute;top:0;left:0;width:965px;z-index:5} .page-contact .post h1{position:absolute;top:-34px;right:31px;width:272px;height:43px;background:transparent url('images/title-contact.png') 0 0 no-repeat} .page-contact .entry{position:absolute;top:0;left:0} #cformsform{padding:31px 31px 20px;overflow:hidden;clear:both} .cf-fs1, .cf-fs2{float:left;height:504px;padding-top:30px} .cf-fs1{width:352px} .cf-fs2{padding-left:61px;width:488px;background:transparent url('images/separateur-vertical-contact.png') 0 0 no-repeat} .cf-sb{position:absolute;right:35px;bottom:40px} .cf-ol{/* padding-top:30px */} /*de la place pour les messages d'erreur...*/ .cf-ol li{margin-bottom:3px} .cf-ol label{letter-spacing:-0.05em} #label--3, #label--4, #label--5, #label--6, #label--7, #label--8, #label--9, #label--10, #label--11, #label--12, #label--13, #label--14, #label--16{display:block} #li--2items input, #li--2items label{vertical-align:middle} #li--3{clear:both;width:321px} #li--3 input{width:321px} #li--4{clear:both;width:321px} #li--4 input{width:321px} #li--5{clear:both;width:321px} #li--5 select{width:321px} #li--6{clear:both;width:321px} #li--6 input{width:321px} #li--7{clear:both;width:321px} #li--7 input{width:321px} #li--8, #li--9{float:left} #li--8{width:96px;margin-right:17px} #li--8 input{width:96px} #li--9{width:208px} #li--9 input{width:208px} #li--10, #li--11{float:left} #li--10{width:151px;margin-right:11px} #li--10 input{width:151px} #li--11{width:159px} #li--11 input{width:159px} #li--12{clear:both;width:321px} #li--12 input{width:321px} #li--13{width:321px} #li--13 input{width:321px} #li--14{position:relative} #label--14{text-indent:20px} #cf_field_14{position:absolute;left:0;top:3px;padding:0;margin:0} #li--16{width:480px} #cf_field_16{width:480px;height:446px} #sendbutton{border:1px solid #2d4c93;background-color:#2d4c93;color:#fff;padding:0 5px 3px;font-weight:bold} .linklove, .cf-fs1 legend, .cf-fs2 legend, #li--2, .reqtxt, .emailreqtxt{display:none} .page-contact{overflow:hidden} #content-contact #adresse-container {height:50px;margin-top:0;overflow:visible} #adresse-container {clear:both;margin:0 30px 0 29px;position:relative} #adresse-container .transp {background-color:#fff;height:50px;margin:0;opacity:0.85;width:965px} .page-contact #adresse-container .post {color:#2D4C93;font-weight:bold;height:50px;left:0;position:absolute;top:0;width:965px;z-index:5} .vcard{text-align:center;margin-top:8px} .vcard a, .vcard a:link, .vcard a:active, .vcard a:visited, .vcard a:focus, .vcard a:hover{color:#2D4C93} /* messages d'erreurs */ #usermessagea{position:absolute;left:31px;top:0} #usermessagea ol li{display:inline;font-size:12px} #usermessagea ol li a{color:red}