/****** FONTS ******/

@font-face {font-family: "Raleway-Regular";src: url("../fonts/Raleway-Regular.ttf");}
@font-face {font-family: "Raleway-Bold";src: url("../fonts/Raleway-Bold.ttf");}
@font-face {font-family: "Raleway-Medium";	src: url("../fonts/Raleway-Medium.ttf");}
@font-face {font-family: "Raleway-Light";src: url("../fonts/Raleway-Light.ttf");}

@font-face {font-family: "ITCAvantGardeBold"; src: url("../fonts/ITCAvantGardeStdBold.otf");}
@font-face {font-family: "Karbon-Bold-Italic"; src: url("../fonts/Karbon-Bold-Italic.otf");}
@font-face {font-family: "ITCAvantGardeBook"; src: url("../fonts/ITCAvantGardeStdBk.otf");}

@font-face {font-family: "ITCAvantGardeBook"; src: url("../fonts/ITCAvantGardeStdBk.otf");}
@font-face {font-family: "ITCAvantGardeBook"; src: url("../fonts/ITCAvantGardeStdBk.otf");}
@font-face {font-family: "ITCAvantGardeBook"; src: url("../fonts/ITCAvantGardeStdBk.otf");}

@font-face {font-family: "Gotham-Black"; src: url("../fonts/Gotham-Black.otf");}
@font-face {font-family: "Gotham-Book"; src: url("../fonts/Gotham-Book.otf");}

@font-face {font-family: "CamptonBold"; src: url("../fonts/CamptonBold.otf");}
@font-face {font-family: "CamptonBook"; src: url("../fonts/CamptonBook.otf");}
@font-face {font-family: "CamptonLightItalic"; src: url("../fonts/CamptonLightItalic.otf");}
@font-face {font-family: "CamptonLight"; src: url("../fonts/CamptonLight.otf");}
@font-face {font-family: "CamptonExtraLight"; src: url("../fonts/CamptonExtraLight.otf");}
@font-face {font-family: "CamptonMedium"; src: url("../fonts/CamptonMedium.otf");}

@font-face {font-family: "BarlowItalic"; src: url("../fonts/Barlow-Italic.ttf");}
@font-face {font-family: "BarlowMedium"; src: url("../fonts/Barlow-Medium.ttf");}
@font-face {font-family: "BarlowBold"; src: url("../fonts/Barlow-Bold.ttf");}
@font-face {font-family: "BarlowRegular"; src: url("../fonts/Barlow-Regular.ttf");}

@font-face {font-family: "BebasNeueRegular"; src: url("../fonts/BebasNeue Regular.otf");}
@font-face {font-family: "BebasNeueLight"; src: url("../fonts/BebasNeue Light.otf");}
@font-face {font-family: "BebasNeueBold"; src: url("../fonts/BebasNeue Bold.otf");}
@font-face {font-family: "BebasNeueBook"; src: url("../fonts/BebasNeue Book.otf");}

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

#ctaamobile {
	display:none;
	position: fixed;
    top: 85vw;
    z-index: 1000;
    right: 0vw;
}

#sc, #scp {
	width: 320px;
	position: absolute;
	top: 24.5vw;
	left: 3.1vw;
}

.btn_plaquette {
	width: 90%; height: 80px;
	color: #fff;
	background: #333;
	display: flex;justify-content: center;align-items: center;
	padding: 10px;
	font-size: 21px; line-height: 21px;
}

#scp {
	top: 26vw;
	height: 60px;
}
#scp2 {
	width: 90%;
}

nav {
    position: absolute;
    z-index: 10;
    width: 100%;
    z-index: 1000;
    padding: 2vw 0;
    top: 0;
}

@-webkit-keyframes fade_out {
    from { 
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade_out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@-webkit-keyframes slide_from_top {
    from {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    to {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slide_from_top {
    from {
        -webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}

nav[data-sticky="false"] { -webkit-animation: slide_from_top 0.5s both; animation: slide_from_top 0.5s both; }
nav.active[data-sticky="true"] { -webkit-animation: fade_out 0.5s both; animation: fade_out 0.5s both; }

nav a.element {
    text-decoration: none;
    margin-left: 4%;
    font-family: "BarlowRegular";
    text-transform: uppercase;
    color: black;
}

nav a.element:hover {
    text-decoration: none; /* Supprime le soulignement par défaut */
    border-bottom: 2px solid #AE8D64; /* Ajoute un soulignement espacé de 2 pixels */
    padding-bottom: 3px;
}

.btn_plaquette img {
	margin-right: 15px;
	max-width: 100%;
	width: unset;
}

#formcontainer {
	overflow: hidden;
}

header #logocotepanam {
	position: absolute;
    width: 40vw;
    top: 3vw;
    left: 4vw;
}

#logomobile h1,
header #logocotepanam h1 {
    position: absolute;
    top: 7vw;
    left: 11vw;
    font-family: "BebasNeueBook";
    color: #AE8D64;
    font-size: 5vw;
    line-height: 4vw;
}

#logomobile h4,
header #logocotepanam h4 {
    position: absolute;
    top: 15vw;
    left: 11vw;
    font-family: "BebasNeueBold";
    font-size: 1.7vw;
}

header #darkgradient {
    width: 100%;
    height: 10vw;
    position: absolute;
    top: 50.2vw;
    background: linear-gradient(rgba(22, 20, 18, 0) 0%, #161412 100%);
    opacity: 0.69;
}

#blocclair {
	position:relative;
}

#blocclair #bloc1 {
    background-color: rgb(255 255 255);
    position: absolute;
    width: 28vw;
    padding: 2vw 2vw;
    top: -13vw;
    left: 8vw;
    border: 12px solid #AE8D64;
    z-index: 10;
}

#persint {
	width: 58vw;
    position: absolute;
    left: 5vw;
    top: 38vw;
}

#blocclair #bloc1 h1 {
    font-family: "BebasNeueBold";
    font-size: 2vw;
}

#blocclair #bloc1 h2 {
    font-family: "BebasNeueRegular";
    font-size: 2vw;
    color: #AE8D64;
}

#blocclair #bloc1 p {
    font-family: "BarlowMedium";
    font-weight: 500;
	font-size:0.85vw;
	margin-top: 1.5vw;
}

#blocclair #bloc1 p span {
    font-family: "CamptonBold"; 
	font-size:0.9vw;
}

#visuelimmeuble {
	position: absolute;
    top: 6vw;
    left: 8vw;
    width: 56vw;
}

#bloc2 {
    position: absolute;
    top: 0vw;
    left: 36vw;
    background: linear-gradient(#ae8d64 0%, #ccaa7f 17.73%, #ae8d64 100%);
    color: white;
    padding: 3vw 2vw 3vw 2vw;
    width: 28vw;
    z-index: 2;
}

#blocclair #bloc2 h2 {
    top: -5vw;
    left: 0.5vw;
    position: absolute;
    font-family: "BebasNeueLight";
    font-size: 5vw;
    font-weight: 100;
}

#blocclair #bloc2 p {
    font-family: "BarlowMedium"; 
	font-size:0.9vw;
	margin-top: 1.5vw;
}

strong {
    color: #AE8D64;
    font-weight: initial;
}

#blocclair #bloc3 h1 {
    font-family: "BebasNeueBold";
    font-size: 2vw;
}

#blocclair #bloc3 h2 {
    font-family: "BarlowRegular";
    text-transform: uppercase;
    font-size: 1.2vw;
    color: #AE8D64;
}

#blocclair #bloc3 #texttop {
    top: -6vw;
    left: -1vw;
    position: absolute;
    font-family: "BebasNeueLight";
    font-size: 5vw;
    font-weight: 100;
}

#blocclair #bloc3 p {
    font-family: "BarlowMedium"; 
	font-size:0.85vw;
	margin-top: 1.5vw;
    line-height: 1.3vw;
}

#blocclair #bloc3 {
    position: absolute;
    top: 68vw;
    left: 8vw;
    background-color: white;
    color: black;
	padding: 3vw 2vw;
    border: 12px solid #AE8D64;
    width: 28vw;
    z-index: 2;
}

#blocsombre {
    position: relative;
    background-color: #222A2C;
}

#blocsombre #bloc1 h1 {
    font-family: "BebasNeueBold";
    font-size: 2vw;
}

#blocsombre #bloc1 h2 {
    font-family: "BarlowRegular";
    color: #AE8D64;
}

#blocsombre #bloc1 p {
    font-family: "BarlowRegular"; 
	font-size:0.85vw;
	margin-top: 1.5vw;
    line-height: 1.3vw;
}

#blocsombre #bloc1 p span {
    font-family: "CamptonBold"; 
	font-size:0.9vw;
}

#blocsombre #bloc1 {
	position: absolute;
    top: 13vw;
    left: 5vw;
    background-color: #ffffff;
    border: 12px solid #AE8D64;
    color: #000000;
    padding: 3vw 2vw;
    width: 29vw;
    z-index: 2;
}

#blocsombre #bloc1 #visueltextlogos {
    width: 60%;
}

#blocsombre #bloc2 h1 {
    font-family: "CamptonBold";
    font-size: 2vw;
}

#blocsombre #bloc2 p {
    font-family: "CamptonBook"; 
	font-size:0.9vw;
	margin-top: 1.5vw;
}

#blocsombre #bloc1 p span {
    font-family: "CamptonBold"; 
	font-size:0.9vw;
}

#blocsombre #bloc2 {
    position: absolute;
    top: 7vw;
    left: 34vw;
    background-color: rgba(135, 116, 86, 0.8);
    color: #ffffff;
    padding: 3vw 2vw 3vw 2vw;
    width: 29vw;
    z-index: 2;
}

#nav-mob {
    display: none;
}

#blocsombre #prestations {
    left: -29vw!important;
    top: 1.4vw!important;
    position: absolute!important;
    font-family: "BebasNeueLight"!important;
    font-size: 4.5vw!important;
    font-weight: 100!important;
}

#blocsombre #bloc2 h2 {
    position: relative;
    left: 3vw;
    font-family: "BebasNeueBook";
    font-size: 1.9vw;
}

#blocsombre h2 {
    font-size: 1vw;
}

#blocsombre li {
    margin-top: 1vw;
    font-size: 0.8vw;
    font-family: 'BarlowRegular';
    line-height: 1.25vw;
}

#grilledeprix p img {
	float: right;
    width: 0.9vw;
	margin-top: 10px;
}

#grilledeprix p #flechehaut {
	display:none;
	cursor:pointer;
}

#grilledeprix p #flechebas {
	cursor:pointer;
}

#grilledeprix h1 {
    font-family: "BebasNeueLight";
    text-transform: uppercase;
    position: absolute;
    left: 26.5vw;
    width: max-content;
    font-size: 5vw;
    font-weight: 100;
    top: 8.2vw;
}

#blocsombre #grilledeprix p span {
    font-family: "BarlowBold"; 
	font-size:1vw;
}

#blocsombre #grilledeprix {
    position: absolute;
	top: 87vw;
    left: 5vw;
    background-color: rgba(0, 0, 0, 1);
    color: #ffffff;
    padding: 3vw 2vw;
    width: 26vw;
    z-index: 11;
}

#blocsombre #grilledeprix p {
	font-family: "BarlowRegular";
    font-size: 0.9vw;
    padding-top: 0.3vw;
    padding-bottom: 0.8vw;
    border-bottom: 1px solid #FFFFFF;
}

#blocsombre .deplier p {
	font-family: "BarlowRegular" !important;
    border-bottom: 1px solid #877456 !important;
	font-size: 0.9vw !important;
	padding-top: 0.3vw !important;
    padding-bottom: 0.5vw !important;
}

#blocsombre .deplier {
	display:none;
}

#blocsombre #grilledeprix #or {
    color:#877456;
}

#plan {
    position: absolute;
    left: 31vw;
    top: 101vw;
    width: 32vw;
    z-index: 2;
    height: 26.6vw;
    /*background: #fff url(../img/vmap.png) no-repeat;
    background-size: cover !important;
    background-position: 50% 65%;*/
}


.boxes-access {
    text-align: justify;
    border-left: 1px solid #AE8D64;
    padding-left: 2vw;
}
.boxes-access h5 {
    font-family: "BebasNeueBold";
    font-size: 2.5vw;
}
.boxes-access.box1 {
    grid-column: 1;
    grid-row: 1;
}
.boxes-access.box2 {
    grid-column: 2;
    grid-row: 1;
}
.boxes-access.box3 {
    grid-column: 3;
    grid-row: 1;
}
.boxes-access.box4 {
    grid-column: 1;
    grid-row: 2;
}
.boxes-access.box5 {
    grid-column: 2;
    grid-row: 2;
}
.box-flex {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.box-flex p {
    font-size: 0.9vw;
}
.box-flex b {
    color: #AE8D64;
}

.plan-header {
    position: absolute;
    top: 142vw;
    left: 5vw;
    z-index: 10;
    color: white;
    font-family: "BebasNeueLight";
    font-size: 5vw;
}

.plan-text {
    position: absolute;
    top: 150vw;
    left: 5vw;
    z-index: 10;
    color: white;
    display: grid;
    height: auto;
    width: 58vw;
    column-gap: 1vw;
    row-gap: 3vw;
}

#formedeux {
    position: absolute;
    top: 115vw;
    width: 9vw;
    left: 20vw;
}

footer {
	padding: 4vw 6vw;
	position: relative;
    margin-top: 50vw;
}

.uppercase {
    text-transform: uppercase!important;
}

.semi-bold {
    font-weight: 700!important;
}

.square-bullet-point {
    height: 0.4vw;
    width: 0.4vw;
    background-color: #ae8d64;
    margin-right: 0.5vw;
}

#footerlogo {
	width: 24vw;
}

h1 {
    font-size: 1.7vw;
    font-family: 'CamptonBold';
}


#part1 img {
	position: absolute;
	width: 2.4vw;
	left: 1.5vw;
	top: 1.8vw;
}

#part2 img {
	position: absolute;
    width: 2.5vw;
    left: 1.4vw;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    list-style: none;
    padding-left: 0px;
}

#blocsombre hr {
    border-top: 1px solid #ffffff;
    width: 100%;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

#forme1 {
    position: absolute;
    top: 57.8vw;
    left: 47vw;
    color: #ffffff;
    width: 26vw;
    z-index: 2;
}

#visuelimmeubledeux {
    position: relative;
    margin-top: 85.2vw;
    width: 100%;
}

#visuelimmeubledeuxreverse {
	width:100%;
}
#visuelimmeubledeuxreverse2 {
    z-index: 1;
    position: absolute;
    top: 126vw;
    left: 0;
    width: 100%;
}
#visuelimmeubledeuxfondu {
    width: 100%;
    position: absolute;
    left: 0%;
    top: 50vw;
}

#vefa {
	position: absolute;
    bottom: 0vw;
    left: 17vw;
}

#vefa img {
	width: 5vw !important;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#vefa p {
    font-size: 0.8vw !important;
}

#nosconseillers {
    color: black;
    font-family: 'BarlowRegular';
    font-size: 0.7vw;
}

#nosconseillers span {
	font-family: 'CamptonBold';
}


#numerotelephone {
    color: black;
    position: relative;
    font-family: 'BebasNeueBook';
    font-size: 1.5vw;
    margin-bottom: 1vw;
    margin-top: 20px;
    border: 1px solid #ae8d64;
    padding: 0.9vw 2.3vw 0.7vw 3vw;
    display: block;
    border-radius: 3vw;
    width: fit-content;
    background-image: url("../img/telephonenumero.svg");
    background-repeat: no-repeat;
    background-position-x: 0.6vw;
    background-position-y: 1.1vw;
}

#numerotelephone:hover {
    color: white;
	background-color:#8A713B;
	text-decoration:none;
}

.modal-header h5 {
	font-size: 1vw;
    color: #002234;
    font-family: "CamptonBold";
    margin-bottom: 0vw;
    padding-left: 2.3vw;
}

#mentionslegales {
    color: #002234;
    font-family: "CamptonBook";
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-decoration-color: initial;
    position: absolute;
    top: 8vw;
    right: 35vw;
}

.modal-body {
	padding: 0vw 3vw 3vw 3vw;
}

.modal-body ul li {
    font-family: "CamptonBook";
    color: #002234;
    font-size: 1vw !important;
    line-height: 1.3vw !important;
    padding-top: 0.7vw;
}

.modal-body h1 {
    font-size: 1.2vw !important;
	margin-bottom: 1vw !important;
	margin-top: 2vw;
}

.modal-body p {
    font-size: 1vw !important;
	line-height: 1.3vw !important;
}

.modal-body a {
	font-family: "CamptonBook";
    font-size: 1vw !important;
    line-height: 1.3vw !important;
}

.col-md-12 {
    width: 100%;
    padding: 0px;
}

#blocblanc {
    background-color: #ffffff;
    padding: 7vw 4.5vw 12.2vw 4.5vw;
	height:100vh;
}

#blocblanc img {
    margin-bottom: 2.5vw;
    width: 11.3vw;
}

#blocblanc h1 {
    font-size: 1.8vw;
	color: #002234;
    font-family: "CamptonBold";
	margin-bottom:2.5vw;
}

#blocblanc p {
    font-size: 0.9vw;
    font-family: "CamptonBook";
    line-height: 1.5vw;
	color: #002234;
}

#blocblanc p span {
    font-size: 0.9vw;
    font-family: "CamptonBold";
}

#logofootermobile {
	display:none;
}

.formulaire .error input {
	border-bottom: 1px solid #8A713B;
}
#error-message {
    font-family: "BarlowRegular"!important;
    font-size: 1.4vw;
}

#rectangle {
    position: fixed;
    top: 2vw;
    right: 3vw;
    width: 22vw;
}

#googlemaps {
    font-family: "Gotham-Book" !important;
    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 {
    color: black;
    font-family: "BarlowMedium";
    margin-bottom: 30px;
    font-size: 0.8vw;
}
#confirmation spe {
    font-family: "BebasNeueBold";
    font-size: 2vw;
}

#maintext {
	display: block;
    color: #ffffff;
    font-family: "Gotham-book";
    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 {
	font-family: "Gotham-Black";
	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;}
#ctamob {display:none;}
header {
	position:relative;
}

input[type='radio'] { font-family: 'Gotham-Black'; 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:hover {
	outline:0 !important;
	outline:none;
}

.form-control:focus {
	transition-duration: 500s;
	background-color : rgba(255,255,255,0.2);
	border:none;
	padding-left:1vw;
	
}

.form-submit {

}

#optin {
	position:relative;
}

#optin #ouip {
    position: absolute;
    top: 0.2vw;
    color: black;
    font-family: 'BarlowRegular';
    left: 2.5vw;
    font-size: 1vw;
}

#optin #nonp {
    position: absolute;
    top: 0.2vw;
    color: black;
    font-family: 'BarlowRegular';
    left: 8.5vw;
    font-size: 1vw;
}


input[type='radio']:before {
    content: "";
    position: absolute;
    left: 0vw;
    top: 0vw;
	border-radius: 0px;
    width: 2.5vw;
	color: #FFFFFF;
	padding: 0.7vw 0vw 0.6vw 0vw;
    height: 2.3vw;
    border: 1px solid #ffffff;
    font-size: 0.6vw;
    font-family: "BarlowBold";
}

input[type='radio']:checked:after {
    content: " ";
    position: absolute;
    left: 0.3vw;
    top: 0vw;
    border-radius: 30px;
    color: #000000;
    font-family: "BarlowBold";
	font-size: 0.6vw;
    width: 2.5vw !important;
    height: 2.3vw;
    background-color: #ae8d64;
}

#mme:before, #mme:checked:after {content: "Mme";}
#mr:before, #mr:checked:after {content: "M.";}

#typologie input {
    width: 3vw;
}

#typologie input[type='radio']:before {
    left: 0;
    right: 0;
	margin: auto;
    color: black;
    border: 1px solid #ae8d64;
}

#typologie input[type='radio']:after {
    left: 0;
    right: 0;
	margin: auto;
	border-radius: 1px;
	padding-top: 0.8vw;
    background-color: #ae8d64;
    color: white;
}

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

#optin input[type='radio']:before, #optin input[type='radio']:after {
    width: 1.6vw !important;
    margin-left: 0px;
    border-radius: 3vw;
    height: 1.5vw;
    left: 0vw;
    border-color: #ae8d64;
}

#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: black;
	font-size: 0.6vw;
    font-family: 'BarlowRegular';
    margin-top: 1.5vw;
	margin-bottom: 1vw;
}

.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;
    font-family: 'Raleway-Bold';
    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 {font-family: "ITCAvantGardeBold"; color:#FFFFFF; margin-top:30px;}
header #avantages #rose {font-family: "Raleway-Bold"; color:#E42674;}
header #avantages h2 {font-family: "Raleway-Bold";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 {font-family: "Raleway-Medium"; 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: #8A713B;
    color: #FFFFFF;
	font-family: 'BebasNeueBook';
    font-size: 1.5vw;
    padding: 0.8vw 4vw 0.6vw 4vw;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3vw;
    border: 1px solid #8A713B;
}
header #avantages #decouvrez:hover,
.btn-documentation:hover {
    background-color: #FFFFFF;
    color:#8A713B;
    border-radius: 3vw;
    border: 1px solid #8A713B;
    text-decoration: none;
}
#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: 23%;
    right: 3vw;
    top: 3vw;
    padding: 5vw 2vw 5vw 2vw;
    z-index: 600;
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    border-radius: 0px;
    height: 90vh;
    overflow-y: scroll;

    background-color: white;
    border: 13px solid #ae8d64;
    color: black;
}

.formulaire #logo { display: block; width: 8vw; margin: auto; margin-bottom: 3vw;}
.formulaire h3 {
    color: black;
    text-align: left;
    font-family: 'BebasNeueBold';
	font-size: 1.7vw;
}

.formulaire h3 span {
    font-family: 'CamptonLight';
}
.formulaire h4 {
    color: black;
    text-align: left;
    font-family: 'BarlowMedium';
	font-size: 0.8vw;
}
.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  {font-family: 'ITCAvantGardeBold';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.1vw;
	padding: 0px;
    background-color: transparent;
    border-radius: 0px;
    margin-top: 0px;
    color: #707070;
    font-size: 1vw;
    border: none;
    font-family: "BarlowItalic";
    border-bottom: 1px solid #ae8d64;
    box-shadow: none;
}

#beforeblocclair {
    position: absolute;
    top: 42vw;
}
#beforeblocclair2 {
    position: absolute;
    top: 41vw;
}

.control {
    color: #707070;
}

footer .col-md-4 {
    margin-left: 11.5vw;
}
.formulaire #code_postal {width:100%;}
.formulaire #code_postal input {width: 97.5%;}
.formulaire input::placeholder {color:#707070;     font-family: "CamptonLightItalic";     font-size: 0.9vw;}
#mentionschamps {
    text-align: center;
    color: #ffffff;
    font-family: 'ITCAvantGardeBook';
    font-size: 0.8vw;
    margin-top: 1vw;
    padding-left: 1vw;
    float: left;
}
#optin label  { color: #000000;font-family: 'ITCAvantGardeBook';    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%;
	margin-bottom: 1vw;
}
#rgpd a {color: #000000;text-decoration: underline;}
#carousel-residence {display:none;}
.ui-corner-all {z-index:900;}
#type_achat p { color: #000000;font-family: 'ITCAvantGardeBold';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; font-family: 'ITCAvantGardeBold';}
#quartier img {width: 100%;}
#quartier .col-md-6 h2 {
    text-align: left;
    font-size: 1.2vw;
    margin-bottom: 0.4vw;
    font-family: 'ITCAvantGardeBold';
}
#quartier .col-md-6 p {
    font-size: 0.9vw;
    text-align: left;
    font-family: 'ITCAvantGardeBook';
    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-family: 'ITCAvantGardeBook'; font-size: 0.8vw; color: #707070;    margin-bottom: 2vw;}
#footer p {font-family: 'ITCAvantGardeBook';font-size: 0.6vw;color: #707070;}

#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 {
	font-family:"Gotham-Book";
}

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

.confirmationheight {
	height:auto !important;
}

@media (max-width: 1550px) {
	#sc {
		left: 2.9vw;
	}
	#scp {
		top: 28vw;
	}
} 

#new_baseline {
	position: absolute; top: 0; right: 0;
	transform: translate(50%, -50%);
	border: 1px solid white;
	background: linear-gradient(to right, #D9B172, #BC9456);
	color: white;
	font-size: 1vw; line-height: 1.2em;
	text-align: center;
	height: 9.3vw; width: 9.3vw;
	display: flex; justify-content: center; align-items: center;
	flex-direction: column;
	font-family: "CamptonBook";
}
#new_baseline > b {
	font-family: "CamptonBold";
	width: fit-content;
	border-bottom: 1px solid white;
	padding-bottom: 0.5vw; margin-bottom: 0.5vw;
}

@media (min-width: 992px) {
    #burg, #closeburgerr {
        display: none!important;
    }
}

@media (max-width: 991px) {
    #burg {
        display: block;
        position: fixed;
        z-index: 100000;
        left: 3vw;
        padding: 4vw;
        background-color: black;
    }
    .plan-header {
        top: 655vw;
        left: 3vw;
        font-family: "BebasNeueBook";
        font-size: 12vw;

    }
    .plan-text {
        top: 675vw;
        left: 3vw;
        row-gap: 7vw;
        width: 94vw;
    }
    .boxes-access {
        padding-left: 5vw;
    }
    .boxes-access h5 {
        font-size: 8vw;
    }
    .box-flex p {
        font-size: 4vw;
    }

    .boxes-access.box1 {
        grid-column: 1;
        grid-row: 1;
    }
    .boxes-access.box2 {
        grid-column: 1;
        grid-row: 2;
    }
    .boxes-access.box3 {
        grid-column: 1;
        grid-row: 3;
    }
    .boxes-access.box4 {
        grid-column: 1;
        grid-row: 4;
    }
    .boxes-access.box5 {
        grid-column: 1;
        grid-row: 5;
    }

	#new_baseline {
		transform: translate(-25%, -50%);
		font-size: 12px;
		height: 100px; width: 100px;
	}
	#new_baseline > b {
		padding-bottom: 8px; margin-bottom: 8px;
	}

	#sc, #scp {
		top: -15px;
    	left: 67%;
		width: 320px;
    	transform: translateX(-50%);
	}

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

    header #darkgradient {
        top: 132vw;
    }

	#logomobile {
		width: 90vw;
		position: absolute;
		top: 20vw;
		left: 48vw;
    	transform: translateX(-50%);
	}
    #logomobile h1 {
        left: 30vw;
        font-size: 16vw;
        line-height: 15vw;
    }

    #logomobile h4 {
        left: 30vw;
        top: 28vw;
        font-size: 7.5vw;
        line-height: normal;
    }

	#sc_container {
		position: absolute;
		width: 100vw; height: 100vh;
		top: 0; left: 0; right: 0; bottom: 0;
	}
	.btn_plaquette img { margin-bottom: 0; }

	#blocclair {
		position: unset;
	}

	#blocclair #bloc1 {
		position: absolute;
		width: 94vw;
		padding: 15vw 5vw;
		top: 142.2vw;
		left: 3vw;
	}

	#blocclair #bloc1 h1 {
		font-size: 9vw;
	}

	#blocclair #bloc1 p {
		font-size: 4.5vw;
		margin-top: 7vw;
		line-height: 6.5vw;
	}

	#blocclair #bloc1 p span {
		font-size: 4vw;
	}

	#blocclair #bloc2 p {
		font-size: 4.5vw;
		margin-top: 1.5vw;
	}

	#blocclair #bloc2 p span {
		font-size: 4vw;
	}

	#bloc2 {
		position: absolute;
		top: 284.7vw;
		left: 3vw;
		padding: 8vw 5vw;
		width: 94vw;
		z-index: 5;
	}

    #closeburgerr {
        position: fixed;
        display: none;
        left: 6vw;
        width: 8vw;
        height: 8vw;
        z-index: 100000;
        top: 4vw;
    }

    nav {
        width: 100%;
        height: 100%;
        background-color: black;
        display: none;
        align-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-evenly;
        padding: 60vw 0;
        font-size: 8vw;
        top: 0;
        position: fixed;
    }

    nav a.element {
        flex: 1;
        color: white;
        margin-left: -10vw;
    }

    #blocclair #bloc2 h2 {
        top: -161vw;
        font-size: 17vw;
        font-family: "BebasNeueBook";
    }

	#blocclair #bloc3 h1 {
		font-size: 9vw;
	}

    #blocclair #bloc3 h2 {
        font-size: 6vw;
        padding-bottom: 5vw;
    }

	#blocclair #bloc3 {
		position: absolute;
		top: 448vw;
		left: 3vw;
		padding: 15vw 5vw;
		width: 94vw;
		z-index: 2;
	}

    #blocclair #bloc3 #texttop {
        top: -19vw;
        left: -4vw;
        font-size: 13vw;
        font-family: "BebasNeueBook";
    }

	#blocsombre #bloc1 {
		position: absolute;
		top: 7vw;
		left: 3vw;
		background-color: #ffffff;
		color: #000000;
		padding: 8vw 3vw 8vw 3vw;
		width: 94vw;
		z-index: 2;
	}

	#blocsombre #bloc1 h1 {
		font-size: 9vw;
	}

	#blocsombre #bloc1 p span {
		font-size: 4vw;
	}

	#blocsombre #bloc1 {
		position: absolute;
		top: 31vw;
		left: 3vw;
		background-color: #ffffff;
		color: #000000;
		padding: 10vw 5vw 10vw 5vw;
		width: 94vw;
		z-index: 2;
	}

	#blocsombre #bloc1 p {
		font-size: 4vw;
		margin-top: 7vw;
        line-height: unset;
	}

	#visuelimmeuble {
		position: absolute;
		top: 390vw;
		left: 3vw;
		width: 94vw;
		z-index: 5;
	}

	#blocsombre {
		position: relative;
		background-color: #222A2C;
		padding-bottom: 720vw;
        top: 393vw;
	}

	#blocclair #bloc3 p {
		font-size: 4vw;
		margin-top: 1.5vw;
        line-height: unset;
	}

	#blocsombre #bloc2 {
		position: absolute;
		top: 216vw;
		left: 3vw;
		padding: 20vw 3vw 7vw 3vw;
		width: 94vw;
		z-index: 2;
	}

    #blocsombre #bloc2 h2 {
        font-size: 7vw;
        left: 15vw;
        top: -13vw;
        display: block;
        width: 70vw;
    }

    #blocsombre #bloc2 #prestations {
        top: -198vw!important;
        left: 0!important;
        font-size: 11vw!important;
        font-family: "BebasNeueBook"!important;
        width: fit-content;
    }

	#blocsombre h2 {
		font-size: 5vw;
	}

	#blocsombre hr {
		border-top: 1px solid #ffffff;
		width: 100%;
		margin-left: 0vw;
		margin-top: 10vw;
		margin-bottom: 23vw;
	}
	#part2 img {
		position: absolute;
		width: 11vw;
		left: 3vw;
		top: 75vw;
	}

	#part1 img {
		position: absolute;
		width: 10vw;
		left: 2.5vw;
		top: 5vw;
	}

	#blocsombre li {
		margin-top: 1vw;
		font-size: 3.5vw;
        line-height: 6vw;
	}

	#visuelimmeuble {
		position: absolute;
        top: 337vw;
        left: 3vw;
        width: 94vw;
        z-index: 4;
	}

	#visuelimmeubledeux {
		position: relative;
		top: 393vw;
		width: 100%;
	}

	#blocclair #bloc3 p span {
		font-size: 4vw;
	}

	#blocblanc {
		background-color: transparent;
		padding: 10vw 10vw 10vw 10vw;
		height: auto;
	}

	#blocblanc img {
		margin-bottom: 5vw;
		width: 30vw;
		display: block;
		margin: auto;
	}

	#blocblanc h1 {
		font-size: 6vw;
		text-align: center;
		padding: 8vw;
	}

	#blocblanc p {
		font-size: 3vw;
		line-height: 5vw;
		text-align: center;
	}
	#blocblanc p span {
		font-size: 3vw;
		line-height: 5vw;

	}

	#rectangle {
		display:none;
	}

	#ctamob	{
		display: block;
		margin: 110px auto 0;
		text-align: center;
		background-color: #ffffff;
		font-size: 5vw;
		color: #8A713B;
		width: 42vw;
		padding: 2vw;
		box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
		text-decoration: none;
	}

	#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;
        margin-top: -32px;
    }
	#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 {font-family: "Raleway-Regular";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 {font-family: "Raleway-Medium";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 {font-family: "Raleway-Bold";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;	font-family: 'ITCAvantGardeBold';	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 {font-family: "Raleway-Medium"; 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;font-family: 'ITCAvantGardeBold';}
	#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;font-family: 'ITCAvantGardeBold';}
	#quartier .col-md-6 p {font-size: 3vw;text-align: left;font-family: 'ITCAvantGardeBook';margin-bottom: 7vw;text-align: center;padding-left: 8vw;padding-right: 8vw;}
#quartier {
    padding-bottom: 0vw;
}

	/****** FORMULAIRE ******/
	.formulaire {
		position: relative;
		width: 100%;
		padding: 10vw 6vw;
		right: auto;
		height:auto;
	}
	.formulaire h4 {
		color: black;
		text-align: center;
		font-size: 3vw;
	}
	.formulaire #logo {width: 30vw;}
	.formulaire h3 {
		color: black;
		text-align: center;
		font-size: 8vw;
		margin-top: 0vw;
	}

	.formulaire h4 {
		color: black;
		text-align: center;
		font-size: 3.5vw;
	}
	.form-group {
		margin-bottom: 15px;
		width: 100%;
	}
	.form-control {
		width: 100%;
		margin: auto;
		border-radius: 0px;
		color: #707070;
		height: 7vw;
		font-size: 3.4vw;
		margin-top: 0px;
	}
	.formulaire input::placeholder {color:#707070; font-size:3.4vw;}
	.formulaire #code_postal input {width: 100%;}
	header #avantages #decouvrez, .btn-documentation, #jusqua {
		font-size: 5vw;
		padding: 3vw 10vw 2vw 10vw;
		display: block;
		margin: auto;
	}
	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;
	}

	#optin {
		width: 100%;
		margin-bottom: 4vw;
	}

		#rgpd a {color: #ffffff;text-decoration: underline;}
	 .formulaire #mentionsleg {color: black;font-size: 2.5vw;margin: auto;display: block;text-decoration: underline;text-align: center;margin-top: 5vw;}
	 #footer h3 {font-family: 'Raleway-Regular';font-size: 3vw;}
	 #civilite {    font-size: 4vw;}
	 .formulairebackground {display:none;}
	 #confirmation {
        margin-top: 5vw;
    }
	 #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;
	}

	#footer img {
		margin-bottom: 0vw;
		float: left;
		margin-left: 0;
		width: 30vw;
	}

	#ctamobile {
		display:none;
	}

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

	#maintext {
		padding-bottom: 45vw;
	}

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

	#formcontainer {
		position: relative;
		margin: 20vw 10vw 10vw;
		overflow: hidden;
        margin-top: 395vw;
        z-index: 1;
	}

	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;
		margin-top: 3vw;
		top: 0vw;
		border-radius: 23px;
		width: 10vw;
		color: #9DA7B1;
		padding: 3.2vw 0vw 0vw 0vw;
		height: 5vw;
		font-size: 0vw;
	}

	#optin #ouip {
		position: absolute;
		top: 3.3vw;
		left: 21vw;
		font-size: 4vw;
	}

	#optin #nonp {
		position: absolute;
		top: 3.4vw;
		left: 42vw;
		font-size: 4vw;
	}

	input[type='radio']:checked:after {
		content: " ";
		position: absolute;
		left: 1.4vw;
		top: 4.3vw;
		border-radius: 30px;
		color: #FFFFFF;
		width: 2.5vw;
		font-size: 0.8vw;
		width: 2.2vw !important;
		height: 2vw;
		background-color: #ffffff;
	}

	#typologie input {
		width: 13.3vw;
	}

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

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

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

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

	#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;
	}
    #confirmation spe {
        font-size: 9vw;
    }

	#mentionslegales {
		color: #002234;
		text-decoration: underline;
		text-decoration-line: underline;
		text-decoration-style: initial;
		text-decoration-color: initial;
		position: relative;
	    top: 2vw;
        text-align: center;
        right: -25vw;
        padding-bottom: 20vw;
	}

	.modal-header h5 {
		font-size: 4vw;
		color: #002234;
		margin-bottom: 0vw;
		padding-left: 2.3vw;
	}

	.modal-body h1 {
		font-size: 5vw !important;
		margin-bottom: 1vw !important;
		margin-top: 2vw;
		text-align: left !important;
		padding: 5vw 2vw 3vw 0vw !important;
	}

	.modal-body p {
		font-size: 4vw !important;
		line-height: 6vw !important;
		text-align: left !important;
	}

	.modal-body a {
		font-size: 4vw !important;
		line-height: 4vw !important;
	}

	.modal-body ul li {
		color: #002234;
		font-size: 4vw !important;
		line-height: 6.3vw !important;
		padding-top: 4.7vw;
	}

	#numerotelephone {
		margin-top: 5vw;
		position: relative;
		font-size: 5.3vw;
		margin-bottom: 5vw;
		padding: 2.7vw 0vw 2vw 14vw;
		display: block;
		border-radius: 10vw;
		width: 45vw;
		background-repeat: no-repeat;
		background-position-x: 5vw;
		background-position-y: 4vw;
		background-size: 5vw;
	}

	#vefa {
		background-color: #ffffff;
		padding: 5vw;
		position: relative;
		margin: auto;
		border: 1px solid #002234;
		box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
		margin-top: 10vw;
		margin-bottom: 4vw;
		width: 40%;
		left: auto;
	}
	
	#vefa img {
		width: 16vw !important;
	}
	
	#vefa p {
		font-size: 2.9vw !important;
		text-align: center;
	}

	#persint {
		width: 94vw;
		position: absolute;
		left: 3vw;
		top: 360vw;
	}

    #beforeGrille {
        top: 390vw!important;
    }

    #beforeblocclair {
        top: 110vw;
    }

	#blocsombre #grilledeprix {
		position: absolute;
		top: 435.6vw;
		left: 3vw;
		background-color: rgba(0, 0, 0, 1);
		color: #ffffff;
		padding: 11vw 4vw;
		width: 94vw;
		z-index: 11;
	}

	#grilledeprix h1 {
        position: relative;
        font-family: "BebasNeueBook";
		font-size: 13vw;
        left: unset;
        top: unset;
	}

	#blocsombre #grilledeprix p span {
		font-size: 4vw;
	}

	#blocsombre #grilledeprix p {
		font-size: 4vw;
		padding-top: 2vw;
		padding-bottom: 2vw;
		border-bottom: 1px solid #FFFFFF;
	}

	#plan {
		position: absolute;
        left: 3vw;
        width: 94vw;
        height: 86vw;
        top: 567vw;
        background-position: 70% 65%!important;
	}

	#formedeux {
		position: absolute;
		top: 437vw;
		width: 37vw;
		right: 5vw;
		left: unset;
	}

	footer {
		padding: 0vw 10vw;
	}

	#footerlogo {
		width: 100%;
		margin-bottom: 15vw;
	}

	#nosconseillers {
		font-size: 3.7vw;
	}

	#typologie input {
		width: 11vw;
	}

	input[type='radio']:before {
		content: "";
		position: absolute;
		left: 0vw;
		margin-top: 3vw;
		top: 0vw;
		border-radius: 0vw;
		width: 10vw;
		color: #FFFFFF;
		padding: 3.2vw 0vw 0vw 0vw;
		height: 10vw;
		font-size: 2.7vw;
	}

	input[type='radio']:checked:after {
		content: " ";
		position: absolute;
		left: 1.4vw;
		top: 0vw;
		border-radius: 30px;
		color: #000000;
		width: 4.5vw;
		font-size: 2.9vw;
		width: 9.5vw !important;
		height: 10vw;
		background-color: #ae8d64;
	}

	#typologie input[type='radio']:after {
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 0px;
		padding-top: 3.2vw;
	}

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

	#optin input[type='radio']:before, #optin input[type='radio']:after {
		width: 5vw !important;
		margin-left: 13vw;
		border-radius: 3vw;
		height: 5vw;
		left: 0vw;
	}

	#optin input[type='radio']:after {
		top: 3vw;
	}
	
	#grilledeprix p img {
		width: 3.5vw;
	}

	#blocsombre .deplier p {
		border-bottom: 1px solid #877456 !important;
		font-size: 4vw!important;
		padding-top: 0.7vw !important;
		padding-bottom: 2vw !important;
	}

	#ctaamobile {
		display:block;
        right: -4.5vw;
	}	
}

#beforeGrille {
    position: absolute;
    top: 80vw;
    left: 5vw;
}

#grilledeprix { position: relative; }

#gdp_baseline {
	position: absolute;
	right: -30px; top: -30px;
	transform: translateX(100%);
}
#gdp_baseline > b {
	padding: 30px; padding-left: 45px; padding-bottom: 45px;
	color: white;
	font-size: 1.1vw;
	font-weight: bold;
	position: relative; z-index: 10;
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(6px);
}

#gdp_baseline > div {
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	transform: translate(30px, -30px);
	border: 1px solid #EBC974;
	z-index: 1;
}

#newmentions { padding-right: 25vw;  }

@media (max-width: 767px) {

	#newmentions {
		padding-right: unset;
	}
	
	#gdp_baseline {
		position: relative; right: 0; top: 0;
		transform: unset;
	}
	#gdp_baseline > b {
		padding: 0 0 20px;
		font-size: 16px;
	}
	#gdp_baseline > div {
		border: none;
		border-top: 1px solid #EBC974;
		transform: unset;
		position: relative;
		width: 80%;
		margin: auto;
		padding-bottom: 30px;
	}
}