:root {
	--colorWhite : #FCFCFC;
	--colorRed: #EA141D;
	--colorText: #0A253F;
	--colorText2: #393E46;
	--colorText3: #111111;
	--colorTextGrey: #9A9A9A;
	--colorLightBlue: #51ADDA;
	--colorDarkBlue: #1F4E79;
	--colorBgGrey: #F4F7F7;
	--colorBlueGrey: #E8F1F5;

	--width-wrapper: min(calc(100% - 32px), 1640px);
	--width-gap-grid: 16px;
	--nbColonnes-grid: 12;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-Medium.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-Medium.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
}

@keyframes opacity {
	from {opacity: 0;}
    to {opacity: 1;}
}
* {
	box-sizing: border-box;
}
body {
	margin: 0px;
	margin-inline: auto;
	max-width: 1920px;

	font-family: "Manrope";
	font-weight: 500;
	line-height: 1.5;
	color: #0A253F;
}
dialog {
	border: 1px solid #0A253F;
	padding: 25px;
	width: 500px;
	max-width: calc(100% - 48px - 36px);
	min-width: 250px;
}
dialog::backdrop {
	background: rgba(0, 0, 0);
	opacity: 0.56;
}
dialog h2 {
	margin-top: 0px;
}
dialog .bouton {
	margin-top: 15px;
}
img, video, picture {
	display: block;
	max-width: 100%;
}
mark {
	background-color: #51ADDA;
	color: white;
}
.texte a {
	color: #51ADDA;
	text-decoration: underline;
}
.texte h1 {
	color: #0A253F;
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -0.03em;
}
.texte h2 {
	color: #0A253F;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: -0.03em;
}
.texte h3 {
	color: #0A253F;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.03em;
}
.texte ul, .texte ol {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0px;
	padding-left: 20px;
}
.texte ul {
	list-style-image: url("../Images/list_bullet.svg");
}
.texte ol > li,
.texte ul > li {
	margin-top: 20px;
	margin-bottom: 20px;
}
.texte ol > li,
.texte ul > li {
	padding-left: 25px;
}
.texte ol > li::marker {
	color: #51ADDA;
	font-weight: 700;
}
.texte table:not(.tableau) {
	/* border-spacing: 10px; */
	border-collapse: collapse;
	margin-left: 45px;
}
.texte table:not(.tableau) tr td {
	padding: 14px 8px;
}
.texte table:not(.tableau) tr td:first-child {
	padding-left: 0px;
}
.texte table:not(.tableau) tr td:last-child {
	padding-right: 0px;
}
.texte table:not(.tableau) tr {
	border-bottom: 1px solid #ECECEC;
}
nav {
	display: flex;
	/* column-gap: 35px; */
	column-gap: 25px;
	row-gap: 20px;
	justify-content: space-between;
	padding-top: 45px;
	padding-bottom: 45px;
}
#searchGlobal {
	width: 16px;
	height: 16px;
	background-color: #0A253F;
	mask-image: url("../Images/search.svg");
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url("../Images/search.svg");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
}
header.accueil #searchGlobal {
	background-color: white;
}
#formSearchGlobal {
	position: absolute;
	inset: 0 0 0 0;
	background-color: rgba(0,0,0,0.7);
	backdrop-filter: blur(5px);
	z-index: 1;
	transform: translateY(0%);
	transition: transform 0.4s ease;
	display: flex;
}
#formSearchGlobal[data-open="open"] {
	transform: translateY(0%);
}
#formSearchGlobal[data-open="close"] {
	transform: translateY(-100%);
}
#formSearchGlobalMobile {
	display: flex;
	gap: 10px;
	align-items: center;
}
.containerFormGlobal {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	max-width: var(--width-wrapper);
  	margin-inline: auto;
}
input[type="text"].inputSearchGlobal {
	/* width: 110px;
	padding: 6px 15px;
	font-size: 17px;
	line-height: 1.25; */
	border: none;
	border-bottom: 1px solid white;
	display: block;

	color: white;
	background: transparent;
	font-size: 40px;
  	font-weight: 800;
  	letter-spacing: -0.03em;
}
input[type="text"].inputSearchGlobal:focus,
input[type="text"].inputSearchGlobalMobile:focus {
	outline: none
}
input[type="text"]#inputSearchGlobalMobile {
	display: none;
	border: none;
	background-color: transparent;
	border-bottom: 1px solid white;
	color: white;
}
.submitSearchGlobal,
.closeSearchGlobal {
	height: 60px;
	width: 60px;
	background-color: white;

	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	mask-position: center;
	border: none;
	cursor: pointer;

	flex-shrink: 0;
}
.submitSearchGlobal {
	-webkit-mask-image: url("../Images/search.svg");
	mask-image: url("../Images/search.svg");

	-webkit-mask-size: 65%;
	mask-size: 65%;
}
.closeSearchGlobal {
	-webkit-mask-image: url("../Images/close.svg");
	mask-image: url("../Images/close.svg");

	-webkit-mask-size: contain;
	mask-size: contain;
}
#navPart1 {
	display: flex;
	/* column-gap: 25px; */
	column-gap: 25px;
	row-gap: 20px;
	align-items: center;
	justify-content: flex-end;
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
}
#navPart2 {
	display: flex;
	/* gap: 25px; */
	gap: 20px;
	align-items: center;
}
#logoNav {
	height: 90px;
}
li.menu1, li.menu2 {
	list-style-type: none;
	position: relative;
}
.Leftmenu1, .Leftmenu2 {
	/* font-size: 20px; */
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	display: block;
	position: relative;
	width: fit-content;
}
:is(.Leftmenu1, .Leftmenu2)::before {
	content: "";
	display: block;
	background-color: currentColor;
	height: 2px;
	width: 100%;
	scale: 0;
	transition: scale 0.4s ease;
	position: absolute;
	bottom: -5px;
}
:is(.Leftmenu1, .Leftmenu2):is(:focus, :hover) {
	outline: none;
}
:is(.Leftmenu1, .Leftmenu2):is(:focus, :hover)::before {
	scale: 1;
}
.Leftmenu1 {
	white-space: nowrap;
	color: var(--colorText);
}
.Leftmenu2 {
	color: var(--colorText3);
}
header:not(.accueil) {
	position: sticky;
	top: 0px;
	background-color: #FFF;
	z-index: 1;
}
header.accueil {
	position: relative;
	/*	background-image: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../Images/exempleBgAccueil.png');*/
}
header.accueil video {
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
header.accueil .Leftmenu1 {
	color: var(--colorWhite);
}
#containerHeaderPart1 {
	border-bottom: 2px solid var(--colorText);
	position: relative;
}
header.accueil #containerHeaderPart1 {
	border-bottom: 2px solid var(--colorWhite);
}
.frame2 {
	left: 0px;
	top: calc(100% + 25px);
	position: absolute;
	background-color: var(--colorWhite);
	padding: 25px 25px;
	flex-direction: column;
	gap: 15px;
	border-radius: 5px;
	box-shadow: 10px 10px 18px rgba(0, 0, 0, 0.07);	
	display: none;
	z-index: 1;
	width: max-content;
  	max-width: 500px;
	opacity: 0;
	animation: opacity 0.4s forwards;
}
.frame2[data-frameopen="open"] {
	display: flex;
}
.frame2[data-frameopen="close"] {
	display: none;
}
#headerPart1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: var(--width-wrapper);
	margin-inline: auto;
	column-gap: 35px;
}
#logoHeader {
	flex-shrink: 0;
}
header.accueil #logoHeader {
	opacity: 0;
}
.containerPathcur {
	background-color: #FFF;
	padding-block: 18px;
}
.pathcur {
	max-width: var(--width-wrapper);
	margin-inline: auto;
}
.pathcur :is(a, span) {
	font: 600 15px/20px "Manrope";
	text-transform: uppercase;
}
.pathcur a {
	text-decoration: none;
	color: var(--colorLightBlue);
}
.pathcur a:hover {
	text-decoration: underline;
}
.pathcur span {
	color: #0A253F;
}
.sepPathcur {
	display: inline-block;
	width: 8px;
	height: 12px;
	margin-left: 20px;
	margin-right: 16px;
	background-image: url("../Images/arrow_right_path.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.introAccueil {
	padding-top: 45px;
	padding-bottom: 175px;
}
.introAccueil .logoIntroAccueil {
	height: 240px;
	width: 240px;
	background-size: contain;
	background-image: url('../Images/logo.svg');
	background-repeat: no-repeat;
	background-position: center;
	margin-inline: auto;
}
.introAccueil .logoIntroAccueil2 {
	height: 400px;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 80px;
	font-family: "Playfair Display";
	font-weight: 600;
	text-align: center;
	color: white;
	margin-top: 10px;
}
.introAccueil .logoIntroAccueil2 > div {
	height: calc(400px / 3);
	font-size: 120px;
	line-height: calc(400px / 3);
}
.introAccueil .flecheIntroAccueil {
	height: 12px;
	width: 22px;
	margin-inline: auto;
	background-image: url('../Images/expand.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.grid14 {
	display: grid;
	grid-template-columns: repeat(14, minmax(0, 1fr));
	grid-column-gap: 16px;
}
.grid14.gridAlignItemsCenter {
	align-items: center;
}
.gridItem_ImgIntroAccueil {
	grid-column: 1/7;

	min-height: 900px;
	object-fit: cover;
	object-position: center;
}
.gridItem_TextIntro {
	grid-column: 8/13;
}
.gridItem_ImgAgendaGauche {
	grid-column: 1/3;
}
.gridItem_ListAgenda {
	grid-column: 4/8;
}
.gridItem_ImgAgendaDroite {
	grid-column: 9/15;
}
.gridItem_ImgActu {
	grid-column: 1/3;
}
.gridItem_ContainerActu {
	grid-column: 4/14;
}
.gridItem_TexteBasDePageAccueil {
	grid-column: 3/8;
}
.gridItem_ImageBasDePageAccueil {
	grid-column: 9/14;
}
.gridItem_FooterBarFunc {
	grid-column: 4/14;
}
.gridItem_FooterLogo {
	grid-column: 2/4;
}
.gridItem_ContainerColFooter {
	grid-column: 4/14;
}
.gridItem_ContainerNumero {
	grid-column: 2/3;
	z-index: -1;
}
.fullWidth .gridItem_ContainerNumero {
	display: none;
}
.gridItem_ContainerTexte {
	grid-column: 5/10;
	z-index: 0;
}
.gridItem_ContainerTexte.sansImage {
	grid-column: 5/12;
}
.fullWidth .gridItem_ContainerTexte,
.fullWidth .gridItem_ContainerTexte.sansImage {
	grid-column: 2/14;
}
.gridItem_ImageEtCercle {
	grid-column: 11/14;
}
.gridItem_ContainerRondBleuIntro {
	grid-column: 11/13;
}
.gridItem_ContainerTexteIntro {
	grid-column: 3/9;
}
.gridItem_ContainerTexteIntroBiggerWidth {
	grid-column: 3/12;
}
.gridItem_ContainerContact {
	grid-column: 2/6;
}
.gridItem_ContainerContact2 {
	grid-column: 2/8;
}
.gridItem_FormContact {
	grid-column: 7/14;
}
.gridItem_ImageBasDePageAccueil2 {
	grid-column: 4/7;
}
.gridItem_TexteBasDePageAccueil2 {
	grid-column: 8/12;
}
.gridItem_ContainerMap {
	grid-column: 2/14;
}
.gridItem_ContainerSignalement {
	grid-column: 2/8;
}

input[type="text"], select, textarea, .libelleTextarea {
	font-size: 17px;
	color: #0A253F;
	font-family: "ManRope";
	font-weight: 600;
}
input[type="text"], select, textarea {
	/*border: 1px solid #0A253F;*/
	background-color: #FFFFFF;
	padding: 8px 15px 8px 15px;
	border: 1px solid #c3c3c3;
}
option {
	background-color: #FFFFFF;
	font-size: 17px;
	color: #0A253F;
	font-family: Arial;
	font-weight: 500;
}
textarea {
	padding-left: 15px;
}
input[type="radio"], 
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label::before, 
input[type="checkbox"] + label::before {
	content: "";
	min-height: 20px;
	min-width: 20px;
	height: 20px;
	width: 20px;
	display: block;
	background-color: #FFFFFF ;
	transition: background 0.3s;
	border: 1px solid #0A253F;
}
input[type="radio"] + label::before {
	border-radius: 100%;
	min-height: 10px;
	min-width: 10px;
	height: 10px;
	width: 10px;
	border: 5px solid #FFFFFF;
	outline: 1px solid #0A253F;
}
input[type="checkbox"]:checked + label::before {
 	background: #FFFFFF url('../Images/check.svg') no-repeat center/15px auto;
}
input[type="radio"]:checked + label::before {
	background: #51ADDA;
}
input:is( [type="radio"] , [type="checkbox"] ) + label { 
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: #111111;

	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 15px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: border 0.3s;
}
.documentEtBouton {
	display:flex;
	gap: 15px;
}
.boutonSupprimerFileCroix {
	height: 41px;
	width: 41px;
	background-image: url("../Images/close.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0;
}
.inputDocumentTexte {
	flex-grow: 1;
}
input[type="file"] {
	display: none;
}
.form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 150px;
	grid-row-gap: 25px;

	margin-top: 15px;
}
.form .mentionChamp {
	font-size: 15px;
	font-weight: 800;
	color: #0A253F;
	text-align: right;
}
.form .formColspan {
	grid-column: 1/3;
}
.form textarea {
	resize: none;
	min-height: 400px;
	width: 100%;
}
.imageIntro {
	transform: translateY(-10%);
}
.texteIntro {
	margin-block: 150px;
}
.texteIntro .plus::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 9px;
	margin-left: 20px;

	background-color: currentColor;

	-webkit-mask-image: url("../Images/arrow_right.svg");
	mask-image: url("../Images/arrow_right.svg");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}
.texteIntro .titre, 
.texteBasDePage .titre,
.sectionTexteBasDePage2 .titre {
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.2;
	margin-bottom: 30px;
}
.texteIntro .titre, 
.texteBasDePage .titre {
	color: var(--colorText);
}
.sectionTexteBasDePage2 .titre {
	color: white;
}
.texteIntro .texte, 
.texteBasDePage .texte,
.sectionTexteBasDePage2 .texte {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.01em;
}
.texteIntro .texte, 
.texteBasDePage .texte {
	color: var(--colorText2);
}
.sectionTexteBasDePage2 .texte {
	color: white;
}
.texteIntro .plus {
	font-size: 20px;
	font-weight: 800;
	color: var(--colorLightBlue);
	margin-top: 10px;
}
.texteIntro .plus a {
	color:var(--colorLightBlue);
	text-decoration:none;
}
.bouton {
	--_bdRadiusButton: 5px;

	font-size: 17px;
	font-weight: 600;
	line-height: 1.25;

	padding: 7px 30px;

	background-color: var(--colorWhite);
	border-radius: var(--_bdRadiusButton);
	width: max-content;
	text-decoration: none;
	border: 1px solid var(--colorWhite);
	position: relative;
	isolation: isolate;
	cursor: pointer;

	transition:background-color 0.4s ease, color 0.4s ease;
}
.bouton.boutonActuPlus,
.bouton.boutonActiPlus {
	--_bdRadiusButton: 7px;

	font-size: 15px;
	font-weight: 800;
	padding: 10px 15px 10px 15px;
	border-radius: var(--_bdRadiusButton);
	width: fit-content;
	margin-top: 60px;
	display: block;
}
.form .bouton {
	font-size: 20px;
	font-weight: 800;
	width: 100%;
}
/* .bouton::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	max-width: 0px;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: -1;
	transition: max-width 0.4s ease, color 0.4s ease;
	border-radius: var(--_bdRadiusButton);
} */
.bouton:not(:disabled):is(:hover)::before {
	max-width: 100%;
}
.bouton.boutonAgenda {
	font-size: 15px;
	font-weight: 800;

	padding: 2px 16px 2px 16px;
}
.bouton:disabled {
	background-color: lightgrey !important;
	color: darkgrey !important;
	border-color: darkgrey !important;
	cursor: default !important;
}
:is(#boutonReviseurs,#boutonCabinets, #boutonEN, #boutonFR).bouton:disabled {
	color: white !important;
	background-color: #51ADDA !important;
	border-color: #51ADDA !important;
}
:is(#boutonReviseurs,#boutonCabinets, #boutonEN, #boutonFR).bouton {
	color: #51ADDA !important;
	background-color: #FCFCFC !important;
	border-color: #51ADDA !important;
}
:is(#boutonReviseurs,#boutonCabinets, #boutonEN, #boutonFR).bouton:hover {
	color: white !important;
	background-color: #51ADDA !important;
	border-color: #51ADDA !important;
}
.bouton.bleu {
	color: #51ADDA;
	background-color: transparent;
	border-color: #51ADDA;
}
.bouton.bleu:not(:disabled):is(:hover) {
	color: white;
	background-color: #51ADDA;
}
.bouton.fondBlanc {
	color: #000000;
	background-color: #FCFCFC;
	border-color: #FCFCFC;
}
.bouton.fondBlanc:not(:disabled):is(:hover) {
	color: #000000;
	background-color: white;
}
.bouton.fondBleu {
	color: white;
	background-color: #51ADDA;
	border-color: #51ADDA;
}
.bouton.fondBleu:not(:disabled):is(:hover) {
	color: #51ADDA;
	background-color: white;
}
.bouton.fondRouge {
	color: white;
	background-color: #EA141D;
	border-color: #EA141D;
}
.bouton.fondRouge:not(:disabled):is(:hover) {
	color: var(--colorRed);
	background-color: white;
}
.bouton.rouge {
	background-color: transparent;
	color: var(--colorRed);
	border-color: var(--colorRed);
}
.bouton.rouge:not(:disabled):is(:hover) {
	color: white;
	background-color: var(--colorRed);
}

.wrapper {
	max-width: var(--width-wrapper);
	margin-inline: auto;
}
.smallwrapper {
	padding-left: 8.33%;
	padding-right: 8.33%;
}
.containerIntro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
	gap: 8.33%;
}
.introPageTexte {
	--_urlbg: url('../Images/bg/bgInstitut.jpg'); /* Défaut */
	--_bgGradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 100%);
	
	padding-top: 100px;
	padding-bottom: 200px;
	background: var(--_bgGradient), center / cover no-repeat var(--_urlbg); 
}
.introPageTexte.noMinHeight {
	padding-bottom: 100px;
}
.introPageTexte.pageSignalement {
	padding-bottom: 100px;
}

.introPageTexte.bgInstitut {--_urlbg: url('../Images/bg/bgInstitut.jpg');}
.introPageTexte.bgProfession {--_urlbg: url('../Images/bg/bgProfession.jpg');}
.introPageTexte.bgConflitRussieUkraine {--_urlbg: url('../Images/bg/bgConflitRussieUkraine.jpg');}
.introPageTexte.bgReglementation {--_urlbg: url('../Images/bg/bgReglementation.jpg');}
.introPageTexte.bgContact {--_urlbg: url('../Images/bg/bgContact.jpg');}
.introPageTexte.bgNormes {--_urlbg: url('../Images/bg/bgNormes.jpg');}

.introAccueil,
.introPageTexte:not(.noMinHeight) {
	min-height: calc(100dvh - 122px);
}
.introAccueil {
	cursor: pointer;
	user-select: none;
}
.containerTexteIntro .titre,
.containerContact .titre {
	/* font-size: 100px; */
	font-size: 80px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #0A253F;

	margin-bottom: 20px;
}
.containerContact.containerSignalement .titre {
	font-size: 60px;
}
.containerTexteIntro .titre {
	margin-bottom: 20px;
}
.containerContact .titre {
	margin-bottom: 30px;
}
.containerTexteIntro .texte {
	font-size: 25px;
	font-weight: 400;
	color: #111111;
	max-width: 800px;
}
.containerContact .texte {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: #111111;
}
.containerTexteIntro .menu {
	font-size: 20px;
	color: var(--colorDarkBlue);
}
.containerTexteIntro .menuItem {
	cursor: pointer;
}
.containerRondBleu	{
	position: relative;
	width: 250px;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.containerRondBleu > div {
	border-radius: 50%;
}
.containerRondBleu.basDePage {
	margin-inline: auto;
	margin-block: 110px;
}
.containerRondBleu div:not(.texteRondBleu) {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: transform 0.8s ease-in-out, background-color 0.8s ease-in-out;
	background-color: var(--colorDarkBlue);

	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 243px;
	-webkit-mask-image: var(--_urlbg);

	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 243px;
	mask-image: var(--_urlbg);
}
.containerRondBleu div.arcRondBleu1 {--_urlbg: url("../Images/arc1.svg");}
.containerRondBleu div.arcRondBleu2 {--_urlbg: url("../Images/arc2.svg");}
.containerRondBleu div.flecheRondBleu {--_urlbg: url("../Images/fleche.svg");}

.containerRondBleu:hover .arcRondBleu1 {
	background-color: var(--colorLightBlue);
	transform: rotate(360deg);
}
.containerRondBleu:hover .arcRondBleu2 {
	background-color: var(--colorRed);
	transform: rotate(-360deg);
}
.containerRondBleu:hover .flecheRondBleu {
	transform: translateY(5%);
}
.containerRondBleu.basDePage .flecheRondBleu {
	transform: rotate(180deg);
}
.containerRondBleu.basDePage:hover .flecheRondBleu {
	transform: rotate(180deg) translateY(5%);
}
.containerRondBleu .texteRondBleu {
	font-size: 20px;
	color: #1F4E79;
}
.menuLigne {
	display: flex;
	gap: 12px;
}

.sectionListeRel {
	padding-top: 40px;
}
.sectionListeRel .titre {
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 55px;
}
.containerListRel {
	display: flex;
	gap: 13px;
	justify-content: center;
	flex-wrap: wrap;
}
.card {
	padding-top: 35px 60px 30px 60px;
	box-shadow: 10px 10px 18px rgba(0, 0, 0, 0.07);	
	border-radius: 5px;	
	width: calc(25% - 13px);
}
.card img {
	aspect-ratio: 2/3;
	width: 100%;
	margin-bottom: 30px;
}
.card .nom {
	font-size: 20px;
}
.card .fonction {
	font-size: 20px;
	color: var(--colorTextGrey);
}
.sectionTexte {
	margin-top: 160px;
}
.sectionTexte .containerTexte {
	min-height: 500px;
}
.sectionTexte .titre {
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -0.03em;
	margin-bottom: 30px;
	line-height: 1.35;
}
.sectionTexte .texte {
	font-size: 20px;
	letter-spacing: -0.01em;
	color: #111111;
}
.containNumero {
	z-index: -1;
}
.numero {
	font-family: "Playfair Display";
	font-weight: 500;
	font-size: 480px;
	letter-spacing: -0.01em;
	color: var(--colorBlueGrey);

	transform: rotate(-90deg) translateX(-100%);
	transform-origin: 0 0;

	height: 266px;
	width: fit-content;
	line-height: 113px;
}
.imageEtCercle {
	height: fit-content;
	isolation: isolate;
	position: relative;
	aspect-ratio: 5/7;
	display: flex;
	align-items: center;
}
.imageEtCercle img {
	position: absolute;
	height: 100%;
	width: 66%;
	object-fit: cover;
	border-radius: 5px;
	right: 0px;
}
.imageEtCercle:after {
	content: "";
	border-radius: 50%;
	border: 3px solid var(--colorBlueGrey);
	width: 66%;
	aspect-ratio: 1/1;
	height: max-content;
	z-index: 1;
}
.wrapperblocNum {
	display: flex;
	gap: 8.33%;
}
.wrapperblocNum.avecImage {
	display: flex;
	gap: 8.33%;
	padding-right: 0px;
}
.wrapperblocNum:not(.avecImage) .containerTexte {
	margin-right: 22.22%;
}
.flexTexteImage {
	display: flex;
	gap: 11.11%;
}
.sectionAgendaAccueil {
	display:none; /*Demande 100219 à masquer pour l'instant*/
}
.sectionAgendaAccueil,
.sectionFormationAccueil {
	padding-bottom: 110px;
	margin-top: 77px;
}
.titreSectionAgenda,
.titreSectionActu {
	font-size: 100px;
	font-weight: 800;
	line-height: 1.5em;
	letter-spacing: -0.03em;
	color: #0A253F;
}
.titreSectionAgenda {
	margin-bottom: 15px;
}
.titreSectionActu {
	margin-bottom: 70px;
}
.imgAgendaDroite {
	position: relative;
	height: fit-content;
}
.imgAgendaDroite img {
	width: 66%;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	object-position: center;
	position: absolute;
}
.imgAgendaDroite.decalageVersHaut img {
	transform: translateY(-33%);
}
.imgAgendaDroite img:first-child {
	left: 0px;
}
.imgAgendaDroite img:nth-child(2) {
	z-index: -1;
	right: 0px;
	top: 90px;
}
.dateAgendaItem {
	font-size: 15px;
	font-weight: 800;
	color: var(--colorRed);
	margin-bottom: 10px;
}
.titreAgendaItem {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin-bottom: 16px;
	display: block;
	text-decoration: none;
	color: #0A253F;
}
.descAgendaItem {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	transition: margin-top 0.4s ease, margin-bottom 0.4s ease;
	color: #393E46;
}
.descAgendaItem[data-open="close"] {
	margin-top: 0px;
	margin-bottom: 0px;
}
.descAgendaItem[data-open="open"] {
	margin-top: 50px;
	margin-bottom: 40px;
}
.itemAgenda {
	max-width: 536px;
}
.containerItemAgenda {
	padding-bottom: 40px;
	border-bottom: 1px solid var(--colorText);
	margin-top: 40px;
	display: flex;
  	flex-direction: column;
}
.containerItemAgenda:last-of-type {
	border-bottom: none;
	padding-bottom: 10px;
}
.containerPlusAgendaItem {
	display: flex;
	justify-content: flex-end;
}
[data-container-hidden] {
	transition: max-height 0.4s ease;
	overflow: hidden;
}
[data-container-hidden][data-open="open"] {
	max-height: var(--_max-height);
} 
[data-container-hidden][data-open="close"] {
	max-height: 0px;
} 
[data-container-hidden][data-open="close"] [data-container-hidden-trick] {
	visibility: hidden;
} 
[data-container-hidden-trick] p:nth-child(1) {
	margin-top: 0px;
}
.lirePlusActuItem, 
.lirePlusFlux, 
.plusAgendaItem {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.02em;
	color: var(--colorDarkBlue);
	text-decoration: none;
	position: relative;
	cursor: pointer;
	display: inline-block;
}
:is(.plusAgendaItem, .lirePlusFlux, .lirePlusActuItem)::before {
	content: "";
	position: absolute;
	bottom: -4px;
	background-color: currentColor;
	height: 2px;
	width: 100%;
	scale: 0;
	transition: scale 0.4s ease;
}
:is(.plusAgendaItem, .lirePlusFlux, .lirePlusActuItem):is(:hover) {
	outline: none;
}
:is(.plusAgendaItem, .lirePlusFlux, .lirePlusActuItem):is(:hover)::before {
	scale: 1;
}
.actuItem:is(:hover, :focus-within) .lirePlusActuItem::before {
	scale: 1;
}
:is(.plusAgendaItem, .lirePlusFlux, .lirePlusActuItem)::after {
	content: "";
	display: inline-block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.plusAgendaItem::after {
	width: 8px;
	height: 12px;
	margin-left: 19px;
}
:is(.lirePlusFlux, .lirePlusActuItem)::after {
	height: 8px;
	width: 12px;
	margin-left: 12px;
	background-image: url("../Images/arrow_right.svg");
}
.plusAgendaItem[data-open="close"]::after {
	background-image: url("../Images/arrow_down.svg");
}
.plusAgendaItem[data-open="open"]::after {
	background-image: url("../Images/arrow_up.svg");
}
.sectionActuAccueil {
	padding-top: 50px;
	padding-bottom: 100px;
	background-color: #F4F7F7;
}
.gridActuAccueil, 
.gridFluxAccueil {
	display: grid;
	grid-template-columns: repeat(3, 33%);
	gap: 50px;
}
.dateActuItem, .dateFlux {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--colorLightBlue);
	text-transform: uppercase;
}
.dateActuItem {
	margin-bottom: 35px;
}
.dateFlux {
	margin-bottom: 7px;
}
.titreActuItem, .titreFlux {
	font-size: 20px;
	line-height: 1.25;
	letter-spacing: -0.02em;

	height: 75px;
	overflow: hidden;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
.actuItem {
	cursor: pointer;
}
.titreActuItem {
	font-weight: 800;
}
.sepActuItem {
	content: " ";
	display: block;
	width: 130px;
	height: 2px;
	background-color: var(--colorLightBlue);
	margin-top: 15px;
	margin-bottom: 45px;
}
.descrActuItem {
	font-size: 20px;
	line-height: 1.35em;
	letter-spacing: -0.02em;
	color: #393E46;
	height: 110px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lirePlusActuItem {
	margin-top: 30px;
}
.lirePlusFlux {
	margin-top: 10px;
}
.logoActu {
	width: 240px;
	max-width: 100%;
	aspect-ratio: 1;
	margin-inline: auto;
	margin-bottom: 60px;
	border-radius: 50%;

	transition: scale 0.4s ease-out;
}
.actuItem:hover .logoActu {
	scale: 1.05;
}
.listColFluxAccueil {
	display: grid;
	gap: 70px;
}
.titreColFluxAccueil {
	font-family: "Playfair Display";
	font-weight: 400;
	font-size: 30px;
	padding-left: 40px;
	background-size: 25px;
	background-position: 0px center;
	background-image: url("../Images/rss.svg");
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 60px;
}
.sectionTexteBasDePage {
	padding-top: 150px;
}
.texteBasDePage {
	padding-top: 150px;
	padding-bottom: 150px;
}
.sectionTexteBasDePage2 {
	padding-top: 415px;
	padding-bottom: 110px;
	background-image: url("../Images/bgBasDePageAccueil2.png");
	background-size: cover;
	background-position: center;
}
.gridItem_ImageBasDePageAccueil {
	position: relative;
	margin-top: calc(100% / -6);
	height: 100%;
}
.sectionTexteBasDePage img {
	width: 100%;
	height: 100%;
	/*aspect-ratio: 169/186;*/
	transform: translateY(calc(100% / 6));
	object-fit: cover;
}
.sectionTexteBasDePage2 img {
	/*aspect-ratio: 1/1;*/
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.sectionTexteBasDePage2 .plus {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: #51ADDA;
	margin-top: 30px;
}
.sectionTexteBasDePage2 .plus::after {
	content: "";
	display: inline-block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("../Images/arrow_right.svg");
	width: 15px;
	height: 10px;
	margin-left: 32px;
}

footer {
	padding-top: 75px;
	padding-bottom: 40px;
	color: var(--colorText2);
	border-top: 1px solid var(--colorText2);
}
footer a {
	color: var(--colorText2);
	text-decoration: none;
}
footer #logoFooter {
	width: 150px;
	aspect-ratio: 1/1;
}
footer #containerColFooter {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 25px;
}
footer .colFooter {
	font-size: 20px;
	max-width: 400px;
	flex-grow: 400px;
}
footer .titreColFooter {
	font-weight: 800;
	margin-bottom: 8px;
}
footer .footerLienBleu {
	font-size: 20px;
	color: var(--colorLightBlue);
	display: block;
}
footer .footerLienBleu:first-child {
	margin-bottom: 45px;
}
footer .footerLienBleu:after {
	content: "";
	width: 50px;
	height: 1.5px;
	background-color: var(--colorLightBlue);
	margin-top: 11px;
	display: block;
}
footer .containerBarFunc {
	display: flex;
	gap: 25px;
}
footer .barfunc {
	font-size: 17px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
footer .barfunc:hover {
	text-decoration: underline;
}
footer .flexFooterBarFunc {
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}
.texteInfoContact {
	color: #EA141D;
	font-size: 17px;
	font-weight: 800;
	margin-top: 15px;
	text-wrap: balance;
}
.sectionMap {
	height: 500px;
	margin-bottom: 100px;
}
.containerMap {
	border: 3px solid #0A253F;
}
.iframeMaps {
	width: 100%;
	height: 100%;
} 

#menuMobile {
	display: none;
	margin-inline: auto;
	width: 60px;
	padding-top: 30px;
	padding-bottom: 30px;

	background-color: var(--colorText3);

	mask-image: url("../Images/menuMobile.svg");
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;

	-webkit-mask-image: url("../Images/menuMobile.svg");
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
}
header.accueil #menuMobile {
	background-color:white;
}

#page404 {
	padding-block: 50px;
	min-height: 100dvh;
	min-height: 100vh;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
#page404::before {
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	z-index: -1;
	opacity: 0.15;
	background-image: url('../Images/page404.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#page404::after {
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	z-index: -2;
	background-color: #0A253F;
}
#page404 .logo {
	width: 200px;
	aspect-ratio: 1/1;
}
#page404 .chiffre {
	font-family: "Playfair Display";
	font-size: 330px;
	font-variant-numeric: lining-nums;
	line-height: 1em;
	font-weight: 800;
	letter-spacing: 30px;
	color: #FCFCFC;
	margin-top: 40px;
}
#page404 .texte {
	font-family: "Manrope";
	font-size: 30px;
	letter-spacing: -0.02em;
	font-weight: 800;
	color: #FCFCFC;
	margin-top: 12px;
	text-align: center;
}
#page404 .bouton {
	margin-top: 35px;
}

.containerLangues {
	display: flex;
	gap: 15px;
}
.containerLangues .bouton {
	font-size: 15px;
  	font-weight: 800;
  	padding: 2px 16px 2px 16px;
  	width: fit-content;
}

.containerBoutons {
	display: flex;
	gap: 15px;
	margin-bottom: 30px;
}
.tableau {
	border-collapse: collapse;
	width: 100%;
}
.tableau thead {
	text-align: left;
}
.tableau td,
.tableau th {
	padding: 14px 8px;
	border-bottom: 2px solid #ECECEC;
	font-size: 20px;
	letter-spacing: -0.01em;
	color: #111111;
}
.tableau th,
.tableau.tableauNoHead td:first-child {
	font-weight: 700;
}
.tableau tr.hover {
	cursor: pointer;
	background-color: transparent;
	transition: background-color 0.4 ease;
}
.tableau tr.hover:is(:hover) {
	background-color: var(--colorBlueGrey);
}

.txt-video-wrapper {
	margin-left:-15%;
	margin-top:auto;
	margin-bottom:auto;
	display:flex;
	flex-direction:column;
	padding:70px;
	gap:30px;
	background: #ECF1F1 0% 0% no-repeat padding-box;
	max-width:790px;
	width:fit-content;
	height:fit-content;
	z-index: 1;
}

.video-global-wrapper {
	display:flex;
	flex-direction:row;
	padding:80px 140px 0px 140px;
	margin-bottom:-250px;
}

.video-global-wrapper .plus {
	color: #51ADDA;
	font: normal normal 800 20px/33px Manrope;
	letter-spacing: -0.2px;
	text-decoration:none;
	cursor: pointer;
}

.video-global-wrapper .plus::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 9px;
	margin-left: 10px;

	background-color: currentColor;

	-webkit-mask-image: url("../Images/arrow_right.svg");
	mask-image: url("../Images/arrow_right.svg");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.bg-accueil-video {
	height:600px;
	width:1080px;
	object-fit:fill;
}

.gridItem_FooterLinkedInLogo {
	width: 40px;
	display: block;
}

@media (max-width: 1500px) {
	nav {
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.titreSectionAgenda {
		font-size: 80px;
	}
}
@media (max-width: 1280px) {

	.gridItem_ContainerContact {
		grid-column: 2/14;
		grid-row: 1;
	}
	.gridItem_FormContact {
		grid-column: 2/14;
		grid-row: 2;
	}
	.gridItem_ContainerNumero {
		grid-row: 1;
		grid-column: 2/9;
	}
	.gridItem_ContainerTexte  {
		grid-row: 1;
		grid-column: 2/9;
	}
	.gridItem_ImageEtCercle {
		grid-row: 1;
		grid-column: 10/14;
	}
	.gridItem_ContainerTexteIntro {
		grid-row: 1;
		grid-column: 2/14;
	}
	.gridItem_ContainerRondBleuIntro {
		grid-row: 2;
		grid-column: 2/14;
		margin-top: 100px;
		margin-inline: auto;
	}
	.gridItem_ImageBasDePageAccueil2  {
		grid-column: 2/7;
	}
	.gridItem_TexteBasDePageAccueil2 {
		grid-column: 8/14;
	}
	.gridItem_TexteBasDePageAccueil {
		  grid-column: 2/7;
	}
	.gridItem_ImageBasDePageAccueil {
		grid-column: 8/14;
	}
	.gridItem_TextIntro {
		grid-column: 8/14;
	}
	.gridItem_ListAgenda {
		grid-column: 4/11;
	}
	.gridItem_ImgAgendaDroite {
		grid-column: 11/15
	}

	.introPageTexte {
		padding-bottom: 0px;
	}
	.sectionMap {
		margin-top: 100px;
	}
}
@media (max-width: 1080px) {

	#menuMobile {
		display: block;
	}
	#navPart1 {
		row-gap: 40px;
	}
	.Leftmenu1,
	.Leftmenu2 {
		color: white;
		width: 100%;
		text-align: center;
		max-width: 100vw;
	}
	:is(.Leftmenu1, .Leftmenu2):is(:focus, :hover)::before {
		scale: 0;
	}
	.Leftmenu2 {
		font-size: 15px;
		white-space: break-spaces;
	}
	.frame2 {
		position: relative;
		background-color: transparent;
		padding: 0px;
		display: flex;
	}
	.frame2[data-frameopen="open"],
	.frame2[data-frameopen="close"] {
		display: flex;
	}
	.menu1 {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 20px;
	}
	#logoHeader {
		margin-top: 45px;
		filter: brightness(0) invert(1);
	}
	body[data-openmobile="open"] {
		overflow: hidden;
	}
	#containerHeaderPart1 {
		position: fixed;
		border: none !important;
		transition: transform 0.4s ease;
		width: 100%;
		height: calc(100% - 60px);
		background-color: rgba(0,0,0,0.7);
		backdrop-filter: blur(5px);
		top: 0px;
		overflow: scroll;
		z-index: 1;
	}
	#containerHeaderPart1[data-openmobile="close"] {
		transform: translateY(-100%);
	}
	#containerHeaderPart1[data-openmobile="open"] {
		transform: translateY(60px);
	}
	nav {
		flex-direction: column;
	}
	#headerPart1 {
		flex-direction: column;
	}
	#navPart1 {
		flex-direction: column;
	}
	#navPart2 {
		flex-direction: column;
	}
	header.accueil #logoHeader {
		display: none;
	}
	#formSearchGlobal {
		display: none;
	}
	#searchGlobal {
		background-color: white;
	}
	input[type="text"]#inputSearchGlobalMobile {
		display: block;
	}

	.txt-video-wrapper {
		padding:25px;
		flex-direction: column;
		margin-left: 0px;
		max-width: none;
	}

	.video-global-wrapper {
		flex-direction: column-reverse;
		gap:15px;
		padding: 30px;
		align-items: center;
	}
}
@media (max-width: 860px) {
	.titreSectionAgenda {
		font-size: 70px;
	}
}
@media (max-width: 800px) {

	.grid14 {
		margin-left: 35px;
		margin-right: 35px;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 16px;
	}
	.gridItem_ImgAgendaGauche,
	.gridItem_ImgActu {
		grid-column: 1/5;
	}
	.gridItem_ImgIntroAccueil,
	.gridItem_TextIntro,
	.gridItem_ListAgenda,
	.gridItem_ContainerActu,
	.gridItem_ImageBasDePageAccueil,
	.gridItem_TexteBasDePageAccueil,
	.gridItem_FooterLogo,
	.gridItem_ContainerColFooter,
	.gridItem_FooterBarFunc,
	.gridItem_ContainerContact,
	.gridItem_FormContact,
	.gridItem_ContainerNumero,
	.gridItem_ContainerTexte,
	.gridItem_ImageEtCercle,
	.gridItem_ContainerTexteIntro,
	.gridItem_ContainerRondBleuIntro,
	.gridItem_TexteBasDePageAccueil2,
	.gridItem_ContainerTexte.sansImage,
	.gridItem_ContainerMap,
	.gridItem_ContainerContact2,
	.fullWidth .gridItem_ContainerTexte,
	.fullWidth .gridItem_ContainerTexte.sansImage {
		grid-column: 1/5;
	}
	.gridItem_ImageBasDePageAccueil2 {
		display: none;
	}
	.gridItem_ContainerNumero, 
	.gridItem_ContainerTexte {
		grid-row: 1;
		margin-top: 100px;
	}
	.gridItem_ImageEtCercle,
	.gridItem_ContainerTexteIntro {
		grid-row: 1;
	}
	.gridItem_ImageEtCercle {
		grid-row: 2;
		grid-column: 2/5;
	}
	.gridItem_ImgAgendaGauche, 
	.gridItem_ImgActu {
		rotate: 90deg;
		transform-origin: bottom left;
		transform: translateX(0px) translateY(0px);
		height: 100vw;
		margin-top: -104vw;
		margin-left: -35px;
	}
	.gridActuAccueil, 
	.gridFluxAccueil {
		grid-template-columns: repeat(1, 1fr);
	}
	.gridItem_TexteBasDePageAccueil {
		grid-row: 2;
	}
	.gridItem_ImageBasDePageAccueil {
		grid-row: 1;
	}
	.gridItem_ImgAgendaDroite {
		display: none;
	}
	.form {
		grid-template-columns: 100%;
		margin-top: 60px;
	}
	.form.formSignalement {
		margin-top: 0px;
	}
	.form .formColspan {
		grid-column: 1;
	}
	.imageIntro {
		transform: translateY(0%);
	}
	.texteIntro {
		margin-top: 30px;
		margin-bottom: 55px;
		margin-bottom: 0px;
	}
	.texteBasDePage {
		margin-top: 25px;
		margin-bottom: 0px;
	}
	.sectionTexteBasDePage {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.titreSectionActu,
	.titreSectionAgenda {
		font-size: 65px;
		line-height: 1em;
	}
	.containerTexteIntro .titre, 
	.containerContact .titre,
	.containerContact.containerSignalement .titre {
		/* font-size: 48px; */
		font-size: 40px;
		line-height: 1em;
	}
	.titreActuItem, .titreFlux {
		font-size: 17px;
		height: auto;
	}
	.descrActuItem {
		font-size: 15px;
		height: 85px;
	}
	.plusAgendaItem {
		margin-top: -27px;
	}
	.introAccueil .logoIntroAccueil2 {
		height: 170px;
	}
	.introAccueil .logoIntroAccueil2 > div {
		height: calc(170px / 3);
		font-size: 51px;
		line-height: calc(170px / 3);
	}
	.introAccueil .logoIntroAccueil {
		width: 154px;
		height: 154px;
	}
	.introAccueil {
		height: 100dvh;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	.introAccueil .flecheIntroAccueil {
		position: absolute;
		bottom: 90px;
	}
	.gridItem_ImgIntroAccueil {
		min-height: unset;
		aspect-ratio: 320 / 385;
		width: 100%;
	}
	.containerTexteIntro .texte {
		font-size: 17px;
	}
	.containerTexteIntro .menu {
		font-size: 15px;
	}
	.texteIntro .titre,
	.texteBasDePage .titre,
	.sectionTexteBasDePage2 .titre,
	.sectionTexte .titre {
		font-size: 25px;
	}
	.texteIntro .texte, 
	.texteBasDePage .texte,
	.sectionTexte .texte,
	.sectionTexteBasDePage2 .texte,
	.tableau td,
	.tableau th {
		font-size: 15px;
	}
	.texteIntro .plus {
		font-size: 15px;
	}
	.sectionAgendaAccueil,
	.sectionFormationAccueil {
		margin-top: 90px;
		padding-bottom: 45px;
	}
	.titreAgendaItem {
		font-size: 20px;
		line-height: 27px;
	}
	.bouton.boutonAgenda {
		font-size: 15px;
	}
	.containerItemAgenda {
		margin-top: 20px;
	}
	.titreSectionActu,
	.titreSectionAgenda {
		margin-bottom: 30px;
	}
	.logoActu {
		margin-bottom: 20px;
	}
	.dateActuItem, .dateFlux {
		margin-bottom: 15px;
	}
	.sectionTexteBasDePage {
		padding-top: 30px;
	}
	.sectionTexteBasDePage img {
		transform: unset;
	}
	.texteBasDePage {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.gridItem_ImageBasDePageAccueil {
		margin-top: 0px;
	}
	.sectionTexteBasDePage2 {
		padding-top: 150px;
		padding-bottom: 35px;
	}
	.sectionTexteBasDePage2 .plus {
		font-size: 15px;
	}
	.gridItem_ContainerNumero, .gridItem_ContainerTexte {
		margin-top: 0px;
	}
	.sectionTexte,
	.sectionContact2 {
		margin-top: 50px;
	}
	.containerRondBleu.basDePage {
		margin-top: 100px;
		margin-bottom: 50px;
	}
	.containerRondBleu {
		width: 150px;
	}
	.containerRondBleu .texteRondBleu {
		font-size: 15px;
	}
	.containerRondBleu div:not(.texteRondBleu) {
		-webkit-mask-size: 143px;
		mask-size: 143px;
	}
	footer #logoFooter {
		width: 100px;
		margin-inline: auto;
		margin-bottom: 45px;
	}
	footer .titreColFooter,
	footer .footerLienBleu {
		font-size: 17px;
	}
	footer .containerBarFunc {
		flex-direction: column;
		gap: 4px;
	}
	footer .barfunc,
	footer .texteColFooter {
		font-size: 15px;
	}
	footer .flexFooterBarFunc {
		flex-direction: column;
		gap: 25px;
	}
	footer {
		padding-top: 30px;
	}
	footer #containerColFooter {
		flex-direction: column;
		gap: 25px;
	}

	.sectionMap {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.texteInfoContact {
		font-size: 20px;
	}
	.sepActuItem {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.lirePlusActuItem, .lirePlusFlux {
		margin-top: 15px;
	}

	#page404 .logo {
		width: 150px;
	}
	#page404 .chiffre {
		font-family: "Playfair Display";
		font-size: 50px;
		letter-spacing: 5px;
	}
	#page404 .texte {
		font-size: 25px;
		letter-spacing: -0.03em;
		margin-left: 35px;
		margin-right: 35px;
	}
	.containerBoutons {
		flex-direction: column;
	}
	#sectionListe .boutonActuPlus {
		margin-inline: auto;
	}

	.video-global-wrapper {
		padding:15px;
	}
}



/*	=============================
		   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: 1080px;
	/*filter: var(--shadow);*/
	box-shadow: var(--boxshadow);
	border-radius: 5px;
}
.protectCookieBanner-Notice-body {
	padding: 1em 1.2em;
	background-color: var(--colorLightBlue);
}
.protectCookieBanner-Notice-actionItem {
	display: inline;
	width: auto;
}
p.protectCookieBanner-Notice-description, .protectCookieBanner-Notice-text p {
	margin-bottom: 12px;
	color: #FFF;
	margin-bottom: 0.9em;
	font-size: 15px;
	text-align: left;
	letter-spacing: -0.01em;
}
#protectCookieBanner a {
	color: var(--colorBlueGrey);
	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: 5px;
	border: 1px solid var(--colorLightBlue);
	padding: 7px 30px;
	text-decoration: none !important;
	width: auto;
	height: auto;
	vertical-align: middle;
	font-weight: 600;
	font-family: "Manrope";
}
.modal-cookies-button, 
.modal-cookies-button2, 
.modal-cookies-disabled {
	background-color: var(--colorLightBlue);
	color: var(--colorBlueGrey);	
}
.modal-cookies-button:disabled, 
.modal-cookies-button2:disabled, 
.modal-cookies-disabled,
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 {
	background-color: var(--colorBlueGrey);
	color: var(--colorLightBlue);
}
.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(0,0,0,0.56);
    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(--colorBlueGrey);
	padding: 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-cookies-header .titredialoguecookie {
	margin: 0;
	color: #0A253F;
	font-size:32px;
	font-weight:bold;
	line-height: 1.1;
  	letter-spacing: -0.03em;
  	font-weight: 800;
}
.modal-cookies-body {
	padding: 20px;
	background: #fff;
	text-align: left;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	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(--colorLightBlue);
}
.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 {
	letter-spacing: -0.01em;
}
.modal-cookies-body-item2 div {
	margin-bottom: 2.5px;
}
.modal-cookies-body-titre {
    font-weight: bold;
	color: #0A253F;
	display: inline-block;
}
.modal-cookies-optionnelornot {
	display: inline-block;
	color: #FFF;
}
.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(--colorBlueGrey);
    transition: .4s;
    border-radius: 5px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 5px;
}
.textSousSlider {
	font-size: 8.5px;
	text-align: center;
	color: var(--colorLightBlue);
	padding-top: 2px;
}
input:checked + .slider {
    background-color: var(--colorLightBlue);
}
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		 
	=============================*/