/* oooooooooooooooooooooooooooooooooooooooooooooo GENERIC HERE oooooooooooooooooooooooooooooooooooooooooooooo */ p {font:11px/17px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #676767; text-decoration: none; word-spacing: normal;} tr {font:11px/17px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} h1, h2, h3, h4, h5, h6{font-family:Verdana, Arial, Helvetica, sans-serif;} h1 {font:28px/32px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color:#ab8b3e; font-variant:small-caps;} h2 {font:20px/24px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color:#0098ba; font-variant:small-caps;} h3 {font:14px/18px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color:#676767; font-variant:small-caps;} ul, li {font:11px/17px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} hr {border: 1px solid #eeeeee;} /* oooooooooooooooooooooooooooooooooooooooooooooo LINKS HERE oooooooooooooooooooooooooooooooooooooooooooooo */ a:link { color: #0098ba; background-color: transparent; text-decoration: underline; } a:visited { color: #0098ba; background-color: transparent; text-decoration: underline; } a:hover { color: #0098ba; background-color: transparent; text-decoration: none; } a.fl:link { color: #919191; background-color: transparent; text-decoration: none; } a.fl:visited { color: #919191; background-color: transparent; text-decoration: none; } a.fl:hover { color: #000000; background-color: transparent; text-decoration: underline; } a.nl:link { color: #d6b35f; background-color: transparent; font-weight: bold; text-decoration: underline; } a.nl:visited { color: #d6b35f; background-color: transparent; font-weight: bold; text-decoration: underline; } a.nl:hover { color: #0065a7; background-color: transparent; font-weight: bold; text-decoration: none; } body { background-image: url(../../images/page_bg.jpg); background-repeat: repeat-x; background-position: top; height: 100%; background-color: #f0f0f0; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; text-align: center; /*Center the body ONLY for IE until big is fixed */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #919191; } .newshead { color: #d6b35f; background-color: transparent; font-weight: bold; text-decoration: underline; margin-left:6px;} .newsbody { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: #919191; margin-left:6px;} /* Colours -------------------------------------------*/ .blackish {color: #807f7f;} .blueish {color: #0098ba;} .greyish {color: #707070;} .greenish {color: #99cc00;} /* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ #overall_pageshell { display: block; overflow: hidden; text-align: left; margin: 0px auto; width: 983px; vertical-align:top; } #banner { display: block; width: 983px; height: 130px; } #menu { display: block; float: right; margin: 69px 10px 0px 0px; height: 40px; width: 865px; } #page_under_menu { display: block; float: left; margin-top: 43px; vertical-align:top; width: 988px; } div.page_shad { display: block; float: left; background-position: top; background-repeat: no-repeat; width: 10px; height: 503px; } div.ps_l { background-image: url(../../images/page_shad_left.jpg); float: left; background-position: top; vertical-align:top; } div.ps_r { background-image: url(../../images/page_shad_right.jpg); float: left; background-position: top; vertical-align:top;} #page_main_size { display: block; float: left; overflow: hidden; vertical-align:top; background-color: #ffffff; width: 963px; } #page_main_size_padding { display: block; float: left; overflow: hidden; margin: 10px 20px 0px 10px; width: 933px; vertical-align:top; } div.page_col_all { display: block; float: left; width: 948px; } div.page_col_left { display: block; float: left; width: 522px; } div.page_col_right { display: block; float: right; width: 400px; } div.pcr_text { display: block; float: left; overflow: hidden; margin-top:0px; width: 400px; line-height: 16px; } /* LINE HEIGHT */ #boxes_shell { background: url(~/images/boxes_shell_tile.jpg) repeat-x top; display: block; float: left; height: 420px; width: 522px; } div.bs_square { background-color: #eeeeee; display: block; float: left; margin: 3px 0px 0px 3px; height: 134px; width: 168px; } div.bss_top { margin-left: 6px;} div.bss_l { margin-top: 6px; } div.bss_m { margin: 6px 0px 0px 6px;} #news_shell { display: block; float: left; overflow: hidden; clear: both; border-left:1px #f1e4c8 solid; border-right:1px #f1e4c8 solid; width: 396px;} #news { width: 396px; display: block; float: left; overflow: hidden; clear: both; line-height: 18px; } /* LINE HEIGHT */ #news_pad { } div.news_pad_fix { } #sponsors { display: block; float: left; margin: 34px 3px 0px 3px; width: 514px; height: 90px; } #footer { display: block; text-align: center; margin: 90px 0px 20px 0px; color: #d6b361; height: 100px; width: 963px; line-height: 22px; } br.cl { clear: left; } br.cr { clear: right; } br.cb { clear: both; } /* oooooooooooooooooooooooooooooooooooooooooooooo SLIDER ON HOME PAGE oooooooooooooooooooooooooooooooooooooooooooooo */ #aboutus {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/1.jpg") no-repeat 0 0;} #aboutus:hover {background-position: 0 -134px;} #aboutus span {display: none;} #Certification {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/2.jpg") no-repeat 0 0;} #Certification:hover {background-position: 0 -134px;} #Certification span {display: none;} #Carbonfootprint {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/3.jpg") no-repeat 0 0;} #Carbonfootprint:hover {background-position: 0 -134px;} #Carbonfootprint span {display: none;} #Consulting {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/4.jpg") no-repeat 0 0;} #Consulting:hover {background-position: 0 -134px;} #Consulting span {display: none;} #MyEarthCheck {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/5.jpg") no-repeat 0 0;} #MyEarthCheck:hover {background-position: 0 -134px;} #MyEarthCheck span {display: none;} #OtherProductsservices {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/6.jpg") no-repeat 0 0;} #OtherProductsservices:hover {background-position: 0 -134px;} #OtherProductsservices span {display: none;} #Factsheet1 {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/7.jpg") no-repeat 0 0;} #Factsheet1:hover {background-position: 0 -134px;} #Factsheet1 span {display: none;} #Casestudy1 {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/8.jpg") no-repeat 0 0;} #Casestudy1:hover {background-position: 0 -134px;} #Casestudy1 span {display: none;} #Majorpartners {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/9.jpg") no-repeat 0 0;} #Majorpartners:hover {background-position: 0 -134px;} #Majorpartners span {display: none;} #EnSavoirPlus {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/10.jpg") no-repeat 0 0;} #EnSavoirPlus:hover {background-position: 0 -134px;} #EnSavoirPlus span {display: none;} #EmpreinteCarbone {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/11.jpg") no-repeat 0 0;} #EmpreinteCarbone:hover {background-position: 0 -134px;} #EmpreinteCarbone span {display: none;} #ProduitsetServices {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/12.jpg") no-repeat 0 0;} #ProduitsetServices:hover {background-position: 0 -134px;} #ProduitsetServices span {display: none;} #NosPartenaires {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/13.jpg") no-repeat 0 0;} #NosPartenaires:hover {background-position: 0 -134px;} #NosPartenaires span {display: none;} #SobreNosotros {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/14.jpg") no-repeat 0 0;} #SobreNosotros:hover {background-position: 0 -134px;} #SobreNosotros span {display: none;} #HuellaEcologica {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/15.jpg") no-repeat 0 0;} #HuellaEcologica:hover {background-position: 0 -134px;} #HuellaEcologica span {display: none;} #ProductosyServicios {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/16.jpg") no-repeat 0 0;} #ProductosyServicios:hover {background-position: 0 -134px;} #ProductosyServicios span {display: none;} #Socious {display: block; width: 168px; height:134px; background: url("../../Editor/Img/UserDir/slider/17.jpg") no-repeat 0 0;} #Socious:hover {background-position: 0 -134px;} #Socious span {display: none;} /* oooooooooooooooooooooooooooooooooooooooooooooo SLIDER ENDS oooooooooooooooooooooooooooooooooooooooooooooo */ /* THIS IS THE CSS NAV MENU ACROSS THE TOP */ ul#nav { background: url(../../images/menu.gif); position: relative; padding: 0px; margin: 0px; width: 865px; height: 40px; top: 0px; } ul#nav li { background-image: none; display: block; position: absolute; list-style-type: none; padding: 0px; margin: 0px; } ul#nav li a { display: block; text-indent: -9999px; } li#nav_cert a:hover, li#nav_carbon a:hover, li#nav_partners a:hover, li#nav_about a:hover, li#nav_services a:hover, li#nav_myec a:hover {background: url(../../images/menu.gif); } li#nav_cert { left: 9px; top: 0px; width: 118px; height: 40px; } li#nav_cert a { background-position: -9px 0px; left: 0px; width: 118px; height: 40px; } li#nav_cert a:hover { background-position: -9px -40px; } li#nav_carbon { left: 127px; top: 0px; width: 167px; height: 40px; } li#nav_carbon a { background-position: -127px 0px; left: 0px; width: 167px; height: 40px; } li#nav_carbon a:hover { background-position: -127px -40px; } li#nav_partners { left: 294px; top: 0px; width: 130px; height: 40px; } li#nav_partners a { background-position: -294px 0px; left: 0px; width: 130px; height: 40px; } li#nav_partners a:hover { background-position: -294px -40px; } li#nav_about { left: 424px; top: 0px; width: 87px; height: 40px; } li#nav_about a { background-position: -424px 0px; left: 0px; width: 87px; height: 40px; } li#nav_about a:hover { background-position: -424px -40px; } li#nav_services { left: 511px; top: 0px; width: 219px; height: 40px; } li#nav_services a { background-position: -511px 0px; left: 0px; width: 219px; height: 40px; } li#nav_services a:hover { background-position: -511px -40px; } li#nav_myec { left: 730px; top: 0px; width: 135px; height: 40px; } li#nav_myec a { background-position: -730px 0px; left: 0px; width: 135px; height: 40px; } li#nav_myec a:hover { background-position: -730px -40px; } /* END CSS NAV MENU ON TOP */ /* SP - THIS IS THE CSS NAV MENU ACROSS THE TOP */ ul#navsp { background: url(../../images/menu-sp.gif); position: relative; padding: 0px; margin: 0px; width: 865px; height: 40px; top: 0px; } ul#navsp li { background-image: none; display: block; position: absolute; list-style-type: none; padding: 0px; margin: 0px; } ul#navsp li a { display: block; text-indent: -9999px; } li#nav_certsp a:hover, li#nav_carbonsp a:hover, li#nav_partnerssp a:hover, li#nav_aboutsp a:hover, li#nav_servicessp a:hover, li#nav_myecsp a:hover {background: url(../../images/menu-sp.gif); } li#nav_certsp { left: 9px; top: 0px; width: 126px; height: 40px; } li#nav_certsp a { background-position: -9px 0px; left: 0px; width: 126px; height: 40px; } li#nav_certsp a:hover { background-position: -9px -40px; } li#nav_carbonsp { left: 135px; top: 0px; width: 157px; height: 40px; } li#nav_carbonsp a { background-position: -135px 0px; left: 0px; width: 157px; height: 40px; } li#nav_carbonsp a:hover { background-position: -135px -40px; } li#nav_partnerssp { left: 292px; top: 0px; width: 94px; height: 40px; } li#nav_partnerssp a { background-position: -292px 0px; left: 0px; width: 94px; height: 40px; } li#nav_partnerssp a:hover { background-position: -292px -40px; } li#nav_aboutsp { left: 387px; top: 0px; width: 151px; height: 40px; } li#nav_aboutsp a { background-position: -387px 0px; left: 0px; width: 151px; height: 40px; } li#nav_aboutsp a:hover { background-position: -387px -40px; } li#nav_servicessp { left: 539px; top: 0px; width: 186px; height: 40px; } li#nav_servicessp a { background-position: -539px 0px; left: 0px; width:186px; height: 40px; } li#nav_servicessp a:hover { background-position: -539px -40px; } li#nav_myecsp { left: 725px; top: 0px; width: 140px; height: 40px; } li#nav_myecsp a { background-position: -725px 0px; left: 0px; width: 140px; height: 40px; } li#nav_myecsp a:hover { background-position: -725px -40px; } /* END CSS NAV MENU ON TOP */ /* END CSS NAV MENU ON TOP */ /* SP - THIS IS THE CSS NAV MENU ACROSS THE TOP */ ul#navfr { background: url(../../images/menu-fr.gif); position: relative; padding: 0px; margin: 0px; width: 865px; height: 40px; top: 0px; } ul#navfr li { background-image: none; display: block; position: absolute; list-style-type: none; padding: 0px; margin: 0px; } ul#navfr li a { display: block; text-indent: -9999px; } li#nav_certfr a:hover, li#nav_carbonfr a:hover, li#nav_partnersfr a:hover, li#nav_aboutfr a:hover, li#nav_servicesfr a:hover, li#nav_myecfr a:hover {background: url(../../images/menu-fr.gif); } li#nav_certfr { left: 9px; top: 0px; width: 120px; height: 40px; } li#nav_certfr a { background-position: -9px 0px; left: 0px; width: 120px; height: 40px; } li#nav_certfr a:hover { background-position: -9px -40px; } li#nav_carbonfr { left: 128px; top: 0px; width: 155px; height: 40px; } li#nav_carbonfr a { background-position: -128px 0px; left: 0px; width: 155px; height: 40px; } li#nav_carbonfr a:hover { background-position: -128px -40px; } li#nav_partnersfr { left: 284px; top: 0px; width: 137px; height: 40px; } li#nav_partnersfr a { background-position: -284px 0px; left: 0px; width: 137px; height: 40px; } li#nav_partnersfr a:hover { background-position: -284px -40px; } li#nav_aboutfr { left: 421px; top: 0px; width: 129px; height: 40px; } li#nav_aboutfr a { background-position: -421px 0px; left: 0px; width: 129px; height: 40px; } li#nav_aboutfr a:hover { background-position: -421px -40px; } li#nav_servicesfr { left: 549px; top: 0px; width: 176px; height: 40px; } li#nav_servicesfr a { background-position: -549px 0px; left: 0px; width:176px; height: 40px; } li#nav_servicesfr a:hover { background-position: -549px -40px; } li#nav_myecfr { left: 725px; top: 0px; width: 140px; height: 40px; } li#nav_myecfr a { background-position: -725px 0px; left: 0px; width: 140px; height: 40px; } li#nav_myecfr a:hover { background-position: -725px -40px; } /* END CSS NAV MENU ON TOP */ /* oooooooooooooooooooooooooooooooooooooooooooooo MENU oooooooooooooooooooooooooooooooooooooooooooooo */ #fmenu { float: left; position: relative; list-style: none; padding: 0px; margin: 0px 0px 40px 0px; width: 230px; } #fmenu ul { background: url(../../images/menu_bg.gif); list-style: none; position: absolute; padding: 0px; margin: 0px; left: -9999px; top: 0px; width: 230px; } #fmenu table { border-collapse: collapse; width: 0; height: 0; margin: -1px -10px; } #fmenu li.btm { border-bottom: 0; } #fmenu li { float: left; border-bottom: solid #eeeeee 1px;} #fmenu li a { display: block; float: left; line-height: 31px; text-decoration: none; width: 230px; height: 31px; } #fmenu li a.fo { background: url(../../images/menu_arrow.gif) no-repeat right center; } #fmenu li:hover { position: relative;} #fmenu li a:hover { position: relative; background-color: #f8f8f8; } #fmenu li:hover > a { background-color: #f8f8f8; } #fmenu ul li a { background-color: #f8f8f8; width: 170px; } #fmenu ul li { border-bottom: solid #eeeeee 1px; } #fmenu ul li.last { border-bottom: 0; } #fmenu :hover ul { left:240px; } #fmenu ul li:hover > a { background-color:#ffffff; } /* oooooooooooooooooooooooooooooooooooooooooooooo TWITTER oooooooooooooooooooooooooooooooooooooooooooooo */ #tweet_shell { display: block; float: left; overflow: hidden; clear: both; width: 396px;} .mylasttweets { width:390px; margin:0px auto; padding:0px 0 0 0; } .mylasttweets ul { background:#fff; margin:0; padding:0; list-style:none; padding-top:1px; } .mylasttweets li { font-family:Arial, Helvetica, sans-serif; clear:both; margin:0; padding:0; list-style:none; text-align:left; font-size:11px; line-height:16px; padding:10px; border-bottom:1px solid #fff; } #twitter_content { font-family:Arial, Helvetica, sans-serif; font-size:11px; } li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } li { *zoom: 1; } .mylasttweets li:hover { background:#f7f6f0; cursor:default; } .mylasttweets a {text-decoration:none;cursor:pointer;} .mylasttweets a:hover {text-decoration:underline;} .mylasttweets cite { font-weight:bold; font-style:normal; color:#514e40; } .mylasttweets cite a { color:#514e40; } .mylasttweets span { color:#514e40; } .mylasttweets span a { color:#ccab17; font-weight:bold; } .mylasttweets input {background: transparent url('http://twitter.com/favicon.ico') 0 50% no-repeat; text-indent:18px; width:100%;} .mylasttweets p { display:block; color:#b5ab7d; } .mylasttweets p a { color:#b5ab7d; } .mylasttweets p:after {clear:both; display:block; height:0; visibility:hidden; } .mylasttweets img {margin:0 10px 10px 0; height:36px; width:36px;border:3px solid #dcd6b6; } .mylasttweets img:hover {border:3px solid #ccab17;} .mylasttweets .hidden { display:none; } .mylasttweets p:after { clear:both; display:block; height:0; visibility:hidden; }