@charset "utf-8";
/* CSS Document */
header{opacity:1; visibility:visible; position:relative;}
header.shrink{background:rgba(255, 255, 255, 0.95); position:fixed;}
:focus{outline:0px !important;}
footer{}
.banniere_interieure{background:url('../images/ampoule.png') no-repeat; background-size:cover; width:100%; height:400px; position:absolute;}
.cover_banner{width:100%; height:400px; position:relative; background:url('../images/shadow.png') bottom repeat-x;}
h1{font-weight:normal;z-index:999; color:#656668; line-height:55px; font-size:35px; font-family:oswald;  font-weight:bold; max-width:560px; letter-spacing:1px; margin:0;}
h1 span{background:url('../images/exclamation.png') right 0 no-repeat; padding:8px 11px;}
h2{text-transform:capitalize; font-weight:normal;font-size:30px; font-family:oswald; margin:0 auto 15px;}
.entete h2{font-size:16px; text-transform:none;}
.entete{position:absolute; width:1000px;  margin-left:-500px; left:50%; z-index:9; top:210px;}
.speciale{color:#00aaa3;}
.texte{text-align:justify; margin-bottom:15px; font-weight:bold; font-size:17px;}
.texte.gras{font-weight:bold; font-size:20px; line-height:30px; margin-top:10px;}
.texte.gras strong{color:#00aaa3;}
.chiffres{margin:20px auto; text-align:center;}
.chiffre{width:30%; display:inline-block; text-align:center; margin:15px 0; font-size:50px; color:#00aaa3;}
.chiffre p{font-size:20px; color:#fff; background:#00aaa3; width:70%; margin:0 auto; margin-top:20px; line-height:35px;}
.bleu{min-height:40px; background:#00aaa3; margin:15px 0; position:relative; padding:20px 0; border-top:5px solid #303030;}
.menu_bleu{min-height:40px; background:#00aaa3; position:relative; }
.mots{width:1000px; color:#fff; text-shadow:none; text-align:center; margin:0 auto; font-size:27px; letter-spacing:1px; line-height:50px;}
.titre_centre{text-transform:capitalize; font-weight:normal;font-size:30px; font-family:oswald; margin:0 auto 15px; text-align:center;}
.image_avatar{border-radius:220px; overflow:hidden; background:#f3f3f3; width:300px; height:300px; margin-bottom:10px;}
.image_avatar img{max-width:100%;}
.label_avatar{text-align:center; color:#00aaa3; font-size:20px;}
.bloc{width:600px; float:right; margin-top:20px; padding:10px 15px; text-align:justify;}
.content_html.intop{margin-top:0;}
.bouton_arrodi{margin:15px 5px 12px;}
.bouton_arrodi a{color:#fff; border-radius:20px; padding:3px 12px; border:1px solid #fff;}
.bouton_arrodi a:hover{color:#00aaa3; background:#fff;}
.bouton_arrodi_b{margin-top:10px;}
.bouton_arrodi_b a{color:#00aaa3; border-radius:20px; padding:3px 12px; border:1px solid #00aaa3;}
.bouton_arrodi_b a:hover{color:#fff; background:#00aaa3;}
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#656668;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; border-radius:20px;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.hvr-float {display: inline-block; vertical-align: middle;
    -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;
    backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {-webkit-transform: translateY(-5px); transform: translateY(-5px);}
.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color; border:1px solid transparent;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color:#fff; color:#00aaa3; border-color:#00aaa3;}
.menu_secteur {float:right; padding-top:17px;}
.chosen-container-single .chosen-single{color:#fff !important; background:none !important; border-color:transparent !important;}
.chosen-container .chosen-drop{border-color:transparent !important; background:#00aaa3 !important; color:#fff;}
.chosen-container{max-width:240px !important;}
.chosen-container *{color:#fff !important; border-color:transparent !important; font-size:16px; line-height:25px !important;}
.chosen-container .chosen-results li.highlighted{background:#fff !important; color:#00aaa3 !important}
.chosen-container-single .chosen-search input[type="text"]{background:#fff !important; color:#00aaa3 !important;}
.chosen-container-single .chosen-single div b{background:url('../images/bottom.png') center no-repeat !important; width:15px; height:8px; margin-top:9px;}
.realisation{height:0; overflow:hidden;}
.realisation{margin-top:30px; position:relative; transition:height 5s linear;}
.content_realisations .realisation{height:auto;}
.realisation .next{width:16px; height:14px; background:url('../images/next_projet.png') center no-repeat; position:absolute; right:0; cursor:pointer; top:10px;}
.realisation .next:hover{opacity:0.7;}
.realisation .prev{width:16px; height:14px; background:url('../images/prev_projet.png') center no-repeat; position:absolute; right:15px; cursor:pointer; top:10px;}
.realisation .prev:hover{opacity:0.7;}
.texte_description{float:left; width:50%; text-align:justify;}
.realisation_description{position:relative; overflow:auto; min-height:50px;}
.link_details{text-align: right;/* position: absolute; right: 0; bottom: 0;*/ float:right; margin:  2px;}
.link_details a{color:#fff; background:#00aaa3; padding:0px 20px; border-radius:20px;}
.image{margin:15px 0 35px; height:350px; overflow:hidden; position:relative;}
.image img{position:absolute; max-width:100%; transform:translate(-50%,-50%); top:50%; left:50%;}
.image_realisation{margin:15px 0 35px;}
.image_realisation img{max-width:100%;}
.titre_realisation {color: #00aca6; font-family:oswald; font-size:27px; letter-spacing:1px; text-transform: none; }
.tags_realisation{margin-right:10px;}
.tags_realisation a{color:#00aca6; margin-left:5px;}
.tags_realisation a:hover{color:#666; }
.chemin{margin-top:17px; padding-bottom:15px; color:#fff;}
.chemin a{color:#fff;font-weight:bold; }
.chosen-results::-webkit-scrollbar {width:10px; background-color:#00aaa3; border-radius:10px;}
.chosen-results::-webkit-scrollbar-thumb {background-color:#666; outline: 1px solid #efefef;}
.chosen-results::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.introduction{margin-top:35px; font-size:30px; line-height:42px;}
.introduction strong{color:#00aaa3;}
.description_page{font-size:23px; margin:30px 0 15px; }
#footer{margin-top:50px; padding:0px 0 10px; background:#f5f6f7;  color:#656668; text-align:left; font-family:calibri; border-top:50px solid #fff;}
.footer_wemdev{border-top:1px solid #e6e6e6; padding-top:50px;}
#footer .bloc_3 a{color:#3e3e3e; font-family:calibri;}
.content_footer{background:#00aaa3;}
.special_footer{margin-bottom:7px;}
.voir_plus{width:52px; height:14px; margin:0 auto; margin-top:10px; background:url('../images/load.gif') center no-repeat;}
.stop{text-align:center;}
.texte_footer{text-align:justify; font-size:16px; line-height:25px; width:1000px; margin:0 auto; padding:20px 0;font-family:calibri; }
footer .container{display:none;}
.back-top{bottom:13px; position:absolute; right:10px; cursor:pointer;}
.special_footer strong{color:#2ce0d7;}
.special_footer span{font-weight:bold; color:#2ce0d7;}
.menu_footer li{display:inline-block; margin-right:10px;}
.menu_footer li a{font-size:15px; color:#fff; padding-right:10px; border-right:1px solid #fff;}
.menu_footer li:last-child a{border-right:none;}
.menu_footer li:hover a{color:#c2c3be;}
footer .reseaux{float:right; margin-right:315px;}
footer .menu_footer{float:left; margin-left:140px;}
footer .menu_footer ul{padding:0;}
.info_footer{position:absolute; overflow:auto; margin-top:-8px; width:100%; padding-bottom:0px;}
#footer .reseaux i{font-size:24px; color:#fff; margin-right:15px; margin-top:3px;}
#footer .facebook:hover i{color:#3b5998;}
#footer .twitter:hover i{color:#1da1f2;}
#footer .linkedin:hover i{color:#0177b5;}
#footer .pinterest:hover i{color:#bd081c;}
.bloc_3{width:32%; display:inline-block; vertical-align:top; text-align:left; margin-top:15px; font-family:calibri; line-height:23px;}
.titre_bloc{color:#00aaa3; font-family:oswald}
.bloc_3 a{color:#fff;}
.res_soc {}
#footer i {font-size:16px;  min-width:17px; text-align:center; color:#fff; /*background:#00aca6; padding:5px 4px 4px;border-radius:8px;*/ margin-right:2px; width:25px; height:25px;}
#copyright{background:#656668; margin-top:20px;}
.copyright{width:1000px; margin:0 auto; font-family:oswald; font-size:15px; letter-spacing:1px; color:#fff; position:relative;}
.copyright a{color:#2ce0d7;}
.entete.simple{top:430px;}
.content_center h1{margin-bottom:10px; margin-top:25px;}
.mini_titre{color:#00aca6; font-size:19px; font-weight:bold; text-transform:uppercase; margin-bottom:15px;}
.mini_titre span{border-bottom:1px solid #a2a2a2;}
.agence h2{text-transform:uppercase; text-align:center; margin-top:10px; line-height:40px;}
.sep_title{height:2px; background:#00aaa3; width:45%; margin-left:25%;}
.phone_retour{display:none;}
.reseaux_sociaux{position:absolute; right:0; top:6px;}
#footer .bloc_3 a:hover{color:#00aca6;}
#footer .res_soc:hover i{color:#00aca6;}
.retour_footer{display:inline-block; width:20px;}
.adresse_wemdev{margin:0 auto; width:1000px;}
.adresse_wemdev a{color:#00aaa3;}
.newsletter_wemdev{width:1000px; margin:10px auto; position:relative;}
.title_footer{/*font-size:19px;*/}
.newsletter_wemdev .link_details{left:360px; right:inherit;}
.newsletter_wemdev button{color:#fff; background:#00aaa3; padding:0px 20px; border-radius:20px; border:1px solid #00aaa3;}
.newsletter_wemdev button:hover{color:#00aaa3; background:#fff; }
input#mail_newsletter {width:340px; padding:3px 4px; line-height:25px; border-radius:2px; border:1px solid #e5e5e5;}
input#mail_newsletter.requirederror{border-color:red;}
.parallaxe{height:640px; background-size:cover; position:relative;}
.parallaxe .entete{position:absolute; bottom:0px; width:100%; left:0px; margin-left:0px; top:inherit; background:#00000099; color:#fff; padding:10px 0 0; text-align:center;}
.parallaxe h1{color:#fff; text-align:center; max-width:inherit; line-height:30px;}
.parallaxe h2{margin-top:10px; margin-bottom:5px; color:#00aaa3;}
.details_projet{width:1000px; margin:0 auto; margin-top:25px; overflow:auto;}
.details_projet .sidebar{width:220px; float:right; }
.content_details{float:left; width:750px; text-align:justify; position:relative;}
.content_details .link_details{text-align:left; margin-top:20px; position:relative;}
.titre_sidebar{color:#9eb2b1;}
.paragraphe{width:1000px; margin:0 auto; margin-top:25px; border-top:1px solid #dedede; padding-top:10px;}
.paragraphe img{max-width:1000px;}
.titre_parag {
    color:#656668; font-weight:bold;
    text-align: center;
    font-size:30px;
    line-height: 50px;
    margin-bottom: 10px;
    position: relative;
}
.descrip_parag{line-height:26px; margin-bottom:20px; margin-top:10px; font-family:calibri; text-align:justify;}
.stop i {
    font-size: 22px;
    color: #fff;
    background: #00aaa3;
    width: 35px;
    line-height:33px;
    cursor: pointer; border:1px solid #00aaa3;
    border-radius: 20px;
}
.stop i:hover{background:#fff; color:#00aaa3;}
@media screen and (max-width: 1000px) {
.mots{width:90%; font-size:22px; line-height:35px;}
.texte_footer{width:90%;}
.copyright{width:90%;}
.banniere_interieure{height:250px;}
.cover_banner{height:250px;}
.menu_secteur{width:100%; float:inherit; }
.entete{left:10px; margin-left:0px; width:90%;}
select#search_secteur{background:#00aaa3; color:#fff; line-height:35px; border:none; font-size:15px; margin-bottom:20px;}
select#search_secteur option{line-height:30px;}
}
@media screen and (max-width:500px) {
.details_projet { width:calc(100% - 20px) ; }	
.content_details { width: 100%;}
.details_projet .sidebar { width: 100%; float: inherit; text-align: center;}
.paragraphe { width: calc(100% - 20px);}
.paragraphe img {max-width: 100%;}
.parallaxe .entete { padding: 3px 0 0;}
.parallaxe h1 { line-height: 29px;}
.parallaxe h2 { margin-top: 3px; margin-bottom: 1px;}
.retour_footer{display:block; width:100%;}
.chiffre{width:60%; display:block; margin:0 auto; margin-bottom:20px;}
.bloc_3{width:49%; margin-bottom:20px;}
.bloc_3:last-child{width:100%; display:block;}
.phone_retour{display:block;}
h1 span{display:none;}
h1{font-size:28px; line-height:35px;}
.texte_description{float:inherit; width:100%;}
.link_details{position:relative;}
.entete{top:115px;}
.bouton_arrodi{margin:10px 2px 0px;}
.link_details{text-align:left;}
.adresse_wemdev, .newsletter_wemdev{width:90%; margin:0 auto;}
.newsletter_wemdev .link_details{left:0px; margin-top:10px;}
}