/* ============== mieux vendre ============== */

.frmMieuxContainer .actions {
	position: absolute;
	bottom: -240px;
	left: 33%;
	z-index: 4;
}
.frmMieuxContainer .actions a {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 0 63px 0 0;
}
.frmMieuxContainer .actions a .carre {
	position: absolute;
	top: 0;
	left: 0;
	background: #f9a11b;
	width: 100%;
	height: 100%;
	z-index: 0;
	transform: rotate(45deg);
	border-radius: 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.frmMieuxContainer .actions a .link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: 800;
	font-size: 38px;
	text-align: center;
	line-height: 28px;
	text-decoration: none;
	padding: 43px 0 0 0;
}
.frmMieuxContainer .actions a span {
	display: block;
	font-size: 0.7em;
}
.frmMieuxContainer .actions a:hover > .carre {
	background: #2d2d2d;
}

.recaptchaContainer {
	position: relative;
	display: inline-block;
	margin-top: 20px;
}

input#rgpd_mieux {
	width: 20px!important;
	display: inline-block;
	float: left;
	height: 20px!important;
}

.frmMieuxContainer p.rgpd {
	display: inline-block;
	position: relative;
	width: 98%;
	text-align: left;
	padding-left: 13px;
}



p.underTitle {
	text-align: center;
	width: 100%;
	margin: 18px auto;
	font-size: 18px;
	font-weight: 400;
}

.infosContainer {
	max-width: 1650px;
	padding: 0 1%;
	margin: 0 auto;
	position: relative;
	display: block;
}

.frmMieuxContainer {
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 320px;
	position: relative;
	display: block;
	z-index: 0;
}

.frmMieuxContainer p {
	text-align: center;
	font-size: 19px;
}
form#frmMieux input {
	width: 100%;
	display: inline-block;
	/* float: left; */
	height: 80px;
}
input#mieux_ville,input#mieux_name, input#mieux_email {
	margin-right: 25px;
}
form#frmMieux .btn_send {
	float: inherit;
	margin-top: 0;
	vertical-align: bottom;
	height: 54px;
}

.serviceContainerMain {
	max-width: 1699px;
	margin: 0 auto;
	position: relative;
	display: block;
}

.serviceContainerMain h2 {
	text-align: center;
}

.servicePicto{
	width: 100%;
	margin: 0 0 40px 0;
	float: left;
}

.servicePicto .blocPicto{
	margin: auto;
}

.servicePicto .linkService{
	display: flex;
	float: left;
	width: 18%;
	margin: 10px 1%;
	padding: 15px;
	box-shadow: 1px 1px 10px #c3c3c4;
}

.servicePicto .linkService:hover,
.servicePicto .linkService:focus{
	box-shadow: 1px 1px 10px #f9a11b;
	text-decoration: none;
	outline: none;
}

.servicePicto .linkService img{
	display: block;
	width: 60px;
	margin: auto;
}

.servicePicto .linkService span{
	display: block;
	margin-top: 15px;
	font-size: 11px;
	font-weight: 600;
	color: #5A595F;
	text-align: center;
	text-transform: uppercase;
	line-height: 16px;
	letter-spacing: 0.01em;
}

.link-all-services {
	display: inline-block;
	float: right;
	font-size: 30px;
	color: #2d2d2d;
	padding: 0 0 6px 0;
	border-bottom: 2px solid #f9a11b;
	margin: 0 50px 0 0;
	text-decoration: none;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -0.04em;
}
.link-all-services:hover {
	text-decoration: none;
	color: #f9a11b;
	border-bottom: 2px solid transparent;
}
.infosCenter {
	display: block;
	position: relative;
}

.infosCenter img, .infosCenter iframe {
	/* width: 38%; */
	position: relative;
	display: inline-block;
}

.infosCenter iframe {
	float: right;
	width: 60%;
	/* height: 100%; */
	display: block;
	position: relative;
	margin-top: 110px;
}

.infosCenter img {
	width: 450px;
}
a.go_frm_vendre {
	position: relative;
	display: block;
	width: 400px;
	text-align: center;
	margin: 0 auto;
	margin-top: 45px;
	background: #f9a11b;
	padding: 15px;
	color: #fff;
	font-size: 25px;
	border-radius: 7px;
}
#mieuxRetour .ok{
	background: #0f8228;
	color: #fff;
	padding: 5px;
	width: 100%;
	text-align: center;
	position: relative;
	display: block;
}

#mieuxRetour .bad{
	background: red;
	color: #fff;
	padding: 5px;
	width: 100%;
	text-align: center;
	position: relative;
	display: block;
}

.video_service, .img_regle{
	pointer-events: none;
}


/* ============== estimation ============== */
.layout-content {
	float: left;
	width: 100%;
	padding: 40px 0 0 0;
	position: relative;
	margin: 0;
	overflow-x: hidden;
}
.estim-block {float: left;width: 100%;background: #f9a11b;position: relative;}
.estim-container {width: 100%;max-width: 1400px;height: 800px;margin: 0 auto;padding: 100px 60px;position: relative;}
.estim-block .fa-caret-down { color: #fff;top: 0;left: calc(50% - 45px);font-size: 160px;line-height: 20px;position: absolute; }

.ariane { width: 100%;float: left;margin: 0 0 20px 0; }
#arianeLabel { width: 100%;float: left;color: #3c434b;font-size: 22px;line-height: 22px;margin: 0 0 20px 0;text-transform: uppercase;font-weight: 600; }
.ariane .progress { width: 100%;height: 10px;position: relative;background: #f3d7af;overflow: visible;margin: 10px 0 0 0;float: left; }
.ariane .progress .percent { position: absolute;top: 0;left: 0;width: 10%;background: #f9a11b;height: 10px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;border-radius: 4px; }
.ariane .progress .percent .step { position: absolute;text-align: center;right: -50px;top: 10px;width: 100px;height: 50px;color: #f9a11b; }
.ariane .progress .percent .step i { font-size: 20px; }
.ariane .progress .percent .step span { display: block;font-size: 20px;opacity: 0.8;font-weight: 800; }

/* Autocompletion */
.addressZone { position: relative; }
.addressZone .opts { padding: 0 15px;list-style: none;position: absolute;top: 44px;left: 0;width: 100%;z-index: 10; }
.addressZone .opts li { width: 100%;float: left;padding: 15px 20px;font-size: 17px;font-weight: 400;color: #000;background: #fff;cursor: pointer; }
.addressZone .opts li:hover, .addressZone .opts li.selected { background: #45aba5;color: #fff; }

form#frmExterne { display: block;position: relative;float: left;margin-top: 0px;margin-bottom: 50px;width: 100%; }
form#frmExterne h2 { color: #fff;margin-bottom: 45px; }
form#frmExterne .row { margin-left: 0px;margin-right: 0px; }
div#part_1 { margin-top: 45px;float: left;width: 100%;display: block;position: relative; }
div#part_2, div#part_3, div#part_4, div#part_5, div#part_6, div#part_7 { float: left;width: 100%;display: none;position: relative;margin-top: 45px;margin-right: 0;margin-left: 0; }
button.goToPart_1, button.goToPart_2, button.goToPart_3, button.goToPart_4, button.goToPart_5, button.goToPart_6, button.goToPart_7, input.btn_send, .btn_send_mieux { position:relative;    display:block;border:0;font-weight:600; }
button#goToPart_2, button#goToPart_3, button#goToPart_4, button#goToPart_5, button#goToPart_6, button#goToPart_7 { position: relative;display: block;float: right;background: #4bbdb8;border: 0;color: #fff;padding: 10px 15px; }
.getNext, input.btn_send, .btn_send_mieux {background: #f9a11b;color: #fff;float: right;margin-top: 25px;border-radius: 7px;outline: none;padding: 15px 30px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;font-size: 18px;line-height: 18px;}
.getNext:hover { background: #bb7407; }
.getBack { color: rgb(249 161 27 / 0.6) !important;background: transparent;float: left;margin-top: 25px;padding: 15px 30px;outline: none;border-radius: 7px;border: 1px solid rgb(249 161 27) !important;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }
.getBack:hover { color: #f9a11b !important;border: 1px solid #f9a11b !important;background: rgba(255,255,255,0.2); }
.radioFake { display: inline-block;height: 30px;width: 60px;border-radius: 20px;position: relative;margin: 9px 0 0 0; }
.radioFake.off { background: #f3c98d; }
.radioFake.on { background: #f9a11b; }
.radioFake span { display: inline-block;position: absolute;top: 3px;height: 24px;width: 24px;border-radius: 50%;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;background: #ffeed5; }
.radioFake.off span { left: 3px; }
.radioFake.on span { left: 32px; }
.labelCond { width: 50%;text-align: center;color: #2d2d2d;font-style: italic;display: inline-block;float: left;opacity: 0.5;font-size: 20px;font-weight: 400; }
.valuesCond { width: 50%;text-align: center;display: inline-block;float: left;margin-top: 3px; }
.valuesCond .opt { width: 35px;height: 35px;border-radius: 50%;display: inline-block;margin: 0 5px;background-repeat: no-repeat;background-position: center;background-size: 80%;cursor: pointer;background-color: #f3d7af; }
.valuesCond .opt.moyen { background-image: url('../images/ic/ic_moyen.png'); }
.valuesCond .opt.bon { background-image: url('../images/ic/ic_bon.png'); }
.valuesCond .opt.excellent { background-image: url('../images/ic/ic_excellent.png'); }
.valuesCond .opt.luxe { background-image: url('../images/ic/ic_luxe.png'); }
.valuesCond .opt.moyen:hover { background-color: #f9a11b; }
.valuesCond .opt.bon:hover { background-color: #f9a11b; }
.valuesCond .opt.excellent:hover { background-color: #f9a11b; }
.valuesCond .opt.luxe:hover { background-color: #f9a11b; }
.valuesCond .opt.moyen.selected { background-color: #f9a11b; }
.valuesCond .opt.bon.selected { background-color: #f9a11b; }
.valuesCond .opt.excellent.selected { background-color: #f9a11b; }
.valuesCond .opt.luxe.selected { background-color: #f9a11b; }
input.form-control, select.form-control{background-color: #fff !important;border: none;border-bottom: #f9a11b solid 1px;color: #2d2d2d;border-radius: 0;font-size: 1.4rem;font-weight: 600;padding: 12px 20px;height: 58px;}
.form-horizontal .control-label { color: #2d2d2d;font-weight: 400;font-size: 17px;line-height: 17px;padding-top: 14px; }


form#frmExterne .rgpd { color: #a76706;font-weight: 400; }
#modalEstimation .modal-header { border: none;background: #f9a11b;text-align: center; }
#modalEstimation .modal-header .modal-title { color: #fff;font-weight: 800; }
#modalEstimation .modal-content { border-radius: 10px;outline: none;overflow: hidden; }
#estimRetour { background: #ffeed5;color: #2d2d2d;padding: 20px 20px 60px 20px;text-align: center;font-weight: 400;font-size: 16px; }
#estimRetour h3 { font-weight: 800;color: #f44336; }
#estimRetour h2.subtitle { color: #fff;text-transform: uppercase;font-size: 20px; }
#estimRetour h2.subtitle span { display: inline-block;position: relative;width: 40px;height: 40px;line-height: 40px;margin-right: 10px;background: #e73a84;border-radius: 50%; }
.prixBas { font-size: 30px;font-weight: 800;color: #fff; }
.prixHaut { font-size: 30px;font-weight: 800;color: #fff; }
.indice { width: 100%;text-align: center;float: left;font-style: italic;font-size: 12px;margin: 10px 0 50px 0;color: #459a6b; }
.indice strong { font-size: 16px;color: #c7dc1a;font-weight: 700; }

#estimRetour .suite { margin: 20px 0 0 0; }
#estimRetour .more { background: none;text-align: center;margin: 30px 0 0 0; }
#estimRetour .more a { display: block;margin: 25px auto 0 auto;width: 50%;padding: 15px 30px;border-radius: 7px;background: #c92c36;color: #fff;line-height: 20px; }
#estimRetour .more a:hover { background: #222629; }



@media (max-width: 1122px) {
	.infosCenter iframe {
		float: initial;
		display: block;
		margin: 0 auto;
		/*max-width: 450px;*/
		width: 100%;
		position: relative;
	}
	.infosCenter img {
		width: initial;
		margin: 0 auto;
		max-width: 450px;
		display: block;
		margin-bottom: 20px;
	}
}
@media (max-width: 991px) {
	/* estim */
	.estim-container { padding: 100px 20px; }
	.form-horizontal .control-label { text-align: left; }
	input.form-control { background: rgb(255 255 255 / 0.03); }
	.form-horizontal .control-label { margin-bottom: 5px; }
	.form-horizontal .form-group { margin-bottom: 5px; }
	.valuesCond .opt { margin: 0;width: 30px;height: 30px; }
	.typeCond { text-align: center !important; }
}


@media (max-width: 767px) {
	.servicePicto .linkService {
		width: 48%;
	}
}

@media (max-width: 664px) {
	.frmMieuxContainer .actions {
		left: 20%;
	}
}
@media (max-width: 630px) {

	.servicePicto .linkService {
		width: 48%;
	}
	.servicePicto .linkService img {
		width: 50px;
	}
	.servicePicto .linkService span {
		font-size: 10px;
	}
	form#frmMieux input{
		width: 100%;
	}
	form#frmMieux .btn_send{
		margin-top: 10px;
	}
	.frmMieuxContainer {
		margin-bottom: 250px;
	}

	.frmMieuxContainer .actions {
		bottom: -190px;
		left: 10%;
	}

	.frmMieuxContainer .actions a {
		width: 100px;
		height: 100px;
		margin: 0px 42px 0 0;
	}
	.frmMieuxContainer .actions a .link {;
		font-size: 25px;
		padding: 21px 0 0 0;
	}
}


@media (max-width: 449px) {
	.infosCenter img {
		width: 100%;
		max-width: inherit;
	}
}

/*********************************************************************************************************/
/*  TEXTE ET FAQ SOUS L'OUTIL   */
/*********************************************************************************************************/
.estimInfo{
    width: 90%;
    max-width: 900px;
    margin: 60px auto 80px auto;
}

.estimInfo h1{
	font-size: 58px;
	line-height: 58px;
	margin: 80px 0 50px 0;
	background: none;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.04em;
	text-align: left;
}

.estimInfo h1 span{
	display: block;
	color: #f9a11b;
}

.estimInfo h2{
    margin: 60px 0 20px 0;
	font-size: 45px;
	font-weight: 400;
	font-style: italic;
}
.estimInfo h3{
    margin: 25px 0 8px 0;
    color: #f9a11b;
    font-size: 25px;
    font-weight: 600;
}
.estimInfo p{
	font-size: 20px;
	line-height: 25px;
}