/*@font-face {
    font-family: AvantGardeCnMedium;
    src: url(../fonts/ITCAvantGardeStd-MdCn.ttf);
}

@font-face {
    font-family: AvantGardeCnDemi;
    src: url(../fonts/ITCAvantGardeStd-DemiCn.ttf);
}

@font-face {
    font-family: AvantGardeCnBold;
    src: url(../fonts/ITCAvantGardeStd-BoldCn.ttf);
}

@font-face {
    font-family: AvantGardeCnBook;
    src: url(../fonts/ITCAvantGardeStd-BkCn.ttf);
}*/


@media (max-width:991px) {

}

body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	line-height: 24px;
	color: #222222;
}
	
.titre1 {
	color:#284958;
	font-size:50px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}

.titre1.area {
	font-family: 'Comfortaa', cursive;
	font-size:60px;
	letter-spacing: -0.05em;
	text-transform: initial;
	font-weight: 400;
	padding-bottom: 0;
}

.titre1 .subtitle {text-transform: uppercase; color:#aaaaaa; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; letter-spacing: 0;}

.titre1.white .subtitle {color:#fff; }


.titre2 { 
    text-transform: uppercase;
    font-weight: 700;
    color: #41413f;
    font-size: 24px;
    position: relative;
    padding-bottom: 10px;
    margin: 0;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
}

.titre1.area:after {display: none;}

.titre2:after, .titre1:after {
	content: "";
	position: absolute;
	bottom:0;
	left:0;
	width:60px;
	height:6px;
}

.titre2.center:after, .titre1.center:after {
	left:50%;
	margin-left:-30px;
} 

.white .titre2:after, .white.titre2:after {background:#fff;}
.syndic .titre2:after, .syndic.titre2:after {background:rgba(188, 143, 217, 1);}
.gestion .titre2:after, .gestion.titre2:after {background:rgba(7, 194, 253, 1);}
.promo .titre2:after, .promo.titre2:after {background:rgba(255, 183, 58, 1);}
.transac .titre2:after, .transac.titre2:after {background:#becc29;}
.societe .titre2:after, .societe.titre2:after, .societe.titre1:after {background:rgba(214, 39, 105, 1);}
.vente .titre2:after, .vente.titre2:after, .vente.titre1:after {background:#92b533;}
.location .titre2:after, .location.titre2:after, .location.titre1:after {background:#becc29;}
.appt .titre2:after, .appt.titre2:after, .appt.titre1:after {background:rgba(29, 78, 97, 1);}
.prog .titre2:after, .prog.titre2:after, .prog.titre1:after {background:rgba(255, 183, 58, 1);}
.contenu.titre2:after, .contenu.titre2:after, .contenu.titre1:after {background:#41413f;}
.contact.titre2:after, .contact.titre2:after, .contact.titre1:after {background:#770f00;}

.titre2 .subtitle {text-transform: uppercase; color:#626262; display: inline;font-size: 24px;}

.titre3 { 
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	position: relative;
	display: inline-block; 
	padding: 7px 15px;    
	margin-bottom: 40px;
}

@media(max-width: 767px) {.titre3 { font-size: 20px!important;} }

@media(max-width: 767px) {.titre1 { font-size: 30px!important;} }

.titre3:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 190px 15px 0;
}

.titre-vente {background-color: #92b533;}
.titre-vente:after {border-color: transparent rgba(146, 181, 51, 0.5) transparent transparent;}

.titre-location {background-color: #becc29;}
.titre-location:after {border-color: transparent rgba(203, 221, 0, 0.5) transparent transparent;}

.titre-white {background-color: #fff; color: #41413f}
.titre-white:after {border-color: transparent rgba(255,255,255, 0.5) transparent transparent;}

.titre-prog {background-color: #ffb73a; color: #fff;}
.titre-prog:after {border-color: transparent rgba(255, 183, 58, 0.5) transparent transparent;}

.titre-appt {background-color: #1d4e61; color: #fff;}
.titre-appt:after {border-color: transparent rgba(29, 78, 97, 0.5) transparent transparent;}

.titre-syndic {background-color: rgba(188, 143, 217, 1); color: #fff;}
.titre-syndic:after {border-color: transparent rgba(188, 143, 217, 0.5) transparent transparent;}

.titre-gestion {background-color: rgba(7, 194, 253, 1); color: #fff;}
.titre-gestion:after {border-color: transparent rgba(7, 194, 253, 0.5) transparent transparent;}

.titre-societe {background-color:#d62769; color: #fff;}
.titre-societe:after {border-color: transparent rgba(214, 39, 105, 0.5) transparent transparent;}

.titre-estimation {background-color:#ec69a4; color: #fff;}
.titre-estimation:after {border-color: transparent rgba(236, 105, 164, 0.5) transparent transparent;}

.titre-contact {background-color:#770f00; color: #fff;}
.titre-contact:after {border-color: transparent rgba(119, 15, 0, 0.5) transparent transparent;}




.titre4 { 
	text-transform: uppercase;
    font-weight: 700;
    color: #41413f;
    font-size: 20px;
}

.subtitle {
    display: block;
    text-transform: initial;
    font-weight: 400;
    color: #41413f;
    font-size: 20px;
}

.titre1.white, .titre2.white, .titre3.white, .titre4.white { color: #fff;}


.br {display: block;}

.logo-mobile { display:none; float: left;}

.logo { float: left;    margin: 10px 0;}

.up {text-transform: uppercase;}

header {
	font-size:16px;
	line-height: 24px;
	color: #5a575e;
	z-index: 1000;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}

@media(min-width: 992px) {
	header {background: rgba(255, 255, 255, 0.8);}
}

@media(max-width: 991px) {
	header {background: rgba(255, 255, 255, 1); border-bottom:1px solid #eee;}
	body{padding-top: 94px!important;}
}


/* navigation */
nav.navbar.navbar-default {
    margin-bottom: 0;
}

@media (min-width:992px) {
	.navbar-default .navbar-collapse { float:right; margin: 50px 0 10px;}
	.logo img { min-height: 100px; width: auto; }
}

@media (max-width:991px) {
	.navbar .nav>li>a { padding: 20px 15px 20px 10px!important;}
}

.navbar .nav>li a {
    padding: 10px;
    text-align: left;
    color: #5a575e;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    -webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a.active, 
.navbar-default .navbar-nav>li>a.active:hover {
    color: #fff;
    background:#b7d00f;
    -webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.navbar-default .navbar-toggle {
	border-radius:0;
	border-width: 2px;
	border-color: #ccc;
	padding: 11px 10px;
    margin-top: 25px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: #ccc;
}

.navbar-default .navbar-toggle:focus .icon-bar, 
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}

/* RUBRIQUE */
@media(min-width: 992px) {
	.rubrique-wrapper {display: flex; align-content: middle;width: 100%;margin:0;}
}

@media(max-width: 1199px) {
	.rubrique span {letter-spacing: 0.05em;	}
}

@media(min-width: 1200px) {
	.rubrique span {letter-spacing: 0.1em;	}
}

@media(max-width: 991px) {
	.rubrique-wrapper {display: none;}
}

.rubrique-wrapper a {
    margin: 0 5px;
    width: 100%;
}

.rubrique {
	width: 100%;
	padding: 30px 20px;
	height: 170px;
	    -webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.rubrique:hover {
	height: 180px;
	    -webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.rubrique.syndic {background: rgba(188, 143, 217, 0.9);}

.rubrique.location {background: rgba(203, 221, 0, 0.9);}

.rubrique.achat {background: rgba(146, 181, 51, 0.9);}

.rubrique.gestion {background: rgba(7, 194, 253, 0.6);}

.rubrique.prog {background: rgba(255, 183, 58, 0.9);}

.rubrique.societe {background: rgba(214, 39, 105, 0.9);}

.rubrique.syndic:hover {background: rgba(188, 143, 217, 1);}

.rubrique.location:hover {background: #becc29;}

.rubrique.achat:hover {background: rgba(146, 181, 51, 1);}

.rubrique.gestion:hover {background: rgba(7, 194, 253, 1);}

.rubrique.prog:hover {background: rgba(255, 183, 58, 1);}

.rubrique.societe:hover {background: rgba(214, 39, 105, 1);}

.rubrique img {
	display: block;
	margin:auto;
}

.rubrique span {
	color: #fff;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 15px;
}


/* slider */
.header-home { position: relative;}

@media (min-width: 992px) {
	.header-home {margin-bottom: 60px;}
	.swiper-container .parallax-bg {height: 700px; background-position: center center; background-size: 100%;}
	.swiper-details-container .parallax-bg {height: 570px;    background-repeat: no-repeat;}
}

@media (max-width: 991px) {
	.swiper-container .parallax-bg {
	    height: 450px;
	    background-position: center center;
	    background-size: cover;
	}
}


.swiper-details-container .swiper-button-prev.swiper-button-white, 
.swiper-details-container .swiper-button-next.swiper-button-white {
    background-image: url(images/arrow.png);
}

.swiper-details-container .swiper-button-prev.swiper-button-white {
	transform: rotate(180deg);	
}


/* search engine */
.container-position { 
	position: absolute;
    left: 50%;
    z-index:100;
}

@media (max-width:991px) {
	.container-position { 
		position: absolute;
	    left: 0;
	    top: 10%;
	        width: 100%;
	}
}

@media (min-width:992px) {
	.container-position { margin-left: -485px;}
}

@media (min-width:1200px) {
	.container-position { margin-left: -585px;}
}

.search-container {bottom: -7%;}

.rubrique-container {top: 30%;}



.search .row { margin: 0; padding: 0;}

.search-content {    
	background: #284958;
    padding: 30px 15px;
    color:#fff;
}

@media (min-width:992px) {
	.search .search-content {display: flex;}
}

.nav-pills {display: flex;}

.nav-pills>li {
    width: 100%;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background: #284958;}

.nav-pills>li>a {
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: rgba(40, 73, 88, 0.8);
}

.nav>li>a:focus, .nav>li>a:hover {background: rgba(40, 73, 88, 0.9);}

.titre-search {
    background: #294296;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    padding: 10px 30px;
    width: 300px;
    margin: auto;
    text-align: center;
    margin-top: -70px;
}

@media (max-width:991px) {
	.search .budget-max {margin-top:10px;}
	.search .btn { width:100%;}
}

.search .form-control { 
	border-radius:0;
    border: transparent;
    text-transform: uppercase;
}

@media (min-width: 992px) {
.search .critere {  width: 50%;  margin-right:2px;}	
.search .budget-max {margin: 0 7px;margin-top: -17px!important;    margin-right: 30px;}
}

@media (max-width: 991px) {
.search .critere {  width: 100%;  margin-bottom:5px;}	
.search .budget-max {margin: 10px 0;}
}

.search .budget-max {
	text-transform:uppercase;
	font-size:14px;
	width: 100%;
}

.search .textprice, .search .range-label { 
	display:inline-block;    
	margin-bottom: 4px;
}

.search .btn { border-radius: 0;padding: 10px 20px;}

@media (min-width: 992px) {
	.search .btn { margin-top: -10px;}

	.article-wrapper {
		display: flex;
	    margin: 0;
	    flex-wrap: wrap;
	}

}

@media(max-width: 991px) {
	.article-wrapper {
		margin: 0;
	}
}


.article-block {
    background: #eee;
    margin-bottom: 30px;
}

@media(min-width: 992px) {
	.article-block {
	    width: 49%;
	    margin: 1%;
	}
}

.article-block:nth-child(2n+1){margin-left: 0;}

.article-block:nth-child(2n){margin-right: 0;}

.article-block div {background-size: cover; background-position: 80% center; padding: 0; position: relative;}

@media (min-height:768px) and (max-width:991px)  {
	.article-block .row-height {
	  display: table;
	  table-layout: fixed;
	  height: 100%;
	  width: 100%;
	}
	.article-block .col-height {
	  display: table-cell;
	  float: none;
	  height: 100%;
	  vertical-align: middle;
	}
}


@media(min-width: 992px){
	.article-block div {min-height: 393px;}
}

@media(min-width: 1200px){
	.article-block div {min-height: 345px;}
}

@media(max-width: 768px) {
	.article-block .row-height div:first-child {
		height: 250px;
	}

	.article-block .row-height div:nth-child(1):after {display: none;}
}

.article-block .row-height div:nth-child(1):after {
    content: "";
    background: url(../img/img-article.png);
    height: 100%;
    width: 50px;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-position: right;
        background-size: contain;
}

.article-block .row-height div:nth-child(1) a {width: 100%; height: 100%; display: block;}

.article-block div:nth-child(2) {padding: 30px;}

.syndic.article-block {border-bottom: 5px solid rgba(188, 143, 217, 1);}

.transac.article-block {border-bottom: 5px solid #becc29;}

.societe.article-block {border-bottom: 5px solid rgba(214, 39, 105, 1);}

.gestion.article-block {border-bottom: 5px solid rgba(7, 194, 253, 1);}

.promo.article-block {border-bottom: 5px solid rgba(255, 183, 58, 1);}



.liste-wrapper {background-image: url(../img/bg-liste.jpg); background-size: cover; padding: 40px 0;}

.agence-wrapper {background:#284958; padding: 40px 0; color:#fff;}

.prog-wrapper {background:#faad4a; padding: 40px 0; color:#fff;}

@media (max-width: 991px) {
	.prog-wrapper .btn {margin-bottom: 30px;}
}

@media (max-width: 767px) {
	.prog-wrapper .btn {width: 100%;}
}


.btn {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    background: #294296;
        line-height: 28px;
    padding: 5px 20px;
    border-radius: 0;
    	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn:hover,
.btn:focus,
.btn:active {
	color:#fff;
	background: #1b2c63;
		-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media(min-width: 768px) {
.btn.large {padding-left:160px; padding-right: 160px;}	
}

@media(max-width: 767px) {
.btn.large {width: 100%;}	
}


.btn.arrow {
    background-image: url(../img/arrow.png);
    background-color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    height: 30px;
    width: 50px;
    border: 1px solid #000;
    border-radius: 0;
    background-position: center;
}

.btn.arrow:hover, .btn.arrow:focus {
	    background-position: center -181px!important;
}

.syndic .btn.arrow, .btn.arrow.syndic {background-position: center -30px;border: 1px solid rgba(188, 143, 217, 1); background-color: rgba(0, 0, 0, 0)}

.transac .btn.arrow, .btn.arrow.transac {background-position: center -120px;border: 1px solid #becc29; background-color: rgba(0, 0, 0, 0)}

.societe .btn.arrow, .btn.arrow.societe {background-position: center 0;border: 1px solid rgba(214, 39, 105, 1); background-color: rgba(0, 0, 0, 0)}

.gestion .btn.arrow, .btn.arrow.gestion {background-position: center -60px;border: 1px solid rgba(7, 194, 253, 1); background-color: rgba(0, 0, 0, 0)}

.promo .btn.arrow, .btn.arrow.promo {background-position: center -150px;border: 1px solid rgba(255, 183, 58, 1); background-color: rgba(0, 0, 0, 0)}

.syndic .btn.arrow:hover, .btn.arrow.syndic:hover, 
.syndic .btn.arrow:focus, .btn.arrow.syndic:focus {background-color : rgba(188, 143, 217, 1);}

.transac .btn.arrow:hover, .btn.arrow.transac:hover,
.transac .btn.arrow:focus, .btn.arrow.transac:focus {background-color : #becc29;}

.societe .btn.arrow:hover, .btn.arrow.societe:hover,
.societe .btn.arrow:focus, .btn.arrow.societe:focus {background-color : rgba(214, 39, 105, 0.9);}

.gestion .btn.arrow:hover, .btn.arrow.gestion:hover,
.gestion .btn.arrow:focus, .btn.arrow.gestion:focus {background-color : rgba(7, 194, 253, 1);}

.promo .btn.arrow:hover, .btn.arrow.promo:hover,
.promo .btn.arrow:focus, .btn.arrow.promo:focus {background-color : rgba(255, 183, 58, 1);}



.syndic .btn, .btn.syndic {background-color: rgba(188, 143, 217, 1);}
.location .btn, .btn.location {background-color: #becc29;}
.vente .btn, .btn.vente {background-color: #92b533;}
.promo .btn, .btn.promo {background-color: #ffb73a;}
.gestion .btn, .btn.gestion {background-color: rgba(7, 194, 253, 1);}

.syndic .btn:hover, .btn.syndic:hover,
.syndic .btn:focus, .btn.syndic:focus {background-color: #ab62d9;}
.location .btn:hover, .btn.location:hover,
.location .btn:focus, .btn.location:focus {background-color: #a4b300;}
.vente .btn:hover, .btn.vente:hover,
.vente .btn:focus, .btn.vente:focus {background-color: #709900;}
.promo .btn:hover, .btn.promo:hover ,
.promo .btn:focus, .btn.promo:focus {background-color: #e59100;}
.gestion .btn:hover, .btn.gestion:hover,
.gestion .btn:focus, .btn.gestion:focus {background-color: #009ccc;}

.btn-center {
	display: block;
	margin: auto;
}

.btn.line.white {
	border:1px solid #fff;
	background: transparent;
	color: #fff;
}

.btn.line.white:hover,
.btn.line.white:focus {
	border:1px solid #fff;
	background: #fff;
	color: #41413f;
}

@media (min-width:768px) {
	.btn-right {float:right;}
}

@media (max-width:767px) {
	.btn-right {margin-bottom: 10px;}
}

.btn.btn-white { 
	border: 1px solid #fff;
	background: transparent;	
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
	background: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color:#294296;
}

.btn.btn-black { 
	border: 1px solid #41413f;
	background: transparent;	
	color:#41413f;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black:active {
	background: #41413f;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color:#fff;
}


.list-bien {
	margin-bottom: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.list-bien:hover {
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.list-bien .list-prog-text {padding: 0 15px;}


/* LISTE APPT */
.liste .location, 
.liste .vente,
.liste .appt,
.liste .prog {margin-bottom: 30px;}



.list-appt-img {
	height: 250px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.list-bien:hover .list-appt-img {
	background-size: 110%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.white .list-appt-img, .prog .list-appt-img {
	background-size: 125%;
}

.list-bien.white:hover .list-appt-img, .list-bien.prog:hover .list-appt-img {
	background-size: 135%;
}




.list-appt-text {
	height: 130px;
	margin-bottom: 10px;
}

.titre-ville {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    margin: 10px 0 15px;
}

.titre-ville:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 7px 0;
}

.vente .titre-ville{background-color: #92b533;}
.vente .titre-ville:after {  border-color: transparent rgba(146, 181, 51, 0.5) transparent transparent;}

.location .titre-ville{background-color: #becc29;}
.location .titre-ville:after {  border-color: transparent rgba(203, 221, 0, 0.5) transparent transparent;}

.white .titre-ville{background-color: #fff; color: #41413f}
.white .titre-ville:after {  border-color: transparent rgba(255,255,255, 0.5) transparent transparent;}
.white .bandeau {background: #e07f00;}

.prog .titre-ville{background-color: #ffb73a; color: #fff}
.prog .titre-ville:after {  border-color: transparent rgba(255, 183, 58, 0.5) transparent transparent;}
.prog .bandeau {background: #e07f00;}

.bandeau {
	position:absolute;
	z-index:100;
	right:15px;
	top:0;
	text-transform:uppercase;
	color:#fff;
	background-color: rgba(0, 0, 0, 0.5);
	font-weight:400;
	font-size:14px;
	padding: 7px 10px;
	height:34px;
	line-height: 19px;
}

.piece, .infos,.prix {
    margin: 0 0 5px;
    font-size: 14px;
    text-transform: uppercase;
}

 .chiffre {
    font-size: 18px;
}

.vente .prix {color:#92b533; }
.location .prix {color:#becc29; }
.prog .prix {color:#ffb73a; }

.mensu {
	display: block;
	line-height: 10px;
	font-size:12px;
}

.mentions { font-size: 11px;}

.list-prog-text {position: relative;}

.list-prog-text a.btn.arrow {
    position: absolute;
    right: 10%;
    top: 40%;
    display: none;
    background-position: center -91px;
    background-color: rgba(0, 0, 0, 0);
    border-color: #92b533;
}

.location .list-prog-text a.btn.arrow {
    background-position: center -90px;
    border-color: #becc29;
}

.prog .list-prog-text a.btn.arrow {
    background-position: center -151px;
    border-color: #ffb73a;
}

.list-prog-text a.btn.arrow:hover,
.list-prog-text a.btn.arrow:focus,
.list-prog-text a.btn.arrow:active {
	background-color: #92b533;
}

.location .list-prog-text a.btn.arrow:hover,
.location .list-prog-text a.btn.arrow:focus,
.location .list-prog-text a.btn.arrow:active {
	background-color: #becc29;
}

.prog .list-prog-text a.btn.arrow:hover,
.prog .list-prog-text a.btn.arrow:focus,
.prog .list-prog-text a.btn.arrow:active {
	background-color: #ffb73a;
}

.white .list-prog-text a.btn.arrow {
	border-color: #fff;
	background-position: center -181px;
}

.white .list-prog-text a.btn.arrow:hover,
.white .list-prog-text a.btn.arrow:focus,
.white .list-prog-text a.btn.arrow:active {
	background-color: #fff;
	background-position: center -183px!important;
}


.vente:hover .list-prog-text a.btn.arrow,
.location:hover .list-prog-text a.btn.arrow,
.prog:hover .list-prog-text a.btn.arrow,
.appt:hover .list-prog-text a.btn.arrow,
.white:hover .list-prog-text a.btn.arrow { display: block }


.list-prog .prix .chiffre,
.list-prog .prix .chiffre{
	font-size:18px;
    font-weight: 700;
}

.list-prog .prix .mensu {
	font-size:14px;
	color: #D61F31;
}

.list-prog .prix .mentions {
	font-size:11px;
	color: #aaa;
}

.list-prog ul.bouton-prog {
	padding:0;	
	margin:0;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
}

ul.bouton-prog li{
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.list-appt {position:relative; margin-bottom: 20px;}

.list-appt .list-appt-img {
	background-position: center center;
	height:200px;
	position: relative;
	background-size:cover;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
/*	background-size: 100%;
*/	background-repeat: no-repeat;
}

/*.list-appt:hover .list-appt-img,
.list-appt:active .list-appt-img,
.list-appt:focus .list-appt-img {
	background-size: 110%;
}*/

.list-appt .list-appt-text {
	padding:15px;	
	background: #fff;
	border:1px solid #ddd;
	color: #666;
	position:relative;
}

.list-appt .titre-ville {margin: 0; padding: 0;display: inline-block;}

.list-appt .titre-ville a{
	font-size:20px;
	font-weight:400;
	margin-top:5px;
	margin-bottom:0px;
	text-transform: uppercase;
}

.list-appt.list-vente .titre-ville,
.list-appt.list-vente .titre-ville a,
.list-appt.list-vente .prix {
	color:#D61F31;
}

.list-appt.list-location .titre-ville,
.list-appt.list-location .titre-ville a,
.list-appt.list-location .prix {
	color:#904B97;
}

.list-appt .prix {
    display: inline-block;
    font-size:14px;
    line-height: 20px;
    text-transform: uppercase;
    margin-left: 10px;
    vertical-align: baseline;
}

.list-appt .prix .chiffre {
	font-weight: 700;
	font-size:18px;
}

.list-appt .piece { margin-bottom: 0;}

.list-appt .corner {
	position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 120px 80px;
}

.list-appt.list-vente .corner {border-color: transparent transparent #D61F31 transparent;}

.list-appt.list-location .corner {border-color: transparent transparent #904B97 transparent;}


.list-appt .corner .message {
    position: absolute;
    bottom: -110px;
    right: 10px;
}

.list-appt .corner .message, 
.list-appt .corner .message, 
.list-appt .corner .message {
    background-position: center -37px;
    border-color: #fff;
}

.list-appt .corner .message:hover, 
.list-appt .corner .message:active, 
.list-appt .corner .message:focus {
    background-position: center -3px;
    background-color: #fff;
}



/* AGENCE WRAPPER */
.agence-wrapper .col-height:nth-child(1) {
    padding: 30px 15px;
}

.img-agence-wrapper {
    height: 100%;
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
}

.img-st-louis { background-position: 85% center; }

.contact-round-icon {
    background-image: url(../img/icon-contact.png);
    width: 60px;
    height: 60px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-color: #d62769;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.contact-link a p {
	display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: 18px;
}

.contact-link a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.contact-link a:hover .contact-round-icon {background-color: #b3245a;}


/* SIDEBAR */

.sidebar-block {
    background: #eee;
    padding: 15px;
    font-size: 16px;
    margin-top: 30px;
    line-height: 18px;
}

.sidebar-block .titre3, .sidebar-block .titre4 { color:#fff;}

.estim-range {
    margin: 15px 0 25px;
}

.budget-label {
    text-transform: uppercase;
    font-size: 15px;
}

.budget-label .estim-label {
    font-weight: 700;
    font-size: 18px;
    color: #41413f;
}

.result-estimation {
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    padding-top: 20px;
}

.result-estimation-label {
    font-weight: 700;
    font-size: 24px;
    padding: 10px 25px;
    background: #ccc;
    display: inline-block;
    margin-top: 10px;
    color:#fff;
}

.result-estimation-label span {
    font-weight: 400;
    font-size: 16px;
}

.sidebar-block .modal-body {
    color: #41413f!important;
}


/* SERVICES WRAPPER */
.services-wrapper {
background: url(../img/bg-rubriques.jpg) #284958;
    padding: 60px 0 0;
    background-position: center -100px;
    background-repeat: no-repeat;
}

.services-container {
    display: flex;
}

.service {
    width: 100%;
    margin-top: 100px;
    text-align: center;
    background-size: cover;
    background-position: center;
}

.service a {
    color: #fff;
    text-transform: uppercase;
    line-height: 20px;
    width: 100%;
    height: 100%;
    display: block;
    padding: 60px 30px;
}

.service a img {
    margin-bottom: 40px;
    height: 60px;
    margin-top: 15px;
}



/* CONTACT WRAPPER */
.contact-wrapper {
	background: #284958;
	padding: 0 0 60px;
	color: #fff;
}

.contact-wrapper div {
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
}

.contact-wrapper div img {
	margin-bottom: 15px;
}

.contact-wrapper .tel a{font-size: 30px; color: #fff;}

@media(max-width: 767px){
	.contact-wrapper .mail {font-size: 20px;}
	.contact-wrapper .col-sm-4 { margin-bottom: 40px; }
}

/* footer */
footer {
	background: #1d3540;
}

footer .nav-footer ul {display: flex;}

footer .nav-footer ul li {
    width: 100%;
    text-align: center;text-transform: uppercase;
}

footer .nav-footer ul li a:hover {color: #fff;}

footer .nav-footer ul li a.accueil {background: #284958;}
footer .nav-footer ul li a.accueil:hover,
footer .nav-footer ul li a.accueil:active {background: #1d3540;}

footer .nav-footer ul li a.syndic {background: #bc8fd9;}
footer .nav-footer ul li a.syndic:hover,
footer .nav-footer ul li a.syndic:active {background: #ab62d9;}

footer .nav-footer ul li a.location {background: #becc29;}
footer .nav-footer ul li a.location:hover,
footer .nav-footer ul li a.location:active {background: #a4b300;}

footer .nav-footer ul li a.vente {background: #92b533;}
footer .nav-footer ul li a.vente:hover,
footer .nav-footer ul li a.vente:active {background: #709900;}

footer .nav-footer ul li a.gestion {background: #5eb9cb;}
footer .nav-footer ul li a.gestion:hover,
footer .nav-footer ul li a.gestion:active {background: #009ccc;}

footer .nav-footer ul li a.promo {background: #faad4a;}
footer .nav-footer ul li a.promo:hover,
footer .nav-footer ul li a.promo:active {background: #e59100;}

footer .nav-footer ul li a.societe {background: #d62769;}
footer .nav-footer ul li a.societe:hover,
footer .nav-footer ul li a.societe:active {background: #b3245a;}

footer .nav-footer ul li a.estimation {background: #ec69a4;}
footer .nav-footer ul li a.estimation:hover,
footer .nav-footer ul li a.estimation:active {background: #cc3d7d;}

footer .nav-footer ul li a.contact {background: #770f00;}
footer .nav-footer ul li a.contact:hover,
footer .nav-footer ul li a.contact:active {background: #991400;}



footer a { color:#fff;}

footer a:hover,
footer a:active,
footer a:focus {
	color:#5eb9cb;
}

footer a.btn-icon.icon-fb {
	display: inline-block;
	background: url('/img/flogo-58.png') center center no-repeat;
	background-size: 75%;
	height: 40px;
	width: 40px;
	text-indent: -9999px;
	transition: all .3s;
}

footer a.btn-icon.icon-fb:hover { background-size: 100%; transition: all .3s; }

footer .titre {
	text-transform:uppercase;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin-bottom:10px;
}

footer ul+.titre {margin-top: 20px;}

footer ul, footer, footer a{ font-size: 14px; text-transform: uppercase; color:#fff;}

.sepa {
	width:100%;
	border-bottom: 1px solid #fff;
	display: block;
	margin: 20px auto;
}

@media(min-width: 992px) {
.subfooter {margin-top:20px;}
}

.subfooter a { color:#aaa;}



.header-page {
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:300px;
	width: 100%;
	border-bottom:6px solid;
	border-color:#b7d00f;
	position: relative;
}

@media (min-width: 992px ) {
	.header-page {	height:300px;}
}

@media (max-width: 991px ) {
	.header-page {	height:580px;}
}

@media (max-width: 750px ) {
	.header-page {	height:580px;}
}

@media (min-width: 992px) {
	.header-page.details .search {
		margin: 90px 0;
	}	
}

@media (max-width: 991px) {
	.header-page.details {
    height: 197px;
	}
}

.header-page.details {position: relative;}

.header-page.details .titre1 {
    position: absolute;
    bottom: 25%;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

.header-page.details .titre1 .subtitle {color: #fff;}



/* breadcrumb */
.breadcrumb {
	margin-top:30px;
	font-size:13px;
	text-transform: uppercase;
	color:#85929e;
}

.breadcrumb.details {margin-top: 10px;}

.breadcrumb .breadcrumb-item {color:#34495e;}

.breadcrumb .breadcrumb-item.active {color:#85929e;}


/* pagination */

/* pagination */
.pagination>li>a, 
.pagination>li>span {
	border-radius: 0!important;
	border: 2px solid #666;
	color: #666;
	    margin-right: 10px;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	color: #fff;
    background-color: #666;
    letter-spacing: 0;
    border-color: #666;
}

.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
    color: #fff;
     letter-spacing: 0;
    background-color: #666;
    border-color: #666;
}


/* details */
@media (max-width: 991px) {
	.details-page-title {margin-top: 30px;}
}

.details-prog {
	color:#fff;
	padding: 15px;
	font-size:16px;
}

.details-prog.vente {background:rgba(146, 181, 51, 1) }
.details-prog.location {background:#becc29 }
.details-prog.appt {background:rgba(29, 78, 97, 1); }
.details-prog.prog {background:rgba(255, 183, 58, 1); }

@media (max-width: 991px) {
	.details-prog {margin-bottom: 30px;}
}


.details-prog .titre3 {margin: 0;}
.details-prog .titre3:after {
    bottom: -10px;
    border-width: 0 60px 10px 0;
}

.details-prog .prix {color:#fff;}

.details-prog .prix span {font-size: 20px; font-weight: 700;}

.label {display: flex;}
.label li.ptz {padding-top: 24px;}
.label li {
    width: 60px;
    height: 60px;
    background: #fff;
    color: #414343;
    padding-top: 18px;
    border-radius: 100%;
    margin:0 5px;
    text-transform: uppercase;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.label li:first-child {margin-left:0;}

@media(min-width: 1200px) {
	.btn-prog-list {
	    display: flex;
	}
}

@media(max-width: 1199px) {
	.btn-prog-list .btn {
	    margin-bottom: 5px;
	}
}

.btn-prog-list a {margin-right: 10px; line-height: 28px;}

.details-prog .tableau.transac {margin-top: 0;}

.details-prog .tableau,
.details-prog .tableau.transac+.transac {margin-top: 30px;}

.tableau.transac .row>div:first-child {
	font-size: 14px;
    line-height: 18px;
}

.tableau.transac:first-child .row>div:last-child {
	text-align: center;
}

.details-prog .tableau .row {
	margin: 0 0 5px;
    padding: 5px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}


.tableau .row>div {
	padding:0;
}

@media (max-width: 991px) {
	.tableau .row>div:nth-child(2) {
	text-align: center;
	}
}

.tableau .col-xs-8, .tableau .col-xs-4, .tableau .col-xs-6 {
	padding: 0 5px;
}

@media (min-width:992px) {
/*	.tableau {
		margin: 0 30px;
	}*/
}

@media (max-width:991px) {
	.tableau {
		margin: 15px;
	}
}

.content-details .tableau .row {
	margin: 0 0 5px;
    padding: 5px;
    border-bottom: 1px solid rgba(0, 0, 0,0.05);
     text-align: center;
}

@media(max-width: 767px) {
	.content-details .tableau {overflow-x: scroll;}
	.content-details .tableau .row {    width: 700px;}
}

.content-details .tableau .thead {font-weight: 700; border-bottom: 2px solid #aaa; text-transform: uppercase;}

.content-details .tableau .row.thead:hover,
.content-details .tableau .row.thead:active {background: 0; cursor: auto;}

.content-details .tableau a { color: #333; }

.content-details .tableau .row:hover {
	background-color: #ccc;
	cursor: pointer;
}

.content-details .tableau .row:hover a,
.content-details .tableau .row:active a { color: #fff;}

.content-details .tableau .row:active {
	background-color: #333;
}

/*@media (max-width:750px) {
	.tableau {
		margin: 0px;
		margin-right:15px;
		overflow-x: auto;
		min-width: 500px;
	}
	.tableau-container {
		overflow-x: auto;
	}
}
*/
.tab-prix {font-weight: 700;font-size:20px;}

.details-prog ul.bouton-prog {
    margin-top: 30px;
    text-align: right;
}

.details-prog ul.bouton-prog .icon {
    background-position: center -29px;
    border-color: #fff;
    background-size: 30px;
}

.details-prog ul.bouton-prog .icon:hover {
    border-color: #1b2c63;
    background-color: #1b2c63;
}



.content-details {background: #f5f5f5; padding: 30px;}

.content-details .titre3:first-child {margin-top: 0;}

.content-details .titre3:first-child:after {
	bottom: -10px;
    border-width: 0 90px 10px 0;
}

.content-details .tableau {margin: 0 15px;}



.content-details  .budget-label .estim-label {
    color: #294296;
}

.content-details  .result-estimation {
    margin-top: 30px;
    text-align: left;
    text-transform: uppercase;
    border-top: 1px solid #294296;
    padding-top: 20px;
}


.contact-block {
    background: #770f00;
    color: #fff;
    padding: 15px;
    font-size: 16px;
    line-height: 18px;
}

.contact-block a {color: #ccc;}

.contact-block a:hover {color: #fff;}

.contact-img {
    background: url(../img/contact-img.jpg);
    width: 100%;
    background-size: cover;
    height: 451px;
    background-position: center;
}


.rubrique-details  { 
	border:1px solid #ddd; 
	margin-top:30px;
	line-height: 18px;
}

.rubrique-details .row { margin: 0;}

.rubrique-details .text { padding: 15px 30px;}

.rubrique-details .titre3 {
	font-size: 16px;
	color: #FA8746;
}

.rubrique-details ul {
	padding-left:14px;
}

.rubrique-details ul li {
	list-style-image: url(images/list-style2.png);
}

.img-rubrique-details {
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
}



@media (max-width:991px)  {
	.img-rubrique-details {
		height:300px;
	}
}

@media (min-width:992px)  {
	.row-height {
	  display: table;
	  table-layout: fixed;
	  height: 100%;
	  width: 100%;
	}
	.col-height {
	  display: table-cell;
	  float: none;
	  height: 100%;
	  vertical-align: middle;
	}
}
.titre3.titre-bg {
	color:#fff;
	text-align: center;
	font-size:40px;
	margin:0;
	line-height: 50px;
}

.titre3.titre-bg span {
	display: block;
}

.big-list  {margin: 10px 0 40px;}

.big-list li {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 18px;
    position: relative;
    padding-left: 40px;
    list-style-image: none!important;
}

.big-list li:before {
	content:'+';
/*	position: absolute;
	top:0;
	left:0;
	color:#FA8746;
	border: #FA8746 1px solid;
	border-radius: 100%;
	width:30px;
	height:30px;
	line-height: 26px;
	text-align: center;*/
	margin-right: 15px;
	color: #ffb73a;
	font-weight: 700;
}

.appt.big-list li:before {
	color: #1d4e61;
}



.map {padding:0;}

.map-details {
	position: relative;
	background: #FA8746;
	color:#fff;
	padding: 30px;
}

@media (min-width:992px) {
	.map-details:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 20px 20px 0;
		border-color: transparent #FA8746 transparent transparent;
		top:50%;
		margin-top:-20px;
		left:-20px;
		position: absolute;
	}
}

.map-details .titre3 {color:#fff;}

.map-details ul li {
    list-style-image: url(images/list-style.png);
}



/* progress bar */
#progressbar {
	margin-bottom: 30px;
	margin-top: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	padding-left:0;
}
#progressbar li {
	list-style-type: none;
	list-style-image: none;
	color: #666;
	text-transform: uppercase;
	width: 25%;
	float: left;
	position: relative;
	text-align: center;
}

#progressbar li span {
    display: block;
    width: 50%;
    margin: 15px auto 0;
}

@media (max-width:450px){
	#progressbar li span {
		font-size:10px;
		line-height: 12px;
	}
}

#progressbar li:before {
	content:"";
	width: 30px;
	height:30px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	background: white;
	border:1px solid #FA8746;
	border-radius: 100%;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 23px;
    background: white;
    position: absolute;
    left: -50%;
    top: 3px;
    z-index: -1;
    border: 1px solid #fa8746;
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before{
	background: #FA8746;
	border:1px solid #fff;
}

#progressbar li.active:after {
    background: #FA8746;
    border: 1px solid #fa8746;
}


.video {
	margin: 30px 0;
}


.blog .titre-ville a {
	margin: 15px 0 15px!important;
	display: block;
}

.contact-details {
	background: #FA8746;
	color:#fff;
	padding: 4% 10%;
}

.contact-details a { color:#eee;}

.contact-details .titre3 { color:#fff;}

.row.maxi-margin { margin-top:40px;}


/* -------------- POP UP ----------------------- */
#black {
	background-color:#000; 
	z-index:100000; 
	opacity:0.85; 
	position:fixed; 
	top:0; 
	width: 100%;
	height: 100%;
	display:none;
}

.form-popup {
	display: none;
    border-collapse: collapse;
    text-align: center;
    top: 50px;
    position: fixed;
    z-index: 1000000;
    background-color: white;
    padding: 40px 30px 30px;
}

@media (min-width: 768px) {
	.form-popup {  width: 700px; left: 50%; margin-left: -350px;}	
}

@media (max-width: 767px) {
	.form-popup {  width: 100%; left:0;}	
}

.btn.close { 
    position: absolute;
    top: -60px;
    right: -30px;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: #294296 0Px solid;
    opacity: 1;
    text-shadow: inherit;
    color: #fff;
    background-color: #294296;
    border-radius: 0;
    font-size: 24px;
}

.btn.close:hover, .btn.close:focus { 
    color: #fff;
	background-color: #294296;
	box-shadow: -1px 2px 15px 3px rgba(0, 0, 0, 0.2) inset;
}

.contact .input-group {margin-bottom:5px;    display: flex;}

.contact textarea {width:100%;margin-top:10px;} 

.contact .input-group-addon {
	background-color: #a0a0a0;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    width: 120px;
    text-align: left;
        line-height: 20px;
}

.contact .form-control {
	background-color: #fff;
    border: 1px solid transparent;
    border-bottom: 1px solid #a0a0a0;
    border-radius: 0;
    box-shadow: none;
}

.ui-buttonset.contact-agence {
	margin: 10px 0;
    display: flex;
    border-radius:0;
}

.contact-agence .ui-widget {font-family: 'Roboto Condensed', sans-serif!important; color:#ccc;}

.contact-agence .ui-state-default.ui-state-active { 
	background-color: #294296 !important; 
	background-image: none; 
	color: #fff !important; 
}

.contact-agence .ui-state-default {
	background: #ddd!important;
	color: #666!important;
	border:0px;
}



/* -------------- SEARCH ENGINE INPUT STYLE ------------*/

 #format { margin-top: 2em; }

.label-dist { width: 25%;}

.label-piece { width: 20%;}

.label-piece .ui-button-text-only, .label-piece .ui-button-text {
	padding: 7px 5px !important;
}

.label-dist .ui-button-text-only, .label-dist .ui-button-text {
	padding: 4px 5px !important;
}

.label-dist, .label-piece { 
	height: 34px; 
	border-radius: 0 !important; 
	border-width: 0 !important; 
	color: #666666 !important; 
	background-color: #fff !important; 
	background-image: none !important;
}

.label-dist:hover, .label-piece:hover,.label-dist:focus, .label-piece:focus  { 
	background: #e5e5e5 !important; 
	color: #666 !important;
}




.relative {position: relative;}

.double-buffer {margin-top:60px; margin-bottom:60px;}

.double-top-buffer {margin-top:60px;}

.double-bottom-buffer {margin-bottom:60px;}

.buffer {margin-top:30px; margin-bottom:30px;}

.top-buffer {margin-top:30px;}

.bottom-buffer {margin-bottom:30px;}

.center { text-align: center;}

.justify { text-align: justify;}

.clear {clear:both;}

.img-full {width:100%;}

a {
	font-size:14px;
	color: #294296;
}

ul.puce {    padding-left: 14px;}

ul.puce li {
	    list-style-image: url(images/list-style.png);
}


@media (min-width: 992px) {
	.display-desktop {display: none!important;}
}

@media (max-width: 991px) {
	.display-mobile {display: none!important;}
}

@media (max-width: 1199px) {
	.display-md {display: none!important;}
}


.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #b7d00f;
    border-color: #b7d00f; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #b7d00f; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #b7d00f; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #b7d00f; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }

    @media screen {.only-print {display: none;} }


    .form-check-label {
    	margin-bottom: 0;
    	font-weight: 400;
    }

    .form-check-input {
    	margin-right: 5px !important;
    }

    .mentions-rgpd {
    	margin-top: 30px;
    	color: #222222b3;
    }
    
    
    /*DPE*/
.conso-range .letter {
    position: relative;
    height: 100px;
    display: inline-block;
}

.conso-range .conso-num, .conso-range .conso-emission-num {
    position: absolute;
    left: 0;
    top: 60px;
    text-align: center;
    color: #333;
    width: 34px;
}

.conso-num, .conso-emission-num {
    font-size: 14px;
    font-weight: bold;
}

.conso-num .note-conso {
    position: absolute;
    left: -5px;
}
.note-conso {
    font-size: 11px;
    font-weight: 500;
}

.conso-emission-num .note-conso {
    position: absolute;
    left: -20px;
}

.indiq-letter {
    padding: 3px 0;
    color: #fff;
    position: relative;
    width: 30px;
    text-align: center;
    display: inline-block;
}

.indiq-letter.active::after {
    background: transparent;
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent;
    content: '';
    position: absolute;
    right: 8px;
    top: 28px;
    transform: rotate(90deg);
}

.indiq-letter.active {
    padding: 8px 0;
    width: 34px;
}

.conso-A{background:#029163}
.conso-A::after{border-left:17px solid #029163}
.conso-B{background:#46a64a}
.conso-B::after{border-left:17px solid #46a64a}
.conso-C{background:#6db56b}
.conso-C::after{border-left:17px solid #6db56b}
.conso-D{background:#f2e314}
.conso-D::after{border-left:17px solid #f2e314}
.conso-E{background:#edab0f}
.conso-E::after{border-left:17px solid #edab0f}
.conso-F{background:#e8782f}
.conso-F::after{border-left:17px solid #e8782f}
.conso-G{background:#d1201e}
.conso-G::after{border-left:17px solid #d1201e}

.emission-A{background:#abdbf9}
.emission-A::after{border-left:17px solid #abdbf9}
.emission-B{background:#91b4d4}
.emission-B::after{border-left:17px solid #91b4d4}
.emission-C{background:#7a92b2}
.emission-C::after{border-left:17px solid #7a92b2}
.emission-D{background:#626f90}
.emission-D::after{border-left:17px solid #626f90}
.emission-E{background:#4e5272}
.emission-E::after{border-left:17px solid #4e5272}
.emission-F{background:#393552}
.emission-F::after{border-left:17px solid #393552}
.emission-G{background:#271b36}
.emission-G::after{border-left:17px solid #271b36}


/*Modal DPE */
.lien-dpe {
    font-size: 16px;
    color: #d42f20;
    font-weight: 700;
}

.lien-dpe:hover {
    color: #a92519;
}


.mentions-obligatoire_dpe p {
    margin: 0 0 0 7px !important;
    font-weight: bold;
    font-family: 'Open Sans',sans-serif;
    font-size: 10px;
    text-align: left;
}

.mentions-obligatoire_dpe.consommation p {
    margin: 0 0 0 132px !important;
    text-align: left;
}

.mentions-bottom {
    margin-top: 20px;
}

.mentions-bottom p {
    font-weight: bold;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #92919f;
    text-align: center;
    margin: 0;
}

.mention-asterisque p {
    font-weight: bold;
    font-size: 12px;
    color: #0e0e0e;
    margin: 0 0 10px 36px;
}

@media (min-width: 768px) {
    .img-tool {
        display: flex;
        justify-content: space-between;
    }
}

.img-tool .left, .img-tool .right { position: relative;}

.img-tool .left .text-content { position: relative;}

.img-tool .right .DPE_original { width:339px}

.img-tool .left .DPE_original { width:377px}

#formDPE .DPE_valeur_GES, #formDPE .DPE_valeur_DPE , #formDPE .DPE_valeur_Emission{
    color: #000 !important;
    font-weight: bold;
    position: absolute;
    font-size: 16px;
    width: initial !important;
    top: 0;
}

@media (min-width: 768px) {
    #formDPE {
        width: 800px;
        margin-left: -400px;
    }    
}


#formDPE .DPE_valeur_DPE { right: 324px; }

#formDPE .DPE_valeur_GES { right: 266px; }

#formDPE .DPE_valeur_Emission {
    right: 54px;
    font-size: 22px;
    font-weight: 600;
}

@media(max-width: 768px) {
    .mentions-obligatoire_dpe.consommation p {margin: 0 0 0 116px !important;}
    .dpe .modal-dialog {top: 25%!important; margin-top: 0!important;}
    #formDPE .DPE_valeur_DPE { right: 280px;}
    #formDPE .DPE_valeur_GES {right: 220px;}
    .img-tool .left { margin-top: -80px; margin-bottom: 55px;}
    .img-tool .left .text-content {padding-top: 32px;}
    .img-tool .right .DPE_original {margin-top: 9px;}
    .dpe .modal-header {z-index: 100};
}

.estimation-p {font-size: 20px;}
.estimation-p span {font-size: 30px; font-weight: 700;}

.petit-p {font-size: 11px; color: #666;}