@import 'lib/reset.css';
html { margin: 0; padding: 0; overflow-y: scroll; }
body { font-family: verdana, tahoma, sans-serif; font-size: 11px; color: #4a4f57; background: #ffffff url(../img/body-bg01.gif) repeat-x; }
/*--------------- HEADER CSS---------------*/
#header { height: 56px; width: 982px; margin: 0; padding: 0; background: url(../img/header-bg.jpg) top left no-repeat; }
#header-logo { height: 56px; width: 264px; background: url(../img/header-logo.jpg) top left no-repeat; float: left; }
.header-nav { padding: 25px 15px 0 0; width: 450px; background: url(../img/menu01-bg.gif) bottom right no-repeat; float: right;  text-align: right;}
.header-nav ul { font-size: 12px; font-weight: bold; list-style: none; }
.header-nav li { padding: 0 0 0 35px; display: inline; }
.header-nav li.current a { color: #ffffff; text-decoration: underline;  }
.header-nav li a { padding-top: 15px; color: #ccdbee; text-decoration: none; }
.header-nav li a:hover { color: #ffffff; text-decoration: underline; }
/*--------------- HOME CSS ---------------*/
#container { width: 982px; margin: 0 auto; }
#content-box { width: 981px; }
#banner { height: 341px; width: 982px; background: #ffffff url(../img/banner-bg01-f.jpg) top left no-repeat; float: left; }
.banner-content { width: 430px; margin: 0; padding: 40px 0 0 15px; font-size: 12px; color: #ffffff; line-height: 18px; } 
.banner-link { width: 430px; margin: 0; padding: 110px 0 0 15px; } 
.content01 { width: 629px; margin: 0; padding: 10px 10px 0 15px; float: left; }
.content02 { width: 306px; margin: 0; padding: 10px 6px 0 15px; float: left; }
.contact { width: 646px; height: 72px; margin: 5px 0 5px 0; padding: 30px 6px 0 0; float: left; background:url(../img/home-contact.jpg) no-repeat; }
.realisations { width: 312px; height: 72px; margin: 0 0 5px 0; margin: 5px 0 0 17px; padding: 30px 0 0 0; float: left; background:url(../img/home-realisations.jpg) no-repeat; }
.icone { width: 45px; margin: 0; float: left; }
.title { height: 29px; margin: 0; padding-top: 5px; float: left; }
.text01{ width: 306px; float: left; }
.text02 { padding-left: 25px; line-height: 18px; color:#2173af; float: left; }
.text03 { padding: 0 5px 0 8px; line-height: 18px; color:#2173af; float: left; }
.content01-link { width: 629px; float: left; font-weight: bold; text-align: right; }
.content02-link { width: 306px; float: left; font-weight: bold; text-align: right; }
.bleu-12px { font-size: 12px; color: #2173af; }
#content-box h1 { font-size: 16px; margin: 0; padding: 0; color: #2173af; }
#content-box h2 { font-size: 12px; margin: 0; padding: 6px 0 10px 0; color: #3c4552; }
#content-box h3 { font-size: 12px; margin: 0; padding: 6px 0 10px 0; color: #2173af; }
#content-box p { font-size: 12px; margin: 0; padding-bottom: 5px; color: #3c4552; line-height: 18px; }
#content-box a.link01 { color: #2173af; font-size: 10px; text-decoration: underline; }
#content-box a.link02 { color: #2173af; font-size: 11px; text-decoration: none; }
#content-box a:hover.link02 { text-decoration: underline; }
.spacer { clear: both; }
/*--------------- FOOTER CSS------------*/
#footer-box { width: 982px; height: 58px; background: url(../img/footer-bg.jpg) center no-repeat; position: relative; padding-bottom: 0;}
#footer { padding: 12px 15px 0 15px; font-size: 10px; color: #8d8d8d; }
#footer-logo { width: 58px; height: 38px;  background: url(../img/footer-logo.jpg) no-repeat center; float: left;} 
#copyright { width: 250px; padding-left: 10px; line-height: 16px; float: left; } 
#version { bottom: 0; right: 10px; position: absolute; text-align: right; clear: both; }
.footer-link { color: #8d8d8d; text-decoration: none; }
.footer-link:hover { color: #8d8d8d; text-decoration: underline; }
.footer-nav { width: 300px; margin: 0; padding: 0; float: right; text-align: right; }
.footer-nav li { display:inline; }
.footer-nav li a { color: #8d8d8d; text-decoration: none; }
.footer-nav li a:hover { color: #8d8d8d; text-decoration: underline; }