.btn { border: none; color: white; background-color: var(--primary);}
.btn:hover { color: var(--secondary); border: 1px solid var(--secondary); }
.btn svg, .btn svg * { fill: white; }
.btn:hover svg, .btn:hover svg * { fill: var(--secondary); }

nav .contact .btn {background-color: var(--secondary);}
nav.active .contact .btn {background-color: var(--primary);}

nav.active {
    background-color: var(--secondary);
	color: white;
}

header .baseline {z-index: 2; }

header .baseline > div {
	padding-top: calc(var(--padd)* 0.7);
}

header .baseline h1 { margin-bottom: .3em; }
header .baseline h1 .fsize_vlg { letter-spacing: 0.1em; font-size: 1.9vw; line-height: 2.3vw;}
header .baseline h2 {font-size: 1.2vw;}


header .popup { color: white; text-transform: uppercase; top: -20px;}

.formLeads .mab_radio input:checked + .mab_radio__control { background-color: var(--primary); border-color: black; }
.formLeads .mab_radio__control { border-color: var(--primary--light); }

#container_addr > svg, #container_addr > svg * { stroke: var(--secondary); }

header .pictos img { width: 6.3vw; margin-bottom: 4vw;}

header .bandeau {
	position: absolute;
    bottom: 0;
    z-index: 1;
    right: 0;
    background-color: #E04C38;
    display: grid;
    grid-template-columns: 1fr 0.2fr 1fr;
    width: 57%;
    align-items: center;
    color: white;
    padding: 2vw 0;
}

header .bandeau .div1 {
    text-align: center;
    padding-left: 11vw;
}
header .bandeau .div2 {
	text-align: center;
	padding-left: 3vw;
}
header .bandeau .div3 {
	text-align: center;
}

header .bandeau .separator {
	font-size: 55px;
	font-weight: 900;
}

header .bandeau .fsize_vmd {
	font-size: clamp(16px,1.3vw,25px);
}

#informations {
    width: 55%;
}

footer { background-color: #EEF2EC; }

/* header .popup img { width: 5.5vw; }
header .logos {
	padding: 0.5vw;
}
header .logos > img { width: 13vw; padding-top: 2vw; }

header .baseline h1 strong { letter-spacing: 0; } */

/* main li::before,
#gdp .c_secondary { color: #959073; }

h4 {
	text-transform: uppercase;
	color: #757446;
	font-size: 90%;
} */

footer .mentions { width: 80%; }
footer p { margin-bottom: var(--padd3d); }

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

.light5 {
    font-weight: 300;
}

#projet {
	margin: 1vw 0 1.5vw !important;
}

#projet .mab_radio label {
   width: 6.5vw;
    height: max(2.5vw, 40px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--primary--light);
/*    border: 1px solid var(--secondary);*/
    border-radius: 5px;
    transition: all 0.3s ease;
    padding: 5px max(0.5vw, 10px);
    line-height: 1vw;
}

#formulaire #projet .mab_radio input:checked+label {
    background-color: var(--primary);
    color: white;
    width: 6.5vw;
    height: max(2.5vw, 40px);
}

.form-group.projet .control-label { display:block; color:#000; text-align:center; font-weight:bold; }

#projet .control {
	display: flex;
	justify-content: space-between;
}

#projet p {
	margin-bottom: 0;
	font-size: 100%;
}

.mab_radio {
	grid-gap: 0 !important;
}

#gdp .mention {
	padding-left: var(--padd);
}

@media (min-width: 1025px) {
	header .logos { padding-top: 5vw; }
	header .logos > img { width: 13vw; }
}

.container-2jours {
    position: absolute;
    top: 4vw;
    left: 2vw;
}

.container-2jours img {
	width: 35vw;
	height: auto;
}



@media (max-width: 1024px) {
	/* header .logos > img { width: 30vw; padding-top: 0; }
	header .popup img { width: 28vw; max-width: inherit;}
	header .popup > div:first-child::after { background-color: #757446;} */

	.popup .fsize_md { font-size: 130%; }
	.baseline h1 .fsize_vlg { font-size: 100%; }


	header .baseline > div {
		-webkit-mask: unset;
		mask: unset;
		height: var(--base);
		padding: 0 var(--padd2d) calc(var(--padd)* 1.25);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	
	header .bandeau {
		width: 100%;
		padding: 5vw 0;
		grid-template-columns: 1fr 0.2fr 1fr;
	}

	.container-2jours {
    	position: absolute;
    	top: 121vw;
    	/* left: 2vw; */
    	width: 100%;
	}

	.container-2jours img {
    	width: 90vw;
    	height: auto;
    	/* margin: 0 auto; */
	}


	header .bandeau h2 { font-size: 3vw;}
	header .bandeau .separator { font-size: 9vw;}

	header .bandeau .div1 {
		padding-left: 0.5vw;
	}

	header .popup { 
		top: unset;
		bottom: 14vw;
		left: -10px;
		z-index: 2;
		width: 27vw;
        height: 27vw;
	}
	header .popup > div:last-child { font-size: 3vw; }

	nav .contact .btn {background-color: var(--secondary);}
	nav.active .contact .btn {background-color: var(--primary);}

	nav.active {
		background-color: transparent;
		color: white;
	}

	nav.active:before { background-color: var(--secondary); }

	#informations { padding-top: calc(var(--padd)* 2.5); width: 100%;}

	#addr {color: black;}

	#gdp .mention { padding-left: 0; padding-right: 2vw;}

	#projet {
    	margin: 1vw 0 6vw !important;
	}
	#projet .mab_radio label {
		width: 28vw;
		line-height: inherit;
	}

	#formulaire #projet .mab_radio input:checked+label { 
	    width: 28vw;
	}

	footer .mentions { width: 100%; }

	header .baseline h1 .fsize_vlg {
		font-size: 5.5vw;
		line-height: 8vw;
	}

	header .baseline h2 {
		font-size: 4vw;
	}

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

	header .pictos img {
        width: 15vw;
    }

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

	#cta { background-color: var(--secondary); }

}