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

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

header .header_offres {
    position: absolute;
    top: 3vw;
    right: 2vw;
    z-index: 1;
	width: 20%
}

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

header::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 60.24%, rgba(255, 255, 255, 0.30) 72.49%);
	z-index: 0;
}

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

header .offer > div {
    background-color: #E75138;
	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 .fsize_vmd {
    font-size: clamp(20px,2.2vw,36px);
    line-height: 1.25em;
    font-weight: 400;
}
header .fsize_vmd b {
	font-weight: 900;
}

@media (min-width: 1025px) {
	header .logos { padding-top: 8px; padding-bottom: 0; }
	header .logos > img { width: 24vw; }

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

}

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

.popup.one, .popup.two {
	display: none;
}

.popup.one { z-index: 20; }
.popup.one > div { color: white; }
.popup.one > div strong {
	text-transform: uppercase;
	line-height: 1em;
	font-size: max(14px, 0.9vw);
}
.popup.one > div span {
	line-height: 1em;
	font-size: max(10px, 0.55vw);
	width: 85%;
}

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

.patch-offres-0925 {
	position: absolute;
    bottom: -0.25vw;
    left: 90%;
    width: 40%;
    z-index: -1;
}

@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) {
	header .logos {
		top: 0;
		left: -15px;
	}
	nav .logos img {display: none;}
	.popup.one > div strong {
		font-size: max(18px, 1.0vw);
	}
	.popup.two {
	    transform: translate(103%, 67%);
    	z-index: 1;
	}
	header .baseline > div { padding-right: var(--padd2m); }
	header .baseline h1 {
    margin-top: 2.5em;
	}
	nav.active:before {
		border: none;
	}
	header::after {
		background: none;
	}

	#bg_header::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 30.24%, rgba(255, 255, 255, 0.30) 72.49%);
		z-index: 0;
	}


	header .header_offres {
		top: 60vw;
        right: 0;
        /* left: inherit; */
        z-index: 1;
        bottom: inherit;
        text-align: end;
        width: 45%;
	}

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

	.patch-offres-0925 {
    	position: absolute;
        bottom: -19vw;
        left: 25%;
        width: 50%;
        z-index: 1;
	}

	header .offer {
		top: 60vw;
	}
	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;
	}
}