@font-face {font-family:"mistral"; src:url(Mistral.ttf) format("truetype");}
@font-face {font-family:"centry"; src:url(CenturyGothic.ttf) format("truetype");}
@font-face {font-family:"fontawesome"; src:url(FontAwesome.otf) format("truetype");}
h2{margin:10px 0;}
a {text-decoration:none;}
@charset "utf-8";
.state_projet{font-size:15px;color:#aaa;font-family:calibri; position:absolute; top:75px;}
.state_projet a { text-decoration:none;color:#231F20;font-weight:bold;}
.titepage left h2{font-family:mistral; font-size:18px;}
.liketable{display:flex;}
.top_presentation{position:relative; float:left; width:100%; margin:0 auto;}
.clear{display:block; clear:both;}
.sidebar{float:right; position:relative; width:100%; margin-top:-9px;}
.titsid {margin-top:50px; background:url('images/rightimg.png') center bottom  no-repeat; height:50px;}
.titsid a{text-decoration:none;color:#575050;font-size:25px; }
.desc_plan {color:#585755; font-size:18px;  width:75%; margin:0 auto; line-height:30px; padding-top:20px;}
.titsid p {text-align:center;}

.height-content{min-height:calc(100vh - 260px); padding-top:21px; position:relative; overflow:auto; padding-bottom:50px;}
.tabnav .titepage{background:#fcfcfc; padding:0 2px;}
.left{float:left;}
.tabnav li{float:right; font-size:12px; cursor:pointer; text-align:center; list-style:none; padding:0px 25px; line-height:15px; background:#263575; color:#fff;  margin:0 2px;}
li.hasanimate.active, .tabnav li.hasanimate:hover{background-color:#febe14; border-bottom:0; color:#fff;}
ul.tabnav{padding:0; overflow:auto;}.liketable{display:flex;}
.map_loc{color:#575050;font-size:16px; letter-spacing:1px;}
.map_loc:before{content:'\f041'; font-family:fontawesome; color:#263575;}
.send_to_friend{color:#575050;font-size:16px; letter-spacing:1px; cursor:pointer;}
.send_to_friend:before{content:'\f0e0'; margin-right:5px; font-family:fontawesome; color:#263575;}
.alignee{margin-bottom:20px; width:40%; display:inline-block;}
.partage{position:absolute; top:0; left:calc(40% + 195px);}
.commodite_style{font-size:18px; color:#f59220; margin-top:35px; letter-spacing:1px;}
.etat_avancement span{float:left;}
.presentation{text-align:justify; line-height:28px; color:#585755; font-size:16px; margin-top:20px;/* background:url('images/puce1.png') 0 14px no-repeat;*/ padding-left:10px;}
.presentation p{ margin:0 !important; font-size:16px !important; background:transparent !important;}
.presentation img{ margin-top:20px; margin-left:0px;}
.partie_gauche{float:left; margin-right:10px; width:calc(100% - 220px);}
.bloc_details{width:65%;}
.partie_droite{width:30%; padding:10px; float:right; min-height:calc(100vh - 310px); background:url('images/rectprojet.png') no-repeat; margin-top:-150px; margin-left:10px; }
.liketable>.height_all{flex:0.9;}
.progress_speed{height:3px; border-radius:5px; background:#263575;}
.progress {margin:8px 10px 0 20px; position:relative; width:350px; padding:1px 0px; background:#f59220; border-radius:8px; float:left;}
.haut_contenu{width:100%; margin:0 auto; position:relative; float:left; display:flex;}
.presentation_right{float:right; max-width:270px; margin-right:30px;}
.masse_plan:hover, #map:hover{}
.masse_plan{height:100%; overflow:hidden; position:relative;}
.situation img{width:100%; margin-bottom:-8px}
.presentation_left{float:left; margin-left:0px;  width:50%;}
.social_btn{margin-left:20px;}
.rightmasse{float:left; position:relative; margin-left:316px; position:relative;  margin-top:-255px;}
.masse_situation{margin:0px auto; float:left; width:100%; margin-left:28px;}
.bottom_contenu{width:100%;float:left;height:300px; margin-left:50px;}
.smallleft{border-radius:4px; position:relative;}
.titre_details{font-size:18px; color:#f59220;}
.situation{width:calc(100% - 12px); border:2px solid #575050; margin-top:10px; border-radius:2px;}
.bloc_right{float:right; width:30%; height:100%; overflow-y: hidden ;}
.situation_masse{height:197px; border:6px solid #575050; margin-top:20px; margin-top:12px; float:right;}
.plan_masse{ overflow:hidden; position:relative;}
.plan_masse img{ width:100%; margin-bottom: -8px; }
.inline {width:47%; display:inline-block; margin-right:2%;}
.inline:last-child{margin-right:0;}
.projet_desktop{overflow:auto;}
.top_projet{margin-bottom:20px; padding-bottom:15px;}
.right_masse{width:96%; border:2px solid #575050; padding-left:0}
.tit-block1{margin-bottom:14px;  font-size:18px; text-align:left;  width:29%; 	margin-left:30px;}
#mapwidget{width:100%;}
#map{width:100%; height:297px;}
.gm-style{font-family:Roboto,Arial,sans-serif; font-size:11px; font-weight:400; text-decoration:none;}
#menu_content{float:left; position:relative; height:200px; width:calc(100% - 357px); margin-left:30px; padding-top:20px;}
ul.nav_content{text-align:center; background-color:#575050; height:74px; width:calc(100% - 166px); float:left;}
ul.nav_content li{float:left; list-style:none; font-size:18px; text-align:center; margin-top:2.5%; padding-right:4%; border-top:2px solid #AFACAC;}ul.nav_content a{color:white; text-decoration:none;}
.nb_appartement{text-align:center; height:39px; width:30%; border:0px solid; float:left; font-size:18px; color:#fff; border-right:3px solid #fff; line-height:37px;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; position:absolute; z-index:9; background:#F59220;}
.type_appartement {background-color:#263575; color:#fff; text-align:center; line-height:40px; height:39px; width:100%; border:0px solid; font-size:20px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; position:relative;}
.general.single-plan{margin-top:10px;}
.single-plan{display:block; clear:both; margin:15px 0; position:relative;  font-size:13px; line-height:18px;}
.titre_masse{ font-size:18px; color:#f59220; margin:0 auto; padding-top: 7px;}
.plus_info{position:absolute; z-index:9; right:5px; top:1px;}
.plus_info span{/*background:url('images/plus.png') center 2px no-repeat;*/ padding-right:5px; padding-left:30px; background-size:12px;;}
.plus_info:hover span{opacity:0.9;}

.content_slider{min-height:250px;}
.background_popup{position:fixed; top:0; left:0; width:100%; height:100%; z-index:998; background:rgba(0, 0, 0, 0.59);}
.hide{display:none;}
.popup{position:fixed; z-index:999; left:50%; top:15%; margin-left:-250px; width:500px; height:60%; background:#fff; padding:10px 0px; border:5px solid #F59220; border-radius:10px;  color:#F59220; -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
   animation: 20s linear 0s normal none infinite A;
   -webkit-animation: 20s linear 0s normal none infinite A;
   -moz-animation: 20s linear 0s normal none infinite A;
   -o-animation: 20s linear 0s normal none infinite A; overflow-y:scroll;}
.title_popup{text-align:center; margin:10px auto 25px; width:80%; border-bottom:1px solid #F59220; padding-bottom:10px; font-size:18px;}
.popup .label{font-size:15px;  margin-bottom:5px;}
.popup .label .star{color:#F59220;}
.popup .ligne_popup{margin-bottom:15px;}
.popup input{padding:5px; border:1px solid #ccc; width:280px; border-radius:5px;}
.popup textarea{padding:5px; border:1px solid #ccc; width:280px; height:50px; border-radius:5px;}
.popup form{width:63%; margin:0 auto;}
.validerPopup div{width:150px; float:left;}
.validerPopup input{width:140px; background:#F59220; color:#fff; cursor:pointer; transition:width 5s linear 3s; -webkit-transition:width 5s linear 3s; -moz-transition:width 5s linear 3s; -o-transition:width 5s linear 3s; font-size:15px;  border:1px solid transparent;}
.validerPopup input:hover{background:#161f62;}
.validerPopup{margin-top:30px; width:310px;}
.close_popup{position:absolute; width:30px; height:30px; cursor:pointer; right:8px; top:8px; background:#fff; text-align:center; line-height:28px; font-size:26px; color:#F59220; border-radius:3px; border:1px solid #F59220;}
.close_popup:hover{color:#fff; background:#F59220;}
.bloc_title{background:#efefef; padding:10px 20px; margin-bottom:10px; font-size:20px; font-weight:bold; text-align:center;  border-bottom:1px solid #ccc;}
.corps{padding:20px 0; margin-bottom:50px; width:100%; position:relative;}
.classement_bloc{width:100%; position:relative;}
.plan_item_bloc{width:30%; min-width:290px; margin:10px 1%; float:left; -webkit-background-image:linear-gradient(#efefef, #E5E5E6); -moz-background-image:linear-gradient(#efefef, #E5E5E6); background-image:linear-gradient(#efefef, #E5E5E6); border-top: 1px solid #EFEFEF; border-bottom: 2px solid #F59220; margin-bottom:20px; position:relative;}
.imgp{width:90%; margin:10px auto 5px; height:250px; overflow:hidden; position:relative;}
.imgp img{width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);  -o-transform:translateY(-50%);}
.plan_item_bloc:hover img{opacity:0.9;}
.plan_item_bloc:hover .imgp{box-shadow:0px 0px 2px #585755}
.plan_item_bloc:hover .surface_plan{opacity:1; padding:5px 1px;}
.reference_app{width:90%; margin:15px auto 10px; line-height:25px;}
.span0{color:green;}
.span2{color:#f00;}
.span1{color:#ff8000;}
.demandedevis{cursor:pointer; margin-right:5px !important;}
.demandedevis::before{content:"\f040"; font-family:fontawesome; color:#F59220; margin-right:5px;}
.demandedevis:hover, .emvoieamis:hover{color:#F59220;}
.emvoieamis::before{content:"\f0e0"; font-family:fontawesome; color:#F59220; margin-right:5px; font-size:14px;}
.nice_btn{font-size:14px; background:#f5f5f5; margin:10px 0; text-align:center; padding:2px; border-radius:4px;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; width:47%;
    float:left;}
.nice_btn:hover::before{color:#263575;}
.nice_btn:hover{background:#F59220; color:#f5f5f5; cursor:pointer;}
.accedelien{text-align:center;}
.accedelien a{color:#585755;}
.accedelien a:hover{color:#F59220;}
.accedelien a span{color:#F59220; font-size:11px; font-weight:bold;}
.accedelien a:hover span{color:#585755;}
.formtext{color:#F59220; margin-bottom:10px; font-weight:bold;}
.blocinfo form{width:100%;}
.blocinfo{width:80%;margin:0 auto;}
input[type="checkbox" i] {width:20px !important;}
.blocinfo .input_checkbox{width:20%; float:left;}
.imagePopup{width:60%; height:150px; text-align:center; overflow:hidden; margin:10px auto 30px;}
.imagePopup img{height:100%;}
.blocinfo label{width:75%; float:left;}
.submitdemande{margin-top:11px; width: 140px; background: #F59220; color: #f5f5f5; cursor: pointer; transition: width 5s linear 3s;  -webkit-transition: width 5s linear 3s;  -moz-transition: width 5s linear 3s; -o-transition: width 5s linear 3s; font-size: 15px; padding:5px 0; border-radius:5px; text-align:center;}
.submitdemande:hover{background:#585755;}
.seeAll a{color:#fff; font-size:15px;}
.seeAll{line-height:32px !important;}
.noclick{position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(5, 101, 140, 0.11); text-align:center; z-index:999; line-height:275px; font-size:25px;  color:#FFFFFF; text-shadow:1px 2px 5px #222222;}
.surfaces{position:absolute; top:150px; width:100%;}
.surface_plan{opacity:0; background:rgba(88, 87, 85, 0.9);  margin-bottom:5px; padding:5px 0; text-align:center; color:#f5f5f5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.surface_plan span{font-weight:bold;}
.comodite{padding:20px; text-align:justify;}
.comodite p span{line-height:30px !important; text-align:centry !important; padding:10px;}
.comodite ul{padding-left:10px; margin-left:0;}
.comodite ul li{/*list-style-image:url('images/puce1.png');*/ margin-bottom:10px;}
.type_temoin{width:47%; display:inline-block; margin-top:10px; margin-right:5px; position:relative;}
.imgt{width:100%; height:160px; overflow:hidden;}
.imgt img{width:100%;}
.type_temoin:hover img{opacity:0.8;}
.titret{width:100%; text-align:center; background:#F59220; text-transform:capitalize; font-size:16px; padding:10px 0; color:#fff;}
.btn-4 {
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    overflow: hidden;
}
.btn-4a:before {
    left: 130%;
    top: 0;
}
.btn-4:before {
    position: absolute;
    height: 100%;
    font-size: 125%;
    line-height: 3.5;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.comodite.avec_img{width:68%; float:left;}
.images_carac{width:25%; float:right; padding:20px 0;}
.img_carac{position:relative; margin-bottom:10px; height:100px; overflow:hidden;}
.img_carac img{position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%);}
@media screen and (max-width : 1000px) {
.bloc_details{width:98%; float:inherit !important;}
.bloc_right{float:inherit; width:98%;}
}
@media screen and (max-width : 980px) {
	.body{width:100% !important}
}
@media screen and (max-width : 500px) {
	
.images_carac{width:100%;}
.alignee{width:100%;}
.progress{width:72%;}
.popup{width:90%; margin:0 auto; left:4%; max-height:70%; overflow-y:scroll; top:15%;}
.popup input, .popup textarea{width:100%;}
.validerPopup{width:100%; margin-top:0;}
.validerPopup div{width:45%; margin-right:1%;}
.alignee{font-size:14px; margin-bottom:10px; width:100%;}
span{margin-left:0px;}
.titepage{font-size:21px; text-align:center;}
#mapwidget , #map{height:145px;}
.state_projet{position:relative; top:inherit; right:inherit; text-align:center; background:none;}
.state_projet a{background:url('images/return_projet.png') left center no-repeat; padding-left:15px;}
.tabnav li{padding:0 10px; margin:0; float:inherit; display:inline-block; width:100%; margin-bottom:1px;}
ul.tabnav{text-align:center;}
.plan_item_bloc{min-width:inherit; width:98%;}
.comodite ul li{text-align:left; font-size:15px;}
.type_temoin{width:100%;}
.imgt{height:auto;}
.title_popup{margin-top:40px;}
.plans-items{margin-top:0; }
.bloc_details{margin-top:30px;}
ul.list-unstyled.row.lightgallery.body { padding-left:0 !important;}
}
/* .infor { margin-top: 59px;} */