/*	2022 EDITION STYLE	-	-	-	-	-	-	-	-	-	-	*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/


/*	COLORS	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
:root {
	--Turquoise: 209, 250, 255;
	--Turquoise-dark: 0, 117, 128;

	--Saumon: 255, 184, 211;
	--Saumon-dark: 233, 53, 122;

	--Jaune: 251, 237, 204;
	--Jaune-light: 253, 246, 229;

	--BleuPastel: 216, 232, 248;

	--borderWidth: 1px;
}

/*	GRADIENTS	-	-	-	-	-	-	-	-	-	-	-	-	*/
:root {
	/* normal */
	--SJ-grad: linear-gradient(	90deg,	rgba(var(--Saumon),1),		rgba(var(--Jaune),1)	);
	--JS-grad: linear-gradient(	90deg,	rgba(var(--Jaune),1),		rgba(var(--Saumon),1)	);

	--ST-grad: linear-gradient(	90deg,	rgba(var(--Saumon),1),		rgba(var(--Turquoise),1)	);
	--TS-grad: linear-gradient(	90deg,	rgba(var(--Turquoise),1),	rgba(var(--Saumon),1)	);

	--JT-grad: linear-gradient(	90deg,	rgba(var(--Jaune),1),		rgba(var(--Turquoise),1)	);
	--TJ-grad: linear-gradient(	90deg,	rgba(var(--Turquoise),1),	rgba(var(--Jaune),1)	);

	/* -vertical */
	--SJ-grad-vertical: linear-gradient(	0deg,	rgba(var(--Saumon),1),		rgba(var(--Jaune),1)	);
	--JS-grad-vertical: linear-gradient(	0deg,	rgba(var(--Jaune),1),		rgba(var(--Saumon),1)	);
	--ST-grad-vertical: linear-gradient(	0deg,	rgba(var(--Saumon),1),		rgba(var(--Turquoise),1)	);
	--TS-grad-vertical: linear-gradient(	0deg,	rgba(var(--Turquoise),1),	rgba(var(--Saumon),1)	);
	--JT-grad-vertical: linear-gradient(	0deg,	rgba(var(--Jaune),1),		rgba(var(--Turquoise),1)	);
	--TJ-grad-vertical: linear-gradient(	0deg,	rgba(var(--Turquoise),1),	rgba(var(--Jaune),1)	);

	/* -light */
	--SJ-grad-light: linear-gradient(	90deg,	rgba(var(--Saumon),0.33),		rgba(var(--Jaune),0.33)	);
	--JS-grad-light: linear-gradient(	90deg,	rgba(var(--Jaune),0.33),		rgba(var(--Saumon),0.33)	);
	--ST-grad-light: linear-gradient(	90deg,	rgba(var(--Saumon),0.33),		rgba(var(--Turquoise),0.33)	);
	--TS-grad-light: linear-gradient(	90deg,	rgba(var(--Turquoise),0.33),	rgba(var(--Saumon),0.33)	);
	--JT-grad-light: linear-gradient(	90deg,	rgba(var(--Jaune),0.33),		rgba(var(--Turquoise),0.33)	);
	--TJ-grad-light: linear-gradient(	90deg,	rgba(var(--Turquoise),0.33),	rgba(var(--Jaune),0.33)	);

	/* -light-vertical */
	--SJ-grad-light-vertical: linear-gradient(	0deg,	rgba(var(--Saumon),0.33),		rgba(var(--Jaune),0.33)	);
	--JS-grad-light-vertical: linear-gradient(	0deg,	rgba(var(--Jaune),0.33),		rgba(var(--Saumon),0.33)	);
	--ST-grad-light-vertical: linear-gradient(	0deg,	rgba(var(--Saumon),0.33),		rgba(var(--Turquoise),0.33)	);
	--TS-grad-light-vertical: linear-gradient(	0deg,	rgba(var(--Turquoise),0.33),	rgba(var(--Saumon),0.33)	);
	--JT-grad-light-vertical: linear-gradient(	0deg,	rgba(var(--Jaune),0.33),		rgba(var(--Turquoise),0.33)	);
	--TJ-grad-light-vertical: linear-gradient(	0deg,	rgba(var(--Turquoise),0.33),	rgba(var(--Jaune),0.33)	);

		/* -ultraLight */
		--SJ-grad-ultraLight: linear-gradient(	90deg,	rgba(var(--Saumon),0.15),		rgba(var(--Jaune),0.15)	);
		--JS-grad-ultraLight: linear-gradient(	90deg,	rgba(var(--Jaune),0.15),		rgba(var(--Saumon),0.15)	);
		--ST-grad-ultraLight: linear-gradient(	90deg,	rgba(var(--Saumon),0.15),		rgba(var(--Turquoise),0.15)	);
		--TS-grad-ultraLight: linear-gradient(	90deg,	rgba(var(--Turquoise),0.15),	rgba(var(--Saumon),0.15)	);
		--JT-grad-ultraLight: linear-gradient(	90deg,	rgba(var(--Jaune),0.15),		rgba(var(--Turquoise),0.15)	);
		--TJ-grad-ultraLight: linear-gradient(	90deg,	rgba(var(--Turquoise),0.15),	rgba(var(--Jaune),0.15)	);
	
		/* -ultraLight-vertical */
		--SJ-grad-ultraLight-vertical: linear-gradient(	0deg,	rgba(var(--Saumon),0.15),		rgba(var(--Jaune),0.15)	);
		--JS-grad-ultraLight-vertical: linear-gradient(	0deg,	rgba(var(--Jaune),0.15),		rgba(var(--Saumon),0.15)	);
		--ST-grad-ultraLight-vertical: linear-gradient(	0deg,	rgba(var(--Saumon),0.15),		rgba(var(--Turquoise),0.15)	);
		--TS-grad-ultraLight-vertical: linear-gradient(	0deg,	rgba(var(--Turquoise),0.15),	rgba(var(--Saumon),0.15)	);
		--JT-grad-ultraLight-vertical: linear-gradient(	0deg,	rgba(var(--Jaune),0.15),		rgba(var(--Turquoise),0.15)	);
		--TJ-grad-ultraLight-vertical: linear-gradient(	0deg,	rgba(var(--Turquoise),0.15),	rgba(var(--Jaune),0.15)	);

		
	/* -dark */
	--TS-grad-dark: linear-gradient(	90deg,	rgba(var(--Turquoise-dark),1),	rgba(var(--Saumon-dark),1)	);
	--TS-grad-medium: linear-gradient(	0deg,	rgba(var(--Turquoise),1),	rgba(var(--Saumon),1)	);

}








/*	Deco	-	-	-	-	-	-	-	-	-	-	-	*/

@media screen {
	/*
	                            section { background: url("graphics22/2×-bkg_section1.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	               div#AssociationIntro { background: url("graphics22/2×-bkg_titre1.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                  section#Editorial { background: url("graphics22/2×-bkg_section1.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                  section#Activites { background: url("graphics22/2×-bkg_section2.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                     section#Comite { background: url("graphics22/2×-bkg_section3.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                 section#Collaborat { background: url("graphics22/2×-bkg_section4.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                    section#Qualite { background: url("graphics22/2×-bkg_section5.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                  div#SecteursIntro { background: url("graphics22/2×-bkg_titre2.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	              section#EspacesFemmes { background: url("graphics22/2×-bkg_section4.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	               section#EspaceHommes { background: url("graphics22/2×-bkg_section2.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                        section#CPM { background: url("graphics22/2×-bkg_section1.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	section#InterpretariatCommunautaire { background: url("graphics22/2×-bkg_section3.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                  section#Formation { background: url("graphics22/2×-bkg_section5.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                  div#FinancesIntro { background: url("graphics22/2×-bkg_titre3.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	            section#RapportRevision { background: url("graphics22/2×-bkg_section1.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                      section#Bilan { background: url("graphics22/2×-bkg_section4.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	         section#CompteExploitation { background: url("graphics22/2×-bkg_section3.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	        div#PartenairesSoutienIntro { background: url("graphics22/2×-bkg_titre4.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                section#Partenaires { background: url("graphics22/2×-bkg_section5.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	                    section#Soutien { background: url("graphics22/2×-bkg_section2.svg")			no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
	               #Cover #coverAddress { background: url("graphics22/2×-bkg_couv-bas_full.svg")	no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }


				   section { background: none; }
						   #coverGraphic > .shim { background: var(--TS-grad); }
					div#AssociationIntro > .shim { background: var(--SJ-grad); }
					   section#Editorial { background: none; }
					       div#IC25Intro > .shim { background: var(--TJ-grad); }
					   section#Activites { background: none; }
						  section#Comite { background: none; }
					  section#Collaborat { background: none; }
						 section#Qualite { background: none; }
					   div#SecteursIntro > .shim { background: var(--ST-grad); }
				   section#EspacesFemmes { background: none; }
					section#EspaceHommes { background: none; }
							 section#CPM { background: none; }
	 section#InterpretariatCommunautaire { background: none; }
					   section#Formation { background: none; }
					   div#FinancesIntro > .shim { background: var(--JT-grad); }
				 section#RapportRevision { background: none; }
						   section#Bilan { background: none; }
			  section#CompteExploitation { background: none; }
			 div#PartenairesSoutienIntro > .shim { background: var(--JS-grad); }
					 section#Partenaires { background: none; }
						 section#Soutien { background: none; }
					#Cover #coverAddress { background: none; }
					#Cover #coverGraphic { background: none; } */
}


#Cover #coverGraphic {
	/*
	background: url("graphics22/2×-cover-bkg.svg") no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; 
	*/
}
#Cover #coverGraphic #coverTitle{
	/*
	background: url("graphics22/2×-cover-title.svg") no-repeat center bottom; -webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain; 
	*/
}

@media(max-width: 800px){
	#Cover #coverGraphic #coverTitle{
		/*
		background: url("graphics22/2×-cover-title_mobile.svg") no-repeat center bottom; -webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain; 
		*/
	}
}

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/* adding a shim to the .ChapterIntro for a margin around the gradient */
@media screen {
	.ChapterIntro {
		/*
			display: flex;
			align-items: center;
			justify-content: center;
		*/
		align-items: stretch;
		padding: var(--backgroundGap);
	}
	.ChapterIntro > .shim {
		width: 100%; /* height: 100%; */
		display: flex;
		align-items: center;
		/* justify-content: center; */
	}

} /* media screen*/


section#Activites{
	gap:0 !important;
}
section#Activites #Valeurs { margin-top: 0; }


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

h1.chapterTitle{
	/* font-family: 'IBM Plex Serif'; 
	font-style: italic;
	font-weight: 600; */
}
.contentArea.hasChapeau .chapeau h1 em{
		/* font-family: 'IBM Plex Serif'; 
		font-style: italic; */
}
.secteurReport h3, 
.comitePerson .personName, 
.sponsor, #chaleureusement, 
.statBlock.chiffreCle .cleLabel, 
.statBlock.chiffreCle .cleValue {
	/* font-family: 'IBM Plex Serif'; 
	font-style: normal; */
}

#Partenaires h3 { color: #1e476f; font-weight: 300; margin-bottom: 2.5rem; }
#Partenaires h4 { color: #1e476f; font-style: italic; }
.sponsor { font-weight: 600; }
.sponsor, #Remercions, #Remercions * { color: #1e476f; }
#Remercions h4 { 
	/* font-family: 'IBM Plex Sans';  */
	font-style: normal; 
	font-weight: 300 !important; 
	margin-bottom: 1.5rem;
}
h4#chaleureusement { font-style: normal !important; }


/* 
@media screen {
	.ChapterIntro .shim {
		max-width: 100%;
		overflow: hidden !important; 
		position: relative;
	}
	.ChapterIntro .shim h1 {
		position: absolute;
		color: #FFF;
		font-style: italic;
		font-size: 20vh;
		line-height: 0.8em;
		transform: rotate(-5.25deg) scale(1.5);
	}
}
*/




/* replacing ChapterIntro H1 with images */
/*
.ChapterIntro h1.imgTxt { display: none; }
.ChapterIntro img.txtImg { width: 100%; transform: scale(102%);} 

.chapeauFloat h1.imgTxt { display: none; }
.chapeauFloat img.txtImg { width: 100%; }

@media (max-width: 50rem){
	img.txtImg{
		width: 67% !important;
		margin-left: 2rem;
	}
}
*/

/* .statBlock.chiffreCle */
.statBlock.chiffreCle {
	/* background-color: #FFF; */
	/* padding: 1rem; */
	font-family: 'IBM Plex Mono', monospace; 
	border-bottom: none;
	padding-bottom: 0;
}

.statBlock:not(.chiffreCle) * {
	font-size: 0.8rem !important;
}


.statBlock.chiffreCle > .shim {
	/* background: var(--JT-grad-vertical);  */
	/* padding: 1.5rem; */
}
.statBlock.chiffreCle .cleLabel {
	/* font-family: 'IBM Plex Serif';  */
	font-size: 1rem;
	font-weight: 500;
	font-style: normal;
}
.statBlock.chiffreCle .cleValue {
	font-family: 'IBM Plex Sans', sans-serif;
	font-feature-settings: "salt";

	font-weight: 400;
	font-style: normal;
	text-align: left;
	font-size: 6cqw;
	/* removing text rotation */
	/* transform: rotate(-5.25deg) skew(-5.25deg); */
}


/*
					 section#Collaborat .statBlock.chiffreCle > .shim { background: var(--JT-grad-vertical); }
				  section#EspacesFemmes .statBlock.chiffreCle > .shim { background: var(--TS-grad-vertical); }
				   section#EspaceHommes .statBlock.chiffreCle > .shim { background: var(--SJ-grad-vertical); }
							section#CPM .statBlock.chiffreCle > .shim { background: var(--TJ-grad-vertical); }
	section#InterpretariatCommunautaire .statBlock.chiffreCle > .shim { background: var(--ST-grad-vertical); }
					  section#Formation .statBlock.chiffreCle > .shim { background: var(--JS-grad-vertical); }
*/


/* .statBlock (main) */
@media(min-width: 50rem){
	.contentArea.stats {
		font-family: 'IBM Plex Mono', monospace; 
		font-weight: 400;
		/* background-color: #FFF; */
		/* padding:0; */
	}
	.statBlock table tr td:not(:first-of-type), 
	.statBlock table tr td:not(:first-of-type) * {
		font-family: 'IBM Plex Sans', sans-serif;
		font-feature-settings: "salt";

	}
}
.contentArea.stats > .statsMainContainer { 
	/* padding: 1rem; */
}
.contentArea.stats > .statsMainContainer > .shim { 
	/* background: var(--JT-grad-light--vertical);  */
	/* padding: 1.5rem; */
}
.contentArea.stats  > .statsMainContainer .statBlock{
	/* padding:0;
	margin-bottom: 2.5rem; */
}

/*
					 section#Collaborat .statsMainContainer > .shim { background: var(--TJ-grad-light-vertical); }
				  section#EspacesFemmes .statsMainContainer > .shim { background: var(--ST-grad-light-vertical); }
				   section#EspaceHommes .statsMainContainer > .shim { background: var(--JS-grad-light-vertical); }
							section#CPM .statsMainContainer > .shim { background: var(--JT-grad-light-vertical); }
	section#InterpretariatCommunautaire .statsMainContainer > .shim { background: var(--TS-grad-light-vertical); }
					  section#Formation .statsMainContainer > .shim { background: var(--SJ-grad-light-vertical); }
*/




/* Cover design */
@media screen {

	#Cover #coverGraphic .shim {
		height: 100%;
	}
	#Cover #coverGraphic .shim > * {
		/* flex: 1; */
	}

	#Cover #coverGraphic .edition2022 #coverTitle{
		/* padding: 2rem;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between; */
	}
	#Cover #coverGraphic .edition2022 #coverTitle h2{
		/* font-family: 'IBM Plex Serif';  */
		/* font-style: italic; */
		/* font-weight: 600; */
		/* font-size: 12vw; */
		/* font-size: 8vw;
		color: #3B8EDE; */
	}

	/* 
	#Cover #coverGraphic .edition2022 h1,
	#Cover #coverGraphic .edition2022 h2 strong{
		display: none;
	}
	#Cover #coverGraphic .edition2022 img.logo{
		width: 67%;
	} 
	*/


	#Cover #coverGraphic .shim.edition2022 {
		/* overflow: visible !important; */
	}
	#Cover #coverGraphic .shim.edition2022 #coverTitle2022image{
		/* height: 100%;
		position: relative; */
	}
	#Cover #coverGraphic .edition2022 img.year{
		/* position: absolute;
		z-index: 999;
		height: 120% !important;
		top: -10%;
		width: auto !important;*/
	} 
}

/* Mobile Cover Design */
@media (max-width: 50rem) {
	#Cover,
	#coverGraphic, 
	#coverGraphic .shim.edition2022,
	#coverTitle{
		display: block;
		flex-direction: column;
		height: unset !important;
		min-height: unset !important;
		max-height: unset !important;
	}
	#Cover #coverGraphic .edition2022 #coverTitle{
		justify-content: flex-start;
	}
	#coverTitle > h2{
		margin-top: 2rem;
	}
	#coverTitle2022image{
		padding-bottom: 2rem;
	}

	#coverGraphic,
	#coverTitle2022image{
		min-height: fit-content;
	}
	#Cover #coverGraphic .edition2022 img.year{
		position: relative;
		top:0;
		height: auto;
	}
	#Cover #coverGraphic .edition2022 img.year{
		width: 50% !important; margin: auto;
	}
	#Cover #coverGraphic .edition2022 img.logo{
		width: 100%;
	}
	#coverGraphic{
		border-top: none;
		text-align: center;
	}

	#Cover #coverAddress{
		font-size: 1rem;
		padding: 1rem;
		text-align: left;
	}


	#IC25poster{
		width: 50%;
	}
}



#Remercions{
/*
	background: linear-gradient( 90deg, rgb(var(--Turquoise-dark)), rgb(var(--Saumon-dark)) );
	background-clip: text;
	text-fill-color: transparent;
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
*/
}

#Remercions ul li {
	/* font-family: 'IBM Plex Serif';  */
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0em;
}



/* 
#IC25Intro.ChapterIntro{
	max-height: 67vh;
}
#IC25Intro.ChapterIntro img.txtImg { object-fit: contain; width: auto; height: 100%; transform: scale(150%);} 


:root{
	--stickerSize: 128px;
	--stickerGap: 2rem
}
#sticker25 {
	width: var(--stickerSize);
	height: var(--stickerSize);
	position: sticky;
	right: calc(100vw - var(--stickerGap));
	margin-left: calc(100vw - var(--stickerSize) - var(--stickerGap));
	top: calc(100vh - var(--stickerSize) - var(--stickerGap));
	z-index: 9999;
}
@media (max-width: 50rem) {
	:root{
		--stickerSize: 64px;
		--stickerGap: 1rem
	}
} */




#Valeurs h3{
	/* font-family: 'IBM Plex Serif'; */
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0em;
}

.comitePerson .personName {
	font-style: normal;
	font-weight: 500;
}


#EFx3 .cleValue{
	font-size: 3cqw;
	margin: 0;
	line-height: 1em;
}



/* BLING */


#IC25 { position: relative; 	overflow: hidden; }
#IC25 .contentArea:before {	position: absolute;	z-index: -1;	content: " ";	display: block;	aspect-ratio: 1/1;	border-radius: 50%;
	width: 100%;
	left: -50%;
	top: -25%;
	background: var(--JT-grad); 
	opacity: 0.33;
}

#Comite { position: relative; 	overflow: hidden; }
#Comite .contentArea:before {	position: absolute;	z-index: -1;	content: " ";	display: block;	aspect-ratio: 1/1;	border-radius: 50%;
	width: 100%;
	left: -25%;
	top: -67%;
	background: var(--ST-grad); 
	opacity: 0.33;
}

#Collaborat { position: relative; 	overflow: hidden; }
#Collaborat .contentArea:before {	position: absolute;	z-index: -1;	content: " ";	display: block;	aspect-ratio: 1/1;	border-radius: 50%;
	height: 80%;
	left: 2rem;
	top: 10%;
	background: var(--JT-grad-vertical); 
	opacity: 0.33;
}

#Qualite { position: relative; 	overflow: hidden; }
#Qualite .contentArea:before {	position: absolute;	z-index: -1;	content: " ";	display: block;	aspect-ratio: 1/1;	border-radius: 50%;
	height: 150%;
	right: -10%;
	top: 2rem;
	background: var(--SJ-grad-vertical); 
	opacity: 0.33;
}

#Partenaires { position: relative; 	overflow: hidden; }
#Partenaires .contentArea:before {	position: absolute;	z-index: -1;	content: " ";	display: block;	aspect-ratio: 1/1;	border-radius: 50%;
	height: 60%;
	right: -33%;
	top: -20%;
	background: var(--TJ-grad-vertical);
	opacity: 0.15;
}

#Soutien { position: relative; 	overflow: hidden; }
#Soutien .contentArea:before {	position: absolute;	z-index: -1;	content: " ";	display: block;	aspect-ratio: 1/1;	border-radius: 50%;
	height: calc(100% - 4rem);
	left: 50%;
	transform: translateX(-50%);
	top: 2rem;
	background: rgba(var(--BleuPastel),0.3); 
}











/*	2023 EDITION STYLE	-	-	-	-	-	-	-	-	-	-	*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/



/* 2023 layout */
:root{
	--bkgGap: 0.5rem;
}

#Cover{
	min-height: calc(100vh - var(--bkgGap));
}
#Cover #coverAddress {
	/* border-top: var(--bkgGap) solid #3B8EDE; */
}

#Layout-Nav-Main { 
	padding-top: var(--bkgGap);
	display: flex; 
	flex-wrap: nowrap;
	gap: var(--bkgGap);
}
#Layout-Nav-Main > main#Content{
	flex: 1 1 auto;
}

#Layout-Nav-Main > nav#Sidebar {
	flex: 0 0 21rem;
}

main#Content,
main#Content > .chapter {
	display: flex;
	flex-direction: column;
	gap: var(--bkgGap);
}

#Organigramme{
	width: 100%;
}

#RapportRevision .row{
	display: flex;
	width: 100%;
}
#RapportRevision .row > * {
	flex: 1;
}
#RapportRevision img{
	max-width: 20rem;
}


/*	DESKTOP MEDIA QUERY	-	-	-	-	-	-	-	-	-	-	*/
@media screen and (min-width: 50rem){
	/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
		
	main#Content section { 
		display: flex;
		flex-wrap: wrap;
		gap: var(--bkgGap);
		align-items: stretch;
	}

	section.hasStats .contentArea.text { 
		flex: 1 1 20rem; 
	}
	section.hasStats .contentArea.stats { 
		flex: 0 0 30rem; 
	}

	#A30ans #Fiesta { display: flex; flex-direction: row; gap: var(--bkgGap) }
	#A30ans #Fiesta .a30mainBlock { flex: 1 1 20rem; }
	#A30ans #Fiesta .a30decoBar { flex: 1 1 20rem; }


	.contentArea.history.edition2023 {
		display: flex;
		flex-direction: column;
		/* gap: var(--bkgGap); */
		gap:0;
	}

/*	.contentArea.history.edition2023   .historyText{ flex: 1 1 20rem; }
	.contentArea.history.edition2023 .historyImages{ flex: 1 0 20rem; }
*/	
	
	
	/*	
	.contentArea.text::has(.secteurReport){
		position: relative;
	}
	.contentArea.text .secteurReport{
		position: sticky;
		top:0;
	}
	*/

/*	DESKTOP MEDIA QUERY	-	-	-	-	-	-	-	-	-	-	*/
}	/* media ≥ 50rem */
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/


@media screen and (min-width: 50rem) and (max-width: 72rem){
	section.hasStats .contentArea.stats { 
		flex: 1 0 30rem; 
	}
}



#A30ans #Fiesta .a30decoBar {
	display: flex;
	flex-direction: column;
	gap: var(--bkgGap)
}

#flyer, #flyer * { line-height: 0; }

section.hasStats .contentArea.stats {
	display: flex;
	flex-direction: column;
	gap: var(--bkgGap)
}
section.hasStats .contentArea.stats > *:last-child{
	flex: 1 1 auto;
	align-items: stretch;
	background-color: #FFF;
}


.contentArea {
	/* padding: 2.5rem; */
}

.contentArea.history.edition2023 {
	flex: 0 0 100%;
	padding:0;
}










/* Global gradient */
#mainNavList {
	background: linear-gradient(#3B8EDE 0%, #FBEDCC 33.3%, #FFB6D2 66.6%, #D1FAFF 100%);
}
#Layout-Nav-Main {
	background: linear-gradient(#3B8EDE 0%, #FBEDCC 20%, #FFB6D2 75%, #D1FAFF 100%);
}


/* nav items */
nav#Sidebar li a.menuItem:not(:hover){
	background-color: #FFF9;
}
nav#Sidebar li a.menuItem:hover{
	background-color: #FFF0;
	color: #FFF;
}
nav#Sidebar li a.menuItem.active { 
	background-color: #FFF0;
}
nav#Sidebar li#mobileNavKey a.menuItem{
	background-color: #FFF0;
}

/* managing backgrounds */

.contentArea.text {
	background-color: #FFF;
	margin: var(--backgroundGap);
	padding: 0.5rem;
}

main#Content{
	padding-top: var(--backgroundGap);;
}





section.compactHeight{
	padding-top: 0rem;
	padding-bottom: 0rem;
}

section + section > .contentArea.text{
	margin-top: 0;
}
.contentArea.text{
	margin-top: 0;
}

/* .statBlock.chiffreCle */
.statBlock,
.statsMainContainer {
	/* background-color: #FFF; */
}
.statBlock > .shim,
.statsMainContainer > .shim {
	/* background: var(--JT-grad-vertical); */
	background-color: #FFF;
	padding: 1rem;
}


/* Semi-transparent items */
.ChapterIntro > .shim,
.statBlock.chiffreCle > .shim{
	background-color: #FFFC;
	background-color: #FFFC;
}


#Organigramme {
	padding: var(--backgroundGap);
	border-top: 0px;
}

#Organigramme > .shim {
	background-color: #FFF;
	padding: 1rem;
}
#Organigramme a {
	display:block;
	width: 100%;
	text-align: center;
}
#Organigramme img{
	max-width: 50rem;
}

#Finances section{
	background-color: #FFF;
	margin:0;
	padding: 1rem;
}



#Qualite{
	background-color: #FFF;
	margin: 0;
	padding: 0.5rem;
}
@media(min-width:60rem){
	#Qualite .row {
		display: flex;
		gap: 1rem;
	}
	#Qualite .row > *{
		flex: 1;
	}
	#Qualite .eduQuaLogo { text-align: center; }
}
 .eduQuaLogo img { max-width: 20rem; }


.shim.edition2023{
	background-color: #FFF;
	margin: 0;
}

#chaleureusement{
	padding-top: 4rem;
	padding-bottom: 4rem;
}


@media screen and (min-width: 50rem){
	#Soutien{
		min-height: calc(100vh - 1rem);
	}
}

#Soutien{
	position: relative;
}

#colophon {
	position: absolute;
	bottom:1rem;
	z-index: 2;
}


/* padding adjustments */
/* .statBlock (main) */
.contentArea.stats {
	/* background-color: #FFF; */
	padding:0;
}
.contentArea.stats > .statsMainContainer { }
.contentArea.stats > .statsMainContainer > .shim { }
.contentArea.stats  > .statsMainContainer .statBlock{
	padding:0;
}

.statBlock.chiffreCle,
.contentArea.stats > .statsMainContainer { 
	padding-left: 0; 
}

.statBlock.chiffreCle {
	padding-top: 0;
	padding-right: 0;
}

.statBlock.titre{
	padding: 0;
}


/* undoing 1px black borders */
nav#Sidebar,
nav#Sidebar ul#mainNavList > li:first-child a.menuItem,
section,
section.hasStats .contentArea.text,
div.ChapterIntro { 
	border: none;
}
nav#Sidebar {
	border-top: none;
	border-right: none;
}

section { border-top:none; }
section.hasStats { border-top: none; }
section.hasStats .contentArea.text { border-top: none; }
@media(min-width:79rem){
	section.hasStats .contentArea.text { border-right: none; }
}
div.ChapterIntro { border-top: none; }






#Cover #coverGraphic .edition2022 img.logo{
	max-width: 20vw;
}

/* deco */
.ChapterIntro h1 {
	color: #235585;
	font-weight: 400 !important;
}



.ChapterIntro h1,
h2.isHat,
.underlineDeco{
	text-decoration: underline;
	text-decoration-color: #FFF;
	text-decoration-thickness: 0.5em;
	text-underline-offset: -0.25em;
	text-decoration-skip: none;
	text-decoration-skip-ink: none;
}

.contentArea.hasChapeau .chapeau * {
	font-style: normal !important;
}
h1, h2{ color: #1e476f }

h2.isHat{
	max-width: 25rem;
	/* outline: 1px solid #F0F; */
	font-size: 2rem !important;
	font-weight: 400 !important;
	color: #1e476f !important;
}
@media (max-width: 50rem) {
	h2.isHat{
		font-size: 1.5rem !important;
	}
}

#Editorial h2.isHat,
#Activites h2.isHat,
#Partenaires h2.isHat,
#Soutien h2.isHat,
.secteurReport h2.isHat{
	text-decoration-color: rgba(062, 135, 199, 0.1);
}

/* .underlineDeco,
.ChapterIntro h1 span{
	width: fit-content;
	position: relative;
	z-index:2;
}

.underlineDeco:after,
.ChapterIntro h1 span:after{
	display: block;
	content: "";
	width: 100%;
	height: 0.33em;
	background-color: #FFF;
	position: absolute;
	bottom: 0.125em;
	z-index: -1;
}
 */









#EspacesFemmesIntro .shim.edition2022, 
#EspaceHommesIntro .shim.edition2022, 
#CPMIntro .shim.edition2022, 
#ICIntro .shim.edition2022, 
#FormationIntro .shim.edition2022 { 
	background-color: #FFFA;
}

.contentArea.history.edition2023 div.historyText,
.contentArea.history.edition2023 div.historyImages {
	background-color: #FFFA;
}

.contentArea.history.edition2023 div.historyText {
	padding: 2rem 0.5rem;
}


.contentArea.history.edition2023 div.historyText {}

.contentArea.history.edition2023 div.historyImages { padding: 0; }


.gallery * {
	margin:0;
	padding:0;
	display: block;
}

.gallery{
	display: grid; 
	gap: var(--backgroundGap);;
	grid-template-columns: repeat(auto-fill, minmax(min(8rem, 100%), 1fr));
}
.gallery > *,
.galleryLink > * {
/*	aspect-ratio: 1/1;*/
}
.gallery img{
	object-fit: cover;
}




/*
	<div class="historyImages">
		<div class="gallery">
			<a class="galleryLink" …>
				<img …>
*/

/*.historyImages					{ outline: 0px solid #F0F; outline-offset: -2px; }
.historyImages .gallery			{ outline: 0px solid #F0F; outline-offset: -2px; }
.historyImages .gallery a		{ outline: 0px solid #F0F; outline-offset: -2px; }
.historyImages .gallery a img	{ outline: 1px solid #F0F; outline-offset: -2px; }
*/



.historyImages {
	background-color: none;
	/*mix-blend-mode: hard-light;*/
}
.historyImages .gallery > * img {}




.historyImages, .historyImages * { transition: 0.25s; }

.historyImages { }
.historyImages:hover{}

.historyImages .gallery {
	display: flex;
	height: 100%;
	align-items: stretch;
}

.historyImages .gallery { height: 8rem; }
.historyImages .gallery:hover{ height: 12rem; }


.historyImages .gallery a {
	flex: 1;
}
.historyImages .gallery a:hover {
	flex: 8;
}


.historyImages .gallery img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.gallery a{
	filter: grayscale(1);
}
.gallery a:hover{
	filter: grayscale(0);
}







.ChapterIntro.edition2023 h1{
	/* display: none; */
	font-size: 5vw;
	font-size: minmax(5vw, 5rem);
	/* outline: 1px solid #F0F; */

}
@media (max-width: 50rem) {
	.ChapterIntro.edition2023 h1 {
		margin-left: 0.5rem;
		margin-top: 1em;
	}
}




#Soutien > * ,
#Partenaires > * { width: 100%; }


 


/* TO-DO remove this for production ;) */
/* body {
	outline: 1px solid #F0F;
	outline-offset:1px;
} */

.contentArea.stats .statBlock .dataBlock .col.chart { margin: 2rem 0; min-width: 21rem; max-width: 21rem; width: 21rem; }


.contentArea.text{ 

	width: 100%;
}




__s{
	text-decoration: none;
	background-color: #F1357A;
	background: repeating-linear-gradient(
		45deg,
		#F1357a22,
		#F1357a22 10px,
		#FFF 10px,
		#FFF 20px
	);
	outline: 3px solid #F1357A44;
	outline-offset: 3px;
}





/* - - - - - - - - - - - - - - - - - - - - - - */

@media screen and (min-width: 50rem){
	.a30logo{ max-width: 12vw; }


	header#Cover { }

		#coverGraphic {  }

			.shim.edition2022 { }

				#coverTitle { }

		#coverAddress { }		


	header#Cover #coverGraphic { }

	header#Cover #coverGraphic .shim.edition2022 { 
		background: none; 
	}

	header#Cover * { margin: 0; }

	#coverTitle { }
		.coverLogos {}
			img.logo {}
			img.a30logo {}
		.coverWords {  }
			h2.raTitle {}
			h1.raYear {}

	#coverTitle {
		padding: 3rem;
		
		width: 100%;
		height: 100%;
	}

	#coverTitle .coverLogos {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}

	#coverTitle .coverWords {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;

	}

	#coverTitle h1.raTitle {
		color: #000;
		font-weight: 400;
		font-size: 8vw;
		width: fit-content;
		text-align: left;
	}
	#coverTitle h1.raYear {
		font-weight: 800 !important;
		letter-spacing: -0.05em;
		font-size: 24vw;
		line-height: 20vw;
		width: fit-content;
		text-align: left;
		/* transform: translateX(0.05em); */
		position: absolute;
		bottom: 8rem;
		font-feature-settings: "salt"; 
	}

	header#Cover #coverAddress{
		width: 100%;
		background-color: none;
		position: absolute;
		bottom:0; 
		padding: 0;
		margin: 0;
		padding: 1rem 3rem;
	}


} /* @media screen && min-width: 50rem  */
/* - - - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - - */

@media screen and (max-width: 50rem){

	#Cover * {
		flex-direction: column;
		text-align: left;
	}
	.coverLogos,
	.coverWords { 
		padding: 1rem;
	}
	
	#Cover img { display: block;}

	#Cover img.logo { width: 100% !important; max-width: unset !important; }

	#Cover img.a30logo{ width: 10rem !important; display: none;}

	.coverWords, .coverWords h1 { 
		font-size: 10vw !important;
		color:#000
	}
	h1.raYear { font-weight: 600 !important; }

	#coverTitle { }
	.coverLogos {}
		img.logo {}
		img.a30logo {}
	.coverWords { }
		h2.raTitle {}
		h1.raYear {}

} /* @media screen && max-width: 50rem  */


/* - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - */