#confirmation { display: none; }
#confirmation.active { display: block; }
.btn { border: none; color: white; }
.btn:hover { color: var(--primary); border: 1px solid var(--primary); }
.btn svg, .btn svg * { fill: white; }
.btn:hover svg, .btn:hover svg * { fill: var(--primary); }

.btn.gradien {
	background: linear-gradient(to right, var(--primary-gradien), var(--secondary-gradien));
}
.btn.gradien1 {
	background: linear-gradient(to right, var(--primary-gradien1), var(--secondary-gradien1));
}
.btn.gradien2 {
	background: linear-gradient(to right, var(--primary-gradien2), var(--secondary-gradien2));
}

#formulaire {
    padding: var(--padd) var(--padd);
}
#formulaire h2 { border-bottom: none; color: var(--secondary);}
#formulaire .btn {
    min-width: 50%;
    width: unset;
    max-width: 90%;
}

#formulaire .fsize_lg {
    font-size: clamp(23px,2.5vw,26px);
    line-height: 1.25em;
	font-weight: 300;
}

header .fsize_md {
	font-size: clamp(17px,1vw,20px);
	letter-spacing: 0.1em;
	font-weight: 900;
}
header .fsize_md.thin{
	font-weight: 300;
}

header .fsize_vmd {
    font-size: clamp(20px,2.2vw,36px);
    line-height: 1.25em;
    font-weight: 400;
}
header .fsize_vmd b {
	font-weight: 900;
}
header .fsize_md2 {
	font-size: clamp(23px,1vw,24px);
	letter-spacing: 0.1em;
	font-weight: 900;
	line-height: 1.1em;
}



nav.active {
    background-color: var(--primary);
}
main li::before {
    color: var(--secondary);
}
@media (min-width: 1025px) {
	header .logos { padding: 20px 0 0 0; }
	header .logos > img {
		width: 14vw;
	}

	header .baseline > div { padding-right: calc(var(--padd) * 4); background-color: var(--primary); height: 13vw; }
}

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

header .popup img {
    width: 2.4vw;
}
header .popup > div:first-child::after {
	background-color: var(--primary);
}
.popup.one { z-index: 20; }
.popup.one > div { color: white; }
.popup.one > div:first-child { background-color: white; }
.popup.one > div strong {
	text-transform: uppercase;
	line-height: 1em;
	font-size: max(14px, 0.9vw);
}
.popup.one > div span, .popup.two > div span {
	line-height: 1.4em;
	font-size: max(10px, 0.55vw);
	width: 85%;
	margin-top: 0.3vw;
}

.popup.two {
	transform: translate(-0%, 50%);
	z-index: 0;
}
.popup.two > div:first-child { background-color: var(--secondary); }
/* .popup.two > div {
	box-shadow: 0 0 5px 10px lightgrey;
} */
.popup.two > div:first-child::after { background-color: white; }

.popup.one > div span {
	font-size: 0.8vw;
}

#informations h2 {
	text-transform: uppercase;
	color: var(--secondary);
	font-size: clamp(20px,2.2vw,36px);
    line-height: 1.0em;
    font-weight: 300;

}
#informations h2 sup {text-transform: lowercase;}

footer {background-color: #EAEBEB;}

@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {

	.popup.one > div strong {
		text-transform: uppercase;
		line-height: 1em;
		font-size: max(8px, 0.9vw);
	}



}


@media (max-width: 1024px) {
	.logos .fsize_vmd {
		font-size: clamp(15px,1.3vw,24px);
		line-height: 1.25em;
	}
	
	header .logos {
		top: 66vw;
    	padding: 0 15px 0 0;
	}
	header .logos > img {
		width: auto;
		height: 42vw;
		padding-right:15px;
	}
	header .baseline h2 {
    	font-size: 125%;
    	line-height: 1.1em;
	}
	header .popup {
		width: 35vw;
		height: 35vw;
	}
	header .popup img {
		width: unset;
	}
	.popup.one > div span, .popup.two > div span {
		line-height: 1.4em;
		font-size: max(13px, 0.55vw);
		width: 85%;
		margin-top: 0.3vw;
	}
	.popup.one > div strong, .popup.two > div strong {
		font-size: max(18px, 1.0vw);
	}
	.popup.one {
	    transform: translate(20%, 50%);
    	z-index: 1;
	}
	.popup.two {
	    transform: translate(122%, 50%);
    	z-index: 1;
	}
	header .baseline > div { padding-right: var(--padd2m); height: 55vw;}
	
	nav.active:before {
		border: none;
	}


	#informations {
    	padding-top: calc(var(--padd) * 3);
	}
	
}