/*Universal styles*/
body,h1,h2,h3,h4,h5,ul,li,p,dl,dd,dt,hr,form { margin:0; padding:0; line-height:18px; border-collapse: collapse;}
.content, .box, hr, .next, #dtr div { margin:0 auto; }
.arr, #ref dl, .popup_block img{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
p{text-align:justify;}
hr{display:none;}
/*hr{width:960px;border:none;border-collapse: collapse;height:0;}*/
.content, #home aside, #dtr div{width:960px;}
.box{width:900px; padding:20px 30px;position:relative;}

/*Texts*/
body { font-family:Century Gothic, Lucida Grande, Lucida, Tahoma, Arial; font-size:12px; }
h1, h2, h3, header li, nav a, .popup_block h2, .year, address b, .subbutton, .menu { font-family:"BebasRegular", Futura;font-weight:normal; text-transform:uppercase; }
h1{font-size:50px;line-height:60px;}
#p1 h2, .pBox h3{font-size:22px;}
@font-face {
    font-family: 'BebasRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*Links&Menu*/
a, .subbutton { text-decoration: none; color:#FFF; }
.menu{text-align:right;overflow:hidden;width:600px;position:absolute;right:30px;}
.menu span{background:#5a96b2;margin:0 !important;color:#FFF;}
.menu ul{background:#5a96b2;margin:0 !important;display:inline-block;position:absolute;right:-700px;list-style-type:none;color:#9ac2d3;}
.menu li{display:inline-block;margin:0 5px;}#p1 .menu{top:85px;right:60px;}
#p1 .menu span, #p1 .menu ul{background:#b4cd81;}
#p1 .menu ul{color:#8dbb46;}
#p2 .menu span, #p2 .menu ul{background:#77521c;}
#p2 .menu ul{color:#c99c5b;}
#p3 .menu span, #p3 .menu ul{background:#3f535b;}
#p3 .menu ul{color:#5a96b2;}

/*Sprites&Btns*/
.spr { background:url(../images/sprites.png); }
section nav .next a.navLink, #intro nav a, .close, .subbutton, .menu span, .menu ul{display:inline-block;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;padding:7px 20px; font-size: 21px;margin:7px 0;border:none;cursor:pointer;}
.next{clear:both;text-align:center;}
.next a{padding:15px 20px 12px !important; font-size: 25px !important;}
header .next a{background:#84be57;}
#p1 .next a.navLink{background:#a07d49;}
#p2 .next a.navLink{background:#3f535b;}
#p3 .next a.navLink{background:#ab3a32;}


/*Bg*/
#home .bg, #home .content{background:url(../images/bg/sky.jpg) top center;min-width:900px;}
#city, #city .bg{background:url(../images/bg/city.jpg) top center;}
#p1 .bg, #p1 .content{background:url(../images/bg/grass.jpg) top center repeat-x;}
#items, #p1 .box {background:url(../images/bg/items.jpg) bottom center no-repeat;}
#p2 .bg, #p2 .content{background:url(../images/bg/dirt.jpg) top center;}
#dtr, #dtr div{background:url(../images/bg/dtr.jpg) top center repeat-x;}
#p3 .bg, #p3 .content{background:url(../images/bg/rock.jpg) top center;}
#rts, #p4 .bg, #p4 .content{background:#e4f3f1 url(../images/bg/foo.jpg) top center repeat-x;}
#p4 .box{background:#a9cbc8 url(../images/bg/foo.png) top repeat-x;}

/*Layout*/
#home .content { height:635px; }
#city .bg{height:213px;width:960px;margin:0 auto;}
#p1 .bg, #p1 .content{height:790px;}
#p1 .content{padding-top:68px;}
#items{padding-top:26px;height:614px;width:100%;position:absolute;text-align:center;overflow:hidden;}
#p1 .box{height:582px;color:#75582d;margin-top:-50px;}
#news{background:url(../images/dots/p1.png) top left repeat-y;float:right;width:260px;padding:15px 0 0 30px;margin-top:115px;z-index:10;}
#p2 .content{padding-top:83px; height:1438px;}
#dtr div{height:258px;}
#p3 .content{height:1000px;padding-top:80px;}
#contact{height:222px;}
#p4 .content{height:978px;padding-top:174px;}

/*Header*/
#intro{display:block;position:absolute;top:220px;}
#home img { position:absolute; width:226px; height:124px; margin:34px 0 0 78px; }
#home ul { list-style-type: none; float:right; background:url(../images/dots/head.png) bottom right repeat-x; word-spacing: 14px; padding:20px 0 10px 2px; }
#home li { display:inline; font-size:14px; color:#9ac2d3; }
#home h1 { width: 540px; margin:0 auto; padding:0 0 10px; font-size:60px; color:#FFF;  text-align: center; }
#home p { width:540px; margin:0 auto; color:#39636e; padding:10px 0;  }

/*Pr�sentation*/
#p1 h1, #p1 h2, #news span, #news a {color:#66a903;}
#p1 .us {width:580px;float:left;margin:50px 0 15px;z-index:10;display:inline-block;}
#p1 p, #p1 h2 {margin:0 0 15px;}
#p1 h3{color:#8dbb46;font-size:25px;}
#news ul{list-style-type:none;}
#news li{margin-bottom:20px;}
#news span{display:block;font-size:11px;}

/*Prestations*/
#p2 .box{background:#dfe4b4;color:#77521c;}
.pBox{width:430px; display:inline-block;vertical-align:top;margin:50px 0 20px;}
.pBox h2, .pBox p, .pBox div{margin-left:80px;}
.pBox h2{font-size:30px;line-height:30px;padding:0 0 20px;background:url(../images/dots/p2.png);}
.pBox h2 span{display:block;}
.pBox ul{list-style-type:none;font-size:11px;}
.pBox li{line-height:14px;margin:5px 0;}
.pBox div{margin-top:30px;border:#e5e7d4 1px solid;}
.pBox span.ico{display:block;width:62px;height:62px;background:url(../images/icons.png) no-repeat; float:left;margin-top:-3px;}
#pr1 h2, #pr1 h3{color:#c1b01b;background-position-y:-35px;}
#pr2 h2, #pr2 h3{color:#66a903;background-position-y:-135px;}
#pr3 h2, #pr3 h3{color:#3c901b;background-position-y:-235px;}
#pr4 h2, #pr4 h3{color:#3386a2;background-position-y:-335px;}
#pr1 div{background:#dadb9b;padding:20px;}
#pr2 div{background:#cbda97;padding:20px;}
#pr3 div{background:#cadba7;padding:20px;}
#pr4 div{background:#c8d9b9;padding:20px;}
#pr2 .ico{background-position:-62px -62px;}
#pr3 .ico{background-position:-124px -124px;}
#pr4 .ico{background-position:-186px -186px;}
#pr2, #pr4{margin-left:30px;}

/*R�f�rences*/
#p3 .box{background:#f6f9fa;color:#3f535b;}
#p3 h1 span{display:block;font-size:23px;line-height:30px;color:#6d8690;}
#p3 .info{color:#91adb8;margin:30px 0;line-height:20px;}
#p3 .info span{display:block;float:left;width:20px;height:20px;margin-right:10px;}
#ref{list-style-type:none;padding:10px 0;margin:0 0 0 -15px;width:930px;}
/*#ref li{background:#FFF;border:#e8eef2 1px solid;width:100px;display:inline-block;margin:11px; width:174px; padding:15px;vertical-align:top;}*/
#ref li{display:inline-block;margin:11px;width:204px;vertical-align:top;}
#ref dl{background:#FFF;border:#e8eef2 1px solid;width:174px; padding:15px;text-align:center;}
#ref dt{height:76px;vertical-align:middle;}
#ref a{color:#3f535b;}
#ref img{border:none;}
#ref dd a{display:block;background:url(../images/dots/p3.png) top repeat-x;margin-top:15px;padding-top:15px; font-weight:bold;}

/*Contact*/
#p4 .box{background:#d3e7e3 url(../images/bg/foo.png);color:#568195;}
#p4 h1, #p4 h2{color:#89a6b4;}
address{padding:30px 0 0 86px;font-style:normal;}
address p{margin:30px 0;}
address span{width:56px;height:56px;background:url(../images/icons.png);float:left;margin:-13px 0 0 -86px;}
address b{font-size:36px;display:block;line-height:36px;}
address .home b{color:#c1b020;}
address .tel b{color:#66a903;}
address .fax b{color:#3c901b;}
address .email b{color:#3286a2;}
address .home span{background-position:0 -248px;}
address .tel span{background-position:-56px -304px;}
address .fax span{background-position:-112px -360px;}
address .email span{background-position:-168px -416px;}
.form {width:400px;float:right;}
#p4 h2{font-size:24px;margin:0 0 30px 0;}
.form label{width:110px;float:left;line-height:14px;margin:12px 0 8px 0;}
.form label span{color:#97b6c2;font-size:11px;font-style: italic;display:block;}
.form input, .form textarea{width:264px;border:#9bb4bf 1px solid;padding:7px;font-size:12px;margin:10px 0;}
.form .error{display:block;margin-left:110px;color:#d93e1a;}
.subbutton{background:#8dbb46;}
.copy{margin:30px 0;text-align:center;color:#5a96b2;}

/*Popup*/
#fade { display: none;background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity:.70;z-index: 99;}
img.btn_close {float: right;margin: -55px -55px 0 0;}
.popup_block .close{float:right;font-size:11px;background:#8cb6c7;margin:-20px -20px 0 0;padding:0 10px;color:#FFF !important;}
.popup_block{display:none;color:#3F535B;background:#f6f9fa;padding:30px;float:left;font-size: 1.2em;position: fixed;top: 50%; left: 50%;z-index:999;-webkit-box-shadow: 0px 0px 10px #232626;-moz-box-shadow: 0px 0px 10px #232626;box-shadow: 0px 0px 10px #232626;font-size:12px; }
.popup_block h2{color:#4e859b;font-size:28px;background:url(../images/dots/p3.png) bottom left repeat-x;padding:5px 0 15px;margin:0 0 15px !important;}
.popup_block img, .refDet{display:block;padding:15px;background:#FFF;border:#e8eef2 1px solid !important;margin:0 0 30px 0;}
.refDet h4, .refDet div{padding-left:41px;}
.refDet h4{font-size:13px;}
.refDet h5{color:#4e859b;font-size:11px;margin:15px 0 0;}
.what{display:block;position:absolute;width:31px;height:32px;margin-right:10px;background:url(../images/sprites.png);}
.what1{background-position:-20px 0;}
.what2{background-position:-51px 0;}
.what3{background-position:-82px 0;}
.what4{background-position:-113px 0;}
.whatDown{margin-top:40px;}
/*--Gérer la position fixed pour IE6--*/
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}

/* Tiny Scrollbar */
.scroll { width: 260px; margin: 20px 0 10px; z-index:10; }
.scroll .viewport { width: 240px; height: 295px; overflow: hidden; position: relative; }
.scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scroll .scrollbar{ position: relative; float:right; width:15px; }
.scroll .track { background:#e4ebd0;height:100%; position:relative; width:11px; padding:2px; }
.scroll .thumb { background:#8dbb46;height:20px; width:11px; cursor:pointer; overflow:hidden; position:absolute; top:0; margin-top:2px;}
.scroll .disable { display: none; }
.popup_block .scroll{width:500px;}
.popup_block .scroll .viewport{width:460px;height:200px;}
.popup_block .scroll .track{background:#e8eef2;}
.popup_block .scroll .thumb{background:#4e859b;}

/*Windmills*/
#city .bg{text-align:left;}
.wm{width:60px;height:60px;position:absolute;}
#wm1{margin:2px 0 0 185px;}
#wm2{margin:9px 0 0 50px;}
#wm3{margin:11px 0 0 -48px;}