@charset "utf-8";
/* BASE */
* {margin:0; padding:0; border:none; line-height:normal; outline:none;}
.clear {display:block;clear:both;line-height:0;font-size:0;height:0; width:0;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.caps {text-transform:uppercase;}
.underline {text-decoration:underline;}
.hide{display:none;}
.left {float:left;}
.right {float:right;}
.highlight {color:#f04e23;}
.noMargin {margin:0;}

/* GENERAL */
body {background-color:#e8e8e2;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
.global {width:950px; padding-left:25px; margin:0 auto; position:relative;}
.global .logo { position:absolute;left:17px;top:60px;}
.global .logo a {display:block;}
/* HEADER */



/* FOOTER */
#home .footer {padding-top:40px; text-align:center; font-size:14px; width:522px; margin:0 auto; padding-bottom:10px; color:#f04e23; padding-left:188px;}
.footer .shareList{text-align:right; padding-top:10px;}
.footer a {color:#f04e23; text-decoration:none; margin-right:10px;}
.footer .shareList a {margin-right:1px;}
.footer a:hover {text-decoration:underline;}

/* HOME */
#home .header {width:520px; margin:0 auto;padding-left:184px;}
#home .header .bandeau {float:left;margin-right:19px; width:160px;}
#home .header .noMargin {margin:0;}
#home .header .bandeau .bandeauIn {position:relative;top:0;} /* padding-top:10px; */
#home .header .bandeau .bandeauIn a {display:block;height:100%;width:100%;}
#home .header .espaceB {margin:0;}
#home .header .bandeau .bandeauIn .shadow { width:100%; height:100%; padding-top:20px;}/* margin-top:10px; */

#home .header .serviceB {background-color:#f04e23;}
#home .header .missionB {background-color:#767561;}
#home .header .espaceB {background-color:#32c6f4;}
/*
#home .header .serviceB {background-color:#f04e23;}
#home .header .missionB {background-color:#767561;}
#home .header .espaceB {background-color:#32c6f4;}
*/

#home .content {width:520px;margin:0 auto;padding-left:184px;}
#home .content .bigTitle { padding-bottom:10px; text-transform:uppercase; font-size:21px; color:#767561; display:block; text-align:center;}
#home .content .newsList {position:relative;overflow:hidden;height:170px;}
#home .content .newsList .items {width:20000em;position:absolute;clear:both;}
#home .content .newsList .items .item {color:#767561;float:left; width:520px; text-align:justify;}
#home .content .newsList .items .item .title{font-size:22px; text-transform:uppercase; padding-bottom:3px;}
#home .content .newsList .items .item .title .frontspecialchar{color:#f04e23;}
#home .content .newsList .items .item .text p{font-size:15px; line-height:1.3;}
#home .content .newsList .items .item .text p .newsMore { margin-left:20px; color:#f04e23; text-decoration:none;}
#home .content .newsList .items .item .text p .newsMore:hover { text-decoration:underline;}

.navi {width:200px; float:none; clear:both;}
.navi a {width:10px;height:10px;float:left;margin-right:3px; border:1px solid #939281; display:block; font-size:0px; line-height:0;}
.navi a:hover {background-color:#999;}
.navi a.active {background-color:#999;}

.imgRight {position:absolute; z-index:-1;}

/* PAGES SECTION */
#pages .footer {padding-top:40px; text-align:right; font-size:14px; margin:0 auto; padding-right:136px; padding-bottom:10px; color:#f04e23;}
#pages .footer a {margin-right:10px;}
#pages .footer .shareList a {margin-right:1px;}
#pages .LeftLine { background-repeat:repeat-y; width:25px; position:absolute; left:0; top:0;}
#pages .leftBorderServices {background-image:url(/assets/img/repeatBorderServices.jpg);}
#pages .leftBorderMission {background-image:url(/assets/img/repeatBorderMission.jpg);}

#pages .expendableText {display:none;}
#pages .expendableTrigger { cursor:pointer;}
#pages .menuLeft {width:250px; height:1px; position:relative;}
#pages .container { padding-top:130px; min-height:350px;}
#pages .content {width:520px; padding-left:45px;}
#pages .content a {text-decoration:none; color:#f04e23;}
#pages .content a:hover {text-decoration:underline;}
#pages .content .title {font-size:16px; text-transform:uppercase; color:#f04e23; padding-bottom:5px;}
#pages .content .name {display:block;font-size:16px; font-weight:bold; color:#f04e23;}
#pages .content .nameTitle {display:block;font-size:16px; text-transform:none; color:#f04e23; padding:0;}
#pages .content h5 {font-size:16px; text-transform:uppercase; color:#f04e23; padding-bottom:5px; font-weight:normal;}
#pages .content p {font-size:15px; color:#939281; margin-bottom:15px; text-align:justify;}
#pages .content p .bar {color:#f04e23; font-weight:bold;}
#pages .content p .arrow {color:#f04e23; margin-left:15px;}
#pages .content p .arrowOver {color:#767561;}
#pages .content .notes {font-size:10px; color:#939281; margin-top:-12px; font-weight:bold;}
#pages .content .signature {float:right; margin-top:-40px;}
#pages .content ol { color:#939281; padding-left:15px; padding-bottom:15px;}
#pages .content ul { color:#939281; padding-left:15px; padding-bottom:15px;}
#pages .content li { margin-bottom:5px; font-size:15px;}
#pages .content table {height:auto; width:520px;}
#pages .content th { text-align:left;font-size:16px; text-transform:uppercase; color:#f04e23; padding-bottom:5px; font-weight:normal;}
#pages .content td {vertical-align:top;}
#pages .content td p {text-align:left;}
#pages .content td .name {display:block;font-size:16px; font-weight:bold; color:#f04e23;}
#pages .content td .title {display:block;font-size:16px; text-transform:none; color:#f04e23; padding:0 0 5px;}
#pages .content td .email {display:block; padding-bottom:15px;}
#pages .content td .email a {color:#939281;}
#pages .content .contact td p {margin-bottom:0;}
.address {padding-bottom:10px; padding-left:160px; color:#939281;}

#pages .topMenu .on div span {color:#000;}
 
#pages .header {padding-left:294px;}
#pages .header .topMenu .bandeau {width:160px;height:36px;float:left;margin-right:20px;}
#pages .header .topMenu .bandeau .bandeauIn {width:160px;height:36px;color:#FFF;font-size:17px;text-transform:uppercase;text-align:center;position:relative;top:0px;}
#pages .header .topMenu .bandeau .bandeauIn a {display:block; text-decoration:none; height:100%; width:100%; color:#fff;}
#pages .header .topMenu .bandeau .bandeauIn .text {display:block; padding-top:10px;}
#pages .header .topMenu .bandeau .bandeauIn .serviceB {background-color:#f04e23;}
#pages .header .topMenu .bandeau .bandeauIn .missionB {background-color:#767561;}
#pages .header .topMenu .bandeau .bandeauIn .espaceB {background-color:#32c6f4;margin:0;}
#pages .header .topMenu .bandeau .bandeauIn .shadow { width:100%; height:100%; padding-top:15px; top:-15px;}
#pages .header .topMenu .bandeau .bandeauSelected { font-weight:bold;}
#pages .header .topMenu .bandeau .bandeauSelected .shadow { top:0px;}
#pages .header .topMenu .bandeau .bandeauOver { font-weight:bold;}
#pages .header .topMenu .bandeau .bandeauSelected a {color:#fff;}


#pages .nav_categories {list-style:none; position:absolute; left:15px; top:0; width:250px}
#pages .nav_categories li {font-size:19px; font-weight:bold;text-transform:uppercase; color:#767561; display:block; padding-bottom:15px;}
#pages .nav_categories li a {text-decoration:none; color:#767561; display:block; height:100%; width:100%; }
#pages .nav_categories li a:hover {text-decoration:underline;}
#pages .nav_categories li .on {color:#F04E23;}
#pages .nav_categories li ul {list-style:none; padding-left:15px; display:none;}
#pages .nav_categories li .chosenSubMenu {display:block;}
#pages .nav_categories li ul li {font-size:16px;text-transform:none; font-weight:normal;margin-top:8px; padding-bottom:0;}
#pages .nav_categories li ul .month{text-transform:uppercase;}
#pages .nav_categories li ul li a {text-decoration:none;}
#pages .nav_categories li ul li .on {color:#F04E23;}

#pages .nav_categories li.btnInscription a{background-color:#FFF; width:165px; height:155px; padding:15px; font-size:23px; font-weight:normal; letter-spacing:-1px;}
#pages .nav_categories li.btnInscription a span{font-size:12px; text-transform:none; font-weight:bold; letter-spacing:normal;}


/* BLOG */
body.blog{background-color:#b5e4fa;}
#pages.blog .nav_categories li.zoneInfo{background-color:#FFFFFF; font-size:17px; color:#31c5f4; font-weight:normal; height:62px; letter-spacing:-1px; padding:15px; width:154px; margin-bottom:15px;}
#pages.blog .content.left{padding:0;}
#pages.blog .content.left{}
#pages.blog .content.left .bgHeader{height:12px; width:625px; background-image:url("/assets/img/blog/bgheaderBlog.png"); background-repeat:no-repeat; margin-left:23px;}
#pages.blog .content.left .bgFooter{height:21px; width:625px; background-image:url("/assets/img/blog/bgfooterBlog.png"); background-repeat:no-repeat; margin-left:23px;}
#pages.blog .content.left .content{background-image:url("/assets/img/blog/bgrepeatBlog.png"); background-repeat:repeat-y; width:585px; padding:0; margin-left:23px; padding-bottom:15px;}
#pages.blog .content.left .content .title{font-size:32px; color:#757561; font-weight:bold; padding-left:20px;padding-right:43px;}
#pages.blog .content.left .content .post{font-size:17px; color:#757561; padding:0 43px 0 20px;}
#pages.blog .content.left .content .post p{margin:0; padding-bottom:15px;}
#pages.blog .content.left .content .addComment{ float:right; padding-right:16px;}
#pages.blog .content.left .content .addComment a{color:#31c5f4; font-size:14px;}
#pages.blog .content.left .content .share{width:110px; float:right; padding-right:16px;}
#pages.blog .content.left .content .share a{background-image:url(/assets/img/blog/icoFacebook.png); background-position:right; background-repeat:no-repeat; padding-right:22px; color:#31c5f4; font-size:14px;}
#supersize {position:fixed;}
#supersize img, #supersize a {position:absolute;z-index: 0;}


#pages .container .content .liste_commentaire {padding:15px 43px 0 20px;}
#pages.blog .container .content .liste_commentaire .title { padding-left:0; font-size:20px;}
#pages .container .content .liste_commentaire .commentaire p {margin-bottom:0;}
#pages .container .content .liste_commentaire .commentaire { border:1px solid #9d9f9e; padding:5px; background-color:#FFF; margin-bottom:5px;}
#pages .container .content .liste_commentaire .commentaire .name {font-size:14px; padding-bottom:5px;}
#pages .container .content .liste_commentaire .commentaire .date {font-size:14px; color:#939281;}
#pages .container .content .liste_commentaire .commentaire .texte {font-size:14px; color:#939281;}
.container .content .commentaireForm { padding-top:10px; padding-left:20px;}
.container .content .commentaireForm textarea{height:150px;}
.container .content form{width:550px;}
.container .content form input{float:left; border:1px solid #9d9f9e; width:244px; height:22px; font:15px Arial, Helvetica, sans-serif; font-weight:bold; color:#dad9cf; margin:0 16px 4px 0; padding:4px 0 1px 6px; position:relative;}
.container .content form textarea{border:1px solid #9d9f9e; width:512px; height:170px; font:15px Arial, Helvetica, sans-serif; font-weight:bold; color:#dad9cf; padding:6px 0 1px 6px; margin:2px 16px 4px 0;}
.container .content form input#subBtn{float:right; margin: 0 30px 0 0; cursor:pointer; width:160px; height:25px; background-color:#757561; border:none; text-align:center; padding-right:8px;}
.container .content form span.text{font:10px Arial, Helvetica, sans-serif; color:#90907d; padding-left:6px;}

.container .content form label{ position:absolute;}
.container .content form input.error{border:1px dashed #F00; color:#F00;}
.container .content form textarea.error{border:1px dashed #F00; color:#F00;}

#estimation_form {position:relative;}

/* BOITE À OUTILS */
#pages .global .container .content.left h1{font-size:16px; color:#F04E23; font-weight:normal; padding-bottom:5px; text-transform:uppercase;}
#pages .global .container .content.left h2{font-size:16px; color:#F04E23; font-weight:normal; padding-bottom:5px; text-transform:uppercase;}
#pages .global .container .content.left h3{font-size:14px; color:#F04E23; font-weight:normal; padding-bottom:5px;}
#pages .global .container .content.left h4{font-size:14px; color:#F04E23; font-weight:normal; padding-bottom:5px; font-weight:bold;}


/* Popup */
.popup {background-image:url(/assets/img/backgroundOverlay.png);height:199px;width:400px; color:#FFF;}
.popup .textTop {padding-left:40px; padding-top:30px; text-transform:uppercase; font-size:15px; font-weight:bold;}
.popup .lien {padding-top:50px; padding-left:40px; font-size:12px;}
.popup .lien a {color:#FFF; text-decoration:none;}
.popup .lien a:hover {text-decoration:underline;}

#bgImg {position:absolute; z-index:-1; bottom:10px; left:780px;}

a.lienTitre {color:#757561 !important;}