html,body { width:100%; height:100%; padding:0px; margin:0px; }
h1,h2,h3,h4,h5,h6,p,form,ul,li { padding:0px; margin:0px; }
* { outline:none !important; }
.p-0 { padding:0px; }
.m-0 { margin:0px; }

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	min-width: 320px;
	background-color: #ffffff;
	color:#ffffff;
}

.mobile { 
	display: none;
}


#tarteaucitronRoot #tarteaucitronAlertBig { background-color : rgba(255, 255, 255, 1.0)!important; }

#divvideo {
	position: absolute;
    right: 40%;
    background-color: #6bb58e;
    padding: 20px;
    color: #ffffff;
    text-decoration: none;
	top: 38%;
}

#avideo {
	color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
}


#cadreoffre1 {position:absolute; z-index:1; top:80px; left:30px; color:black; background-color:white; padding:20px; text-transform:uppercase; width:435px;}
#bandeau1 {
	border-left:10px solid #6bb58e;height: 53px; float:left; margin-right:20px;
}

.principaltext ul {
	margin-left:40px; margin-bottom:30px; margin-top:10px;
}

.principaltext ul li{
	font-size: 0.8vw;
}

.principaltext {
	background-color: #e8d7cf;
    padding-bottom: 1vw;
}

#lancementcommercial {
    position: absolute;
    color: white;
    background-color: #6bb58e;
    padding: 17px;
    font-size: 21px;
    font-weight: 800;
    top: 350px;
    left: 50px;
    z-index: 1;
}

#lancementcommercial2 {
	position: absolute;
    color: white;
    background-color: #6bb58e;
    padding: 17px;
    font-size: 21px;
    font-weight: 800;
	top: 374px;
    left: 50px;
    z-index: 1;
}

#fnoffert {
	position: absolute;
    color: white;
	background-color: orange;
    padding: 20px;
    font-size: 22px;
    top: 135px;
    left: 50px;
	z-index: 1;
	text-transform:uppercase;
}

#fnoffert span {
	font-weight:800;
	font-size: 22px;
}

#lancementcommercial span {
	font-weight:800;
	font-size: 30px;
}

#offree {
	font-family: 'Roboto-Regular';
	font-size: 10px;
	color:#000000;
	margin-right: 4%;
	margin-left: 4%;
	margin-bottom:40px;
}

#blocnotaire {
    position: absolute;
    top: -7vw;
    right: 3%;
    z-index: 1;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}

#blocnotaire #triangle {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 100px solid transparent;
    border-bottom: 22px solid #FA8072;
    top: -14%;
    right: 0px;
}

#patchnotaire {
    padding: 20px 50px 20px 50px;
    color: #ffffff;
    text-align: center;
    background-color: #FA8072;
}

#patchnotaire  h1 {
	margin: 0;
}



.container { width:1000px; max-width:100%; min-width:320px; transition:all 0.5s ease; }

.form-control {display: inherit;}

.animate { transition:all 1s ease; opacity:0; }
.animate.animate-in-view { opacity:1; }
.animate-from-left { transform:translateX(-100%); }
.animate-from-left.animate-in-view { transform:translateX(0); }
.animate-from-right { transform:translateX(100%); }
.animate-from-right.animate-in-view { transform:translateX(0); }
.animate-from-top { transform:translateY(-100%); }
.animate-from-top.animate-in-view { transform:translateY(0); }
.animate-from-bottom { transform:translateY(100%); }
.animate-from-bottom.animate-in-view { transform:translateY(0); }

/****** Alerte cookies ******/
#cookies { position:relative; display:block; height:70px; line-height:70px; background-color:#424041; background:linear-gradient(to bottom, #333, #424041); color:#fff; font-size:12px; transition:all 0.4s ease; border:none !important; }
#cookies p { display:inline-block; vertical-align:middle; line-height:1; text-align:left; }
#cookies a { color:#fff; text-decoration:underline; }
#cookies .btn-cookies { font-family:'Roboto Condensed', sans-serif; font-weight:bold; display:inline-block; padding:0px 30px; height:30px; line-height:30px; background-color:#ff0000; color:#fff; border-radius:0px; border:none; text-decoration:none; font-weight:bold; font-size:14px; text-transform:uppercase; }
#cookies .btn-cookies:hover { background-color:#9B0000; }
#cookies.checked { margin-top:-70px; }

header {
	display: block;
	background-color:#000000;
	height:80px;
	position: sticky;
	left:0px; top:0px; right:0px;
	z-index: 10;
}
header ul { display: flex;justify-content: space-between; list-style-type:none; margin:0px; padding:0px; align-items: center; height: 100%; }
header ul li { display:inline-block; }
header ul li img  { display:block; height:60px; line-height:60px; padding:10px 30px; color:#fff !important; font-size:1vw; font-weight:bold; text-decoration:none !important;  }
header ul li #arbre { position:fixed; right:28.5%; margin-top:-60px; height: 82.5px; }
header ul li #constructa { padding:0px 30px; }
header ul li #titleheader { padding:4px 30px; position:fixed; right:45%; margin-top:-50px }


.listOffre {height: auto;position: absolute;top: 0px;width: 320px;left: 50px;}
.offres {position: absolute;top: 0px;z-index: 1;width: 400px;}

main > section { position:relative; display:block; }
main > section > .row { margin-left:0px; margin-right:0px; }

section#presentation { position:relative; padding-top:0px; }
section#presentation > .row.logo { position:relative; text-align:right; margin-right:29%; }
section#presentation > .row.logo img { width:24%; }
section#presentation > .row.logo .logo-constructa { position:absolute; left:10%; top:3px; width:auto; max-height:90%; }
section#presentation .perspective { position:relative; width:100%; height:0px; padding-bottom:52%; background:#fff url('../img/perspective-full.jpg') no-repeat center center; background-size:cover; }
section#presentation .perspective .dispositifs { position:absolute; left:5%; bottom:10%; width:16%; }
section#presentation .perspective .logo { position:absolute; bottom:-2px; right:29%; width:20%; max-width:275px; }
section#presentation .baseline { position:absolute; left:2%; top:7%; background-color:#fff; color:#001b27; padding:10px 20px; font-weight:bold; font-size:1.2vw; line-height:1.2em; z-index:1; }

section#contenus { display:block; position:relative;  font-family:'Roboto', sans-serif; color:#001b27; }
/* section#contenus > .row { width:75%; max-width:100%; } */


section#contenus > .row.logo { display:block; }
section#contenus > .row.logo img { width:44%; max-width:465px; }

#prestations { width:100%; height:0px; padding-top:45%;  /*background: url('../img/visuel-principal.jpg') no-repeat center center; background-size:cover;  */  }
#prestations .carousel-inner { position:absolute; left:0px; top:0px; right:0px; bottom:0px; }
#prestations .carousel-inner .item {  position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-position:center center !important; background-size:cover !important; }
#prestations span.title { right:60% !important; }
#prestations ul {   top:0px; right:0px; list-style-type:none; padding:1% 1% 2% 2%; margin-top: 2.5vw; }
#prestations ul li { position:relative; font-size:1.5vw; font-weight:200; color:#ffffff; margin:0px; padding:0px;  margin-bottom:1%; padding-left:110px; }
#prestations ul li span { font-Weight:bold; display:inline-block; line-height:1.2em; vertical-align:middle; }
#prestations .leshauts { float:left; position:relative; font-size:1.5vw; font-weight:200; color:#ffffff; margin:0px; padding:0px;  margin-top:35%; padding-left:40px; }
#prestations .rt { position:relative; font-size:1.5vw; font-weight:200; color:#ffffff; margin:0px; padding:0px;  margin-top:35%; padding-left:30%;  }


.box {
	padding: 30px 30px 0;
}
.box h3 {
	margin-bottom: 1em;
}
.box h4 {
	margin-bottom: 0.5em;
}
.mentions { margin-top: 30px; }
.box .btn {
	height: 40px;
	padding: 0 20px; margin: 30px auto;
	display: flex; justify-content: center; align-items: center;
	background-color: #6bb58e; color: white;
	cursor: pointer;
	font-weight: bold; font-size: 120%;
	border-radius: unset;
	width: fit-content;
	width: intrinsic;           /* Safari/WebKit uses a non-standard name */
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
}

.btncontact {
	display: none !important;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 !important;
	margin: 0 !important;
	height: 25px !important;
	width: 115px !important;
	font-size: 14px !important;
}

#constructa_prog {
	width: 16vw;
	height: auto;
}

textarea.form-control {
	height: auto !important;
}

#slider { width: 100%; height: 500px; margin: 60px auto 0; }
#slider .carousel-inner,
#slider .item { height: 100%; }
#formulaire {
	will-change: top;
}
.scrollTo { cursor: pointer; }

/* @media (max-width: 1500px) {
	.principaltext { width: 75%; }
} */
.checkbox label, .radio label { font-size: 70%; }
@media (max-width: 800px) {
	#slider { height: 320px; }
	header { position: fixed !important; }
	main { margin-top: 80px; }
}

section#contenus .principaltext .box h2 {
	padding-bottom: 20px;
}
section#contenus .principaltext .box h3 {
	margin-bottom: 8px;
}


#perspective-exterieur { max-width:50%; margin-right:1.5%; height:0px; padding-bottom:calc(50% - 20px); background:#fff url('../img/perspective-maquettes.jpg') no-repeat center center; background-size:cover; }

#perspective-interieur { max-width:50%; margin-left:1.5%; height:0px; padding-bottom:calc(50% - 20px); background:#fff url('../img/perspective-visite.jpg') no-repeat center center; background-size:cover; }

#jardins-privatifs { max-width:50%; margin-right:1.5%; height:0px; padding-bottom:calc(50% - 20px); background:#fff url('../img/perspective-jardins.jpg') no-repeat center center; background-size:cover; }

#exemples-logements { max-width:50%; margin-left:1.5%; height:0px; padding-bottom:calc(50% - 20px); background:#fff; }
#exemples-logements span.title { display:block; position:relative !important; right:auto !important; top:auto !important; padding:5px 20px 10px 0px; margin-bottom:2%; margin-top:-1px; }
#exemples-logements p { color:#001b27; font-size:0.7vw; margin-bottom:3%; }
#exemples-logements table thead tr th { background-color:#dedddb; color:#001b27; font-size:0.7vw; }
#exemples-logements table thead tr.top th { background-color:#001b27; color:#fff; font-size:20px; font-weight:bold; font-size:0.7vw; }
#exemples-logements table tbody tr td { background-color:#f1f0ec; color:#001b27; font-size:0.7vw; padding:2%; }
#exemples-logements table tfoot tr td { background-color:#001b27; color:#fff; font-size:0.6vw; }

section#contenus > .row#localisation { }
#plan { display:block; width:100%; }
#plan .map-container { background-color:#eee; width:100%; height:0px; padding-bottom:38%; }
#espace-vente { display:block; width:100%; text-align:center; font-size:1.1vw; }
#espace-vente strong { font-size:1.7vw; font-weight:800; }


section#formulaire-guide { position:fixed; top:0px; bottom:0px; right:0; width:30%; background:#002E53; z-index:3; }

section#formulaire { position:relative;overflow-y: scroll; background:#ffffff; color:#000; padding-top: 2vw;padding-bottom: 2vw;z-index: 2;width:29%; height: 100vh; font-size:18px; z-index:3; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);}

section#formulaire.sticky { position:absolute; top:0px; right:0; width:27%; }
#formulaire h1 {font-family: 'Roboto', sans-serif; color:#B9A69B; font-size:1.2vw; font-weight:800; text-align:center; text-transform:uppercase; margin-bottom:20px; }
#formulaire .form-control { height:40px; line-height:40px; font-size:16px; }
#formulaire .form-group { margin-bottom:10px; }
#formulaire .form-group#projet { /* margin-top:20px; */ }
#formulaire .form-group .control-label { display:inline-block; width:30%; float:left; line-height:34px; font-size:18px; font-weight:normal; }
/* #formulaire .form-group .control { display:inline-block; width:100%; line-height:34px; padding-right:0px; } */
#formulaire .form-group .control input { border:none; border-radius:0px; }
#formulaire .form-group .control2 input { width:50%; }
#formulaire .form-group.max .control-label { display:block; width:100%; line-height:1.5em; margin-bottom:0px; }
#formulaire .form-group.max .control { display:block; width:100%; }
#formulaire .form-group.error .control-label { color:#ff0000; }
#formulaire .form-group.error input { border:solid 1px #ff0000; }
#formulaire .form-submit { text-align:center; margin-bottom:10px;}
#formulaire input::placeholder { opacity:1; }
#formulaire p.mentions { font-family: 'Roboto', sans-serif;color: #ffffff; font-size:0.8vw;font-weight: 400;text-align: left; }
#formulaire .btn-valider { font-family:'Roboto', sans-serif; font-weight:bold; font-size:24px; width:100%; height:50px; text-transform:uppercase;color: #001b28 }
/* #formulaire input[name='code_postal'] { width:49%; float:left; }
#formulaire input[name='ville'] { width:49%; float:right; } */
#formulaire .form-group#code_postal { width:49%; display:inline-block; }
#formulaire .form-group#ville { width:49%; display:inline-block; float:right; }
#formulaire p.confirmation { text-align:center; }
#formulaire .btn-documentation { width:310px; }
#formulaire .form-group#typologie,
#formulaire .form-group#callback { display:none; }
#formulaire form.etape2 .form-group#typologie,
#formulaire form.etape2 .form-group#callback { display:block !important; }
input[type=number] { -moz-appearance:textfield !important; }
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button { -webkit-appearance:none !important; margin:0; }
input::-o-inner-spin-button,input::-o-outer-spin-button { -o-appearance:none !important; margin:0 }

#formulaire .renseignements { background-color:#e3e2de; color:#001b27; font-size:1vw; padding:5%; text-align:center; margin-top:20px; }
#formulaire .renseignements img { max-width:100%; }
#formulaire .renseignements h2,
#formulaire .renseignements h3 { font-size:24px; font-weight:800; color:#001b27; margin-bottom:10px; }

#formulaire .aides { border-radius: 5px; background-color:#FFFFFF; color:#001b27; font-size:1vw; padding:5%; text-align:center; margin-top:20px; }
#formulaire .aides img { max-width:100%; }
#formulaire .aides h2,
#formulaire .aides h3 { font-size:24px; font-weight:800; color:#001b27; margin-bottom:10px; }


footer {
	background-color:#6bb58e;
	/* height:120px;	*/
	padding: 20px;
}

.col-md-3 {
    padding: 20px;
}
footer > .row { display:flex; margin:auto; max-width:100%; padding-right:3%; }
footer > .row > .col { flex:1; position:relative; text-align:center; }
footer > .row > .col:first-child { text-align:left; }
footer > .row > .col:last-child { text-align:right; }
footer a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 16px;
    height: 120px;
    line-height: 20px; }
footer a.social img { height:1.5em; margin-left:1em; }

#error-message { font-size:1vw; }

#modal-iframe { width:1200px; max-width:100%; height:700px; max-height:100%; margin:30px auto 0px auto; }
#modal-iframe > .modal-content { height:100%; display:flex; flex-direction:column; }
#modal-iframe > .modal-content > .modal-header { flex:1; max-height:50px; }
#modal-iframe > .modal-content > .modal-body { flex:1; }

@media (max-width: 1600px) {

	#prestations ul li { font-size:1.8vw; }

}
@media (max-width: 1000px) {

	section#contenus > .row > .col > span.title { font-size:1.8vw; }


}
@media (max-width: 1800px) {


header ul li #arbre { position:fixed; right:28.2%; margin-top:-60px; height: 82.5px; }
	}



@media (max-width: 1500px) {

	header ul li #arbre { position:fixed; right:27.9%; margin-top:-60px; height: 82.5px; }
}

@media (max-width: 1300px) {

	header ul li #titleheader { display:none; }
}

@media (max-width: 1100px) {
	header ul li #titleheader { position:fixed; right:35%; margin-top:-60px }
	header ul li #arbre { position:fixed; right:27.2%; margin-top:-60px; height: 82.5px; }
}

@media (max-width:1595px) {
	#divvideo {
		position: relative;
		right: unset;
		width: max-content;
		margin: 60px;
		bottom: unset;
		background-color: #6bb58e;
		padding: 20px;
		color: #ffffff;
		text-decoration: none;
	}
}

@media (max-width:1500px) {
	header ul li #titleheader { position:fixed; right:40%; margin-top:-50px }
}

@media (max-width: 1050px) {
	header ul li #titleheader { position:fixed; right:37%; margin-top:-60px }
	#formulaire p.mentions { font-family: 'Roboto', sans-serif;color: #ffffff; font-size:1.5vw;font-weight: 400;text-align: left; }
}

@media (max-width: 900px) {
	header ul li #titleheader { position:fixed; right:25%; margin-top:-60px }
	header ul li #arbre { position:fixed; right:26.6%; margin-top:-60px; height: 82.5px; }
}


@media (max-width: 1030px) {
header #titleheader,#arbre  { display:none; }
header #titleheader,#arbre  { display:none; }

}

@media (max-width: 768px) {

	.mobile { 
		display: block;
	}
	.desktop {
		display: none;
	}

	#mab_completion__list {
		bottom: -253vw !important;
		top: inherit!important;
	}

	#fnoffert, #lancementcommercial, #lancementcommercial2 {
		left: unset;
		position: relative;
		width: 100%;
		margin-bottom: 17px;
		top: unset !important;
	}

	#divvideo {
		position: relative;
		right: 0%;
		bottom: 0px;
		background-color: #6bb58e;
		padding: 20px;
		margin: 10%;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
	}

	#lancementcommercial, #fnoffert {
		width: 100%;
		position: relative;
		left: 0px;
		top: 0px;
	}

	#offree {
		font-family: 'Roboto-Regular';
		font-size: 10px;
		margin-right: 5%;
		color: #000000;
		margin-left: 4%;
		margin-bottom: 40px;
	}

	.principaltext ul li{
		font-size: 3.5vw;
	}

	#confirmation.active {
		padding: 0 3vw;
	}

	.btncontact {
		display: block !important;
		top: 80px;
		line-height: 1.8em;
		height: 30px !important;
    	width: 145px !important;
	}

	section#contenus > .row {
		width:100%;
	}

	#cadreoffre1 {position: absolute;
		z-index: 1;
		top: 10px;
		 left: 0px;
		color: black;
		height: 65px;
		background-color: white;
		padding: 20px;
		text-transform: uppercase;
		width: 246px;}
		#cadreoffre1 p { font-size:10px;}
		#cadreoffre1 h2 { font-size:15px;}
		#bandeau1 {height:31px;}


	body { padding-top:0px; }
	header #constructa  { display: block;
		margin-left: auto;
		margin-right: auto;}
	main { padding:0px 0%; }
	header {
		display: block;
		position: relative;
	}
	header #murillo {
		display: none;
	}
	header ul li#logo-constructa { width: auto; }
	header ul li#logo-constructa img { padding: 15px 0; width: 50vw; height: auto;}

	header ul li#logo-murillo { width: auto; }
	header ul li#logo-murillo img {
		padding: 15px 10px;
		width: 45vw;
		height: auto;
	}

	#blocnotaire {
		position: relative;
		top: 0%;
		left: 0%;
		z-index: 1;
	}

	#blocnotaire { display: block; }
	#patchnotaire { margin-top: 0 !important; }

	#blocnotaire #triangle {
		display: none;
	}

	#patchnotaire {
		padding: 20px 50px 20px 50px;
		color: #ffffff;
		text-align: center;
		margin-top: 30px;
	}

	.constructamobile {
		margin-top:5%;
		margin-left:auto;
		margin-right:auto;
		display:block !important;
		width:40%;
	}

	.principaltext {
		width:100%;
	}

	#prestations {
		width:100%;
	}

	#prestations .leshauts { display:none; }
	#prestations .rt { display:none; }

	#iconamalia {
		width:50px;
		height: auto;
	}

	.carousel-control.right{
		left:85%;
	}

	#formulaire p.mentions { font-family: 'Roboto', sans-serif;color: #000; font-size:3vw;font-weight: 400;text-align: left; }

	section#presentation { margin-left:-4%; margin-right:-4%; }
	section#presentation > .row.logo { display:none; }
	section#presentation .baseline { position:relative; left:auto; top:auto; font-size:3.4vw; padding:2% 3%; }
	section#presentation .perspective .dispositifs { left:10%; bottom:10%; max-width:20%; }

	section#contenus { margin:0px; padding:0; }
	section#contenus > .row { display:block; padding:0px; }
	section#contenus > .row > .col { display:block; }
	section#contenus > .row > .col > span.title { font-size:2.5vw; }
	section#contenus > .row > .col > a.link { width:60px; height:60px; right:5%; }

	#prestations {
		padding-bottom:20%;
	}
	#prestations ul li { display:none; }
	#perspective-exterieur { max-width:100%; margin-right:0; margin-bottom:3%; }
	#perspective-interieur { max-width:100%; margin-left:0; margin-bottom:0; }
	#jardins-privatifs { max-width:100%; margin-right:0; margin-bottom:3%; }
	#exemples-logements { max-width:100%; margin-left:0; margin-bottom:3%; height:auto; padding:0px; }
	#exemples-logements p { font-size:2.7vw; }
	#exemples-logements table thead tr th { font-size:2.5vw; }
	#exemples-logements table thead tr.top th { font-size:2.5vw; }
	#exemples-logements table tbody tr td { font-size:2.5vw; }
	#exemples-logements table tfoot tr td { font-size:2.2vw; }

	#plan .map-container  { padding-bottom:60%; }
	#espace-vente { font-size:2.5vw; }
	#espace-vente strong { font-size:3vw; }

	section#formulaire-guide { display:none; }
	section#formulaire { display:block; position:relative; right:auto; max-width:100%; width:100%; padding:15px; top:0px !important; }
	section#formulaire h1 { font-size:4vw; }
	section#formulaire .renseignements { font-size:3vw; }
	section#formulaire .renseignements h2,
	section#formulaire .renseignements h3 { font-size:4vw; }
	#formulaire .form-group#code_postal { width:100%; display:block; }
	#formulaire .form-group#ville { width:100%; display:block; }

	footer { height:auto; padding:0px; margin-top: -20px;}
	footer > .row { display:block; padding:0px; }
	footer > .row > .col { flex:none; display:block; width:100%; text-align:center !important; height:auto; line-height:1; }
	footer a { display:block; height:50px; line-height:50px; }
	footer a.social { display:inline-block; }f

	#modal-iframe { width:1200px; max-width:100%; height:700px; max-height:100%; margin:auto; }

}

@media (max-width: 1504px) {

	section#formulaire.sticky {
		right: 0%;
	}

	section#formulaire-guide {
		right: 0%;
	}

	#lancementcommercial {
		font-size: 23px;
	}

	#lancementcommercial span {
		font-weight: 800;
		font-size: 23px;
	}

	#fnoffert {
		top: 60px;
	}
	#lancementcommercial {
		top: 154px;
	}

	#lancementcommercial2 {
		top: 246px;
	}

	#fnoffert, #lancementcommercial, #lancementcommercial2 {
		font-size: 16px;
	}

	#fnoffert span {
		font-size: 16px;
	}

}

@media (max-width: 500px) {

	.principaltext ul {
		margin-left:30px;
		margin-right:30px;
	}

}

/******************************* MOBILE PETIT **************************************************/
@media (max-width: 320px)
{
			.listOffre { top: 80px;width: 94px;left: 50px;}
}

/******************************************** MOBILE GRAND ***************************************************/
@media (min-width: 321px) and (max-width: 400px)
{
	.listOffre { top: 80px;width: 94px;left: 50px;}
}


/***************************************PETITE TABLETTE PORTRAIT****************************************/

@media (min-width: 401px) and (max-width: 767px)
{
		.listOffre { top: 80px;width: 130px;left: 50px;}
}


/********************************************** TABLETTE PORTRAIT ******************************************/
@media (min-width: 768px) and (max-width: 991px)
{
	.listOffre { width: 200px;left: 50px;}

}

/******************************************* TABLETTE PAYSAGE ***********************************************/
@media (min-width: 992px) and (max-width: 1199px)
{
.listOffre { width: 220px !important; }

}

.carousel-control.right {
	right: 5%;
	left: unset;
}

.carousel-control.left {
	left: 0px;
}


/* Sticky formulaire */

@media (min-width: 768px) {
	#main {
		display:flex;
	}

	section#contenus, header { width: 72vw; }
	section#formulaire { width: 28vw; right: 0 !important; max-width: unset!important; height: 100vh; }

	section#formulaire {
		position: fixed;
		top: 0;
		max-width: 450px;
		display: block;
		overflow: auto;
		z-index: 999;
	}

	.form-submit {
		position: sticky;
		bottom: -2%;
	}

	.form-submit:before {
		content: "";
		position: absolute;
		width: calc(100% + 53px);
		height: calc(100% + 43px);
		background-color: #67667F;
		z-index: -1;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	footer > .row { justify-content: center; }
}