/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img, a img {border:none;outline:none;}
:focus{outline:none;}
hr {
border: 0;
color:#e0e0df;
background-color:#e0e0df;
}
/* DEFAULT GLOBAL
--------------------------------------------- */
.hideforscreen {display:none; height: 0;}
* {
margin: 0;
padding: 0;
}
body#homepage {background: url(../img/layout/bg-home.jpg) no-repeat center top;}
body#section {background: url(../img/layout/bg-section.jpg) no-repeat center top;}
body {font-family: arial,verdana,helvetica,sans-serif;font-size:9pt;}
a:link, a:visited {color:#02509f; outline:none; text-decoration:underline;}
a:hover, a:active, li a.active {color:#bf2e1a; outline:none; text-decoration:underline;}
h1 {width:288px;height:70px;}
h1 a {
display: block; margin:0;
width: 288px;
height: 70px;
text-indent: -5000px;
overflow: hidden;
background: url(../img/layout/logo.gif) no-repeat;
}
/* TEXT STYLING
--------------------------------------------- */
.texte-gris-med {font:normal 8.5pt arial,helvetica,sans-serif; color:#7c7e81;}
.texte-gris-med a{text-decoration:none;color:#7c7e81;}
.texte-gris-med a:hover{text-decoration:underline;color:#7c7e81;}
/* LAYOUT
--------------------------------------------- */
#conteneur {margin: 0 auto; width:960px;}
#top-container {}
#company-logo {float:left; display:block;width:240px;height:112px;}
#company-logo h3 a {display:block;width:240px;height:112px;background: url(../img/layout/logo.jpg) no-repeat; text-indent:-3000px;}
#company-logo-sep {float:left; display:block;width:70px;height:112px;background: url(../img/layout/company-logo-sep.jpg) no-repeat;}
#utility {float:right;display:block;width:650px;height:53px;background: url(../img/layout/bg-utility.jpg) no-repeat;}
#utility-links {float:left;width:520px;}
#utility-links p {padding-top:26px; padding-right:15px;font-weight:normal;font-size:9pt;text-align:right;}
#utility-links p a{text-decoration:none;}
#utility-links p a:hover{text-decoration:underline;}
#utility-phone {float:right;display:block;width:117px;height:31px; padding:20px 0 0 0;margin-right:13px;}
#utility-phone h4 {display:block;width:117px;height:22px;background: url(../img/layout/tel.gif) no-repeat;; text-indent:-3000px;}
#navBottom {float:right;display:block;width:650px;height:32px;background: url(../img/layout/navBottom.jpg) no-repeat;}
#home-animation {display:block;width:960px;height:282px;margin-bottom:21px}
#home-left-container {float:left;display:block;width:600px;}
#home-system-block {display:block;width:581px;height:653px;background: url(../img/layout/home-system-block-bg.jpg) no-repeat center bottom;padding-left:19px;line-height:22px;}
#home-system-block h2{display:block;width:500px;height:70px;background: url(../img/layout/home-system-block-t.jpg) no-repeat; text-indent:-3000px; }
#home-system-block a:hover{font-weight:bold;}
h3.th-one {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-1.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-two {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-2.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-three {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-3.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-four {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-4.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-five {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-5.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-six {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-6.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-seven {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-7.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-eight {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-8.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-nine {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-9.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-ten {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-10.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-eleven {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-11.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
h3.th-twelve {float:left;display:block;width:132px;height:132px;background: url(../img/layout/th-12.jpg) no-repeat; text-indent:-3000px; margin-top:3px;margin-right:3px;}
#home-system-block-th a:link h3, #home-system-block-th a:visited h3, #home-system-block-th a:active h3 {display:block;width:132px;height:132px;cursor:pointer;}
#home-system-block-th a:hover h3 {background-position: 50% -132px;cursor:pointer;}
#home-system-block-th a.current h3 {background-position: 50% -132px;cursor:pointer;}
#home-system-block a.current{font-weight:bold;color:#bf2e1a;}
#home-system-block-left {display:block;float:left;width:251px; margin-bottom:10px}
#home-system-block-right {display:block;float:left;width:280px; margin-bottom:10px}
#home-about-block {display:block;width:530px;padding-left:19px;font-size:8.5pt;color:#8a8989;line-height:20px;}
#home-about-block h3{display:block;width:240px;height:25px;background: url(../img/layout/home-about-block-t.gif) no-repeat; text-indent:-3000px;margin-bottom:12px;margin-top:5px;}
#home-right-container {float:right;display:block;width:360px;}
#home-promo-box {display:block;width:360px;height:136px;}
#home-promo-box h2 a{display:block;width:360px;height:136px;background: url(../img/layout/home-promo-box.jpg) no-repeat; text-indent:-3000px;}
#home-applications-top {display:block;width:360px;height:54px;background: url(../img/layout/home-applications-top.jpg) no-repeat; text-indent:-3000px;}
#home-applications {display:block;width:300px;background: url(../img/layout/home-applications-bg.jpg) no-repeat; padding:1px 40px 10px 20px;color:white;}
#home-applications ul{margin:10px 10px 0 25px;color:#02509f;}
#home-applications li{margin:5px 0 0 0;}
#home-applications a:hover {font-weight:bold;}
#home-applications-bottom {display:block;width:360px;height:18px;background: url(../img/layout/home-applications-bottom.jpg) no-repeat;}
#home-news {display:block;width:296px;padding:26px 43px 20px 21px; font-size:8.5pt;line-height:16px;}
#home-news h4{display:block;width:109px;height:22px;background: url(../img/layout/t-news.gif) no-repeat; text-indent:-3000px;margin-bottom:12px;}
#home-news h2{font-weight:normal;font-size:8.5pt;color:black;margin-bottom:18px;}
#home-news span{font-weight:bold;font-size:8.5pt;color:#a5a4a4;;}
#footer {width:960px;height:80px;display:block;background: url(../img/layout/bg-footer.jpg) no-repeat;padding:35px 0 0 0;}
#footer-copyright {float:left;font-weight:normal;font-size:8.5pt;color:#888787;margin-left:19px;line-height:18px;}
#footer-links{float:right;font-weight:normal;font-size:8.5pt;color:#888787;width:677px;text-align:right;margin-right:10px;line-height:18px;}
/* SECTIONS
--------------------------------------------- */
#section-header {float:left;display:block;background:white;width:248px;height:66px;margin-left:6px;}
#section-header h2 {width:187px;height:30px;display:block;background: url(../img/layout/t-produits.gif) no-repeat; margin:18px 0 0 19px; text-indent:-3000px}
#section-header h2.application {width:193px;height:30px;display:block;background: url(../img/layout/t-application.gif) no-repeat; margin:18px 0 0 19px; text-indent:-3000px}
#section-header h2.apropos {width:76px;height:30px;display:block;background: url(../img/layout/t-apropos.gif) no-repeat; margin:18px 0 0 19px; text-indent:-3000px}
#sous-section-header {float:right;display:block;width:696px;height:66px;margin-right:10px;}
#sous-section-header h1{width:662px;margin:16px 0 0 34px;display:block;}
#section-content {float:right;display:block;margin-top:20px;width:662px;margin-right:10px;}
.section-content-menu {display:block;}
.section-content-menu-left {float:left;display:block;color:#9b9b9b;font-size:9pt;padding-top:7px;line-height:18px;font-weight:bold;}
.section-content-menu-right {float:right;display:block;color:#9b9b9b;font-size:8.5pt;margin-top:3px;}
#content {margin-top:3px;line-height:18px;}
#content h2{text-transform:uppercase;color:#a01502;font-size:18px;font-weight:normal;letter-spacing:-0.5pt;line-height:20px;margin-bottom:3px;}
#content ul{margin:10px 10px 0 20px;}
#content li{margin:5px 0 5px 0;}
#content li a:hover {font-weight:normal;}
#content ol{margin:10px 10px 0 25px;}
#content-form {margin-top:3px;line-height:18px;}
#content-form h2{text-transform:uppercase;color:#a01502;font-size:18px;font-weight:normal;letter-spacing:-0.5pt;line-height:20px;margin-bottom:3px;}
#content-form ul{margin:0;padding:0;}
#content-form li a:hover {font-weight:normal;}
a.top {
padding-right: 15px;
font-size:80%;
float:right; color: #af0009;
background: url(../img/layout/top.gif) no-repeat 100% 3px;
margin-left:10px;
}
.ImageGalerie {position:relative; display:block; float:left;}
.ImageGalerie a img {padding:4px; border:1px solid #e2e1e1; margin-top:5px; margin-left:5px;}
.ImageGalerie a:hover img {background:#e2e1e1; border:1px solid #487cb5; margin-top:5px; margin-left:5px;}
.ImagePieces {position:relative; display:block;}
.ImagePieces img {padding:4px; border:1px solid #e2e1e1;}
.tableau-courbe td {padding:2px 10px 2px 10px;font-size:8.5pt;text-align:center;}
/* SOUS-MENU
--------------------------------------------- */
#section-menu {float:left;display:block;margin-left:6px;width:259px;margin-top:20px;min-height:622px;background: url(../img/layout/section-menu-bg.jpg) no-repeat;}
#bouton {display:block;width:224px;margin-left:15px;}
#bouton ul {list-style:none;margin:0;padding:0;border:none;}
#bouton li {border-bottom:1px solid #d0d5d9;border-top:1px solid #f8f9fb;margin:0;}
#bouton li a {display: block;padding: 4px 0 4px 2px;color: #003e7e;font-weight:normal;text-decoration: none;width: 100%;font-size:9pt;width:224px;}
#bouton li a.active {color:#003e7e;font-weight:bold;}
#bouton li a:hover.active {color:#003e7e;font-weight:bold;background-color: #e2e1e1;}
#bouton li a.subactive {color:#003e7e;font-weight:bold;background-color: #e2e1e1;font-size:8.5pt;width:auto;}
#bouton li a.sub {font-size:8.5pt;width:auto;}
#bouton li a:hover.subactive {color:#003e7e;font-weight:bold;background-color: #e2e1e1;width:auto;}
html>body #bouton li a {width: auto;}
#bouton li a:hover {background-color: #e2e1e1;color: #bf2e1a;}
/* NAVIGATION
--------------------------------------------- */
#navMain {
background:url(../img/layout/menu.gif) no-repeat;
position:relative;
float:right;
width:650px;
height:27px;
display:block;}
#navMain li {
display:block;
position:absolute;
top:0;
height:27px;}
#navMain li a {
display:block;
height:27px;
text-indent:-2000px;
}
#navMain .nHome {left:0; width:80px;}
#navMain .nProducts {left:80px; width:150px;cursor:help;}
#navMain .nEnergy {left:230px; width:175px;}
#navMain .nCompany {left:437px; width:95px;}
#navMain .nDesign {left:532px; width:118px;}
#navMain .nProducts a {cursor:default;}
#navMain .nEnergy a {cursor:default;}
#navMain .nHome a:hover, #navMain .nHome a.active {background:transparent url(../img/layout/menu.gif) no-repeat 0 -27px;}
#navMain .nProducts a:hover, #navMain .nProducts a.active {background:transparent url(../img/layout/menu.gif) no-repeat -80px -27px;}
#navMain .nEnergy a:hover, #navMain .nEnergy a.active {background:transparent url(../img/layout/menu.gif) no-repeat -230px -27px;}
#navMain .nCompany a:hover, #navMain .nCompany a.active {background:transparent url(../img/layout/menu.gif) no-repeat -437px -27px;}
#navMain .nDesign a:hover, #navMain .nDesign a.active {background:transparent url(../img/layout/menu.gif) no-repeat -532px -27px;}
/* FORMS
--------------------------------------------- */
table.FormDesign select {Border:1px solid #adadab;height:23px;padding:2px 2px 2px 2px;}
table.FormDesign input.Medium {width:330px;Border:1px solid #adadab;height:18px;padding:2px 2px 1px 5px}
table.FormDesign input.Large {width:450px;Border:1px solid #adadab;height:18px;padding:2px 2px 1px 5px}
table.FormDesign input.Small {width:200px;Border:1px solid #adadab;height:18px;padding:2px 2px 1px 5px}
table.FormDesign input.ExtSmall {width:62px;Border:1px solid #adadab;height:18px;padding:2px 2px 1px 5px}
table.FormDesign input.Checks {width:20px; border:none;padding:0;height:auto;}
table.FormDesign textarea {Border:1px solid #adadab;padding:2px 2px 2px 5px;margin:0 0 0 0;font-family:Arial;font-size:9pt;}
table.FormDesign .formsmall{font-family:Arial;font-size:8.5pt;line-height:11px;color:#4b4b4b;padding-bottom:2px;}
table.FormDesign span {display: inline-block;line-height:19px;vertical-align: top;width:auto;font-size:8.5pt;color:black}
table.FormDesign ul {margin:0; padding:0;}
table.FormDesign li {list-style:none; background:#f2f0f1; padding:2px 0 5px 5px; margin-top:1px;}
table.FormDesign legend {padding: 0 0 5px;font-weight: normal;}
table.FormDesign label {display: block;width: auto;}
table.FormDesign em {font-weight: bold;font-style: normal;color: #f00;}
table.FormDesign span.required {color:red;font-weight:bold;font-size:13pt;}