:root {

}

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

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

#gdp {
	z-index: 1;
}

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

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

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

.btn:hover svg, .btn:hover svg * { fill: var(--nav-clr-hover-button); }

header .baseline > div {
	background:
	linear-gradient(180deg, transparent 0%, #E96876 100%),
  	linear-gradient(90deg,#F9AA59 0%, #F39A5B 55%, #FA9B70 100%);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='766' height='127' viewBox='0 0 766 127'%3E%3Cpath d='M0 0L725.605 0.222664C745.987 0.228918 760.817 19.5651 755.538 39.2514L732.009 127H0V0Z' fill='white'/%3E%3C/svg%3E") no-repeat right/cover;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='766' height='127' viewBox='0 0 766 127'%3E%3Cpath d='M0 0L725.605 0.222664C745.987 0.228918 760.817 19.5651 755.538 39.2514L732.009 127H0V0Z' fill='white'/%3E%3C/svg%3E") no-repeat right/cover;
	color: white;
	padding-top: calc(var(--padd) * 0.7);
	padding-right: calc(var(--padd) * 4.2);
	padding-bottom: calc(var(--padd) * 0.75);
	padding-left: var(--padd3m);
}

header .bandeau {
	position: absolute;
	bottom: 0;
	left: 38.3vw;
	z-index: 1;
	display: flex;
	align-items: center;
	padding: 0 0 0 1vw;
	background: linear-gradient(90deg, #7ad0dc 0%, #4f7db7 55%, #0c7b68 100%);
	color: #fff;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='127' viewBox='0 0 440 127'%3E%3Cpath d='M0 0L423.837 0.130052C435.726 0.133702 444.377 11.4122 441.297 22.8922L427.569 127H0V0Z' fill='white'/%3E%3C/svg%3E") no-repeat right/contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='127' viewBox='0 0 440 127'%3E%3Cpath d='M0 0L423.837 0.130052C435.726 0.133702 444.377 11.4122 441.297 22.8922L427.569 127H0V0Z' fill='white'/%3E%3C/svg%3E") no-repeat right/contain;
	width: 24vw;
	height: 6.9vw;
	gap: 0.4vw;
}

header .bandeau h2 {
	margin: 0;
	line-height: 1.05;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.2vw;
}

header .bandeau strong {
	font-size: 2.25vw;
	font-weight: 900;
}

header .bandeau .div1,
header .bandeau .div3,
header .bandeau .div5 {
	display: flex;
	align-items: center;
}

header .bandeau .separator {
	display: inline-block;
	margin: 0 0.45em;
	font-size: 2vw;
	font-weight: 900;
	line-height: 1;
}

header .bandeau p {
	margin: 0;
	font-size: 0.7vw;
	line-height: 1.2;
	font-weight: 400;
}

header .bandeau span {
	font-size: 1.5vw;
	font-weight: 900;
}

header .bandeau p sup {
	font-size: 0.6vw;
	vertical-align: super;
	line-height: 1;
}

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

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

header .header_offres {
    position: absolute;
    top: 18vw;
    right: 5vw;
    z-index: 1;
	width: 20vw;
}

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

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

header .offer > div {
    
background:
  linear-gradient(180deg, transparent 0%, #E96876 100%),
  linear-gradient(90deg,#F9AA59 0%, #F39A5B 55%, #FA9B70 100%);
	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;
}

.mentions p {
	margin-bottom: 0;
}

header .new_logo {
	position: absolute;
    top: 7vw;
    left: 39.2vw;
    z-index: 1;
    width: 20vw;
}

header .new_logo img {
	width: 100%;
	height: auto;
}

header .patch_bdv {
	position: absolute;
	top: 6.5vw;
	left: 0;
	z-index: 1;
	width: 25vw;
}

header .patch_bdv img {
	width: 100%;
	height: auto;
}

header .baseline h2 {
    font-weight: normal;
	text-transform: initial;
	font-size: 1.4vw;
}

@media (max-width: 768px) {
	header .offer {
		top: 68vw;
	}
	
	header .bandeau h2 {
		font-size: 3.8vw;
	}
	header .bandeau strong {
		font-size: 6vw;
	}
	header .bandeau .separator {
		font-size: 5.5vw;
	}
	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) * 2.2);
	}
	header .popup  {
		color: white;
		width: 8vw;
	    height: 8vw;
	    transform: translate(33.3%, 30%);
	}

	#informations {
		width: 55%;
	}

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

header .baseline h1 strong {
	font-weight: 900;
}

#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 {
	position: relative;
	list-style: none;
	padding-left: 33px;
}

#plus li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 23px;
	background-color: #F78326;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath d='M11.5 0C11.6993 6.26563 16.7344 11.292 23 11.5C16.7344 11.6993 11.708 16.7344 11.5 23C11.292 16.7344 6.26563 11.6993 0 11.5C6.26563 11.3007 11.292 6.26563 11.5 0Z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath d='M11.5 0C11.6993 6.26563 16.7344 11.292 23 11.5C16.7344 11.6993 11.708 16.7344 11.5 23C11.292 16.7344 6.26563 11.6993 0 11.5C6.26563 11.3007 11.292 6.26563 11.5 0Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

#plus li:nth-child(6n + 2)::before {
	background-color: #E20B4B;
}

#plus li:nth-child(6n + 3)::before {
	background-color: #2A63A1;
}

#plus li:nth-child(6n + 4)::before {
	background-color: #90569D;
}

#plus li:nth-child(6n + 5)::before {
	background-color: #58A6A6;
}

#plus li:nth-child(6n + 6)::before {
	background-color: #0F5D3E;
}

#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)
}





@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;

	}

	header .header_offres {
	   
	    top: inherit;
	    right: inherit;
	    right: 5vw;
	    z-index: 1;
	    top: 30vw;
		width: 38vw;
	}

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

	header .popup {
		left: -10px;
	}

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

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

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

	.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;
	}

} 

main #informations #plus h3 {
	background-color: none;
	background: linear-gradient(
	100deg,
	#EF8792 0%,
	#EE7C90 25%,
	#ED7B96 40%,
	#E595A6 65%,
	#E99BC4 100%
	);
}

main #addr h3 {
	background-color: none;
	background: linear-gradient(
		110deg,
		#AE6FAF 0%,
		#9F6EB1 25%,
		#876BAD 50%,
		#706BAA 75%,
		#546EA7 100%
		);
}

main #bdv {
	padding-left: var(--padd3m);
}

main #bdv h3 {
	background-color: none;
	background: linear-gradient(
		165deg,
		#E32B53 0%,
		#E21F4C 25%,
		#DC3061 50%,
		#D33F73 75%,
		#C3447C 100%
	);
}

main #bdv p {
	color: #000;
	font-weight: 700;
}

main #prestations #gdp h3 {
	background-color: none;
	background: linear-gradient(
		100deg,
		#88D5BD 0%,
		#86C5CC 20%,
		#70A0CF 40%,
		#417EAB 60%,
		#1A6767 80%,
		#105C3E 100%
	);
}

nav.active {
    position: fixed;
    background-color: none;
	background: linear-gradient(
		170deg,
		#FAA85A 0%,
		#F69B5A 20%,
		#F1875D 40%,
		#F17560 60%,
		#EE5965 80%,
		#EB7668 100%
	);

}

nav a.btn {
	background-color: none;
	border: 1px solid #fff;
	background: linear-gradient(
		105deg,
		#E86C42 0%,
		#EC7446 20%,
		#F27950 40%,
		#F96F60 65%,
		#FE6970 85%,
		#FD6475 100%
	);	
}

nav span.btn {
	background-color: none;
	border: 1px solid #fff;
	background: linear-gradient(
		115deg,
		#AF8D9D 0%,
		#AF8BA7 20%,
		#AB85BC 40%,
		#9D96C5 65%,
		#7176B5 100%
	);
}

.bg_primary {
    background-color: none;
	background: linear-gradient(
		165deg,
		#D5618C 0%,
		#C77A9D 20%,
		#AD7DAD 35%,
		#9695C7 55%,
		#85AAD5 75%,
		#68A0BF 100%
	);
}

#container_addr > strong {
    margin-left: .5vw;
    color: #000;
}

.c_secondary {
    color: #E20B4B;
}

main li::before {
    content: '';
}

.footer-logo-text {
	font-size: 0.8vw;
	color: #000;
	width: 25vw;
	line-height: 1.1;
}

@media (max-width: 768px) {
	header .baseline > div {
		mask: none;
		-webkit-mask: none;
	}

	header .patch_bdv {
    	position: absolute;
    	top: 55.5vw;
    	left: 0;
    	z-index: 1;
    	width: 46vw;
	}

	header .bandeau {
    	position: absolute;
    	bottom: -10vw;
    	left: 0;
    	z-index: 2;
		right: inherit;
        width: 72vw;
        height: 21vw;
	}

	header .bandeau p {
		font-size: 3vw;
	}

	header .bandeau p span {
		font-size: 4.8vw;
	}

	header .new_logo {
		top: 45vw;
		background-color: #fff;
		left: 0;
		border-bottom-right-radius: 15vw;
		border-top-right-radius: 15vw;
		width: 50vw;
	}

	header .new_logo {
        top: 30vw;
        background-color: #fff;
        left: 0;
        border-bottom-right-radius: 15vw;
        border-top-right-radius: 15vw;
        width: 50vw;
        display: flex;
        align-items: center;
        padding: 3vw;
    }

	header .new_logo img {
    	width: 90%;
    	height: auto;
	}

	header .baseline > div {
        -webkit-mask: unset;
        mask: unset;
        height: 40vw;
        padding: 2vw var(--padd2d) calc(var(--padd) * 0.5);
        display: flex;
        flex-direction: column;
        justify-content: left;
    }

	header .baseline h1 {
		margin: 4vw 0 2vw 0;
	}

	header .baseline h1 strong {
		font-size: 4.8vw;
	}

	header .baseline h2 {
    	font-weight: normal;
    	text-transform: initial;
    	font-size: 3.9vw;
		margin: 1vw 0;
	}

	.plusinf {
		background-color: none;
		background:  linear-gradient(
			165deg,
			#F5835D 0%,
			#F27960 25%,
			#F16E62 50%,
			#ED5F65 75%,
			#EB5965 100%
		);
		color: #fff;
	}

	main #addr h3 {
		background: none;
	}

	#addr {
		background-color: none;
		background: linear-gradient(
		110deg,
		#AE6FAF 0%,
		#A36EAF 20%,
		#916CAA 40%,
		#8067A7 60%,
		#7067A7 80%,
		#5B70AB 100%
		);
	}

	main #bdv {
    	padding-left: 0;
	}

	main #bdv p {
		margin-left: 2vw;
	}

	#container_addr {
		gap: 2vw;
	}

	#container_addr strong {
		color: #fff;
	}

	.footer-logo-text {
    	font-size: 3vw;
    	color: #000;
    	width: 100%;
    	line-height: 1.1;
	}

	nav.active:before {
		background-color: none;
		background: linear-gradient(
			170deg,
			#FAA85A 0%,
			#F69B5A 20%,
			#F1875D 40%,
			#F17560 60%,
			#EE5965 80%,
			#EB7668 100%
		);
	}

	nav.active {
		background: none;
	}

    #projet .markus_radio label, #formulaire #projet .markus_radio input:checked+label {
        width: 40vw;
    }
}