:root {

}

nav .btn {
	background-color: var(--navbar-button);
}

nav .btn:hover {
	background-color: var(--nav-btn-hover);
}

.btn { border: none; color: white; }
.btn:hover { color: var(--secondary); border: 1px solid var(--button-form-clr);  }
.btn svg, .btn svg * { fill: white; }
.btn:hover svg, .btn:hover svg * { fill: var(--navbar-hover); }

/* ----------- --------- */

header .offer {
	position: absolute;
    left: 0;
    top: 40px;
    z-index: 1;
    margin-bottom: 0;
}

header .header_offres {
    position: absolute;
    top: 3vw;
    right: -9vw;
    z-index: 1;
}

header .header_offres img {
    width: 50%;
    height: auto;
}

#plus .plus-img {
	width: 35%;
	margin: 1vw 0;
}

header .offer > div {
    background-color: var(--primary);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768.248' height='245.779' viewBox='0 0 768.248 245.779'%3E%3Cpath id='Tracé_3834' data-name='Tracé 3834' d='M-295.971,0H472.276L411.369,245.779h-707.34Z' transform='translate(295.971)' fill='%23181730'/%3E%3C/svg%3E") no-repeat right/cover;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768.248' height='245.779' viewBox='0 0 768.248 245.779'%3E%3Cpath id='Tracé_3834' data-name='Tracé 3834' d='M-295.971,0H472.276L411.369,245.779h-707.34Z' transform='translate(295.971)' fill='%23181730'/%3E%3C/svg%3E") no-repeat right/cover;
	color: white;
	padding-top: calc(var(--padd) * .5);
	padding-right: calc(var(--padd) * 2.2);
	padding-bottom: calc(var(--padd) * .5);
	padding-left: var(--padd);
}
header .offer h2 {
	font-family: "Lato", sans-serif;
    font-weight: normal;
	font-size: 1.3em;
    text-transform: uppercase;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}
header .offer h2 span{
	color: #B9A079;
}

header .patch-header-bloc {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
	right: 3vw;
	margin: 0;
	padding: 0;
	z-index: 2;
}

header .patch-header-bloc .patch-header-item {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	flex: 0 0 11vw;
	width: 11vw;
	border-top-left-radius: 5vw;
	border-top-right-radius: 5vw;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 1vw .6vw 0;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	line-height: 1.3;
}

header .patch-header-bloc .patch-header-item sup {
	font-size: .45em;
	line-height: 0;
	vertical-align: super;
}

header .patch-header-bloc .patch-header-item.item1 {
	background-color: #E63319;
	height: 7vw;
	font-size: clamp(13px, 1.65vw, 23px);
	margin-right: -1vw;
}
header .patch-header-bloc .patch-header-item.item2 {
	background-color: #EE7613;
	height: 8vw;
	font-size: clamp(14px, 1.85vw, 26px);
	margin-right: -1vw;
}
header .patch-header-bloc .patch-header-item.item3 {
	background-color: #F4B512;
	height: 9vw;
	font-size: clamp(15px, 1.95vw, 29px);
}

header .patch-header-bloc .patch-header-item.item1 sup {
	position: relative;
	top: 1.8em;
    left: -3.3em;
}

header .patch-header-bloc .patch-header-item.item2 sup {
	position: relative;
	top: -1em;
    left: 0.1em;
}

form .btn::before {
	content: " ";
    width: 27.5vw;
    height: 20vw;
    position: absolute;
    bottom: -14vw;
    background-image: url(../images/deco-pulse.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    z-index: 1;
}

header .logos {
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
}

nav .btn.orange {
    background-color: #EE7613;
}

nav .btn.red {
    background-color: #E63319;
}



@media (max-width: 768px) {
	header .patch-header-bloc {
		right: 0;
		width: 100%;
	}

	header .patch-header-bloc .patch-header-item {
		flex-basis: 21.333vw;
        width: 21.333vw;
		padding: 3vw 1.5vw 0;
		border-top-left-radius: 16vw;
		border-top-right-radius: 16vw;
	}

	header .patch-header-bloc .patch-header-item.item1 {
		height: 12vw;
		font-size: clamp(9px, 2vw, 14px);
	}

	header .patch-header-bloc .patch-header-item.item2 {
		height: 14vw;
		font-size: clamp(13px, 2vw, 21px);
	}

	header .patch-header-bloc .patch-header-item.item3 {
		height: 16vw;
		font-size: clamp(13px, 2vw, 21px);
	}
}

@media (max-width: 768px) {
	header .offer {
		top: 68vw;
	}
	header .offer > div {
		padding-top: calc(var(--padd) * .3);
		padding-right: calc(var(--padd) * 1.3);
		padding-bottom: calc(var(--padd) * .3);
		padding-left: calc(var(--padd) * .3);
	}
	header .offer h2 {
		font-size: 1em;
	}
}

@media (min-width: 1024px) {
	header .baseline > div {
		padding-right: calc(var(--padd) * 3);
	}
	header .popup  {
		color: white;
		width: 8vw;
	    height: 8vw;
	    transform: translate(33.3%, 30%);
	}

	#informations {
		width: 55%;
	}

	.visu2 {
		background-size: cover !important;
	}
	
}

#prestations .background {
	padding-top: 73.25%;
}

/*.splide__pagination {
	bottom: 30px !important;
}

main .splide__pagination__page.is-active { background: white; opacity: 1; }
main .splide__arrow { border-radius: unset; opacity: 1; }
main .splide__arrow svg { display: none; }
main .splide__arrow--prev { background: url(../images/cprev.png) no-repeat center/contain; left:12em ;}
main .splide__arrow--next { background: url(../images/cnext.png) no-repeat center/contain; right: 12 em;}

button.splide__arrow.splide__arrow--prev {
	left: 12vw !important;
}

header .splide { height: calc(100% - var(--padd2m)); align-self: flex-end; }

header .splide { height: 44vw; width: 120%; margin-left: -10%; }
header .splide .splide__slide { background-position: center !important; background-size:contain; }*/

header .popup  {
	color: white;
}
header .popup .fsize_sm {
	font-size: clamp(12px,0.8vw,20px);
}

#plus li {
	padding-left: 0.8em;
}

#plus h3 {
	padding-left: 0.5em;
	letter-spacing: 2px;
}

#addr h3 {
	padding-left: 0.5em;
	letter-spacing: 2px;
}

#gdp h3 {
	letter-spacing: 2px;
}

.disp_mobile {
	display: none;
}

#formulaire h2 {
		border-bottom: none;
		margin-bottom: 0;
	}

.plusinf {
	background-color: var(--cta-information)
}

header .baseline > div {
	mask: unset;
	-webkit-mask: unset;
	border-top-right-radius: 5vw;
	border-bottom-right-radius: 5vw;
}

header .baseline h1 {
	margin: 0;
	color: #D3D927;
	font-weight: 800;
}

header .baseline h2 {
	color: #D3D927;
	text-transform: none;
}

header .pictos {
    position: absolute;
    top: 0;
    left: 37vw;
    transform: translate(0, -50%);
}

header .bandeau-baseline {
	background-color: #D3D927;
    color: #015E53;
    text-align: center;
    padding: 1em 0;
    position: absolute;
    bottom: 10vw;
    z-index: 1;
    width: 35vw;
    border-top-right-radius: 3vw;
	height: 5vw;
	margin: 0;
}

header .bandeau-baseline p {
	font-size: 2.3vw;
	margin: 0;
	padding: 0 0 0 5vw;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.3vw;

}

#projet .markus_radio label {
	width: 10vw;
}

@media (max-width: 1024px) {
	/*header .splide { height: 80vw; width: 120%; margin-left: -10%; }
	main .splide__arrow--prev { background: url(../images/cprev.png) no-repeat center/contain; left:10vw  }
	main .splide__arrow--next { background: url(../images/cnext.png) no-repeat center/contain; right: 10vw }*/

	header .logos {
		padding-right: calc(var(--padd) * 1.5 );
		padding-left: calc(var(--padd) * 1 );
		padding-bottom: 10px;
		padding-top: 10px;
		mask: unset;
		-webkit-mask: unset;
		border-top-right-radius: 10vw;
		border-bottom-right-radius: 10vw;

	}

	header .header_offres {
	   
	    top: inherit;
	    right: inherit;
	    left: 4vw;
	    z-index: 1;
	    bottom: -15vw;
	}

	header .header_offres img {
	    width: 60%;
	    height: auto;
	}

	header .popup {
		left: -10px;
	}
	

	header .logos > img {
		width: auto;
		height: 20vw;
	}

	nav.active .logos span.upper {
		line-height: 22px;
	}

	header .baseline h1 strong {
		line-height: 1.5em;
	}

	.visu1 {
		
	}

	#gdp h3 {
		display: block !important;
		visibility: visible;
		left: -15px;
	}

	#plus div {
		padding-left: var(--padd2d);
	}

	#plus .plus-img {
	    width: 75%;
	    margin: 5vw 0;
	}

	.disp_mobile {
		display: block;
	}

	.formLeads input {
		width: 100%;
	}

	.formLeads .title p {
		text-align: center;
	}

	footer .mentions p {
		margin-left: -5px;
	}

	/*.splide__slide {
		background-size: cover;
	}*/

	#formulaire .btn {
		width: 60%;
		height: 50px;
		font-size: 4.5vw;
	}

	#cta {
		bottom: -3px;
		font-size: 5.5vw !important;
	}


	.formLeads {
		font-size: 100%;
	}

	#formulaire h2 {
		font-size: 6.5vw;
		padding-bottom: 3vw;
	}

	.visu1 {
		background-size: cover !important;
		background-image: url('../images/vheader-mob.jpg') !important;
	}

	.visu2 {
		background-size: cover !important;
	}

	.formLeads {
		padding-top: 5vw;
	}

	.logos p {
		padding-bottom: 3vw;
	}

	footer .logos > span {
		top: -3em;
	}

	
	header .baseline h1, header .baseline h2 {
    	width: 75%;
	}

	header .patch-header-bloc {
		bottom: inherit;
		top: 39vw;
	}

	header .bandeau-baseline {
		background-color: #D3D927;
		color: #015E53;
		text-align: center;
		padding: 1em 0;
		position: absolute;
		bottom: 0;
		z-index: 1;
		width: 100%;
		border-top-right-radius: 5vw;
		border-top-left-radius: 5vw;
		height: 13vw;
		margin: 0;
	}

	header .bandeau-baseline p {
		font-size: 5vw;
		margin: 0;
		padding: 0;
		line-height: 1.2;
		font-weight: 900;
		letter-spacing: 0.75vw;
	}

	form .btn::before {
		content: " ";
        width: 100%;
        height: 37vw;
        position: absolute;
        bottom: inherit;
        background-image: url(../images/deco-pulse-mob.svg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        left: 0;
        z-index: 1;
        top: -32.9vw;
	}

	    #informations {
        width: 100%;
        padding: 0 var(--padd2d);
        padding-top: calc(var(--padd) * 1.5);
        padding-left: 0;
        margin-bottom: 0;
    }

	#projet .markus_radio label {
    	width: 43vw;
	}
}