@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

/* font-family: 'Montserrat', sans-serif; */
.tac.mt10{text-align: center;margin-top: 10px;clear: both;}

html {
  scroll-behavior: smooth;
}

body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #2C2C2C;
	background-color: #FCFBF4;
	font-size: 16px;
}

.wrap{
	width: 1330px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #666564;
	font-style: 600;
	font-size:16px;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
	color: #666564;
	font-style: 600;
	font-size:16px;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
	color: #666564;
	font-style: 600;
	font-size:16px;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
	color: #666564;
	font-style: 600;
	font-size:16px;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
}

header{
	padding: 10px 0 30px 0;
}

header .wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:25px;
}
.menu-ico{display: none;}

header .ballon{
	margin-right: auto;
	width: 80px;
}

header nav, footer nav{
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap:14px;
}

header nav a, footer nav a{
	color: #2C2C2C !important;
	text-decoration: none !important;
	
}
footer nav a{color: #666564 !important;}

header nav a:hover, footer nav a:hover{
	text-decoration: underline !important;
}
header nav a.selected, footer nav a.selected{
    color: #C5996D !important;
}

.sociallinks{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:10px;
}
footer .sociallinks{
	justify-content: flex-start;
}
header .sociallinks {
	gap:7px;
}
header .socialbtn {
    width: 30px;
    font-size: 14px;
}
.socialbtn{
	background-color: #C5996D;
	text-decoration: none !important;
	color: #fff !important;
	width: 35px;
	aspect-ratio:1;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 20px;
	border-radius: 50%;
	transition: all .8s;
}

footer .socialbtn{
	background-color: #666564;
	color: #CECDC5 !important;
	width: 30px;
	font-size: 16px;
}

.socialbtn svg{
	fill:#fff;
	display: block;
	width: 16px;
}
footer .socialbtn svg{
	width: 13px;
	fill:#CECDC5;
}
.banner{
	position: relative;
	border: 15px solid #F4F4F4;
	border-radius: 5px;
	background-color: #CECDC5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 0px 0 75px;
	margin-bottom: 75px;
}

.nothome .banner{
    -webkit-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
    min-height: 650px;
}

.nothome .banner::after{
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background: linear-gradient(90deg, rgba(0,0,0,.5) 15%, rgba(0,0,0,0) 100%);
}

.nothome .banimg img{display: none;}

.baninfos{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap:15px;
	translate:0 -30px;
    position: relative;
    z-index: 2;
}

.nothome .baninfos{
    color: #fff;
    padding: 25px 0;
}

a.logoban{
	display: block;
	width: 300px;
}

.nothome a.logoban{
    filter: grayscale(1) brightness(10);
}

.logoban img{
	display: block;
	width: 100%;
}

.baninfos p{
	width: 100%;
	margin: 25px 0px 20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 45px;
	line-height: 1.1;
}

.baninfos p+p{
    text-transform: none;
    line-height: 1.4;
    font-weight: normal;
    font-size: 18px;
    margin-top: 0;
}

.banimg{
	width: 600px;
	flex-shrink: 0;
}

.banimg img{
	display: block;
	width: 100%;
}

a.logoicon{
	width: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio:1;
	border-radius: 50%;
	background-color: #F4F4F4;
	transition: all .8s;
}

a.logoicon:hover{
	scale:1.1;
	filter: drop-shadow(0 0 15px rgba(0, 0, 0, .1));
	transition: all .3s;
}

a.logoicon img{
	display: block;
	width: 65%;
}

.banner a.logoicon{
	position: absolute;
	right: -7.5px;
	top: 50%;
	translate:50% -50%;
}

footer{
	margin-top: 50px;
	background-color: #CECDC5;
	color: #666564;
	padding: 60px 0px 30px;
}

footer .wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

footer .wrap+.wrap{
	margin-top: 80px;
}

.logof{
	width: 250px;
	display: block;
}

.logof img{
	display: block;
	width: 100%;
}

.infolettre p{
	font-weight: 600;
	margin-top: 0;
	line-height: 1.4;
}

.infolettre p:first-child{
	text-transform: uppercase;
	margin-bottom: 40px;
	font-size: 18px;
}

.infolettre p.mention{
	margin-top: 15px;
	font-size: 12px;
}

.infolettre input{
	appearance:none;
	background-color: transparent;
	border:0;
	border-radius: 0;
	display: block;
	font-size: 15px;
	padding: 5px 0;
	color: #666564;
	width: 100%;
	font-weight: 600;
}

.infolettre form{
	border-bottom: 1px solid #666564;
	padding-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.infolettre form:focus-within{
	border-bottom: 1px solid #C49A6D;
}

.infolettre button{
	appearance:none;
	background-color: transparent;
	border:0;
	border-radius: 0;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	color: #666564;
	font-family: 'Montserrat', sans-serif;
	white-space: nowrap;
	font-size: 16px;
}

.infolettre button:hover{color: #2C2C2C;}

.contactf{
	display: flex;
	justify-content: flex-end;
	gap:50px;
	align-items: flex-start;
	align-self: flex-start;
}

.contactf h3{
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 600;
}

.contactf h3+a{
	color: #666564 !important;
}

.footer_end{
	text-align: left;
	border-top:0;
	color: #666564;
}
.footer_end a{color: #666564 !important;}
.footermacle img{opacity: .5;}
a.politiquea{margin-left: 0;}

.bouton{
	display: inline-block;
	appearance:none;
	border:0;
	font-family: 'Montserrat', sans-serif;
	color: #fff !important;
	text-decoration: none !important;
	background-color: #C5996D;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	padding: 13px 20px;
	min-width: 150px;
	text-align: center;
	transition: all .8s;
}

.bouton:hover, .socialbtn:hover{
	background-color: #2C2C2C;
	transition: all .3s;
}

.profilhome .wrap, .prophome .wrap{
	width: 1200px;
	display: flex;
	gap:75px;
	align-items: center;
	justify-content: space-between;
}
.prophome .wrap{gap:20px;padding: 50px 0;}

.profilhome .img, .cta .img{
	width: 460px;
/*	padding-top: 60px;*/
	flex-shrink: 0;
	position: relative;
	border-radius: 5px;
	box-sizing: border-box;
	border:15px solid #CECDC5;
/*	background: radial-gradient(circle, rgba(177,177,177,1) 0%, rgba(54,52,53,1) 100%);*/
}
.cta .img{width: 100%;padding-top: 0;}
.profilhome .img>img{
	display: block;
	width: 100%;
}

.profilhome a.logoicon{
	position: absolute;
	left: -7.5px;
	top: 50%;
	translate:-50% -50%;
}

.profilpage .wrap{
    box-sizing: border-box;
    padding: 0px 300px 0px 150px;
}
.profilpage.profilpage2 .wrap, .servicespage .wrap, .servicesform .wrap{
    box-sizing: border-box;
    padding: 0px 150px 0px 150px;
}

.profilpage p{line-height: 1.4;}

.title, h1.h1styled{
	font-weight: 500;
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 30px;
}
h1.h1styled{text-align: center;}

.indented{
	padding: 0px 30px;
}

.indented p, .temslide p{
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 25px;
}

.prophome .title{margin-bottom: 0;}

.prophome{
	background-color: #CECDC5;
	margin-top: 75px;
}

.propcontainer{overflow: hidden;width: 100%;}

.propcontainer>.propslider{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:10px;
}
.propcontainer>*{
	width: 133%;
	translate:var(--transx) 0;
}

.propcontainer>.propslider>a:not(:nth-child(-n+4)){
	display: none;
}

.propa{
	display: block;
	background: #FCFBF4;
	text-decoration: none !important;
	overflow: hidden;
	border-radius: 5px;
	text-align: center;
	color: #2C2C2C !important;
	transition: all .8s;
}

.propa:hover{
	background-color: #C49A6D;
	transition: all .3s;
}

.propimg{
	display: block;
	width: 100%;
	transform-origin: bottom center;
	transition: all .8s;
}

a:hover .propimg{
	opacity: .9;
	scale:1.05;
	transition: all .3s;
}

.propa p{
	padding: 30px 5px;
	margin: 0;
	box-sizing: border-box;
	width: 100%;
}

.controlsprop, .controlstem{
	display: flex;
	gap:10px;
}

.controlsprop a, .controlstem a{
	width: 45px;
	transition: all .3s;
}
.controlsprop a:hover, .controlstem a:hover{
	filter: invert(67%) sepia(11%) saturate(1402%) hue-rotate(350deg) brightness(96%) contrast(82%);
}
.controlsprop svg, .controlstem svg{
	display: block;
	width: 100%;
}

.controlsprop a.prev, .controlstem a.prev{
	scale:-1 1;
}

.ctas .wrap, .profilpage2 .ctas, .ctas.double, .ctas.simple{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:20px;
	margin-top: 75px;
}
.ctas.double{grid-template-columns: 1fr 1fr;}
.ctas.simple{grid-template-columns: 1fr;}
.profilpage2{margin-bottom: 75px;}

.cta{
	text-align: center;
}

.profilpage2 .cta{
    background-color: #fff;border:15px solid #F4F4F4;
    position: relative;
    padding: 40px 15px 20px;
}

.profilpage2 .cta h3{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.profilpage2 .cta p{font-size: 14px;}

.profilpage ul{padding-left: 15px;}
.profilpage li{
    margin-bottom: 15px;
}

.cta a.logoicon, .aboutcta a.logoicon, .servicesform a.logoicon{
	position: absolute;
	top: -7.5px;
	left: 50%;
	translate:-50% -50%;
}

.cta .img>img{display: block;width: 100%;}

.cta .title{font-size: 20px;
margin-top: 30px;margin-bottom: 20px;}

.logoslist .wrap{
	margin-top: 75px;
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 1300px;
}

.logoel{
	padding: 0px 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.logoel:not(:first-child){
	border-left: 1px solid #B4B4B4;
}

.logoel img{
	display: block;
	max-width: 180px;
	max-height: 140px;
}

.temhome, .profilhome2, .profilpage2, .aboutcta, .servicesform{
	margin-top: 75px;
	background-color: #CECDC5;
	padding: 75px 0;
}

.temhome, .profilpage2, .aboutcta, .servicesform{
    border-radius: 5px;
    width: calc(100% - 60px);
    margin-left: auto;margin-right: auto;
}

.aboutcta, .servicesform{
    border-radius: 15px;
    border:15px solid #F4F4F4;
    position: relative;
    text-align: center;
    padding: 100px 0 80px;
}

.temhome .wrap, .profilhome2 .wrap{
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap:0 45px;
}

.profilhome2 .wrap{display: block;}

.temhome h2{width: 100%;}

.temsliderwrap{margin-bottom: 60px;margin-top: 50px;width: 100%;}

.temhome .temsliderwrap>.temslider{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:80px;
	overflow: hidden;
}

.temhome .temsliderwrap>.temslider>.temslide:not(:nth-child(-n+2)){
	display: none;
}

.temslide{
	position: relative;
}

.temslide::before{
	content:"";
	position: absolute;
	left: -40px;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: #2C2C2C;
}


.temslide p + p{
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
}

.profilhome2 ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:10px 60px;
	list-style-type: none;
	line-height: 1.4;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 50px;
}

.profilhome2 li{
	display: flex;
	gap:10px;
}

.profilhome2 li::before{
	content:"→";
	display: block;
	font-weight: bold;
}

.toggle-wrapper{
    background-color: #CECDC5;
    border-radius: 5px;
    margin-bottom: 15px;
    transition: all .4s;
}

.toggle-wrapper:has( .toggle-handle:hover), .toggle-wrapper.open{
    background-color: #C49A6D;
    color: #fff;
}

.toggle-handle{
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2C2C2C;
    font-size: 22px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all .4s;
}

.open .toggle-handle, .toggle-handle:hover{
    color: #fff;
}

img.toggle-icon{
    display: block;
    width: 30px;
    transition: all .4s;
}

.open .toggle-handle img.toggle-icon, .toggle-handle:hover img.toggle-icon{
    filter: invert(1) brightness(10);
}
.open .toggle-handle img.toggle-icon{rotate:180deg;}

.toggle-desc{
    display: none;
    padding: 0px 20px 15px 20px;
    
}

.toggle-desc p{
    font-size: 15px;
    line-height: 1.4;
}

.toggle-desc p:not(:last-child){
    margin-top: 15px;
}

.servicesform form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap:20px;
    margin-top: 80px;
}

.servicesform form > div{
    width: calc(50% - 10px);
    text-align: left;
}

.servicesform form > div.formfull{
    width: 100%;
}

.servicesform form label{
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
}

.servicesform .selectcont{width: 100%;height: 45px;}

.servicesform .selectcont select{height: 45px;text-transform: uppercase;font-weight: 600;font-family: 'Montserrat', sans-serif;font-size: 15px;}

.servicesform .selectcont:after{
    font-size: 13px;
    top: 11px;
    height: 18px;
    right: 1px;
    color: #000;
    opacity: .75;
}

.servicesform .form-buy input:not([type=submit]), .servicesform .form-buy textarea{
    padding: 10px;
    border:1px solid #727272;
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    font-family: 'Montserrat', sans-serif;font-size: 15px;
}
.servicesform .form-buy textarea{
    height: auto;
    line-height: 1.4;
    min-height:200px;
    resize: vertical;
    font-weight: 600;
    background-color: #FCFBF4;
}

.servicesform .cb-group{
    display: grid;
    grid-template-columns: repeat(5,1fr);
}
.servicesform form .cb-group label{
    width: 100%;
    padding-left: 20px;
    font-size: 13px;
    float: none;
    box-sizing: border-box;
    padding-right: 2px;
}
.servicesform form .cb-group label::after{background-color: #fff;top: 2px;}

.servicesform button{
    margin: 0 auto;
    display: block !important;
    width: max-content;
}

.servicesform #err{text-align: center;}

.servicesform input::-webkit-input-placeholder, .servicesform textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #666564;
	font-style: 600;
	font-size:16px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
.servicesform input::-moz-placeholder, .servicesform textarea::-moz-placeholder { /* Firefox 19+ */
	color: #666564;
	font-style: 600;
	font-size:16px;
    text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
.servicesform input:-ms-input-placeholder, .servicesform textarea:-ms-input-placeholder { /* IE 10+ */
	color: #666564;
	font-style: 600;
	font-size:16px;
    text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
.servicesform input:-moz-placeholder, .servicesform textarea:-moz-placeholder { /* Firefox 18- */
	color: #666564;
	font-style: 600;
	font-size:16px;
    text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

.iframecalcu{
    border-radius: 5px;
    background-color: #C49A6D;
    margin:50px auto;
    width: calc(100% - 200px);
    box-sizing: border-box;
    padding: 50px;
}

.iframecalcu form{
    margin-left: auto;margin-right: auto;
    text-align: center;
    max-width: 600px;
    
}

.iframecalcu .ligne_calcul, .iframecalcu .box_ctem{
    float: none;
}

.iframecalcu .champs_tem, .iframecalcu .box_ctem{
    width: 100%;
    text-align: center;
}
.iframecalcu .champs_tem{
    border-bottom: 1px solid #fff;
}
.iframecalcu .champs_tem:focus{
    border-bottom: 1px solid #2c2c2c;
}

.iframecalcu button[type=submit]{
    background-color: #2c2c2c;
    color: #fff !important;
}



a.btn_print:link, a.btn_print:visited, a.retour_maison:link, a.retour_maison:visited, .btn_wrapper i{
	color: #C5996D;
}

.indentmenu ul li a.selected {
    background-color: #C5996D;
    border-bottom: 1px solid #C5996D;
}

.box_tabs{
	border-bottom: 3px solid #C5996D;
}

button.btn_calcul4, a.btn_calculateurs:link, a.btn_calculateurs:visited, .form_infos a.btn_calcul4:link, .form_infos a.btn_calcul4:visited, a.btn_calcul4:link, a.btn_calcul4:visited, h3.stit_detail.stit_calcul, .wrapper_triger.active, .btn_eval.btn_calcul4, a.btn_download:link, a.btn_download:visited{
	background-color: #C5996D;
	border-radius: 0px;
	font-weight: 600;
	text-transform: uppercase;
	color:#FFF;
	border: none;
	outline: none;
}

button.btn_calcul4:hover, button.btn_calcul4:focus, .form_infos a.btn_calcul4:hover, a.btn_calcul4:hover, .wrapper_triger, .btn_eval.btn_calcul4:hover, a.btn_download:hover{
	background-color: #333;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	font-weight: 600;
	text-transform: uppercase;
}

.wrapper_right_btns{right: 30px;}

.right_btn{
	background-color: #C5996D;
}

.right_btn:hover {
    background-color: #333;
}

a.btn_social, p.socialbtns a{
	transition: color .4s;
}

a.btn_social:hover, p.socialbtns a:hover{
	color: #C5996D !important;
}

.vendreintro{
	text-align: center;
	background: #CECDC5;
	padding: 30px 0;
}

.vendreintro h1{
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	width: 100%;
}

.vendreintro ul{
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 30px;
	text-align: left;
}

.vendreintro li{
	margin-bottom: 5px;
}

#form_item{
	text-align: center;
}

.titre_ajouter_item{
	text-transform: none;
    font-weight: 700;
    color: #2C2C2C;
    font-size: 16px;
    line-height: 1;
    margin: 0;
    padding-bottom: 30px;
	text-align: center;
}

.page_temoin{max-width: 800px !important;}

.wrapper_btns_mobile > div:first-child, .btn_mobile {
    background-color: #C5996D;
}

.wrapper_btns_mobile > div:last-child, .wrapper_btns_mobile > div:last-child .btn_mobile{
    background-color: #333;
}

.slider img{
	position: fixed !important;
	z-index: -1 !important;
}





button[type=submit], .pagevendre input[type=submit]{
	display: inline-block;
	appearance:none;
	border:0;
	font-family: 'Montserrat', sans-serif;
	color: #fff !important;
	text-decoration: none !important;
	background-color: #C5996D;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	padding: 13px 20px;
	min-width: 150px;
	text-align: center;
	transition: all .8s;
}

button[type=submit]:hover, .pagevendre input[type=submit]:hover{
	background-color: #2C2C2C;
	color: #fff !important;
	transition: all .3s;
}

.champs_tem, .pagevendre input:not([type=submit]):not(:first-child), .pagevendre textarea, .form-buy input:not([type=submit]){
	appearance:none;
	border:0;
	border-bottom:1px solid #CECDC5;
	background-color: #FCFBF4;
	border-radius: 0;
	padding-left: 0;padding: 10px 0;
	font-size: 15px;
	font-weight: 600;
	color: #666564;
}

.champs_tem:focus, .pagevendre textarea:focus, .pagevendre input:not([type=submit]):not(:first-child):focus, .form-buy input:not([type=submit]):focus{
	border-bottom:1px solid #C49A6D;
	outline:none;
}

.contactp hr{
	background-color: #CECDC5;
}
.pagevendre .wrap{padding-top: 0;}

.form-buy .buy-lastpart label{margin-bottom: 0;}

.selectcont select{
	background-color: #FCFBF4;
	border-color:#CECDC5
}
.selectcont:after{
	background-color: #FCFBF4;
}



/*Project */
.text-projet-intro {
	padding-bottom: 35px;
	line-height: 160%;
}
.projet-map {
	border: 15px solid #F4F4F4;
    border-radius: 5px;
    background-color: #CECDC5;
}
.projet-map iframe {
	width:100%;
}

@media screen and (min-width: 2200px) {
	
}

@media screen and (max-width: 1345px) {
	.banimg{width: 460px;}
	.baninfos p{font-size: 32px;}
	a.logoban{width: 250px;}
	.banner{padding-left: 30px;}
	.bouton{min-width: 0;}
	header nav, footer nav{font-size: 13px;gap:10px;}
	header .ballon{width: 50px;}
	header .wrap{gap:15px;}
	.sociallinks{gap:5px;}
	.banner{width: calc(100% - 30px);box-sizing: border-box;}
	.profilhome .img{
		margin-left: 30px;
		width: 400px;
	}
	.propa p{font-size: 14px;}
	.logoel img {
		display: block;
		max-width: 160px;
		max-height: 120px;
	}
	.contactf{gap:25px;}
    
    .profilpage.profilpage2 .wrap, .servicespage .wrap, .servicesform .wrap, .profilpage .wrap{
        padding: 0px 50px;
    }
    
}

@media screen and (max-width: 1120px) and (min-width: 1025px) {
	header .wrap {
        gap: 0 15px;
        flex-wrap: wrap;
        align-items: flex-start;
    }
	header nav {
		order: 3;
		flex: 0 0 100%;
		margin-top: -15px;
    }
}
@media screen and (max-width: 1024px) {
	
	.menu-ico{
		display: block;
		width: 30px;
		height: 22px;
		cursor: pointer;
		transition: all .4s;
	}
	
	.menu-ico.open{
	}
	
	.menu-ico span{
		display: block;
		width: 100%;
		height: 4px;
		background: #2C2C2C;
		margin-bottom: 5px;
		border-radius: 1px;
		transition: all .4s;
	}
	
	header nav, footer nav{display: none;}
	
	header nav{
		position: absolute;
		right: 20px;
		top: 110px;
		min-width: 25%;
		text-align: right;
		z-index: 99;
		padding: 20px;
		background-color: #CECDC5;
	}
	
	header nav a{
		display: block;
		margin: 5px 0;
		font-size: 16px;
	}
	
	.baninfos p{
		font-size: 25px;
		margin: 15px 0px 10px;
	}
	.banimg{width: 400px;}
	.baninfos{gap:10px;}
	.bouton{
		padding: 12px 15px;
		font-size: 14px;
	}
	
	.profilhome .wrap{align-items: flex-start;gap:40px;}
	.profilhome .img{width: 350px;}
	.propa p{
		font-size: 12px;
		min-height: 90px;
	}
    .propa{margin-bottom: 2px;}
	.logoel img {
		display: block;
		max-width: 120px;
		max-height: 90px;
	}
	.infolettre p:first-child, .contactf h3, .infolettre button{font-size: 15px;}
    .nothome .banner{min-height: 450px;}
    .profilpage.profilpage2 .wrap, .servicespage .wrap, .servicesform .wrap, .profilpage .wrap{padding: 0px 20px;}
}

@media screen and (max-width: 900px) {
	.banimg{width: 350px;}
	a.logoicon{width: 55px;}
	.banner {
		width: calc(100% - 20px);
		box-sizing: border-box;
	}
	.wrap{
		max-width: calc(100% - 20px);
        width: calc(100% - 20px);
	}
	
	a.logoban{width: 200px;}
	.baninfos p{font-size: 22px;}
	.logoel img {
		display: block;
		max-width: 100px;
		max-height: 70px;
	}
	.cta .title{font-size: 16px;}
	.title, h1.h1styled{font-size: 26px;margin-bottom: 20px;}
	.logof{margin-left: auto;margin-right: auto;width: 275px;}
	.infolettre{margin-left: auto;margin-right: auto;margin-bottom: 20px;}
	.contactf{
		width: 100%;
		justify-content: center;
	}
	.indented{padding: 0px 15px;}
	.profilhome .img{
		width: 290px;
/*		padding-top: 30px;*/
	}
    
    .nothome .banner{min-height: 0;}
    .nothome .banimg{width: 280px;}
    .servicesform .cb-group{grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (max-width: 750px) {
	.nothome .baninfos{
		padding: 160px 0 15px 0;
	}
	
	.banner{border-width: 10px;padding-left: 15px;padding-right: 15px;padding-top: 15px;width: 100%;flex-wrap: wrap;gap:20px;}
	.baninfos{width: 100%;translate:0;text-align: center; justify-content: center;}
	.banimg{max-width: 100%;margin-left: auto;margin-right: auto;}
	.banner a.logoicon{
		bottom: -5px;
		right: auto;
		top: auto;
		left: 50%;
		translate:-50% 50%;
	}
	.profilhome .wrap, .logoslist .wrap, .contactf{flex-wrap: wrap;}
	.logoslist .wrap{gap:15px;}
	.indented{padding: 0;text-align: center;}
	.title, h1.h1styled{text-align: center;}
	.ctas .wrap{grid-template-columns: 1fr;gap:50px;max-width: 350px;width: 100%;margin-left: auto;margin-right: auto;box-sizing: border-box;}
	.logoel:not(:first-child){border-left:0;}
	.temhome .wrap, .profilhome2 .wrap{gap:20px;}
	
	.propcontainer>.propslider, .temhome .temsliderwrap>.temslider{grid-template-columns: 1fr;gap:20px;}
	.propcontainer{max-width: calc(100% - 10px); width: 350px;margin-left: auto;margin-right: auto;}
	.temslide::before{display: none;}
	.propcontainer>*{
	width: 100%;
	translate:0 0;
}
	.profilhome2 ul{grid-template-columns: 1fr;	}
	header{padding: 18px 0;}
	header nav{
		top: 95px;
	}
    .temhome{
        border-radius: 4px;
        width: calc(100% - 20px);
        margin-left: auto;margin-right: auto;
    }
    
    
    
    
    
    .ctas.third{grid-template-columns: 1fr;}
    
    .ctas.double{grid-template-columns: 1fr;}
    .servicesform .cb-group{grid-template-columns: 1fr 1fr;}
    .servicesform form > div{width: 100%;}
    .profilpage.profilpage2 .wrap, .servicespage .wrap, .servicesform .wrap, .profilpage .wrap{padding: 0;}
    .toggle-handle{font-size: 17px;padding: 10px 15px;gap:5px;}
    .toggle-desc {
        padding: 0px 10px 15px 10px;
    }
    .temhome, .profilpage2, .aboutcta, .servicesform{
        width: calc(100% - 20px);
    }
    .nothome .banner::after{
        top: 0;left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0,0,0,.85) 15%, rgba(0,0,0,.25) 100%);
    }
    .banner a.logoicon{z-index: 99;}
    .iframecalcu{width: 100%; padding: 30px 20px;}
	.baninfos p + p {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 0;
    }
    .aboutcta, .servicesform{padding: 70px 5px 50px;box-sizing: border-box;}
    .nothome .banner{background-position: center;}
}

@media screen and (max-width: 370px) {
	
	.btn_social{
		width: 17px;
		margin: 0px 1px;
	}
	
	header nav.soc span{
		font-size: 14px;
	}
	
	.slider img {
    	width: 320% !important;
	}
	
	footer a.logo{
		width: 300px;
	}
}
.back_btn {
	text-align: right;
    position: relative;
    top: -55px;
}

@media screen and (max-width: 590px) { 
	.back_btn {
		top: 0;
		margin: 0 0 30px 0;
	}
	.back_btn a.btn_calcul4 {
		font-size: 12px;
	}
}

.mosaique .box_maison_img img:not(.marq_vendu){
   display: block;
   width: 100%;
   transition: all .4s;
}

.photo_vendu{background: #000 !important;overflow: hidden;}

.photo_vendu:hover img:not(.marq_vendu){transform: scale(1.1);opacity: .7;}
.prophome a:not(.btn) img.marq_vendu{
    width: 210px;
    height: auto;
}