/* ***************************** */
					/*           VARIABLES           */
					/* ***************************** */


:root {
    --beige: #e9e4d9;
	--noir90: rgb(25,25,25);
	--noir22: rgba(25,25,25,0.25);; /* noir 22.5 // 25% du noir90 */
	--orange: rgb(233, 77, 64);;
	--rose:rgba(233, 77, 64, 0.4);
	--gris: #b5b3a9;

    --osc: "oscine", sans-serif;

	--base20px: 1.333333333333333vw; /* BASE = 20px // 20 : 15 */
	--base15px: 1vw; /* BASE = 15px // 15 : 15 */
	--base30px: 2vw; /* BASE = 30px // 30 : 15 */

	--headerheight: 11vw; /* BASE = 210px // 210 : 15 */
	--headerheightNL: 11vw; /* BASE = 225px // 225 : 15 */
}

@media screen and (max-width: 1370px) {
	:root {
		--headerheight: 12vw;
		--headerheightNL: 13vw;
	}
}

@media screen and (max-width: 1100px) {
	:root {
$	}
}

@media screen and (max-width: 1030px) {
	:root {
		--headerheight: 14vw;
	}
}

@media screen and (max-width: 967px) {
	:root {
		--headerheight: 14vw;
	}
}

@media screen and (max-width: 874px) {
	:root {
		--headerheight: 16vw;
	}
}

/* 781px = tout sur une colonne */
@media screen and (max-width: 781px) {
	:root {
		--headerheight: 16vw;
		--headerheightNL: 17vw;
	}
}

@media screen and (max-width: 614px) {
	:root {
		--headerheight: 18vw;
		--headerheightNL: 18vw;
	}
}

@media screen and (max-width: 518px) {
	:root {
		--headerheightNL: 18vw;
	}
}

@media screen and (max-width: 400px) {
	:root {
		--headerheight: 20vw;
		--headerheightnl: 20vw;
	}
}


					/* ****************************** */
					/*           GÉNÉRIQUES           */
					/* ****************************** */


					/* RESET */


*,
*::before,
*::after {
	box-sizing: border-box;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	border: 0;
}

p {
	margin-bottom: 0.5em;
}

p:last-of-type {
	margin-bottom: 0;
}

/*a {
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}

a:hover {
	text-decoration: none;
	color: inherit;
	transition: all 0.25s ease-in-out;
}

a:hover::after {
	transition: all 0.25s ease-in-out;
}*/

a:visited {
	color: inherit;
}

img,
video {
	max-width: 100%;
	height: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


					/* BASE */


:root {
	scroll-behavior: smooth;
}

html {
	font-family: var(--osc) !important;
	font-style: normal;
	font-weight: normal;
	/* Windows fait une mise à l'échelle (recommandée) à 125% dans les paramètres d'affichage ! Et donc 1920px de large devient 1519.2px => 1519px !!! Et 1080px de haut devient 716px */
	/* 100 vh = 716px => 1vh = 7.16px => 7px */
	/* BASE DE CALCUL FONT-SIZE : 100vw = 1519px => 1vw = 15.19px => 15px */
	font-size: calc(11px + 0.6vw); /* BASE = 20px // 11px + (9 : 15) */
	color: var(--noir90);
}

body {
    font-family: var(--osc) !important;
	font-style: normal;
	font-weight: normal;
    font-size: calc(11px + 0.6vw); /* BASE = 20px // 11px + (9 : 15) */
	color: var(--noir90);
	margin-left: calc(var(--base15px) - 1px);
	margin-right: calc(var(--base15px) - 1px);
}

body::before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--beige);
	background-image: url(imgs/paper-texture.png);
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: contain;
	background-blend-mode: multiply;
	border-left: var(--base15px) solid var(--noir90);
	border-right: var(--base15px) solid var(--noir90);
	z-index: -1;
}

body::after {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	border-bottom: var(--base15px) solid var(--noir90);
	z-index: 9999;
	pointer-events: none;
}

.content {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: var(--base15px) var(--base15px);
}

main {
	padding: 0 !important;
	margin: 0 !important;
}

strong {
	font-weight: 800;
}

em {
	font-style: italic;
}

sup {
	font-size: 0.583em;
}
.has-rose-color{color:var(--rose)}

					/* HEADER */


#headermenu, #headermenunl {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: var(--base15px) var(--base15px);
	align-items: center;
	justify-content: center;

	height: var(--headerheight);

	background: var(--beige);
	padding: var(--base15px) 0;
	position: sticky;
	top: 0;
	z-index: 9999;
}

#headermenunl{
	height: var(--headerheightNL);
}

.admin-bar #headermenu, .admin-bar #headermenunl {
	top: 32px;
}

#headermenu::before,
#headermenu::after,
#headermenunl::before,
#headermenunl::after {
	content: "";
	position: absolute;
	width: 102%;
	height: var(--base15px);
	background: var(--noir90);
	top: 0;
	left: -1%;
}

#headermenu::after, #headermenunl::after {
	top: calc(100% - var(--base15px));
}

#headermenu > div, #headermenunl > div {
	height: 100%;
	display: flex;
	align-items: center;
	padding: var(--base15px);
	position: relative;
}

#headermenu .logo, #headermenunl .logo {
	grid-column: 1 / 2;

	padding: var(--base15px) calc(var(--base15px) * 1.5);
	justify-content: center;
}

#headermenu .logo a, #headermenunl .logo a {
	height: 100%;
	display: flex;
	align-items: center;
}

#headermenu .logo .hamburger, #headermenunl .logo .hamburger {
	width: 4vw;
	height: 4vw;
	background-image: url("imgs/hamburger.svg"), url("imgs/close.svg");
	background-repeat: no-repeat, no-repeat;
	background-size: contain, contain;
	background-position: center, 4vw center;
	/*display: none;*/
}

#headermenu .logo button.hamburger:hover,
#headermenunl .logo button.hamburger:hover {
	background-color: transparent;
}

#headermenu .logo .hamburger.menuvisible,
#headermenunl .logo .hamburger.menuvisible {
	background-position: -4vw center, 0 center;
}

#headermenu .slogan, #headermenunl .slogan {
	grid-column: 2 / 6;

	font-size: calc(7.5px + 2.5vw); /* BASE = 45px // 7.5px + (37.5 : 15) */
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	padding: 0 calc(var(--base15px) * 6);
	position: relative;
}
/*
#headermenu .slogan::before {
	content: "";
	position: absolute;
	width: var(--base15px);
	height: 20px;
	background: var(--noir90);
	top: calc(100% - 20px);
	left: 50%;
    transform: translateX(-50%);
	border-radius: calc(var(--base15px) / 2) calc(var(--base15px) / 2) 0 0;
	opacity: 0.25;
}
*/
#headermenu .slogan .img-logo, #headermenunl .slogan .img-logo {
	display: none;
}

/* VICTOIRE // OVERWINNING */
/*
#headermenu .img-slogan {
	position: relative;
}

#headermenu .img-slogan::before {
	--width: 50%;
	--height: 60%;
	content: "";
	position: absolute;
	width: var(--width);
	height: var(--height);
	top: 50%;
	left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%) rotate(-3.75deg);
	background: #e7392b;
	border-radius: 0.25em;
	box-shadow: 
		2.3px 2.3px 3.6px -10px rgba(38,38,38, 0.07), 
		6.4px 6.4px 10px -10px rgba(38,38,38, 0.1), 
		15.4px 15.4px 24.1px -10px rgba(38,38,38, 0.13), 
		35px 35px 70px -70px rgba(38,38,38, 0.2);
	visibility: hidden;
	animation: typing_bg 1s ease-in-out 2s forwards;
}

#headermenu .img-slogan::after {
	--width: 50%;
	--height: 60%;
	content: "Victoire\00a0!";
	position: absolute;
	width: var(--width);
	height: var(--height);
	top: 51.5%;
	left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%) rotate(-3.75deg);
	font-size: 0.6em;
	color: white;
	padding: 0.25em 0.5em;
	visibility: hidden;
	overflow: hidden;
	animation: typing 2s steps(10, end) 3s infinite forwards;
}
*/
/* NL */
 #headermenunl .img-slogan::before {
	--width: 60%;
	--height: 45%;
	animation: typing_bg 1s ease-in-out 2s forwards;
}



@keyframes typing_bg {
	from { 
		width: 0;
		visibility: hidden;	}
	to { 
		width: var(--width);
		visibility: visible;
	}
}

@keyframes typing {
	0% { 
		width: 0;
		visibility: hidden;	}
	60% { 
		width: var(--width);
		visibility: visible;
	}
	100% { 
		width: var(--width);
	}
}

/* 1000px */
@media screen and (max-width: 1000px) {
	#headermenunl .img-slogan::before,
	#headermenunl .img-slogan::after {
		--width: 70%;
	}
}

/* 780px */
@media screen and (max-width: 780px) {
	#headermenu .img-slogan::before,
	#headermenu .img-slogan::after,
	#headermenunl .img-slogan::before,
	#headermenunl .img-slogan::after {
		--height: 65%;
	}
	#headermenu .img-slogan::after,
	#headermenunl .img-slogan::after {
		top: 53%;
	}
}

/* 700px */
@media screen and (max-width: 700px) {
	#headermenu .img-slogan::before,
	#headermenu .img-slogan::after,
	#headermenunl .img-slogan::before,
	#headermenunl .img-slogan::after {
		--width: 60%;
	}
}

/* 620px */
@media screen and (max-width: 620px) {
	#headermenu .img-slogan::before,
	#headermenu .img-slogan::after {
		--width: 70%;
	}
	 #headermenunl .img-slogan::before,
	#headermenunl .img-slogan::after {
		--width: 80%;
	}
}

/* 451px */
@media screen and (max-width: 451px) {
	#headermenunl .img-slogan::before,
	#headermenunl .img-slogan::after {
		--width: 90%;
	}
	#headermenu .img-slogan::after,
	#headermenunl .img-slogan::after {
		top: 51.5%;
	}
	#headermenu .img-slogan::before,
	#headermenu .img-slogan::after {
		--height: 85%;
	}
	#headermenunl .img-slogan::before,
	#headermenunl .img-slogan::after {
		--height: 75%;
	}
}

#headermenu .menu-wrapper,
#headermenunl .menu-wrapper {
	grid-column: 6 / 8;
}

#headermenu .menu-wrapper #menu-principal,
#headermenu .menu-wrapper #menu-principal-2,
#headermenunl .menu-wrapper #menu-principal,
#headermenunl .menu-wrapper #menu-principal-2 {
	font-size: calc(5px + 0.6666666666666667vw); /* BASE = 15px // 5px + (10 : 15) */
	font-weight: 800;
	text-transform: uppercase;
	padding-left: var(--base15px);
	margin: 0;
}

#headermenu .menu-wrapper #menu-principal > li,
#headermenu .menu-wrapper #menu-principal-2 > li,
#headermenunl .menu-wrapper #menu-principal > li,
#headermenunl .menu-wrapper #menu-principal-2 > li {
	line-height: 1;
	margin-bottom: 0.125em;
}

#headermenu .menu-wrapper #menu-principal > li:last-of-type,
#headermenu .menu-wrapper #menu-principal-2 > li:last-of-type,
#headermenunl .menu-wrapper #menu-principal > li:last-of-type,
#headermenunl .menu-wrapper #menu-principal-2 > li:last-of-type {
	margin-bottom: 0;
}

#headermenu .menu-wrapper  a,
#headermenu .menu-wrapper  a,
#headermenunl .menu-wrapper  a,
#headermenunl .menu-wrapper  a {
	text-shadow: -0.02em -0.02em 0 var(--beige), 0.02em -0.02em 0 var(--beige), -0.02em 0.02em 0 var(--beige), 0.02em 0.02em 0 var(--beige);
	color: var(--noir90);
	letter-spacing: 0.04em;
}

#headermenu .menu-wrapper #menu-principal a:hover,
#headermenu .menu-wrapper #menu-principal-2 a:hover,
#headermenu .menu-wrapper .menudeuxieme a:hover,
#headermenu .menu-wrapper .menutroisieme a:hover,
#headermenunl .menu-wrapper #menu-principal a:hover,
#headermenunl .menu-wrapper #menu-principal-2 a:hover,
#headermenunl .menu-wrapper .menudeuxieme a:hover,
#headermenunl .menu-wrapper .menutroisieme a:hover {
	text-shadow: none;
	color: var(--beige);
}

#headermenu .menu-wrapper #menu-principal a.active,
#headermenu .menu-wrapper #menu-principal-2 a.active,
#headermenunl .menu-wrapper #menu-principal a.active,
#headermenunl .menu-wrapper #menu-principal-2 a.active {
	opacity: 1;
}

#headermenu .call-to-action,
#headermenunl .call-to-action {
	grid-column: 8 / 10;

	justify-content: center;
	padding: var(--base15px) calc(var(--base15px) * 2);
}

#headermenu .call-to-action a,
#headermenunl .call-to-action a {
	display: inline-block;
	font-size: calc(5px + 0.75vw); /* BASE = 20px // 5px + (15 : 15) */
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	color: var(--beige);
	background: var(--noir90);
	padding: 0.75em 2em;
	border-radius: 0.5em;
}
#headermenunl .call-to-action a {
	font-size: calc(5px + 0.6666666666666667vw); /* BASE = 15px // 5px + (10 : 15) */
}

#headermenu .logo::after,
#headermenu .slogan::after,
#headermenu .menu-wrapper::after,
#headermenu .call-to-action::after,
#headermenu .menuhamb::after,
#headermenunl .logo::after,
#headermenunl .slogan::after,
#headermenunl .menu-wrapper::after,
#headermenunl .call-to-action::after,
#headermenunl .menuhamb::after {
	content: "";
	position: absolute;
	width: var(--base15px);
	height: 100%;
	background: var(--noir90);
	top: 0;
	left: 100%;
}

#headermenu .menulangues,
#headermenunl .menulangues {
	grid-column: 10 / 11;

	justify-content: center;
}

#headermenu .menulangues ul,
#headermenunl .menulangues ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#headermenu .menulangues ul li a,
#headermenunl .menulangues ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5em;
	height: 2.5em;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--beige);
	background: var(--noir90);
	padding: 0.5em;
	border-radius: 50%;
	opacity: 0.25;
}

#headermenu .menulangues ul li.current-lang a,
#headermenunl .menulangues ul li.current-lang a {
	pointer-events: none;
	opacity: 1;
}


					/* HOMEPAGE */

/* BANNIÈRE */

.blockslogan {
	background-color: var(--noir90);
	text-shadow: none;
	color: var(--beige);
	letter-spacing: 0.04em;
}

.blockslogan span {
	color: var(--noir90);
}

.dashwhite {
 	color: var(--beige);
}

/* BOUTONS ACTUALITÉs & BOÎTE À OUTILS */

.blockmenu {
	padding-top: calc(var(--base15px) * 7) !important;
	padding-bottom: calc(var(--base15px) * 7) !important;
	border-block: var(--base15px) solid var(--noir90);
}

/* EXERGUES */

.page-template-page-full section.exergues .exergues_titre {
	font-size: calc(var(--base30px) + 1vw);
}


					/* SECTIONS */


.single-event section,
.page-template-modele-actualites section {
	grid-column: 2 / 10;

	padding: var(--base30px) 0 calc(var(--base30px) + var(--base15px));
	/*border-bottom: var(--base15px) solid var(--noir90);*/
	scroll-margin-top: calc(var(--headerheight) + var(--base15px));
}

.page-template-page-full section{
	grid-column: 2 / 10;

	padding: var(--base30px) 0 calc(var(--base30px) + var(--base15px));
	scroll-margin-top: calc(var(--headerheight) + var(--base15px));
}

.page-id-9 section {
	scroll-margin-top: calc(var(--headerheightNL) + var(--base15px));
}

section:not(:first-of-type) {
	padding-top: var(--base15px);
}

section .wp-block-columns {
	margin-bottom: 0;
}

section .wp-block-columns.is-layout-flex {
	gap: var(--base15px) var(--base15px);
}

section .blocktitre {
	position: relative;
}

section .blocktitre h1 {
	font-size: calc(7.5px + 2.5vw); /* BASE = 45px // 7.5px + (37.5 : 15) */
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--beige);
	text-shadow: -0.02em -0.02em 0 var(--noir90), 0.02em -0.02em 0 var(--noir90), -0.02em 0.02em 0 var(--noir90), 0.02em 0.02em 0 var(--noir90);
	padding-top: var(--base15px);
	padding-bottom: 9.666666666666667vw; /* même hauteur que celle de l'image complète (les 2 demi-images donc ! */
	margin: 0 !important;
	position: relative;
}

.page-id-9 section .blocktitre h1 {
	padding-left: var(--base15px);
	padding-right: var(--base15px);
}

section .blocktitre h1::before {
	content: "";
	position: absolute;
	width: var(--base15px);
	height: var(--base30px);
	background: var(--noir90);
	bottom: 100%;
	left: 50%;
    transform: translateX(-50%);
	border-radius: 0 0 calc(var(--base15px) / 2) calc(var(--base15px) / 2);
}

section .blocktitre h1::after,
section .blocktitre::after {
	content: "";
	position: absolute;
	width: 5.933333333333333vw; /* BASE = 89px // 89 : 15 */
	height: calc(9.666666666666667vw / 2); /* BASE = 145px // 145 : 15 // divisée par 2 pour avoir la moitié haute ou basse suivant le background-position */ 
	bottom: calc(9.666666666666667vw / 2);
	left: 50%;
	transform: translateX(-50%);
	background-image: url("imgs/logo-noir90-web.svg");
	background-size: cover;
	background-position: top;
}

section .blocktitre::after {
	bottom: 0;
	background-position: bottom;
}

section .blocktitre h1.titresticky {
	position: sticky;
	top: calc(var(--headerheight) + var(--base30px));
}

.page-id-9 section .blocktitre h1.titresticky {
	top: calc(var(--headerheightNL) + var(--base30px));
}

section .blocktexte {
	padding-top: var(--base15px);
	position: relative;
}

@media screen and (min-width: 782px) {
section .blocktexte::after {
	content: "";
	position: absolute;
	/* width: 0; */
	width: calc(var(--base15px) / 2);
	height: 33.33333333333333%;
	background: var(--noir90);
	top: var(--base15px);
	right: calc(100% + (var(--base15px) / 4));
	border-radius: calc(var(--base15px) / 2);
	/* border-left: var(--base15px) dotted var(--noir90); */
	opacity: 0.25;
}
section .blocktexte > * {padding: 0 var(--base15px) 0;}
}

section .blocktexte ul {
	padding: 0 var(--base15px) 0 calc(var(--base30px) + var(--base15px));
	margin-bottom: 0;
}

section.interpellez {
	padding-top: var(--base30px);
	padding-left: var(--base30px);
	padding-right: var(--base30px);
	border-radius: var(--base30px);
	margin-top: var(--base30px);
	margin-bottom: var(--base30px);
	position: relative;
}

section.interpellez::before {
	content: "";
	position: absolute;
	width: var(--base15px);
	height: var(--base30px);
	top: -1px;
	left: 50%;
    transform: translateX(-50%);
	border: 1px solid var(--beige);
	border-radius: 0 0 calc(var(--base15px) / 2) calc(var(--base15px) / 2);
}

section.interpellez h1 {
	font-size: calc(7.5px + 2.5vw); /* BASE = 45px // 7.5px + (37.5 : 15) */
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--beige);
	padding-top: var(--base15px);
	padding-bottom: var(--base15px);
	margin-bottom: 0;
	position: relative;
}

.page-id-9 .interpellez h1 {
	padding-left: calc(var(--base30px) * 6);
	padding-right: calc(var(--base30px) * 6);
}

section.interpellez h1::before,
section.interpellez h1::after {
	content: "";
	position: absolute;
	width: calc(var(--base30px) * 6);
	height: var(--base15px);
	top: 50%;
	transform: translateY(-50%);
	right: calc(100% - (var(--base30px) * 5) + 1px);
	border: 1px solid var(--beige);
	border-radius: 0 calc(var(--base15px) / 2) calc(var(--base15px) / 2) 0;
}

section.interpellez h1::after {
	left: calc(100% - (var(--base30px) * 5) + 1px);
	border-radius: calc(var(--base15px) / 2) 0 0 calc(var(--base15px) / 2);
}

section.interpellez .wp-block-columns:last-of-type {
	margin-top: calc((9.666666666666667vw / 2) + var(--base30px) + var(--base15px)); /* hauteur bandeau img en after + marge + hauteur du décalage de la barre en after du milieu */
	position: relative;
}

/* @keyframes walk {
	from { background-position: 0 center; }
	10% { background-position: 3vw center; }
	20% { background-position: 3vw center; }
	30% { background-position: 6vw center; }
	40% { background-position: 6vw center; }
	50% { background-position: 9vw center; }
	60% { background-position: 9vw center; }
	70% { background-position: 12vw center; }
	80% { background-position: 12vw center; }
	90% { background-position: 15vw center; }
	to { background-position: 15vw center; }
} */

@keyframes walk {
	to { background-position: 12vw center; }
}

section.interpellez .wp-block-columns:last-of-type:after {
	content: "";
	position: absolute;
	bottom: calc(100% + var(--base30px) + var(--base15px));
	left: 0;
	width: 100%;
	height: calc(9.666666666666667vw / 2);
	background-image: url("imgs/logo-contours-beige-web.svg");
	background-size: contain;
	background-position: 0 center;
	background-repeat: repeat-x;
	/* animation: walk 7.5s ease-in-out infinite; */
	animation: walk 12s steps(10, end) infinite;
}

section.interpellez .btnmail {
	text-align: center;
	padding: var(--base30px) calc(var(--base30px) * 5);
	margin: auto;
}

.page-id-9 .interpellez .btnmail {
	padding: var(--base30px) calc(var(--base30px) * 3.5);
}

section.interpellez .btnmail a {
	display: inline-block;
	font-size: calc(5px + 1vw); /* BASE = 20px // 5px + (15 : 15) */
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	color: var(--noir90);
	background: var(--beige);
	padding: 0.75em 1em;
	border-radius: 1em;
}

.interpellez-texte-gauche {
	display: flex;
	flex-direction: column;
}

.interpellez-texte-gauche p,
.interpellez-texte-gauche .btnmail {
	padding-right: var(--base30px);
}

.interpellez-texte-droite {
	position: relative;
}

.interpellez-texte-droite::before {
	content: "";
	position: absolute;
	width: var(--base15px);
	height: calc(100% + (var(--base15px) * 2));
	top: -1vw; /* var(--base15px) */
	right: 100%;
	border: 1px solid var(--beige);
	border-radius: var(--base15px);
}

.interpellez-texte-droite p {
	padding-left: var(--base30px);
}

.interpellez-texte-droite p:last-of-type {
	font-size: 1.5em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--noir90) !important;
}

.interpellez-texte-droite p:last-of-type strong {
	background: var(--beige);
}


					/* FOOTER */


footer {
	grid-column: 1 / -1;

	padding: var(--base15px) var(--base15px) var(--base30px);
	border-top: var(--base15px) solid var(--noir90);
	overflow-x: hidden;
}

footer h2 {
	display: inline-block;
	font-size: calc(11px + 0.6vw); /* BASE = 20px // 11px + (9 : 15) */
	font-weight: 800;
	text-transform: uppercase;
	padding-bottom: calc(var(--base15px) / 4);
	border-bottom: calc(var(--base15px) / 2) solid var(--noir90);
	margin: var(--base15px) var(--base15px) var(--base30px) !important;
}

footer .row {
	margin: 0 !important;
}

footer .col-6 {
	width: 10%;
}

.partenaires_logo {
	padding: 0 var(--base15px) !important;
	margin: 0 !important;
}


					/* POP-UP WARNING */


.warning {
	grid-column: 1 / -1;
	text-align: center;
	padding: var(--base15px) calc(var(--base30px) * 3);
	position: fixed;
	width: calc(100% - (var(--base15px) * 2));
	left: var(--base15px);
	/* bottom: var(--base15px); */
	bottom: 0;
	z-index: 10000;
	opacity: 1;
}

.warning.closed {
	opacity: 0;
	pointer-events: none;
	transition: all 1.5s ease-in-out;
}

.warning p {
	margin-bottom: 0;
}

.warning .text::before {
	content: "";
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background-image: url(imgs/warning-beige.svg);
	background-size: cover;
	margin-right: 0.4em;
	position: relative;
	top: 0.25em;
}

.warning .close {
	display: inline-block;
	position: absolute;
	top: calc(50% + 0.125em);
	transform: translateY(-50%);
	right: 0;
}

.warning .close a {
	display: inline-block;
	color: var(--beige);
	padding: var(--base15px) var(--base30px) var(--base15px) var(--base15px);
}


					/* ******************************** */
					/*           MEDIAQUERIES           */
					/* ******************************** */


@media screen and (max-width: 1416px) {
	.warning {
		padding: var(--base15px) calc(var(--base30px) * 7);
	}
}

@media screen and (max-width: 1320px) {
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 3);
	}
}

@media screen and (max-width: 1100px) {
	#headermenunl .call-to-action a {
		font-size: calc(4px + 0.6666666666666667vw);
	}
	#headermenu .menu-wrapper #menu-principal-2,
	#headermenunl .menu-wrapper #menu-principal-2 {
		font-size: calc(4px + 0.6666666666666667vw);
	}
	footer .col-6 {
		width: 12.5%;
	}
}

@media screen and (max-width: 1015px) {
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 2.5);
	}
}

@media screen and (max-width: 982px) {
	.page-id-9 .interpellez h1 {
		padding-left: calc(var(--base30px) * 5);
		padding-right: calc(var(--base30px) * 5);
	}
	.page-id-9 section.interpellez h1::before {
		right: calc(100% - (var(--base30px) * 4) + 1px);
	}
	.page-id-9 section.interpellez h1::after {
		left: calc(100% - (var(--base30px) * 4) + 1px);
	}
}

@media screen and (max-width: 910px) {
	#headermenunl .call-to-action a {
		font-size: calc(3px + 0.6666666666666667vw);
	}
}

@media screen and (max-width: 820px) {
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 2);
	}
	#headermenu .menu-wrapper #menu-principal-2,
	#headermenunl .menu-wrapper #menu-principal-2 {
		font-size: calc(3px + 0.6666666666666667vw);
	}
}

@media screen and (max-width: 782px) {
	.interpellez-texte-droite::before {
		display: none;
	}
}
	
/* 781px = tout sur une colonne */

/* HEADER */
	#headermenu .logo a,
	#headermenunl .logo a {
		/*display: none;*/
	}
	#headermenu .logo button.hamburger,
	#headermenunl .logo button.hamburger {
		display: block;
	}
	#headermenu .slogan,
	#headermenunl .slogan {
		padding: 0 calc(var(--base15px) * 3);
	}
	#headermenu .slogan .img-logo,
	#headermenunl .slogan .img-logo {
		display: none;
		margin-right: var(--base30px);
		transform: scale(1.5);
	}
	#headermenunl .menu-wrapper {
		grid-column: 1 / 4;
		position: fixed;
		top: calc(var(--headerheightNL) + (var(--base15px) * 1)) !important;
		height: calc(100vh - var(--headerheightNL) - (var(--base15px) * 3));
		background: var(--beige);
		padding: var(--base30px);
		opacity: 0;
		pointer-events: none;
		transition: all 0.125s ease-in-out;
		left: calc(var(--base15px) * 2);
		width: calc(100% - (var(--base15px) * 4));
	}


	#headermenu .menu-wrapper {
		grid-column: 1 / 4;
		position: fixed;
		top: calc(var(--headerheight) + (var(--base15px) * 1));
		height: calc(100vh - var(--headerheight) - (var(--base15px) * 3));
		background: var(--beige);
		padding: var(--base30px);
		opacity: 0;
		pointer-events: none;
		transition: all 0.125s ease-in-out;
		left: calc(var(--base15px) * 2);
		width: calc(100% - (var(--base15px) * 4));
	}


	#headermenu .menu-wrapper, #headermenunl .menu-wrapper {display: block;}
	#headermenu .menu-wrapper .menu-wrapperinside, #headermenunl .menu-wrapper .menu-wrapperinside {width: 100%; }

	.menu-wrapperbeforeinside {display: flex; align-items: center; height: 100%;}

	#headermenu .menu-wrapper  .btnclose, #headermenunl .menu-wrapper  .btnclose {text-align: end; position: absolute; right: 1rem;}
	#headermenu .menu-wrapper .btnclose .hamburgerclose, #headermenunl .menu-wrapper .btnclose .hamburgerclose { text-transform: uppercase; font-size: 2rem;-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: var(--beige);
		color: var(--noir90);
	cursor: pointer;}
	#headermenu .menu-wrapper  .btnclose .hamburgerclose:hover, #headermenunl .menu-wrapper  .btnclose .hamburgerclose:hover  {-webkit-text-stroke-width: none; color: var(--beige); cursor: pointer;}
	#headermenunl .menu-wrapper {
		top: var(--headerheightNL);
	}
	#headermenu .menu-wrapper.menuvisible,
	#headermenunl .menu-wrapper.menuvisible {
		opacity: 1;
		pointer-events: all;
		transition: all 0.125s ease-in-out;
		background-color: var(--noir90);
		overflow-y: auto;
 		 overflow-x: hidden;
		 padding-top: 0;
	}
/*	#headermenu .menu-wrapper::before {
		content: "";
		position: absolute;
		width: calc(100% + var(--base15px));
		height: var(--base15px);
		background: var(--noir90);
		top: 100%;
		left: 0;
	}
		*/
	#headermenu .menu-wrapper #menu-principal,
	#headermenu .menu-wrapper #menu-principal-2,
	#headermenunl .menu-wrapper #menu-principal,
	#headermenunl .menu-wrapper #menu-principal-2 {
		font-size: calc(var(--base30px) + 1vw); /* BASE = 20px // 5px + (15 : 15) */
	}

	#headermenu .menu-wrapper .menudeuxieme,
	#headermenu .menu-wrapper .menutroisieme,
	#headermenunl .menu-wrapper .menudeuxieme,
	#headermenunl .menu-wrapper .menutroisieme {
		font-size: calc(var(--base30px)); /* BASE = 20px // 5px + (15 : 15) */
		font-weight: 800;
	}
	@media screen and (max-width: 600px) {
		#headermenu .menu-wrapper .menudeuxieme, #headermenu .menu-wrapper .menutroisieme,
		#headermenunl .menu-wrapper .menudeuxieme, #headermenunl .menu-wrapper .menutroisieme {font-size: calc(var(--base30px) + 1vw);}
	 }

	#headermenu .menu-wrapper #menu-principal > li, 
	#headermenu .menu-wrapper #menu-principal-2 > li
	#headermenunl .menu-wrapper #menu-principal > li, 
	#headermenunl .menu-wrapper #menu-principal-2 > li {
		margin-bottom: 0em;
	  }
	#headermenu .call-to-action, {
		grid-column: 8 / 10;

		padding: var(--base15px) calc(var(--base15px) * 5);
	}
	#headermenunl .call-to-action {
		grid-column: 8 / 10;

		padding: var(--base15px) calc(var(--base15px) * 2);
	}
	#headermenu .call-to-action a,
	#headermenunl .call-to-action a {
		font-size: calc((5px + 1vw) );
	}

	#headermenu .menuhamb,
	#headermenunl .menuhamb{grid-column: 6 / 8;}
	#headermenu .menuhamb button.hamburger,
	#headermenunl .menuhamb button.hamburger {
		display: block;
		margin: 0 auto;
	  }

	  #headermenu .menuhamb .hamburger,
	  #headermenunl .menuhamb .hamburger {
		display: inline-block;
		font-size: calc((5px + 1vw) * 1.15);
		font-weight: 800;
		text-transform: uppercase;
		text-align: center;
		color: var(--beige);
		background: var(--noir90);
		padding: 0.4em 1em;
		border-radius: 0.5em;
		border:solid 1px var(--noir90)
	  }

	  #headermenu .menuhamb .hamburger.menuvisible,
	  #headermenunl .menuhamb .hamburger.menuvisible {transform: rotate(90deg); position: relative;}
	  #headermenu .menuhamb .hamburger.menuvisible:after,
	  #headermenunl .menuhamb .hamburger.menuvisible:after{content:''; width: 80px ; height: var(--base15px);background-color: black; display: block; position: absolute; bottom: calc(50% - (var(--base15px) / 2));
		left: 100%;}

	#headermenunl .call-to-action a {
		font-size: calc(6px + 1vw);
	}

	@media screen and (max-width: 782px) {
		.img-logo {display: none;}
	}
/* SECTION */
	section .blocktexte::before,
	section .blocktitre::after {
		display: none;
	}
	section .blocktitre h1 {
		padding-bottom: calc((9.666666666666667vw / 2) + var(--base15px));
	}
	section .blocktitre h1::after {
		bottom: 0;
	}
	section .blocktexte {
		padding-top: 0;
		padding-bottom: var(--base15px);
		padding-top: var(--base15px)
	}
	section .blocktexte::after{height: 100%}
	section.retrait h1 {
		padding-left: calc(var(--base30px) * 2);
		padding-right: calc(var(--base30px) * 2);
	}
	section.interpellez::before {
		height: calc(var(--base30px) * 2);
	}
	.page-id-9 .interpellez h1 {
		padding-left: calc(var(--base30px) * 3);
		padding-right: calc(var(--base30px) * 3);
	}
	section.interpellez h1::before, 
	section.interpellez h1::after {
		width: calc(var(--base30px) * 5);
		right: calc(100% - (var(--base30px) * 3) + 1px);
	}
	section.interpellez h1::after {
		left: calc(100% - (var(--base30px) * 3) + 1px);
	}
	.page-id-9 section.interpellez h1::before {
		right: calc(100% - (var(--base30px) * 3) + 1px);
	}
	.page-id-9 section.interpellez h1::after {
		left: calc(100% - (var(--base30px) * 3) + 1px);
	}
	section.interpellez .wp-block-columns:last-of-type {
		margin-top: calc(9.666666666666667vw + var(--base30px) + var(--base15px));
	}
	section.interpellez .wp-block-columns:last-of-type::after {
		bottom: calc(100% + var(--base30px));
		height: 9.666666666666667vw;
	}
	.interpellez-texte-gauche p:last-of-type {
		margin-bottom: 0.5em;
	}
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 6.5);
	}
	section.interpellez .btnmail a {
		font-size: calc((5px + 1vw) * 1.5); /* BASE = 20px // (5px + (15 : 15)) x 1,5 */
		border-radius: 0.75em;
	}
	.interpellez-texte-droite p {
		padding-left: 0;
	}
	.interpellez-texte-droite p:last-of-type {
		text-align: center;
		margin-top: var(--base30px);
	}
	section.interpellez {
		padding-top: calc(var(--base30px) * 2);
		padding-left: calc(var(--base30px) * 2);
		padding-right: calc(var(--base30px) * 2);
		padding-bottom: calc(var(--base15px) * 4);
	}


@media screen and (max-width: 768px) {
	footer .col-6 {
		width: 14.28571428571429%; /* 100 : 7 */
	}
}

@media screen and (max-width: 726px) {
	.warning {
		padding: var(--base15px) calc(var(--base30px) * 4);
	}
	.warning .close a {
		padding-right: calc(var(--base15px) * 3);
	}
}

@media screen and (max-width: 700px) {
	section .blocktexte ul {
		padding: 0 var(--base15px) 0 calc(var(--base30px) + var(--base30px));
	}
}

@media screen and (max-width: 662px) {
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 6);
	}
	.page-id-9 .interpellez h1 {
		padding-left: calc(var(--base30px) * 2);
		padding-right: calc(var(--base30px) * 2);
	}
	.page-id-9 section.interpellez h1::before {
		right: calc(100% - (var(--base30px) * 2) + 1px);
	}
	.page-id-9 section.interpellez h1::after {
		left: calc(100% - (var(--base30px) * 2) + 1px);
	}
}

@media screen and (max-width: 614px) {
	#headermenu .menulangues ul li a,
	#headermenunl .menulangues ul li a {
		width: 2.25em;
		height: 2.25em;
	}
}

@media screen and (max-width: 602px) {
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 5);
	}
}

@media screen and (max-width: 568px) {
	.warning {
		padding: var(--base30px) calc(var(--base30px) * 6);
	}
}

@media screen and (max-width: 560px) {
	section.interpellez h1::before, 
	section.interpellez h1::after {
		width: calc(var(--base30px) * 4);
		right: calc(100% - (var(--base30px) * 2) + 1px);
	}
	section.interpellez h1::after {
		left: calc(100% - (var(--base30px) * 2) + 1px);
	}
	.page-id-9 section.interpellez h1::before {
		right: calc(100% - var(--base30px) + 1px);
	}
	.page-id-9 section.interpellez h1::after {
		left: calc(100% - var(--base30px) + 1px);
	}
}

@media screen and (max-width: 518px) {
	section .blocktitre h1 {
		font-size: calc(15px + 2vw); /* BASE = 45px // 15px + (30 : 15) */
		letter-spacing: 0.05em;
		text-shadow: -0.03em -0.03em 0 var(--noir90), 0.03em -0.03em 0 var(--noir90), -0.03em 0.03em 0 var(--noir90), 0.03em 0.03em 0 var(--noir90);
	}
	#headermenu .menu-wrapper,
	#headermenunl .menu-wrapper {
		grid-column: 1 / 6;

		padding-left: calc(var(--base30px) * 2);
		padding-right: calc(var(--base30px) * 2);
	}
	#headermenu .menu-wrapper #menu-principal,
	#headermenunl .menu-wrapper #menu-principal {
		font-size: calc(10px + 0.6666666666666667vw); /* BASE = 20px // 10px + (10 : 15) */
	}
	#headermenu .menu-wrapper #menu-principal-2 {
		font-size: calc(8px + 0.6666666666666667vw);
	  }
	headermenunl .call-to-action a {
		font-size: calc(5px + 1vw);
	}
	.page-id-9 .interpellez h1 {
		padding-left: var(--base30px);
		padding-right: var(--base30px);
	}
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 4);
	}
	section .blocktitre h1::after {
		transform: translateX(-50%) scale(1.25);
	}
}

@media screen and (max-width: 460px) {
	section.interpellez h1::before, 
	section.interpellez h1::after {
		right: calc(100% - (var(--base30px) * 0.75) + 1px);
	}
	section.interpellez h1::after {
		left: calc(100% - (var(--base30px) * 0.75) + 1px);
	}
}

@media screen and (max-width: 451px) {
	#headermenunl .call-to-action a {
		font-size: calc(4px + 1vw);
	}
	#headermenu .menulangues ul li a,
	#headermenunl .menulangues ul li a {
		width: 2em;
		height: 2em;
	}
	footer .col-6 {
		width: 16.66666666666667%; /* 100 : 6 */
	}
	section .blocktexte ul {
		padding: 0 var(--base15px) 0 calc(var(--base30px) * 2.5);
	}
	.page-id-9 section.interpellez h1 {
		font-size: calc(6.5px + 2.5vw);
	}
	.page-id-9 section.interpellez h1::before {
		right: calc(100% - var(--base15px) + 1px);
	}
	.page-id-9 section.interpellez h1::after {
		left: calc(100% - var(--base15px) + 1px);
	}
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 3.5);
	}
}

@media screen and (max-width: 374px) {
	#headermenu .menu-wrapper #menu-principal-2,
	#headermenunl .menu-wrapper #menu-principal-2 {
		font-size: calc(7px + 0.6666666666666667vw);
	}
	.page-id-9 .interpellez .btnmail {
		padding: var(--base30px) calc(var(--base30px) * 3);
	}
}

@media screen and (max-width: 360px) {
	#headermenu .menulangues ul li a,
	#headermenunl .menulangues ul li a {
		width: 1.85em;
		height: 1.85em;
	}
	section.interpellez h1::before, 
	section.interpellez h1::after {
		right: calc(100% - (var(--base30px) * 0.001) + 1px);
	}
	section.interpellez h1::after {
		left: calc(100% - (var(--base30px) * 0.001) + 1px);
	}
}



#quisommesnous {
	scroll-margin-top: calc(var(--headerheight) - var(--base15px));
  }