.violet {
	color: #591766;
}

.light-green {
	font-weight: 300;
	color: var(--secondary);
}

.addresse {
	color: #000000 !important;
}

.green {
	color: #BABD17;
}

.bold-prix {
	color: var(--secondary);
	font-weight: bold;
}

.padding {
	padding-bottom: 0.5vw;
}

.bold {
	font-weight: 900;
}

li {
	margin-bottom: 0.7em !important;
}


.btn {
	border: none;
	color: white;
}

#formulaire .btn:hover {
	color: #BABD17;
}

h3 {
	letter-spacing: 2px;
}

nav .logos > img {
	height: 3.5vw;
}

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

/*header .baseline {
	opacity : 0.9;
}*/

header .baseline > div {
	background-color: #F29A15;
/*	padding-right: calc(var(--padd) * 11.2);*/
opacity: 0.9;
}

.titre-header{
	font-size: clamp(16px, 1.3vw, 21.5px) !important; 
}

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

header .header_bandeau {
	position: absolute;
	top: 2vw;
	z-index: 1;
	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) * 0.5);
	padding-right: calc(var(--padd) * 1);
	padding-bottom: calc(var(--padd) * 0.5);
	padding-left: var(--padd);
}

header .header_bandeau p {
	margin-bottom: 0;
	letter-spacing: 2px;
}

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

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

header .dispo li { display:block; line-height:4.5vw; text-transform:none; text-align:center; padding:0; }
header .dispo li > span { display:inline-block; width: 4.5vw; height: 4.5vw; vertical-align:middle; line-height:1em; text-align:center; font-size:1.3vw; font-weight:600; opacity: 1!important; background-color:#ffffff; border:1px solid #ffffff; color: var(--secondary); border-radius: 50%}
header .dispo li > span > sup { top:-0.5em; font-weight:400; margin-left:0.2em; }

.dispo {
	position: absolute;
	top: 25.5vw;
	left: 7.4vw;
	z-index: 1;
}



.dispo-element {
	vertical-align: middle;
	line-height: 1.5vw;
}

.dispo-element-text {
    margin-top: 0.5vw;
    line-height: 0.9em;
    font-size: 1.1vw;
}

header .baseline h2 {
	font-weight: 300 !important;
    font-size: 1.6vw !important;
    line-height: 1.6vw;
}


.dispo-element-text sup {
	top: -4px;
}

.ville {
	font-size: 1.8vw !important;
	line-height: 2vw;
	color: var(--primary);
}

header .header_bandeau p span {
	color: var(--secondary);
}

#gdp p {
	padding-left: 0;
	font-weight: 300;

}

.patch-prix {
	background-color: var(--secondary);
	color: #ffffff;
	padding: 0.2vw 0.4vw 0.2vw 0.4vw !important;
	border: none;
	border-radius: 3px;
	font-weight: bold;
	font-size: 0.8vw;
	margin-left: 0.5vw;
}

.patch-fno {
	background-color: var(--primary);
	color: #ffffff;
	padding: 0.2vw 0.4vw 0.2vw 0.4vw !important;
	border: none;
	border-radius: 3px;
	font-weight: bold;
	font-size: 0.8vw;
}

header .baseline > div {
	color: #ffffff;
	padding-top: 2.5vw;
	padding-bottom: 2vw;
}

#addr {
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
}

#container_addr > strong {
	color: black;
}

#pres {
	line-height: 1.25em;
}

.gdp_sub_title {
	color: var(--secondary);
	font-weight: 300 !important;
	font-size: 1.2vw;
	padding-left: var(--padd);
	margin-bottom: 0.8vw;
}

#gdp {
	padding-bottom: 0.5vw;
}

.gdp-livraison {
	margin-top: 2vw;
}

.title-form {
		font-weight: 300;
	}

footer {
	justify-content: start;
	gap: 10vw;
}

footer .mentions {
	width: 75%;
}

.btn:hover, .btn:active {
	color: var(--secondary);
	fill: var(--secondary);
}

.btn:hover svg, .btn:hover svg * { fill: var(--secondary); }


footer .logos img {
	height: 5.5vw;
    max-width: unset;
    margin-right: 1vw;
}

#projet .mab_radio label {
	background-color: var(--primary--light);
}

#formulaire #projet .mab_radio input:checked+label {
	background-color: var(--secondary);
}

.titre-typo {
	color: var(--secondary)!important;
}

@media (max-width: 1024px) {
	
	.ville {
		font-size: 5vw !important;
		line-height: 1.2;
		color: white;
	}

	nav .logos > img {
		height: calc(var(--nav)* 0.8);
		margin-top: 1vw;
	}

	nav.active:before {
		opacity: 0.9;
	}

	header .header_bandeau {
		top: 39.9vw;
		padding: 2vw 4.5vw 2vw 2vw;

		font-size: 4vw;
		letter-spacing: 0;
	}

	header .baseline{
		height: 0;
		padding-bottom: 0;
	}

	header .baseline > div {
		height: 40vw;
		padding-top: 9vw;
		padding-right: 0;
		background-color: var(--primary);
		opacity: 1;
	}

	header .baseline h2 {
		color: #ffffff;
		font-size: 125%;
		font-weight: 300 !important;
    	font-size: 4vw !important;
    	line-height: 5vw;
	}

	header .baseline h1 {
	    margin-bottom: 0.2em;
	}


	header .header_bandeau p {
		margin-bottom: 0;
		letter-spacing: 1px;
		font-size: 3.5vw;
	}

	header .header_offres {
		top: 45vw;
	}

	header .header_offres img {
		width: 35%;
	}

	header .pictos img {
		z-index: 1;
		top: 40vw;
		height: 15vw;
		width: 15vw;
	}

	header .pictos {
		top: 33vw;
	}

	.dispo {
		top: 29vw;
		right: 3vw;
		left: auto;
	}

	header .dispo li > span {
		width: 15vw;
		height: 15vw;
		font-size: 4vw;
	}

	.dispo-element {
		line-height: 3.5vw;
	}

	.dispo-element-text {
		margin-top: 1vw;
	    font-size: 3.6vw;
	    line-height: 0.9em;
	}

	#bg_header {
		z-index: -1;
		background-size: contain;
		padding-top: 100%;
		margin-top: 23vw;
	}

	#informations {
		padding-top: 0;
		margin-top: -10vw;
	}

	#pres {
		line-height: 5vw;
	}
	#pres p {
		margin-bottom: 3vw;
	}

	#plus ul {
		line-height: 5vw;
	}

	#plus ul li {
		margin-bottom: 4vw;
	}

	#container_addr > strong {
		color: white;
		font-weight: normal;
	}

	#container_addr > svg path:last-child {
		fill: var(--secondary);
	}

	.addresse {
		color: #ffffff !important;
	}

	#addr h3 {
		margin-bottom: -10px;
	}

	#gdp {
		padding-bottom: 0;
		mask: unset;
		-webkit-mask:unset;
	}

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

	.patch-prix {
		padding: 1vw 3vw 1vw 3vw !important;
        font-size: 3vw;
        margin-left: 2.5vw;
	}

	.patch-fno {
		padding: 1vw 3vw 1vw 3vw !important;
        font-size: 3vw;
	}

	.gdp_sub_title {
		font-size: 5vw;
		padding-left: 0;
		margin-bottom: 2.5vw;
		margin-top: 5vw;
	}

	#gdp p {
		padding-left: 0;
		line-height: 5.5vw;
		font-weight: 300;

	}

	.gdp-livraison {
		margin-top: 7vw;
	}

	.title-form {
		font-weight: 300;
	}

	/*.title p {
		width: 50%;
		text-align: center;
	}*/

	#formulaire h2 {
		border: none;
	}

	.formLeads input {
		padding-left: 7vw;
	}

	footer {
		padding-top: 20vw;
	}

	footer .mentions {
		width: 100%;
	}

	footer .logos > span {
		top: -9vw;
	}

	footer .logos {
		margin-bottom: -7vw;
	}
	footer .logos img {
		height: 20vw;
	}

	header .baseline h1 strong {
		letter-spacing: 1px;
	}

	#cta {
		position: fixed; z-index: 100;
		right: var(--padd2d); bottom: var(--padd2d); left: var(--padd2d);
		width: unset; height: 15vw;
		margin-left: 0;
		bottom: -4px;
	}
	nav.active:before {
		border: none;
	}

	.btn:hover, .btn:active {
		color: white;
		fill: white;
		background-color:  var(--secondary);
	}
	.btn:hover svg, .btn:active svg {
		fill: white;
		color: white;
	}
	.btn:hover svg * {
		fill: white;
		color: white;
	}
}