/****** GLOBAL ******/

body {
	background-color:#ffffff;
}

main {
	background-color:#28282B;
}

#formcontainer {
	overflow: hidden;
}

#logofootermobile {
	display:none;
}

.formulaire .error input {
	border: 1px solid #912E59;
}

#googlemaps {
    font-size: 0.6vw;
}

.h1, .h2, .h3, h1, h2, h3 {margin-top: 0px; margin-bottom: 10px;}
hr {
	border-top: 1px solid #912E59;
	width: 50%;
}

#logopgmobile {
	display:none;
}
#confirmation {
    text-align: justify;
    color: #ffffff;
    margin-bottom: 30px;
    font-size: 0.8vw;
}

#maintext {
	display: block;
    color: #ffffff;
    width: 50vw;
    font-size: 0.9vw;
    margin-left: 16.7vw;
	margin-top: 12vw;
	text-align:left;
	line-height: 1.5vw;
	padding-bottom: 3vw;
}

#maintext span {
	line-height: 0vw;
}

#logopg {
	position: absolute;
    bottom: -10.1vw;
    width: 40vw;
    margin-left: 2vw;
}

#comfirmmob {margin-top: 30px; width: 65%;  display:block;   margin: auto; }
h1 {font-size: 2.3vw;}
h2 {font-size: 1.6vw;}
.modal-header .close {
    margin-top: -21px;
}


.modal-dialog {
    width: 90%;
}
.row {margin:0px !important;} 
#titlemobile {display:none;}
a {cursor:pointer;}
sub, sup {position: relative;font-size: 65%;line-height: 0;vertical-align: baseline;}
#ctamobile {display:none;}
header {
	position:relative;
}

header #patch {
    position: absolute;
    top: 240px;
    left: 2%;
    width: 11%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

header #patch2 {
	position: absolute;
    top: 240px;
    right: 22%; width: 19vw;
}

@media (max-width: 1024px) {
	header #patch {
	    width: 27.5%;
	    top: 155px;
	    right: 10px;
		left: unset;
	}
	header #patch2 {
		width: 40vw;
		top: unset;
		bottom: -20px;
		right: 10px;
	}
}


input[type='radio'] {position: relative; width: 3vw; display: inline-block; height: 2vw; margin: auto; -moz-appearance: none; text-align: center;  -webkit-appearance: none;  margin-top: 0vw;  vertical-align: top;  border: none !important;}

input[type='radio']:hover:before, .form-control:focus, .form-control:hover {
	background-color:#B96888;
}


input[type='radio']:before {
    content: "";
    position: absolute;
    left: 0vw;
    top: 0vw;
    border-radius: 23px;
    width: 2.5vw;
    background-color: #525E6A;
    color: #9DA7B1;
	padding: 0.8vw 0vw 0.6vw 0vw;
    height: 2.5vw;
    font-size: 0.8vw;
}
input[type='radio']:checked:after {
    content: " ";
    position: absolute;
    left: 0vw;
    border-radius: 30px;
    color: #FFFFFF;
	padding: 0.9vw 0vw 0.6vw 0vw;
    width: 2.5vw;
    font-size: 0.8vw;
    height: 2.5vw;
    background-color: #B96888;
}
#mme:before, #mme:checked:after {content: "Mme";}
#mr:before, #mr:checked:after {content: "M.";}


#typologie input[type='radio']:before {
    left: 0;
    right: 0;
	margin: auto;
	border-radius: 3px;
	border-radius: 3px;
}

#typologie input[type='radio']:after {
    left: 0;
    right: 0;
	margin: auto;
	border-radius: 3px;
	border-radius: 3px;
}
#typologie.form-group {
	text-align: center;
}

#optin input[type='radio'] {
	width: 6vw;
}

#optin input[type='radio']:before, #optin input[type='radio']:after {
    width: 4vw;
    margin-left: 0px;
}

#unp:before, #unp:checked:after {content: "Studio"; font-size: 0.6vw;}
#deuxp:before, #deuxp:checked:after {content: "2P";}
#troisp:before, #troisp:checked:after {content: "3P";}
#quatrep:before, #quatrep:checked:after {content: "4P";}
#cinqp:before, #cinqp:checked:after {content: "5P";}

#optinrgpd {
	float: left;
    text-align: justify;
    color: #FFFFFF;
    font-size: 0.6vw;
    margin-top: 1.5vw;
}

#oui:before, #oui:checked:after {content: "Oui";}
#non:before, #non:checked:after {content: "Non";}

.btn-more {    width: auto;
    color: #000000;
    border: 1px solid#000000;
    margin-left: 35%;
    margin-right: 35%;
    font-size: 3vw;
    border-radius: 30vw;
    text-align: center;
    padding: 2vw;
	margin-top: 20px;
	text-decoration: none;}

.btn-more:focus {
text-decoration: none;
color:#000000;}

#habiter:before, #investir:before, #habiter:checked:after, #investir:checked:after {     padding: 0.4vw 0vw 0.5vw 0vw;} 

#habiter:before, #habiter:checked:after {content: "Habiter";}
#investir:before, #investir:checked:after {content: "Investir";}

input[type='radio']:checked:after::placeholder {color:#FFFFFF;}
input[type='radio']:focus {outline:0;}

input[type='checkbox'] { position: relative; display: inline-block; width: 30px; height: 30px; -moz-appearance: none; -webkit-appearance: none;  margin-top: 0px; vertical-align: top; border: none !important;}
input[type='checkbox']:before {     content: " ";position: absolute;left: 0px;background-color: #F2F2F2;top: 5px;width: 25px;height: 25px;}
input[type='checkbox']:checked:after { content: " "; position: absolute; left: 2px; top: 7px;width: 21px; height: 21px; background-color: #DF7E7F;}
input[type='checkbox']:focus, a:focus, button:focus {outline:0;}

/****** HEADER ******/

#bandeaunoir {display:none}
#logoemerigemobile {display:none;}
header img {width:100%; height:auto;}
header #avantages {position:absolute; top: 5%; left: 3%; width:40%;}
header #avantages h1 { color:#FFFFFF; margin-top:30px;}
header #avantages #rose {color:#E42674;}
header #avantages h2 {color: #FFFFFF;    margin-top: 2vw; margin-bottom: 2vw;}
header #avantages .col-md-4 {padding-left: 0px; margin-top: 10px;}
header #avantages .col-md-4 #blocbleu {background-color:#193C6A; width:100%; height:auto; padding:1vw; border-radius: 5px; height: 11vw;}
header #avantages .col-md-4 #blocbleu:hover {background-color:rgba(25, 60, 106, 0.6);}
header #avantages .col-md-4 #blocbleu img { display: block; margin: auto; width: 30%;}
header #avantages .col-md-4 #blocbleu p {color:#ffffff; text-align:center; font-size: 1vw; margin-top: 0.8vw;}
header #avantages .row { margin-bottom: 4vw !important;}
header #avantages #decouvrez, .btn-documentation, #jusqua {    background-color: #912E59;color: #ffffff;    border-radius: 35px;font-size: 1.1vw;margin-top: 3vw;padding: 0.8vw 4vw 0.6vw 4vw;cursor: pointer;text-transform: uppercase; text-decoration: none;     padding: 0.5vw 4vw 0.6vw 4vw;}
header #avantages #decouvrez:hover, .btn-documentation:hover {background-color: #B96888;}
#visuelheadermobile {display:none;}
#visuelheader {display: block;width: 100%;}
#logoprogramme {width: 45%;}
#tva55 {width:15%; transform: rotate(-15deg);}
#copro {position: absolute;top: 0px;width: 18%;right: 30%;}
#tva55mobile {display:none;}

/****** FORMULAIRE ******/

.formulaire {position:fixed; width:25%;     right: 0;     bottom: 0px;     background-color: #000000; padding: 2vw 2vw 2vw 2vw; z-index: 600; border-radius: 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);     border-radius: 0px;}
.formulaire #logo { display: block; width: 8vw; margin: auto; margin-bottom: 3vw;}
.formulaire h3 {        color: #FFFFFF; text-align: center;   font-size: 1.1vw;}
.formulaire h4 {    color: #FFFFFF;text-align: center;font-size: 0.9vw;}
.formulaire #civilite, .formulaire #type_achat {text-align: center; color:#DF7E7F; float: none !important; width: 100% !important;     margin-bottom: 2vw;}
.formulaire #civilite .control, .formulaire #type_achat .control  {text-align: center;}

form {margin-top: 1vw;}
.form-group { margin-bottom: 0.8vw; width: 100%;float: left;}
.form-control {
    width: 100%;
    font-style: italic;
    margin: auto;
    height: 2.7vw;
    background-color: #525E6A;
    border-radius: 25px;
    margin-top: 0px;
    color: #ffffff;
    font-size: 0.8vw;
    border: none;
    box-shadow: none;
    padding-left: 7%;
}

footer .col-md-4 {
    margin-left: 11.5vw;
}
.formulaire #code_postal {width:100%;}
.formulaire #code_postal input {width: 97.5%;}
.formulaire input::placeholder {color:#909090;    font-size: 0.8vw;}
#mentionschamps {
    text-align: center;
    color: #ffffff;
    
    font-size: 0.8vw;
    margin-top: 1vw;
    padding-left: 1vw;
    float: left;
}
.btn-documentation { margin: auto;text-align: center; display: block; border: 0px;}
#optin label  { color: #000000; font-size: 0.6vw;width: 80%;vertical-align: top;padding-left: 0.5vw; }
.formulaire #mentionsleg {    color: #FFFFFF;font-size: 0.8vw; margin: auto; display: block; text-decoration: underline; text-align: center;margin-top: 1vw;}
#civilite, #type_achat {font-size: 0.9vw;}
#optin {width: 100%;
	float: left;
	margin-bottom: 2.6vw;
	margin-left: 5vw;}
#rgpd a {color: #000000;text-decoration: underline;}
#carousel-residence {display:none;}
.ui-corner-all {z-index:900;}
#type_achat p { color: #000000;font-size: 0.9vw;}
#optin label a {color:#000000; text-decoration: underline;}

/****** QUARTIER ******/

#quartier {padding-top:3vw; padding-bottom:3vw;}
#quartier h1 { font-size: 1.5vw; text-align: center; }
#quartier img {width: 100%;}
#quartier .col-md-6 h2 {
    text-align: left;
    font-size: 1.2vw;
    margin-bottom: 0.4vw;
    
}
#quartier .col-md-6 p {
    font-size: 0.9vw;
    text-align: left;
    
    margin-bottom: 1.2vw; 
}
#quartier .col-md-6:nth-child(2) {    margin-top: 5vw; }
#quartier h1:nth-child(1) {display:none;}
#persmobile {display:none;}

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

#footer {background-color: #ffffff;}
#footer {
    padding-top: 2vw;
    padding-bottom: 2vw;
    text-align: center;
}
#footer h3 { font-size: 0.8vw; color: #707070;    margin-bottom: 2vw;}
#footer p {font-size: 0.6vw; color: black;}
#footer #contact p {font-size: 0.7vw;color: black; text-transform: uppercase; font-weight: normal;}

#tel div:first-child p {
	margin-bottom: 3px;
}

#footer .col-md-4 {
	margin-left: 11.8vw;
}

#footer > img {
	width: 6vw;
}

#footer #logoginkgo {
	margin-left: 2vw;
}

#logofooter {
	MARGIN-TOP: 0.3VW;
}

#footer a {color: #707070;}

#footer p {
	
}

@media (max-width: 1025px) {

	#comfirmmob {display:none;}

	/****** GLOBAL ******/

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {    padding-right: 0px;padding-left: 0px;}
	h1 {font-size: 5vw;}
	h2 {font-size: 5vw;}
	header #avantages #decouvrez, .btn-documentation, #jusqua { font-size: 4.3vw; padding: 2vw 4vw 2vw 4vw;}
	table {margin-left: 0%;margin-top: 1.5vw;}
	#jusqua {top: -8vw;}
	ul {padding-left: 2vw;}
	#decouvrez {display:none;}


	/****** HEADER ******/
	
	#bandeaunoir {display: block; background-color: #132E51;;padding: 10px; }
	#logoemerigemobile {display: block;width: 20vw;margin: auto;position: relative;}
	header #avantages .col-md-4 {padding-left: 0px;margin-top: 10px;width: 33%;float: left;padding-left: 5px;padding-right: 5px;}
	header #avantages .col-md-4 #blocbleu {background-color: #193C6A;width: 100%;    height: 30vw;padding: 3vw;border-radius: 5px;    height: 30vw;}
	header #avantages h1 {color: #193C6A; text-align: center;     line-height: 4vw;     font-size: 4.6vw;}
	header img { margin-bottom: 8vw; }
	header #avantages {width: 100%; text-align:center;  top: 0px;left: 0px;}
	header #avantages .col-md-4 #blocbleu p {color: #ffffff;text-align: center;    font-size: 2.5vw;margin-top: 4vw;}
	header #avantages .col-md-4 #blocbleu img {display: block;margin: auto;width: 30%;height: 7vw;}
	header #avantages h2 {color: #193C6A;margin-top: 4vw;text-align: center;margin-bottom: 2vw;font-size: 4.4vw;}
	header #avantages .row {margin-bottom: 7vw !important; padding: 3vw;}
	#programmes .col-md-7 h2 {padding-left: 0vw;margin-bottom: 15vw !important;margin-top: 7vw;}
	#visuelheadermobile {display:block;}
	#visuelheader {display:none;}
	#copro {display:none;}
	#logoprogramme {width: 55%;margin-top: 20%;}
	#avantages h1 {display:none;}
	#tva55 {display:none;}
	#ctamobile {    display: block;transform: rotate(-90deg);position: fixed;right: -69px;font-size: 16px;	top: 80vw;		color: #FFFFFF;	padding: 10px 50px 8px 15px; background-color: #912E59;	border-top-left-radius: 15px;border-top-right-radius: 15px;	text-decoration:none;	margin: 0px;	z-index:1500}
	#ctamobile:after {display: block;	content: url("../img/information.svg");	position: absolute;	right: 16px;	transform: rotate(90deg);	bottom: 2px;}
	#tva55mobile {  display:block;  width: 25vw;position: absolute;left: 9vw;bottom: -13vw;margin-bottom: 0vw; transform:rotate(-15deg)}

	/****** CAROUSEL HEADER ******/

	#carousel-residence {display:block;}
	#blocbleu {background-color:#193C6A; width:100%; height:auto; padding:1vw; border-radius: 5px; height: 11vw;}
	#blocbleu:hover {background-color:rgba(25, 60, 106, 0.6);}
	#blocbleu img { display: block; margin: auto; width: 30%;}
	#blocbleu p { color:#ffffff; text-align:center; font-size: 1vw; margin-top: 0.8vw;}
	.carousel-control.right, .carousel-control.left {    background-image: none;}
	.glyphicon {top: 36%;}
	.glyphicon-menu-right:before {content: "\e258";margin-right: -10vw; color:#132E51}
	.glyphicon-menu-left:before {content: "\e257";margin-left: -11vw; color:#132E51;}
	#nosprojets {text-align:center;}


	/****** QUARTIER ******/

	#quartier h1:nth-child(1) { display:block;font-size: 6vw;text-align: center;margin-top: 6vw;}
	#quartier h1:nth-child(2) {  display:block; margin-top: 5vw; font-size: 4vw;padding-left: 10vw;padding-right: 10vw;         margin-bottom: 5vw;}
	#persmobile {display:block;}
	#quartier .col-md-6 img:nth-child(1){display:none;}
	#quartier .col-md-9 {display: flex;flex-direction: column;}
	#quartier .col-md-6 { order: 1;}
	#quartier .col-md-6:first-of-type{ order: 2;}
	#quartier .col-md-6 h2 {text-align: left;font-size: 4vw;text-align: center;}
	#quartier .col-md-6 p {font-size: 3vw;text-align: left;margin-bottom: 7vw;text-align: center;padding-left: 8vw;padding-right: 8vw;}
#quartier {
    padding-bottom: 0vw;
}

	/****** FORMULAIRE ******/
	.formulaire {
		position: relative;
		width: 100%;
		padding: 10vw 3.5vw 10vw 3.5vw;
		right: auto;
	}
	.formulaire h4 {
		color: #ffffff;
		text-align: center;
		font-size: 3vw;
	}
	.formulaire #logo {width: 30vw;}
	.formulaire h3 {
		color: #ffffff;
		text-align: center;
		font-size: 4.1vw;
		margin-top: 4vw;
	}

	.formulaire h4 {
		color: #ffffff;
		text-align: center;
		font-size: 3.6vw;
	}
	.form-group {
		margin-bottom: 15px;
		width: 100%;
	}
	.form-control {
		width: 100%;
		margin: auto;
		border-radius: 0px;
		border-radius: 30px;
		color: #FFFFFF;
		height: 11vw;
		font-size: 3.4vw;
		margin-top: 0px;
	}
	.formulaire input::placeholder {color:#ffffff; font-size:14px;}
	.formulaire #code_postal input {width: 100%;}
	header #avantages #decouvrez, .btn-documentation, #jusqua {
		font-size: 5vw;
		padding: 3vw 10vw 2vw 10vw;
	}
	input[type='checkbox']:before {
		background-color: #5F9B64;
	}
	input[type='checkbox']:checked:after {
		background-color: #ffffff;
	}
	#optin label {
		color: #ffffff;
		font-size: 2.7vw;
		margin-top: 1vw;
		text-align: left;
	}
	#mentionschamps {
		padding-right: 2%;
		color: #ffffff;
		font-size: 3.4vw;
	}

		#rgpd a {color: #ffffff;text-decoration: underline;}
	 .formulaire #mentionsleg {color: #FFFFFF;font-size: 2.5vw;margin: auto;display: block;text-decoration: underline;text-align: center;margin-top: 5vw;}
	 #footer h3 {font-size: 3vw;}
	 #civilite {    font-size: 4vw;}
	 .formulairebackground {display:none;}
	 #confirmation {margin-top: 5vw; color:#ffffff;}
	 #rgpd {color: #ffffff;font-size: 8px;margin-top: 20px;text-align: justify;}

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

	#footer p {
		font-size: 2.8vw;
		color: #707070;
		text-align: center;
	}
	#footer a {
		margin-bottom: 15px;
		margin-top: 15px;
	}
	
#footer .col-md-2 {
	margin-top: 26vw;
}

	#footer #logoginkgo {
		margin-left: 10vw;
	}	

	#footer span {
		display:none;
	}

	.modal-dialog {
		width: 95%;
	}

	#comfirmmob {display:none;}

	#logopgmobile {
		display: block;
		position: absolute;
		bottom: -42vw;
		width: 85vw;
	}

	#logopg {
		display:none;
	}

	#maintext {
		display: block;
		color: #ffffff;
		width: auto;
		font-size: 3.5vw;
		padding: 0vw 15vw 0vw 11vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40vw;
		text-align: left;
		line-height: 7vw;
		margin-bottom: 0vw;
	}

	#logofooter {
		margin: auto !important;
		display: block !important;
		float: none !important;
		text-align: center !important;
	}

	#footer .col-md-4 {
		margin-left: 0vw;
	}


	#ctamobile {
		display:none;
	}

	#containerformmob {
		position: relative;
		padding: 0vw 10vw 0vw 10vw;
		background-color: #ffffff;
	}

	#maintext {
		padding-bottom: 45vw;
	}

	#formcontainer {
		position: relative;
		margin: -35vw 10vw 12vw;
		overflow: hidden;
	}

	input[type='radio'] {
		position: relative;
		width: 10vw;
		display: inline-block;
		height: 12vw;
		margin: auto;
		-moz-appearance: none;
		text-align: center;
		-webkit-appearance: none;
		margin-top: 0vw;
		vertical-align: top;
		border: none !important;
	}

	input[type='radio']:before {
		content: "";
		position: absolute;
		left: 0vw;
		top: 0vw;
		border-radius: 23px;
		width: 10vw;
		background-color: #525E6A;
		color: #9DA7B1;
		padding: 3.2vw 0vw 0vw 0vw;
		height: 10vw;
		font-size: 3vw;
	}

	input[type='radio']:checked:after {
		content: "";
		position: absolute;
		left: 0vw;
		top: 0vw;
		border-radius: 23px;
		width: 10vw;
		color: #FFFFFF;
		padding: 3.2vw 0vw 0vw 0vw;
		height: 10vw;
		font-size: 3vw;
		background-color: #B96888;
	}

	#typologie input {
		width: 13.3vw;
	}

	#unp:before, #unp:checked:after {
		content: "Studio";
		font-size: 2.6vw;
	}

	#optinrgpd {
		float: left;
		text-align: justify;
		color: #FFFFFF;
		font-size: 2.7vw;
		margin-top: 1.5vw;
	}

	#optin input[type='radio']:before, #optin input[type='radio']:after {
		width: 20vw;
		margin-left: 9vw;
	}

	#optin input[type='radio'] {
		width: 23vw;
	}

	#logofootermobile {
		display:block;
	}

	#footer {
		padding-top: 0vw;
		padding-bottom: 15vw;
		text-align: center;
		padding-left: 11vw;
		padding-right: 11vw;
	}

	#googlemaps {
		font-size: 2.5vw;
	}
	
	#confirmation {
		padding:5vw;
		font-size: 4vw;
	}


}

/* MODIF MAB */

.gotham { font-family: "gotham", sans-serif !important; }
.snell { font-family: "snell", sans-serif !important; }

.formulaire {
	width: 20%; top: 0;
	overflow-x: none; overflow-y: auto;
	padding: 1.4vw; padding-top: 0;
}
.formulaire hr { margin: 15px auto; }
.formulaire form { margin-top: 15px; }
.form-group { margin-bottom: 6px; }
#optin input[type='radio'] { width: 4.5vw; }
#form_title {
	text-transform: uppercase; font-size: 0.9vw; line-height: 1.1vw;
	margin-bottom: 0;
	width: 106%; margin-left: -3%;
}
#form_title > span { font-size: 0.8em; font-weight: normal; }
#form_offer {
	background: #912E59; color: white;
	padding: 30px 0 15px;
	line-height: 1.4vw; text-transform: uppercase;
	margin-bottom: 15px;
	height: 120px;
}
#form_offer > b { font-size: 1.2vw; }
#form_offer > span { font-size: 0.6vw; }
.formulaire #civilite { text-align: left; padding-left: 15px; }
#civilite > b { color: white; display: inline-block; padding-top: 15px; margin-right: 30px; }
.formulaire #optin { width: unset; margin-left: 4.25vw; margin-bottom: 30px; }
.formulaire #civilite, .formulaire #type_achat { margin-bottom: 20px; }

img {
	max-width: 100%;
	height: auto;
}

section {
	width: 80%;
	font-size: 0.95vw; line-height: 1.4vw;
}

h3 { font-size: 1.9vw; line-height: 2.2vw; margin-top: 0; margin-bottom: 30px; }

header { position: relative; }
#baseline {
	display: flex; justify-content: center; align-items: center;
	flex-direction: column;
	position: absolute;
	top: 30px; left: 0;
	width: 80%;
}
#baseline p {
	font-size: 1.66vw;
	height: 90px; margin-bottom: 0;
	width: 100%;
	text-align: center;
	display: flex; justify-content: center; align-items: center;
	text-transform: uppercase; font-weight: bold;
}
#baseline #pre_title {
	color: #912E59; background-color: white;
}
#baseline #title {
	background-color: #912E59; color: white;
} 

@media (max-width: 801px){
	#baseline {
		width: 100%; top: 20px;
	}
	#baseline p { font-size: 18px; height: 60px; }

	#baseline #pre_title {
		color: #912E59; background-color: white;
		line-height: 19px;
		font-size: 15px;
	}
} 

#logo_rose {
	display: grid; grid-template-columns: 47% 47%;
	align-items: flex-end;
	gap: 6%;
	color: white;
	width: 80%;
	margin-top: -12vw;
	font-size: 1.7vw;
}
#logo_rose .snell { margin-bottom: -0.6vw; }
#logopg { position: relative; bottom: 0.2vw; margin-left: unset; }

#addr #top {
	height: 90px;
	display: flex; justify-content: center; align-items: center;
	color: white;
}

#addr #bot {
	display: grid; grid-template-columns: 47% 47%;
	gap: 6%;
	color: white;
}
#addr #bot #right {
	padding-top: 3vw;
	padding-right: 4.5vw;
}

#carac, #privi {
	display: grid; grid-template-columns: 47% 47%;
	gap: 6%;
	color: black;
}
#carac { background: white; }
#carac #left, #privi #right {
	display: flex; flex-direction: column;
	justify-content: center; align-items: flex-start;
	position: relative;
}
#carac #left { padding-left: 3vw; margin-left: 4.5vw; margin-top: 6vw; margin-bottom: 3vw; }
#carac #left .border {
	position: absolute; top: 0; right: 50%; bottom: 0; left: 0;
	border: 15px solid black;
	border-right: unset;
}
#privi #right { padding-right: 3vw; margin-right: 4.5vw; margin-top: 6vw; margin-bottom: 4.5vw; }
#privi #right .border {
	position: absolute; top: 0; right: 0; bottom: 0; left: 50%;
	border: 15px solid black;
	border-left: unset;
}
#carac #right > img, #privi #left > img { width: 100%; padding: 4.5vw; }
#carac #right > img { padding-top: 6vw; padding-left: 0; padding-bottom: 3vw; }
#privi #left > img { padding-top: 6vw; padding-right: 0; }
#privi { background: #F2F2F2; }

#int { background: #28282B; color: white; position: relative; padding: 4.5vw; }
#int #content {
	display: flex; flex-direction: column;
	position: relative;
	padding: 3vw; padding-right: 0;
}
#int .border {
	position: absolute; top: 0; right: 50%; bottom: 0; left: 0;
	border: 15px solid white;
	border-right: unset;
}
#int #top {
	color: white;
	display: flex; flex-direction: column;
	justify-content: center; align-items: flex-start;
}
#int #top #text {
	display: grid; grid-template-columns: 44% 47%;
	gap: 6%;
}
#int #bot > img { width: 100%; margin-top: 30px; }
#int > img {
	position: absolute;
	right: 3vw; bottom: 0;
	transform: translateY(25%);
	width: 25vw;
}

#presta {
	background: white; color: black;
	padding: 3vw 4.5vw 0;
}
#presta h3 { padding-left: 3vw; }
#presta h4 { text-transform: uppercase; font-size: 1.4vw; line-height: 1.7vw; margin-top: 0; margin-bottom: 20px; }
#presta ul { list-style: none; padding-inline-start: unset; margin-left: 20px; }
#presta li { position: relative; margin-bottom: 10px; }
#presta li:before {
	content: ' ';
	width: 10px; height: 10px;
	background: black;
	position: absolute; top: 0; left: 0;
	transform: translate(-175%, 50%);
}
#presta #top {
	display: grid; grid-template-columns: 44% 47%;
	gap: 6%;
	padding-left: 3vw;
	line-height: 1.5vw;
}
#presta #top ul h4 { margin-left: -20px; font-weight: bold; }
#presta #top #right ul:last-child h4 { margin-top: 3vw; }
#presta #bot {
	background: #3B3F46; color: white;
	padding: 30px 3vw;
	padding-right: 120px;
	margin: auto;
	display: flex; flex-direction: column;
	justify-content: center; align-items: flex-start;
	/* width: fit-content;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content; */
	width: 100%;
	transform: translateY(20%);
	margin-top: 3vw;
}
#presta #bot > span:first-child { color: #C57A9C; font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
#presta #bot > span:nth-child(2) { font-size: 1.1em; }
#presta #bot > span:last-child { margin-top: 15px; font-size: 0.85em; }

#footer { background: #F2F2F2; padding-top: 4.5vw; padding-bottom: 3vw; }
#footer #mentions { padding: 3vw 0 0 6vw; text-align: left; }
#footer #ftel { color: #3B3F46; font-size: 1.8vw; font-weight: bold; }
#footer #contact {
	width: 80%; display: flex; justify-content: space-between;
	padding-left: 6vw; padding-right: 4.5vw;
}
#footer #contact #tel {
	display: flex; justify-content: space-between;
	gap: 15px;
}

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

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

	html, body {
		overflow-x: hidden;
	}

	section {
		width: 100%;
		font-size: 14px; line-height: 18px;
	}

	h3 { font-size: 21px; line-height: 24px; }

	.formulaire { width: 100%; }
	#formcontainer { margin: 0; }
	#form_offer { margin-top: 0; line-height: 21px; }
	#form_offer > b { font-size: 18px; }
	#form_offer > span { font-size: 11px; }
	#form_title { font-size: 13px; line-height: 16px; }

	/* #visuelheadermobile { padding-top: 75px; } */
	#logopgmobile { bottom: -39vw; }

	#addr #bot {
		grid-template-columns: unset;
		grid-template-rows: auto auto; gap: 0;
		margin-top: 3vw;
	}
	#addr #bot #right {
		padding: 30px; padding-bottom: 0;
		order: 1;
	}
	#addr #bot #left { order: 2; padding-bottom: 30px; transform: translateX(-7.5%); }

	#addr #top { height: 120px; }

	#carac, #privi {
		grid-template-columns: unset;
		grid-template-rows: auto auto; gap: 0;
	}
	#carac #left, #privi #right { margin: 30px; padding: 45px 0; }
	#carac #left { padding-left: 45px; }
	#privi #right { padding-right: 45px; }
	#carac #right > img, #privi #left > img { padding: 30px; }
	#carac #right > img { padding-top: 0; }
	#privi #left > img { padding-bottom: 0; }

	#int {
		padding: 30px;
	}
	#int > img { transform: translateY(25%); bottom: 0; }
	#int #content { padding: 45px; padding-right: 0; }
	#int #bot { order: 1; }
	#int #bot > img { margin-top: 0; margin-bottom: 30px; }
	#int #top { order: 2; }
	#int #top #text { grid-template-columns: unset; }

	#presta {
		padding: 30px;
	}
	#presta h3, #presta #top { padding-left: 0; }
	#presta #top {
		grid-template-columns: unset;
		grid-template-rows: auto auto; gap: 30px;
		line-height: 21px;
	}
	#presta h4 { font-size: 18px; line-height: 22px; }
	#presta #top #right ul:last-child h4 { margin-top: 30px; }
	#presta #bot { padding: 30px; transform: unset; }

	#footer { padding: 30px; padding-bottom: 90px; }
	#footer #mentions {
		padding: 0; padding-top: 30px;
		width: 100% !important;
	}
	#footer #mentions p { text-align: left; }
	#footer .col-md-3 { margin-top: 30vw; }
	#footer .col-md-2 { margin-top: 10vw; }
	#footer #ftel { font-size: 36px; }
	#footer #logoginkgo { margin-left: 0; }
	#footer #contact {
		padding: 0 30px; width: 100%;
		flex-direction: column;
		gap: 30px;
	}
	#footer #contact #tel { flex-direction: column; }
	#footer #contact p { font-size: 2.8vw; }

	.formulaire { overflow-x: hidden; }
	.formulaire #optin { width: 100%; margin-left: 18vw;}
	#optin input[type='radio'] { width: 23vw; }
	#form_title { width: 100%; margin-left: unset; }

	.formulaire .btn-documentation {
		margin: -15px auto 30px;
	}

	#cta_mob {
		position: fixed; right: 0; bottom: 0; left: 0;
		padding: 15px;
		background: #912E59; color: white;
		text-transform: uppercase; cursor: pointer;
		font-size: 14px; line-height: 17px;
		text-align: center;
	}
}

.btn-documentation { font-weight: bold; }

::placeholder { font-weight: bold; font-size: 14px; font-style: normal !important; }

/* ipad pro */
@media (max-width: 1025px) and (min-height: 1000px) {
	#logopgmobile {
		bottom: -35vw;
		width: 700px;
	}
	#addr #bot #right { padding-top: 200px; }
	#int > img {
		bottom: -8%;
		width: 200px;
	}
	#footer p { font-size: 16px; }
	#optinrgpd { font-size: 16px; }

	.btn-documentation { font-size: 18px; }

	.formulaire input::placeholder {color:#ffffff; font-size:21px; }
}

/* .form-control { height: 4px; } */