:root {
	/* pour les couleurs : il est plus facile de travailler en hsl (hue, saturate, light) 
	cela permet de modifier plus facilement une couleur existante ou d'en faire des déclinaisons */
	--colorBrun: hsl(20, 24%, 41%); 
	--colorBleu: hsl(215, 26%, 30%);
	--colorGris: hsl(60, 0%, 51%);
	--colorJaune: hsl(33, 62%, 66%);

	--colorBrunClair: hsl(20, 24%, 49%);
	--colorBleuClair: hsl(215, 26%, 36%);
	--colorGrisClair: hsl(60, 0%, 61%);
	--colorJauneClair: hsl(33, 62%, 72%);

	--colorBeige: #EADFD9;
	--colorRouge: #AB1231;
	--shadow: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.25)); /* Ne fonctionne plus sur chrome !!! */
	--boxshadow: 8px 8px 15px rgba(0, 0, 0, 0.25);
	--borderradius: 15px;
	--borderradiusBouton: 8px;
	--siteMaxWidth:  calc(100vw - 40px);

	/*modif de la couleur du svg: https://codepen.io/sosuke/pen/Pjoqqp - on remet le svg en noir avec les deux premiers filtres: brightness(0) saturate(100%) */
	--filtreRougeSVG: brightness(0) saturate(100%) invert(10%) sepia(95%) saturate(3783%) hue-rotate(339deg) brightness(107%) contrast(92%); 
}
* {
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.03em;
	font-variant-numeric: lining-nums;
	font-family: 'Inter';
	/*font-size: 15px;*/
	color: #5C5C5C;
	text-decoration: none;
}
img, picture, video, canvas, svg, iframe {
  display: block;
  max-width: 100%;
}
section {
	padding-top: 55px;
	padding-bottom: 55px;
}
section.nopadding {
	padding-top: 0px;
	padding-bottom: 0px;
}
section.sectionCitation {
	padding-top: 180px;
	padding-bottom: 170px;
}
section:nth-child(2n) {
	background-color: var(--colorBeige);
}
section:nth-child(2n + 1) {
	background-color: white;
}
p {
	text-align: center;
	line-height: 25px;
	margin-bottom: 14px;
	margin-top: 14px;
	font-size: 15px;
}
p a, ul a, ol a {
	color: var(--colorRouge);
	word-break: break-all;
}
.intro p {
	/*margin-bottom: 14px;
	margin-top: 14px;*/
}
.programme p, p.cardActiText {
	margin-bottom: 0px;
	margin-top: 0px;
}
.textLeft p, .textLeft {
	text-align: left;
}
.midSize p, .midSize {
	font-size: 18px;
	line-height: 25px;
}
.midSize p sup {
	font-size: 12px;
	line-height: 16px;
}
#logo {
	display: flex;
	flex-direction: row;
	gap: 30px;
}
#logoImg {
	width: 96px;
	display: flex;
}
#logoImg img {
	width: 96px;
	aspect-ratio:  1/1;
	filter: var(--filtreRougeSVG);
}
#logoTexte {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 9px;
}
#logoTextePart1 {
	color: #BE203D;
	font-family: 'Raleway';
	font-size: 25px;
	line-height: 32px;
	letter-spacing: 0.02em;
	/*margin-top: 2px;*/
}
#logoTextePart2 {
	font-family: 'Raleway2';
	font-size: 18px;
	line-height: 18px;
	color: var(--colorBrun);
}
#rechercheEtMenu {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-direction: column;
	padding-top: 7px;
	padding-bottom: 11px;
}
#rechercheEtFaireUnDon {
	display: flex;
	gap: 22px;
	align-items: center;
}
#loupeRechEtInput {
	position: relative;
}
#loupeRech {
	width: 20px;
	height: 36px;
	background-image: url("../Images/IconeLoupe.svg");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	cursor: pointer;
}
#searchForm {
	position: absolute;
	right: 40px;
	width: 0px;
	overflow: hidden;
	transition: all 0.4s ease; /* Standard */
}
#searchForm.deplie {
	width:217px;
}
#searchForm input:focus {
	outline: 0px;
}
#searchForm input {
	width: calc(100% - 24px);
}
.interSection:not(#enteteHeader) ul, .interSection:not(#enteteHeader) ol {
	margin-left: 15px;
}
.interSection:not(#enteteHeader) ul li {
	margin-top: 5px;
}
/* utiliser dans le cadre des pages Conditions d'utilisation, Cookies et Données Personnelles */
.interSection.intro:not(#enteteHeader) .midSize ol li {
	margin-top: 25px;
	line-height: 30px;
}
.interSection.intro:not(#enteteHeader) .midSize ol li li {
	margin-top: 5px;
}
ul.nav {
	display: flex;
	justify-content: flex-end;
	gap:  20px;
	height: 18px;
}
ul.nav li {
	text-decoration: none;
	list-style-type: none;
	position: relative;
}
ul.nav li.menu1 {

}
ul.nav li#menuLangues {
	display: flex;
	flex-direction: column;
	padding-right: 18px;
	background-image: url("../Images/flecheBrune.svg");
	background-size: 11px auto;
	background-position: right 9px;
	background-repeat: no-repeat;
}
ul.nav li#menuLangues span.langmenu, ul.nav li#menuLangues a.langmenu {
	height: 26px;
	line-height: 26px;
}
ul.nav li .frame2, ul.nav li#menuLangues a.langmenu {
/*	display: none;*/
	position: absolute;
	border-radius:  var(--borderradius);
	/*filter: var(--shadow);*/
	box-shadow: var(--boxshadow);
	background-color: white;
	padding: 20px;	
	left: -20px;
	top: 37px;
	width: max-content;
	opacity: 0;
	pointer-events: none;
}
ul.nav li.ouvert .frame2, ul.nav li#menuLangues.ouvert a.langmenu {
	display: block;
	opacity: 1;
	transition: opacity 0.4s ease;
	pointer-events: initial;
}
ul.nav li .frame2 .menu2 {
	margin-bottom: 10px;
}
ul.nav li .frame2 .menu2:last-child {
	margin-bottom: 0px;
}
.Leftmenu1.avecSousMenu {
	padding-right: 18px;
	background-image: url("../Images/flecheBrune.svg");
	background-size: 11px auto;
	background-position: right 9px;
	background-repeat: no-repeat;
}
.Leftmenu1, .Leftmenu2, .langmenu {
	font-family: 'IstokWeb-Regular';
	color: var(--colorBrun);
	text-decoration: none;
	position: relative;
	cursor: pointer;
}
span.Leftmenu1 {
	cursor: default;
}
.Leftmenu1 {
	font-size: 18px;
}
.Leftmenu2 {
	font-size: 16px;
}
#enteteHeader {
	height: 111px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#fondEnteteHeader {
	height: auto;
	width: 100%;
	background-color: white;
	position: fixed;
	top: var(--heightBandeauVersion);
	z-index: 100;
	border-bottom: 1px solid var(--colorBeige);
}
#imgHeader {
	margin-top: 127px;
	height: calc(660px);
	max-height: 60vh;
	width: 100%;
	background-position: center bottom;
	position: relative;
}
.slideShowElm {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: none;
}
.slideShowElm:first-child {
	display: block;
}
#menuFlotant {
	display: flex;
	justify-content: flex-start;
	margin-top: -80px;
	gap:  60px;
	width: var(--siteMaxWidth);
	max-width: 1300px;
}
.menuFlotantBloc {
	cursor: pointer;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: calc(((100% - (60px * 3)) / 4) - 70px);
	min-height: 80px;
	border-radius: 15px;
	font-family: 'IstokWeb-Italic';
	/*font-style: italic;*/
	font-size: 25px;
	line-height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #F6F5F1;
	text-align: center;
	background-image: url("../Images/flecheBlanc.svg");
	background-size: 13.5px;
	background-position: calc(100% - 17px) calc(100% - 17px);
	background-repeat: no-repeat;

	filter: brightness(100%);
	box-shadow: var(--boxshadow);
	animation: opacity 0.7s linear forwards;
	transition: background-color 0.4s ease; /* Standard */
}
.menuFlotantBloc:hover {
	/*filter: var(--shadow) brightness(110%);*/
}
.menuFlotantBloc:nth-child(1) {background-color: var(--colorBrun);}
.menuFlotantBloc:nth-child(2) {background-color: var(--colorBleu);}
.menuFlotantBloc:nth-child(3) {background-color: var(--colorJaune);}
.menuFlotantBloc:nth-child(4) {background-color: var(--colorGris);}

.menuFlotantBloc:hover:nth-child(1) {background-color: var(--colorBrunClair);}
.menuFlotantBloc:hover:nth-child(2) {background-color: var(--colorBleuClair);}
.menuFlotantBloc:hover:nth-child(3) {background-color: var(--colorJauneClair);}
.menuFlotantBloc:hover:nth-child(4) {background-color: var(--colorGrisClair);}

.h1, .h1 p {
	color: var(--colorRouge);
	font-size: 35px;
	font-family: 'Raleway';
	font-weight: 600;
	margin-bottom: 30px;
	text-align: center;
	line-height: 41px;
}
.h1 p {
	margin: 0px;
}
.h1.sousligne {
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(129, 96, 79, .5);
	max-width: 700px;
	margin-inline:  auto;
}
.h1.deuxlignes {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 40px;
	border-top: 1px solid var(--colorRouge);
	border-bottom: 1px solid var(--colorRouge);
}
.h1.textLeft {
	text-align: left;
}
.h2, .h2 p {
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 30px;
	line-height: 35px;
	text-align: left;
	color: var(--colorRouge);
	margin-bottom: 30px;
	margin-top: 0px;
}
.h2 p {
	margin: 0px;
}
.h2.sousligne {
	border-bottom: 1px solid rgba(129, 96, 79, .5);
	padding-bottom: 20px;
	margin-bottom: 0px;
	font-weight: 600;
}
.citation, .citation p {
	color: var(--colorRouge);
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	font-family: "EB_Garamond";
	font-style: italic;
}
.citation {
	margin-bottom: 24px;
}
.citation::after {
	content: " ";
	width: 54px;
	height: 1px;
	background-color: var(--colorBeige);
	display: block;
	margin-inline:  auto;
}
section:nth-child(2n) .citation::after {
	background-color: var(--colorRouge);
}
.citationAuteur, .citationAuteur p {
	font-family: "Raleway2";
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	color: var(--colorRouge);
}
.intro.interSection {
	max-width: 1120px;
}
.interSection {
	width: var(--siteMaxWidth);
	max-width: 1300px;
	margin-inline: auto;
}
.interSection.row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.interSection.row.wrap {
	flex-wrap: wrap;
}
.interSection.rowReverse {
	display: flex;
	flex-direction: row-reverse;
}
.interSection.row.gap, 
.interSection.rowReverse.gap {
	gap: 60px;
}
.interSection.column {
	display: flex;
	flex-direction: column;
	gap: 35px;
}
.interSection.overflowhidden {
	overflow: hidden;
}
.fondActuDetail {
	background-color: var(--colorBeige);
	padding: 65px 120px;
	border-radius: var(--borderradius);
}
.detailActuImg {
	width: 100%;
	aspect-ratio: 3/1;
}
.detailActuImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: var(--borderradius);
}
.detailActuText {
	margin-top: 35px;
	text-align: left;
	margin-bottom: 35px;
}
.detailActuText p {
	text-align: left;
}
.ligneReseau {
	display: flex;
	flex-direction: row;
	gap: 25px;
	justify-content: center;
	align-items: center;
	height: 80px;
	border-top: 1px solid var(--colorRouge);
	border-bottom: 1px solid var(--colorRouge);
}
.ligneReseau a {
	width: 50px;
	height: 50px;
}
.ligneReseau a.linkedin {
	background-color: #BE203D;
	display: flex;
	border-radius: 50%;
}
.ligneReseau a.linkedin img {
	filter: invert(95%) sepia(11%) saturate(296%) hue-rotate(323deg) brightness(96%) contrast(90%);
	margin: auto;
	width: 32px;
	height: auto;
}
.cardActu {
	width: calc((100% - (60px * 3)) / 4);
	border-radius: var(--borderradius);
	background-color: white;
/*	filter: var(--shadow);*/
	box-shadow: var(--boxshadow);
	position: relative;
	display: block;
}
.cardActuPart2 {
	height: 200px;
}
.cardActi {
	width: 100%;
	height: 230px;
	/*filter: var(--shadow);*/
	box-shadow: var(--boxshadow);
	display: flex;
	justify-content: flex-start;
	gap: 30px;
	background-color: var(--colorBeige);
	border-radius: var(--borderradius);
}
.cardArticle {
	width: calc((100% - (60px * 3)) / 4);
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 18px;
	transition: all 0.4s ease;
	padding-top: 9px;
	padding-bottom: 9px;
}
.cardActu:hover .cardActuImg img, .cardActi:hover .cardActiImg img {
	transform: scale(1.05);
}
section:nth-child(2n+1) .cardArticle:hover {
	background-color: var(--colorBeige);
}
section:nth-child(2n) .cardArticle:hover {
	background-color: white;
}
.cardActuImg {
	overflow: hidden;
	border-radius: var(--borderradius) var(--borderradius) 0px 0px;
}
.cardActiImg {
	overflow: hidden;
	border-radius: var(--borderradius) 0px 0px var(--borderradius);
}
.cardActu .cardActuImg img, .cardActi .cardActiImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 400ms ease-out;
}
.cardArticle img {
	width: calc(100% - 2px - 18px);
	margin-inline: auto;
	height: auto;
	border: 1px solid var(--colorBeige);
}
.cardArticlePart2 {
	width: calc(100% - 2px - 18px);
	margin-inline: auto;
}
.cardActuImg {
	width: 100%;
	aspect-ratio: 11/9;
	aspect-ratio: 274/212;
}
.cardActiImg {
	height: 100%;
	width: 340px;
	max-width: 33%;
}
.cardActiCol2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-right: 50px;
	width: calc(100% - 340px - 50px);
	max-width: calc(100%);
	position: relative;
}
.cardActiTitle, .cardActuTitle {
	font-family: "IstokWeb-Regular";
	color: var(--colorRouge);
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.cardActuTitle {
	margin-top: 15px;
	margin-bottom: 11px;
	font-size: 20px;
	line-height: 28px;
	padding-left: 18px;
	padding-right: 18px;
	text-align: center;
}
.cardActiTitle {
	margin-top: 36px;
	margin-bottom: 18px;
	font-size: 25px;
	line-height: 35px;
}
.cardArticleTitle {
	height: auto;
	font-size: 20px;
	line-height: 25px;
	color: var(--colorBrun);
	margin-bottom: 5px;
}
.cardActuLigne {
	margin-bottom: 14px;
	width: 74px;
	height: 1px;
	background-color: var(--colorRouge);
	margin-inline: auto;
}
.cardActuText, .cardActiText {
	text-overflow: ellipsis;
	overflow: hidden;
}
.cardActuText {
	padding-left: 20px;
	padding-right: 20px;
	height: 105px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.cardActiText {
	height: 75px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: left;
}
.cardActuLien, .cardActiLien {
	border-radius: 15px;
	font-family: 'IstokWeb-Regular';
	text-decoration: none;
	color: var(--colorRouge);
	font-size: 15px;
    line-height: 25px;
    display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
}
.cardActuLien {
	bottom: 15px;
	width: 100%;
}
.cardActiLien {
	right: 50px;
	bottom: 30px;
}
.cardActuLien img, .cardActiLien img {
	width: 12px;
	height: 15px;
	margin-left: 6px;
    filter: var(--filtreRougeSVG);
}
.cardArticlePrix p {
	font-size: 16px;
	line-height: 27px;
	text-align: left;
	margin: 0px;
}
.bouton {
	border-radius: var(--borderradiusBouton);
	border: 1px solid var(--colorRouge);
	color: var(--colorRouge);
	padding:  10px 28px 9px 28px;
	font-size: 15px;
	line-height: 15px;
	font-family: 'IstokWeb-Regular';
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-inline: auto;
	display: block;
	text-decoration: none;
	width: fit-content;
	transition: all 0.4s ease;
	cursor: pointer;
	position: relative;
	margin-top: 50px;
	background-color: rgba(0, 0, 0, .0);
}
.bouton.sansMarginTop {
	margin-top: 0px;
}
.bouton.boutonDon {
	margin: 0px;
	border: 1px solid var(--colorBeige);
	background-color: var(--colorBeige);
}
.bouton.boutonBrun {
	background-color: var(--colorBrun);
	color: var(--colorBeige);
	border: 1px solid var(--colorBrun);
	margin-right: 0px;
	margin-top: 35px;
}
.bouton::before {
  	transition: all 0.4s ease-out;
	content: "";
	width: 0;
	height: calc(100%  + 1px);
	position: absolute;
	top: -1px;
	left: -1px;
	border-radius: var(--borderradiusBouton);
	opacity: 0;
}
.bouton::before {background: var(--colorRouge);}
.bouton.boutonDon::before {background: var(--colorRouge);}
.bouton.boutonBrun::before {background: var(--colorBeige);}

.bouton:is(:hover, :focus) {
	outline: none;
}
.bouton:is(:hover, :focus)::before {
	width: calc(100% + 1px);
	opacity: 1;
}
.bouton.boutonBrun::before { 
	border: 1px solid var(--colorBrun);
}
.bouton .btn-text {
	display: block;
	position: relative;
	z-index: 1;
	transition: all 0.4s ease-out;
	letter-spacing: 0.1em;
}
.bouton .btn-text {color: var(--colorRouge);}
.bouton.boutonDon .btn-text {color: var(--colorRouge);}
.bouton.boutonBrun .btn-text {color: var(--colorBeige);}

.bouton:is(:hover, :focus) .btn-text {color: white;}
.bouton.boutonDon:is(:hover, :focus) .btn-text {color: white;}
.bouton.boutonBrun:is(:hover, :focus) .btn-text {color: var(--colorBrun);}

.STI_ColTexte {
	width: 66%;
}
.STI_Img {
	width: 33%;
}
.STI_Img img {
	width: 100%;
	object-fit: cover;
	border-radius: var(--borderradius);
	aspect-ratio: 464/414;
}
.bord_divImg {
	width: 50%;
	min-width: 50%;
	aspect-ratio: 65/40;
	display: flex;
}
.rowReverse .bord_divImg {
	background-color: var(--colorBrun);
	justify-content: flex-end;
	align-items: flex-start;
}
.row .bord_divImg {
	background-color: var(--colorJaune);
	justify-content: flex-start;
	align-items: flex-end;
}
.bord_Img {
	width: calc(100% - 30px);
	height: calc(100% - 30px);
}
.bord_Img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.bord_ColTexte {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 30px;
}
.galeriePartTexte {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.galeriePartTexte .h2 {
	margin-right: 40px;
}
.galerieTexte {
	max-width: 750px;
}
.galerieTexte p {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: justify;
}
.divGalerie {
	display: flex;
	flex-direction: row;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 35px;
}
.galerieIntersection .divGalerie {
	margin-top: 40px;
}
.GalerieImage {
	width: calc((100% - 40px) / 3);
}
.GalerieImage img {
	aspect-ratio: 34/25;
	border-radius: var(--borderradius);
	object-fit: cover;
	object-position: bottom center;
	width: 100%;
}
.galerieIntersection .GalerieImage img {
	border-radius: 0px;
}
.galerieIntersection .GalerieImage:nth-child(6n + 1) img { aspect-ratio: 41/25;}
.galerieIntersection .GalerieImage:nth-child(6n + 2) img { aspect-ratio: 41/40;}
.galerieIntersection .GalerieImage:nth-child(6n + 3) img { aspect-ratio: 41/25;}
.galerieIntersection .GalerieImage:nth-child(6n + 4) img { aspect-ratio: 41/40; margin-top: -37%;}
.galerieIntersection .GalerieImage:nth-child(6n + 5) img { aspect-ratio: 41/25;}
.galerieIntersection .GalerieImage:nth-child(6n + 6) img { aspect-ratio: 41/40; margin-top: -37%;}

.listeDoc {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 35px;
	gap: 12px;
}
.ligneDct {
	padding-left: 32px;
	background-image: url("../Images/IconePdf.svg");
	background-repeat: no-repeat;
	background-size: 20px auto;
	font-family: 'IstokWeb-Regular';
	color: var(--colorRouge);
	font-size: 15px;
	line-height: 25px;
}

.fancybox-toolbar {
	display: block !important;
}
.fancybox-button--play {
	display: none;
}
.fancybox-button--thumbs {
	display: none;
}
.fancybox-button:disabled {
	display: none;
}
.fancybox-button {
	background-color: var(--colorRouge);
	background-color: var(--colorBeige);
}
.fancybox-button svg {
	filter: brightness(100) saturate(100%);
	filter: var(--filtreRougeSVG);
}
#newsletter {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
}
#newsletterForm {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
#newsletterPart1 {
	padding-top: 31px;
	padding-bottom: 48px;
	display: flex;
	justify-content: space-between;
}
#logoFooter {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 11px;
	height: 60px;
	margin-top: 19px;
}
#logoImgFooter {
 	height: 60px;
}
#logoImgFooter img {
	width: 60px;
	height: 60px;
	filter: var(--filtreRougeSVG);
}
#logoTexteFooter {
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: var(--colorRouge);
	font-family: 'Raleway';
}
#coordNewsletter {
	font-family: 'Inter';
	font-size: 15px;
	line-height: 20px;
	color: var(--colorRouge);
	display: flex;
	flex-direction: column;
	gap:  23px;
	margin-top: 33px;
}
#coordNewsletter .ligneCoord {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: var(--colorRouge);
}
#coordNewsletter .ligneCoord a, #coordNewsletter .ligneCoord span {
	color: var(--colorRouge);
}
#lienGoogleMap {
	cursor: pointer;
}
#coordNewsletter .ligneCoord .spanImgCoord {
	width: 60px;
	display: flex;
	justify-content: center;
	height: auto;
	gap: 11px;
}
footer {
	height: 61px;
	background-color: var(--colorBrun);
	width: 100%;
	display: flex;
}
#footerCenter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}
#footerCol1 nav {
	display: flex;
	justify-content: flex-start;
	gap: 40px;
}
.barinf {
	text-decoration: none;
	font-size: 15px;
	line-height: 25px;
	font-family: 'Inter';
	color: #F3F3F3;
	position: relative;
}
#newsletterCol1 {
	min-width: 310px;
}
#newsletterCol2 {
	max-width: 960px;
	margin-left: 24px;
	padding-left: 24px;
	width: 100%;
	border-left: 1px solid #81604F80;
}
#newsletterCol2 .h1 {
	font-size: 25px;
	letter-spacing: 0.1em;
	margin-top: 51px;
}
input {
	padding: 11px 12px;
	color: var(--colorRouge);
	background: #F6F5F1;
	border: none;
	border-radius: 8px;
	height: 15px;
	font-size: 15px;
	font-family: 'IstokWeb-Regular';
}
#orgformNewsletter input:hover {
	outline: 1px solid var(--colorRouge);
}
#orgformNewsletter input:focus , #orgformNewsletter input.red:focus {
	outline: 2px solid var(--colorRouge);
}
#orgformNewsletter input.red {
	outline: 1px solid var(--colorRouge);
}
.ligneInput {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 30px;
}
.ligneInput input {
	width: 100%;
}

#modal {
	width: 500px;
	height: fit-content;
	max-width: calc(100% - 80px);
	padding: 40px;
	margin: auto;
	border: 1px solid var(--colorBeige);
	border-radius: var(--borderradius);
	opacity: 0;
	transition: all 0.4s ease;
}
#modal::backdrop {
	background: rgba(0, 4, 35, .3);
}
#menuMobile {
	display: none;
}

/* Effets sur les liens du menu */

a.barinf::before, 
a.Leftmenu1::before, 
a.Leftmenu2::before {
  	content: '';
  	display: block;
  	position: absolute;
  	bottom: -3px;
  	left: 0;
  	width: 0;
  	height: 2px;
  	transition: all 0.3s ease-in-out;
}
a.barinf::before {
	background: white;
}
a.Leftmenu1::before, 
a.Leftmenu2::before {
	background: var(--colorBrun);
}
a.barinf:hover::before , 
a.Leftmenu1:hover::before , 
a.Leftmenu2:hover::before {
  	width: 100%;
}
a.barinf.active::before , 
a.Leftmenu1.active::before , 
a.Leftmenu2.active::before {
	width: 100% !important;
}
a.barinf.active, 
a.Leftmenu1.active, 
a.Leftmenu2.active {
	cursor: default;
	pointer-events: none;
}

/* Effets apparition au scroll : on ajout la class scrollIntoView au scroll de la page dans le js */

.animateScroll {
	opacity: 0;
}
.animateScroll.scrollIntoView {
	animation: .8s linear 0s opacity forwards; 
}
@keyframes opacity {
	from {opacity: 0;}
    to {opacity: 1;}
}

@media screen and (max-width: 1280px),  screen and (max-device-width: 1280px) { 

	.menuFlotantBloc {
		width: calc(((100% - (60px)) / 4) - 36px);
	}
	#menuFlotant {
		gap: 20px;
	}
	.interSection.row.gap {
		gap: 20px;
	}
	.cardArticle {
		width: calc((100% - (20px * 3)) / 4);
	}
	.cardActu {
		width: calc((100% - (20px * 3)) / 4);
	}
	.bord_ColTexte {
		padding: 20px;
	}
	.bord_Img {
		width: calc(100% - 20px);
  		height: calc(100% - 20px);
	}
}

@media screen and (max-width: 1080px),  screen and (max-device-width: 1080px) { 

	#menuMobile {
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('../Images/menuMobile.svg');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transform: rotate(0deg);
		transition: all 0.3s ease-in-out;
		cursor: pointer;
	}
	#menuMobile.open {
		transform: rotate(90deg);
	}
	#rechercheEtFaireUnDon {
		flex-direction: column;
		gap: 20px;
	}
	#rechercheEtMenu {
		position: fixed;
		top: 61px;
		left: -100vw;
		width: 100vw;
		padding-top: 30px;
		padding-bottom: 30px;
		min-height: max-content;
		height: calc(100vh - 61px);
		transition: left 0.3s ease-in-out;
		background-color: white;
		justify-content: flex-start;
		align-items: center;
		gap: 20px;
		overflow: scroll;
	}
	#rechercheEtMenu.open {
		left: 0px;
	}
	#searchForm {
		position: relative;
		width: 217px;
		right: unset;
		transition: unset;
	}
	#loupeRech {
		position: absolute;
		right: 10px;
		top: 0px;
	}
	#imgHeader {
		margin-top: 61px;
	}
	.Leftmenu1 {
		font-family:"IstokWeb-Bold";
	}
	.Leftmenu1.avecSousMenu {
		padding-right: 0px;
		background: none;
	}
	ul.nav {
		flex-direction: column;
		height: auto;
	}
	ul.nav li {
		text-align: center;
	}
	ul.nav li .frame2, ul.nav li#menuLangues a.langmenu {
		position: relative;
		left: unset;
		top: unset;
		filter: none;
		border-radius: 0px;
		display: block !important;
		opacity: 1 !important;
		width: auto;
		padding-bottom: 0px;
		box-shadow: none;
		background-color: unset;
	}
	ul.nav li#menuLangues a.langmenu {
		padding: 0px;
	}
	ul.nav li#menuLangues span.langmenu {
		text-decoration: underline;
	}
	ul.nav li#menuLangues {
		flex-direction: row;
		padding-right: 0px;
		background-image: none;
		justify-content: center;
		gap: 20px;
	}
	#enteteHeader {
		padding-top: 0px;
		padding-bottom: 0px;
		height: 60px;
		align-items: center;
	}
	#logo {
		gap: 9px;
		height: 45px;
	}
	#logoTexte {
		justify-content: center;
	}
	#logoTextePart1 {
		font-size: 14px;
		line-height: 18px;
	}
	#logoTextePart2 {
		display: none;
	}
	#logoImg, #logoImg img {
		width: 45px;
	}
	.cardActu {
		width: calc((100% - (20px)) / 2);
	}
	.menuFlotantBloc {
		width: calc(((100% - 140px - 20px) / 2));
	}
	#menuFlotant {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 960px),  screen and (max-device-width: 960px) { 
	
	.fondActuDetail {
		padding-left: 18px;
		padding-right: 18px;
	}
	#newsletter {
		flex-direction: column-reverse;
	}
	#newsletterCol1 {
		padding-top: 65px;
		border-top: 1px solid var(--colorBrun);
	}
	#newsletterCol2 {
		margin-left: 0px;
		padding-bottom: 65px;
		padding-left: 0px;
		border: 0px;
	}
	#newsletterCol1, #newsletterCol2 {
		max-width: 540px;
		margin-inline: auto;
		width: 100%;
	}
	footer {
		height: auto;
		padding-top: 55px;
		padding-bottom: 55px;
	}
	#footerCenter {
		flex-direction: column;
		gap: 55px;
	}
	#footerCol1 nav {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}
	#logoFooter {
		margin-top: 0px;
	}
	.ligneInput {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 20px;
	}
	.ligneInput input {
		width: calc(100% - 26px);
	}
}

@media screen and (max-width: 756px),  screen and (max-device-width: 756px) { 

	.galerieTexte p {
		text-align: left;
	}
	.menuFlotantBloc {
		width: calc(100% - 70px);
	}
	#menuFlotant {
		flex-direction: column;
		gap:  20px;
		margin-top: -560px;
		align-items: center;
	}
	#imgHeader {
		max-height: unset;
	}
}

@media screen and (max-width: 640px),  screen and (max-device-width: 640px) { 

	
}

@media screen and (max-width: 480px),  screen and (max-device-width: 480px) { 
	
	:root {
		--paddingGlobal: 25px;
		--paddingGlobalNegatif: -25px;
		--siteMaxWidth: calc(100vw - (2 * var(--paddingGlobal)));
	}
	section {
		width: 100vw;
	}
	ul.nav li#menuLangues {
		flex-direction: row;
		background: none;
		padding-right: none;
		justify-content: center;
		padding: 0px;
		gap: 18px;
	}
	ul.nav li#menuLangues a.langmenu {
		border-radius: 0px;
		background: none;
		display: block !important;
		position: relative;
		padding: 0px;
		filter: none;
		left: unset;
		top: unset;
	}
	ul.nav li#menuLangues span.langmenu {
		text-decoration: underline;
	}
	.interSection.row {
		flex-direction: column;
	}
	.interSection.row.columnReverseMobile {
		flex-direction: column-reverse;
	}
	.interSection.rowReverse {
		flex-direction: column-reverse;
	}
	.cardActiImg {
		max-width: 100%;
		width: 100%;
		aspect-ratio: 11/9;
		border-radius: var(--borderradius) var(--borderradius) 0px 0px;
	}
	.cardActu, .cardActi, .cardArticle {
		width: calc(100%);
	}
	.cardActi {
		height: auto;
		max-width: calc(100%);
		flex-direction: column;
		gap: 0px;
	}
	.cardActiTitle, .cardActiTitle.h2 {
		margin-top: 15px;
		margin-bottom: 11px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		text-align: left;
	}
	.cardActiCol2 {
		height: 210px;
		width: calc(100% - 36px);
		max-width: calc(100% - 36px);
		margin-inline: auto;
		padding-right: 0px;
	}
	.cardActiLien {
		bottom: 15px;
		right: 18px;
	}
	.cardActiText {
  		height: 105px;
  		display: -webkit-box;
  		-webkit-line-clamp: 4;
  		-webkit-box-orient: vertical;
  		text-align: left;
	}
	.bord_divImg {
		margin-left: var(--paddingGlobalNegatif); 
		min-width: calc(100vw);
		width: calc(100vw);
	}
	.bord_ColTexte {
		padding: 55px 0px;
	}
	.STI_ColTexte {
		width: 100%;
	}
	.STI_Img {
		width: 100%;
	}
	.GalerieImage {
		width: calc((100% - 20px) / 2);
	}
	.interSection.column, .interSection.row.gap {
		gap: 60px;
	}
	.galerieIntersection .GalerieImage:nth-child(6n + 1) img { aspect-ratio: 41/40;}
	.galerieIntersection .GalerieImage:nth-child(6n + 2) img { aspect-ratio: 41/40;}
	.galerieIntersection .GalerieImage:nth-child(6n + 3) img { aspect-ratio: 41/40;}
	.galerieIntersection .GalerieImage:nth-child(6n + 4) img { aspect-ratio: 41/40; margin-top: 0px;}
	.galerieIntersection .GalerieImage:nth-child(6n + 5) img { aspect-ratio: 41/40;}
	.galerieIntersection .GalerieImage:nth-child(6n + 6) img { aspect-ratio: 41/40; margin-top: 0px;}
}






/*	=============================
		   BANNIERE COOKIE		 
	=============================*/

/* bandeau cookies */

#protectCookieBanner {
	opacity: 1;
   	transition: opacity 0.3 ease-in-out;
   	display: flex;
/*   	display: none !important;
*/   	justify-content: center;
}
[class^="protectCookieBanner-"] {
	margin: 0;
	padding: 0;
}
.protectCookieBanner-Notice{
	position: fixed;
	bottom: 20px;
	z-index: 1080;
	font-size: 15px;
	overflow: hidden;
	width: 100vw;
	max-width: 1030px;
	/*filter: var(--shadow);*/
	box-shadow: var(--boxshadow);
	border-radius: 15px;
}
.protectCookieBanner-Notice-body {
	padding: 1em 1.2em;
	background-color: var(--colorBrun);
}
.protectCookieBanner-Notice-actionItem {
	display: inline;
	width: auto;
}
p.protectCookieBanner-Notice-description, .protectCookieBanner-Notice-text p {
	line-height: 21px;
	margin-bottom: 12px;
	color: var(--colorBeige);
	margin-bottom: 0.9em;
	font-size: 15px;
	line-height: 25px;
	text-align: left;
}
#protectCookieBanner a {
	color: var(--colorBeige);
	text-decoration: underline;
	background-color: transparent;
}

/* boutons cookies */

.boutonCookies:not(:disabled), 
.boutonCookiesRight:not(:disabled), 
.modal-cookies-button:not(:disabled), 
.modal-cookies-button2:not(:disabled),
.modal-cookies-disabled:not(:disabled),
.modal-cookies-a {
	cursor: pointer;
}
.modal-cookies-button, 
.modal-cookies-disabled {
	font-size: 15px;
}
.modal-cookies-button, 
.modal-cookies-button2, 
.modal-cookies-disabled, 
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 {
	border-radius: 8px;
	border: 1px solid var(--colorBrun);
	padding: 8px 20px 8px 20px;
	letter-spacing: 0.1em;
	text-decoration: none !important;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.modal-cookies-button, 
.modal-cookies-button2, 
.modal-cookies-disabled {
	background-color: var(--colorBrun);
	color: var(--colorBeige);	
}
.modal-cookies-button:disabled, 
.modal-cookies-button2:disabled, 
.modal-cookies-disabled,
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 {
	background-color: var(--colorBeige);
	color: var(--colorBrun);
}
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 { /* Boutton pour les cookies. */
	margin-top: 10px;
}
.boutonCookiesRight { /* Boutton pour les cookies. */
	float: right;
}
.boutonCookies {
	margin-right: 19px;
}
.boutonCookies2 { /* Boutton pour les cookies. */
	margin-right: 8px;
	font-size: 17px;
}
.modal-cookies-button:disabled,
.modal-cookies-button2,
.modal-cookies-disabled {
	margin-right: 0.5em;
}
.modal-cookies-button2 {
    font-size: 13px;
}

/* modal cookies */

body.modal-open {
	overflow: hidden;
	position: fixed;
	width: 100vw;
}
.modal-cookies {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    height: 100%;
	width: 100%;
    justify-content: center;
    align-items: center;
    overflow: scroll;
}
.style-overlay {
    display: none;
    position: fixed;
	left: 0;
    top: 0;
    width: 100% !important;
	height: 100% !important;
	z-index: 9999 !important;
	background-color: rgba(255,255,255,0.7);
    transition: opacity 0.3s ease-in-out;
	opacity:0.8 !important;
}
#modal-cookies {
	opacity: 0;
 	transition: opacity 0.3 ease-in-out;
}
.fade-in {
	animation: fadeIn ease 0.5s;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
.modal-cookies-content {
	opacity: 1;
	width: calc(100vw - 40px);
	max-width: 750px;
	margin: auto;
	/*filter:  var(--shadow);*/
	box-shadow: var(--boxshadow);
}
.modal-cookies-header {
	background-color: var(--colorBeige);
	padding: 20px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.modal-cookies-header .titredialoguecookie {
	margin: 0;
	color: var(--colorBrun);
	font-size:32px;
	font-weight:bold;
}
.modal-cookies-body {
	padding: 20px;
	background: #fff;
	text-align: left;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	font-size: 18px;
}
.divBoutonCookies {
	display: inline;
}
.modal-cookies-a {
	text-decoration: none !important;
	width: auto;
	height: 40px;
	border: 0px rgba(224, 46, 0, 0);
	vertical-align: text-bottom;
	padding: 2px 0px 2px 0px;
	font-size: 15px;
	float: left;
}
.modal-cookies-a span a{
	text-decoration: none;
    display: block;
    padding-top: 26px;
    text-align: center;
	line-height: 1em;
	color: var(--colorBrun);
}
.modal-cookies-a span a:hover{
	text-decoration: underline;
}
.div-li-cookie-bas {
	margin-top: 4px;
	float: right;
	padding-top: 10px;
}
.div-sup-cookie-bas {
	display: inline; 
}
.modal-cookies-body-interne {
    margin-top: 3vh;
    display: flex;
    font-size: 15px;
}
.modal-cookies-body-item {
    justify-content: flex-start;
	padding-top: 2px;
    padding-right: 20px;
}
.modal-cookies-body-item2 {
	line-height: 21px;
}
.modal-cookies-body-item2 div {
	margin-bottom: 2.5px;
}
.modal-cookies-body-titre {
    font-weight: bold;
	color: var(--colorBrun);
	display: inline-block;
}
.modal-cookies-optionnelornot {
	display: inline-block;
	color: var(--colorBrun);
}
.modal-li-cookie {
	padding-top: 40px;
	display: flow-root;
	padding-bottom: -4px;
}

/* switch cookies */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 31px;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    inset: 0; /* top bottom left right à 0 */
    background-color: var(--colorBeige);
    transition: .4s;
    border-radius: 8px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 8px;
}
.textSousSlider {
	font-size: 8.5px;
	text-align: center;
	color: var(--colorBrun);
	padding-top: 2px;
}
input:checked + .slider {
    background-color: var(--colorBrun);
}
input:checked:disabled + .slider{
    background-color: lightgrey !important;
}
input:checked + .slider:before {
    transform: translateX(26px);
}



@media screen and (max-width: 1024px),  screen and (max-device-width: 1024px){
	.boutonCookies { /* Boutton pour les cookies. */
		margin-right: 31px;
	}
	.boutonCookiesRight {
		float: none;
	}
	.protectCookieBanner-Notice {
  		bottom: 0px;
	}
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
	.modal-cookies-button, .modal-cookies-disabled, .modal-cookies-button2 {
		margin-top: 10px;
	}
}
@media screen and (max-width: 500px),  screen and (max-device-width: 500px){
	
	.boutonCookiesRight, .boutonCookies, .boutonCookies2,
	.modal-cookies-button, .modal-cookies-disabled, .modal-cookies-button2 {
		margin-right: 0px;
		width: 100%;
	}
	.div-li-cookie-bas {
		float: none;
		margin-top: 10px;
	}
}

/*	=============================
		 FIN BANNIERE COOKIE		 
	=============================*/