/* reset */
body, p, ul, ol, form, input, h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote, fieldset{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:400;}
ul, ol{list-style:none;}
img, fieldset{border:none;}


/* fonts inclusions */
@font-face{font-family:'MisoRegular';src:url('../fonts/miso-regular-webfont.eot');src:url('../fonts/miso-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/miso-regular-webfont.woff') format('woff'),url('../fonts/miso-regular-webfont.ttf') format('truetype'),url('../fonts/miso-regular-webfont.svg#MisoRegular') format('svg');font-weight:normal;font-style:normal;}


/* global */
body{text-align:center;text-shadow:1px 1px #e4eced;line-height:1.2;}
body, input, select, textarea{font-family:'MisoRegular',Arial,Helvetica,sans-serif;font-size:24px;color:#2f4048;}
input, textarea{padding:7px;font-size:18px;border:1px solid #05192f;border-radius:5px;background-color:#edf2f5;color:#516976;}
a{color:#02d2ff;}
a:hover{text-decoration:none;}
big{font-size:30px;}
p{margin-bottom:30px;}
:last-child{margin-bottom:0;}


/* structure */
.wrapper{width:890px;margin:auto;padding-top:100px;}
#btn-facebook{position:fixed;top:150px;right:0;_position:absolute;}
#nav-main{position:fixed;left:0;top:0;width:100%;z-index:2;padding:8px 0 15px;background:url(../img/nav-main.png) 0 bottom repeat-x;text-shadow:none;}
#nav-main li{display:inline-block;*display:inline;zoom:1;vertical-align:middle;margin:0 10px;}
#nav-main a{padding:5px 15px;color:#2f4048;border-radius:5px;text-decoration:none;}
#nav-main a:hover{background-color:#dde5e9;}
#nav-main a.selected{background-color:#045275;color:#fff;}
#nav-main  #nav-main-home{padding:0;background:none;}
#pager{overflow:hidden;}

#page-accueil{background:url(../img/page-accueil.png) repeat-x #bcd3d5;}
#page-accueil .wrapper{padding-bottom:150px;}

#page-decouvrez-com365{background:url(../img/page-decouvrez-com365.jpg) 0 bottom repeat-x #1b91cf;color:#fff;text-shadow:none;}
#decouvrez-com365-wrapper{background:url(../img/decouvrez-com365-wrapper.png) 0 7px repeat-x;}
#page-decouvrez-com365 .wrapper{position:relative;}
#icons-decouvrez-com365{margin:0 -34px 30px -34px;}
#btn-decouvrez-com365{position:absolute;left:50%;top:-116px;margin-left:-103px;}

#nav-decouvrez-com365{overflow:hidden;zoom:1;margin-top:100px;width:105%;font-size:18px;line-height:1.1;}
#nav-decouvrez-com365 li{float:left;margin-right:30px;width:154px;}
#nav-decouvrez-com365 a{display:block;color:#1b91cf;height:99px;padding:50px 10px;background:url(../img/nav-decouvrez-com365-off.png) no-repeat;text-decoration:none;}
#nav-decouvrez-com365 a:hover{background-image:url(../img/nav-decouvrez-com365-on.png);color:#fff;zoom:1;}

#page-constat{background:url(../img/page-constat.jpg);color:#c0c1ca;text-shadow:none;}
#constat-wrapper{background:url(../img/constat-wrapper.jpg) 0 bottom repeat-x;padding-bottom:100px;}
#separator-constat{background:url(../img/separator-constat.gif) repeat-x;height:102px;margin-bottom:30px;}
#separator-constat hr{display:none;}
#graphic-constat{display:block;margin:0 -717px;}

#page-360-degres-ou-365{background:url(../img/page-360-degres-ou-365.jpg) 0 bottom repeat-x #c2d6d7;text-shadow:1px 1px #fff;}
#separator-360-degres-ou-365{background:url(../img/separator-360-degres-ou-365.gif) repeat-x;height:102px;margin-bottom:30px;}
#separator-360-degres-ou-365 hr{display:none;}
#graphic-360-degres-ou-365{display:block;margin:0 -717px;}

#css-solutions-concretes{background:url(../img/page-solutions-concretes.jpg) repeat-x #bad2d4;padding-bottom:100px;}
#separator-solutions-concretes{margin-top:-40px;padding-bottom:40px;background:url(../img/separator-solutions-concretes.png) 0 bottom repeat-x;height:41px;margin-bottom:30px;}
#separator-solutions-concretes hr{display:none;}
#separator-solutions-concretes .title{display:inline-block;font-size:25px;font-weight:700;color:#fff;text-shadow:-1px -1px #196f86;padding:5px 65px;background-color:#2296b5;border-radius:5px 5px 0 0;}
#separator-solutions-concretes .title a{color:#fff;text-decoration:none;}
#separator-solutions-concretes .title a:hover{text-decoration:underline;}

#page-partenaires{background:url(../img/page-partenaires.jpg) center 0 no-repeat #bad2d4;}

#page-contacts{background:url(../img/page-contacts.jpg) center 0  no-repeat #002e5f;text-shadow:-1px -1px #313e46;color:#fff;}
#wrapper-contacts{background:url(../img/wrapper-contacts.png) repeat-x;}
#page-contacts .wrapper{padding-bottom:100px;}

#form-contacts{text-align:left;margin:0 60px;}
#form-contacts p{margin-bottom:10px;}
#form-contacts p:last-child{margin-bottom:0;}
#form-contacts input:focus, #form-contacts textarea:focus{background-color:#fff;}
#form-contacts .column-left{float:left;width:315px;}
#form-contacts .column-left input{width:300px;}
#form-contacts .column-right{float:right;width:415px;padding-bottom:10px;}
#form-contacts .column-right textarea{width:385px;padding-bottom:15px;height:157px;}
#form-contacts .footer-submit{text-align:center;margin-top:-31px;}
#form-contacts .submit:hover{background-color:#5f8398;}
#form-contacts label.error{color:#fff;font-size:14px;}
#form-contacts input.error{display:block;margin-top:2px;background-color:#f7e8e8;}

#serialbox-overlay{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;cursor:pointer;}
#serialbox-content{display:none;position:absolute;z-index:1001;top:0;left:50%;margin-left:-250px;}
.serialbox-wrapper{position:relative;padding:20px;border:7px solid #2d5d8c;background:url(../img/page-accueil.png) repeat-x #bcd3d5;text-align:left;text-shadow:none;color:#134068;font-size:17px;}
.js-serialbox-close{position:absolute;top:-27px;right:17px;cursor:pointer;}
.serialbox-header{margin:0 100px 35px;text-align:center;font-size:19px;}
.serialbox-title01{font-weight:700;color:#0093d2;font-size:36px;}
.serialbox-title02{margin-bottom:5px;font-weight:700;color:#0093d2;font-size:19px;}
.serialbox-body{overflow:hidden;zoom:1;}
.serialbox-body .graphic{float:left;margin-right:25px;}
.serialbox-content{overflow:hidden;zoom:1;}
.serialbox-footer{margin:25px -10px -10px;padding:15px 20px;color:#fff;background-color:#2d5d8c;text-align:center;}
.serialbox-footer .title{margin-bottom:5px;font-weight:700;font-size:19px;}
.serialbox-partenaires{margin-top:25px;text-align:center;}
.serialbox-partenaires .title{margin-bottom:10px;font-size:19px;color:#0093d2;font-weight:700;}


/* customiser */
.last{margin-bottom:0;}
.center{text-align:center;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}

.title01{font-size:65px;margin-bottom:15px;letter-spacing:-1px;}
.title02{font-size:31px;font-weight:700;}
.title04{font-size:16px;text-shadow:-1px -1px #313e46;color:#fff;margin-bottom:10px;text-transform:uppercase;}

.list01{margin-bottom:15px;list-style-type:disc;padding-left:20px;}

.box-message-done{padding:20px;background-color:#16416e;border-radius:5px;border:1px solid #05192f;font-size:18px;text-align:center;}
.box-message-done .title{font-size:24px;}

.list-services{width:110%;text-align:left;font-size:16px;}
.list-services-item{padding-left:80px;width:345px;margin-right:40px;margin-bottom:30px;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;border-radius:10px;}
.list-services-item .title, .list-services-item .title a{text-decoration:none;font-size:24px;color:#2095b4;font-weight:700;}
.list-services-item .title a{display:block;width:120px;padding-right:30px;background:url(../img/list-services-icon.png) right center no-repeat;}
.list-services-content{overflow:hidden;zoom:1;}
.list-services .visual{float:left;margin:5px 15px 0 -80px;}
.list-services .hover{color:#222628;}
.list-services .hover .visual{opacity:0.7;}

.list-services .my365{display:inline-block;width:710px;background-color:#cce2e5;padding:20px 50px 20px 130px;margin:30px 0 0;font-size:18px;}
.list-services .my365 .title a{font-size:29px;}