@import url(../cookies.css);

:root {
	--bgBlancCasse: #FFFBFB;
	--ligthGreen: #95C11F;
	--mediumGreen: #3AAA35;
	--darkGreen: #006633;

	--colorTexte1: #19282F;
	--colorTexte2: #1C1C1C;

	--marginWrapper: 140px;

	--fontSize15: 15px;
	--fontSize17: 17px;
	--fontSize20: 20px;
	--fontSize25: 25px;
	--fontSize30: 30px;
	--fontSize35: 35px;
	--fontSize50: 50px;
	--fontSize70: 70px;
	--fontSize81: 81px;
	--fontSize89: 89px;
	--fontSize100: 100px;
}

@font-face {
	font-family: 'Articulat CF';
	src: url('fonts/ArticulatCF-Regular.otf') format('opentype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Articulat CF';
	src: url('fonts/ArticulatCF-Medium.otf') format('opentype');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Articulat CF';
	src: url('fonts/ArticulatCF-DemiBold.otf') format('opentype');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'Articulat CF';
	src: url('fonts/ArticulatCF-Bold.otf') format('opentype');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Articulat CF';
	src: url('fonts/ArticulatCF-ExtraBold.otf') format('opentype');
	font-weight: 800;
	font-display: swap;
}
@font-face {
	font-family: 'Articulat CF';
	src: url('fonts/ArticulatCF-Heavy.otf') format('opentype');
	font-weight: 900;
	font-display: swap;
}
@font-face {
	font-family: 'Red Hat Display';
	src: url('fonts/RedHatDisplay-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Inter Tight';
	src: url('fonts/InterTight-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Inter Tight';
	src: url('fonts/InterTight-Medium.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Inter Tight';
	src: url('fonts/InterTight-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'Inter Tight';
	src: url('fonts/InterTight-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Inter Tight';
	src: url('fonts/InterTight-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-display: swap;
}

:is(section, footer):not(.sectionHeaderAccueil) {
	opacity: 0;
}
:is(section, footer):not(.sectionHeaderAccueil).scrollIntoView {
	animation: .99s linear 0s opacity forwards; 
}
@keyframes opacity {
	from {opacity: 0;}
    to {opacity: 1;}
}

body {
	margin: 0;
	max-width: 1920px;
	margin-inline: auto;
}
* {
	box-sizing: border-box;
	line-height: 1.5em;
}
img, video, picture, iframe {
	display: block;
	max-width: 100%;
}
section {
	z-index: 0;
	position: relative;
}
section.sectionMission {
	display: none;
}
section:not(.sectionServices, .sectionRejoindre, .sectionTexteIntro, .sectionLigneDepliable) {
	margin-bottom: 200px;
}
section.sectionIntroPage,
section.sectionBoutonHautDePage,
section.sectionLigneDepliable,
section.sectionFlexDemiPage,
section.sectionTexte  {
	margin-bottom: 100px;
}
section.sectionTexteIntro {
	padding-bottom: 100px;
}
section.sectionIntroContact,
section.sectionIntroPage,
section.sectionFlexDemiPage,
section.sectionTexte  {
	margin-top: 100px;
}

*::selection {
	background-color: var(--mediumGreen);
	color: white;
}


#modal {
	--_borderWidth: 5px;
	width: 500px;
	height: fit-content;
	max-width: calc(100% - 80px);
	padding: 30px;
	margin: auto;
	border: var(--_borderWidth) solid var(--ligthGreen);
	box-shadow: 0px 0px 0px var(--_borderWidth) var(--mediumGreen);
	outline: var(--_borderWidth) solid var(--darkGreen);
	outline-offset: var(--_borderWidth);
	border-radius: 3px;
	opacity: 0;
	transition: all 0.4s ease;
}
#modal::backdrop {
	background: rgba(0, 4, 35, .3);
}
#modal .titre {
	font: 600 var(--fontSize30)/1.35em 'Inter Tight';
}
#modal .texte {
	margin-top: 30px;
	margin-bottom: 45px;
}
#modal .bouton {
	margin-inline: auto;
	display: block;
}
.wrapper {
	margin-inline: var(--marginWrapper);
	max-width: 1640px;
	width: calc(100% - (2 * var(--marginWrapper)));
}
.texte {
	font: 500 var(--fontSize20)/1.35em 'Inter Tight';
	color: #1C1C1C;
}
.texte h1 {
	font: 700 var(--fontSize50)/1.35em 'Articulat CF';
	color: var(--darkGreen);
	margin-top: 0px;
	margin-bottom: 40px;
}
.texte h2 {
	font: 800 var(--fontSize25)/1.35em 'Articulat CF';
	margin-top: 0px;
	margin-bottom: 20px;
}
.texte h2 span {
	font-size: var(--fontSize30);
	color: #116530;
	margin-right: 15px;
}
.texte h3 {
	font: 700 var(--fontSize30)/1.35em 'Articulat CF';
	margin-top: 0px;
	margin-bottom: 25px;
}
.texte h4 {
	font: 700 var(--fontSize20)/1.35em 'Articulat CF';
	margin-top: 0px;
	margin-bottom: 20px;
}
/* .texte ul {
	list-style: none;
	
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.texte ul li::before {
	content: "";
	width: 7px;
	height: 7px;
	background-color: #95C11F;
	margin-right: 28px;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
} */
.texte ul, .texte ol {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0px;
	padding-left: 17px;
}
.texte ul {
	list-style-image: url("../Images/rondVert.svg");
}
.texte ol > li,
.texte ul > li {
	margin-top: 10px;
	margin-bottom: 10px;
}
.texte ol > li,
.texte ul > li {
	padding-left: 20px;
}
.texte ol > li::marker {
	color: #95C11F;
	font-weight: 700;
}
.texte p {
	font: 500 var(--fontSize20)/1.35em 'Inter Tight';
	margin: 0px;
/*	margin-top: 12px;*/
	margin-top: 0px;
	margin-bottom: 15px;

	max-width: 1280px;
}
.sectionQuiAccueil .texte p,
.itemChiffres .texte p,
.sectionMission .texte p,
.sectionRejoindre .texte p {
	line-height: 1.75;
}
.texte a {
	color: var(--mediumGreen);
	text-decoration: none;
}
.texte a:hover {
	text-decoration: underline;
}
.titreSection {
	font: 600 var(--fontSize81)/1.1em 'Articulat CF';
	color: #1C1C1C;
	margin-bottom: 20px;
}
.titreSection.small {
	font-size: var(--fontSize70);
}
.titreSection.big {
	font: 600 var(--fontSize89)/1.1em 'Articulat CF';
	margin-bottom: 45px;
}
.titrePage {
	font: 600 var(--fontSize89)/1.1em 'Articulat CF';
	margin-bottom: 15px;
}
.titrePage.small {
	font: 600 var(--fontSize50)/1.1em 'Articulat CF';
}
.sectionIntroContact .titrePage {
/*	margin-bottom: 7px;*/
}
.Leftmenu2 {
	display: none;
}
header {
	z-index: 1;
	background-color: var(--darkGreen);
	position: sticky;
	top: var(--heightBandeauVersion);
	left: 0px;
	width: 100%;
	padding-block: 16px;

	max-width: 1920px;
	left: auto;	
}
header.headerAccueil {
	position: fixed;
}
header nav .Leftmenu1,
header nav .navPart2 .navPart2item {
	font: 600 var(--fontSize17)/1.35em 'Inter Tight';
	color: white;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}
header nav .Leftmenu1::after,
header nav .navPart2 .navPart2item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0px;
	bottom: -5px;
	background-color: white;

	scale: 0;
	transition: scale 0.4s ease;
}
header nav .Leftmenu1.active::after,
header nav .Leftmenu1:not(.active):is(:hover, :focus)::after,
header nav .navPart2 .navPart2item:is(:hover, :focus)::after {
	scale: 1;
}
header nav .Leftmenu1:focus,
header nav .navPart2 .navPart2item:focus {
	outline: 0px;
}
header nav .logoNav {
	width: 122px;
	margin-right: 80px;
}
header nav .navPart1_b {
	display: flex;
	gap: 25px;
}
header nav .navPart1 {
	display: flex;
	align-items: center;
}
header nav .navPart2 {
	display: flex;
	gap: 40px;
}
header nav .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header nav .navPart2item.iconeCadenas,
header nav .navPart2item.iconeLoupe {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: calc(13px + 15px);
}
header nav .navPart2item.iconeCadenas {
	background-image: url("../Images/icone_cadenas.svg");
	background-size: 13px auto;
}
header nav .navPart2item.iconeLoupe {
	background-image: url("../Images/icone_loupe.svg");
	background-size: auto 16px;

	background-color: transparent;
  	border: 0px;
  	width: 11ch;
}
#menuMobile {
	display: none;
	margin-inline: auto;
	width: 35px;
	height: 35px;
	background-image: url("../Images/menuMobile.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.containerbouton {
	display: flex;
	gap: 35px;
	align-items: flex-start;
}
.sectionHeaderAccueil {
	background-color: #FFFBFB;
	z-index: 2;
	position: relative;
}
.sectionHeaderAccueil .droite {
	--_sizeBoder: 20px;

	overflow: hidden;

	margin-right: calc(var(--marginWrapper) * (-1));
	width: calc(50% + var(--marginWrapper));
	position: relative;
}
.sectionHeaderAccueil .containerImageIntro {
	position: absolute;
	isolation: isolate;
	width: 100%;
	height: 100%;
}
.sectionIntroPage .droite#droitePage8316,
.sectionIntroPage .droite#droitePage8280 {
	--_sizeBoder: 0px;
}
.sectionIntroPage .droite {
	--_sizeBoder: 10px;

	height: auto;
	aspect-ratio: 1/1;
	max-width: 675px;
	position: relative;
	width: 45%;
}
.sectionHeaderAccueil .droite .img,
.sectionIntroPage .droite .img {
	height: 100%;
	border-radius: 9999vh 0 0 9999vh;
	left: calc(var(--_sizeBoder) * 4);

	background-color: white;
	position: absolute;
}
.sectionIntroPage .droite .img {
	background-position: center;
	width: 100%;
}
.sectionHeaderAccueil .droite .img {
	/* Ancien fonctionnement */
	/*width: 150%;
	background-position: left center;*/

	/* Nouveau fonctionnement */
	width: 200%; /* permet de supporter la version tablette */
	background-repeat: no-repeat;
	background-size: 35% auto;
  	background-position: 5% center;
}
.sectionIntroPage .droite .img {
	border-radius: 50%;
	height: auto;
	aspect-ratio: 1/1;
	max-width: 675px;
	/* object-fit: cover; */
	object-fit: contain;
	object-position: center;
}
.sectionIntroPage #droitePage8280.droite .img {
	border-radius: 0%;
}
.sectionHeaderAccueil .droite .line {
	position: absolute;
	height: 100%;
	width: 200%;
	border-radius: 9999vh 0 0 9999vh;
}
.sectionIntroPage .droite .line {
	position: absolute;
	height: auto;
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 100%;
}
.sectionIntroPage .droite#droitePage8316 .line,
.sectionIntroPage .droite#droitePage8280 .line {
	background-color: transparent !important;
}
.sectionHeaderAccueil .droite .line.line1,
.sectionIntroPage .droite .line.line1 {
	left: calc(var(--_sizeBoder) * 3);
	background-color: #FCEA10;
	z-index: -2;		
}
.sectionHeaderAccueil .droite .line.line2,
.sectionIntroPage .droite .line.line2 {
	left: calc(var(--_sizeBoder) * 2);
	background-color: var(--ligthGreen);
	z-index: -3;		
}
.sectionHeaderAccueil .droite .line.line3,
.sectionIntroPage .droite .line.line3 {
	left: calc(var(--_sizeBoder) * 1);
	background-color: var(--mediumGreen);
	z-index: -4;		
}
.sectionHeaderAccueil .droite .line.line4,
.sectionIntroPage .droite .line.line4 {
	left: 0px;
	background-color: var(--darkGreen);
	z-index: -5;		
}
.sectionHeaderAccueil .flexHeaderAccueil {
	display: flex;
	gap: 45px;
	align-items: stretch;

	min-height: 100vh;
	min-height: 100dvh;
}
.sectionHeaderAccueil .gauche {
	width: 50%;
	margin-top: 140px;
	margin-bottom: 45px;
}
.sectionHeaderAccueil .logo {
	max-width: 550px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 35px;
}
.sectionHeaderAccueil .logoTexte {
	font: 700 var(--fontSize20)/1.35em 'Red Hat Display';
	color: var(--darkGreen);
	margin-bottom: 17px;
}
.sectionHeaderAccueil .texte {
	font: 600 clamp(30px, 3vw, 50px)/1.1em 'Articulat CF';
	margin-bottom: 40px;
}
.sectionHeaderAccueil .bouton {
	font: 700 var(--fontSize20)/1.35em 'Inter Tight';
	white-space: nowrap;
}
.sectionHeaderAccueil .containerbouton {
	flex-wrap: wrap;
	justify-content: center;
	max-width: max-content;
}
.sectionHeaderAccueil .containerBoutonFleche {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-direction: column;
}
.sectionHeaderAccueil .containerBoutonFleche:has(.bouton:hover) .boutonFlecheBas,
.sectionHeaderAccueil .containerBoutonFleche .boutonFlecheBas:hover {
	background-position: calc(100% - 10px) center;
}
.sectionHeaderAccueil .boutonFlecheBas {
	content: "";
	display: block;
	width: 110px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 2px solid var(--mediumGreen);
	background: url("../Images/flecheDroite.svg") no-repeat center/40px auto;
	transform: rotate(90deg);
	transition: background-position 0.3s;
}
.sectionActu .bouton {
	display: block;
	margin-inline: auto;
	margin-top: 100px;
}
.gridActu {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 45px;
	grid-row-gap: 150px;
	margin-top: 150px;
}
.gridItemActu {
	max-width: 710px;
	display: flex;
	gap: 45px;
	cursor: pointer;
}
.gridItemActu .gauche {
	flex-basis: 40%;
	overflow: hidden;
	border-radius: 50%;
	height: fit-content;
}
.gridItemActu img {
	aspect-ratio: 1/1;
	width: 100%;
/*	border-radius: 50%;*/
	object-fit: cover;
	object-position: center;

	transition: scale 0.4s ease;
}
.gridItemActu:hover img {
	scale: 1.05;
}
.gridItemActu .droite {
	flex-basis: 60%;
}
.gridItemActu .date {
	font: 900 var(--fontSize20)/1.35em 'Articulat CF';
	color: var(--mediumGreen);
	margin-bottom: 7px;
}
.gridItemActu .titre {
	font: 800 var(--fontSize20)/1.35em 'Inter Tight';
	color: var(--colorTexte1);
	margin-bottom: 10px;
}
.gridItemActu .texte {
	margin-bottom: 17px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
}
.lireSuite {
	font: 600 var(--fontSize20)/1.35em 'Articulat CF';
	display: flex;
	column-gap: 20px;
	row-gap: 20px;
	align-items: center;
	color: var(--mediumGreen);
	cursor: pointer;
	text-decoration: none;
}
.lireSuite.lireSuiteTextebas {
	flex-direction: column-reverse;
}
.lireSuite::after {
	content: "";
	display: block;
	height: 78px;
	aspect-ratio: 1/1;
	border: 2px solid var(--mediumGreen);
	border-radius: 50%;
	background: url("../Images/flecheDroite.svg") no-repeat center/28px auto;
	transition: transform 0.4s ease, background-position 0.4s ease;
}
.lireSuite:hover::after {
	background-position: calc(100% - 10px) center;
}
:is(.ligneLandingPage, .gridItemActu):hover .lireSuite::after {
	background-position: calc(100% - 10px) center;
}
.lireSuite[data-direction="bas"]::after {
	transform: rotate(90deg);
}
.lireSuite[data-direction="haut"]::after {
	transform: rotate(-90deg);
}

.bouton {
	--_borderColor: var(--mediumGreen);
	--_textColor: #FFFFFF;
	--_bgColor: var(--mediumGreen);

	--_borderColorHover: var(--mediumGreen);
	--_textColorHover: var(--mediumGreen);
	--_bgColorHover: #FFFFFF;

	--_borderWidth: 2px;

	border: var(--_borderWidth) solid var(--_borderColor);
	color: var(--_textColor);
	background-color: var(--_bgColor);
	text-decoration: none;

	font: 400 var(--fontSize20)/1.35em 'Inter Tight';

	display: block;
	padding: calc(17px - var(--_borderWidth)) calc(62px - var(--_borderWidth));
	border-radius: 100vw;
	width: max-content;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	cursor: pointer;
	transition: color 0.3s;
}
.bouton:focus {
	outline: 3px solid var(--_bgColor);
	outline-offset: 3px;
}

.bouton.transparent {
	--_borderColor: #FFFBFB;
	--_textColor: var(--mediumGreen);
	--_bgColor: #FFFBFB;
	--_borderWidth: 0px;
	--_borderColorHover: var(--mediumGreen);
	--_textColorHover: #FFFBFB;
	--_bgColorHover: var(--mediumGreen);
}
.bouton.fondVertAvecBordureBlanche {
	--_borderColor: #FFFBFB;
	--_textColor: #FFFBFB;
	--_bgColor: var(--mediumGreen);
	--_borderWidth: 2px;
	--_borderColorHover: #FFFBFB;
	--_textColorHover: var(--mediumGreen);
	--_bgColorHover: #FFFBFB;
}
.bouton.jaune {
	--_borderColor: #FCEA10;
	--_textColor: #1C1C1C;
	--_bgColor: #FCEA10;
	--_borderWidth: 2px;
	--_borderColorHover: #FCEA10;
	--_textColorHover: #1C1C1C;

	--_bgColorHover: var(--mediumGreen);
	--_textColorHover: #FCEA10;
}
.sectionHeaderAccueil .bouton:not(.transparent) {
	--_bgColorHover: #FFFBFB;
}

.bouton::before {
	width: calc(100%);
	height: calc(100%);
	position: absolute;
	content: " ";
	z-index: -1;
	border-radius: 100vw;
	transition: max-width 0.5s;
}
.bouton::before {
	max-width: 0%;
	inset: 0 0 0 0;
	background-color: var(--_bgColorHover);
}
.bouton:hover {
	color: var(--_textColorHover);
	border-color: var(--_borderColorHover);
}
.bouton:hover::before {
	max-width: calc(100%);
}
.sectionQuiAccueil {
	display: flex;
	justify-content: space-between;
	gap: 45px;
}
.sectionQuiAccueil .gauche {
	max-width: 830px;
	flex-grow: 1;
}
.sectionQuiAccueil h2 {
	font: 600 var(--fontSize50)/1.35em 'Inter Tight';
	color: var(--mediumGreen);
	margin-bottom: 15px;
}
.sectionQuiAccueil .droite {
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 630px;
}
.sectionQuiAccueil .droite img {
	aspect-ratio: 1/1;
	width: 100%;
	border-radius: 50%;
	margin-top: 70px;
	object-fit: cover;
	object-position: center;
}
.sectionChiffres .grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 45px;
	justify-content: space-between;
}
.sectionChiffres .titre {
	font: 600 var(--fontSize100)/1.1em 'Inter Tight';
	color: var(--mediumGreen);
	margin-bottom: 45px;
}
.sectionChiffres .titre.petit {
	font-size: 82px;
}
.sectionChiffres .texte {
	color: #1E1E1E;
	max-width: 450px;
}
.sectionMission .containerTexteMissionEtImage {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 45px;
}
.sectionMission .containerTexteMissionEtImage > img {
	height: 220px;
	margin-inline: auto;
}
.sectionMission .texte.texteIntroSectionMission {
	color: #1E1E1E;
	max-width: 900px;
}
.sectionMission .containerBoutonEtLogo {
	display: flex;
	gap: 30px;
	align-items: center;
}
.sectionMission .containerBoutonEtLogo img {
	height: 61px;
}
.sectionMission .containerLignes {
	display: flex;
	flex-direction: column;
	gap: 150px;
	max-width: 1366px;
	margin-top: 100px;
}
.sectionMission .ligne {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sectionMission .decor {
	width: calc(25% + var(--marginWrapper));
	height: 3px;
	background-color: var(--mediumGreen);
	margin-left: calc(var(--marginWrapper) * (-1));
	flex-shrink: 0;
}
.sectionMission .numero {
	font: 900 var(--fontSize81)/1.1em 'Articulat CF';
	color: var(--mediumGreen);
	width: 25%;
	text-align: center;
}
.sectionMission .containerTexte {
	width: 50%;
}
.sectionMission .titre {
	font: 600 var(--fontSize50)/1.1em 'Inter Tight';
	color: #1C1C1C;
	margin-bottom: 25px;
	text-wrap: balance;
}
.sectionRejoindre,
.sectionServices {
	padding-top: 100px;
	padding-bottom: 100px;
}
.sectionRejoindre .bouton,
.sectionServices .bouton,
.sectionMission .containerBoutonEtLogo {
	margin-top: 30px;
}
.sectionRejoindre {
	background-color: var(--mediumGreen);
}
.sectionRejoindre .titreSection,
.sectionRejoindre .texte {
	color: white;
}
.sectionRejoindre  .containerTexteRejoindre {
	max-width: 675px;
	margin-inline: auto;
}
.sectionServices .containerBlocServices {
	display: flex;
	justify-content: space-between;
	gap: 45px;
	align-items: center;
	max-width: 1348px;
}
.sectionServices .containerBlocServices .gauche {
	max-width: 675px;
	flex-grow: 1;
}
.sectionServices .containerBlocServices .droite {
	max-width: 535px;
	flex-grow: 1;
}
.sectionServices .containerBlocServices .droite img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}
.sectionServices .wrapper {
	display: flex;
	justify-content: center;
}
footer {
	background-color: var(--darkGreen);
	padding-top: 100px;
	padding-bottom: 15px;
}
footer img.logo {
	width: 400px;
	margin-bottom: 40px;
}
footer .gridColonne {
	margin-bottom: 100px;
	color: #FFF4F4;
	display: grid;
	grid-template-columns: repeat(4, minmax(max-content, auto));
	grid-row-gap: 45px;
	grid-column-gap: 45px;
}
footer .colonneCoordonnees a {
	color: #FCEA10;
}
footer .colonneCoordonneesNom {
	margin-bottom: 17px;
}
footer .colonneCoordonneesNom, 
footer .colonneCoordonneesAdresse,
footer .colonneCoordonneesTel,
footer .colonneCoordonneesHoraire {
	font: 600 var(--fontSize20)/1.35em 'Inter Tight';
}
footer .colonneCoordonneesAdresse, 
footer .colonneCoordonneesTel {
	font-weight: 400;
}
footer .colonneCoordonneesAdresse:hover {

}
footer .colonneCoordonneesHoraire {
	font-weight: 600;
}
footer .colonneCoordonneesHoraire span {
	font-weight: 400;
}
footer .colonneCoordonneesTel {
	margin-bottom: 35px;
}
footer .titreColonneFooter {
	font: 600 var(--fontSize20)/1.35em 'Inter Tight';
	margin-bottom: 30px;
}
footer .titreColonneFooter.titreColonneFooterPartenaires {
	margin-top: 30px;
	margin-bottom: 10px;
}
footer .containerMenuFooter {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
footer .Leftmenu1 {
	font: 400 var(--fontSize17)/1.35em 'Inter Tight';
	text-decoration: underline;
	color: white;
}
footer .barfunc,
footer .byorganica {
	font: 500 var(--fontSize15)/1.35em 'Inter Tight';
	display: flex;
	justify-content: space-between;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}
footer .barfuncPart1 {
	display: flex;
	gap: 20px;
}
footer .containerIconeMenuFooter,
.sectionIntroContact .containerIconeMenuFooter,
footer .containerPartenairesMenuFooter
 {
	display: flex;
	gap: 20px;
	align-items: flex-end;
}
footer .iconeMenuFooter {
	background-color: white;
}
.sectionIntroContact .iconeMenuFooter {
	background-color: #3AAA35;
}
footer .iconeMenuFooter,
.sectionIntroContact .iconeMenuFooter {
	height: 20px;
	width: 20px;

	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
footer .iconeMenuFooter.linkedin,
.sectionIntroContact .iconeMenuFooter.linkedin {
	-webkit-mask-image: url("../Images/icone_linkedin.svg");
	mask-image: url("../Images/icone_linkedin.svg");
}

.sectionIntroContact .iconeMenuFooter.linkedin-green {
	-webkit-mask-image: url("../Images/linkedIn-Logo-vert.png");
	mask-image: url("../Images/linkedIn-Logo-vert.png");
}

footer .iconeMenuFooter.youtube,
.sectionIntroContact .iconeMenuFooter.youtube {
	width: 26px;
	height: 18px;
	-webkit-mask-image: url("../Images/icone_youtube.svg");
	mask-image: url("../Images/icone_youtube.svg");
}
footer .iconeMenuFooter.twitter,
.sectionIntroContact .iconeMenuFooter.twitter {
	-webkit-mask-image: url("../Images/icone_x.svg");
	mask-image: url("../Images/icone_x.svg");
}
footer .partenaireMenuFooter {
	height: 40px;
}
.sectionIntroPage .texte,
.sectionIntroPage .texte p {
	font: 400 var(--fontSize25)/1.35em 'Inter Tight';
}
.sectionIntroPage {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 45px;
}
.sectionIntroPage .gauche {
	max-width: 800px;
	width: 55%;
}
.sectionTexteIntro {
	border-bottom: 2px solid rgba(28, 28, 28, 0.13);
}
.sectionTexteIntro .texte {
	max-width: 1080px;
}
.ligneTexteDepliable {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 70px;
	border-bottom: 2px solid rgba(28, 28, 28, 0.13);
	padding: 50px 65px;
	position: relative;
}
.ligneTexteDepliable[data-open="close"] {
	cursor: pointer;
}
.ligneTexteDepliable > img {
	width: 140px;
	height: 140px;
	object-fit: cover;
	object-position: center;
	border-radius: 50%;
	flex-shrink: 0;
}
.ligneTexteDepliable .containerTitreTexte {
	flex-grow: 1;

	container-name: containerTitreTexte;
	container-type: inline-size;
}
.ligneTexteDepliable .titre {
	font: 600 var(--fontSize35)/1.35em 'Articulat CF';
	color: #1C1C1C;
	height: 140px;
	display: flex;
	align-items: center;
	max-width: calc(100% - 200px - 45px);
	text-wrap: balance;
}
.ligneTexteDepliable .containerHidden_Texte {
	transition: max-height 0.4s ease;
	overflow: hidden;
}
.ligneTexteDepliable[data-open="open"] .containerHidden_Texte {
	max-height: var(--_max-height);
} 
.ligneTexteDepliable[data-open="close"] .containerHidden_Texte {
	max-height: 0px;
} 
.ligneTexteDepliable[data-open="close"] .containerHidden_Texte .containerHiddenTrick_Texte {
	visibility: hidden;
} 
.ligneTexteDepliable .texte {
	margin-top: 20px;
}
.ligneTexteDepliable .containerLireSuite {
	display: flex;
	position: absolute;
	right: 65px;
}
.ligneTexteDepliable .containerLireSuite {
	align-items: center;
	top: 80px;
	bottom: unset;
}
.dateActuPage {
	font: 400 var(--fontSize20)/1.35em 'Inter Tight';
	color: var(--mediumGreen);
	padding: 6px 25px;
	width: fit-content;
	border: 1px solid var(--mediumGreen);
	border-radius: 9999vw;
}
.imageGalerie {
	width: 100%;
	aspect-ratio: 1/1;
	background-color: lightgrey;
	border-radius: 10px;
}
.containerGalerieImage {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
.apercuImageBalise, .apercuVideoBalise {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.containerGalerieVideo {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 16px;
}
.imageVideo {
	width: 100%;
	aspect-ratio: 1640/670;
	position: relative;
}
.imageVideo:hover .bgDescrVideo {
	background-color: rgba(0, 0, 0, 0.8);
}
.bgDescrVideo {
	width: calc(100%);
	position: absolute;
	bottom: 0px;
	height: auto;
	min-height: 40%;
	max-height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 25px 40px;

	display: flex;
	align-items: center;
	transition: background-color 0.4s;
}
.bgDescrVideo .droite {
	width: calc(100%);
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 600px;
	height: 100%;
}
.bgDescrVideo .descrVideo {
	font: 500 var(--fontSize20)/1.35em 'Inter Tight';
	color: white;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
}
.bgDescrVideo .titreVideo {
	font: 900 var(--fontSize50)/1.35em 'Articulat CF';
	color: white;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}
.bgDescrVideo .gauche {
	content: "";
	display: block;
	height: 40px;
	background: url('../Images/icone_play.svg') no-repeat center/contain;
	min-width: 25%;
}
.sectionLandingPage {
	display: flex;
	flex-direction: column;
	gap: 200px;
}
.ligneLandingPage {
	display: flex;
	align-items: center;
	justify-content: space-between;

	cursor: pointer;
	column-gap: 80px;
	row-gap: 40px;

	pointer-events: none;
}
.ligneLandingPage .lireSuite {
	opacity: 0;
}
.ligneLandingPage .titre {
	font: 700 var(--fontSize50)/1.1em 'Articulat CF';
	color: #116530;

	flex-grow: 1;
	min-width: 300px;
}
.ligneLandingPage .texte {
	max-width: 540px;
	flex-grow: 1;
}
.ligneLandingPage .img {
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	max-width: 470px;
	min-width: 240px;
	flex-grow: 1;
	transition: scale 0.4s ease;
}
.ligneLandingPage:hover .img {
	scale: 1.05;
}
.sectionIntroContact .gauche {
	max-width: 950px;
}
.sectionIntroContact .mentionChamp {
	text-align: right;
	font: 500 var(--fontSize15)/1.35em 'Inter Tight';
	color: #1C1C1C;
	margin-block: 25px;
}
.gridForm {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 25px;
	row-gap: 25px;
}
.gridForm :is(input, select, textarea) {
	font: 500 var(--fontSize17)/1.35em 'Inter Tight';
	border: 1px solid #006633;
	padding: 8px 15px;
	color: #1C1C1C;
	background-color: transparent;
	border-radius: 3px;
}
.gridForm :is(input, select, textarea):focus {
	outline: 3px solid var(--mediumGreen);
	outline-offset: 2px;
}
textarea {
	resize: none;
}
.gridForm *:nth-child(2n + 1) {
	grid-column: 1;
}
.gridForm *:nth-child(2n) {
	grid-column: 2;
}
.gridForm *:nth-child(7),
.gridForm *:nth-child(8) {
	grid-column: 1/3;
}
.gridForm *:nth-child(1) {grid-row: 1;}
.gridForm *:nth-child(2) {grid-row: 1;}
.gridForm *:nth-child(3) {grid-row: 2;}
.gridForm *:nth-child(4) {grid-row: 2;}
.gridForm *:nth-child(5) {grid-row: 3;}
.gridForm *:nth-child(6) {grid-row: 3;}
.gridForm *:nth-child(7) {grid-row: 4;}
.gridForm *:nth-child(8) {grid-row: 5;}

.gridForm .bouton {
	--_borderColor: #006633;
	--_textColor: #FFFFFF;
	--_bgColor: #006633;
	--_borderColorHover: #006633;
	--_textColorHover: #006633;
	--_bgColorHover: #FFFFFF;
	--_borderWidth: 2px;

	width: 100%;
}
.contact-us-img  {
	max-width:30%;
	width: 100%;
	margin-bottom: 60px;
}
.sectionIntroContact .logo {
	width: 100%;
	max-width: 400px;
	margin-bottom: 60px;
}
.sectionIntroContact .flex {
	display: flex;
	justify-content: space-between;
	column-gap: 45px;
	row-gap: 60px;
	flex-wrap: wrap;
}
.sectionIntroContact .gauche {
	flex-grow: 1;
}
.sectionIntroContact .droite {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	max-width: 540px;
}
.sectionIntroContact .colonneCoordonnees a {
	color: #3AAA35;
}
.sectionIntroContact .colonneCoordonneesNom {
	font: 600 var(--fontSize30)/1.35em 'Inter Tight';
	margin-bottom: 15px;
}
.sectionIntroContact .colonneCoordonneesAdresse,
.sectionIntroContact .colonneCoordonneesTel,
.sectionIntroContact .colonneCoordonneesHoraire,
.sectionIntroContact .introReseau {
	font: 400 var(--fontSize25)/1.35em 'Inter Tight';
}
.sectionIntroContact .introReseau {
	margin-bottom: 15px;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items:center;
}

.sectionIntroContact .colonneCoordonneesHoraire {
	font-weight: 600;
	margin-bottom: 30px;
}
.sectionIntroContact .colonneCoordonneesHoraire span {
	font-weight: 400;
}
.sectionIntroContact .colonneCoordonneesTel {
	margin-bottom: 45px;
}
.sectionMap {
	height: 750px;
}
.iframeMaps {
	width: 100%;
	height: 100%;
}
.containerLigneDct {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.ligneDct {
	font: 400 var(--fontSize25)/1.35em 'Inter Tight';
	color: #3AAA35;
	display: flex;
	align-items: flex-start;
	gap: 25px;
}
.ligneDct::before {
	content: "";
	display: block;
	min-width: 25px;
	min-height: 25px;
	background: url('../Images/icone_document.svg') no-repeat left center/contain;
}
.sectionBoutonHautDePage {
	display: flex;
	justify-content: center;
}

.sectionFlexDemiPage {
	display: flex;
	gap: 100px;
}
.sectionFlexDemiPage .containerDemiPage {
	flex: 1;
}
.gridPresidence,
.gridCollaborateurs-contact-us,
.gridCollaborateurs {
	display: grid;
	row-gap: 45px;
	column-gap: 25px;
	margin-top: 45px;
}
.gridCollaborateurs-contact-us {
	column-gap: 20px;
	grid-template-columns: repeat(4, 1fr);
}

.gridGrDeTr {
	display: grid;
	row-gap: 45px;
	column-gap: 45px;
	margin-top: 45px;
}
.gridGrDeTr {
	grid-template-columns: repeat(2, 1fr);
}
.gridPresidence {
	grid-template-columns: repeat(7, 1fr);
}
.gridCollaborateurs {
	grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 1080px) {
	.gridCollaborateurs {
		grid-template-columns: repeat(4, 1fr);
	}
	.gridPresidence {
		grid-template-columns: repeat(4, 1fr);
	}
	.gridGrDeTr {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media (max-width: 800px) {
	.gridCollaborateurs {
		grid-template-columns: repeat(3, 1fr);
	}
	.gridPresidence {
		grid-template-columns: repeat(3, 1fr);
	}
}
/* .gridPresidence .itemPresidence:first-child {
	grid-row: 1;
	grid-column: span 6;
}
.itemPresidence:first-child {
	display: flex;
	gap: 45px;
	align-items: center;
} */
.itemGrDeTr {
	display: flex;
	gap: 45px;
	align-items: center;
}
.itemCollaborateur img,
.itemGrDeTr img,
.itemPresidence img {
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	object-position: center;
	object-fit: cover;
	/* outline: 3px solid var(--darkGreen); */
}
/* .itemPresidence:not(:first-child) img, */
.itemPresidence img {
	margin-inline: auto;
}
.itemCollaborateur img,
.itemPresidence img {
	max-width: 200px;
}
.itemGrDeTr img {
	max-width: 150px;
	flex-shrink: 0;
}
/* .itemPresidence:first-child .nomPresidence, */
.itemGrDeTr .nomGrDeTr {
	font: 800 var(--fontSize20)/1.35em 'Inter Tight';
	margin-top: 0px;
}
/* .itemPresidence:first-child :is(.fonctionPresidence, .fonctionPresidence2) {
	font: 500 var(--fontSize20)/1.35em 'Inter Tight';
} */
.itemPresidence .nomPresidence,
.itemCollaborateur-contact-us .nomCollaborateur,
.itemCollaborateur .nomCollaborateur {
	font: 800 var(--fontSize17)/1.35em 'Inter Tight';
	margin-top: 20px;
	text-align: center;
}
.itemPresidence .fonctionPresidence,
.itemPresidence .fonctionPresidence2,
.itemCollaborateur-contact-us .fonctionCollaborateur,
.itemCollaborateur .fonctionCollaborateur {
	font: 500 var(--fontSize17)/1.35em 'Inter Tight';
	margin-top: 5px;
	text-align: center;
}

.itemCollaborateur-contact-us .contact-us-img {
	max-width: 60%;
	margin-bottom: 15px;
}

.itemCollaborateur-contact-us .emailCollaborateur,
.itemCollaborateur-contact-us .telCollaborateur {
	color :#3AAA35;
	font: 500 var(--fontSize17)/1.35em 'Inter Tight';
}

.itemCollaborateur-contact-us {
	display: flex;
	flex-direction: column;
	gap:5px;
	align-items: center;
}

/* .itemPresidence:first-child :is(.nomPresidence, .fonctionPresidence, .fonctionPresidence2) {
	text-align: left;
} */
.gridLogos {
	display: grid;
	/* grid-template-columns: repeat(8, 1fr); */
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr) );
	column-gap: 25px;
	row-gap: 15px;
	margin-top: 45px;
}

.containerDate {
	display: flex;
	gap: 8px;
}
.containerReseaux {
	display: flex;
  	gap: 8px;
}
.containerReseaux a {
	width: 41px;
	aspect-ratio: 1/1;
    border: 1px solid var(--mediumGreen);
	border-radius: 50%;
	position: relative;
	transition: background-color 0.8s ease;
	cursor: pointer;
}
.containerReseaux a::before {
	background-color: var(--mediumGreen);
	content: "";
	position: absolute;
	inset: 0;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 24px;
	mask-size: 24px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
.containerReseaux a:is(:hover, :focus) {
	background-color: var(--mediumGreen);
	outline: 0px;
}
.containerReseaux a:is(:hover, :focus)::before {
	background-color: white;
}
.containerReseaux a.twitter::before {
	-webkit-mask-image: url("../Images/x.svg");
	mask-image: url("../Images/x.svg");
}
.containerReseaux a.facebook::before {
	-webkit-mask-image: url("../Images/facebook.svg");
	mask-image: url("../Images/facebook.svg");
}
.containerReseaux a.linkedin::before {
	-webkit-mask-image: url("../Images/linkedin.svg");
	mask-image: url("../Images/linkedin.svg");
}

.containerTexteNav {
	display: flex;
	gap: 50px;
	align-items: flex-start;
}
.containerTexteNav .texte {
	flex-grow: 1;
}
nav.secondaryNav {
	border: 3px solid var(--darkGreen);
	border-radius: 25px;
	flex-shrink: 0;
	position: sticky;
	top: 90px;
	background-color: #FFF;
}
nav.secondaryNav ul {
	padding: 20px 25px;
	margin: 0px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
nav.secondaryNav li {
	font: 600 var(--fontSize17)/1.35em 'Inter Tight';
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
nav.secondaryNav li a {
	text-decoration: none;
	color: #1C1C1C;
}
nav.secondaryNav li a span.numero {
	margin-right: 15px;
	color: var(--darkGreen);
}

.contact-img-coord-wrapper {
	display:flex;
	flex-direction:row;
	align-items:center;
	/* justify-content: space-between; */
	gap:100px;
}

.contact-coordonnees-wrapper {
	display:grid;
	gap:20px;
}

.contact-coordonnees-wrapper .linkedin-green {
	height: 40px;
	width: 40px;
}

.contact-coordonnees-wrapper .linkedin {
	height: 25px;
	width: 25px;
}

/* FROALA CSS */

.fr-view-disable {background-color:#efefef;border: 1px solid #DADADA;border-radius: 4px;padding-left: 6px;padding-right: 6px;}
.fr-no-border, .fr-no-border td, .fr-no-border th {border:none !important;}
.fr-dashed-borders {border-collapse: collapse;}
.fr-dashed-borders td, .fr-dashed-borders th {border-style: dashed;	border-width: 1px;border-color: #DDD;padding: 2px;}
.fr-alternate-rows tr:nth-child(2n) {background: #f9f9f9;}
.fr-bold {font-weight: bold;}
.fr-underline {text-decoration: underline;}
.fr-italic {font-style: italic;}
/*a.frLinkClassic:link {color: #0000EE !important;}*/
/*a.frLinkClassic:visited {color: #551A8B !important;}*/
a.green {color:green !important;}
a.eurBlue {color: #2c63ff !important;}
a.eurGreen {color:#72d54a !important;}
a.eurBlueGrey {color:#479dc5 !important;}
a.eurGreenGrey {color:#67b9b2 !important;}
img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}
img.fr-dib.fr-fil{margin-left:0;text-align:left}
img.fr-dib.fr-fir{margin-right:0;text-align:right}
img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:20px;margin-right:20px;max-width:calc(100% - (2 * 5px))} /* centré */
img.fr-dii.fr-fil{float:left;margin:5px 20px 5px 0;max-width:calc(100% - 5px)} /* à gauche */
img.fr-dii.fr-fir{float:right;margin:5px 0 5px 20px;max-width:calc(100% - 5px)} /* à droite */
img.fr-rounded{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
span.fr-emoticon{font-weight:400;font-family:'Apple Color Emoji','Segoe UI Emoji','NotoColorEmoji','Segoe UI Symbol','Android Emoji','EmojiSymbols';display:inline;line-height:0}
span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}

/* FIN FROALA CSS */

@media (max-width: 1500px) {
	footer img.logo {
		  width: 300px;
	}
}
@media (max-width: 1400px) {
	:root {
		--marginWrapper: 45px;
	}
}
@media (max-width: 1280px) {
	#menuMobile {
		display: block;
	}
	.sectionHeaderAccueil .gauche {
		width: 66%;
	}
	.sectionHeaderAccueil .droite {
		width: calc(33% + var(--marginWrapper));
	}
	.gridActu {
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 45px;
	}
	.sectionQuiAccueil .droite {
		display: none;
	}
	header {
		position: fixed;
		padding-block: 12px;
	}
	header[data-openmobile="open"] .wrapper {
		transform: translateY(0px);
	}
	header[data-openmobile="close"] .wrapper {
		transform: translateY(calc(-100% - 32px));
	}
	header nav .logoNav {
		margin-right: 0px;
		margin-bottom: 40px;
	}
	header nav .wrapper {
		flex-direction: column;
		gap: 25px;
		justify-content: flex-start;
		position: fixed;
		background-color: var(--darkGreen);
		padding-block: 32px;
		width: 100vw;
		margin-inline: auto;
		min-height: 100vh;
		min-height: 100dvh;

		transition: transform 0.3s ease-in;
	}
	header nav .navPart1 {
		flex-direction: column;
		align-items: center;
	}
	header nav .navPart1_b {
		flex-direction: column;
		align-items: center;
		gap: 25px;
	}
	header nav .navPart2 {
		flex-direction: column;
		align-items: center;
		gap: 25px;
	}
	.sectionMission .decor {
		width: calc(25% + var(--marginWrapper));
	}
	.sectionMission .containerTexte {
		width: 50%;
	}
	.sectionMission .numero {
		width: 25%;
	}
	.sectionChiffres .grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.ligneTexteDepliable {
		display: grid;
		grid-template-columns: 140px 1fr;
		grid-row-gap: 35px;
	}
	.ligneTexteDepliable[data-open="open"] {
		padding-bottom: 50px;
	}
	.ligneTexteDepliable .titre {
		max-width: 100%;
	}
	.ligneTexteDepliable > img {
		grid-row: 1;
		grid-column: 1;
	}
	.ligneTexteDepliable .containerTitreTexte {
		grid-row: 1;
		grid-column: 2;
	}
	.ligneTexteDepliable:is([data-open="close"], [data-open="open"]) .containerLireSuite {
		grid-row: 2;
		grid-column: 2;
		justify-content: flex-end;
		position: relative;
		bottom: unset;
		top: unset;
		right: unset;
	}
	.ligneLandingPage {
		flex-wrap: wrap;
	}
	.ligneLandingPage .img {
		display: none;
	}
	footer .gridColonne {
		grid-template-columns: repeat(3, minmax(max-content, auto));
	}
	footer .gridColonne > *:nth-child(1) ,
	footer .gridColonne > *:nth-child(2) {
		grid-row: 1;
	}
	footer .gridColonne > *:nth-child(3) ,
	footer .gridColonne > *:nth-child(4) {
		grid-row: 2;
	}
	nav.secondaryNav ul {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.containerTexteNav {
		flex-direction: column;
	}
	nav.secondaryNav ul li {
		display: flex;
		align-items: center;
	}
	nav.secondaryNav ul li:not(:last-child)::after {
		content: "";
		display: inline-block;
		background-image: url("../Images/flecheDroiteNav.svg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 14px;
		aspect-ratio: 1 / 1;
		margin-left: 15px;
	}
	.contact-img-coord-wrapper {
		gap:0px;
		flex-direction:column;
	}
	.contact-us-img {
		max-width: 60%;
	}

	.small-text-center {
		text-align: center;
	}

	.contact-coordonnees-wrapper {
		justify-items: center;
	}
	.gridCollaborateurs-contact-us {
		grid-template-columns: repeat(3, 1fr);
	}

	.contact-us-content-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 800px) {
	footer .gridColonne {
		grid-template-columns: repeat(1, minmax(max-content, auto));
	}
	footer .gridColonne > *:nth-child(1) {
		grid-row: 1;
	}
	footer .gridColonne > *:nth-child(2) {
		grid-row: 2;
	}
	footer .gridColonne > *:nth-child(3) {
		grid-row: 3;
	}
	footer .gridColonne > *:nth-child(4)  {
		grid-row: 4;
	}

	.gridCollaborateurs-contact-us {
		grid-template-columns: repeat(1, 1fr);
	}

}
@media (max-width: 800px) {
	:root {
		--marginWrapper: 5%;

		--fontSize15: 13px;
		--fontSize17: 15px;
		--fontSize20: 17px;
		--fontSize25: 20px;
		--fontSize30: 25px;
		--fontSize35: 30px;
		--fontSize50: 30px;
		--fontSize70: 35px;
		--fontSize81: 38px;
		--fontSize89: 38px;
		--fontSize100: 80px;
	}
	.sectionHeaderAccueil {
		--marginWrapper: 0px;
	}
	.sectionHeaderAccueil .texte {
		font-size: 20px;
	}
	.sectionHeaderAccueil .bouton,
	.gridItemActu .titre,
	.gridItemActu .date,
	.gridItemActu .texte,
	.lireSuite  {
		font-size: 15px;
	}
	.sectionRejoindre .titre,
	.sectionServices .titre {
		font-size: 38px;
	}
	.sectionMission .numero {
		font-size: 30px;
	}
	.sectionQuiAccueil h2 {
		font-size: 17px;
	}
	footer .colonneCoordonneesAdresse, 
	footer .colonneCoordonneesTel, 
	footer .colonneCoordonneesHoraire,
	footer .colonneCoordonneesNom {
		font-size: 15px;
	}
	section:not(.sectionServices, .sectionRejoindre, .sectionTexteIntro, .sectionLigneDepliable) {
		margin-bottom: 100px;
	}
	section.sectionIntroPage,
	section.sectionBoutonHautDePage,
	section.sectionLigneDepliable {
		margin-bottom: 50px;
	}
	section.sectionTexteIntro {
		padding-bottom: 50px;
	}
	section .sectionIntroContact,
	section .sectionIntroPage  {
		margin-top: 50px;
	}
	.gridActu {
		margin-top: 50px;
	}
	.sectionActu .bouton {
		margin-top: 50px;
	}
	.sectionHeaderAccueil .gauche {
		width: 100%;
		margin-top: 0px;
	}
	.flexHeaderAccueil {
		flex-direction: column;
		gap: 25px;
	}
	.flexHeaderAccueil .gauche {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin-bottom: 0px;
	}
	.sectionHeaderAccueil .droite {
		width: 100%;
		min-height: calc((100vw / 57 * 39));
		min-height: auto;
		height: auto;
		aspect-ratio: 39/34;
		background-color: white;
		position: relative;
		--_sizeBoder: 10px;
	}
	.sectionHeaderAccueil .droite .img,
	.sectionHeaderAccueil .droite .line  {
		border-radius: 9999vh 9999vh 0 0;
		width: 200%;

		aspect-ratio: 8/3;
		height: auto;
		margin-left: -50%;
		border-radius: 100%;
	}
	.sectionHeaderAccueil .droite .img {
		top: calc(4 * var(--_sizeBoder));
		left: 0px;

		/* Nouveau fonctionnement */
		background-size: auto 80%;
  		background-position: center;				
	}
	.sectionHeaderAccueil .droite .line.line1 {
		top: calc(3 * var(--_sizeBoder));
		left: 0px;
	}
	.sectionHeaderAccueil .droite .line.line2 {
		top: calc(2 * var(--_sizeBoder));
		left: 0px;
	}
	.sectionHeaderAccueil .droite .line.line3 {
		top: calc(1 * var(--_sizeBoder));
		left: 0px;
	}
	.sectionHeaderAccueil .droite .line.line4 {
		top: calc(0 * var(--_sizeBoder));
		left: 0px;
	}
	.sectionHeaderAccueil .containerbouton {
		flex-direction: column;
		align-items: center;
	}
	.sectionHeaderAccueil .logo {
		margin-top: 35px;
		max-width: 350px;
	}
	.sectionHeaderAccueil .logoTexte {
		font-weight: 600;
		max-width: 318px;
		text-align: center;
	}
	.sectionHeaderAccueil .texte {
		max-width: 318px;
		text-align: center;
		margin-bottom: 20px;
	}
	.bouton {
		padding: 12px 35px;
	}
	.containerbouton {
		gap: 8px;
	}
	.sectionHeaderAccueil .boutonFlecheBas {
		width: 65px;
		background-size: 22px auto;
	}
	.sectionHeaderAccueil .containerBoutonFleche {
		gap: 8px;
	}
	.titreSection, .titrePage {
		line-height: 1.2em;
		/*text-align: center;*/
	}
	.sectionChiffres .titreSection {
		text-align: center;
	}
	.gridItemActu .gauche {
		flex-shrink: 0;
		margin-left: calc(0px - 20% - var(--marginWrapper));
	}
	.gridItemActu img {
		object-position: right center;
	}
	.lireSuite::after {
		height: 50px;
		background-size: 18px auto;
	}
	.sectionQuiAccueil {
		margin-top: 105px;
	}
	.sectionQuiAccueil .titreSection {
		margin-bottom: 20px;
	}
	.sectionQuiAccueil h2 {
		margin-bottom: 15px;
	}
	.sectionChiffres {
		margin-top: 75px;
	}
	.sectionChiffres .grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.sectionChiffres .titre {
		white-space: break-spaces;
		text-align: center;
		margin-bottom: 20px;
	}
	.sectionChiffres .texte {
		text-align: center;
		margin-inline: auto;
	}
	.sectionMission {
		margin-top: 50px;
	}
	.sectionMission .containerTexteMissionEtImage {
		flex-wrap: wrap;
	}
	.sectionMission .containerTexteMissionEtImage > img {
		height: 120px;
	}
	.sectionMission .containerTexteMissionEtImage .texte {
		text-align: center;
	}
	.sectionMission .containerTexteMissionEtImage .bouton {
		margin-inline: auto;
	}
	.sectionMission .titreSection {
		margin-bottom: 20px;
		text-align: center;
	}
	.sectionMission .containerLignes {
		gap: 30px;
	}
	.sectionMission .decor {
		width: 20px;
		margin-left: -20px;
	}
	.sectionMission .numero {
		width: auto;
		line-height: 1em;
	}
	.sectionMission .containerTexte {
		display: contents;
		width: auto;
	}
	.sectionMission .ligne {
		column-gap: 45px;
		row-gap: 15px;
		display: grid;
		grid-template-columns: 0px 40px 1fr;
		align-items: center;
	}
	.sectionMission .titre {
		margin-bottom: 0px;
	}
	.sectionMission .texte {
		grid-row: 2;
		grid-column: 2/4;
	}
	.sectionRejoindre {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.sectionRejoindre .bouton,
	.sectionServices .bouton,
	.sectionMission .containerBoutonEtLogo {
		margin-top: 20px;
		/*margin-inline: auto;
		display: block;*/
	}
	.sectionServices {
		padding-top: 50px;
		padding-bottom: 0px;
	}
	.sectionServices .titreSection,
	.sectionRejoindre .titreSection {
		margin-bottom: 20px;
		/*text-align: center;*/
	}
	.sectionServices .containerBlocServices {
		flex-direction: column;
		gap: 60px;
	}
	.sectionServices .containerBlocServices .droite {
		width: calc(100% + 2 * var(--marginWrapper));
		max-width: calc(100% + 2 * var(--marginWrapper));
		margin-inline: calc(var(--marginWrapper) * (- 1));
	}
	.sectionServices .containerBlocServices .droite img {
		border-radius: none;			
	}
	.sectionIntroPage {
		flex-direction: column;
	}
	.sectionIntroPage .gauche {
		width: 100%;
	}
	.sectionIntroPage .droite {
		width: calc(100% - (3 * var(--_sizeBoder)));
		margin-left: calc(-3 * var(--_sizeBoder));
	}
	.ligneTexteDepliable {
		align-items: center;
		grid-template-columns: 1fr;
		padding-inline: 0px;
	}
	.ligneTexteDepliable > img {
		grid-row: 1;
		grid-column: 1;
	}
	.ligneTexteDepliable .containerTitreTexte {
		grid-row: 2;
		grid-column: 1;
	}
	.ligneTexteDepliable:is([data-open="close"], [data-open="open"]) .containerLireSuite {
		grid-row: 3;
		grid-column: 1;
	}
	.ligneTexteDepliable .titre {
		height: auto;
		margin-bottom: 25px;
	}
	.sectionLandingPage {
		gap: 100px;
	}
	.ligneLandingPage .img {
		display: block;
	} 
	.ligneLandingPage .lireSuite {
		margin-inline: auto;
	}
	footer {
		padding-top: 45px;
		padding-bottom: 20px;
	}
	footer img.logo {
		width: 170px;
		margin-inline: auto;
		margin-bottom: 0px;
	}
	footer .colonneCoordonneesNom {
		margin-bottom: 8px;
	}
	footer .colonneCoordonneesTel {
		margin-bottom: 20px;
	}
	footer .barfuncPart1 {
		flex-direction: column;
		gap: 8px;
	}
	footer .barfuncPart1 .sep {
		display: none;
	}
	footer .barfunc {
		flex-direction: column;
		gap: 20px;
	}
	footer .byorganica {
		text-align: right;
	}
	.gridForm {
		grid-template-columns: repeat(1, 1fr);
	}
	.gridForm * {
		grid-column: 1 !important;
	}
	.gridForm *:nth-child(1) {grid-row: 1;}
	.gridForm *:nth-child(2) {grid-row: 2;}
	.gridForm *:nth-child(3) {grid-row: 3;}
	.gridForm *:nth-child(4) {grid-row: 4;}
	.gridForm *:nth-child(5) {grid-row: 5;}
	.gridForm *:nth-child(6) {grid-row: 6;}
	.gridForm *:nth-child(7) {grid-row: 7;}
	.gridForm *:nth-child(8) {grid-row: 8;}

	.bgDescrVideo .gauche {
		min-width: 20px;
		height: 20px;
		margin-right: 20px;
	}
	.bgDescrVideo .droite {
		gap: 5px;
	}
	.bgDescrVideo {
		padding-inline: 25px;
	}
	.bgDescrVideo .descrVideo {
		-webkit-line-clamp: 2;
	}
	.sectionFlexDemiPage {
		flex-direction: column;
	}
	
}

@container containerTitreTexte (max-width: 800px) { 
	.texte table tr {
		display: flex;
		flex-direction: column;
	}
	.texte table tr td {
		width: 100% !important;
	}
	.texte table tr td img {
		margin-inline: auto !important;
	}
}