/***********************************************************************/
/*************************** CAPTCHA ***********************************/
/***********************************************************************/
.cpt{
	transform:scale(0.88);
	-webkit-transform:scale(0.88);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

@media screen and (max-width: 768px){
	.cpt{
		transform:scale(0.78);
		-webkit-transform:scale(0.78);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

/*******************************************************************/
/********************** GÉNÉRALITÉS *************************/
/*******************************************************************/
.clear{clear:both;}
body{
	font-family: 'Lato';
	font-size: 16px;
}
.modal-open {
    padding-right: 0 !important;
}
.ui-loader-default{
	display: none !important;
}
h1.big_titre{
	font-size: 18px;
	margin: 10px 0;
	color:#34B5B0;
    font-weight: bold;
}
h1.big_titre.form{
	border-bottom:solid 1px #f6f6f6;
}
h2.success{
	font-size:34px;
	margin: 10px 0;
	color:#4caf50;
    font-weight: bold;
}
.form-control{
	border-radius: 4px;
	border:solid 1px #dfdfdf;
	box-shadow: none;
	color:#2d2d2d;
}
.has-success .form-control {
    border-color: #439456;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(49, 179, 71, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(49, 179, 71, 0.6);
}
.has-error .form-control {
    border-color: #c0392b;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(192, 57, 43, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(192, 57, 43, 0.6);
}
.alert.alert-input{
    padding: 8px 15px;
}
.alert.alert-danger a{
    color:#a94442;
    text-decoration: underline;
}

.btn{
	border:solid 1px #ebebeb;
	border-radius: 4px;
	cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn.btn-cancel{
	background: #d62525;
	color:#fff;
}
.btn.btn-cancel:hover{
	background: #b21b1b;
}
.btn.btn-primary{
	background: #34B5B0;
}
.btn.btn-primary:hover{
	background: #083E61;
}
.btn.btn-primary i{
	margin-right: 5px;
}
.btn.btn1{
	padding: 0px;
	margin: 0px;
	background: #d62525;
	color:#fff;
}

.section{
	margin-bottom: 30px;
	font-size: 14px;
}
.content_txt .line{
	margin-bottom: 5px;
}
.content_txt .line a.tel,
.content_txt .line a.mail{
	color:#333;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #0D67A0 !important;
    background-image: none;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #FDD49A !important;
    background-image: none !important;
}

@media screen and (min-width: 1200px){
	.dft{
		height:35.6px;

	}
}

.modal-content.rmodal {
    display: flex;
    flex-direction: column;
}
.modal-body.rmodal {
    overflow: auto;
    max-height: calc(100vh - 200px);
}
.modal-header.rmodal, .modal-footer.rmodal {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
}

.spzone {
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #b7b7b7;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
}

/*******************************************************************/
/********************** HEADER *************************/
/*******************************************************************/
#header{
	background: white;
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
}
.logosouscription{
	margin-top: 15px;
}
.logosouscription img{
	display: block;
	margin: auto;
}

#footer{
	padding-top: 20px;
	padding-bottom: 20px;
}

/*******************************************************************/
/********************** MENU *************************/
/*******************************************************************/

.navbar.navbar-default{
	margin-bottom: 0;
}
.navbar-default .navbar-nav>li>a {
	color: #2d2d2d;
    font-size: 14px;
}
.navbar-default .navbar-nav>li>a span.notif{
	color:#d62525;
}

/*******************************************************************/
/********************** HELP *************************/
/*******************************************************************/

#help{
	padding: 10px 0;
	background: #E8E7E7;
	font-size: 13.5px;
}
#help a{
	color:#333;
	text-decoration: underline;
}
form.bien .details label i.zmdi-alert-circle,
#help .zmdi-alert-circle{
	color: #D62525;
	font-size: 18px;
}
.help-block{
	margin-bottom: 0;
	font-size: 11px;
}
.help-block1{
	/*margin-bottom: 0;*/
	font-size: 11px;
}


/*******************************************************************/
/********************** ACCOUNT *************************/
/*******************************************************************/

.modif_mdp .input-group-addon{
	background: #c6d5de;
	color:#2d2d2d;
	cursor: pointer;
}
.modif_mdp .input-group-addon a{
	color:#2d2d2d;
}
.pwstrength_viewport_progress .progress{
	margin-bottom: 0;
}

/*******************************************************************/
/********************** MON BIEN *************************/
/*******************************************************************/

form.bien textarea{
	height: 220px;
}
form.bien .details label{
	padding-top: 7px;
}
form.bien .details .input-group-addon.delete{
	cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
form.bien .details .input-group-addon.delete:hover{
	background: #D2D2D2;
}
#map_monbien{
	width: 100%;
	height: 55vh;
	z-index: 600;
}
div#map_monbien1{
	width: 100%;
	height: 250px;
	display: none;
}
#map_bien_iframe {
       width: 100%;
       height: 250px;
       border: 0;
}
.bar-bien {
	width: 95% !important;
}
.noSlides{
	z-index:1;
}
.imgCtrl{
	position: absolute;
	padding-top: .5em;
	padding-right: .6em;
	float:right;
	z-index: 2;
	width: 6em;
	right: 2.7em;
}
.imgCtrl .bbtn {
	padding: 3.2px 0px !important;
}
.imgCtrl button span {
	font-size: 13px;
}

#editDescription[placeholder]:empty::before,
.edit-div[placeholder]:empty::before,
.editDiv[placeholder]:empty::before {
	content: attr(placeholder);
	color: #989898;
}

#editDescription[placeholder]:empty:focus::before,
.edit-div[placeholder]:empty:focus::before,
.editDiv[placeholder]:empty:focus::before {
	content: "";
}

#editDescription,
#editOfr,
.edit-div, .edit-div, .editDiv {
	border: 1px solid #dedede;
/*	overflow:scroll;*/
	padding: 10px;
}
#editDescription {
	height: 300px;
}
.edit-div, .editDiv {
	background-color: white;
	height: 120px;
}
.bien-contact-cmt.edit-div{
	height: 80px;
}
#editDescription.has-success,
.edit-div.has-success,
.editDiv.has-success
{
	border-color: #439456 !important;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(49, 179, 71, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(49, 179, 71, 0.6) !important;
}
@media (max-width: 1200px) {
	#editDescription {
		height: 250px;;
	}
}
@media (max-width: 768px) {
	#editDescription,
	.edit-div, .editDiv {
		padding: 6px;
	}
    #map_monbien{
        width: 100%;
        height: 250px;
    }
}

/*******************************************************************/
/********************** VISITES *************************/
/*******************************************************************/

@media (max-width: 768px) {
	.imgCtrl{
		width: 8em;
		padding-right: .5em;
		display: flex;
		right: 5.5em;
	}
	.inDiv {
		float: right;
	}
	.ulTab li {
		font-size: 12px;
	}
}

#detail .inh4 {
	display: inline;
}
.ulTab>li>a{
	padding: 10px 10px !important;
}

.clsDtl {
	background-color: white;
	border: 2px solid gray;
	border-radius: 4px;
}

table.visites td a{
	color: #333;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
table.visites td a:hover{
	color: #666;
}
table.visites td a i{
	font-size: 22px;
}
table.visites td i.zmdi-alert-circle{
	font-size: 22px;
	color: #D62525;
}
table.questions td{
	vertical-align: middle !important;
    border-bottom: 1px solid #ddd;
}
table.questions td input.vide{
    background: rgba(214, 37, 37, 0.12);
}
table.questions td i.zmdi-accounts{
	font-size: 22px;
}

.my-table td {
	height: auto;
	vertical-align: middle !important;
}

.my-table1 td {
	height: auto;
	vertical-align: top !important;
	padding: 15px 10px 15px 15px;
}
/*******************************************************************/
/********************** VOTRE VENTE *************************/
/*******************************************************************/

.ct-series-a .ct-bar {
  /* Colour of your bars */
  stroke: #34B5B0 !important;
  /* The width of your bars */
  stroke-width: 25px;
  /* Yes! Dashed bars! */
  stroke-dasharray: 0px;
  /* Maybe you like round corners on your bars? */
  stroke-linecap: initial;
}
.ct-label {
    font-size: 14px !important;
}
table.stats_semaines td,
table.stats_semaines th{
	vertical-align: middle !important;
}
table.stats_semaines th.chevron{
	cursor: pointer;
}
.cursor-pointer{
	cursor: pointer;
}
/*******************************************************************/
/********************** FOOTER *************************/
/*******************************************************************/

#footer{
	background:#2d2d2d;
}
#footer .col-liens{
	text-align: center;
}
#footer .col-liens .barre{
	border-top: solid 1px #fff;
	display: inline-block;
	padding-top: 10px;
}
#footer .col-liens .barre li{
    width: auto;
    display: inline-block;
}
#footer .text-right{
	text-align: center;
}
#footer a{
	color:#fff;
	line-height: 25px;
}
#footer .copy{
	margin-top: 15px;
	color:#6e6e6e;
}
#footer .copy a{
	color:#6e6e6e;
}
#footer .copy a u{
	color:#a0a0a0;
}

@media screen and (max-width: 768px){
	#footer .col-liens{
		margin-top: 20px;
	}
}

/*******************************************************************/
/********************** NEW ORDER *************************/
/*******************************************************************/

.offres .offre,
.offres .ofr{
	/* background:#E8E7E7; */
	border-radius: 8px;
	padding: 0px;
	text-align:center;
	padding: 5px;
	cursor: pointer;
/*	height:100%;*/
	margin-top: 5px;
	margin-bottom: 15px;
}
.offres .offre.selected,
.offres .ofr.selected{
	/*background:#4caf50;*/
	border: 1.5px solid #4caf50;
	/*color:#fff;*/
}
.offres .offre .prix,
.offres .ofr .prix{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
}
.offres .offre .titre,
.offres .ofr .titre{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 0px;
	/* border-bottom: solid 1px #0d67a0;*/
	/*padding-bottom: 10px;*/
	/*margin-bottom: 10px;*/
	/*text-transform: uppercase;*/
}
.offres .offre.selected .titre,
.offres .ofr.selected .titre{
	/*border-bottom: solid 1px green;*/
}
.offres .offre.selected.paid .titre,
.offres .ofr.selected.paid .titre{
	/*border-bottom: 0;*/
	margin-bottom: 0;
}
.offres .offre .descr,
.offres .ofr .descr{
	/*text-align:left;*/
	margin-top: 20px;
	padding: 10px;
	text-align:left;
}
.offres .ofr .sel, .selPdt,
.offres .offre .sel{
	font-size: 1.5em;
	color: white;
	padding: 8px;
	background: lightgray;
	border: 1.5px solid white;
	border-radius: 5px;
	margin: 15px 5px;
}
.offres .ofr.selected .sel, .selPdt,
.offres .offre.selected .sel{
	background: #4caf50;
	color: white;
}
.offres .ofr.selected .sel, .selPdt,
.offres .offre.selected .sel{
	background: #4caf50;
}
.offres .ofr:hover .sel, .selPdt,
.offres .offre:hover .sel{
	/* background: #0d67a0;*/
	background: lightgreen;
}

.offres1 .offre1{
	background:#E8E7E7;
	border-radius: 2px;
	padding: 10px;
	text-align:center;
	margin-bottom: 15px;
	cursor: pointer;
}
.offres1 .offre1.selected{
	background:#4caf50;
	color:#fff;
}
.offres1 .offre1.selected.paid .titre{
	border-bottom: 0;
	margin-bottom: 0;
}
.offres1 .offre1 .titre{
	font-size: 24px;
	border-bottom: solid 1px #34B5B0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

a.paiement{
	display: block;
	margin-top: 15px;
	border:solid 1px grey;
}
a.paiement img{
	display: block;
	margin: auto;
}

.myBorder {
	border:2.5px solid darkgray;
	padding: 10px 20px 20px 20px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.myChoice {
	display: flex;
}

.c1 {
	padding-top: 5px;
	font-size: 14px;
}

.c2 {
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
}

@media screen and (min-width: 768px) and (max-width:992px) {
	.c1 {
		padding-top: 0px;
	}
}

/*******************************************************************/
/********************** COMPROMIS *************************/
/*******************************************************************/

.nav_compromis ul{
	padding-left: 0;
	list-style: none;
	margin-top: 15px;
}
.nav_compromis ul li{
	height: 45px;
}
.nav_compromis ul li i{
	width: 20px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	float: left;
}
.nav_compromis ul li a{
	color:#333;
}
.nav_compromis ul li span{
	display: block;
	padding: 8px 10px;
	margin-left: 25px;
	background:#f6f6f6;
	text-align: center;
}
.nav_compromis ul li a:hover{
	text-decoration: none;
}
.nav_compromis ul li a:hover span{
	background:#e8e8e8;
}
.nav_compromis ul li a:hover span.valide{
	background:#4caf50;
}
.nav_compromis ul li span.valide{
	background:#3D9640;
	color:#fff;
}
.nav_compromis ul li a:hover span.active,
.nav_compromis ul li span.active{
	background:#FFF3B8;
}
.nav_compromis ul li i.zmdi-check-circle{
	color:#4caf50;
}
.nav_compromis ul li i.zmdi-close-circle{
	color:#D62525;
}
form.compromis{
	margin-top: 22px;
}
form.compromis .texte_aide{
	text-align: left;
	font-weight: normal;
	display: none;
}
form.compromis .form-group:focus .texte_aide{
	display: inline-block;
}
fieldset{
	border:solid 1px #E8E7E7;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
}
fieldset legend{
	width: auto;
	padding:10px 20px;
	border:none;
	font-size: 16px;
}
.form_bien .space{
	height: 50px;
}
.form_bien textarea{
	height: 100px;
}
form.compromis.dossier .control-label{
	text-align: left;
    position: relative;
    padding-right: 17px;
}
form.compromis.dossier .control-label .infob{
    float: right;
    color: #4caf50;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 6px;
}

/*******************************************************************/
/********************** STEPS *************************/
/*******************************************************************/

#etapes {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 22px;
	color: white;
	font-weight: bold;
	top: 0;
	position: sticky;
	background-color: white;
	padding: 15px 0px;
	z-index: 1000;
}

#etapes .step {
    flex: 1;
}

#etapes .chevron {
    font-size: 24px;
    font-weight: bold;
    padding: 0 10px;
    color: #999;
}

#etapes .step-content {
    padding: 3px 10px;
    background-color: lightgray;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#etapes .step.active .step-content {
    background-color: #34B6B0;
}
#etapes .step.past .step-content{
	color: lightgray;
	background-color: white;
	border: 1px lightgray solid;
}

@media (max-width: 1199px) {
    #etapes {
        font-size: 16px;
        padding: 10px 0px;
        margin-top: 15px;
    }

    #etapes .step {
        flex: 1;
        display: flex;
        padding: 0px;
    	height: 60px;
    }

    #etapes .step-content {
        width: 100%;     
        text-align: center;
        padding: 6px;
        box-sizing: border-box;
    }
}

.contentsouscription{
	background: #f3f3f3;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contentsouscription .section button.btn-primary{
	float: right;
}


/*******************************************************************/
/********************** AGENDA *************************/
/*******************************************************************/

body.agenda #header{
    position: fixed;
    width: 100%;
    z-index: 4;
	top: 0;
}
body.agenda #content{
    margin-top: 50px;
}
.showRv{
	margin-right: 10px;
}
.pr-35 {
	padding-right: 35px;
}

@media screen and (max-width: 768px) {
	.m-t-10 {
		margin-top: 10px;
	}
	#header #small_logo{
		margin-top: -8px;
		height: 48px;
	}
}
@media (min-width: 768px) {
	.mt-sm-8 {
		margin-top: 8px;
	}
	.trait{
		border-left: solid 1px #E8E7E7;
	}
}
.m-top-10 {
	margin-top: 10px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-8 {
	padding-top: 8px;
}
.p-top-5 {
	padding-top: 5px;
}

/*******************************************************/
/********************** FOOTER *************************/
/*******************************************************/

html, body {
	height: 100%;
}
.my-content {
	min-height:100% ;
	padding-bottom:50px;   /* Height of the footer */
}
.my-footer {
	background: #2d2d2d;
	color: white;
	width: 100%;
	height: 50px;
	padding-top: 15px;
	padding-left: 20px;
	margin-top: -50px;
	z-index: 300;
	position: absolute;
}
.footer-img {
	width: 85px;
}
.my-corner {
	display: flex;
	position: relative;
}
.crnr1 {
	order: 1;
}
.crnr2 {
	margin-top: -5px;
	padding-right: -39px;
	order: 2;
}
.footer-a:link, .footer-a:hover,
.footer-a:active, .footer-a:visited,
.footer-a {
	color: white;
}

@media screen and (max-width: 768px) {
	.my-footer {
		padding-left: 5px;
		font-size: 12px;
	}
	.footer-img {
		margin-top: -3px;
	}
	.p-top-5 {
		padding-top: 9px;
	}
}
.my-blue {
	color: #0D67A0;
}
.my-txt{
	color: #404040;
	font-size: 15px;
	padding-left: 5px;
	padding-top: 8px;
}

/**************/
/* Page Visite*/
/**************/

@media screen and (max-width:480px) {
	.td1 {
		width: 5px;
	}
	.td2 {
		width: 55px;
	}
}

/*******************************************************/
/********************** OTHER *************************/
/*******************************************************/

/* desktop page */
.lg-m-t-8 {
	margin-top: 8px;
}
.myFont{
	font-size: 22px;
	margin-bottom: 10px;
}
.my-fnt{
	font-size: 16px;
}
.btn-ins{
	display: inline-block;
	margin-bottom: 20px
}
.btns {
	background: #34B5B0;
	color: white;
}
.btns:hover {
	background: #149892;
	color: #fff;
}
.myTitre {
	font-size: 22px;
	margin: 10px 0;
	color: #34B5B0;
	font-weight: bold;
}
/* on mobile or tablet */
@media screen and (max-width: 768px) {
	.lg-m-t-8 {
		margin-top: 0px;
	}
	.myFnt{
		font-size: 14px;
	}
	.myFont{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.my-fnt{
		font-size: 14px;
	}

	.alert{
		font-size: 14px;
	}

	.myTitre {
		font-size: 18px;;
	}
}

/********************************************************************/
/************************ VISITES **********************************/
/********************************************************************/
.divTab{
	padding-left: 10px;
	padding-right: 10px;
}
.tt{
	font-size: 20px;
}
@media screen and (max-width: 768px) {
	.vst{
		font-size: 13px;
	}
	.tt{
		font-size: 16px;
	}
	.xs-mt-10{
		margin-top: 10px;
	}
	.xs-mt-5{
		margin-top: 5px;
	}
	.xs-mb-10{
		margin-bottom: 10px;
	}
}

/**** AGENDA ****/
.dc {
	position: relative;
}
.dc1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #006fff;
	opacity: 0.75;
}
.at1 {
	color: white;
}
.ac{
	padding-top: 100px;
}
.ea{
	background-color: #35B6B0;
	color: white;
	position:fixed;
	z-index: 100;
	right: 30px;
	margin-top: 30px;
	padding: 15px 40px;
}
.z0 {
	margin-top: 168px;
}
.z00 {
	margin-top: 0px;
}
@media screen and (max-width: 992px) {
	.ac{
		padding-top: 70px;
	}
}
@media screen and (max-width: 768px) {
	.ac{
		padding-top: 50px;
	}
	.ea{
		right:30px;
		margin-top: 10px;
		padding: 15px 40px;
	}
	.z0 {
		margin-top: 148px;
	}
}
@media screen and (max-width: 580px) {
	.z0 {
		margin-top: 158px;
	}
}
@media screen and (max-width: 420px) {
	.z0 {
		margin-top: 188px;
	}
}

/*dc2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: darkblue;
	height:100vh;
	padding-top: 220px;
	opacity: 0.5;

#dc2 {
	z-index: 10;
}
}*/

.btnVst {
	background-color: forestgreen;
	color: white
}
.btnInt {
	background-color: lightgray;
	color: white
}
.rouge {
	color: #D62525;
}
.myLnk {
	border: solid 1px cornflowerblue;
	padding: 1px 5px;
}
.mtb, .mt-10 {
	margin-top: 10px;
}
.mt-4 {
	margin-top: 4px;	
}
.rsv {
	resize: vertical;
}
 .mt {
	 margin-top: -10px;
 }

.txt-overflow {
	text-align: left;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gmi1 {
	background: url('../img/loading.gif') no-repeat;
	background-position: center;
	min-height: 46vh;
}

.bbtn{
	width: 80px;
	background-color: lightgray;
	color: black;
}
.bbtn:hover,.bbtn:focus,.btn-small:focus,.btn-small:hover {
	background-color: #c6c6c6;
	color: black;
	text-decoration: none;
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
	.imgCtrl .bbtn {
		padding: 3.2px 8px !important;
	}
}

.load-img {
	background: url('../img/loading.gif') no-repeat;
	background-position: center;
	width: 88%;
	height: 340px;
	position: absolute;
}

/******************************************/
/************ Questionnaire  **************/
/******************************************/
#presentation{
	background-position: center center !important;
	background-size: cover !important;
	position: relative;
	width: 100%;
}
#presentation.container {
	position: absolute;
	z-index: 3;
}
#presentation.questionnaire{
	background-position: center center !important;
	background-size: cover !important;
	color: #fff;
	padding-top: 65px;
	padding-bottom: 50px;
}
.questionnaire h1 {
	font-size: 36px;
	font-weight: bold;
}
.qstnr {
	margin-bottom: 25px;
}
.qstnr label {
	font-size: 20px;
}
.questionnaire img {
	width: 20%;
}
.qstnr .zmdi-arrow-left {
	color: darkgray;
	cursor: pointer;
	margin-top: 20px;
}
.qstnr h2{
	font-size: 24px;
}
.qstnr h3{
	font-size: 20px;
}
.ikz-btn {
	background: #34B5B0;
	color: white;
}
.ikz-btn:hover {
	background: #149892;
	color: #fff;
}
.ikz-btn:focus {
	color: white;
}
button.ikz-btn {
	font-size: 20px;
	font-weight: bold;
}
.qstnr input {
	font-size: 20px;
}
.ml-10 {
	margin-left: 10px;
}
.mr-10 {
	margin-right: 10px;
}
@media (max-width: 1200px) {
	#presentation.questionnaire{
		padding-top: 60px;
		padding-bottom: 40px;
	}
}
@media (min-width: 992px) {
	.qstnr {
		display: block;
		width: 780px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 992px) {
	#presentation.questionnaire{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	button.ikz-btn, .qstnr input {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	#presentation.questionnaire{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.qstnr h2 {
		font-size: 18px;
	}
	.qstnr h3{
		font-size: 16px;
	}

	.qstnr label {
		font-size: 16px;
	}
	.questionnaire h1 {
		font-size: 30px;
	}
	button.ikz-btn, .qstnr input {
		font-size: 16px;
	}
	.ml-10 {
		margin-left: 8px;
	}
	.questionnaire img {
		width: 30%;
	}
}
.myOrange {
	color: orange;
}
.myRed {
	color: red;
}
.alert-border, .alert-border:focus {
	border: solid 1px red;
	padding: 5px;
}
#plus-corner{
	cursor: pointer;
}
#suivi_user_div {
	background-color: #a4487f;
	border-color: #d2d2d2;
	color: white;
	padding: 5px 10px;
	position: fixed;
	z-index: 8;
	right: 0px;
	top: 0px;
}
#tbl-adminresp td{
	padding: 5px 15px;
}
.ins-div {
	margin: auto 0px 15px;
}
.ins-div-div {
	background-color: #f3f3f3;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 300;
}
.ins-div-ad {
	background-color: #E5E5E5;
	padding: 10px 35px;
	z-index: 1;
}
.ins-div-ad h2 {
	font-size: 21px;
	color: #999999;
	line-height: 32px;
}
@media (max-width: 992px) {
	.ins-div-ad h2 {
		font-size: 18px;
	}
}
.btn-vente {
	background-color: #9b59b6;
	margin-left: 20px;
}
.btn-vente:hover, .btn-vente:focus {
	background-color: mediumpurple;
	color: white;
}
.btn-loue {
	background-color: #c9ce3b;
	margin-right: 20px;
}
.btn-loue:hover, .btn-loue:focus {
	background-color: yellowgreen;
	color: white;
}
.btn-vente, .btn-loue {
	font-size: 20px !important;
	font-weight: bold;
	color: white;
}
.btn-ikz {
	background: #34B5B0;
	color: white;
}
.btn-ikz.disabled {
	background-color: #bababa;
	cursor: not-allowed;
}
.btn-ikz:not(.disabled):hover,
.btn-ikz:not(.disabled):focus {
    background-color: #149892;
    color: white;
}

.pr-10 {
	padding-right: 10px;
}
.btnOrg {
	border: 1px solid orange;
	background-color: white;
	color: orange;
}
.btnOrg:focus, .btnOrg:hover {
	border-color: coral;
	background-color: floralwhite;
	color: coral;
}
.ins-line {
	border: 1px solid #3d5b99;
}
.souscription label, .recherche label {
	font-weight: normal;
}
.in1{
	margin-left: 40px !important;
}
.souscription .stp2 input {
	text-align: right;
}
.col-pd-2, .img-ctnr {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.pl-30 {
	padding-left: 30px;
}
.pl-0{
	padding-left: 0px;
}
.recherche .stp2 .stp{
	padding-left: 13px;
	padding-right: 13px;
}
.pt-15 {
	padding-top: 15px;
}
#rayon{
	width: 90%;
	margin-left: 40px;
}
/*
.slider-handle {
	background-color: red !important;
}*/
#ex2Slider {
	/*margin-left: 13px !important;*/
}
#ex1Slider .slider-selection, #ex2Slider .slider-selection{
	background: #BABABA;  /* #34B5B0; #BABABA; */
}
@media (max-width: 768px) {
	.pd-xs {
		padding-left: 13px !important;
		padding-right: 13px  !important;
	}
}
output {
	position: absolute;
	background-image: linear-gradient(#444444, #999999);
	width: 100px;
	height: 30px;
	text-align: center;
	color: white;
	border-radius: 5px;
	display: inline-block;
	font-size: 13px;
	bottom: 175%;
	/*left: 0;*/
}
output:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #999999;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 7px;
	margin-left: -5px;
	margin-top: -1px;
}
.souscription form {
	position: relative;
}

#rev-min {
	width: 100% !important;
}
#min {
	text-align: right;
}
.lbl-min {
	margin-top: -10px;
}
@media (max-width: 768px) {
	#rev-min {
		width: 90% !important;
	}
	#min {
		margin-top: 20px;
	}
	.souscription h2 {
		font-size: 18px;
	}
	.lbl-min {
		margin-top: 28px;
		text-align: left;
	}
	.xs-m-15{
		margin: 15px !important;
	}
}

.chk-label{
	display: block;
	position: relative;
	padding-left: 20px;
}
.box-container{
	position: absolute;
	top: 0;
	left: 0;
}
.box-container * {
	display: inline-block;
}
.btn-frm {
	background-color: #8ac1ef;
}
.apl-fxd {
	background-color: rgba(48, 48, 48, 0.95);
	color: white;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 12px;
	z-index: 500;
}

/*** Pour désactiver le zoom sur l'input avec iOS ***/
@media (max-width: 768px) {
	input[type="color"],
	input[type="range"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select,
	textarea,
	#editOfr,
	#editDescription {
		font-size: 16px !important;
	}
}


.p-fxd {
	position: fixed;
}
.w-fxd {
	width: 50px !important;
}
/************ Pieces justificatives **********/
.bdr-blue {
	border: 1px solid cornflowerblue;
}
.bloc-piece {
	display: block;
	cursor: pointer;
}

#rev-min {
	width: 150%;
}
.apl-a {
	color: white;
	text-decoration: underline;
}

/****************** on boarding ****************/
/*** remove spinner on input, type : numeric ***/
/******************.............****************/

/* For Firefox */
input[type='number'] {
	-moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.txt-justify{
	text-align: justify;
}
.fb-blue {
	background-color: #3d5b99;
	color:white;
}
.fb-blue:hover, .fb-blue:focus {
	background-color: #4b7abb;
	color:white;
}

/************************************************/
/*******************  MANDAT  *******************/
/************************************************/
.top-logo {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 150px;
}
.mandat input, .mandat select,
.recherche input, .offreachat input {
	height: 46px;
}
.mandat input[type="radio"],
.recherche input[type="checkbox"] {
	height: 18px;
	margin-top: 2px;
}
.offreachat input[type="checkbox"],
.offreachat input[type="radio"] {
	height: 18px !important;
}
#la, #lu, .ofr-sign {
	font-family: "La Belle Aurore";
	font-size: 22px;
	height: 50px !important;
}
.mandat label,
.offreachat label{
	font-weight: normal;
}
.mandat-titre{
	font-size: 16px;
}
.m-btm-10 {
	margin-bottom: 10px;
}
@media (max-width: 768px) {
	.top-logo {
		width: 100px;
	}
	#la, #lu {
		height: 48px !important;
		font-size: 20px !important;
	}
}
.cnt-div1{
	border: 1px solid gray;
	width: 100%;
	height: 400px;
}
.in-cnt-div1{
	height: 100%;
	overflow:auto;
}
#ifr{
	padding: 20px;
	font-size: 14px;
	line-height: 16px;
}
@media (max-width: 768px) {
	.cnt-div1{
		border: 1px solid gray;
		width: 100%;
		height: auto;
	}
	.in-cnt-div1{
		height: 100%;
		overflow:hidden;
	}
	#ifr{
		padding: 20px;
		font-size: 12px;
		line-height: 14px;
	}
	.mandat-titre{
		font-size: 14px;
	}
}
.inside{
	margin-right: 20px;
}
.brd-top{
	border-top: 1px solid gray;
}

.mandat label { color: #b84442 !important; }

.red-color{
	color:#b84442 !important;
}
.black-ikz{
	color: #2d2d2d; !important;
}
.gray-color{
	color: #777777 !important;
}
.mandat label .radio-inline{ color: black !important; }

.mandat .no2 textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #b84442;
	opacity: 1; /* Firefox */
	font-size: 16px;
}
.mandat .no2 textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #b84442;
	font-size: 16px;
}

.mandat .no2 textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: #b84442;
	font-size: 16px;
}
.w-80{
	width: 80px;
}

.stpB select {
	margin-top: 2px;
	height: 32px;
}
.color-theme {
	color:#34B5B0;
}
.table-borderless td,
.table-borderless th {
	border: 0 !important;
}
.bg-gray {
	background-color: #eeeeee !important;
}
.logo-lg {
	margin-top: 20px !important;
	margin-left: 20px;
}
.menu-nav {
	font-size: 16px;
}
/*
.nav-div {
	margin-left: 120px;
}
*/
/* Inscription */
.cadre-gris{
	background-color: #e8e7e7;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	overflow-wrap: break-word;
}
.contour-gris {
	border: 3px solid #cccccc;
	color: gray;
	padding: 5px 5px 5px 15px;
	margin: 15px auto;
}
.noScroll { /* ...or body.dialogShowing */
	overflow: hidden;
}

.word-brk {
	word-wrap: break-word;
}
div#ex2Slider.slider.slider-horizontal {
	margin: 37px 20px 10px;
	width: 88%;
}
.recherche .ins-div-div {
	padding-top: 20px;
	padding-bottom: 30px;
}
.btn-group .nb {
	height: 46px !important;
}
.mt-minus-10 {
	margin-top: -10px;
}

.xxs{display: none;}@media (max-width: 437px){.xxs{display: inline-block;}}

.img-left{
	float: left !important;
}
.ofr-logo {
	padding-top: 10px;
	font-size: 20px;
}
.ofr-logo img{
	width: 180px;
	margin-right: 10px;
}
.txt-logo {
	padding-top: 15px;
}

.ofr-bandeau {
	border: 1px solid #5f8cbb;
	padding-top: 4px;
	padding-bottom: 4px;
}
/*.ofr-bandeau img{
	width: 100px;
	margin-right: 10px;
}*/
.offreachat label {
	color: darkgrey;
}
.col-pd {
	padding-right: 4px !important;
	padding-left: 4px !important;
}
.full-text {
	padding:10px;
	border: 1px solid darkgray;
	-moz-box-shadow: 2px 2px 2px darkgray;
	-webkit-box-shadow: 2px 2px 2px darkgray;
	box-shadow: 2px 2px 2px darkgray;
}
@media (max-width: 1200px) {
	.ofr-logo {
		font-size: 18px;
	}
	.ofr-logo img{
		width: 150px;
	}
	.txt-logo {
		padding-top: 10px;
	}
}
@media (max-width: 768px) {
	.ofr-logo {
		font-size: 16px;
	}
	.ofr-logo img{
		width: 100px;
	}
	.txt-logo {
		padding-top: 0px;
	}
	.ofr-bandeau {
		margin: 10px;
	}
}
.b-bien, .add-rpl, .suivi-bien i,
.bloc, .vbloc {
	cursor: pointer;
}
.white-ikz {
	color: white;;
}
.gray-ikz {
	color: gray;
}
.green-ikz {
	color: green;
}
.green-walk {
	color: green;
	margin-left: -10px;
}
.red-ikz {
	color: red;
}
.blue-ikz {
	color: #0e3770;
}
.blue-b-ikz {
	color: #19447f;
}
.orange-ikz {
	color: #b57500;
}
.orange-b-ikz {
	color: #8E5C00;
}
.tv td, .tv th {
	vertical-align: top;
	word-break: break-all;
	padding: 5px;
	font-weight: normal;
}
.tlog td{
	padding: 5px;
}
th .right-btn, td .right-btn {
	width: 200px!important;
}
.tv i, .tlog i{
	cursor: pointer;
}
.mt-20 {
	margin-top: 20px;
}
.bg-gris {
	min-height: 100%;
	background-color: #D1D1D1; /* #D1D1D1 */
}
.hdn-client i {
	cursor: pointer;
}
.margin-bottom-xs{
	margin-bottom: 0px;
}
.btm-vis {
	margin-left: 20px !important;
}
.suivi_bien_id {
	background-color: white;
	padding: 0px 5px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 16px;
}
.gris-border {
	border : solid 1px #AAA;
}
.red-btn-ikz {
          background: #e80445; /*#ed1c24;*/
          color: white;
  }

textarea.reponse {
	height:60px;
}
.qas table td {
	vertical-align: top;
}
#advPhoto {
	margin-top: 8px;
}
.input-group-addon a {
	color:#555 !important;
}
.qas textarea.form-control, .qas input.form-control {
	border-radius: 4px !important;
}
div.input-group.txtarea {
	width:100%;
}
.qas textarea.form-control {
	width:inherit;
}
.notes-dossier {
	margin-bottom:20px;
}

.infoWindowClose {
	padding: 3px 8px 3px 8px;
	float: right;
	background: white;
	border: #31708f;
	border-radius: 15px;
	border-style: solid;
	border-width: 2px;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
.infoWindowClose:hover {
	background: darkgrey;
	cursor: pointer;
}

.infoWindow {
    padding: 3px 8px 3px 8px;
    background: white;
    border: 1px solid #9e9e9e;
    border-radius: 15px;
    font-size: 14px;
    color: #9e9e9e;
    max-width: 300px;
    opacity: 1;
    overflow: hidden;
    transition: max-width 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;
    white-space: nowrap;
    font-weight: normal;
}
.myTitre .infoWindow {
	position: relative;
	top: -2px;
}

.infoWindow:hover {
	background: lightgrey;
	cursor: pointer;
}

.bulletnb {
	border-style: solid;
	border-width: 1px;
	border-radius: 15px;
	padding: 1px 5px;
	font-size: 14px;
	margin-right: 8px;
}