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

#formulaire h2 { border-bottom: none;}

header .fsize_md {
	font-size: clamp(19px,1vw,20px);
	font-weight: 900;
}
header .fsize_md.thin{
	font-weight: 400;
	color: #CC764A;
}

header .fsize_vmd {
    font-size: clamp(20px,2.2vw,36px);
    line-height: 1.25em;
   	letter-spacing: 1px;
    font-weight: 400;
    color: #CC764A;
}
header .fsize_vmd b {
	font-weight: 900;
	letter-spacing: 1px;
}
header .fsize_md2 {
	font-size: clamp(23px,1vw,24px);
	letter-spacing: 1px;
	font-weight: 500;
	color: #6B6B6C;
	line-height: 25px;
}

header .baseline > div {
    background-color: #FFF8F3;
}

header .logo2jours {
	width: 33%;
	position: absolute;
	left: 2vw;
	top: 3vw;
}

nav.active {
    background-color: rgba(99, 127, 121, 0.90);
	backdrop-filter: blur(5px);
}
nav .active .btn {
    opacity: 1!important;	
}
main li::before {
    color: #CC764A;
}
.popup.one {
	position: absolute;
	top: 75%;
}



/*header .left-bird {
	margin-left: -15.7%;
	margin-top: -11%;
	width: 14%;
}

header .right-flower {
	margin-left: 52%;
	margin-top: -23%;
	width: 37%;
}*/
@media (min-width: 1025px) {
	header .logos { padding-top: 20px; }

	header .baseline > div { padding-right: calc(var(--padd) * 9); background-color: #FFF8F3; height: 13vw; }
	.popup.one { top: 50%; }
	#logo_mod {
		margin-top: 70px;
		width: 10vw; 
		/* ancien 160% */
	}


	header .baseline .grid {
		padding-top: 0;
		padding-left: 300px;
		height: 200px;
		display: grid;
		justify-content: center;
		align-items: center;
	}
	header .left-bird {
		position: absolute;
		max-width: none;
		width: 110px;
		top: 65%;
		z-index: 9;
	}
	header .right-flower {
		position: absolute;
		right: -20px;
		/*left: 550px;*/
		max-width: none;
		width: 300pxpx;
	}
	header .baseline .fsize_big {
		font-size: 30px!important;
	}
	header .baseline .fsize_md2mob {
		position: absolute;
	    left: var(--padd3m);
	    display: block;
	    width: 300px;
	    top: 30px;
	}
	header .baseline .fsize_vmd.fsize_mdmob {
		position: absolute;
	    left: var(--padd3m);
	    display: block;
	    width: 300px;
	    top: 50px;
	}
	header .baseline .fsize_md2.fsize_mdmob {
		position: absolute;
	    left: var(--padd3m);
	    display: block;
	    width: 350px;
	    top: 120px;
	}

	.bird-form {
		position: absolute;
		margin-top: -600px;
		left: -40%;
		width: 40%;
	}
}

/*header .right-flower, header .left-bird {
	position: absolute;
	z-index: 100;
}*/



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

header .popup {
	transform: translate(33.3%, -50%);
}

header .popup > div:first-child::after {
	background-color: #CC764A;
}
/*.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: 1.2em;
	font-size: max(14px, 0.9vw);
}
.popup.one > div span {
	line-height: 1.3em;
	font-size: max(10px, 0.55vw);
	width: 100%;
}

#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: #FFF8F3;}

@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(min-width:1025px){
	header .logos {
    position: absolute;
    top: 1.5vw;
    left: 75%;
    z-index: 100;
    transform: translate(-50%, -33.3%);
    padding: var(--padd2d);
    background-color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
	}
}

.active .shadow_btn {
	box-shadow: none;
}

@media (max-width: 1024px) {
	nav.active {
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='159' height='36' viewBox='0 0 159 36'%3E%3Cpath id='Tracé_3896' data-name='Tracé 3896' d='M0,0H159l-4.9,36H0Z' 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='159' height='36' viewBox='0 0 159 36'%3E%3Cpath id='Tracé_3896' data-name='Tracé 3896' d='M0,0H159l-4.9,36H0Z' fill='%23181730'/%3E%3C/svg%3E ") no-repeat right/cover;
		box-shadow: 10px 5px 0.8em gray;
	}
	.sizing_mob {
		left: 20px;
		top: 0px !important;
		width: 40%!important;
	}	
	header .logos {
		position: absolute;
		top: 95vw;
	}
	header .logos > img {
		width: auto;
		height: 27vw;
		padding-right:15px;
	}
	header .baseline h2 {
    	font-size: 133%;
    	line-height: 1.1em;
	}
	header .popup {
		width: 35vw;
		height: 35vw;
		filter: drop-shadow(0px 5px 6px rgba(23, 33, 60, 0.44));
	}
	.popup.one > div strong {
		font-size: max(18px, 1.0vw);
	}
	.popup.one {
	    transform: translate(20%, 50%);
	}
	.fsize_mb_pop1 {
		font-size: 18px !important;
	}
	.fsize_mb_pop2 {
		font-size: 12px!important;
	}
	header .baseline > div { padding-right: var(--padd2m); height: 55vw; width: max-content;}
	
	nav.active:before {
		border: none;
		opacity: 0;
	}
	header .left-bird {
		left: 40px!important;
		top: 110px!important;
		z-index: 140;
	}
	header .fsize_mdmob{
		display: inline-block;
		margin-left: calc(var(--padd3m) - 20px);
		font-size: 16px;
		position: relative;
		top: 40px;
		font-weight: 400!important;
		letter-spacing: 1px;
		line-height: 18px;
		width: 300px;
	}
	header .fsize_vmd .fsize_mdmob {
		font-size: 20px!important;
	}
	header .fsize_md2mob {
		position: relative;
		top: 40px;
	    margin-left: calc(var(--padd3m) - 20px);
		font-size: 12px!important;
		font-weight: 500!important;
		line-height: 8px;
	}
	header .left-bird {
		position: relative;
		margin-left: -55px;
		top: 65%;
		width: 24%;
	}
	header .right-flower {
		/*margin-top: 80px;*/
		position: relative;
		left: 64vw;
		top: 3vw;
		width: 45%;
	}
	header {
		top: -140px!important;
	}
	header .baseline {
		margin-top: -20vw;
	}

	header .logo2jours {
        width: 95%;
        position: absolute;
        left: 3vw;
        top: 114vw;
    }
	main {
		margin-top: -180px;
	}
	.bird-form {
		position: absolute;
		margin-top: -1170px;
		right: 0;
		width: 30%;
		z-index: 9;
	}
	.shadow_btn {
		box-shadow: 10px 5px 0.8em gray;
	}
}