/* 
Theme Name: CNCC Formation
Author: SOLIS REA & MMA
Description: Private theme for CNCC Formation
Requires at least: WordPress 6.7+
Version: 1.1.5
Tags: Responsive Design - SEO - Flexbox
*/

/* FONTS
========================================================================== */
@font-face{font-display:swap;font-family:'Overpass';font-style:normal;font-weight:400;src:url('fonts/overpass-v19-latin-regular.woff2') format('woff2'), url('../fonts/overpass-v19-latin-regular.ttf') format('truetype')}
@font-face{font-display:swap;font-family:'Overpass';font-style:normal;font-weight:500;src:url('fonts/overpass-v19-latin-500.woff2') format('woff2'), url('../fonts/overpass-v19-latin-500.ttf') format('truetype')}
@font-face{font-display:swap;font-family:'Overpass';font-style:normal;font-weight:600;src:url('fonts/overpass-v19-latin-600.woff2') format('woff2'), url('../fonts/overpass-v19-latin-600.ttf') format('truetype')}
@font-face{font-display:swap;font-family:'Overpass';font-style:normal;font-weight:700;src:url('fonts/overpass-v19-latin-700.woff2') format('woff2'), url('../fonts/overpass-v19-latin-700.ttf') format('truetype')}
@font-face{font-display:swap;font-family:'Arsenal';font-style:normal;font-weight:700;src:url('fonts/arsenal-v13-latin-700.woff2') format('woff2'), url('../fonts/arsenal-v13-latin-700.ttf') format('truetype')}
/* ROOT
========================================================================== */
:root {
	--system-ui: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--fs12-11: clamp(0.6875rem, 0.6688rem + 0.0936vw, 0.75rem);
	--fs15-13: clamp(0.8125rem, 0.775rem + 0.1873vw, 0.9375rem);
	--fs16-14: clamp(0.875rem, 0.8375rem + 0.1873vw, 1rem);
	--fs18-16: clamp(1rem, 0.9625rem + 0.1873vw, 1.125rem);
	--fs20-17: clamp(1.0625rem, 1.0063rem + 0.2809vw, 1.25rem);
	--fs22-18: clamp(1.125rem, 1.0501rem + 0.3745vw, 1.375rem);
	--fs24-20: clamp(1.25rem, 1.1751rem + 0.3745vw, 1.5rem);
	--fs25-21: clamp(1.3125rem, 1.2376rem + 0.3745vw, 1.5625rem);
	--fs28-22: clamp(1.375rem, 1.2626rem + 0.5618vw, 1.75rem);
	--fs34-24: clamp(1.5rem, 1.3127rem + 0.9363vw, 2.125rem);
	--fs38-28: clamp(1.75rem, 1.5627rem + 0.9363vw, 2.375rem);
	--fs40-30: clamp(1.875rem, 1.6877rem + 0.9363vw, 2.5rem);
	--fs50-34: clamp(2.125rem, 1.8254rem + 1.4981vw, 3.125rem);
	--space-8: clamp(0.4375rem, 0.4188rem + 0.0936vw, 0.5rem); 
	--space-12: clamp(0.6875rem, 0.6688rem + 0.0936vw, 0.75rem); 
	--space-16: clamp(0.875rem, 0.8375rem + 0.1873vw, 1rem);
	--space-24: clamp(1.3125rem, 1.2563rem + 0.2809vw, 1.5rem);
	--space-32: clamp(1.75rem, 1.6751rem + 0.3745vw, 2rem); 
	--space-48: clamp(2.625rem, 2.5126rem + 0.5618vw, 3rem);
	--space-64: clamp(3.5rem, 3.3502rem + 0.7491vw, 4rem); 
	--space-96: clamp(5.25rem, 5.0253rem + 1.1236vw, 6rem); 
	--rowA1: calc( ( 100% - ( 11 * var(--space-16) ) ) / 12 );
	--rowA2: calc( (var(--rowA1) * 2) + (var(--space-16) * 1));
	--rowA3: calc( (var(--rowA1) * 3) + (var(--space-16) * 2));
	--rowA4: calc( (var(--rowA1) * 4) + (var(--space-16) * 3));
	--rowA5: calc( (var(--rowA1) * 5) + (var(--space-16) * 4));
	--rowA6: calc( (var(--rowA1) * 6) + (var(--space-16) * 5));
	--rowA7: calc( (var(--rowA1) * 7) + (var(--space-16) * 6));
	--rowA8: calc( (var(--rowA1) * 8) + (var(--space-16) * 7));
	--rowA9: calc( (var(--rowA1) * 9) + (var(--space-16) * 8));
	--rowA10: calc( (var(--rowA1) * 10) + (var(--space-16) * 9));
	--rowA11: calc( (var(--rowA1) * 11) + (var(--space-16) * 10));
	--rowA12: 100%;
	--colNoir: rgb(40, 40, 40); 
	--colBlanc: rgb(255, 255, 255);
	--colBlancFond: rgb(249, 249, 249);
	--colEventFond: rgb(240, 240, 240);
	--colBlancInit: rgb(245, 244, 243);
	--colBeigeFond: rgb(235, 232, 220);
	--colBeigeDate: rgb(248, 244, 237);
	--colBleuFormation: rgb(16, 177, 196);
	--colBleuCncc: rgb(11, 73, 133);
	--colCtaOrange: rgb(238, 120, 92);
	--colCtaJaune: rgb(199, 141, 15);
	--colObligatoire: rgb(238, 120, 92);
	--colNouveau: rgb(72, 147, 121);
	--colCtaVermeil: rgb(180, 173, 138);
	--colGris: rgb(238, 238, 238);
	--colMentions: rgb(138, 137, 136);
	--boxShadows: rgba(33, 35, 38, 0.15) 0px 8px 8px -8px;
	--shadowBadge: rgba(0, 0, 0, 0.15) 0px 1px 3px;
	--borderRadius: 4px;
	--largeBorderRadius: 24px;
	--miniShadow: rgba(33, 35, 38, 0.15) 0px 0px 6px 0px;
	--menuShadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	--linearMenu: linear-gradient(0deg,rgb(255, 255, 255) 5%, rgb(233, 233, 233) 95%);
	--linearMenuMob: linear-gradient(180deg,rgb(255, 255, 255) 5%, rgb(233, 233, 233) 95%);
}

/* BASE
========================================================================== */
html{scroll-behavior:smooth}
html,body{height:100%;font-family:var(--system-ui)}
body > footer{position:sticky;top:100vh}
body{font-size:var(--fs16-14);height:100%;line-height:normal;color:var(--colNoir);background-color:var(--colBlancFond);font-family:'Overpass';font-style:normal;font-weight:400;background-image:url('img/bkg01.png');background-repeat:repeat-y;background-size:clamp(320px, 100%, 1420px);background-position:center center /*;overflow-x:hidden*/ }
a{cursor:pointer;color:inherit;text-decoration:none}
a:hover,a:active,a:focus{outline:0;outline:none;cursor:pointer;text-decoration:none}
::selection{background:var(--colNoir);color:var(--colBlanc);text-shadow:none}
a[href^=tel],a[href^=sms]{color:inherit;cursor:default;text-decoration:none}
select:focus, input:focus{outline:none}
img{display:block;text-align:center;font-size:12px;line-height:1}
img[data-sizes="auto"],img.imgResp{width:100%;max-width:100%;height:auto}
img.imgObFit{width:100%;height:100%;object-fit:cover;object-position:center}
.lazyload{opacity:0}
.lazyloading{opacity:1;transition:opacity 0.3s}
img.lazyload:not([src]){visibility:hidden}
strong{font-style:normal;font-weight:700}
.ripple{background-position:center center;background-repeat:no-repeat;background-image:url('img/svg/ripple.svg');background-size:40px 40px}
h1,h2,h3,h4{text-wrap:balance}
/* CTA */
.cta{display:inline-flex;flex-flow:column nowrap;justify-content:center;align-items:center;margin:0 8px 8px 0}
.cta a{flex:0 0 auto;padding:8px 12px 4px 12px;font-size:15px;font-weight:500;text-transform:uppercase;border-radius:var(--borderRadius);line-height:1;white-space:nowrap;border:2px solid transparent;transition:all 0.3s ease}
.cta.fs16 a{font-size:16px}
.cta.fs18 a{font-size:18px;padding:12px 12px 8px 12px;text-align:center}
.cta.fs20 a{font-size:20px}
.cta.colOr a{background-color:var(--colCtaJaune);color:var(--colBlanc)}
.cta.colOr a:hover{background-color:var(--colBlanc);color:var(--colCtaJaune);border:2px solid var(--colCtaJaune);transition:all 0.3s ease}
.cta.colFor a{background-color:var(--colBleuFormation);color:var(--colBlanc)}
.cta.colFor a:hover{background-color:var(--colBlanc);color:var(--colBleuFormation);border:2px solid var(--colBleuFormation);transition:all 0.3s ease}
.cta.colVerm a{background-color:var(--colCtaVermeil);color:var(--colBlanc)}
.cta.colVerm a:hover{background-color:var(--colBlanc);color:var(--colCtaVermeil);border:2px solid var(--colCtaVermeil);transition:all 0.3s ease}
.cta.colBleu a{background-color:var(--colBleuCncc);color:var(--colBlanc)}
.cta.colBleu a:hover{background-color:var(--colBlanc);color:var(--colBleuCncc);border:2px solid var(--colBleuCncc);transition:all 0.3s ease}
.cta.colNoir a{background-color:var(--colNoir);color:var(--colBlanc)}
.cta.colNoir a:hover{background-color:var(--colBlanc);color:var(--colNoir);border:2px solid var(--colNoir);transition:all 0.3s ease}
.cta.alone{display:flex;align-items:flex-start}
.cta.centered{display:flex;align-items:center}
.cta.full{display:flex;align-items:center;width:100%}
/* margin */
.margBot96{margin-bottom:var(--space-96)} 	.margTop96{margin-top:var(--space-96)}
.margBot64{margin-bottom:var(--space-64)} 	.margTop64{margin-top:var(--space-64)}
.margBot48{margin-bottom:var(--space-48)} 	.margTop48{margin-top:var(--space-48)}
.margBot32{margin-bottom:var(--space-32)} 	.margTop32{margin-top:var(--space-32)}
.margBot24{margin-bottom:var(--space-24)} 	.margTop24{margin-top:var(--space-24)}
.margBot16{margin-bottom:var(--space-16)} 	.margTop16{margin-top:var(--space-16)}
.margBot12{margin-bottom:var(--space-12)} 	.margTop12{margin-top:var(--space-12)}
.margBot8{margin-bottom:var(--space-8)} 	.margTop8{margin-top:var(--space-8)}
/* padding */
.paddBot96{padding-bottom:var(--space-96)} 	.paddTop96{padding-top:var(--space-96)}
.paddBot64{padding-bottom:var(--space-64)} 	.paddTop64{padding-top:var(--space-64)}
.paddBot48{padding-bottom:var(--space-48)} 	.paddTop48{padding-top:var(--space-48)}
.paddBot32{padding-bottom:var(--space-32)} 	.paddTop32{padding-top:var(--space-32)}
.paddBot24{padding-bottom:var(--space-24)} 	.paddTop24{padding-top:var(--space-24)}
.paddBot16{padding-bottom:var(--space-16)} 	.paddTop16{padding-top:var(--space-16)}
.paddBot12{padding-bottom:var(--space-12)} 	.paddTop12{padding-top:var(--space-12)}
.paddBot8{padding-bottom:var(--space-8)} 	.paddTop8{padding-top:var(--space-8)}

/* MENU FIXE
========================================================================== */
body.lockScroll{overflow:hidden;overscroll-behavior:none}
html.lockScroll{overflow:hidden}
.slogan{position:relative;width:100%;z-index:9998;color:var(--colBlanc);font-size:15px;height:32px;line-height:1;background-color:var(--colBleuFormation);text-align:center;text-transform:uppercase;padding-left:16px;padding-right:16px;padding-top:10px;padding-bottom:6px}
header{position:fixed;z-index:9999;top:0;width:100%;max-width:100%;background:var(--linearMenu);box-shadow:var(--miniShadow);will-change:transform;transition:0.3s box-shadow ease}
header.shadow{box-shadow:var(--menuShadow);transition:0.3s box-shadow ease}
	.boxMenu{width:100%;padding-left:16px;padding-right:16px;padding-top:14px;padding-bottom:16px;max-width:1388px;margin:0 auto}
	.flexMenuPrincipal{display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;align-items:flex-end}
		.menuLogo{flex:0 0 176px}
			.menuLogo img{max-width:160px}
		.menuNav{flex:1 0 auto}
			.flexNavPrin{display:flex;flex-flow:row nowrap;gap:2px;justify-content:center;align-items:center}
				.flexNavPrin li{flex:0 0 auto;position:relative}
					a.aLevel1{display:block;padding:8px 10px 6px 10px;border-radius:var(--borderRadius);line-height:1;transition:background-color 0.3s ease, color 0.3s ease}
					a.aLevel1.sansSm{border-radius:var(--borderRadius)}
					a.aLevel1 svg{display:inline-block;vertical-align:middle;padding:0 2px;transition:transform 0.6s ease, fill 0.3s ease}
					a.aLevel1 svg path{transition:fill 0.3s ease}
				.flexNavPrin li:hover a.aLevel1 svg{transform:rotate(360deg);transition:transform 0.6s ease}
				.flexNavPrin li:hover a.aLevel1 svg path, .flexNavPrin li.current_page_item a.aLevel1 svg path{fill:var(--colBlanc);transition:fill 0.3s ease}
				.flexNavPrin li:hover a.aLevel1, .flexNavPrin li:hover a.aLevel1.forCat{border-bottom-left-radius:0;border-bottom-right-radius:0}
				.flexNavPrin li:hover a.aLevel1.sansSm{border-bottom-left-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}
				.flexNavPrin li:hover a.aLevel1, .flexNavPrin li.current_page_item a.aLevel1{background-color:var(--colCtaJaune);color:var(--colBlanc);transition:background-color 0.3s ease}
				.flexNavPrin li:hover a.aLevel1.forCat, .flexNavPrin li.current_page_item a.aLevel1.forCat{background-color:var(--colBleuFormation);color:var(--colBlanc);transition:background-color 0.3s ease}
					.sousMenuNav{position:absolute;opacity:0;z-index:-1;visibility:hidden;right:0;top:calc(100% - 1px);border:1px solid var(--colCtaJaune);border-radius:var(--borderRadius);border-top-right-radius:0;background-color:var(--colBlanc);box-shadow:var(--boxShadows);transition:opacity 0.3s ease, zIndex 0s ease 0.3s, visibility 0s ease 0.3s}
					.sousMenuNav.catal{border:1px solid var(--colBleuFormation)}
						.sousMenuNav ul{display:block;padding:8px}
						.sousMenuNav ul li{display:block}
							.sousMenuNav ul li a{display:block;text-wrap:nowrap;padding:7px 9px 5px 9px;border:1px solid var(--colBlanc);border-radius:var(--borderRadius);transition:background-color 0.3s ease, color 0s ease}
							.sousMenuNav ul li:hover a, .sousMenuNav ul li.current-menu-item a{background-color:var(--colCtaJaune);color:var(--colBlanc);transition:background-color 0.3s ease, color 0.3s ease}
							.sousMenuNav.catal ul li:hover a, .sousMenuNav.catal ul li.current-menu-item a{background-color:var(--colBleuFormation);color:var(--colBlanc);transition:background-color 0.3s ease, color 0.3s ease}
					.sousMenuNav ul li.cataExt a{display:block;text-wrap:nowrap;background-color:var(--colCtaOrange);font-weight:700;color:var(--colBlanc);padding:7px 9px 5px 9px;border:1px solid var(--colBlanc);border-radius:var(--borderRadius)}
		.menuConnexion{flex:0 0 196px;padding-bottom:1px}
			.navMenuBurger{display:none;font-size:11px;font-weight:600}
			.flexAide{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:var(--space-16)}
				.actuagenda, .aideenligne, .pagecontact{flex:0 0 auto}
				a.rawAide{display:flex;flex-flow:row nowrap;align-items:center;line-height:1;gap:6px;font-size:14px;font-weight:500;padding:4px;overflow:hidden}
					a.rawAide img{flex:0 0 16px;height:16px;transition:filter 0.3s ease}
					a.rawAide span{flex:0 0 auto;padding-top:2px;transition:color 0.3s ease}
				a.rawAide:hover, a.rawAide.current_page_item{color:var(--colCtaJaune);transition:color 0.3s ease}
				a.rawAide:hover img, a.rawAide.current_page_item img{filter:invert(64%) sepia(73%) saturate(3047%) hue-rotate(10deg) brightness(93%) contrast(88%);transition:filter 0.3s ease}
			.flexNavJinius{display:flex;flex-flow:row nowrap;justify-content:flex-end;margin-top:12px}
				.flexNavJinius li{flex:0 0 auto;position:relative}
				.flexNavJinius li a.aLevel2{display:block;padding:8px 12px 6px 12px;background-color:var(--colBleuFormation);color:var(--colBlanc);border-radius:var(--borderRadius);line-height:1}
				.flexNavJinius li a.aLevel2 svg{display:inline-block;vertical-align:middle;padding:0 2px;transition:transform 0.6s ease}
				.flexNavJinius li:hover a.aLevel2 svg{transform:rotate(360deg);transition:transform 0.6s ease}
		.flexNavPrin li:hover .sousMenuNav,.flexNavJinius li:hover .sousMenuNav{opacity:1;z-index:1;visibility:visible;transition:all 0.3s ease}

/* MAIN
========================================================================== */
.bulk{height:120px;width:100%}
main{width:100%;max-width:1420px;padding-left:16px;padding-right:16px;margin:0 auto}
main.shortMain{min-height:100vh}
.wrapper{width:100%;max-width:1420px;padding-left:16px;padding-right:16px;padding-top:var(--space-32);padding-bottom:var(--space-32);margin:0 auto}
/* Texte Global */
.titrage{width:100%;max-width:var(--rowA9);padding:0 var(--space-16)}
p{display:block;padding-bottom:var(--space-16)}
p a{text-decoration:none;color:inherit} p a:hover{text-decoration:underline;color:inherit}
p.miseEnAvant{display:block;padding-bottom:var(--space-16);font-weight:700;font-size:var(--fs18-16)}
p.paraLegende{display:block;padding-bottom:var(--space-16);font-weight:500;font-size:14px;color:var(--colMentions)}
p.actuLegende{display:block;padding-bottom:var(--space-16);font-style:italic;font-weight:500;font-size:14px;color:var(--colMentions)}
h1.h1Gen{display:block;font-family:'Arsenal';font-weight:700;font-size:var(--fs34-24);line-height:1.2;padding-bottom:var(--space-16)}
h2.h2Gen, h3.h2Gen{display:block;font-family:'Arsenal';font-weight:700;font-size:var(--fs28-22);line-height:1.2;padding-bottom:var(--space-16)}
h3.h3Gen{display:block;font-weight:600;font-size:var(--fs18-16);padding:3px 12px 0 12px;margin-bottom:8px;border-left:4px solid var(--colNoir);line-height:1.1}
ul.lapGen{display:block;padding:0 0 calc(var(--space-16) - 2px) 11px}
ul.lapGen li{position:relative;display:block;padding:2px 0}
ul.lapGen li::before{display:block;position:absolute;top:3px;left:-11px;content:"\2022\00a0";font-weight:700;font-size:var(--fs16-14);line-height:normal}
/* Bloc Bandeau */
.blocBandeau{width:100%;max-width:100%}
.blocBandeau img{border-bottom-right-radius:var(--largeBorderRadius)}
/* Intro H1 */
.blocIntroduction{width:100%;max-width:var(--rowA9);padding:var(--space-16)}
hr.hrIntro{display:block;width:16px;height:1px;border:0;margin:0 0 4px 0;border-top:4px solid var(--colNoir)}
/* Flex Intro */
.flexIntro{display:flex;flex-flow:row nowrap;gap:var(--space-16);justify-content:flex-start;align-items:stretch}
	.colIntro01, .colIntro02{flex:0 0 var(--rowA6);padding:var(--space-16) var(--space-16) 4px var(--space-16);border-bottom-right-radius:var(--largeBorderRadius)}
	.colIntro03{flex:0 0 var(--rowA8);padding:var(--space-16) var(--space-16) 4px var(--space-16);border-bottom-right-radius:var(--largeBorderRadius)}
	.colIntro04{flex:0 0 var(--rowA4);padding:0 0 var(--space-16) 0}
	.colIntro05{flex:0 0 var(--rowA10);padding:var(--space-16);border-bottom-right-radius:var(--largeBorderRadius)}
	.colIntro06{flex:0 0 var(--rowA4);border-bottom-right-radius:var(--largeBorderRadius)}
	.colIntro07{flex:0 0 var(--rowA8);padding:var(--space-16);border-bottom-right-radius:var(--largeBorderRadius)}
	.colIntro08{flex:0 0 var(--rowA4);padding:var(--space-32) var(--space-16);border-bottom-right-radius:var(--largeBorderRadius);text-align:center}
	.colCarte{flex:0 0 100%;padding:var(--space-16);border-bottom-right-radius:var(--largeBorderRadius)}
	.colIntroCarte{flex:0 0 var(--rowA4);padding:0 var(--space-16)}
	.bkgBlanc{background-color:var(--colBlanc)}
	.bkgGris{background-color:var(--colGris)}
	.bkgBeige{background-color:var(--colBeigeFond)}
	.bkgTranspa{background-color:transparent}
/* Add intro */
.imageQualiopi{display:flex;flex-flow:row wrap;width:100%;gap:var(--space-16);align-items:center;width:100%;max-width:100%;padding:var(--space-16) 0}
	.qualiImg{flex:0 0 auto;max-width:335px}
		.qualiImg img{max-width:335px}
	.qualiLink{flex:0 1 auto;padding-left:16px}
.blocQualiopi{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}
	.qualioImg{flex:0 0 100%;max-width:1024px}
	.qualioImg img{margin:0 auto}
.imagepresidence, .imageAcc{border-bottom-right-radius:var(--largeBorderRadius)}
.legendePres{font-size:var(--fs15-13);padding:var(--space-16)}
.legendePres span{display:block;font-size:var(--fs18-16);font-weight:700}
/* ACCUEIL */
.moduleHomeActu{width:100%;max-width:100%}
.flexActuAgen{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:flex-start;align-items:stretch;padding-top:var(--space-24)}
	.listeActuAcc{flex:0 0 var(--rowA8);padding:0}
		.flexActus{display:flex;flex-flow:row wrap;gap:var(--space-48) var(--space-16);justify-content:flex-start;align-items:stretch}
			.prezActu{flex:0 0 calc( (100% - var(--space-16)) / 2 );padding:var(--space-16) var(--space-16) var(--space-24) var(--space-16);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius);position:relative}
				.theTime{position:absolute;top:-24px;left:0;display:inline-flex;flex-flow:row nowrap;gap:8px;align-items:flex-start;padding:6px var(--space-32) 3px 8px;border-radius:var(--borderRadius);border-bottom-right-radius:var(--largeBorderRadius);background-color:var(--colCtaVermeil);color:var(--colBlanc)}
					.icoTime{flex:0 0 22px;padding-top:2px}
					.actuTime{flex:0 0 auto;padding-top:4px;text-transform:uppercase;font-size:var(--fs15-13);font-weight:600}
					.actuTime span{display:block;font-size:var(--fs12-11);font-weight:400;line-height:1}
				.flexActuResu{display:flex;flex-flow:column nowrap;gap:var(--space-16);height:100%;justify-content:flex-start;align-items:center;padding-top:16px}
					.actuResuTit{flex:0 0 auto;width:100%}
						.actuResuTit h3{display:block;font-size:var(--fs24-20);font-family:'Arsenal';font-style:normal;font-weight:700;line-height:1.25}
					.actuResuResu{display:flex;width:100%;margin:0 0 auto 0}
					.actuResuLien{flex:0 0 auto;width:100%;display:inline-flex;flex-flow:row nowrap;gap:4px}
						.actuResuLien a{flex:0 0 auto;font-weight:600;font-size:var(--fs15-13);text-decoration:underline}
						.actuResuLien span{flex:0 0 auto;font-weight:700}
	.listeAgenAcc{flex:0 0 var(--rowA4);position:relative}
		.theAgenda{display:flex;flex-flow:row nowrap;gap:8px;margin-top:-24px;align-items:center;line-height:1;padding:6px 8px 8px 8px;border-radius:var(--borderRadius);background-color:var(--colCtaOrange);color:var(--colBlanc)}
			.theAgenda .icoTime img{max-height:20px}
			.agendaLib{flex:0 0 auto;padding-top:8px;text-transform:uppercase;font-size:var(--fs22-18);font-weight:600}
		.flexAgenda{display:flex;flex-flow:column nowrap;gap:var(--space-8);height:100%;background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
			.agendaEvent{flex:0 0 auto;width:100%;padding:var(--space-16) var(--space-8);transition:background-color 0.3s ease 0.3s}
				.eventDate{font-weight:700;background-color:var(--colEventFond);padding:4px 8px 2px 8px;border-bottom:2px solid var(--colBlanc)}
				.eventDate span{font-size:13px;font-weight:500}
				.eventTitre{display:flex;flex-flow:row nowrap;gap:4px;padding:12px 0 10px 8px;font-size:var(--fs18-16);font-weight:500;line-height:1.20}
					.eventTitre span{flex:0 0 12px;font-weight:700}
					.eventTitre h4{flex:0 0 calc(100% - 12px);text-wrap:wrap}
				.eventQualif{padding-left:16px;font-size:15px;font-weight:500}
				.eventQualif img{display:inline-block;vertical-align:middle;width:14px;height:14px;margin-right:8px}
				.eventQualif a{display:inline-block;vertical-align:middle;text-decoration:underline}
				.eventQualif a:hover{color:var(--colBleuFormation);text-decoration:underline}
			.eventImage{display:block;margin:auto 0 0 0;width:100%}
				.imgAgenda{border-bottom-right-radius:var(--largeBorderRadius)}
			.agendaEvent:hover{background-color:var(--colEventFond);transition:background-color 0.3s ease}
.moduleAllActu{width:100%;max-width:100%}
.flexAllActu{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:flex-start;align-items:flex-start}
.flexAllAgenda{display:flex;flex-flow:column nowrap;gap:var(--space-24);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
.blocDesRegions{width:100%;max-width:100%}
.wrapperDragRegion{position:relative;display:flex;flex-flow:row nowrap;overflow:hidden}
	.blocAnimRegion{flex:0 0 calc(var(--rowA3) + var(--space-16));border-right:var(--space-16) solid transparent}
		.prezRegion{display:flex;flex-flow:column nowrap;padding-bottom:12px;height:100%;align-items:center;justify-content:flex-start;background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
		.prezRegion.prezFofo{display:flex;flex-flow:column nowrap;padding-bottom:12px;height:100%;align-items:center;justify-content:flex-start;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) var(--space-64), rgba(255, 255, 255, 1) 100%);border-bottom-right-radius:var(--largeBorderRadius)}
			.prezImg{flex:0 0 auto}
			.prezImgVecto{flex:0 0 auto;max-width:180px;margin:0 auto;padding:20px 40px;border-radius:var(--borderRadius);margin-bottom:20px;background-color:var(--colCtaJaune)}
			.prezImgVecto img{max-height:52px;margin:0 auto}
			.prezOrga{flex:0 0 auto;padding:12px 4px 0 4px;font-weight:600;font-size:14px;color:var(--colBleuCncc)}
			.prezNom{flex:0 0 auto;font-size:var(--fs18-16);padding:4px var(--space-16);line-height:1.1;text-align:center;text-transform:uppercase;font-weight:700}
			.prezResum{display:block;margin:0 0 auto 0;font-size:var(--fs15-13);padding:4px var(--space-16) 0 var(--space-16)}
			.prezCta{flex:0 0 auto}
	.nextPrevRegion{display:flex;flex-flow:row nowrap;gap:var(--space-16);justify-content:center;align-items:center;line-height:1;padding:var(--space-16)}
		.nextPrevRegion button{flex:0 0 auto;font-weight:600;font-size:var(--fs28-22);color:var(--colBlanc);background-color:var(--colCtaVermeil);text-align:center;line-height:1;padding:6px;border-radius:var(--borderRadius)}
			.nextPrevRegion button img{display:block;width:32px;aspect-ratio:1}
.selectActuDate{padding:0 var(--space-16) var(--space-16) 0}
	.selectActuDate select{padding:9px var(--space-16) 5px var(--space-16);font-size:14px;text-transform:uppercase;line-height:1;font-weight:500;background-color:var(--colBeigeFond);border-radius:var(--borderRadius)}
.chiffreCle{width:100%;max-width:100%}
	.flexLiChiff{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:center;align-items:stretch}
		.boxChiff{flex:0 0 var(--rowA2)}
			.boxChiff.border1{border-bottom-right-radius:var(--largeBorderRadius)}
			.boxChiff.border2{border-bottom-left-radius:var(--largeBorderRadius)}
			.boxChiff.border3{border-top-right-radius:var(--largeBorderRadius)}
			.boxChiff.border4{border-top-left-radius:var(--largeBorderRadius)}
		.boxChiff.bleuformation{background-color:var(--colBleuFormation)}
		.boxChiff.orange{background-color:var(--colCtaOrange)}
		.flexChiff{display:flex;flex-flow:column nowrap;gap:0;justify-content:center;align-items:center;text-align:center;color:var(--colBlanc);padding:0 var(--space-16)}
			.ccle{flex:0 0 auto;width:100%;padding:var(--space-16) 0;border-bottom:1px solid var(--colBlanc);font-family:'Arsenal';font-weight:700;font-size:var(--fs40-30)}
			.cmention{flex:0 0 auto;width:100%;padding:var(--space-16) 0;border-top:1px solid var(--colBlanc);font-weight:500;font-size:13px}
		.mentionChiffres{font-size:var(--fs15-13);color:var(--colMentions);padding:0 var(--space-16)}
.obligation{width:100%;max-width:100%}
	.flexObligation{display:flex;flex-flow:row nowrap;gap:var(--space-16);justify-content:center;align-items:flex-start}
		.titObligation{flex:0 0 335px;padding:var(--space-16) 0 4px 0;background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
			.titObligation .titrage{max-width:none;padding:0 var(--space-16)}
		.imgObligation{flex:0 0 335px}
			.imgObligation img{max-width:335px}
		.arguObligation{flex:0 1 var(--rowA6);padding:var(--space-16);align-self:flex-end}
.fondVideoPres{width:100%;max-width:100%;background:radial-gradient(circle,rgba(16, 177, 196, 1) 10%, rgba(11, 73, 133, 1) 90%)}
		.flexVideo{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:center;align-items:center}
			.videoInsert{flex:0 0 var(--rowA6);position:relative}
				.videoInsert img.imgResp{border-bottom-right-radius:var(--largeBorderRadius)}
				.pushIcoVideo{position:absolute;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0}
				.pushIcoVideo img{flex:0 0 64px;max-width:64px}
			.videoContent{flex:0 0 var(--rowA6);padding:var(--space-32) var(--space-16);color:var(--colBlanc)}
				.videoContent p{font-size:var(--fs15-13)}
.presentationGroupe{width:100%;max-width:100%;background:linear-gradient(230deg,rgba(101, 196, 204, 1) 10%, rgba(65, 162, 171, 1) 90%)}
	.presentationGroupe .imgResp{border-bottom-right-radius:var(--largeBorderRadius)}
.partenariat{width:100%;max-width:100%}
	.fexPart{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:flex-start;align-items:stretch}
		.partImg{flex:0 0 var(--rowA4)}
			.partImg img{border-bottom-right-radius:var(--largeBorderRadius)}
		.partContent{flex:0 0 var(--rowA6);padding:var(--space-16)}
.chiffreCamp{width:100%;max-width:100%}
	.flexLiCamp{display:flex;flex-flow:row nowrap;gap:var(--space-16);justify-content:flex-start;align-items:stretch}
		.boxCamp{flex:0 0 var(--rowA3)}
		.boxCamp img{border-bottom-right-radius:var(--largeBorderRadius)}
.flexLiVid{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:center;align-items:center}
	.boxVid{flex:0 0 calc( (100% - var(--space-16)) / 2 );position:relative}
	.boxVid img{border-bottom-right-radius:var(--largeBorderRadius)}
	.boxVid img.pushIcoVid{position:absolute;display:block;width:40px;height:40px;top:50%;left:50%;transform:translate(-20px, -20px)}
.blocRegion{width:100%;max-width:100%}
	.flexRegion{display:flex;flex-flow:row wrap;gap:var(--space-24) var(--space-16);justify-content:flex-start;align-items:stretch}
		.rowRegion{flex:0 0 var(--rowA3)}
		.flexRegContent{display:flex;flex-flow:column nowrap;gap:0;height:100%;align-items:flex-start;justify-content:flex-start;text-align:center;overflow:hidden;border-bottom-right-radius:var(--largeBorderRadius); background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) var(--space-64), rgba(255, 255, 255, 1) 100%);}
			.flexRegContent.forNat{background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(235, 232, 220, 1) var(--space-64), rgba(235, 232, 220, 1) 100%)}
			.regImg{flex:0 0 auto;width:100%;position:relative;z-index:100}
				.regImg img{max-width:240px;margin:0 auto;border-radius:var(--borderRadius)}
				.regImg .mark{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);padding:6px 8px 2px 8px;white-space:nowrap;font-size:11px;font-weight:700;color:var(--colBlanc);text-transform:uppercase;background-color:var(--colCtaJaune);border:2px solid var(--colBlanc);border-radius:2px}
			.regTitre{flex:0 0 auto;width:100%;padding:var(--space-24) 8px 8px 8px}
				.regTitre h3{display:block;font-size:var(--fs20-17);line-height:1;text-transform:uppercase;font-weight:600}
				.regTitre h3 span{display:block;font-size:var(--fs15-13);line-height:1;text-transform:uppercase;font-weight:400}
			.regTexte{margin:0 0 auto 0;width:100%}
				.regTexte p{display:block;font-size:var(--fs15-13);padding:8px 16px;line-height:1.4}
			.regCta{flex:0 0 auto;width:100%;padding:8px}
			.regPicto{flex:0 0 auto;width:100%;position:relative;z-index:100}
			.regPicto .cadrePicto{max-width:180px;margin:0 auto;padding:20px;border-radius:var(--borderRadius);background-color:var(--colCtaJaune)}
				.cadrePicto img{max-height:52px;margin:0 auto}
			.regPicto .cadreDate{max-width:220px;margin:0 auto 8px auto;padding:20px 10px 16px 10px;border-radius:var(--borderRadius);background-color:var(--colCtaVermeil)}
				.cadreDate img{max-height:32px;margin:0 auto 4px auto}
				.cadreDate .h3Date{display:block;line-height:1;padding:8px 8px 0 8px;text-transform:uppercase;font-size:var(--fs20-17);font-weight:600;color:var(--colBlanc);text-align:center}
/* REASSURANCES */
.reassurance{width:100%;max-width:100%;background-color:var(--colBeigeFond);position:relative;overflow:hidden}
	.reaGouttes{position:absolute;top:50%;left:33%;transform:translate(-50%, -50%);width:660px;background-color:var(--colBeigeFond)}
		.reaGouttes img{display:block;width:100%;height:auto;mix-blend-mode:hard-light /* color-burn multiply color-dodge*/}
	.wrapperRea{width:100%;max-width:1420px;padding:var(--space-32) 16px;margin:0 auto;position:relative}
	.fexReass{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:flex-start;align-items:stretch}
		.reassImg{flex:0 0 var(--rowA4)}
			.reassImg img{border-bottom-right-radius:var(--largeBorderRadius)}
		.reassContent{flex:0 0 var(--rowA6);padding:var(--space-16);align-self:center}
	.fexReassBis{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:flex-start;align-items:stretch}
		.reassTitBis{flex:0 0 var(--rowA3);align-self:flex-start;text-align:right;padding-top:var(--space-32);order:10}
		.reassImgBis{flex:0 0 var(--rowA4);align-self:center;order:20}
			.reassImgBis img{border-bottom-right-radius:var(--largeBorderRadius)}
		.reassContentBis{flex:0 0 var(--rowA5);align-self:flex-end;padding:var(--space-16);order:30}
		.reassContentBis h2{display:none}
/* PUSHS */
.bigPoint{position:absolute;top:20px;left:12px;width:16px;height:16px;border-radius:50%}
	.bigPoint.couleurOr{background-color:var(--colCtaJaune)}
	.bigPoint.couleurForm{background-color:var(--colBleuFormation)}
	.bigPoint.couleurCncc{background-color:var(--colBleuCncc)}
	.bigPoint.couleurNoir{background-color:var(--colNoir)}
.pushs{width:100%;max-width:100%}
	.flex4Pushs{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:center;align-items:stretch}
	.blocPush{flex:0 0 var(--rowA3);background-color:var(--colBlanc);position:relative}
		.flexInPush{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;height:100%}
			.inPushTit{flex:0 0 auto;padding:var(--space-16) var(--space-16) var(--space-8) calc(var(--space-16) + 24px)}
				.inPushTit h3{display:block;font-weight:500;font-size:var(--fs22-18)}
			.inPushPara{display:block;margin:0 0 auto 0;padding:var(--space-8) var(--space-16) var(--space-8) calc(var(--space-16) + 24px)}
			.inPushCta{flex:0 0 auto;padding:var(--space-8) var(--space-16) var(--space-16) calc(var(--space-16) + 24px)}
			.inPushImg{flex:0 0 auto;background-color:var(--colBlancFond);width:100%;max-height:158px}
			.inPushImg img{border-bottom-right-radius:var(--largeBorderRadius)}
.pushAllAgenda{width:100%;max-width:100%}
	.flexAllPushs{display:flex;flex-flow:row wrap;gap:var(--space-32) var(--space-16);justify-content:flex-start;align-items:flex-start}
		.blocAllPush{flex:0 0 100%;background-color:var(--colBlanc);position:relative}
.pushsFond{width:100%;max-width:100%;background-color:var(--colBeigeFond);position:relative;overflow:hidden}
	.wrapperPush3{width:100%;max-width:1420px;padding:var(--space-32) 16px;margin:0 auto;position:relative}
	.pushGouttes{position:absolute;top:50%;left:20%;transform:translate(-50%, -50%);width:600px;background-color:var(--colBeigeFond)}
		.pushGouttes img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.flex3Pushs{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:center;align-items:stretch}
	.bloc3Push{flex:0 0 var(--rowA4);background-color:var(--colBlanc);position:relative;border-bottom-right-radius:var(--largeBorderRadius);overflow:hidden}
/* CONTACTS */
	.blocCrcc{display:inline-block;width:100%;padding:8px;margin-bottom:var(--space-32);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
		.crccTit{display:block;padding:10px 8px 6px 8px;border-radius:var(--borderRadius);line-height:20px;font-weight:600;text-transform:uppercase;font-size:var(--fs18-16);color:var(--colBlanc);background-color:var(--colBleuFormation)}
		.crccTxt{padding:var(--space-16) 8px 0 8px}
		.crccTxt p{line-height:1.4}
		.crccTxt p strong{display:block;font-weight:700;font-size:15px;border-bottom:1px solid var(--colGris);margin:8px 0 -10px 0}
		.crccTxt p a{white-space:nowrap;text-decoration:underline}
.modCarte{width:100%;max-width:100%}
	.flexCarte{display:flex;flex-flow:row nowrap;gap:var(--space-16)}
.flexiCrcc{display:flex;flex-flow:row wrap;gap:var(--space-16);align-items:stretch}
	.callFormation{flex:0 0 var(--rowA4)}
	.callCrcc{flex:0 0 var(--rowA8);position:relative}
	.modCrcc{display:block;width:100%;column-gap:var(--space-16);column-count:2}
.blocIrf{width:100%;max-width:100%}
.blocIrf .h2Gen{padding-top:var(--space-48);padding-bottom:var(--space-8);margin-bottom:var(--space-16);border-bottom:4px solid var(--colBleuFormation)}
	.flexIrf{display:flex;flex-flow:row wrap;gap:var(--space-16);align-items:stretch}
		.irf01,.irf03{flex:0 0 var(--rowA5);padding:8px 16px 0 16px;background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
		.irf02,.irf04{flex:0 0 var(--rowA7);padding:8px 16px 0 16px;background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
		.irf01 p, .irf02 p{display:block;padding:0 8px 16px 8px}
	strong.libC{display:block;font-weight:700;border-bottom:1px solid var(--colGris);margin:12px 0}
	.titComp{display:inline-block;padding:10px 8px 6px 8px;border-radius:var(--borderRadius);font-weight:600;line-height:18px;text-transform:uppercase;color:var(--colBlanc);background-color:var(--colBleuFormation)}
	.titComp + p{display:block;padding:8px 8px 24px 8px}
	.titComp + p a{white-space:nowrap;text-decoration:underline}
/* MAP SVG */
.st1, .st2 {fill: #dc8d75;}
.st3, .st4, .st2, .st5, .st6, .st7, .st8, .st9 {mix-blend-mode: multiply;}
.st3, .st10 {fill: #f8c1bc;}
.st4, .st11 {fill: #c5b49f;}
.st12, .st6 {fill: #9dbbab;}
.st13 {isolation: isolate;}
.st5, .st14 {fill: #f6e191;}
.st7, .st15 {fill: #f7b39b;}
.st16, .st9 {fill: #cbd8d3;}
.st17 {fill: #fff;}
.st18, .st8 {fill: #d3be7a;}
.colCarte svg{display:block;width:100%;max-width:940px;margin:0 auto}

/* CATALOGUE
========================================================================== */
.flexIntroCat{display:flex;flex-flow:row wrap}
	.rowIntroCat{flex:0 0 var(--rowA12);max-width:1024px;padding:var(--space-16) var(--space-16) var(--space-16) var(--space-32)}
		.rowIntroCat h1 strong{font-weight:inherit;text-transform:uppercase}
		.rowIntroCat span{display:block;font-size:12px;color:var(--colMentions);text-transform:uppercase;padding:8px 0}
		.rowIntroCat span strong{font-weight:500;color:var(--colNoir)}
		.rowIntroCat p{padding:0}
.flexFiltreCat{display:flex;flex-flow:row wrap}
	.rowContFi{flex:1 1 100%;padding:var(--space-16) 0 0 var(--space-32)}
.flexFormFiltre{display:flex;flex-flow:row wrap;gap:12px;background-color:var(--colBeigeFond);border-top-right-radius:var(--largeBorderRadius)}
	.filtreSelct, .filtreDate, .filtreCheck, .filtreButt{flex:0 0 100%}
	.filtreSelct, .filtreRadio{padding:var(--space-16) var(--space-16) 0 var(--space-16)}
	.filtreDate, .filtreCheck{padding:3px var(--space-16) 0 var(--space-16);line-height:1.1;font-size:var(--fs16-14);font-weight:500}
	.filtreButt{padding:var(--space-8) var(--space-16) var(--space-16) var(--space-16)}
	select.fiSelect{padding:8px var(--space-16) 4px var(--space-16);margin:0 var(--space-16) 0 0;font-size:15px;text-transform:uppercase;line-height:1;font-weight:500;background-color:var(--colBlancFond);border-radius:var(--borderRadius)}
	select.fiSelect:focus{outline:none}
	.fiCheck{display:inline-block;padding:4px 8px 2px 0;font-weight:500;line-height:1;font-size:15px}
		.fiCheck input, .fiCheck span{display:inline-block;vertical-align:middle}
		.fiCheck span{padding:4px 8px 0 6px;line-height:1;white-space:nowrap}
		.fiCheck span em{font-style:normal;font-size:14px;font-weight:600;color:var(--colBleuFormation)}
	input[type="checkbox"]{height:16px;width:16px}
	.btnFiltre{display:inline-block;padding:8px 12px 4px 12px;vertical-align:middle;align-items:center;margin:0 8px 0 0;font-size:16px;font-weight:500;text-transform:uppercase;border-radius:var(--borderRadius);line-height:1;white-space:nowrap;background-color:var(--colCtaJaune);color:var(--colBlanc);border:2px solid transparent;transition:all 0.3s ease}
	.btnFiltre:hover{background-color:var(--colBlanc);color:var(--colCtaJaune);border:2px solid var(--colCtaJaune);transition:all 0.3s ease}
	.flexFormFiltre .cta{display:inline-flex;margin-bottom:0;vertical-align:middle}
	.fiRadio{display:inline-block;padding:4px 8px 2px 0;font-weight:500;line-height:1}
		.fiRadio input, .fiRadio span{display:inline-block;vertical-align:middle}
		.fiRadio span{padding:4px 8px 0 6px;line-height:1;white-space:nowrap}
.flexIntroSingle{display:flex;flex-flow:row wrap}	
	.rowIntroCont{flex:0 0 100%;max-width:1056px;padding:var(--space-16)}
		.rowIntroCont span{display:block;font-size:13px;color:var(--colMentions);text-transform:uppercase;padding:8px 0}
		.rowIntroCont span strong{font-weight:600;color:var(--colNoir)}
		.singleBadges{display:flex;flex-flow:row wrap;gap:var(--space-16)}
		.blocBadges{flex:0 0 155px;position:relative}
	.mimiListe{display:flex;flex-flow:row wrap;gap:8px var(--space-32);padding:var(--space-16) var(--space-16) 0 var(--space-16)}
		.mimiListe li{flex:0 0 auto;display:flex;flex-flow:row nowrap;font-size:13px;font-weight:500;color:var(--colNoir)}
		.mimiListe li span{flex:0 0 auto}
			.mimiListe li span strong{display:block;line-height:normal;padding:4px 8px 2px 8px;background-color:var(--colNoir);border-radius:var(--borderRadius);color:var(--colBlanc)}
		.mimiListe li em{flex:0 1 auto;font-style:normal;padding:4px 8px 2px 8px}
.blocSingleContent{padding:var(--space-16) var(--space-16) 24px var(--space-16);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
span.h3Gen{display:block;font-weight:600;font-size:var(--fs18-16);padding:3px 12px 0 8px;margin:16px 0;border-left:4px solid var(--colNoir);line-height:1.1}
.cContent{padding-bottom:var(--space-16)}
.cContent:last-child{padding-bottom:0}
.cContent p{display:block;padding-bottom:var(--space-16)}
p.soustitre{font-size:var(--fs18-16);font-weight:600;color:var(--colNoir)}
.cContent > p:last-child{padding-bottom:0}
.cContent p strong, .cContent strong{font-weight:700}
.cContent em{font-style:italic;font-weight:inherit}
.cContent p a, .cContent a{font-weight:500;text-decoration:underline;text-decoration-color:var(--colBleuFormation)}
.cContent ul{display:block;padding-bottom:var(--space-16)}
.cContent ul:last-child{padding-bottom:0}
.cContent ul li{position:relative;display:block;padding:4px 0;margin-left:12px}
.cContent ul li::before{display:block;position:absolute;top:5px;left:-13px;content:"\2022\00a0";font-weight:700}
.cContent ul li ul{display:block;padding:0 0 6px 2px}
.cContent ul li ul li{position:relative;display:block;padding:2px 0;margin-left:12px}
.cContent ul li ul li::before{display:block;position:absolute;top:5px;left:-13px;content:"\2014\00a0";font-weight:700}
.cPrerequi p:first-child{padding-bottom:var(--space-16)}
.cPrerequis p.styleita{display:block;padding:8px 8px 12px 12px;font-size:var(--fs16-14);font-weight:600;color:var(--colNoir);font-style:italic;background-color:var(--colBlancFond)}
	.blocSingleInfos{padding:var(--space-8) var(--space-8) 24px var(--space-8);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
	.flexinfo{display:flex;flex-flow:row wrap;gap:0}
		.baseBadge, .baseInscrip{flex:0 0 100%}
	.referenceForm{margin-bottom:8px}
		.badgeRef{display:flex;padding:6px 4px;border-radius:var(--borderRadius);align-items:center;background-color:var(--colBleuFormation)}
			.badgeRef .icoBadge{flex:0 0 32px;padding:4px}
			.badgeRef .icoBadge img{max-width:none;height:18px}
			.badgeRef .titBadge{flex:1 0 auto;padding:6px 4px 2px 4px;line-height:1;white-space:nowrap;color:var(--colBlanc);font-size:var(--fs15-13);text-transform:uppercase;font-weight:600}
			.badgeRef .titInterne{flex:1 1 auto;padding:6px 4px 2px 4px;line-height:1;color:var(--colBlanc);font-size:var(--fs15-13);text-transform:uppercase;font-weight:600}
		.listInfo{display:block;padding:var(--space-8) 0 0 0;font-size:15px}
			.listInfo .intitPara{display:block;padding:4px 0 12px 0;font-weight:400}
			.listInfo .intit{display:block;font-size:14px;font-style:italic;color:var(--colMentions);padding:6px 0 0 0;border-bottom:1px solid var(--colGris)}
			.listInfo .infosfiche{display:block;padding:4px 0 12px 0;font-weight:500}
			.listInfo .infosfiche:last-child{padding-bottom:0}
				.listInfo .infosfiche ul li{position:relative;display:block;padding:2px 0;margin-left:12px}
				.listInfo .infosfiche ul li::before{display:block;position:absolute;top:3px;left:-13px;content:"\2022\00a0";font-weight:500}
				.blocSingleInterne{padding:var(--space-8);margin-top:16px;background-color:var(--colBlanc);border-radius:var(--borderRadius)}
				.blocSingleInterne .referenceForm{margin-bottom:0}
				.blocSingleInscript{padding:var(--space-8) var(--space-8) 24px var(--space-8);margin-top:16px;background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
	.fieldSess{display:block;width:100%;padding:8px}
		.legSess{padding:8px;margin:0 auto}
		label.labelSession{display:block;padding:0 0 4px 0;font-size:13px;text-align:right;line-height:1.1;font-weight:500}
		p.labelSessionElearn{display:block;text-align:center;padding:0 8px 12px 8px;font-size:13px;line-height:1.1;font-weight:500}
		select.selectSession{padding:var(--space-8) var(--space-8) 4px var(--space-8);margin:0 0 var(--space-16) 0;font-size:14px;line-height:1;font-weight:500;background-color:var(--colBeigeFond);border-radius:var(--borderRadius)}
		select.selectSession.fiche{}
		.metaLieu{font-size:14px}
	.fieldSess select{width:100%;overflow:hidden}
.modulecatalogue{width:100%;max-width:100%}
	.flexCatalogue{display:flex;flex-flow:row wrap;gap:var(--space-16);justify-content:flex-start;align-items:stretch;padding-top:var(--space-16)}
		.rawCataContent{flex:0 0 var(--rowA9);padding:0}
		.rawCataInfos{flex:0 0 var(--rowA3);padding:0}
			.blocInfosCat{padding:var(--space-16);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
				ul.listeBadge{display:block;padding:0 0 0 11px}
				ul.listeBadge li{position:relative;display:block;padding:2px 0;margin-left:-6px;font-size:14px;line-height:1.15}
				ul.listeBadge li::before{display:block;position:absolute;top:0;left:-6px;content:"\2022\00a0";font-weight:600;font-size:var(--fs16-14);line-height:normal}
				ul.listeBadge li span{display:inline-block;padding-left:6px}
				ul.listeBadge li.propri{display:inline-block;background-color:var(--colGris);font-weight:500;padding:4px 6px 2px 6px}
			hr.infohr{display:block;width:100%;height:1px;border:0;border-top:1px solid var(--colGris);margin:16px auto}
			hr.tariffhr01{display:block;width:100%;height:1px;border:0;border-top:1px solid var(--colNoir);margin:16px auto 12px auto}
			hr.tariffhr02{display:block;width:100%;height:1px;border:0;border-top:1px solid var(--colNoir);margin:12px auto 16px auto}
			.infosTime{position:relative;display:inline-flex;flex-flow:row nowrap;border-radius:var(--borderRadius);overflow:hidden;box-shadow:var(--shadowBadge)}
				.infosPictoTime{flex:0 0 auto;padding:var(--space-16);background-color:var(--colBleuFormation)}
					.infosPictoTime img{max-width:none;height:22px}
				.foramtionTime{flex:1 0 auto;padding:var(--space-16);background-color:var(--colBeigeDate);color:var(--colNoir);line-height:1;font-weight:700;font-size:var(--fs24-20)}
			.infosFormat{display:block;padding:0}
				.infosFormat li{display:flex;flex-flow:row nowrap;gap:var(--space-16);padding:2px 0;font-size:14px;line-height:1.15}
					.labFormat{flex:0 0 73px;font-size:14px;color:var(--colMentions)}
					.itemFormat{flex:0 0 auto;font-size:14px;font-weight:600}
			.infosTarif{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}
				.infosTarif span{flex:0 0 auto;padding-right:var(--space-16)}
				.infosTarif strong{flex:0 0 auto;font-weight:700;font-size:var(--fs24-20)}
			.infosLeg{display:block;width:100%;font-style:italic;text-align:center;font-size:11px;line-height:1.2;padding:8px 0 0 0}
			.blocInfosCat .cta{margin:16px 0 8px 0}
		.forContent{display:flex;flex-flow:row nowrap;width:100%}
			.forBad{flex:0 0 155px;position:relative;z-index:1000;padding-top:var(--space-16)}
				.badge{display:flex;flex-flow:row nowrap;padding:6px 4px;border-radius:var(--borderRadius);align-items:center;border-bottom-right-radius:var(--largeBorderRadius);margin-bottom:8px;box-shadow:var(--shadowBadge)}
					.badge .icoBadge{flex:0 0 auto;padding:4px}
					.badge .icoBadge img{max-width:none;height:18px}
					.badge .titBadge{flex:1 0 auto;padding:6px 4px 2px 4px;line-height:1;white-space:nowrap;color:var(--colBlanc);font-size:14px;text-transform:uppercase;font-weight:500}
				.badge.badgeNew{background-color:var(--colNouveau)}
				.badge.badgeCertif{background-color:var(--colBleuCncc)}
				.badge.badgePrio{background-color:var(--colCtaVermeil)}
				.badge.badgeObligatoire{background-color:var(--colObligatoire)}
			.forTxt{flex:0 0 calc(100% - var(--space-32));margin-left:calc(0px - (155px - var(--space-32)));padding:var(--space-16) var(--space-16) var(--space-16) calc(155px - var(--space-8));background-color:var(--colBlanc)}
			.forSession{display:flex;flex-flow:row nowrap;width:100%;padding-left:var(--space-32)}
			.blocssessions{flex:0 0 100%;padding:var(--space-16) 0 8px 0;background-color:var(--colBlanc)}
				.session{display:flex;flex-flow:row wrap}
					.libDates{flex:0 0 100%;padding:2px;text-align:right;font-size:10px;font-weight:600}
					.libSess{flex:0 0 100%;padding:8px 0;border-top:2px solid var(--colGris)}
						.flexTitSess{display:flex;flex-flow:row nowrap;justify-content:space-between;gap:8px}
							.titSess{flex:1 0 auto}
							.titSess h2{display:block;padding:2px 8px 0 8px;border-left:4px solid var(--colBleuFormation);text-transform:uppercase;font-size:var(--fs18-16);font-weight:600}
							.moinPlus{flex:0 0 20px}
					.listeSess{flex:0 0 100%;padding:8px 0;background-color:var(--colBlancFond)}
					.listeSess p{display:block;padding:4px 8px;font-size:14px;font-weight:500;color:var(--colNoir);font-style:italic}
					.listeSess ul{display:flex;flex-flow:row wrap;gap:8px;padding:0 8px}
					.listeSess ul li{flex:0 0 calc((100% - 16px) / 2 );position:relative;padding:6px 10px 3px 16px;font-size:15px;font-weight:600;line-height:1.15;border-radius:var(--borderRadius);color:var(--colNoir);background-color:var(--colBeigeFond);transition:all 0.3s ease 0.3s}
					.listeSess li:hover{background-color:var(--colBleuFormation);color:var(--colBlanc);transition:all 0.3s ease}
			.blocMessage{flex:0 0 100%;padding:var(--space-16) 0 8px 0;background-color:var(--colBlanc)}
				.messageWebinaire{padding:12px 12px 8px 12px;font-weight:500;text-align:center;color:var(--colBlanc);background-color:var(--colBleuFormation);border-radius:var(--borderRadius)}

.flexiAll{display:flex;flex-flow:row wrap;gap:var(--space-32);padding-top:var(--space-32)}
	.rowAll{flex:0 0 100%;padding:0 var(--space-32)}
		.rowAll h2.allliste{display:block;padding:4px 8px 0 8px;border-left:4px solid var(--colBleuFormation);text-transform:uppercase;font-size:var(--fs18-16);font-weight:600;margin-bottom:var(--space-16)}
			.listeFormationsSimple{display:flex;flex-flow:row wrap;gap:4px}
				.ligneFormationSimple{flex:0 0 100%;display:flex;flex-flow:row nowrap;gap:4px;padding:8px 8px 4px 8px;background-color:var(--colBlanc);border-radius:var(--borderRadius);transition:background-color 0.3s ease 0.5s}
				.ligneFormationSimple:hover{background-color:var(--colBeigeFond);transition:background-color 0.3s ease}
					.urlFormationSimple{flex:1 1 auto;padding:4px 0;display:flex;flex-flow:row nowrap}
					a.titreFormation{flex:1 1 auto;font-weight:500}
					a.titreFormation:hover{text-decoration:underline}
					.metaFormation{flex:0 0 200px;display:flex;flex-flow:row nowrap;gap:0}
						.metaPrix{flex:0 0 50%;padding:2px;font-weight:600;font-size:var(--fs18-16);text-align:right}
						.metaDuree{flex:0 0 50%;padding:2px;font-weight:600;font-size:var(--fs18-16);text-align:right}
					.metaFormation span{font-size:var(--fs15-13)}
					.metaOrga{flex:0 0 1px}
.noForma{width:100%;padding:var(--space-64) var(--space-32) var(--space-64) var(--space-16)}
.noForma .titrage{padding-top:var(--space-16);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
.preambule p{display:block}
.preambule a{font-weight:500;text-decoration:underline;text-decoration-color:var(--colBleuFormation)}
.preambule strong{font-weight:700}
.preambule em{font-style:italic;font-weight:inherit}
.preambule ul{display:block;padding-bottom:var(--space-16)}
.preambule ul li{position:relative;display:block;padding:4px 0;margin-left:12px}
.preambule ul li::before{display:block;position:absolute;top:5px;left:-13px;content:"\2022\00a0";font-weight:700}


/* SINGLE ACTU
========================================================================== */
.blocIntroActu{width:100%;max-width:1122px;padding:var(--space-16) var(--space-16) var(--space-16) 0}
	.actuTitrage{display:flex;width:100%;flex-flow:row nowrap;gap:var(--space-16)}
		.actuIco{flex:0 0 90px;background-color:var(--colCtaVermeil);border-radius:var(--borderRadius);position:relative}
			.actuIco img{display:block;width:42px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
		.actuH1{flex:0 0 calc(100% - 90px)}
			.actuH1 span{display:block;padding:8px 0 4px 0;text-transform:uppercase;font-weight:400;font-size:14px}
			.actuH1 span time{font-weight:600}
			.actuH1 .h1Gen{padding-bottom:8px}
.flexSingleActu{display:flex;flex-flow:row nowrap;gap:var(--space-16);align-items:stretch;position:relative}
	.colActus{flex:0 0 var(--rowA8);padding:var(--space-16) var(--space-16) var(--space-8) var(--space-16);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
		span.menAvant{display:block;font-weight:700;font-size:var(--fs18-16)}
		hr.sepActu{display:block;width:100%;height:1px;border:0;margin:0 0 var(--space-16) 0;border-top:1px solid var(--colMentions)}
		.blocVidCenter, .blocVidLeft{padding:var(--space-24) 0}
		.blocVidCenter .blocVideo{margin:0 auto} 
		.blocVidLeft .blocVideo{margin:0}
			.blocVideo{width:100%;max-width:640px;height:auto;overflow:hidden}
			.videoType{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}
			.videoType.videoPhone{width:auto;height:85vh;padding:0}
			.videoType iframe, .videoType object, .videoType embed{position:absolute;top:0;left:0;width:100%;height:100%}
		.imgActu{width:100%;max-width:100%;padding:var(--space-24) 0}
			.imgOn, .imgOncentered{margin:0 auto}
			.imgOnleft{margin:0}
			.imgOnright{margin:0 0 0 auto}
		.gridmurimg{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, auto));grid-gap:var(--space-16);grid-auto-flow:row dense}
			.gridmurimg li{position:relative;overflow:hidden}
			.gridmurimg li img{position:relative;display:block;object-fit:cover;object-position:center;width:100%;height:100%}
			.gridmurimg li.land{grid-column-end:span 2}
			.gridmurimg li.landMax{grid-column-end:span 3;grid-row-end:span 2}
			.gridmurimg li.port{grid-row-end:span 2}
	.colAgenda{flex:0 0 var(--rowA4);padding:var(--space-24) 0 0 0;position:relative}
		.flexActuAgenda{position:sticky;top:140px;display:flex;flex-flow:column nowrap;gap:var(--space-24);background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius)}
.bigLink{display:flex;flex-flow:row nowrap;gap:var(--space-8);align-items:center;padding:var(--space-8);border-radius:var(--borderRadius);background-color:var(--colBeigeFond);margin-top:var(--space-16);margin-bottom:var(--space-32)}
	.bigLink .bigPoint{flex:0 0 18px;margin-left:6px;position:relative;top:initial;left:initial;width:18px;height:18px;border-radius:50%;background-color:var(--colCtaJaune)}
	.bigLink a{flex:0 0 auto;padding:4px var(--space-8) 2px var(--space-8);font-weight:700;font-size:var(--fs18-16);text-decoration:underline}
/* Liste de liens */
.grandeliste{padding:4px var(--space-24) 12px 15px}
.grandeliste ul{display:block;padding:0 0 calc(var(--space-16) - 2px) 11px}
.grandeliste ul li{position:relative;display:block;padding:4px 0;line-height:1.15}
.grandeliste ul li::before{display:block;position:absolute;top:3px;left:-11px;content:"\2022\00a0";font-weight:700;font-size:var(--fs16-14);line-height:normal}
.grandeliste ul li a{text-decoration:underline;font-weight:500}
.grandeliste ul li a:hover{color:var(--colBleuFormation)}
/* NextPrev */
.blocNextPrev{width:100%;max-width:100%}
	.flexNextPrev{display:flex;flex-flow:row nowrap;gap:var(--space-16);justify-content:space-between}
		.rowPrev, .rowNext{flex:0 0 auto}
		.flexLinkPost{display:flex;flex-flow:row nowrap;gap:var(--space-16);width:100%;max-width:500px}
			.linkPostImg{flex:0 0 auto;background-color:var(--colCtaOrange);padding:8px}
				.linkPostImg img{display:block;width:16px;height:auto}
			.linkPostLink{flex:0 1 auto}
				.linkPostLink a{display:initial;font-size:var(--fs15-13)}
				.linkPostLink span{display:block;text-decoration:underline;font-size:14px;font-weight:500}
				.linkPostLink strong{font-weight:600}

/* FOOTER 
========================================================================== */
footer{width:100%}
.footerFx{width:100%;max-width:100%;padding-top:var(--space-64);background:linear-gradient(180deg,rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%)}
.mainFooter{width:100%;max-width:100%;padding:0 0 var(--space-64) 0;background:linear-gradient(180deg,rgba(255, 255, 255, 1) 25%, rgba(235, 235, 235, 1) 95%)}
	.blocFooter{width:100%;padding-left:16px;padding-right:16px}
	.wrapperFooter{width:100%;max-width:1388px;margin:0 auto;font-size:var(--fs15-13)}
		.flexFooter{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;gap:var(--space-16);padding:var(--space-16) 0}
			.footerInfos, .footerLogo, .footerLinks, .footerCta{flex:0 0 var(--rowA4)}
			.footerLogo{padding:0 var(--space-16);order:10}
				.footerLogo img{max-width:200px;margin:0 0 0 auto}
			.footerCo{flex:0 0 var(--rowA3);padding:0 var(--space-16);order:20}
			.footerCta{padding:0 var(--space-16);order:30}
			.fMarge{flex:0 0 100%;height:var(--space-16);order:40}
			.footerInfos{padding:0 var(--space-16);order:50}
				.fAdress, .fCont{text-align:right}
					.fCont{padding-top:8px}
					.fCont a:hover{text-decoration:underline;color:var(--colBleuFormation);cursor:pointer}
			.footerJinius{flex:0 0 var(--rowA3);order:60;padding:0 var(--space-16);font-size:14px;line-height:1.333}
			.footerJinius p{display:block;padding:8px 0;font-size:13px}
			.footerJinius p:last-child{padding-bottom:0}
				.footerJinius img{display:block;width:100%;max-width:90px;margin:0 0 8px 0}
			.footerLinks{line-height:1;padding:0 var(--space-16);order:70}
				.fListe{padding:0}
					.fListe li{position:relative;display:block;padding:3px 0}
					.fListe li::before{display:block;position:absolute;top:1px;content:"\2022\00a0";font-weight:700;font-size:var(--fs16-14);line-height:normal}
					.fListe li a{display:block;padding-left:11px;line-height:1.1}
					.fListe li a:hover{text-decoration:underline;color:var(--colBleuFormation);cursor:pointer}
		.fReseau{width:100%}
		.fReseau a{display:block;width:46px;height:46px;margin:0 auto}
			.fReseau img{display:block;width:46px;height:46px}
.finFooter{width:100%;padding:var(--space-16);color:var(--colBlanc);font-size:14px;font-weight:400;text-align:center;background-color:var(--colBleuCncc)}

/* MENUMOBILE
========================================================================== */
.menuhBackground{position:fixed;opacity:0;z-index:-1;top:0;right:0;left:0;bottom:0;overflow:hidden;background:var(--linearMenuMob)}
	.menuMobWrapper{width:100%;position:relative;max-width:1024px;height:100%;margin:0 auto;overflow:hidden}
	.menuMain{position:absolute;transform:translateX(-50%);z-index:9801;top:0;left:50%;width:calc(100% - 32px);max-width:788px;height:100vh;overflow:hidden}
		.goMenu{display:flex;flex-flow:column nowrap;width:100%;height:100%;justify-content:space-between}
			.menuMobHead{flex:1 0 auto;min-height:120px;padding:var(--space16) 0;position:relative}
			.menuMobContent{flex:0 1 auto;overflow-x:hidden;overflow-y:auto;background-color:var(--colBlanc);border-bottom-right-radius:var(--largeBorderRadius);border:24px solid var(--colBlanc)}
			.mobLabel{display:block;font-size:var(--fs20-17);font-weight:600;text-transform:uppercase;border-radius:var(--borderRadius);padding:6px 2px 2px 6px;background-color:var(--colCtaJaune);color:var(--colBlanc)}
				.mobListe{display:block;padding:6px 0 var(--space-16) 0}
				.mobListe li{display:block}
				.mobListe li a{display:block;padding:3px 4px 2px 4px;transition:background-color 0.3s ease, color 0.3s ease}
				.mobListe li a:hover, .mobListe li.current-menu-item > a{background-color:var(--colCtaJaune);color:var(--colBlanc);transition:background-color 0.3s ease, color 0.3s ease}
			.mobLabelCata{display:block;font-size:var(--fs20-17);font-weight:600;text-transform:uppercase;border-radius:var(--borderRadius);padding:6px 2px 2px 6px;background-color:var(--colBleuFormation);color:var(--colBlanc)}
				.mobListeCata{display:block;padding:6px 0 var(--space-16) 0}
				.mobListeCata li{display:block}
				.mobListeCata li a{display:block;padding:3px 4px 2px 4px;transition:background-color 0.3s ease, color 0.3s ease}
				.mobListeCata li a:hover, .mobListeCata li.current-menu-item > a{background-color:var(--colBleuFormation);color:var(--colBlanc);transition:background-color 0.3s ease, color 0.3s ease}
			.mobListe li a::before, .mobListeCata li a::before{content:"\2022\00a0";}
			.menuMobEnd{flex:1 0 auto;min-height:32px;padding:4px;position:relative}
				#animamouse{display:none}
				#animamouse.visiMouse{display:block}
				.aniMouse{position:absolute;left:calc(50% - 12px);bottom:8px}
					@keyframes scroll { 0% {transform: translateY(10px);} 30% {transform: translateY(100px) }}
					svg #wheel{animation: scroll ease 1.5s infinite}


/* TRANSITIONS BURGER OKK
========================================================================== */
.hamburger{padding:0;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger-box{width:36px;height:36px;padding:0;display:inline-block;position:relative;margin:0 auto}
.hamburger-inner{display:block;top:50%}
.hamburger-inner,.hamburger-inner::before, .hamburger-inner::after{width:32px;height:2px;background-color:var(--colNoir);position:absolute;transition:transform 0.15s ease}
.hamburger-inner::before,.hamburger-inner::after{content:'';display:block}
.hamburger-inner::before{top:-9px;transition:top 0.3s ease}
.hamburger-inner::after{bottom:-9px;transition:bottom 0.3s ease}
.hamburger--spin-r .hamburger-inner{transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.hamburger--spin-r .hamburger-inner::before{transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in}
.hamburger--spin-r .hamburger-inner::after{transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.hamburger--spin-r.is-active .hamburger-inner{transform: rotate(-225deg);transition-delay: 0.14s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);background-color:var(--colNoir)}
.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;background-color:var(--colNoir)}
.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform: rotate(90deg);transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);background-color:var(--colNoir)}

/* MEDIA QUERIES
========================================================================== */
/* max 1280px */
@media screen and (max-width:80em){
.boxChiff{flex:0 0 calc(var(--rowA3) + 1px)}
.flexObligation{flex-flow:row wrap;justify-content:flex-start;align-items:center}
.titObligation{flex:0 0 100%;padding:var(--space-16) 0;background-color:transparent;border-bottom-right-radius:0}
.titObligation .titrage{max-width:var(--rowA9)}
.titObligation .titrage p{padding-bottom:0} .titObligation .titrage p br{display:none}
.imgObligation{flex:0 0 335px}
.arguObligation{flex:0 0 var(--rowA7);padding:var(--space-16) var(--space-16) 4px var(--space-16);align-self:flex-end}
.partContent{flex:0 0 var(--rowA7)}
.rawCataContent{flex:0 0 var(--rowA8);padding:0}
.rawCataInfos{flex:0 0 var(--rowA4);padding:0}
}

/* max 1152px */
@media screen and (max-width:72em){
.rowRegion{flex:0 0 var(--rowA4)}
.regTexte p{padding:8px 16px}
.irf01,.irf03,.irf02,.irf04{flex:0 0 var(--rowA6)}
.flexCatalogue{gap:0;padding-top:var(--space-32)}
.flexCatalogue.flexInTop{padding-top:var(--space-16)}
.rawCataContent{flex:0 0 100%;padding:0}
.rawCataInfos{flex:0 0 100%;padding:0}
.blocSingleInfos.infosDet{background:var(--linearMenuMob);box-shadow:var(--boxShadows)}
.flexinfo{display:flex;flex-flow:row wrap;gap:var(--space-32);padding:var(--space-24) 8px var(--space-16) 8px}
.baseBadge, .baseInscrip{flex:0 0 calc( (100% - var(--space-32) ) / 2 )}
.blocSingleContent{border-bottom-right-radius:0}
.blocInfosCat{padding:0 0 0 calc(155px - var(--space-8));margin-left:var(--space-32);background:var(--linearMenuMob);box-shadow:var(--boxShadows)}
span.fexiDiviseur{display:flex;flex-flow:row nowrap;gap:var(--space-32);align-items:flex-start;padding:var(--space-32) 0}
span.diviseur1, span.diviseur2{flex:0 0 calc( (100% - var(--space-32) ) / 2 ) }
hr.tariffhr01{margin-top:0}
span.diviseur2{padding:0 var(--space-24)}
}

/* max 1024px BREAK MENU */
@media screen and (max-width:64em){
body.lockscroll{overflow:hidden}
#menutech{display:block}
.flexMenuPrincipal{align-items:center}
.menuConnexion{flex:0 0 auto;padding-bottom:0}
.navMenuBurger{display:block}
.flexNavJinius,.flexAide, .menuNav{display:none}
.partContent{flex:0 0 var(--rowA8)}
.reassContent{flex:0 0 var(--rowA8)}
.reassTitBis{flex:0 0 100%;text-align:left;padding-top:0}
.reassContentBis{flex:0 0 var(--rowA7);align-self:center}
.fexReassBis{padding:0 16px}
.flex4Pushs{gap:var(--space-32) var(--space-16)}
.blocPush{flex:0 0 var(--rowA6)}
.inPushImg{width:100%;max-height:220px}
.bloc3Push{flex:0 0 var(--rowA6)}
.modCrcc{column-count:1}
.callFormation{flex:0 0 var(--rowA6)}
.callCrcc{flex:0 0 var(--rowA6)}
.listeActuAcc{flex:0 0 100%;padding:var(--space-48) var(--space-16) 0 var(--space-16);order:20}
.listeAgenAcc{flex:0 0 100%;padding:0 var(--space-16) var(--space-16) var(--space-16);order:10}
.eventImage{display:none}
.flexAgenda{display:flex;flex-flow:row wrap;gap:0 var(--space-16);background-color:transparent;border-bottom-right-radius:0;height:auto;width:100%;justify-content:flex-start;align-items:stretch}
.agendaEvent{flex:0 0 calc( (100% - var(--space-16)) / 2 );width:inherit;margin-top:16px;padding:var(--space-16) var(--space-8);transition:none}
.agendaEvent{width:initial;padding:var(--space-16) var(--space-8);background-color:var(--colBlanc)}
.blocAnimRegion{flex:0 0 calc(var(--rowA4) + var(--space-16));border-right:var(--space-16) solid transparent}
.flexFooter{justify-content:center}
.footerLogo, .footerCo, .footerCta, .footerInfos, .footerJinius, .footerLinks{flex:0 0 var(--rowA6)}
.footerInfos{order:20} .fAdress, .fCont{text-align:left}
.footerCo{order:30} .footerJinius{order:40}
.footerCta{order:50} .footerLinks{order:60}
.footerJinius p{max-width:380px}
.fMarge{flex:0 0 100%;order:25}
.footerCo, .footerCta{text-align:right}
.footerCta .cta{display:inline-flex;align-items:center}
}

/* max 960px BREAK MENU */
@media screen and (max-width:60em){
h1,h2,h3,h4{text-wrap:initial}
.blocIntroduction, .titrage, .titObligation .titrage{max-width:100%}
.flexIntro{flex-flow:row wrap;gap:0;align-items:flex-start}
.colIntro01, .colIntro03{flex:0 0 100%;padding:var(--space-16) var(--space-16) 0 var(--space-16);border-bottom-right-radius:0}
.colIntro02{flex:0 0 100%;padding:0 var(--space-16) 4px var(--space-16)}
.colIntro04, .colIntro06{flex:0 0 100%;text-align:center}
.colIntro05{flex:0 0 100%;padding:0 var(--space-16) 0 var(--space-16);border-bottom-right-radius:0}
.colIntro02.bkgBeige{padding-top:var(--space-16)}
.colIntro04 img.imagepresidence{max-width:452px;margin:16px auto 0 auto}
.colIntro06 img.imageAcc{max-width:452px;margin:16px auto 0 auto}
.flexObligation{align-items:flex-start}
.imgObligation{flex:0 0 var(--rowA4)}
.arguObligation{flex:0 0 var(--rowA8);padding:var(--space-16)}
.partImg{flex:0 0 var(--rowA5)}
.partContent{flex:0 0 var(--rowA7)}
.flexVideo{gap:0}
.videoInsert{flex:0 0 100%;padding-top:var(--space-32)}
.videoInsert img.imgResp{max-width:640px;margin:0 auto}
.videoContent{flex:0 0 100%;padding:var(--space-32);text-align:center}
.videoContent .cta{display:inline-flex;align-items:center}
.rowRegion{flex:0 0 var(--rowA6)}
.regTitre{padding:var(--space-32) 8px 8px 8px}
.rowIntroCat{padding:var(--space-16)}
.rowContFi{padding:var(--space-16) 0 0 var(--space-16)}
.forBad{flex:0 0 46px}
.forTxt{flex:0 0 calc(100% - var(--space-16));margin-left:calc(0px - (46px - var(--space-16)));padding:var(--space-16) var(--space-16) var(--space-16) 46px}
.badge{width:38px;padding:6px;justify-content:center;border-bottom-right-radius:0;border-radius:50%;margin-bottom:8px}
.badge .icoBadge{flex:0 0 auto;padding:4px}
.badge .icoBadge img{max-width:none;height:18px}
.badge .titBadge{display:none}
.blocInfosCat{padding:0 var(--space-32);margin-left:var(--space-16)}
select.fiSelect{margin:0 var(--space-16) 8px 0}
.flexFormFiltre{gap:8px}
.mimiListe li{flex:0 1 auto}
}

/* max 800px */
@media screen and (max-width:50em){
.boxChiff{flex:0 0 var(--rowA4)}
.partImg{flex:0 0 100%}
.partImg img{max-width:280px}
.partContent{flex:0 0 100%;padding:var(--space-16) 0}
.flexiCrcc{gap:0}
.modCrcc{column-count:2}
.callFormation, .callCrcc{flex:0 0 100%}
.blocIrf .h2Gen{padding-top:var(--space-64);padding-left:var(--space-16);font-size:var(--fs34-24);padding-right:var(--space-16)}
.flexIrf{gap:0}
.irf01,.irf03,.irf02,.irf04{flex:0 0 100%;border-bottom-right-radius:0}
.irf01 p, .irf02 p{padding:0 8px 8px 0}
.titComp + p{display:block;padding:8px 8px 32px 0}
.irf04{border-bottom-right-radius:var(--largeBorderRadius)}
.agendaEvent{flex:0 0 100%}
.prezActu{flex:0 0 100%}
.fexReass{align-items:flex-start}
.reassContent{padding:0 var(--space-16);align-items:flex-start}
.fexReassBis{gap:0}
.reassImgBis{flex:0 0 100%;padding:var(--space-16) 0;order:9}
.reassImgBis img{max-width:280px}
.reassTitBis{padding:0;order:19}
.reassContentBis{flex:0 0 100%;padding:0}
.fexReassBis{padding:0 var(--space-16)}
span.diviseur2{padding:0 var(--space-12)}
}

/* max 768px */
@media screen and (max-width:48em){
.blocAnimRegion{flex:0 0 calc(var(--rowA6) + var(--space-16));border-right:var(--space-16) solid transparent}
.footerLogo, .footerCo, .footerCta, .footerInfos, .footerJinius, .footerLinks{flex:0 0 100%;padding:0;text-align:center}
.footerLogo img{margin:0 auto 8px auto}
.fAdress, .fCont{text-align:center}
.footerCo, .footerCta{text-align:center}
.footerJinius img{margin:8px auto}
.footerJinius{padding-bottom:var(--space-32)}
.footerJinius p{max-width:420px;margin:0 auto}
.footerJinius p:last-child{padding-top:0}
.footerCta .cta{display:inline-flex;align-items:center}
.fListe li::before{content:""}
.fListe li a{display:inline-block;padding-left:0}
.footerCo .cta, .footerCta .cta{display:flex;margin:0 8px 8px 0}
.flexinfo{gap:0;padding:var(--space-16) 8px 0 8px}
.baseBadge, .baseInscrip{flex:0 0 100%}
span.fexiDiviseur{flex-flow:row wrap;gap:var(--space-32);padding:var(--space-32) 0}
span.diviseur1, span.diviseur2{flex:0 0 100%}
hr.tariffhr01{margin-top:16px}
span.diviseur2{padding:0}
.listeSess ul li{flex:0 0 100%}
}

/* max 640px */
@media screen and (max-width:40em){
h1,h2,h3,h4{text-wrap:wrap}
.moduleHomeActu{margin-top:var(--space-16);}
.imgObligation, .arguObligation{flex:0 0 100%;padding:var(--space-16)}
.imgObligation img{margin:0;max-width:220px}
.videoContent{padding:var(--space-32) var(--space-16)}
.modCrcc{column-count:1}
.colIntro05, .titrage, .listeAgenAcc{padding:0}
.listeActuAcc{padding:var(--space-32) 0 0 0}
.blocPush{flex:0 0 var(--rowA10)}
.bloc3Push{flex:0 0 var(--rowA11)}
.wrapperRea{padding:var(--space-32) 0}
.fexReass{gap:var(--space-32)}
.reassImg, .reassContent{flex:0 0 100%;padding:0 var(--space-16)}
.reassImg img{width:100%;max-width:280px;height:auto;object-fit:contain;object-position:unset;margin:0}
.reassContentBis{flex:0 0 100%}
.flexRegion{justify-content:center}
.rowRegion{flex:0 0 var(--rowA10)}
.mimiListe{display:flex;flex-flow:row wrap;gap:var(--space-16) var(--space-32);padding:var(--space-16) var(--space-16) 0 var(--space-16)}
.mimiListe li{flex:0 1 auto;display:flex;flex-flow:row nowrap;font-size:13px;font-weight:500;color:var(--colNoir)}
.mimiListe li span{flex:0 0 auto}
.mimiListe li span strong{display:block;font-weight:500;line-height:normal;padding:4px 8px 2px 8px;background-color:var(--colNoir);border-radius:var(--borderRadius);color:var(--colBlanc)}
.mimiListe li em{flex:0 1 auto;font-style:normal;padding:4px 8px 2px 8px}
.noForma{padding:var(--space-32) 0 0 var(--space-16)}
.noForma .titrage{padding:var(--space-16)}
}

/* max 540px */
@media screen and (max-width:33.75em){
.bloc3Push{flex:0 0 100%}
.boxChiff{flex:0 0 var(--rowA6)}
.blocAnimRegion{flex:0 0 calc(100% + var(--space-16));border-right:var(--space-16) solid transparent}
.menuMobContent{border:16px solid var(--colBlanc)}
main#is_cata{padding-left:0;padding-right:16px}
main#is_cata.is_details{padding-left:8px;padding-right:8px}
.forBad{padding-left:12px}
.infosTime{display:flex;width:100%;max-width:150px;margin:0 auto}
.blocSingleInterne{padding:var(--space-8);margin:8px auto;background-color:var(--colBlancFond);border-radius:var(--borderRadius)}
.blocSingleInterne .referenceForm{width:100%;max-width:300px;margin:var(--space-32) auto}
}

/* max 480px */
@media screen and (max-width:30em){
.menuLogo img{max-width:140px}
.boxMenu{padding-left:16px;padding-right:16px;padding-top:10px;padding-bottom:8px}
.flex4Pushs{gap:var(--space-32)}
.blocPush{flex:0 0 100%}
.rowRegion{flex:0 0 100%}
}

/* max 375px */
@media screen and (max-width:24em){
.boxChiff{flex:0 0 100%}
}




/* Correction uniquement pour Formation Nationale 36 31 14 */

:root{
	--colBeigeFond02: rgb(240, 237, 223);
}
.forContent.oneForNat01{height:100%}
.flexCatalogue.oneForNat02{padding-top:var(--space-32)}
.forTxt.oneForNat03{padding-top:var(--space-24)}
.flexFormFiltre{background-color:var(--colBeigeFond02)}
