@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bebas-Neue-Pro-Bold';
	src: url('../fonts/BebasNeuePro-Bold.woff') format('woff'), url('../fonts/BebasNeuePro-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bebas-Neue-Pro-Regular';
	src: url('../fonts/BebasNeuePro-Regular.woff') format('woff'), url('../fonts/BebasNeuePro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.formobile {display:none;}	
.notformobile {display:inline-block; width:100%}

a, body, html, li, ol, p, ul {color: #2d2f30; font-family: 'Roboto-Regular'; }
em, strong {font-family: 'Roboto-Bold'; font-style:normal; font-weight: 100;}

h1 {font-size: 85px; color: #2d2f30; font-family: 'Bebas-Neue-Pro-Bold'; line-height: 1;}
h2 {font-size: 65px; color: #2d2f30; font-family: 'Bebas-Neue-Pro-Bold'; line-height: 1;}
h3 {font-size: 30px; color: #2d2f30; font-family: 'Bebas-Neue-Pro-Bold'; line-height: 1;}

img {width:100%; height:auto;}

#header .navbar {width:100%; background:#fff; position:relative; padding:30px 0; display: flex; justify-content: space-between;} 
#main-logo {width:255px; transition:width .5s 0s;}
#main-logo img {width:100%;}
#header .navbar #main-logo {width:368px; opacity:1; transition:opacity .5s,width .5s 0s;}
#header .navbar #main-logo a {display: flex;}
#language-switcher {position:absolute; right:60px; display:flex;}
#language-switcher li {text-transform:uppercase;}
#language-switcher a:visited {color:#2d2f30; }
#language-switcher a:hover {color:#fc4632; }
.lang-item-first:after {content: "|"; margin: 0 5px; color: #999; }
.lang-item.current-lang a, #language-switcher .lang-item.current-lang a:visited {color: #fc4632;}

.introduction {width:100%; clear:both; padding:50px 0 0;}
.introduction.yellow {background: #fece33 url(../images/element-red.svg) 100% no-repeat; background-size:auto; background-size: auto 90%; }
.introduction.green {background: #55b680 url(element-yellow.svg) 0 no-repeat; background-size:auto; background-size: auto 90%;}

.introduction h1 {font-size:65px; margin:30px 0 50px;}
.introduction.yellow .sectionTitle, .introduction.yellow a, .introduction.yellow h1, .introduction.yellow h2, .introduction.yellow h3, .introduction.yellow h4, .introduction.yellow h5, .introduction.yellow h6, .introduction.yellow ol, .introduction.yellow p, .introduction.yellow ul {color: #fc4632;}
.introduction.green .sectionTitle, .introduction.green a, .introduction.green h1, .introduction.green h2, .introduction.green h3, .introduction.green h4, .introduction.green h5, .introduction.green h6, .introduction.green ol, .introduction.green p, .introduction.green ul {color: #fece33;}

.intro-video {display:flex; justify-content:center; margin: 0 0 50px 0; aspect-ratio: 16/9;}
.intro-video iframe {width:100%; height:auto;}

.pageheader {width: 100%; clear: both; padding:60px 0;}
.page-template-page-home .pageheader {padding:60px 0 0 0;}
.page-template-page-home h2 {font-size: 45px;;}
.pageheader h1 {margin:0 !important; font-size:85px;}

.pageheader.green {background: #55b680;}
.pageheader.green h1, .pageheader.green h2, .pageheader.green h3 {color: #fece33;}
.pageheader.green p, .pageheader.green ul, .pageheader.green ol {color: #fff;}
.pageheader.yellow {background:#fece33;}
.pageheader.yellow h1, .pageheader.yellow h2, .pageheader.yellow h3 {color:#fc4632;}
.pageheader.yellow p, .pageheader.yellow ul, .pageheader.yellow ol {color:#fff;}
.pageheader.blue {background:#2a2b64;}
.pageheader.blue h1, .pageheader.blue h2, .pageheader.blue h3 {color:#fece33;}
.pageheader.blue p, .pageheader.blue ul, .pageheader.blue ol {color:#fff;}
.pageheader.red {background:#fc4632;}
.pageheader.red h1, .pageheader.red h2, .pageheader.red h3 {color:#fece33;}
.pageheader.red p, .pageheader.red ul, .pageheader.red ol {color:#fff;}

.fynicc-section-holder {width:100%; clear:both; padding:50px 0 0;}
.fynicc-section-holder.title-is-hided:first-child {padding:0;}
.fynicc-section {display:flex; flex-wrap:wrap; flex-direction:row; width:100%; justify-content:space-between;}
.fynicc-section.reverse {flex-direction:row-reverse; }
.fynicc-section-column {width:48%; display:flex; flex-direction:column;}
.fynicc-section-holder h2, h2.section-title {padding:0 0 20px;}
.fynicc-section-holder h3 {padding:0 0 10px;}
.fynicc-section-holder ul, .fynicc-section-holder ol {list-style:disc; margin:0 0 20px 15px;}
.fynicc-section-holder ol {list-style:decimal; }
.fynicc-section-holder li {padding: 0 0 8px 0;}
.fynicc-section-holder li:last-child {padding: 0;}
.fynicc-section-column.picture.flex-end {justify-content: flex-end;}
.fynicc-section-column.picture img {width:100%; height:auto; object-fit:cover; aspect-ratio:4.5/3;}
.fynicc-section-column.picture.contain-picture img {object-fit:contain;}
.picture-legend {font-size:0.8em; line-height:1.2em; text-align:center; margin:5px 10% 20px;}

.fynicc-section-row {display:flex; flex-wrap:wrap; flex-direction:column; width:100%;}
.fynicc-section-row.reverse {flex-direction:column-reverse;}
.fynicc-section-row .fynicc-section-column {width:100%; flex-direction:row; justify-content:space-between;}
.fynicc-section-row .fynicc-section-column img {margin:0; aspect-ratio: 16/9;}
.fynicc-section-row.reverse .fynicc-section-column.text {margin:30px 0 0 0;}
.fynicc-section-row .section-title, .fynicc-section-row .section-data {width: 48%;}
.fynicc-section-row .section-data {margin:0 0 30px 0;}

.bkg-yellow {background-color:#fece33; color: #fff;}
.bkg-yellow.picto {background: #fece33 url(../images/element-red.svg) 100% 0% no-repeat; background-size: auto 450px; background-position: right center; position: relative;}
.bkg-yellow.picto.picto-reverse {background: #fece33 url(../images/element-red-left.svg) 0% 0%  no-repeat; background-size: auto 450px; background-position: left center; position: relative;}
.bkg-yellow .sectionTitle, .bkg-yellow a, .bkg-yellow h1, .bkg-yellow h2, .bkg-yellow h3, .bkg-yellow h4, .bkg-yellow h5, .bkg-yellow h6, .bkg-yellow ol, .bkg-yellow ul, .bkg-yellow em {color: #fc4632;}
.bkg-yellow p, .bkg-yellow li, .bkg-yellow strong {color: #2d2f30;}
.bkg-yellow.picto-row {background: #fece33 url(../images/element-red2.svg) 100% 100% no-repeat; background-size:100% auto;}
.bkg-yellow.picto-row.picto-reverse {background: #fece33 url(../images/element-red2-top.svg) 100% 0% no-repeat; background-size:100% auto;}

.bkg-green {background-color:#55b680; color: #fff;}
.bkg-green.picto {background: #55b680 url(../images/element-yellow.svg) 100% 0% no-repeat; background-size: auto 450px; background-position: right center; position: relative;}
.bkg-green.picto.picto-reverse {background: #55b680 url(../images/element-yellow-left.svg) 0% 0%  no-repeat; background-size: auto 450px; background-position: left center; position: relative;}
.bkg-green .sectionTitle, .bkg-green a, .bkg-green h1, .bkg-green h2, .bkg-green h3, .bkg-green h4, .bkg-green h5, .bkg-green h6, .bkg-green ol, .bkg-green ul, .bkg-green em {color: #fff;}
.bkg-green p, .bkg-green li, .bkg-green strong {color: #2d2f30;}
.bkg-green.picto-row {background: #55b680 url(../images/element-yellow2.svg) 100% 100% no-repeat; background-size:100% auto;}
.bkg-green.picto-row.picto-reverse {background: #55b680 url(../images/element-yellow2-top.svg) 100% 0% no-repeat; background-size:100% auto;}

.bkg-blue {background-color:#2a2b64; color: #fff;}
.bkg-blue.picto {background: #2a2b64 url(../images/element-green.svg) 100% 0% no-repeat; background-size: auto 450px; background-position: right center; position: relative;}
.bkg-blue.picto.picto-reverse {background: #2a2b64 url(../images/element-green-left.svg) 0% 0%  no-repeat; background-size: auto 450px; background-position: left center; position: relative;}
.bkg-blue .sectionTitle, .bkg-blue a, .bkg-blue h1, .bkg-blue h2, .bkg-blue h3, .bkg-blue h4, .bkg-blue h5, .bkg-blue h6, .bkg-blue ol, .bkg-blue ul, .bkg-blue em {color: #fece33;}
.bkg-blue p, .bkg-blue li, .bkg-blue strong {color: #fff;}
.bkg-blue.picto-row {background: #2a2b64 url(../images/element-green2.svg) 100% 100% no-repeat; background-size:100% auto;}
.bkg-blue.picto-row.picto-reverse {background: #2a2b64 url(../images/element-green2-top.svg) 100% 0% no-repeat; background-size:100% auto;}

.bkg-red {background-color:#fc4632; color: #fff;}
.bkg-red.picto {background: #fc4632 url(../images/element-yellow.svg) 100% 0% no-repeat; background-size: auto 450px; background-position: right center; position: relative;}
.bkg-red.picto.picto-reverse {background: #fc4632 url(../images/element-yellow-left.svg) 0% 0%  no-repeat; background-size: auto 450px; background-position: left center; position: relative;}
.bkg-red .sectionTitle, .bkg-red a, .bkg-red h1, .bkg-red h2, .bkg-red h3, .bkg-red h4, .bkg-red h5, .bkg-red h6, .bkg-red ol, .bkg-red ul, .bkg-red em {color: #fece33;}
.bkg-red p, .bkg-red li, .bkg-red strong {color: #2d2f30;}
.bkg-red.picto-row {background: #fc4632 url(../images/element-yellow2.svg) 100% 100% no-repeat; background-size:100% auto;}
.bkg-red.picto-row.picto-reverse {background: #fc4632 url(../images/element-yellow2-top.svg) 100% 0% no-repeat; background-size:100% auto;}

#footer {padding:70px 0; width: 100%; clear: both; }
.footer-row {display:flex; flex-direction:row; flex-wrap:wrap; width:100%;}
.footer-column {display:flex; flex-direction: column; flex-wrap:wrap; width:33.33%}
#footer h3 {margin-bottom: 40px;}
#footer .social-media {display:flex; flex-direction:row;} 
#footer .social-media li {list-style:none; display: inline-block; margin-right: 10px;}
#footer .social-media li a {display: inline-flex; width:47px; height:47px; border:2px solid #2d2f30; background-color: #fff; border-radius:100%; transition:background-color .5s 0s; }
#footer .social-media li a#social-facebook {background: url(../images/social-facebook.svg) 50% no-repeat;}
#footer .social-media li a#social-facebook:hover {background:#2d2f30 url(../images/social-facebook-hover.svg) 50% no-repeat;}
#footer .social-media li a#social-instagram {background: url(../images/social-instagram.svg) 50% no-repeat;}
#footer .social-media li a#social-instagram:hover {background:#2d2f30 url(../images/social-instagram-hover.svg) 50% no-repeat;}
#footer .social-media li a#social-youtube {background: url(../images/social-youtube.svg) 50% no-repeat;}
#footer .social-media li a#social-youtube:hover {background:#2d2f30 url(../images/social-youtube-hover.svg) 50% no-repeat;}
#footer .social-media li a#social-linkedin {background: url(../images/social-linkedin.svg) 50% no-repeat;}
#footer .social-media li a#social-linkedin:hover {background:#2d2f30 url(../images/social-linkedin-hover.svg) 50% no-repeat;}
#footer .social-media li a#social-x {background: url(../images/social-x.svg) no-repeat; background-position:50% 50%; background-size: 25px;}
#footer .social-media li a#social-x:hover {background:#2d2f30 url(../images/social-x.svg) no-repeat; background-position:50% 50%; background-size: 25px;}
#footer p, #footer p a { font-size: 25px; font-family: 'Bebas-Neue-Pro-Regular'; color: #2d2f30;}
#footer p a {text-decoration:underline;}
#footer .copyright {display: inline-block; font-size: 16px; font-family: 'Bebas-Neue-Pro-Regular'; color: #2d2f30; line-height: 16px;}

/* Styles pour le bouton burger - non fixe au repos */
.burger-menu-icon {position:relative; z-index: 1001; width: 30px; height: 25px; cursor: pointer; display: block;}
.burger-menu-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #333; border-radius: 3px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out;}
  
/* Quand le menu est ouvert, on change la couleur pour contraster avec le fond */
.burger-menu-icon.active span {background: #fff;}
.burger-menu-icon span:nth-child(1) {top: 0px;} 
.burger-menu-icon span:nth-child(2) {top: 10px;}
.burger-menu-icon span:nth-child(3) {top: 20px;}

/* Animation du burger en croix */
.burger-menu-icon.active span:nth-child(1) {top: 10px; transform: rotate(135deg); }
.burger-menu-icon.active span:nth-child(2) {opacity: 0; left: -60px;}
.burger-menu-icon.active span:nth-child(3) {top: 10px; transform: rotate(-135deg);}
  
/* Menu en plein écran */
.page-transition-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background-color: #e74c3c; z-index: 9998; display: none; }
.page-transition-overlay.active {display:block; /* Pour l'overlay initial sur la nouvelle page */}

.fullscreen-menu-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background-color: #e74c3c; z-index:999; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.fullscreen-menu-overlay.active { opacity: 1; visibility: visible;}
.fullscreen-menu-overlay .menu-container { width: 100%; max-height: 100vh; overflow: hidden; /* Empêche le défilement */}
.fullscreen-menu-overlay .menu { list-style: none; padding: 0; margin: 0; text-align: center;}
.fullscreen-menu-overlay .menu-item { margin: 30px 0; opacity: 0; transform: translateY(10px); transition: all 0.3s ease-in-out; transition-delay: 0.2s; text-align: center;}
.fullscreen-menu-overlay.active .menu-item { opacity: 1; transform: translateY(0);}
.fullscreen-menu-overlay .menu-item a { color: #fff; font-size: 65px; text-decoration: none; transition: all 0.3s ease; font-family: 'Bebas-Neue-Pro-Bold'; line-height: 1;}
.fullscreen-menu-overlay .menu-item a:hover { color: #f8f8f8; transform: scale(1.1); display: inline-block; }
body.menu-open {overflow:hidden; /* Empêche le défilement du body quand le menu est ouvert */ position:fixed; /* Fixe le corps pour empêcher le défilement */ width:100%; height:100%; }

/* Style pour l'animation - modifié pour fonctionner avec Intersection Observer */
.animate-on-scroll {opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease, transform 0.8s ease;}
.is-visible {opacity:1; transform:translateY(0);}
.delay-1 { transition-delay: 0.2s; }

.button-std { border-radius:20px; background-color: #4ca771; color: #fff; padding:5px 15px; font-weight:100; margin:10px 0; display:inline-block; font-family: "Roboto-Bold", sans-serif;}
.post-edit-link { border-radius:20px; background-color: #e5e5e5; color: #999!important; padding:5px 15px; font-weight:100; margin:10px 0; display:inline-block; font-family: "Roboto-Bold", sans-serif;}
.button-std:visited, .post-edit-link:visited {color:#2d2f30}
.button-std:hover { background-color:#05104e;}
.post-edit-link:hover { background-color:#999; color:#fff!important;}
.buttons-holder {margin:15px 0 ;}
.edit-link {margin:40px 0 0 0; position:relative; display:inline-block;}
.fynicc-section-column.text .edit-link {margin:0;}

@media (max-width: 1400px) {
	.bkg-yellow.picto, .bkg-yellow.picto.picto-reverse, .bkg-green.picto, .bkg-green.picto.picto-reverse, .bkg-blue.picto, .bkg-blue.picto.picto-reverse, .bkg-red.picto, .bkg-red.picto.picto-reverse {background-size: auto 350px;}
}

@media (max-width: 991px) {	}

@media (max-width: 767px) {
	.formobile {display:inline-block; width:100%}
	.notformobile {display:none;}
	#header .navbar #main-logo {width:100%;}
	h1 {font-size:35px;}
	h2 {font-size:30px;}
	#language-switcher {right:45px;}

	#main-logo img {width:60%;}

	.introduction.yellow .sectionTitle, .introduction.yellow a, .introduction.yellow h1, .introduction.yellow h2, .introduction.yellow h3, .introduction.yellow h4, .introduction.yellow h5, .introduction.yellow h6, .introduction.yellow ol, .introduction.yellow p, .introduction.yellow ul {color: #4a2723;}
	.introduction h1, .pageheader h1 {font-size:35px; }
	.introduction h1 {margin:30px 0 50px;}

	.pageheader {padding:20px 0;}
	.featuredsection {padding-top: 10px;}
	.featuredsection-row {flex-direction: column;}
	.featuredsection-item {width:100%; padding-bottom:10px;}

	.fynicc-section-holder {padding:30px 0 0;}
	.fynicc-section-holder ul, .fynicc-section-holder ol {list-style:none; margin:0 0 20px 0;}
	.fynicc-section-column {width:100%;}
	.fynicc-section-column img {margin:0 0 30px 0;}
	.fynicc-section, .fynicc-section.reverse {flex-direction:column-reverse;}
	.fynicc-section-column.picture img {aspect-ratio: 1/1;}
	.fynicc-section-row .fynicc-section-column img {margin:0; aspect-ratio: 1/1;}
	.fynicc-section-column.picture.contain-picture img {margin:0; aspect-ratio:auto;}
	.fynicc-section-row .section-title, .fynicc-section-row .section-data {width: 100%;}
	.picture-legend {margin:5px 0 15px;}
	.page-template-page-home .fynicc-section-column.text {margin: 0 0 50px 0;}

	.bkg-yellow.picto, .bkg-blue.picto, .bkg-red.picto, .bkg-yellow.picto-row, .bkg-blue.picto-row, .bkg-red.picto-row  {background-blend-mode:overlay;}
	.bkg-green.picto, .bkg-green.picto-row {background-blend-mode:darken;}

	.bkg-yellow.picto, .bkg-yellow.picto.picto-reverse, .bkg-green.picto, .bkg-green.picto.picto-reverse, .bkg-blue.picto, .bkg-blue.picto.picto-reverse, .bkg-red.picto, .bkg-red.picto.picto-reverse {background-size: auto 550px;}
	.bkg-yellow.picto-row, .bkg-yellow.picto-row.picto-reverse, .bkg-green.picto-row, .bkg-green.picto-row.picto-reverse, .bkg-blue.picto-row, .bkg-blue.picto-row.picto-reverse, .bkg-red.picto-row, .bkg-red.picto-row.picto-reverse {background-size: auto 300px;}

	#footer {padding:40px 0;}
	.footer-row {flex-direction:column;}
	#footer h3 {margin-bottom:5px; font-size:25px; margin-top:20px;}
	#footer .social-media li a {width:37px; height:37px}
	#footer .social-media li a#social-x {background-size: 16px;}

	.fullscreen-menu-overlay .menu-item a {font-size:40px;}
}

@media (max-width: 480px) {	}