/* ##################################################################################################### */
/* ########################################  D E T A I L  ############################################## */
/* ##################################################################################################### */
.detail-visuel-wrapper {
	width: 100%;float: left;background: #fdfbe9 no-repeat center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;z-index: 1;/*padding-top: 150px;*/ }

.intro { position: absolute;width: 100%;bottom: -95px;left: 0;text-align: center;z-index: 5; }
.intro .bulle { width: 250px;height: 180px;display: inline-block;background: #fff;z-index: 5;border-radius: 50%;margin-bottom: -65px;text-align: center;cursor: default;position: relative; }
.intro .bulle .picto { display: block;text-align: center;cursor: pointer; }
.intro .bulle .picto img { height: 95px;margin: 18px 0 10px 0; }
.intro .bulle .carres { display: block;text-align: center; }
.intro .bulle .carres .square { width: 10px;height: 10px;display: inline-block;margin: 0 2px; }
.intro .bulle .carres .square.rouge { background: #8c2214; }
.intro .bulle .carres .square.blanc { background: #fff; }
.intro .bulle .carres .square.jaune { background: #d58d0f; }
.intro .bulle .carres .square.dore { background: #d7c079; }
.intro .bulle .carres .square.gris { background: #d2cab9; }
.intro .bulle .carres .square.turquoise { background: #38b6a3; }
.intro .bulle .carres .square.bleu { background: #008da8; }
.intro .bulle .carres .square.taupe { background: #8a7c72; }

.detail-visuel-wrapper .bdo { position: absolute;bottom: 30px;right: 0px;padding: 5px 10px 5px 10px;text-align: right;background: #e75a5a;color: #fff;font-size: 15px;border-left: 8px solid #b51d09;line-height: 18px;z-index: 3; }

.favorite { position: absolute;top: -67px;margin-left: calc(50% - 30px);right: inherit;font-size: 60px;color: #ad9961;cursor: pointer;z-index: 5; }


/* BASIC */
.basic { float: left;width: 100%;font-family: 'Montserrat', sans-serif; }

/* DESCRIPTIF */
.basic .desc { width: 100%;height: 100%;float: left;background: #fff;padding: 50px 210px 68px 210px;position: relative;text-align: center; }
.basic .desc .title { font-weight: 400;font-size: 20px;width: 100%;text-align: center;margin: 58px 0 20px 0;letter-spacing: -0.03em;line-height: 31px;font-style: italic;position: relative;z-index: 6; }
.basic .desc .title img { height: 27px;margin: 0 0 0 7px; }
.basic .desc .title .tooltip { letter-spacing: 0px; }
.basic .desc .title span { color: #1b1b1b; }
.basic .desc .kpis { width: 100%;font-size: 16px;text-align: center;position: relative;z-index: 6; }
.basic .desc .kpis span { display: inline-block;margin: 0 10px; }
.basic .desc .text { width: 100%;font-size: 17px;line-height: 30px;text-align: justify;max-height: 160px;margin: 30px auto 60px auto;max-width: 900px;overflow: hidden;position: relative; }
.basic .desc .text .mask { width: 100%;height: 130px;bottom: 0;left: 0;position: absolute;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.67) 67%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 67%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 67%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.basic .desc .text .mask .toggle-text { width: 100%;text-align: center;display: inline-block;position: absolute;left: 0;bottom: 10px;font-size: 40px;cursor: pointer; }
.basic .desc .price { display: block;text-align: center;font-size: 20px;margin-top: -5px;font-weight: 300;margin-bottom: 3px;text-transform: uppercase;font-style: italic;font-weight: 600; }
.basic .desc .price sup { font-size: 12px;top: -10px; }
.basic .desc .ref { display: block;text-align: center;font-size: 16px;margin-top: -12px;font-weight: 300;margin-bottom: 3px;font-style: italic;font-weight: 400; }


/* pseudo elements webkit for toolbar */
.basic .desc .text::-webkit-scrollbar-track { background-color: #015e70; }
.basic .desc .text::-webkit-scrollbar { width: 15px;background-color: #363937; }
.basic .desc .text::-webkit-scrollbar-thumb { background-color: #fff; }
.basic .desc .prox { position: absolute;top: 50px;left: 50px; }
.basic .desc .prox img { height: 60px;opacity: 0.5;z-index: 6; }
.basic .desc .prox span { display: block;text-align: center;margin: 0px; }
.basic .desc .diamond { position: absolute;top: 150px;left: 50px; }
.basic .desc .diamond img { height: 60px; }
.highlights .carousel .produit .overview .diamond img {
	height: 60px;
}
.basic .desc .point-important { position: absolute;top: 50px;left: 140px; }
.basic .desc .point-important img { height: 60px; }
.basic .desc .point-important span { color: #fff;display: block;text-align: center;margin: 0px; }

.basic .desc .marker { display: block;position: absolute;top: 50px;right: 50px;color: #fff;z-index: 6;opacity: 0.5; }
.basic .desc .marker img { height: 60px; }
.basic .desc .marker span { display: block; }
.basic .desc .point-fort { display: block;position: absolute;top: 50px;right: 116px; }
.basic .desc .point-fort img { height: 60px; }
.basic .desc .point-fort span { display: block; }

.basic .desc .rating { width: 100%;color: #fff;font-size: 16px;text-align: center;margin: 10px 0; }
.basic .desc .rating i { display: inline-block;margin: 0 5px; }

.basic .desc .titre { width: 100%;font-size: 34px;text-align: center;margin: 30px 0;text-transform: uppercase;font-weight: 600;font-weight: 400;line-height: 30px;font-family: 'Cinzel', serif;color: #000; }

.basic .desc .mail { display: block;position: absolute;bottom: 50px;left: 50px;color: #fff;z-index: 6;opacity: 0.5; }
.basic .desc .mail img { height: 50px; }


/* KPI */
.basic .kpi { width: 100%;height: 600px;float: right;background: #87806f;padding: 0px;position: relative; }
.basic .kpi .tel-container { width: 100%;text-align: center;position: absolute;top: -50px;left: 0;z-index: 11; }
.basic .kpi .tel-container .num { display: inline-block;color: #fff;width: 100px;height: 100px;background: #87806f;border-radius: 50%;text-align: center;line-height: 100px;font-size: 30px;cursor: pointer;font-weight: bold; }
.basic .kpi .timeline { width: 100%;margin: 70px 0 0 0;padding: 0 60px;text-align: center;z-index: 5;position: relative; }
.basic .kpi .timeline .target { display: inline-block;margin: 0 60px;color: #fff;text-transform: uppercase;cursor: pointer;padding: 15px 0;border-bottom: 1px solid transparent;font-size: 18px;line-height: 18px; }
.basic .kpi .timeline .target.on { border-bottom: 1px solid #4c4943;font-weight: 600; }
.basic .kpi .section { position: absolute;width: 100%;height: 100%;padding: 160px 200px 80px 200px;top: 0;left: 0;color: #fff;opacity: 0; }
.basic .kpi .section.on { opacity: 1;z-index: 2; }
.basic .kpi .section .item { width: 25%;float: left;text-align: center;min-height: 100px; }
.basic .kpi .section .item img { display: inline-block;height: 60px; }
.basic .kpi .section .item span { display: inline-block;padding: 0px 40px;font-size: 16px;line-height: 18px;float: left;text-align: center;width: 100%; }


.basic .kpi .ref a{
	vertical-align: middle;
	height: 100%;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	margin-right: 13px;
}

.carousel-inner > .item{
	opacity: 0 !important;
	transition-property: opacity !important;
	transition-duration: 4s !important;
	transition-timing-function:linear !important;
}

.carousel-inner > .active{
	opacity: 1 !important;
}

/* publicite */
.publicite { float: left;width: 30%;height: 400px; }
.publicite a { display: block;width: 100%;height: 100%; }
.publicite img { width: 100%;height: 100%;object-fit: contain;object-position: center; }
.publicite.visible { display: block; }
.publicite.hidden { display: none; }

/* infos secteur */
.infos-secteur { float: left;width: 40%;height: 400px;padding: 20px;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative; }
.infos-secteur .resume { width: 100%;height: 100%;background: rgba(0,0,0,0.5);padding: 30px 60px;color: #fff;text-align: left;font-size: 16px;margin: 0;display: flex;justify-content: center;align-items: center;overflow: auto;position: relative; }
.infos-secteur .resume a { color: #008da8; }
.infos-secteur .resume span { display: block;height: 113px;overflow: hidden; }
.infos-secteur .view { position: absolute;width: 100%;top: 40px;left: 0px;text-align: center; }
.infos-secteur .view a { display: inline-block; }
.infos-secteur .view a img { width: 70px; }
.infos-secteur .view .sector-name { width: 100%;margin: 0 0 15px 0;text-transform: uppercase;color: #fff;font-weight: 700;font-size: 18px;padding: 0 50px;line-height: 16px; }
.infos-secteur .links { position: absolute;width: 100%;bottom: 70px;left: 0px;text-align: center;font-weight: 700; }
.infos-secteur .links .explain { width: 100%;text-align: center;color: #fff;text-transform: uppercase;font-size: 16px; }
.infos-secteur .links .goto { width: 100%; }
.infos-secteur .links .goto .left { width: 50%;float: left;padding-left: 50px;text-align: left;margin: 15px 0 0 0; }
.infos-secteur .links .goto .right { width: 50%;float: right;padding-right: 50px;text-align: right;margin: 15px 0 0 0; }
.infos-secteur .links .goto a { color: #fff;text-transform: uppercase;color: #fff;text-decoration: underline; }
.infos-secteur.full { width: 100%; }
.infos-secteur.half { width: 70%; }

.brochure { width: 30%;float: left;background: #af995f;height: 400px;padding: 40px; }
.brochure .left { width: 100%;float: left;height: auto;text-align: center; }
.brochure .left a { display: inline-block; }
.brochure .left a .cover { width: 200px;height: 280px;background: #454b47;text-align: center;color: #fff;font-size: 10px; }
.brochure .left a .cover .pt1 { width: 100%;height: 70px;position: relative;font-family: Times;line-height: 10px;padding: 13px; }
.brochure .left a .cover .pt1 .ville { display: block;text-transform: uppercase;margin: 0 0 8px 0;font-size: 10px; }
.brochure .left a .cover .pt1 .titre { display: block;opacity: 0.5; }
.brochure .left a .cover .pt2 { width: 100%;height: 140px;position: relative; }
.brochure .left a .cover .pt2 img { height: 100%;width: 100%;object-fit: cover; }
.brochure .left a .cover .pt3 { width: 100%;height: 70px;position: relative;padding: 13px;text-align: center;color: #fff; }
.brochure .left a .cover .pt3 .picto { width: 20px;height: 20px;background: #af995f;border-radius: 50%;display: inline-block;text-align: center;line-height: 18px; }
.brochure .left a .cover .pt3 .picto img { width: 15px; }
.brochure .left a .cover .pt3 .logo { display: block;margin: 10px 0 0 0; }
.brochure .left a .cover .pt3 .logo img { width: 60px; }


.brochure .right { width: 100%;float: left;text-align: center; }
.brochure .right a { color: #fff;font-weight: 300;font-size: 18px;line-height: 22px;text-align: center;display: inline-block;padding: 10px 10px 0 10px;text-decoration: none; }
.brochure .right a:hover { text-decoration: none; }
.brochure .right a.small {display: block;font-size: 12px;padding: 0;margin: 10px 0 0 0; }
.brochure.visible { display: block; }
.brochure.hidden { display: none; }

/* TOFS / MAP / DIAGS */
.tofs-map-diag { width: 100%;float: left; }
.tofs-map-diag .timeline-2 { width: 100%;margin: 150px 0 0 0;padding: 0 60px;text-align: center;z-index: 5;position: relative; }
.tofs-map-diag .timeline-2 .target { display: inline-block;margin: 0 60px;color: #454b47;text-transform: uppercase;cursor: pointer;padding: 15px 0;border-bottom: 1px solid transparent;font-size: 18px;line-height: 18px;font-weight: 400;position: relative; }
.tofs-map-diag .timeline-2 .target.on { border-bottom: 1px solid #008da8;color: #000; }
.tofs-map-diag .timeline-2 .target .picto { position: absolute;width: 100%;top: -50px;text-align: center;left: 0px;font-size: 40px;-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;color: #666; }
.tofs-map-diag .timeline-2 .target .picto:hover { font-size: 50px;color: #000; }
.tofs-map-diag .timeline-2 .target.on .picto { font-size: 50px;color: #000; }
.container-sup { width: 100%;float: left;position: relative; }
.tofs-map-diag .timeline-2 .picto .tooltip { display: none; }



/* PHOTOS */
.photos { width: 100%;float: left;padding: 40px 130px 70px 130px; }
.photos .pics-container { width: 100%;float: left;text-align: center; }
.photos .pics-container .list-pics { width: 80%;margin: 0 auto; }
.photos .pics-container .video-block { width: 100%;margin: 50px auto 0 auto; }
.photos .pics-container .video-block iframe { width: 100% !important;height: 400px !important; }
.photos .pics-container .tofContainer { float: left;overflow: hidden;width: 33%; }
.photos .pics-container .tofContainer .tof-item { margin: 5px; }
.photos .pics-container .tofContainer .tof-item a { display: block; }
.photos .pics-container .tofContainer .petit-cadre .photo { height: 150px; }
.photos .pics-container .tofContainer .moyen-cadre .photo { height: 225px; }
.photos .pics-container .tofContainer .grand-cadre .photo { height: 300px; }
.photos .pics-container .more-photos-container { width: 80%;margin: 40px auto;text-align: center; }
.photos .pics-container .more-photos-container .show-more { font-family: 'Montserrat', sans-serif;font-weight: 700;display: inline-block;font-size: 15px;padding: 0 0 5px 0;border-bottom: 1px solid #bdbdbd;color: #575757; }
.photos .pics-container .more-photos-container .show-more:before { font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f054";position: relative;left: -10px;font-size: 11px; }


/* GEOLOC */
.geoloc { width: 100%;float: left;padding: 50px 130px 70px 130px;display: none; }
.geoloc #mapBien { width: 100%;float: left;background: #eee; }



/* CONTACT & DPE */
.energy { width: 100%;float: left;padding: 50px 130px 70px 130px;display: none; }
/*
.endDetails .contact { width: 50%;float: left;padding: 90px 55px 80px 55px;background: #008da8; }
.endDetails .contact .title { font-family: 'PT Serif';font-weight: 400;font-size: 30px;color: #fff;font-style: italic;width: 100%;text-align: center;margin: 0 0 70px 0;letter-spacing: -0.03em;line-height: 20px; }
.endDetails .contact form { display: block;width: 100%;float: left; }
.endDetails .contact form .line { width: 100%;float: left;margin: 0 0 20px 0; }
.endDetails .contact form .line .left { float: left;width: 45%;text-align: left; }
.endDetails .contact form .line .right { float: right;width: 45%;text-align: right; }
.endDetails .contact form .line .left input, .endDetails .contact .line .right input { width: 100%;display: block;border: 1px solid #fff;background: #008da8;height: 50px;padding: 10px;color: #fff;outline: none; }
.endDetails .contact form .line .submit { background: #ad9961;width: 100%;height: 50px;padding: 10px;color: #fff;font-weight: 600;text-transform: uppercase;border: 1px solid #ad9961; }
*/
.energy .dpe { width: 100%;float: left;padding: 50px;text-align: center; }
.energy .dpe img { width: 290px;margin: 0 40px; }
.energy .dpe .imgDpe { display: inline-block; }
.energy .dpe .imgGes { display: inline-block; }
.share { width: 100%;float: left;margin: 15px 0;text-align: center; }
.share a { display: inline-block;margin: 0 10px;font-size: 30px;color: #fff;font-weight: 500; }


.back-listing{
	color: #1b1b1b;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 20px;
	position: absolute;
	top: 80px;
	left: 30px;
	z-index: 3;
	background: rgba(255,255,255,0.4);
	border-radius: 8px;
	padding: 3px 8px;
	z-index: 100;
	font-weight: 400;
}
.back-listing:hover {
	color: #000 !important;
	text-decoration: none;
}


/* slider */
.slider-wrapper { height: 100%;width: 100%;overflow: hidden; }
.slider-bien-container { height: 100%;position: relative;z-index: 2; }
.detail-visuel-wrapper .item { float: left;height: 100%;display: inline-block;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;cursor: pointer }
.detail-visuel-wrapper .navs { height: 100%;position: absolute;top: 0;width: 150px;text-align: center;z-index: 6; }
.detail-visuel-wrapper .navs.left { left: 0; }
.detail-visuel-wrapper .navs.right { right: 0; }
.detail-visuel-wrapper .navs .fa { font-size: 80px;color: #fff;position: relative;display: inline-block;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;text-shadow: 0px 0px 20px #000;padding: 0 10px; }
.detail-visuel-wrapper .watermark { position: absolute;width: 100%;left: 0px;text-align: center;z-index: 5; }
.detail-visuel-wrapper .watermark img { width: 300px;opacity: 0.5; }
/* common page layout */
.page-layout { float: left;width: 100%;height: auto;padding: 35px 35px 100px 35px; }
.layout-content { margin: 60px 0 0 0;float: left;width: 100%;position: relative;z-index: 1; }
.detail-visuel-wrapper.video iframe { width: 100%;height: 100%; }
.detail-visuel-wrapper.picture img { width: 100%;height: 100%;object-fit: cover;object-position: 50%; }
.detail-visuel-wrapper.picture img.vtop { object-position: 50% top; }
.detail-visuel-wrapper.picture img.abs { position: absolute; }
.detail-visuel-wrapper .title-box { display: inline-block;width: 300px;height: 300px;background: transparent;margin: 0 auto;padding: 15px;border: 1px solid #fff; }
.detail-visuel-wrapper .title-box.dark { border-color: #363638; }
.detail-visuel-wrapper .title-box-name { width: 100%;height: 100%;background: rgba(255,255,255,0.7); }
.detail-visuel-wrapper .title-box-name img { width: 100%;height: 100%;object-fit: cover;object-position: 100%; }
.detail-visuel-wrapper .title-box-name h1 { color: #363638;text-transform: uppercase;font-size: 21px;letter-spacing: 0.05em;margin: 0;line-height: 25px;font-weight: 600;position: relative;transform: translateY(-50%);top: 50%;padding: 0 20px; }

.contact .left input::placeholder, .contact .right input::placeholder {
	color: #fff;
}



/********Bloc extra***********/
a.btn_contact { background-color: #333;color: white; padding: 10px 20px;display: block;font-size: large;font-weight: 100;-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
a.btn_contact:hover { text-decoration: none;color:#333;background-color: white; }
.print span { background: #af995e;border-radius: 50%;font-weight: normal;color: #fff; }
.social { font-size: x-large; }
.social i { margin: 0px;color: #af995e;padding: 0 15px; }
.social i:hover { }
.sendToFriend { color: #af995e; font-size: 27px;}

.home-separate{border:solid 1px;width:22%; margin-bottom: 50px;}
.big-home-separate{border: solid 0.5px;width:100%}
.before-sun { margin-bottom: 50px; }

.bloc-extra .enveloppe{ font-size: 50px;color: #af995e;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.bloc-extra .enveloppe:hover { font-size: 55px; }
.funfont { font-family: 'Cinzel', serif;font-size: 20px; }
.bloc-extra .tel { display: block;text-align: center;color: #000;margin: 20px 0 0 0;font-size: 25px;font-weight: 400; }
.bloc-extra .tel i { margin-right: 7px; }
.bloc-extra .openContact { min-height: 60px;display: inline-block; }





/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-width: 1380px) {
	.brochure .right a { font-size: 16px;line-height: 17px; }
}

@media (max-width: 1199px) {
	.tofs-map-diag .timeline-2 .target { margin: 0 30px; }
	.basic .desc { padding: 60px 80px 68px 80px; }
	.basic .desc .prox { top: 30px;left: 30px; }
	.basic .desc .diamond { top: 130px;left: 30px; }
	.basic .desc .marker { top: 30px;right: 30px; }
	.basic .desc .point-fort { top: 30px;right: 86px; }
	.basic .desc .point-important { top: 30px;left: 120px; }
	.basic .kpi .timeline { padding: 0 30px; }
	.basic .kpi .timeline .target { margin: 0 30px;font-size: 15px; }
	.basic .kpi .section { padding: 160px 80px 80px 80px; }
	.geoloc .secteur { padding: 60px 80px 0px 80px; }
	.photos .pics-container .list-pics { width: 100%; }
}
@media (max-width: 991px) {
	.tofs-map-diag .timeline-2 .target { font-size: 14px; }
	.home-logo { top: 30px;left: 30px; }
	.home-logo img { width: 200px; }
	.detail-visuel-wrapper h1 { top: 105px; }
	.nego-block { right: 30px;top: 4px; }
	.nego-block .pic { width: 65px;height: 65px; }
	.nego-block .name { padding: 7px 15px 0 0; }
	.phone-container { right: 110px;top: 63px; }
	.phone-container .phone { border: 0px;padding: 0px; }
	.phone-container .icon { display: none;padding: 0 45px 5px 45px;}
	.basic { height: auto; }
	.basic .desc { width: 100%;padding: 50px;}
	.photos { padding: 70px 50px 70px 60px; }
	.photos .pics-container .list-pics { width: 100%; }
	.geoloc { height: auto; }
	.geoloc #map { width: 100%;height: 400px; }
	.geoloc .secteur { width: 100%;padding: 60px 80px 60px 80px; }
	.geoloc .secteur .text { max-height: inherit;overflow-y: auto;padding-right: 0px; }
	.endDetails .contact, .endDetails .dpe { width: 100%; }
	.back-listing { left: 5px; }
	.detail-logo { background: #008da8; }
	.basic { position: relative;/*z-index: 0;*/ }
	.basic .kpi .timeline .target { margin: 0; }
	.basic .kpi .section { padding: 160px 40px 80px 40px; }
	.basic .kpi .section .item img { height: 60px; }
	.top-price { color: #efce71; }
	.basic .kpi .title { display: none; }
	.detail-logo { width: 220px;height: 220px;padding: 50px 30px 30px 30px; }
	.h1 { font-size: 25px; }
	.bloc-print { margin: 0 0 20px 0; }
	.infos-secteur { width: 70%; }
	.infos-secteur.half { width: 70%; }
	.brochure { width: 100%; }
	.publicite { width: 30%; }
	.intro { bottom: -55px; }
	.intro .bulle { width: 180px;height: 150px; }
	.intro .bulle .picto img { height: 75px; }
	.basic .desc .title { margin: 30px 0 20px 0; }
}


.ok{color: #8d2e36; font-size: 1.3em;}
.bad{color: red; font-size: 1.3em;}

@media (max-width: 767px) {
	.detail-visuel-wrapper .navs .fa { font-size: 40px; }
	.subtitle-container .subtitle { width: 80%; }
	.top-price { font-size: 21px; }
	h1 { font-size: 35px; }
	.basic .kpi { padding: 30px; }
	.basic .kpi .title { margin: 0 0 30px 0; }
	.photos .pics-container .tofContainer .moyen-cadre .photo { height: 150px; }
	.detail-visuel-wrapper .navs { width: 80px; }
	.detail-visuel-wrapper .navs .fa { font-size: 40px; }
	.basic .desc .ref { padding: 5px 20px; }
	.basic .kpi .timeline { margin: 20px 0 0 0; }
	.basic .kpi .timeline .target { width: 100%; }
	.basic .kpi .section { padding: 220px 20px 80px 20px; }
	.basic .kpi .section .item { min-height: 100px; }
	.basic .kpi .section .item span { padding: 0 10px;font-size: 10px; }
	.basic .kpi .tel-container .num { width: 78px;height: 78px;line-height: 78px; }
	.photos { padding: 70px 30px 70px 30px; }
	.geoloc .secteur { padding: 40px; }
	.subtitle-container { top: 270px; }
	/*.detail-visuel-wrapper { padding-top: 130px; }*/
	.detail-visuel-wrapper .watermark img { width: 150px; }
	.basic .desc { padding: 50px 30px 70px 30px;}
	.basic .desc .prox { position: relative;top: inherit;left: inherit;display: inline-block;margin: 0 20px; }
	.basic .desc .marker { position: relative;top: inherit;right: inherit;display: inline-block;margin: 0 20px; }
	.basic .desc .point-fort { position: relative;top: inherit;right: inherit;display: none;margin: 0 20px; }
	.basic .desc .point-important { position: relative;top: inherit;left: inherit;display: none;margin: 0 20px; }
	.basic .desc .diamond { top: 30px; }
	.basic .desc .diamond img { height: 40px; }
	.infos-secteur { height: auto; }
	.tofs-map-diag .timeline-2 { padding: 0 20px;margin: 50px 0 0 0; }
	.photos .pics-container .tofContainer { width: 50%; }
	.photos, .geoloc, .energy { padding: 30px 30px 70px 30px; }
	.tofs-map-diag .timeline-2 .target { margin: 0 10px; }
	.tofs-map-diag .timeline-2 .target .lab { display: none; }
	.tofs-map-diag .timeline-2 .target .picto { margin: 0 20px;position: relative;top: inherit;font-size: 50px; }
	.tofs-map-diag .timeline-2 .target .picto:hover { font-size: 50px; }
	.tofs-map-diag .timeline-2 .target.on { border: none;font-size: 50px; }
	.bloc-print { display: none; }
	.tofs-map-diag .timeline-2 .picto .tooltip { display: inline-block; }
	.infos-secteur { width: 100%; }
	.infos-secteur.half { width: 100%; }
	.infos-secteur .resume { padding: 140px 60px 130px 60px; }
	.infos-secteur .resume span { height: auto; }
	.brochure { width: 100%; }
	.publicite { width: 100%; }
}
@media (max-width: 650px) {
	/*.detail-visuel-wrapper { padding-top: 105px; }*/
	.endDetails .dpe { text-align: center; }
	.endDetails .dpe img { width: 70%; }
	.endDetails .dpe .imgDpe, .endDetails .dpe .imgGes { float: none; }
	.endDetails .dpe .imgDpe { margin-bottom: 30px; }
}
@media (max-width: 600px) {
	.nego-block{display:none;}
	.basic .kpi .left-c, .basic .kpi .right-c { width: 100%;text-align: left; }
	.basic .kpi .right-c .item { padding-left: 55px;padding-right: 0px; }
	.basic .kpi .right-c .douche, .basic .kpi .right-c .garage, .basic .kpi .right-c .expo { background-position: left top; }
	.basic .kpi .right-c .kpiplus { text-align: center;margin-bottom: 40px; }
	.basic .desc .title { margin: 30px 0 40px 0; }
	.basic .desc .text { line-height: 28px; }
	.basic .desc .titre { font-size: 27px;line-height: 27px; }
	.bloc-newsletter .input-mail { width: 70%; }
	.bloc-newsletter .btn-register { width: 40%; }
	.energy .dpe { padding: 0; }
}
@media (max-width: 500px) {
	.basic .desc .mail { position: relative;bottom: 0px;left: 0px;z-index: 20;margin: 20px 0; }
}
@media (max-width: 450px) {
	.basic .kpi .section .item { width: 33%; }
}

@media (max-width: 425px) {
	.endDetails .contact form .line .left { width: 100%;margin-bottom: 15px; }
	.endDetails .contact form .line .right { width: 100%; }
	.nego-block .name { padding: 7px 15px 0 0; }
	.home-logo { top: 18px;left: 58px; }
	.phone-container { right: 110px;top: 61px; }
	h1 { font-size: 30px; }
	.basic .kpi .section .item img { height: 40px; }
	.basic .kpi .section .item span { line-height: 14px; }
	.basic .desc .text { font-size: 17px; }
	.bloc-newsletter .input-mail { width: 85%; }
	.bloc-newsletter .btn-register { width: 50%; }
	.basic .kpi .section .item { min-height: 90px; }
	.tofs-map-diag .timeline-2 .target .picto, .tofs-map-diag .timeline-2 .target .picto:hover { margin: 0 10px;font-size: 37px; }
	.tofs-map-diag .timeline-2 .target.on .picto, .tofs-map-diag .timeline-2 .target.on .picto:hover { margin: 0 10px;font-size: 37px; }
	.back-listing { left: 0px; }
}