/* 
Theme Name: economie-sociale
Author: Lykope
Author URI: http://www.lykope.com
Description: Private theme for Ferli
Requires at least: WordPress 6.7+
Version: 1.1.3
Tags: Responsive Design - SEO - Flexbox
*/

/* FONTS
========================================================================== */
@font-face{font-display:swap;font-family:'Prompt';font-style:normal;font-weight:900;src: url('fonts/Prompt-ExtraBold.ttf') format('woff2')}
@font-face{font-display:swap;font-family:'Barlow';font-style:normal;font-weight:600;src: url('fonts/barlow-v12-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Barlow';font-style:normal;font-weight:400;src: url('fonts/barlow-v12-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Barlow';font-style:normal;font-weight:800;src: url('fonts/barlow-v12-latin-800.woff2') format('woff2')}
/* ROOT
========================================================================== */
:root {
	--system-ui: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	/* @link https://utopia.fyi/type/calculator?c=320,13,1.333,1440,15,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,3xl,8 */
	--f7-8: clamp(0.4573rem, 0.4372rem + 0.1005vw, 0.5276rem); 
	--f8-11: clamp(0.6095rem, 0.5827rem + 0.134vw, 0.7033rem); 
	--f13-15: clamp(0.8125rem, 0.7768rem + 0.1786vw, 0.9375rem); 
	--f14-16: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
	--f17-20: clamp(1.0831rem, 1.0355rem + 0.238vw, 1.2497rem); 
	--f23-26: clamp(1.4437rem, 1.3803rem + 0.3173vw, 1.6658rem); 
	--f30-35: clamp(1.9245rem, 1.8399rem + 0.423vw, 2.2206rem); 
	--f41-47: clamp(2.5653rem, 2.4526rem + 0.5638vw, 2.96rem); 
	--f54-63: clamp(3.4196rem, 3.2693rem + 0.7516vw, 3.9457rem); 
	--f30-60: clamp(1.875rem, 1.3393rem + 2.6786vw, 3.75rem);
	--space-4: clamp(0.125rem, 0.0893rem + 0.1786vw, 0.25rem); 
	--space-8: clamp(0.25rem, 0.1786rem + 0.3571vw, 0.5rem); 
	--space-12: clamp(0.375rem, 0.2679rem + 0.5357vw, 0.75rem); 
	--space-16: clamp(0.5rem, 0.3571rem + 0.7143vw, 1rem); 
	--space-24: clamp(0.75rem, 0.5357rem + 1.0714vw, 1.5rem); 
	--space-32: clamp(1rem, 0.7143rem + 1.4286vw, 2rem); 
	--space-48: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem); 
	--space-64: clamp(2rem, 1.4286rem + 2.8571vw, 4rem); 
	--space-96: clamp(3rem, 2.1429rem + 4.2857vw, 6rem); 
	--colCanard: rgb(0, 89, 104); 		/* #005968 */
	--colBleulight: rgb(135, 173, 178); /* #87ADB2 */
	--colBeige: rgb(254, 247, 236); 	/* #FEF7EC */
	--colMarron: rgb(238, 225, 212); 	/* #EEE1D4 */
	--colOrange: rgb(246, 166, 0); 		/* #F6A600 */
	--colNoir: rgb(10, 10, 10); 		/* #0A0A0A */
	--colBlanc: rgb(255, 255, 255); 	/* #FFFFFF */
	--colBleuQua: rgb(39, 49, 116); 	/* #273174 */
	--colRouge: rgb(229, 5, 19); 		/* #E50513 */
	--bRadius: 16px;
}
/* BASE
========================================================================== */
html,body{font-family:var(--system-ui);height:100%}
body{font-size:15px;height:100vh;height:100dvh;line-height:normal;color:var(--colCanard);background-color:var(--colBeige);font-family:'Barlow';font-style:normal;font-weight:400}
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(--colCanard);color:var(--colBeige);text-shadow:none}
a[href^=tel],a[href^=sms]{color:inherit;cursor:default;text-decoration:none}
img[data-sizes="auto"]{display:block;width:100%;height:auto}
.lazyload{opacity:0}
.lazyloading{opacity:1;transition:opacity 0.3s}
img.lazyload:not([src]){visibility:hidden}
img{display:block;text-align:center;font-size:11px;line-height:1}
strong{font-style:normal;font-weight:800}
.ripple{background-position:center center;background-repeat:no-repeat;background-image:url('img/svg/ripple.svg');background-size:40px 40px}
noscript{position:fixed;z-index:9998;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;text-align:center;background:var(--colNoir);overflow:hidden}
noscript p{width:300px;padding:var(--space24);text-transform:uppercase;font-size:var(--f13-15);text-align:center;color:var(--colBlanc)}
hr.interbloc{display:block;width:100%;height:1px;border:0;margin:var(--space-64) auto;border-top:1px solid var(--colNoir)}
h1,h2,h3,h4{text-wrap:balance}
/* MENU FIXE
========================================================================== */
.navigationFixe{display:block;position:fixed;width:100%;padding:8px 16px 0 16px;z-index:800}
.flexNav{display:flex;flex-flow:row nowrap;align-items:flex-end;justify-content:space-between;width:100%;max-width:1184px;margin:0 auto;background-color:var(--colCanard);border-radius:var(--bRadius);padding:24px var(--space-32) 0 var(--space-32)}
	.rowLogo{flex:0 0 116px;padding:0 16px 24px 0}
		.rowLogo img{display:block;width:100%;height:auto}
	.rowNav{flex:1 1 auto}
		nav.navPrincipale{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-32)}
		nav.navPrincipale li{flex:0 0 auto;padding-bottom:13px}
		nav.navPrincipale li a{display:block;padding:8px;font-size:var(--f17-20);font-weight:600;color:var(--colBlanc);text-transform:uppercase;transition:color 0.3s ease}
		nav.navPrincipale li a:hover, nav.navPrincipale li.current_page_item a{color:var(--colOrange);transition:color 0.3s ease}
	.rowNavMob{display:none}
/* HEADER PAGE 
========================================================================== */
header{position:relative}
.fullCover{display:block;width:100%;height:60vh}
.fullCover img{width:100%;height:100%;object-fit:cover;object-position:center center}
	.poi{display:flex;flex-flow:row wrap;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);align-items:center;justify-content:center;padding:32px 64px 0 64px;border-radius:var(--bRadius) var(--bRadius) 0 0;text-align:center;background:linear-gradient(0deg, rgba(254,247,236,1) 0%, rgba(255,255,255,1) 100%)}
		h1{flex:0 0 100%;font-size:var(--f30-60);font-weight:800;padding-bottom:32px}
		h1.accueil{flex:0 0 100%;font-size:var(--f30-35);line-height:1.1;font-weight:800;padding-bottom:32px}
			h1 span{display:block;font-weight:400;font-size:var(--f13-15)}
		.poi img{display:block;width:50px;height:auto}
.miniCover{display:block;width:100%;height:400px}
.miniCover img{width:100%;height:100%;object-fit:cover;object-position:center center}
/* MAIN
========================================================================== */
.mainWrapper{display:block;width:100%;max-width:1184px;position:relative;margin:0 auto;padding:64px 16px}
	.blocsFerli{display:block;padding:var(--space-48) var(--space-16)}
	h2.h2ferli{display:block;padding-bottom:var(--space-16);font-size:var(--f41-47);line-height:1.1;font-weight:800}
	h3.h3ferli{display:block;font-size:var(--f17-20);text-transform:uppercase;font-weight:800;padding-bottom:var(--space-16)}
	p.sstitre{display:block;padding-bottom:var(--space-16);font-size:var(--f17-20);font-weight:600}
	p.sstitre02{display:block;padding-bottom:var(--space-16);font-size:var(--f14-16);font-weight:400}
	.miniForma{display:block;width:100%;max-width:376px;margin:0 auto var(--space-48)}
	.titrage{display:block;width:100%;max-width:832px;padding:0 16px var(--space-48) 16px}
	.blocsFerli.speborder{margin-top:var(--space-32);margin-bottom:var(--space-16);border-radius:var(--bRadius);border:2px solid var(--colMarron)}
.flexDouble{display:flex;width:100%;max-width:1120px;flex-flow:row wrap;justify-content:center;align-items:flex-start;gap:var(--space-32);margin:0 auto}
	.flexDouble .dbleft,.flexDouble .dbright{flex:0 0 calc( (100% - var(--space-32)) / 2 );position:relative}
	.paddTexte{display:block;padding:0 var(--space-16)}
		.paddTexte p{display:block;padding-bottom:var(--space-16)}
		.paddTexte p:last-child{padding-bottom:0}
		.paddTexte p a{text-decoration:underline}
	.paddCarte{text-align:center}
	.paddCarte p{max-width:360px;margin:var(--space-16) auto}
	.paddCarte img{display:block;margin:0 auto}
.cta{display:flex;justify-content:flex-start;align-items:center;padding:var(--space-8) 0}
.cta a{flex:0 0 auto;padding:var(--space-8) var(--space-16);color:var(--colBlanc);text-transform:uppercase;font-size:var(--f13-15);font-weight:600;background-color:var(--colCanard);border-radius:8px;transition:color 0.3s ease}
.cta a:hover{color:var(--colOrange);transition:color 0.3s ease}
.flexPatch01{display:flex;width:100%;flex-flow:row nowrap}
.flexPatch01.bobot{display:flex;width:100%;flex-flow:row nowrap;align-items:flex-end}
.flexPatch01 img{display:block;width:100%;height:auto;border-radius:var(--bRadius)}
	.pat_arr{flex:0 0 100%}
	.pat_dev{flex:0 0 100%;margin-left:-100%}
	img.pat_bigbd{max-width:calc(100% * 0.75);margin-top:calc(var(--space-64));float:right}
	img.pat_minihg{max-width:calc(100% * 0.55)}
	img.pat_bighd{max-width:calc(100% * 0.75);margin-bottom:calc(var(--space-64));float:right}
	img.pat_minibg{max-width:calc(100% * 0.55)}
	img.pat_bighg{max-width:calc(100% * 0.75);margin-bottom:calc(var(--space-64));}
	img.pat_minibd{max-width:calc(100% * 0.55);float:right}
.listePartenaires{display:flex;flex-flow:row wrap;align-items:center;gap:var(--space-16);padding:0 var(--space-16)}
.listePartenaires li{flex:0 0 calc( (100% - (2 * var(--space-32) ) ) / 3 )}
.listePartenaires li img{display:block;width:100%;height:auto;max-width:120px;max-height:110px;margin:0 auto}
.listeCle{display:flex;flex-flow:row wrap;gap:var(--space-16)}
.listeCle li{flex:0 0 100%;padding:var(--space-8) var(--space-16);border-radius:var(--bRadius);border:2px solid var(--colMarron)}
.listeCle li span{display:block;color:var(--colOrange);font-weight:800;font-size:var(--f30-35)}
.listeCle li p{display:block;width:100%;padding-top:8px}
.listeservice{display:flex;flex-flow:row wrap;gap:var(--space-16)}
.listeservice li{flex:0 0 100%}
	.flexService{display:flex;flex-flow:row nowrap;gap:0;align-items:flex-start}
		.serImg{flex:0 0 40px}
			.serImg span.material-symbols-outlined{display:block;margin-top:-7px;width:100%;padding:0;font-size:34px;color:var(--colOrange)}
		.serCont{flex:1 1 calc(100% - 100px)}
		.serCont h3.h3ferli{display:block;font-size:var(--f17-20);text-transform:uppercase;font-weight:800;padding-bottom:var(--space-8)}
			.serCont p{display:block;line-height:1.33;padding-bottom:var(--space-32)}
			.serCont p:last-child{margin-bottom:var(--space-16)}
.bulleFormation{display:block;position:relative;width:100%;background-color:var(--colBlanc);border-radius:var(--bRadius);padding:var(--space-48)}
	.flexforma{display:flex;flex-flow:row wrap;width:100%;align-items:flex-start}
		.imgforma{flex:0 0 100%}
		.textforma{flex:1 1 100%;padding:var(--space-16);font-weight:600;color:var(--colBleuQua)}
		.textforma strong{color:var(--colRouge)}
.macaron{position:absolute;top:-25px;left:25px;width:50px;height:50px}
.listeConfiance{display:flex;flex-flow:row wrap;align-items:center;gap:var(--space-16)}
.listeConfiance li{flex:0 0 calc( (100% - (4 * var(--space-16) ) ) / 5 )}
.listeConfiance li img{display:block;width:100%;height:auto;max-width:150px;max-height:130px;margin:0 auto}
.listeAction{display:flex;flex-flow:row wrap;padding:var(--space-16) 0;gap:var(--space-8)}
.listeAction li{flex:0 0 100%;font-weight:600;font-size:var(--f17-20);text-indent:-12px;line-height:17px}
.listeAction li:before{content:"\003e\00a0";color:var(--colOrange)}

.listequipe{padding:0 var(--space-8)}
.listequipe li{display:block;width:100%;max-width:832px;padding:0 var(--space-8);margin:0 auto}
	.flexiquip{display:flex;flex-flow:row nowrap;padding:var(--space-16) 0;gap:var(--space-32);justify-content:center;align-items:center}
		.iquimage{flex:0 0 300px}
		.iquitxt{flex:1 1 auto}
		.iquimage img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border-radius:var(--bRadius)}
		.iquitxt span{display:block;text-decoration:underline;font-size:var(--f14-16);font-weight:600;padding-bottom:6px}
		.link{display:block;max-width:40px}
		.link img{display:block;width:40px;height:40px;margin:0 auto}
.flexiquip.odd .iquimage{order:10}
.flexiquip.odd .iquitxt{order:1;text-align:right}
.flexiquip.even .iquimage{order:1}
.flexiquip.even .iquitxt{order:10}
.bullTel{position:absolute;top:0;left:0;padding:var(--space-32);background-color:var(--colBlanc);border-radius:var(--bRadius);color:var(--colBleulight)}
.bullTel span{font-weight:600;color:var(--colCanard)}
.mapGo{display:block;width:100%;height:40vh}
.mapGo iframe{width:100%;height:100%}

.encartInter{display:block;width:100%;padding:var(--space-32)}
	h2.titreIntermed{display:block;text-align:center;font-size:var(--f30-35);font-weight:800}

/* FOOTER 
========================================================================== */
footer{display:block;width:calc(100% - 32px);margin:0 auto;padding:32px var(--space-32);background-color:var(--colCanard);border-radius:var(--bRadius) var(--bRadius) 0 0}
	.flexFooter{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:var(--space-16);max-width:544px;margin:0 auto}
	.flexFooter li{flex:0 0 100%;padding:8px;text-align:center;color:var(--colBlanc)}
		li.flogo img{display:block;width:126px;height:auto;margin:0 auto}
		li.fcoo a{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}
		.fpicto{flex:0 0 auto;padding-right:8px}
		.fpicto img{display:block;width:16px;height:auto}
		.fcon{flex:0 0 auto;font-size:18px;font-weight:600}
		li.fsoc a{display:inline-block;width:50px;height:auto}
		li.fsoc img{display:block;width:50px;height:auto}
		li.fmen{text-transform:uppercase;font-size:14px;font-weight:600}
/* MENUMOBILE 
========================================================================== */
#menutech{z-index:-1;position:fixed;top:0;left:0;bottom:0;right:0;visibility:hidden;transform:scale(0.7);opacity:0;background:var(--colBeige);transition:all 0.3s ease}
#menutech.open{opacity:1;visibility:visible;transform:scale(1);z-index:899;transition:all 0.3s ease}
		.menuimage{display:flex;flex-flow:row nowrap;height:100%}
		.menuimagea,.menuimageb{flex:0 0 50%}
		.menuimagea img,.menuimageb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
	#play{position:absolute;height:80%;max-height:500px;width:80%;max-width:450px;padding:30px;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--colBeige)}
	#mobiNav{display:flex;flex-flow:column nowrap;height:100%;gap:5px;text-align:center;color:var(--colCanard)}
		#mobiNav li{flex:0 0 auto;font-size:var(--f30-35);font-weight:600}
		#mobiNav li.miniMono{flex:0 0 50px}
		#mobiNav li.miniMono img{display:block;width:50px;height:auto;margin:0 auto 16px auto}
		#mobiNav li.minicont{flex:0 0 auto;padding:var(--space-8) 0;font-size:var(--f17-20)}
		#mobiNav li.minispace{flex:0 0 24px;font-weight:400}
		#mobiNav li.bigspace{flex:1 1 auto}
		#mobiNav li.miniSoc{flex:0 0 50px}
		#mobiNav li.miniSoc a{display:inline-block;transition:color 0.3s ease}
		#mobiNav li.miniSoc a img{display:block;width:50px;height:auto;margin:0 auto}
		#mobiNav li a:hover,#mobiNav li.current_page_item a{color:var(--colOrange);transition:color 0.3s ease}
/* 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:40px;height:20px;padding:0;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:36px;height:3px;background-color:var(--colBlanc);position:absolute;transition:transform 0.15s ease}
.hamburger-inner::before,.hamburger-inner::after{content:'';display:block}
.hamburger-inner::before{top:-10px;transition:top 0.3s ease}
.hamburger-inner::after{bottom:-10px;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 ease-in, opacity 0.1s ease-in}
.hamburger--spin-r .hamburger-inner::after{transition: bottom 0.1s 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(--colBlanc)}
.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(--colBlanc)}
.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(--colBlanc)}
/* MEDIA QUERIES
========================================================================== */

/* min 1280px */
@media screen and (max-width:80em){
.poi{width:calc(100% - var(--space-32));max-width:654px;padding:var(--space-32) var(--space-64) 0 var(--space-64)}
}
/* max 1024px */
@media screen and (max-width:64em){
}
/* max 960px BREAK MENU */
@media screen and (max-width:60em){
.listeConfiance li{flex:0 0 calc( (100% - (3 * var(--space-32) ) ) / 4 )}
}
/* max 800px */
@media screen and (max-width:50em){
.flexDouble .dbleft,.flexDouble .dbright{flex:0 0 100%}
.conImage{max-width:560px}
.odermax{order:10}
.odermin{order:1}
.listeConfiance li{flex:0 0 calc( (100% - (2 * var(--space-32) ) ) / 3 )}
}
/* max 768px */
@media screen and (max-width:48em){
}
/* max 640px */
@media screen and (max-width:40em){
.navigationFixe{padding:8px 8px 0 8px;z-index:1000}
.flexNav{padding:24px 24px 0 24px;align-items:center}
.rowNav{display:none}
.rowNavMob{display:initial;flex:0 0 56px;padding-left:16px}
.listequipe li{padding:var(--space-16) var(--space-8)}
.flexiquip{flex-flow:row wrap}
.iquimage,.iquitxt{flex:0 0 100%;max-width:420px;text-align:center}
.flexiquip.odd .iquimage{order:1}
.flexiquip.odd .iquitxt{order:10;text-align:center}
footer{display:block;width:calc(100% - 16px)}
.listeConfiance li{flex:0 0 calc( (100% - (1 * var(--space-32) ) ) / 2 )}
}
/* max 540px */
@media screen and (max-width:33.75em){
.listePartenaires li{flex:0 0 calc( (100% - var(--space-32) ) / 2 )}
.listePartenaires li img{max-width:200px;max-height:180px}
}