/*
 * Food Interim - Styles personnalises (child theme)
 * Migre depuis Quick CSS le 2026-09-17
 */

/* FI - Food Interim : ajustements globaux (Guillaume, sept 2026) */

/* Retrait de l'uppercase impose par defaut par Enfold sur les titres h1/h2 */
.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2{
	text-transform:none;
	letter-spacing:normal;
}

/* Boutons "pilule" arrondis (natifs Enfold, juste le rayon d'angle) */
.fi-pill-btn .avia-button,
.fi-pill-btn.avia-button-wrap{
	border-radius:24px;
}

/* Bouton "Je cherche du personnel" : contour bleu au lieu du rouge par defaut */
.fi-btn-outline-blue .avia-button{
	border-color:#3d5675 !important;
}

/* Hero : degrade sombre au lieu d'un aplat uni, + decor a droite */
.fi-hero-section .av-section-color-overlay{
	background:linear-gradient(186deg, rgba(0,0,0,0.02) 38%, rgba(0,0,0,0.56) 100%) !important;
	opacity:1 !important;
}
.fi-hero-decor{
	position:absolute !important;
	right:-17.4%;
	bottom:-33.2%;
	top:auto;
	width:52.3%;
	max-width:791px;
	height:auto;
	z-index:1;
	opacity:.95;
	pointer-events:none;
}
.fi-pill-btn .avia-button .avia-button-wrap-inner,
.fi-pill-btn .avia_iconbox_title, .fi-pill-btn{
	text-transform:uppercase;
	letter-spacing:.03em;
}
.fi-hero-section{
	position:relative;
	overflow:hidden;
	width:100vw;
	max-width:100vw;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
}
/* .fi-hero-col n'est plus positionne : evite de devenir le containing-block de .fi-hero-decor (le rendait trop petit). Le z-index est deporte sur le .container ci-dessous. */
.fi-hero-section .fi-hero-col{
	position:static !important;
}

/* Qui sommes nous : image en pleine hauteur de colonne + angle arrondi asymetrique */
.fi-qsn-textcol,
.fi-qsn-imgcol{
	display:flex;
}
.fi-qsn-imgcol .avia-image-container,
.fi-qsn-imgcol .avia-image-container-inner,
.fi-qsn-imgcol .avia-image-overlay-wrap{
	height:302px;
	width:100%;
}
.fi-qsn-img img{
	height:302px;
	width:100%;
	object-fit:cover;
	border-radius:99px 8px 8px 4px;
}


/* Marge entre 'Nos Agences' et 'Vous etes ?' */
.fi-agences-section{
	margin-bottom:60px;
}

/* Variables globales et styles partages restaures (utilises par les sections encore en av_codeblock : Offres, Agences, Vous etes, Actus) */
.fi-home{--fi-red:#E64746;--fi-dark:#2A3546;--fi-blue:#3D5675;--fi-white:#FFFFFE;--fi-pink-border:#F4BABA;--fi-pink-bg:#F7CBCB;font-family:'Segoe UI',Segoe UI,Arial,sans-serif;}
.fi-home h1,.fi-home h2,.fi-home h3,.fi-home .fi-heading,.fi-home .fi-btn{font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;}
.fi-home a{text-decoration:none;}
.fi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:24px;font-weight:700;font-size:14px;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:opacity .2s ease;}
.fi-btn:hover{opacity:.85;}
.fi-btn-red{background:var(--fi-red);border-color:var(--fi-red);color:var(--fi-white)!important;}
.fi-btn-outline{background:var(--fi-white);border-color:var(--fi-blue);color:var(--fi-blue)!important;}
.fi-btn-blue{background:var(--fi-blue);border-color:var(--fi-blue);color:var(--fi-white)!important;}
.fi-wrap{max-width:1512px;margin:0 auto;padding:0 80px;box-sizing:border-box;}
@media(max-width:900px){.fi-wrap{padding:0 24px;}}
.fi-home *{box-sizing:border-box;}

/* Footer : liens sans soulignement, decor en faible opacite, alignement */
.fi-footer-links a{text-decoration:none;}
.fi-footer-links a:hover{text-decoration:underline;}
.fi-footer-decor img{opacity:.25;}
.fi-footer-col-logo .avia-image-container{margin-bottom:0;}
.fi-footer-section .container{max-width:1400px;}
.fi-footer-bottom{text-align:center;}


/* ===================================================================
   FI - Food Interim : 2e passe de retouches (Guillaume, sept 2026)
   =================================================================== */

/* Typo des titres Gill Sans MT appliquee a tout le site (pas seulement
   aux sections .fi-home : Hero et Qui-sommes-nous natifs en avaient besoin) */
.entry-content-wrapper h1,
.entry-content-wrapper h2,
.entry-content-wrapper h3{
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
}

/* Hero : hauteur exacte Figma (591px), contenu centre verticalement dedans */
.fi-hero-section .container.av-section-cont-open{
	min-height:591px;
	display:flex;
	align-items:center;
	position:relative;
	z-index:2;
}
.fi-hero-section .container.av-section-cont-open > main{
	width:100%;
	position:static;
}

/* Hero + Qui sommes nous : boutons "pilule" au format exact Figma
   (padding fin, pas d'icone - Figma n'a que du texte) */
.fi-pill-btn a.avia-button{
	padding:6px 12px !important;
	font-size:14px !important;
	line-height:20px !important;
	height:auto !important;
	min-height:0 !important;
}
.fi-pill-btn .avia_button_icon{
	display:none !important;
}

/* Qui sommes nous : bouton "En savoir plus" ancre en bas de colonne (deja aligne a droite nativement) */
.fi-qsn-textcol{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

/* Nos dernieres offres d'emplois (section "impeccable", ne pas toucher au reste) :
   Enfold force border-color via .main_color div, plus specifique que .fi-job-card seul */
.fi-offres .fi-job-card{
	border-color:var(--fi-pink-border) !important;
}

/* Nos Agences (section "tres bien", ne pas toucher au reste) :
   hauteur des languettes + carte qui ne deborde plus de la section */
.fi-tab{
	min-height:70px;
}
.fi-map-frame{
	overflow:hidden;
}

/* Footer : logo redimensionne + tagline placee a droite du logo (au lieu de dessous) */

.fi-footer-logo{
	flex:0 0 auto;
}
.fi-footer-logo img{
	width:346px;
	height:auto;
	max-width:100%;
}
.fi-footer-tagline{
	flex:1 1 auto;
	min-width:200px;
}

/* Footer : colonne "Food interim" ferree a gauche (titre + liens alignes), espacement entre les 2 colonnes reduit */
.fi-footer-links h3{
	text-align:left !important;
}
.fi-footer-links > div{
	justify-content:flex-start !important;
	gap:24px !important;
}

/* Footer : motif decoratif du bas legerement coupe, comme sur Figma
   (marge negative sur le motif + overflow masque sur la section) */
.fi-footer-section{
	overflow:hidden;
}
.fi-footer-decor{
	margin-bottom:-77px;
}
.fi-footer-decor img{
	max-width:838px;
	margin:0 auto;
	display:block;
}

/* ===================================================================
   FI - Food Interim : 3e passe de retouches (Guillaume, sept 2026)
   =================================================================== */

/* Hero : titre + texte sortis du style inline, classes dediees */
.fi-hero-title{
	margin:0 0 24px;
	font-size:36px;
	font-weight:bold;
	line-height:1.2;
	max-width:600px;
	color:#fff;
}
.fi-hero-desc{
	margin:0;
	font-size:16px;
	line-height:1.5;
	max-width:600px;
	color:#fff;
}

/* Nos Agences : la colonne de gauche garde une largeur fixe, la carte recupere
   tout l'espace restant pour etre plus grande et toucher haut+bas de section */
.fi-agences .fi-agences-col-left{
	flex-grow:0;
	flex-basis:400px;
}
.fi-agences .fi-agences-col-right{
	flex-grow:1;
	flex-basis:0;
}

/* Vous etes ? : les personnages touchent le bouton (plus de marge separant les deux),
   le personnage "employeur" (1re carte) est legerement plus grand comme sur Figma */
.fi-ve-card .fi-btn{
	margin-top:0;
}
.fi-ve-row .fi-ve-card:first-child .fi-ve-photo{
	max-height:250px;
}
/* === FI - Vous etes ? : reconstruit en blocs natifs Enfold (colonnes + image + bouton), sept 2026 === */
.fi-vousetes{padding:24px 0;}
.fi-ve-title h2{margin:0 0 8px;}
.fi-vousetes .fi-ve-card{position:relative;overflow:hidden;display:flex !important;flex-direction:column;align-items:center;justify-content:flex-end;min-height:301px;}
.fi-ve-card .fi-ve-decor{position:absolute !important;inset:0;width:100% !important;height:100% !important;z-index:0;opacity:.4;pointer-events:none;}
.fi-ve-card .fi-ve-decor .avia-image-container-inner,.fi-ve-card .fi-ve-decor img{width:100% !important;height:100% !important;object-fit:cover;}
.fi-ve-card .fi-ve-arrow{position:absolute !important;top:16px;right:16px;z-index:2;width:48px !important;height:48px !important;border-radius:24px;background:var(--fi-red);overflow:hidden;}
.fi-ve-card .fi-ve-arrow .avia-image-container-inner{width:48px !important;height:48px !important;display:flex;align-items:center;justify-content:center;}
.fi-ve-card .fi-ve-arrow img{width:20px !important;height:20px !important;max-width:20px;}
.fi-ve-card .fi-ve-photo{position:relative;z-index:1;display:flex;justify-content:center;width:100%;}
.fi-ve-card .fi-ve-photo img{max-height:230px;width:auto;object-fit:contain;margin:0 auto;}
.fi-ve-card-employeur .fi-ve-photo img{max-height:250px;}
.fi-ve-card .fi-ve-btn{position:relative;z-index:1;margin-top:0 !important;}
.fi-ve-card .fi-ve-photo{margin-bottom:0 !important;}
.fi-ve-card .fi-ve-btn .avia-button-wrap{width:270px;}

/* === FI - Nos Actualites : reconstruit en blocs natifs Enfold (colonnes + textblock), sept 2026 === */
.fi-actus{padding:48px 0;}
.fi-actus-title h2{margin:0;}
.fi-actus .fi-actus-slot{aspect-ratio:1/1;display:flex !important;align-items:center;justify-content:center;}
.fi-actus .fi-actus-slot-text{width:100%;text-align:center;}
.fi-actus .fi-actus-slot-text p{margin:0;color:var(--fi-blue);font-size:13px;line-height:1.4;}

/* === FI - Footer : full width, colonnes rapprochees, alignement bas, sept 2026 === */
.fi-footer-section{
	position:relative;
	width:100vw;
	max-width:100vw;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
}
.fi-footer-section .entry-content-wrapper{
	display:flex;
	align-items:flex-end;
	flex-wrap:wrap;
}
.fi-footer-col-logo{
	margin-right:-48px !important;
}
.fi-footer-col-tagline{
	margin-left:0 !important;
}

/* === FI - Nos Agences : verrouille la couleur des vignettes (texte + icone) quel que soit l'etat du lien === */
.fi-agences .fi-tab, .fi-agences .fi-tab:hover, .fi-agences .fi-tab:focus, .fi-agences .fi-tab:active, .fi-agences .fi-tab:visited{
	color:#2a3546;
	text-decoration:none;
}
.fi-agences .fi-tab span{
	color:#2a3546;
}

/* === FI - Vous etes : boutons ESPACE EMPLOYEUR / ESPACE CANDIDAT calques sur Figma (taille 270x50, radius 24px, bordure = couleur de fond, typo Gill Sans MT Bold 14px/20px) === */
.fi-ve-card .fi-ve-btn .avia-button{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:270px !important;
	height:50px !important;
	max-width:100% !important;
	padding:6px 24px !important;
	border-radius:24px !important;
	border-width:1px !important;
	border-style:solid !important;
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif !important;
	font-size:14px !important;
	line-height:20px !important;
	font-weight:700 !important;
	text-transform:uppercase !important;
	box-sizing:border-box !important;
}
.fi-ve-card .fi-ve-btn .avia-button .avia_iconbox_title{
	line-height:20px;
}
.fi-ve-card-employeur .fi-ve-btn .avia-button{
	background-color:#3d5675 !important;
	border-color:#3d5675 !important;
}
.fi-ve-card-candidat .fi-ve-btn .avia-button{
	background-color:#e64746 !important;
	border-color:#e64746 !important;
}

/* ============================================================ */
/* === FI - Header / Menu principal (calque sur Figma)      === */
/* ============================================================ */

/* Bandeau rouge sur-mesure au-dessus du header */
.fi-header-topbar{
	background:#e64746;
	width:100%;
	position:relative;
	z-index:2;
}
.fi-header-topbar-inner{
	max-width:1500px;
	margin:0 auto;
	padding:4px 80px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
}
.fi-header-topbar-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	line-height:0;
}
.fi-header-topbar-icon img{
	width:34px;
	height:24px;
	display:block;
}
.fi-header-topbar-text{
	margin:0;
	color:#fffffe;
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
	font-size:14px;
	line-height:24px;
	text-align:center;
	flex:1 1 auto;
}

/* Header principal : fond, ombre, coins arrondis */
#header{
	background:#fffffe;
}
#header_main.container_wrap_logo{
	background:#fffffe;
	box-shadow:0px 4px 3px rgba(0,0,0,0.08), 0px 2px 2px rgba(0,0,0,0.06);
	border-radius:0 0 24px 24px;
	overflow:visible;
}
#header_main .container.av-logo-container{
	max-width:1500px;
	padding:0 80px;
}
/* FI - Header : centrage vertical du logo + nav dans la bande blanche (le container a une hauteur fixe (88px) plus grande que son contenu, qui restait colle en haut) */
#header_main .container.av-logo-container{
	display:flex;
	align-items:center;
}
#header_main .inner-container{
	display:flex !important;
	align-items:center;
	justify-content:space-between;
	height:auto;
	padding:12px 0;
}

/* Logo */
#header_main .logo.bg-logo{
	float:none;
	width:79px;
	height:37.846px;
}
#header_main .logo.bg-logo a{
	display:block;
	width:79px;
	height:37.846px;
}
#header_main .logo.bg-logo img{
	width:79px !important;
	height:37.846px !important;
	max-height:none !important;
}

/* Navigation */
#header_main .main_menu{
	float:none;
	position:static;
}
#header_main ul.av-main-nav{
	display:flex;
	align-items:center;
	gap:24px;
	float:none;
}
#header_main ul.av-main-nav > li.fi-nav-item{
	position:relative;
	float:none;
}
#header_main ul.av-main-nav > li.fi-nav-item > a{
	display:inline-flex !important;
	align-items:center;
	gap:6px;
	padding:0 !important;
	margin:0 !important;
	height:auto !important;
	line-height:normal !important;
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif !important;
	font-weight:700 !important;
	font-size:16px !important;
	color:#2a3546 !important;
	text-transform:none !important;
	background:none !important;
	border:none !important;
}
#header_main ul.av-main-nav > li.fi-nav-item > a::after{
	content:'';
	width:16px;
	height:16px;
	flex:0 0 auto;
	background-color:#2a3546;
	-webkit-mask:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-icon-chevron-bas-menu.svg') no-repeat center / contain;
	mask:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-icon-chevron-bas-menu.svg') no-repeat center / contain;
}
#header_main ul.av-main-nav > li.fi-nav-item:hover > a,
#header_main ul.av-main-nav > li.fi-nav-item.current-menu-item > a{
	color:#e64746 !important;
}
#header_main ul.av-main-nav > li.fi-nav-item:hover > a::after,
#header_main ul.av-main-nav > li.fi-nav-item.current-menu-item > a::after{
	background-color:#e64746;
}

/* CTA Contactez-nous */
#header_main ul.av-main-nav > li.fi-nav-cta{
	margin-left:8px;
}
#header_main ul.av-main-nav > li.fi-nav-cta > a{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	gap:8px !important;
	background:#e64746 !important;
	border:1px solid #e64746 !important;
	border-radius:24px !important;
	padding:6px 12px !important;
	color:#fffffe !important;
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif !important;
	font-weight:700 !important;
	font-size:14px !important;
	line-height:20px !important;
	text-transform:uppercase !important;
}
#header_main ul.av-main-nav > li.fi-nav-cta > a::after{
	display:none;
}
#header_main ul.av-main-nav > li.fi-nav-cta:hover > a{
	opacity:.85;
	color:#fffffe !important;
}

/* Sous-menu "Espace candidat" en grille photo (exemple Figma) */
#header_main ul.av-main-nav li.fi-nav-candidat{
	position:static;
}
#header_main ul.av-main-nav li.fi-nav-candidat > .sub-menu{
	display:none !important;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#e64746;
	border-radius:0 0 24px 24px;
	border:none !important;
	box-shadow:0px 4px 6px rgba(0,0,0,0.08), 0px 2px 4px rgba(0,0,0,0.06);
	padding:42px 80px 45px;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-content:flex-start;
	gap:78px 190px;
	list-style:none;
	margin:0;
	z-index:500;
	outline:none !important;
}
#header_main ul.av-main-nav li.fi-nav-candidat:hover > .sub-menu{
	display:flex !important;
}
#header_main ul.av-main-nav li.fi-sub-candidat{
	width:320px !important;
	height:169px !important;
	float:none !important;
	display:block;
	flex:0 0 320px;
}
#header_main ul.av-main-nav li.fi-sub-candidat > a{
	display:flex !important;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	border-radius:0 40px 0 0;
	background-size:cover;
	background-position:center;
	color:#fffffe !important;
	font-family:'Poppins','Gill Sans MT',sans-serif !important;
	font-weight:600 !important;
	font-size:18px !important;
	padding:16px !important;
	margin:0 !important;
	line-height:normal !important;
}
#header_main ul.av-main-nav li.fi-sub-candidat > a::before{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.4);
}
#header_main ul.av-main-nav li.fi-sub-candidat > a{
	z-index:0;
}
#header_main ul.av-main-nav li.fi-sub-offres > a, .fi-mm-tuiles li.fi-sub-offres > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/sousmenu-espacecandidat-offresemploi-1030x686.jpg'); }
#header_main ul.av-main-nav li.fi-sub-candidature > a, .fi-mm-tuiles li.fi-sub-candidature > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/sousmenu-espacecandidat-candidaturespontanee-1030x686.jpg'); }
#header_main ul.av-main-nav li.fi-sub-infos > a, .fi-mm-tuiles li.fi-sub-infos > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-candidat-infos-interimaire.jpg'); }
#header_main ul.av-main-nav li.fi-sub-debutants > a, .fi-mm-tuiles li.fi-sub-debutants > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/sousmenu-espacecandidat-lesdebutants-1030x688.jpg'); }
#header_main ul.av-main-nav li.fi-sub-documents > a, .fi-mm-tuiles li.fi-sub-documents > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-candidat-documents-a-telecharger.jpg'); }
#header_main ul.av-main-nav li.fi-sub-parrainage > a, .fi-mm-tuiles li.fi-sub-parrainage > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/sousmenu-espacecandidat-jeparraine.png'); }

/* FI - Header : fix position absolue du logo (Enfold met le logo en position:absolute par defaut pour ce header, on le remet dans le flux flex) */
#header_main .logo.bg-logo{
	position:static !important;
}




/* FI - Sous-menu Espace candidat : le texte des vignettes passe au-dessus de l'overlay sombre */
#header_main ul.av-main-nav li.fi-sub-candidat > a .avia-menu-text,
#header_main ul.av-main-nav li.fi-sub-candidat > a .avia-bullet{
	position:relative;
	z-index:1;
}

/* ============================================================ */
/* === FI - Sous-menus additionnels du header (calque Figma)  === */
/* ============================================================ */

/* --- Sous-menu "Qui sommes-nous ?" : 2 vignettes, 1 ligne, centrees --- */
#header_main ul.av-main-nav li.fi-nav-quisommesnous{
	position:static;
}
#header_main ul.av-main-nav li.fi-nav-quisommesnous > .sub-menu{
	display:none !important;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#e64746;
	border-radius:0 0 24px 24px;
	border:none !important;
	outline:none !important;
	box-shadow:0px 4px 6px rgba(0,0,0,0.08), 0px 2px 4px rgba(0,0,0,0.06);
	padding:42px 80px 45px;
	flex-flow:row wrap;
	justify-content:center;
	align-content:flex-start;
	gap:24px 194px;
	list-style:none;
	margin:0;
	z-index:500;
}
#header_main ul.av-main-nav li.fi-nav-quisommesnous:hover > .sub-menu{
	display:flex !important;
}
#header_main ul.av-main-nav li.fi-sub-qsn{
	width:320px !important;
	height:169px !important;
	float:none !important;
	display:block;
	flex:0 0 320px;
}
#header_main ul.av-main-nav li.fi-sub-qsn > a{
	display:flex !important;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	border-radius:0 40px 0 0;
	background:rgba(255,255,255,0.12);
	border:1px solid rgba(255,255,255,0.35);
	color:#fffffe !important;
	font-family:'Poppins','Gill Sans MT',sans-serif !important;
	font-weight:600 !important;
	font-size:18px !important;
	padding:16px !important;
	margin:0 !important;
	line-height:normal;
}

/* --- Sous-menu "Espace employeur" : 4 vignettes, grille 2x2 centree --- */
#header_main ul.av-main-nav li.fi-nav-employeur{
	position:static;
}
#header_main ul.av-main-nav li.fi-nav-employeur > .sub-menu{
	display:none !important;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#e64746;
	border-radius:0 0 24px 24px;
	border:none !important;
	outline:none !important;
	box-shadow:0px 4px 6px rgba(0,0,0,0.08), 0px 2px 4px rgba(0,0,0,0.06);
	padding:42px 80px 45px;
	flex-flow:row wrap;
	justify-content:center;
	align-content:flex-start;
	gap:78px 196px;
	list-style:none;
	margin:0;
	z-index:500;
}
#header_main ul.av-main-nav li.fi-nav-employeur:hover > .sub-menu{
	display:flex !important;
}
#header_main ul.av-main-nav li.fi-sub-employeur{
	width:320px !important;
	height:169px !important;
	float:none !important;
	display:block;
	flex:0 0 320px;
}
#header_main ul.av-main-nav li.fi-sub-employeur > a{
	display:flex !important;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	border-radius:0 40px 0 0;
	background:rgba(255,255,255,0.12);
	border:1px solid rgba(255,255,255,0.35);
	color:#fffffe !important;
	font-family:'Poppins','Gill Sans MT',sans-serif !important;
	font-weight:600 !important;
	font-size:18px !important;
	padding:16px !important;
	margin:0 !important;
	line-height:normal;
}

/* --- Sous-menu "Nos offres d'emplois" : 6 vignettes, grille 3 colonnes x 2 lignes --- */
#header_main ul.av-main-nav li.fi-nav-offres{
	position:static;
}
#header_main ul.av-main-nav li.fi-nav-offres > .sub-menu{
	display:none !important;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#e64746;
	border-radius:0 0 24px 24px;
	border:none !important;
	outline:none !important;
	box-shadow:0px 4px 6px rgba(0,0,0,0.08), 0px 2px 4px rgba(0,0,0,0.06);
	padding:42px 80px 45px;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-content:flex-start;
	gap:78px 190px;
	list-style:none;
	margin:0;
	z-index:500;
}
#header_main ul.av-main-nav li.fi-nav-offres:hover > .sub-menu{
	display:flex !important;
}
#header_main ul.av-main-nav li.fi-sub-offresdemplois{
	width:320px !important;
	height:169px !important;
	float:none !important;
	display:block;
	flex:0 0 320px;
}
#header_main ul.av-main-nav li.fi-sub-offresdemplois > a{
	display:flex !important;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	border-radius:0 40px 0 0;
	background:rgba(255,255,255,0.12);
	border:1px solid rgba(255,255,255,0.35);
	color:#fffffe !important;
	font-family:'Poppins','Gill Sans MT',sans-serif !important;
	font-weight:600 !important;
	font-size:18px !important;
	padding:16px !important;
	margin:0 !important;
	line-height:normal;
}

/* --- Sous-menu "Nos agences" : 4 vignettes, grille 2x2 centree --- */
#header_main ul.av-main-nav li.fi-nav-agences{
	position:static;
}
#header_main ul.av-main-nav li.fi-nav-agences > .sub-menu{
	display:none !important;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#e64746;
	border-radius:0 0 24px 24px;
	border:none !important;
	outline:none !important;
	box-shadow:0px 4px 6px rgba(0,0,0,0.08), 0px 2px 4px rgba(0,0,0,0.06);
	padding:42px 80px 45px;
	flex-flow:row wrap;
	justify-content:center;
	align-content:flex-start;
	gap:78px 196px;
	list-style:none;
	margin:0;
	z-index:500;
}
#header_main ul.av-main-nav li.fi-nav-agences:hover > .sub-menu{
	display:flex !important;
}
#header_main ul.av-main-nav li.fi-sub-agences{
	width:320px !important;
	height:169px !important;
	float:none !important;
	display:block;
	flex:0 0 320px;
}
#header_main ul.av-main-nav li.fi-sub-agences > a{
	display:flex !important;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	border-radius:0 40px 0 0;
	background:rgba(255,255,255,0.12);
	border:1px solid rgba(255,255,255,0.35);
	color:#fffffe !important;
	font-family:'Poppins','Gill Sans MT',sans-serif !important;
	font-weight:600 !important;
	font-size:18px !important;
	padding:16px !important;
	margin:0 !important;
	line-height:normal;
}

/* --- Sous-menu "Nos actualites" : 4 vignettes, grille 2x2 centree --- */
#header_main ul.av-main-nav li.fi-nav-actualites{
	position:static;
}
#header_main ul.av-main-nav li.fi-nav-actualites > .sub-menu{
	display:none !important;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#e64746;
	border-radius:0 0 24px 24px;
	border:none !important;
	outline:none !important;
	box-shadow:0px 4px 6px rgba(0,0,0,0.08), 0px 2px 4px rgba(0,0,0,0.06);
	padding:42px 80px 45px;
	flex-flow:row wrap;
	justify-content:center;
	align-content:flex-start;
	gap:78px 196px;
	list-style:none;
	margin:0;
	z-index:500;
}
#header_main ul.av-main-nav li.fi-nav-actualites:hover > .sub-menu{
	display:flex !important;
}
#header_main ul.av-main-nav li.fi-sub-actualites{
	width:320px !important;
	height:169px !important;
	float:none !important;
	display:block;
	flex:0 0 320px;
}
#header_main ul.av-main-nav li.fi-sub-actualites > a{
	display:flex !important;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	border-radius:0 40px 0 0;
	background:rgba(255,255,255,0.12);
	border:1px solid rgba(255,255,255,0.35);
	color:#fffffe !important;
	font-family:'Poppins','Gill Sans MT',sans-serif !important;
	font-weight:600 !important;
	font-size:18px !important;
	padding:16px !important;
	margin:0 !important;
	line-height:normal;
}

/* --- Images de fond des vignettes des sous-menus additionnels (Figma) --- */

#header_main ul.av-main-nav li.fi-sub-qsn > a{
	background-size:cover;
	background-position:center;
	z-index:0;
}
#header_main ul.av-main-nav li.fi-sub-qsn > a::before{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.4);
}
#header_main ul.av-main-nav li.fi-sub-qsn > a .avia-menu-text,
#header_main ul.av-main-nav li.fi-sub-qsn > a .avia-bullet{
	position:relative;
	z-index:1;
}
#header_main ul.av-main-nav li.fi-sub-presentation > a, .fi-mm-tuiles li.fi-sub-presentation > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/equipe-qui-sommes-nous-food-interim-1030x885.jpg'); }
#header_main ul.av-main-nav li.fi-sub-nosagences > a, .fi-mm-tuiles li.fi-sub-nosagences > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-qsn-nosagences.jpg'); }

#header_main ul.av-main-nav li.fi-sub-employeur > a{
	background-size:cover;
	background-position:center;
	z-index:0;
}
#header_main ul.av-main-nav li.fi-sub-employeur > a::before{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.4);
}
#header_main ul.av-main-nav li.fi-sub-employeur > a .avia-menu-text,
#header_main ul.av-main-nav li.fi-sub-employeur > a .avia-bullet{
	position:relative;
	z-index:1;
}
#header_main ul.av-main-nav li.fi-sub-secteurs > a, .fi-mm-tuiles li.fi-sub-secteurs > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/sousmenu-espaceemployeur-secteursactivites-836x1030.png'); }
#header_main ul.av-main-nav li.fi-sub-prestations > a, .fi-mm-tuiles li.fi-sub-prestations > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-employeur-prestations.jpg'); }
#header_main ul.av-main-nav li.fi-sub-formulaire > a, .fi-mm-tuiles li.fi-sub-formulaire > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/sousmenu-espaceemployeur-contact-1030x686.jpg'); }
#header_main ul.av-main-nav li.fi-sub-docsemployeur > a, .fi-mm-tuiles li.fi-sub-docsemployeur > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-employeur-docs.jpg'); }

#header_main ul.av-main-nav li.fi-sub-offresdemplois > a{
	background-size:cover;
	background-position:center;
	z-index:0;
}
#header_main ul.av-main-nav li.fi-sub-offresdemplois > a::before{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.4);
}
#header_main ul.av-main-nav li.fi-sub-offresdemplois > a .avia-menu-text,
#header_main ul.av-main-nav li.fi-sub-offresdemplois > a .avia-bullet{
	position:relative;
	z-index:1;
}
#header_main ul.av-main-nav li.fi-sub-offresemploi2 > a, .fi-mm-tuiles li.fi-sub-offresemploi2 > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-offres-offresemploi.jpg'); }
#header_main ul.av-main-nav li.fi-sub-candidature2 > a, .fi-mm-tuiles li.fi-sub-candidature2 > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-offres-candidature.jpg'); }
#header_main ul.av-main-nav li.fi-sub-infos2 > a, .fi-mm-tuiles li.fi-sub-infos2 > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-offres-infosinterim.jpg'); }
#header_main ul.av-main-nav li.fi-sub-debutants2 > a, .fi-mm-tuiles li.fi-sub-debutants2 > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-offres-debutants.jpg'); }
#header_main ul.av-main-nav li.fi-sub-documents2 > a, .fi-mm-tuiles li.fi-sub-documents2 > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-offres-docs.jpg'); }
#header_main ul.av-main-nav li.fi-sub-parrainage2 > a, .fi-mm-tuiles li.fi-sub-parrainage2 > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-offres-parrainage.jpg'); }

#header_main ul.av-main-nav li.fi-sub-agences > a{
	background-size:cover;
	background-position:center;
	z-index:0;
}
#header_main ul.av-main-nav li.fi-sub-agences > a::before{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.4);
}
#header_main ul.av-main-nav li.fi-sub-agences > a .avia-menu-text,
#header_main ul.av-main-nav li.fi-sub-agences > a .avia-bullet{
	position:relative;
	z-index:1;
}
#header_main ul.av-main-nav li.fi-sub-laval > a, .fi-mm-tuiles li.fi-sub-laval > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/carte-laval-food-interim-1030x687.jpg'); }
#header_main ul.av-main-nav li.fi-sub-vannes > a, .fi-mm-tuiles li.fi-sub-vannes > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/carte-vannes-food-interim-1030x687.jpg'); }
#header_main ul.av-main-nav li.fi-sub-tregneux > a, .fi-mm-tuiles li.fi-sub-tregneux > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/carte-tregueux-food-interim-1030x687.jpg'); }
#header_main ul.av-main-nav li.fi-sub-liffre > a, .fi-mm-tuiles li.fi-sub-liffre > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/carte-liffre-food-interim-1030x687.jpg'); }

#header_main ul.av-main-nav li.fi-sub-actualites > a{
	background-size:cover;
	background-position:center;
	z-index:0;
}
#header_main ul.av-main-nav li.fi-sub-actualites > a::before{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.4);
}
#header_main ul.av-main-nav li.fi-sub-actualites > a .avia-menu-text,
#header_main ul.av-main-nav li.fi-sub-actualites > a .avia-bullet{
	position:relative;
	z-index:1;
}
#header_main ul.av-main-nav li.fi-sub-toutesactus > a, .fi-mm-tuiles li.fi-sub-toutesactus > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/toutes-les-actus-food-interim.png'); }
#header_main ul.av-main-nav li.fi-sub-galerie > a, .fi-mm-tuiles li.fi-sub-galerie > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/galerie-photos-food-interim.png'); }
#header_main ul.av-main-nav li.fi-sub-revuepresse > a, .fi-mm-tuiles li.fi-sub-revuepresse > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/10/revue-de-presse-food-interim.png'); }
#header_main ul.av-main-nav li.fi-sub-videos > a, .fi-mm-tuiles li.fi-sub-videos > a{ background-image:url('https://food.ae2agence.ovh/uploads/2026/09/food-interim-sousmenu-actualites-videos.jpg'); }

/* --- Nos secteurs d'activites & Nos valeurs (page Qui sommes-nous - Figma) --- */
/* --- Affinage design (couleurs, polices, hauteurs egales, position pictos, fleches nav) --- */
.fi-secteurs-section{
	padding:60px 0;
}
.fi-secteurs-heading h2{
	margin:0 0 40px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
}
.fi-valeurs-heading h2{
	margin:0 0 20px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
}
.fi-secteurs-slider .avia-content-slider-inner{
	padding:26px 10px 0;
}
.fi-secteurs-slider{
	position:relative;
}
@media (min-width:990px){
.fi-secteurs-section .container{
	padding-left:0 !important;
	padding-right:0 !important;
}
}
.fi-secteurs-slider .slide-entry-wrap > section{
	background:#ffffff;
	border:1px solid #f4baba;
	border-radius:8px;
	padding:44px 24px 32px;
	text-align:center;
	margin:0 12px;
	box-sizing:border-box;
	position:relative;
	min-height:278px;
}
.fi-secteurs-slider .fi-secteur-icon{
	width:44px;
	height:44px;
	border-radius:50%;
	background:#f4baba;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:-22px;
	left:50%;
	transform:translateX(-50%);
	margin:0;
}
.fi-secteurs-slider .fi-secteur-icon img{
	width:22px;
	height:22px;
}
.fi-secteurs-slider .slide-entry-title{
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:24px;
	font-weight:600;
	color:#2a3546;
	margin:0 0 12px;
}
.fi-secteurs-slider .slide-entry-excerpt p{
	font-size:16px;
	line-height:1.6;
	color:#3d5675;
	margin:0;
}
/* Fleches de navigation du slider : forme et position Figma (chevron fin, sans bouton, hors des cartes) */
#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows{
	position:static !important;
}
#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows a.prev-slide,
#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows a.next-slide{
	position:absolute !important;
	top:calc(50% + 12px) !important;
	width:18px !important;
	height:34px !important;
	max-width:18px !important;
	max-height:34px !important;
	padding:0 !important;
	border-radius:0 !important;
	background-color:transparent !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-size:contain !important;
	font-size:0 !important;
	line-height:0 !important;
}
#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows a.prev-slide{
	left:-36px !important;
	right:auto !important;
	transform:translateY(-50%) !important;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCIgdmlld0JveD0iMCAwIDU0IDU0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMzkuNjU5MyA1My45OTk4TDEyLjY1OTcgMjcuMDAwMUwzOS42NTkzIDBMNDEuMzcwOSAxLjcxMTEzTDE2LjA4MTkgMjcuMDAwMUw0MS4zNzA5IDUyLjI4ODdMMzkuNjU5MyA1My45OTk4WiIgZmlsbD0iIzNENTY3NSIvPjwvc3ZnPg==') !important;
}
#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows a.next-slide{
	right:-36px !important;
	left:auto !important;
	transform:translateY(-50%) !important;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCIgdmlld0JveD0iMCAwIDU0IDU0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTQuMzQwNyAwLjAwMDIwNDUzOUw0MS4zNDAzIDI2Ljk5OTlMMTQuMzQwNyA1NEwxMi42MjkxIDUyLjI4ODlMMzcuOTE4MSAyNi45OTk5TDEyLjYyOTEgMS43MTEzNEwxNC4zNDA3IDAuMDAwMjA0NTM5WiIgZmlsbD0iIzNENTY3NSIvPjwvc3ZnPg==') !important;
}
#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows a.prev-slide svg,
#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows a.next-slide svg{
	display:none !important;
}
.fi-valeurs-section{
	padding:0 0 60px;
	position:relative;
	background-color:transparent !important;
}
.fi-valeurs-section::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:287px;
	background:#f4baba;
	z-index:0;
}
.fi-valeurs-section > .container{
	position:relative;
	z-index:1;
}
.fi-valeurs-section .column-top-margin{
	margin-top:20px !important;
}
.fi-valeur-card{
	background:#ffffff;
	border-radius:8px;
	box-shadow:0px 4px 20px 0px rgba(0,0,0,0.07);
	padding:40px 30px;
	margin:0 15px 20px;
	box-sizing:border-box;
	min-height:434px;
}
.fi-valeur-card h3{
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:26px !important;
	font-weight:600 !important;
}
.fi-valeur-card p{
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px !important;
}
.fi-valeur-icon{
	text-align:center;
	margin-bottom:16px;
}
.fi-valeur-icon img{
	width:56px;
	height:56px;
}


/* --- Dropdown numeros de telephone des agences (header topbar) --- */
.fi-header-phone-wrap{
	position:relative;
}
.fi-header-phone-toggle{
	display:flex;
	align-items:center;
	gap:5px;
	background:none;
	border:0;
	cursor:pointer;
	padding:0;
}
.fi-header-phone-toggle .fi-header-phone-caret{
	width:8px;
	height:5px;
	display:block;
	transition:transform .2s ease;
	flex-shrink:0;
}
.fi-header-phone-toggle[aria-expanded="true"] .fi-header-phone-caret{
	transform:rotate(180deg);
}
.fi-header-phone-toggle .fi-header-phone-icon-img{
	width:24px;
	height:24px;
}
.fi-header-phone-dropdown{
	position:absolute;
	top:100%;
	left:0;
	margin-top:12px;
	background:#ffffff;
	border-radius:12px;
	box-shadow:0 10px 30px rgba(0,0,0,.18);
	padding:16px 20px;
	min-width:240px;
	z-index:1000;
}
.fi-header-phone-dropdown[hidden]{
	display:none;
}
.fi-header-phone-list{
	list-style:none;
	margin:0;
	padding:0;
}
.fi-header-phone-list li{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	padding:8px 0;
	border-bottom:1px solid #f0f0f0;
	white-space:nowrap;
}
.fi-header-phone-list li:last-child{
	border-bottom:0;
}
.fi-header-phone-city{
	font-weight:bold;
	color:#2a3546;
	font-size:14px;
}
#fi-header-phone-dropdown .fi-header-phone-number{
	color:#e64746;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

/* ajustement maj */

.fi-agences .fi-tab {
    font-family: 'Gill Sans MT','Gill Sans',Calibri,sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}

.fi-job-badge {
    padding: 1px 6px;
}

/* Accueil - boutons du hero (maquette Figma node 2071-946) : pilules Gill Sans MT Bold 14px/20px,
   majuscules. Cibles stables (prefixe de classe + classe du groupe de boutons) : Enfold regenere
   le suffixe aleatoire des classes av-fiherobtnX-xxxx, ce qui avait fait sauter l'ancien style. */
#top #wrap_all .fi-hero-btnrow{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:12px;
}
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:0 !important;
	padding:5px 11px;
	border-radius:24px;
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	text-transform:uppercase;
	white-space:nowrap;
	transition:opacity .2s ease;
}
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn"] .avia_iconbox_title{
	font:inherit;
	line-height:inherit;
	text-transform:inherit;
	color:inherit;
}
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn1-"]{
	background:#E64746;
	border:1px solid #E64746;
	color:#FFFFFE;
}
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn2-"]{
	background:#FFFFFE;
	border:1px solid #3D5675;
	color:#3D5675;
}
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn"]:hover,
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn"]:focus-visible{
	opacity:.85;
}
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn1-"]:hover,
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn1-"]:focus-visible{
	background:#E64746;
	color:#FFFFFE;
}
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn2-"]:hover,
#top #wrap_all .fi-hero-btnrow .avia-button[class*="av-fiherobtn2-"]:focus-visible{
	background:#FFFFFE;
	color:#3D5675;
}

.fi-ve-card .fi-ve-btn {
    border:none;
    padding:0;
}

.fi-ve-card-employeur .fi-ve-photo img {
    max-height: 320px;
    margin-top:-2.5rem;
    margin-bottom:-3.2rem;
}

.fi-ve-card .fi-ve-decor img {
    width:290px !important;
    margin:-13rem auto 0;
}

.fi-actus.fi-home .flex_column {
    border:none;
    background:transparent;
    padding:0;
}

.container_wrap {
    border:none !important;
}
/*
.fi-actus.fi-home .avia_code_block_2:after {
    content:"";
    width:210px;
    height:34px;
    background:white;
    display:block;
    position:absolute;
    left:50%;
    transform:translate(-50%, 0);
    bottom:0.2rem;
    z-index:2;
}*/

.fi-actus.fi-home {
    padding-bottom:0px;
}

.fi-vousetes h2 {
    margin-bottom:-1rem !important;
}

span.avia-menu-fx {
    display:none;
}

.photo-ajustement img {
    margin-right:7rem !important;
    max-height: 240px !important;
    margin-bottom:-0.7rem !important;
}

.offres-liste-home .content {
    padding-bottom:3rem;
}

.container_wrap {
	box-shadow:none;
}

@media (min-width:1680px){
    .fi-hero-decor {
        right:-30%;
        bottom:-44%;
    }
}

.home div#av_section_1 {
	background-position:center center;
}

#av_section_1 .avia_textblock.fi-hero-text {
    max-width:500px;
}

#av_section_1 .fi-hero-btnrow {
    margin-top:2.3rem;
}

#av_section_1 h1.fi-hero-title,
#av_section_1 p.fi-hero-desc {
    text-shadow:1px 1px 2px  #0000003b;
}

.fi-hero-section .av-section-color-overlay {
    background: linear-gradient(186deg, rgba(0, 0, 0, 0.2) 38%, rgba(0, 0, 0, 0.56) 100%) !important;
    opacity: 1 !important;
}


.fi-agences-row,
.fi-wrap {
    padding:0;
}

.fi-qsn-textcol {
    padding-left:00px !important;
}

.fi-hero-section .fi-hero-col {
    padding-left:00px !important;
}

#header_main .container.av-logo-container {
    padding: 0 50px;
}

.fi-header-topbar-inner {
    padding: 4px 60px;
}

.avia_textblock.fi-actus-title h2 {
    margin-top:3rem !important;
    margin-bottom:-1rem !important;
}

.fi-qsn-section .content {
    padding-top:90px;
}

#footer-page main.template-page {
    padding-bottom:0;
}

.fi-footer-section .container {
    max-width: 1500px;
}

.fi-footer-section .entry-content-wrapper {
    align-items: flex-start;
}

.fi-footer-decor img {
    margin-bottom:-90px;
    margin-top:20px;
}

#header {
    border-radius: 0 0 20px 20px;
}

.bandeau-top-page-interne h1 {
	font-family: Poppins;
    color: #FFF;
    font-size: 2.25rem;
    line-height: normal;
    margin-bottom:0;
}

.breadcrumb-section * {
    color: #FFF !important;
    font-family: Poppins;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bandeau-top-page-interne {
    padding-top:2rem;
}

.fi-hero-decor {
    opacity: 1;
}

@media (max-width:1430px){
#header_main ul.av-main-nav > li.fi-nav-item > a {
    font-size: 14px !important;
}}
@media (max-width:1350px){
#header_main ul.av-main-nav > li.fi-nav-item > a {
    font-size: 13px !important;
}}

.fi-pill-btn .avia-button .avia-button-wrap-inner, .fi-pill-btn .avia_iconbox_title, .fi-pill-btn {
    font-family: "Gill Sans MT";
    font-style: normal;
    font-weight: 700;
}

.fi-ve-card .fi-ve-arrow {
    transition:0.3s;
}

.fi-ve-card:hover .fi-ve-arrow {
    transform:rotate(45deg);
}

#header_main.container_wrap_logo {
    /*background:transparent !important;*/
}

.header_bg {
    border-radius: 0 0 24px 24px;
    background:transparent !important;
}

div#fi-header-phone-dropdown {
    margin-top:82px;
}

div#header_main {
    z-index:2;
}

.header-scrolled div#fi-header-phone-dropdown {
    margin-top: 35px;
}

#header_main ul.av-main-nav li > .sub-menu {
    margin-top:27px !important;
}

.header-scrolled #header_main ul.av-main-nav li > .sub-menu {
    margin-top:5px !important;
}

#top #header_main ul.av-main-nav li > .sub-menu:before {
    content:"";
    position:absolute;
    top:-39px;
    left:0;
    width:100%;
    height:40px;
}

#top .header-scrolled #header_main ul.av-main-nav li > .sub-menu:before {
    content:"";
    position:absolute;
    top:-11px;
    left:0;
    width:100%;
    height:12px;
}

.fi-agences .fi-tab:hover,
.fi-agences .fi-tab.fi-tab-active {
    background-color:#E64746;
    color:white !important;
}

.fi-agences .fi-tab svg {
    transition:0.1s !important;
}

.fi-agences .fi-tab:hover svg,
.fi-agences .fi-tab.fi-tab-active svg{
    filter:brightness(0) invert(1) !important;
}

.avia-content-slider .slide-entry-wrap {
    margin-top:25px;
}

.avia-content-slider .slide-entry-wrap .slide-entry {
    width:23.333%;
}

.fi-secteurs-slider .slide-entry-wrap > section {
    min-height: 255px !important;
}

.avia-content-slider-inner {
    height:auto !important;
}


/* ============================================================ */
/* === FI - Espace candidats : sections "Laissez-nous..." et  === */
/* === "Consulter nos offres" (calque Figma, sept 2026)        === */
/* ============================================================ */

/* Les 2 colonnes de titre reprennent par erreur le style "carte blanche"
   du bloc Employeur de la home (fond, bordure, radius, padding). Sur cette
   page le texte doit reposer directement sur le fond rose de la section,
   comme sur Figma. Les colonnes image (classe -candidat) ne sont pas
   concernees et gardent leur carte blanche. */
body.page-id-243 .fi-vousetes .fi-ve-card-employeur{
	background-color:transparent !important;
	border:none !important;
	border-radius:0 !important;
	padding:0 !important;
	justify-content:center !important;
}

/* Marge sous le titre : .fi-vousetes h2 herite d'un margin-bottom negatif
   (-1rem, pense pour la home ou le titre est colle au bouton), ce qui fait
   chevaucher le titre et le paragraphe sur cette page. */
body.page-id-243 .fi-vousetes h2{
	margin-bottom:20px !important;
}

/* "Pourquoi choisir..." : les 3 blocs blancs (classe .fi-valeur-card,
   partagee avec la page Qui sommes-nous) doivent avoir la meme hauteur sur
   cette page, dictee par le contenu le plus long (3e bloc). */
body.page-id-243 .fi-valeur-card{
	min-height:520px;
}


/* ajustement maj - nos-agences : cartes agences (blocs bas de page) */
body.page-id-262 .fi-agence-col{
	margin-bottom:32px;
}
body.page-id-262 .fi-agence-card{
	display:flex;
	align-items:stretch;
	background:#ffffff;
	border-radius:8px;
	box-shadow:0px 4px 20px 0px rgba(0,0,0,0.07);
	overflow:hidden;
	min-height:349px;
}
body.page-id-262 .fi-agence-card-photo{
	flex:0 0 48.5%;
	max-width:321px;
}
body.page-id-262 .fi-agence-card-photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:5px 0 0 5px;
}
body.page-id-262 .fi-agence-card-content{
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	gap:8px;
	padding:24px 20px;
}
body.page-id-262 .fi-agence-card-title{
	margin:0;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:24px;
	color:#000000;
}
body.page-id-262 .fi-agence-card-address{
	margin:0;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:normal;
	color:#3D5675;
}
body.page-id-262 .fi-agence-card-phone{
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:20px;
	color:#3D5675;
}
body.page-id-262 .fi-agence-card-phone svg{
	flex:0 0 auto;
	width:18px;
	height:20px;
}
body.page-id-262 .fi-agence-card-phone a,
body.page-id-262 .fi-agence-card-email a{
	color:#3D5675;
	text-decoration:none;
}
body.page-id-262 .fi-agence-card-email{
	margin:0;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:16px;
	color:#3D5675;
}
body.page-id-262 .fi-agence-card-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin-top:8px;
	padding:6px 12px;
	background-color:#E64746;
	border:1px solid #E64746;
	border-radius:24px;
	color:#FFFFFE !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none !important;
	transition:opacity 0.2s;
}
body.page-id-262 .fi-agence-card-btn:hover{
	opacity:0.85;
}
@media (max-width:767px){
	body.page-id-262 .fi-agence-card{
		flex-direction:column;
	}
	body.page-id-262 .fi-agence-card-photo{
		flex:0 0 auto;
		max-width:100%;
		height:200px;
	}
	body.page-id-262 .fi-agence-card-photo img{
		border-radius:5px 5px 0 0;
	}
}


/* ajustement maj - candidature-spontanee : design du formulaire (CSS + Contact Form 7 uniquement, page non modifiee) */
body.page-id-269 .wpcf7{
	background:#ffffff;
	border-radius:8px;
	box-shadow:0px 4px 20px 0px rgba(0,0,0,0.07);
	padding:40px 48px;
	max-width:1318px;
	margin:0 auto;
	box-sizing:border-box;
}
body.page-id-269 .fi-cand-row{
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	margin-bottom:24px;
}
body.page-id-269 .fi-cand-field,
body.page-id-269 .fi-cand-field-empty{
	flex:1 1 0;
	min-width:260px;
	margin:0;
}
body.page-id-269 .fi-cand-row label,
body.page-id-269 .fi-cand-agences-label{
	display:block;
	margin-bottom:8px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:16px;
	color:#3D5675;
}
body.page-id-269 .fi-cand-form input[type="text"],
body.page-id-269 .fi-cand-form input[type="tel"],
body.page-id-269 .fi-cand-form input[type="email"]{
	width:100% !important;
	height:45px !important;
	padding:0 16px !important;
	background-color:#ffffff !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-size:14px !important;
	color:#2A3546 !important;
	box-sizing:border-box !important;
}
body.page-id-269 .fi-cand-form input[type="text"]:focus,
body.page-id-269 .fi-cand-form input[type="tel"]:focus,
body.page-id-269 .fi-cand-form input[type="email"]:focus{
	outline:none !important;
	border-color:#E64746 !important;
}
body.page-id-269 .fi-cand-field-location input[type="text"]{
	padding-right:40px !important;
	background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2217%22%20viewBox%3D%220%200%2013.1666%2016.2885%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%206.51904C0.75%2010.5622%204.28706%2013.9058%205.85266%2015.1877C6.07672%2015.3711%206.19009%2015.464%206.35726%2015.511C6.48742%2015.5477%206.679%2015.5477%206.80916%2015.511C6.97664%2015.4639%207.08922%2015.372%207.31413%2015.1878C8.87972%2013.9059%2012.4166%2010.5626%2012.4166%206.51941C12.4166%204.98932%2011.8021%203.52171%2010.7081%202.43977C9.61413%201.35783%208.1305%200.75%206.5834%200.75C5.0363%200.75%203.55251%201.35792%202.45854%202.43986C1.36458%203.5218%200.75%204.98895%200.75%206.51904Z%22%20stroke%3D%22%23E64746%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M4.91667%205.75C4.91667%206.67047%205.66286%207.41667%206.58333%207.41667C7.50381%207.41667%208.25%206.67047%208.25%205.75C8.25%204.82953%207.50381%204.08333%206.58333%204.08333C5.66286%204.08333%204.91667%204.82953%204.91667%205.75Z%22%20stroke%3D%22%23E64746%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") !important;
	background-repeat:no-repeat !important;
	background-position:right 16px center !important;
	background-size:14px 17px !important;
}
body.page-id-269 .fi-cand-field-emploi input[type="text"]{
	padding-right:40px !important;
	background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2220%22%20viewBox%3D%220%200%2012%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2.452%206.58L3.513%205.52L9.292%2011.297C9.38515%2011.3896%209.45908%2011.4996%209.50953%2011.6209C9.55998%2011.7421%209.58595%2011.8722%209.58595%2012.0035C9.58595%2012.1348%209.55998%2012.2649%209.50953%2012.3861C9.45908%2012.5074%209.38515%2012.6174%209.292%2012.71L3.513%2018.49L2.453%2017.43L7.877%2012.005L2.452%206.58Z%22%20fill%3D%22%23E64746%22%20transform%3D%22rotate%2890%206%2012%29%22/%3E%3C/svg%3E") !important;
	background-repeat:no-repeat !important;
	background-position:right 16px center !important;
	background-size:10px 20px !important;
}
body.page-id-269 .fi-cand-file-wrap{
	position:relative;
	display:block;
	height:45px;
	border:1px solid #F4BABA;
	border-radius:5px;
	background:#ffffff;
	overflow:hidden;
	box-sizing:border-box;
}
body.page-id-269 .fi-cand-file-wrap .wpcf7-form-control-wrap{
	position:absolute;
	inset:0;
	display:block;
}
body.page-id-269 .fi-cand-file-wrap input[type="file"]{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer;
	z-index:2;
	margin:0;
	border:none;
}
body.page-id-269 .fi-cand-file-placeholder{
	position:absolute;
	left:16px;
	top:50%;
	transform:translateY(-50%);
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#3D5675;
	opacity:0.55;
	z-index:1;
	pointer-events:none;
}
body.page-id-269 .fi-cand-file-btn{
	position:absolute;
	right:6px;
	top:50%;
	transform:translateY(-50%);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:6px 12px;
	background-color:#F4BABA;
	border:1px solid #E64746;
	border-radius:24px;
	color:#FFFFFE;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:12px;
	text-transform:uppercase;
	z-index:1;
	pointer-events:none;
}
body.page-id-269 .fi-cand-field-agences{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:24px;
	width:100%;
	margin:0;
}
body.page-id-269 .fi-cand-agences-label{
	margin:0;
	margin-right:8px;
}
body.page-id-269 .fi-cand-agences-list{
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	margin:0;
	padding:0;
}
body.page-id-269 .fi-cand-agences-list .wpcf7-list-item{
	margin:0;
	display:inline-flex;
	align-items:center;
}
body.page-id-269 .fi-cand-agences-list label{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:0;
	cursor:pointer;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:14px;
	color:#2A3546;
}
body.page-id-269 .fi-cand-agences-list input[type="checkbox"],
body.page-id-269 .fi-cand-field-consent input[type="checkbox"]{
	width:18px;
	height:18px;
	margin:0;
	flex:0 0 auto;
	appearance:none;
	-webkit-appearance:none;
	background-color:#F4BABA;
	border:none;
	border-radius:5px;
	cursor:pointer;
	position:relative;
}
body.page-id-269 .fi-cand-agences-list input[type="checkbox"]:checked,
body.page-id-269 .fi-cand-field-consent input[type="checkbox"]:checked{
	background-color:#E64746;
}
body.page-id-269 .fi-cand-agences-list input[type="checkbox"]:checked::after,
body.page-id-269 .fi-cand-field-consent input[type="checkbox"]:checked::after{
	content:"";
	position:absolute;
	left:5px;
	top:1px;
	width:5px;
	height:10px;
	border:solid #ffffff;
	border-width:0 2px 2px 0;
	transform:rotate(45deg);
}
body.page-id-269 .fi-cand-field-consent{
	width:100%;
	margin:0;
}
body.page-id-269 .fi-cand-field-consent .wpcf7-acceptance label{
	display:flex;
	align-items:flex-start;
	gap:8px;
	cursor:pointer;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px;
	color:#3D5675;
}
body.page-id-269 .fi-cand-field-consent .wpcf7-acceptance input[type="checkbox"]{
	margin-top:3px;
}
body.page-id-269 .fi-cand-field-consent a{
	color:#3D5675;
	text-decoration:underline;
}
body.page-id-269 .fi-cand-required-note{
	text-align:right;
	margin:0 0 16px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:13px;
	font-style:italic;
	color:#3D5675;
	opacity:0.75;
}
body.page-id-269 .fi-cand-submit-row{
	text-align:center;
	margin-top:8px;
}
body.page-id-269 .fi-cand-form input[type="submit"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:12px 32px;
	background-color:#E64746;
	border:1px solid #E64746;
	border-radius:24px;
	color:#FFFFFE;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:16px;
	text-transform:uppercase;
	cursor:pointer;
	transition:opacity 0.2s;
}
body.page-id-269 .fi-cand-form input[type="submit"]:hover{
	opacity:0.85;
}
body.page-id-269 .fi-cand-form .wpcf7-not-valid-tip{
	display:block;
	margin-top:4px;
	font-size:13px;
	color:#E64746;
}
body.page-id-269 .wpcf7-response-output{
	margin:24px auto 0;
	max-width:1318px;
	border-radius:8px;
	box-sizing:border-box;
}
@media (max-width:767px){
	body.page-id-269 .wpcf7{
		padding:24px 20px;
	}
	body.page-id-269 .fi-cand-row{
		flex-direction:column;
		gap:16px;
	}
	body.page-id-269 .fi-cand-field-agences{
		flex-direction:column;
		align-items:flex-start;
		gap:12px;
	}
}

/* fin ajustment maj */

/* ajustement maj - nous-contacter : design du formulaire (CSS + Contact Form 7 uniquement, page non modifiee) */
body.page-id-282 .wpcf7{
	background:#ffffff;
	border-radius:8px;
	box-shadow:0px 4px 20px 0px rgba(0,0,0,0.07);
	padding:40px 48px;
	max-width:1318px;
	margin:0 auto;
	box-sizing:border-box;
}
body.page-id-282 .fi-contact-form{
	max-width:740px;
	margin:0 auto;
}
body.page-id-282 .fi-contact-row{
	display:flex;
	flex-wrap:wrap;
	gap:24px 54px;
	margin-bottom:32px;
}
body.page-id-282 .fi-contact-field{
	flex:1 1 0;
	min-width:240px;
	margin:0;
}
body.page-id-282 .fi-contact-row label,
body.page-id-282 .fi-contact-agences-label{
	display:block;
	margin-bottom:8px;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-weight:400 !important;
	font-size:16px !important;
	line-height:1.5 !important;
	color:#3D5675 !important;
	text-transform:none !important;
}
body.page-id-282 .fi-contact-form input[type="text"],
body.page-id-282 .fi-contact-form input[type="tel"],
body.page-id-282 .fi-contact-form input[type="email"]{
	width:100% !important;
	height:45px !important;
	padding:0 16px !important;
	background-color:#ffffff !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-size:14px !important;
	color:#2A3546 !important;
	box-sizing:border-box !important;
}
body.page-id-282 .fi-contact-form input[type="text"]:focus,
body.page-id-282 .fi-contact-form input[type="tel"]:focus,
body.page-id-282 .fi-contact-form input[type="email"]:focus{
	outline:none !important;
	border-color:#E64746 !important;
}
body.page-id-282 .fi-contact-field-message{
	flex:1 1 100%;
	min-width:0;
}
body.page-id-282 .fi-contact-form textarea{
	display:block;
	width:100% !important;
	height:155px !important;
	padding:12px 16px !important;
	background-color:#ffffff !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-size:14px !important;
	line-height:1.6 !important;
	color:#2A3546 !important;
	box-sizing:border-box !important;
	resize:vertical;
}
body.page-id-282 .fi-contact-form textarea:focus{
	outline:none !important;
	border-color:#E64746 !important;
}
body.page-id-282 .fi-contact-field-agences{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:24px;
	width:100%;
	margin:0;
}
body.page-id-282 .fi-contact-agences-label{
	margin:0;
	margin-right:8px;
}
body.page-id-282 .fi-contact-agences-list{
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	margin:0;
	padding:0;
}
body.page-id-282 .fi-contact-agences-list .wpcf7-list-item{
	margin:0;
	display:inline-flex;
	align-items:center;
}
body.page-id-282 .fi-contact-agences-list label{
	display:inline-flex !important;
	align-items:center;
	gap:8px;
	margin:0;
	cursor:pointer;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-weight:600 !important;
	font-size:14px !important;
	color:#2A3546 !important;
}
body.page-id-282 .fi-contact-agences-list input[type="checkbox"],
body.page-id-282 .fi-contact-field-consent input[type="checkbox"]{
	width:18px;
	height:18px;
	margin:0;
	flex:0 0 auto;
	appearance:none;
	-webkit-appearance:none;
	background-color:#F4BABA;
	border:none;
	border-radius:5px;
	cursor:pointer;
	position:relative;
}
body.page-id-282 .fi-contact-agences-list input[type="checkbox"]:checked,
body.page-id-282 .fi-contact-field-consent input[type="checkbox"]:checked{
	background-color:#E64746;
}
body.page-id-282 .fi-contact-agences-list input[type="checkbox"]:checked::after,
body.page-id-282 .fi-contact-field-consent input[type="checkbox"]:checked::after{
	content:"";
	position:absolute;
	left:5px;
	top:1px;
	width:5px;
	height:10px;
	border:solid #ffffff;
	border-width:0 2px 2px 0;
	transform:rotate(45deg);
}
body.page-id-282 .fi-contact-row-consent{
	margin-bottom:24px;
}
body.page-id-282 .fi-contact-field-consent{
	width:100%;
	margin:0;
}
body.page-id-282 .fi-contact-field-consent .wpcf7-acceptance label{
	display:flex !important;
	align-items:flex-start;
	gap:8px;
	cursor:pointer;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-weight:400 !important;
	font-size:16px !important;
	line-height:1.5 !important;
	color:#3D5675 !important;
	text-transform:none !important;
}
body.page-id-282 .fi-contact-field-consent .wpcf7-acceptance input[type="checkbox"]{
	margin-top:3px;
}
body.page-id-282 .fi-contact-field-consent a{
	color:#3D5675;
	text-decoration:underline;
}
body.page-id-282 .fi-contact-required-note{
	text-align:right;
	margin:0 0 24px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:13px;
	font-style:italic;
	color:#3D5675;
	opacity:0.75;
}
body.page-id-282 .fi-contact-submit-row{
	position:relative;
	text-align:center;
	margin-top:8px;
}
body.page-id-282 .fi-contact-submit-row .wpcf7-spinner{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	margin-left:12px;
}
body.page-id-282 .fi-contact-form input[type="submit"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:12px 32px;
	background-color:#E64746;
	border:1px solid #E64746;
	border-radius:24px;
	color:#FFFFFE;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:16px;
	text-transform:uppercase;
	cursor:pointer;
	transition:opacity 0.2s;
}
body.page-id-282 .fi-contact-form input[type="submit"]:hover{
	opacity:0.85;
}
body.page-id-282 .fi-contact-form .wpcf7-not-valid-tip{
	display:block;
	margin-top:4px;
	font-size:13px;
	color:#E64746;
}
body.page-id-282 .wpcf7-response-output{
	margin:24px auto 0;
	max-width:1318px;
	border-radius:8px;
	box-sizing:border-box;
}
@media (max-width:767px){
	body.page-id-282 .wpcf7{
		padding:24px 20px;
	}
	body.page-id-282 .fi-contact-row{
		flex-direction:column;
		gap:16px;
		margin-bottom:24px;
	}
	body.page-id-282 .fi-contact-field-agences{
		flex-direction:column;
		align-items:flex-start;
		gap:12px;
	}
}

/* fin ajustment maj */


/* ajustement maj - GABARIT page agence : integration Figma (Nous trouver / L'equipe / Offres d'emploi) */
/* La page est construite avec les elements natifs du builder Enfold (blocs texte, colonnes 1/4, images).
   Seuls la carte et la liste des offres restent en codeblock.

   Ce bloc est cible sur la classe de gabarit .fi-page-agence, pas sur un identifiant
   de page : dupliquer la page suffit pour reprendre la mise en forme. La classe est
   ajoutee par includes/fi-gabarits-pages.php a toute page descendante de "Nos agences"
   ou contenant le bloc .fi-agence-trouver. */
body.fi-page-agence{
	--fi-red:#E64746;
	--fi-dark:#2A3546;
	--fi-blue:#3D5675;
	--fi-white:#FFFFFE;
	--fi-pink-border:#F4BABA;
	--fi-pink-bg:#F7CBCB;
}

/* --- Titres de section (blocs texte) --- */
body.fi-page-agence .fi-agence-titre{
	margin:0 0 27px;
}
body.fi-page-agence .fi-agence-h2{
	margin:0 0 16px;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-weight:600 !important;
	font-size:36px !important;
	line-height:1.2 !important;
	color:#2A3546 !important;
	text-align:center;
}
body.fi-page-agence .fi-agence-h2 .fi-accent{color:#E64746 !important;}

/* --- Nous trouver --- */
body.fi-page-agence .fi-agence-trouver{
	padding:56px 0 0;
}
body.fi-page-agence .fi-agence-infos-col{
	width:37%;
}
body.fi-page-agence .fi-agence-map-col{
	width:60.5%;
	margin-left:2.5%;
}
body.fi-page-agence .fi-agence-infos{
	background:#ffffff;
	border-radius:5px;
	box-shadow:0 4px 20px 0 rgba(0,0,0,0.1);
	padding:24px 28px;
	min-height:316px;
	box-sizing:border-box;
	margin:0;
}
body.fi-page-agence .fi-agence-nom{
	margin:0 0 12px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:24px;
	line-height:1.5;
	color:#000000;
}
body.fi-page-agence .fi-agence-coord{
	list-style:none;
	margin:0;
	padding:0;
}
body.fi-page-agence .fi-agence-coord li{
	list-style:none;
	position:relative;
	padding:0 0 0 32px;
	margin:0 0 10px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:35px;
	color:#3D5675;
}
body.fi-page-agence .fi-agence-coord li:last-child{
	margin-bottom:0;
	line-height:25px;
}
body.fi-page-agence .fi-agence-ico{
	position:absolute;
	left:4px;
	top:9px;
	margin:0;
	border-radius:0;
	box-shadow:none;
}
body.fi-page-agence .fi-agence-coord a{
	color:#3D5675;
	text-decoration:none;
}
body.fi-page-agence .fi-agence-coord a:hover{
	text-decoration:underline;
}
body.fi-page-agence .fi-agence-tel{
	font-weight:600;
}
body.fi-page-agence .fi-agence-map{
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 4px 30px 0 rgba(0,0,0,0.1);
	height:100%;
	min-height:316px;
	background:#eef2ea;
}
body.fi-page-agence .fi-agence-map iframe{
	display:block;
	width:100%;
	height:100%;
	border:0;
}
/* le plan suit la hauteur de la carte de coordonnees (colonnes a hauteur egale Enfold) */
@media (min-width:990px){
	body.fi-page-agence .fi-agence-map-col{
		position:relative;
	}
	body.fi-page-agence .fi-agence-map{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		height:auto;
		min-height:0;
	}
}

/* --- L'equipe : bandeau rose derriere le titre et le haut des cartes --- */
body.fi-page-agence .fi-agence-equipe{
	position:relative;
	margin-top:67px;
	padding:23px 0 0;
}
body.fi-page-agence .fi-agence-equipe::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:346px;
	background:#F4BABA;
	z-index:0;
}
body.fi-page-agence .fi-agence-equipe .container{
	position:relative;
	z-index:1;
}
body.fi-page-agence .fi-agence-equipe .fi-agence-titre{
	margin-bottom:28px;
}
body.fi-page-agence .fi-agence-equipe-intro{
	margin:0 auto;
	max-width:948px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.5;
	color:#3D5675;
	text-align:center;
}
body.fi-page-agence .fi-team-col{
	margin-bottom:34px;
}
body.fi-page-agence .fi-team-photo{
	margin:0 !important;
}
body.fi-page-agence .fi-team-photo .avia-image-container-inner{
	display:block;
	background:#ffffff;
	border-radius:5px;
	box-shadow:0 4px 20px 0 rgba(0,0,0,0.1);
	height:295px;
	padding:10px 10px 0;
	box-sizing:border-box;
}
body.fi-page-agence .fi-team-photo .avia-image-overlay-wrap{
	display:block;
	height:285px;
	width:100%;
}
body.fi-page-agence .fi-team-photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center bottom;
	border-radius:0;
	box-shadow:none;
}
body.fi-page-agence .fi-team-txt{
	margin:16px 0 0;
}
body.fi-page-agence .fi-team-name{
	margin:0;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:20px;
	line-height:1.5;
	color:#000000;
	text-align:center;
}
body.fi-page-agence .fi-team-role{
	margin:0;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.5;
	color:#3D5675;
	text-align:center;
}

/* --- Offres d'emploi : encarts identiques au slider de la page d'accueil --- */
body.fi-page-agence .fi-agence-offres{
	padding:38px 0 82px;
}
body.fi-page-agence .fi-agence-offres .fi-agence-titre{
	margin-bottom:37px;
}
body.fi-page-agence .fi-agence-offres-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:19px;
}
body.fi-page-agence .fi-job-card{
	border:1px solid var(--fi-pink-border);
	border-radius:8px;
	padding:16px;
	display:flex;
	flex-direction:column;
	gap:16px;
	background:var(--fi-white);
	transition:background .2s ease;
	min-height:150px;
	text-decoration:none;
	font-family:'Segoe UI',Arial,sans-serif;
}
body.fi-page-agence .fi-job-card:hover{
	background:rgba(244,186,186,0.1);
}
body.fi-page-agence .fi-job-card-top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:8px;
}
body.fi-page-agence .fi-job-title{
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
	font-weight:700;
	font-size:22px;
	color:var(--fi-dark);
	line-height:1.2;
}
body.fi-page-agence .fi-job-badge{
	flex-shrink:0;
	background:var(--fi-pink-border);
	color:var(--fi-red);
	font-size:14px;
	font-weight:600;
	border-radius:999px;
	padding:4px 10px;
	white-space:nowrap;
}
body.fi-page-agence .fi-job-sector{
	color:var(--fi-red);
	font-size:15px;
}
body.fi-page-agence .fi-job-card-bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:auto;
}
body.fi-page-agence .fi-job-location{
	display:flex;
	align-items:center;
	gap:8px;
	color:var(--fi-blue);
	font-size:15px;
}
body.fi-page-agence .fi-job-location img{
	width:18px;
	height:18px;
	margin:0;
}
body.fi-page-agence .fi-job-arrow{
	width:20px;
	height:20px;
	margin:0;
	transform:rotate(0deg);
	transition:transform .3s ease;
	transform-origin:center;
}
body.fi-page-agence .fi-job-card:hover .fi-job-arrow{
	transform:rotate(45deg);
}

/* --- Responsive --- */
@media (max-width:1100px){
	body.fi-page-agence .fi-agence-offres-grid{
		grid-template-columns:repeat(2,1fr);
	}
	body.fi-page-agence .fi-agence-equipe::before{
		height:300px;
	}
}
@media (max-width:989px){
	body.fi-page-agence .fi-agence-infos-col{width:100%;margin-left:0;}
	body.fi-page-agence .fi-agence-map-col{width:100%;margin-left:0;margin-top:24px;}
	body.fi-page-agence .fi-agence-infos{min-height:0;}
}
@media (max-width:767px){
	body.fi-page-agence .fi-agence-h2{
		font-size:28px !important;
	}
	body.fi-page-agence .fi-agence-trouver{
		padding-top:40px;
	}
	body.fi-page-agence .fi-agence-equipe{
		margin-top:48px;
	}
	body.fi-page-agence .fi-agence-equipe::before{
		height:260px;
	}
	body.fi-page-agence .fi-agence-coord li{
		font-size:16px;
		line-height:28px;
	}
	body.fi-page-agence .fi-agence-ico{
		top:5px;
	}
	body.fi-page-agence .fi-agence-offres-grid{
		grid-template-columns:1fr;
	}
	body.fi-page-agence .fi-agence-offres{
		padding-bottom:56px;
	}
	body.fi-page-agence .fi-team-col{
		margin-bottom:24px;
	}
}

/* fin ajustment maj */


/* ajustement maj - espace-employeurs : sections Types de contrats, Releve collectif et formulaire (Figma) */
/* Sections construites avec les elements natifs du builder Enfold. Seul le formulaire CF7 est en codeblock. */

/* --- Types de contrats --- */
body.page-id-318 .fi-emp-contrats{
	padding:40px 0;
}
body.page-id-318 .fi-emp-contrats-img{
	margin:0 !important;
}
body.page-id-318 .fi-emp-contrats-img .avia-image-container-inner,
body.page-id-318 .fi-emp-contrats-img .avia-image-overlay-wrap{
	display:block;
	margin:0;
}
body.page-id-318 .fi-emp-contrats-img img{
	display:block;
	width:100%;
	height:337px;
	object-fit:cover;
	border-radius:0 100px 0 0;
}
body.page-id-318 .fi-emp-contrats-cards{
	margin:0;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:25px 29px;
}
body.page-id-318 .fi-contrat-card{
	margin:0;
	padding:12px 16px;
	background:#ffffff;
	border:1px solid #F4BABA;
	border-radius:8px;
	min-height:105px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:24px;
	line-height:1.3;
	color:#2A3546;
	box-sizing:border-box;
}

/* --- Releve collectif des heures de travail --- */
body.page-id-318 .fi-emp-releve{
	padding:70px 0 33px;
}
body.page-id-318 .fi-emp-releve-heading{
	margin-bottom:12px;
}
body.page-id-318 .fi-emp-releve-btn{
	margin:0;
}
body.page-id-318 .fi-emp-releve-btn .avia-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:0;
	padding:6px 16px !important;
	background-color:#E64746 !important;
	border:1px solid #E64746 !important;
	border-radius:24px !important;
	color:#FFFFFE !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-weight:600 !important;
	font-size:14px !important;
	line-height:20px !important;
	text-transform:uppercase !important;
	transition:opacity .2s ease;
}
body.page-id-318 .fi-emp-releve-btn .avia-button:hover{
	opacity:.85;
}

/* --- Formulaire : carte blanche --- */
body.page-id-318 .fi-emp-form-section{
	padding:0 0 60px;
}
body.page-id-318 .fi-emp-form-card{
	background:#ffffff;
	border-radius:8px;
	box-shadow:0 4px 20px 0 rgba(0,0,0,0.07);
	padding:40px 48px 53px;
	box-sizing:border-box;
}
body.page-id-318 .fi-emp-form-intro{
	margin-bottom:29px;
}

/* --- Formulaire : champs --- */
body.page-id-318 .wpcf7{
	margin:0;
	padding:0;
	background:none;
}
body.page-id-318 .fi-emp-form{
	max-width:740px;
	margin:0 auto;
}
body.page-id-318 .fi-emp-row{
	display:flex;
	flex-wrap:wrap;
	gap:24px 54px;
	margin-bottom:32px;
}
body.page-id-318 .fi-emp-field{
	flex:1 1 0;
	min-width:240px;
	margin:0;
}
body.page-id-318 .fi-emp-field-full{
	flex:1 1 100%;
	min-width:0;
}
body.page-id-318 .fi-emp-row label{
	display:block;
	margin-bottom:8px;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-weight:400 !important;
	font-size:16px !important;
	line-height:1.5 !important;
	color:#3D5675 !important;
	text-transform:none !important;
}
body.page-id-318 .fi-emp-form input[type="text"],
body.page-id-318 .fi-emp-form input[type="tel"],
body.page-id-318 .fi-emp-form input[type="email"]{
	width:100% !important;
	height:45px !important;
	padding:0 16px !important;
	background-color:#ffffff !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-size:14px !important;
	color:#2A3546 !important;
	box-sizing:border-box !important;
}
body.page-id-318 .fi-emp-form input[type="text"]:focus,
body.page-id-318 .fi-emp-form input[type="tel"]:focus,
body.page-id-318 .fi-emp-form input[type="email"]:focus{
	outline:none !important;
	border-color:#E64746 !important;
}
body.page-id-318 .fi-emp-form textarea{
	display:block;
	width:100% !important;
	height:155px !important;
	padding:12px 16px !important;
	background-color:#ffffff !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-size:14px !important;
	line-height:1.6 !important;
	color:#2A3546 !important;
	box-sizing:border-box !important;
	resize:vertical;
}
body.page-id-318 .fi-emp-form textarea:focus{
	outline:none !important;
	border-color:#E64746 !important;
}
body.page-id-318 .fi-emp-row-message{
	margin-bottom:8px;
}
body.page-id-318 .fi-emp-required-note{
	text-align:right;
	margin:0 0 16px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#3D5675;
}
body.page-id-318 .fi-emp-row-consent{
	margin-bottom:24px;
}
body.page-id-318 .fi-emp-field-consent{
	width:100%;
	margin:0;
}
body.page-id-318 .fi-emp-field-consent .wpcf7-acceptance label{
	display:flex !important;
	align-items:flex-start;
	gap:8px;
	cursor:pointer;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-weight:400 !important;
	font-size:16px !important;
	line-height:1.5 !important;
	color:#3D5675 !important;
	text-transform:none !important;
}
body.page-id-318 .fi-emp-field-consent input[type="checkbox"]{
	width:18px;
	height:18px;
	margin:3px 0 0;
	flex:0 0 auto;
	appearance:none;
	-webkit-appearance:none;
	background-color:#F4BABA;
	border:none;
	border-radius:5px;
	cursor:pointer;
	position:relative;
}
body.page-id-318 .fi-emp-field-consent input[type="checkbox"]:checked{
	background-color:#E64746;
}
body.page-id-318 .fi-emp-field-consent input[type="checkbox"]:checked::after{
	content:"";
	position:absolute;
	left:5px;
	top:1px;
	width:5px;
	height:10px;
	border:solid #ffffff;
	border-width:0 2px 2px 0;
	transform:rotate(45deg);
}
body.page-id-318 .fi-emp-field-consent a{
	color:#3D5675;
	text-decoration:underline;
}
body.page-id-318 .fi-emp-submit-row{
	position:relative;
	text-align:center;
	margin-top:8px;
}
body.page-id-318 .fi-emp-submit-row .wpcf7-spinner{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	margin-left:12px;
}
body.page-id-318 .fi-emp-form input[type="submit"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:12px 32px;
	background-color:#E64746;
	border:1px solid #E64746;
	border-radius:24px;
	color:#FFFFFE;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:16px;
	text-transform:uppercase;
	cursor:pointer;
	transition:opacity .2s ease;
}
body.page-id-318 .fi-emp-form input[type="submit"]:hover{
	opacity:.85;
}
body.page-id-318 .fi-emp-form .wpcf7-not-valid-tip{
	display:block;
	margin-top:4px;
	font-size:13px;
	color:#E64746;
}
body.page-id-318 .wpcf7-response-output{
	margin:24px auto 0;
	max-width:740px;
	border-radius:8px;
	box-sizing:border-box;
}

/* --- Responsive --- */
@media (max-width:989px){
	body.page-id-318 .fi-emp-contrats-img img{
		height:260px;
	}
}
@media (max-width:767px){
	body.page-id-318 .fi-emp-contrats-heading h2,
	body.page-id-318 .fi-emp-releve-heading h2,
	body.page-id-318 .fi-emp-form-intro h2{
		font-size:28px !important;
	}
	body.page-id-318 .fi-emp-contrats{
		padding:32px 0;
	}
	body.page-id-318 .fi-emp-contrats-cards{
		grid-template-columns:1fr;
		gap:16px;
	}
	body.page-id-318 .fi-contrat-card{
		min-height:72px;
		font-size:20px;
	}
	body.page-id-318 .fi-emp-releve{
		padding:40px 0 24px;
	}
	body.page-id-318 .fi-emp-form-card{
		padding:24px 20px 32px;
	}
	body.page-id-318 .fi-emp-row{
		flex-direction:column;
		gap:16px;
		margin-bottom:24px;
	}
}

p.fi-emp-field br {
    display:none;
}

#top .input-text, #top input[type=email], #top input[type=input], #top input[type=number], #top input[type=password], #top input[type=search], #top input[type=tel], #top input[type=text], #top input[type=url], #top select, #top textarea {
    margin-bottom: 0px;
}

/* fin ajustment maj */


/* ajustement maj - offres d'emploi : barre de filtres WP Job Manager (Figma) */
/* Le balisage vient des surcharges de templates dans enfold-child/job_manager/.
   On style par la classe .fi-job-filters (et non par un page-id) pour que le
   shortcode [jobs] reste correct partout ou il est utilise. */

.fi-job-filters .fi-filters-bar{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:11px;
	margin:0 0 40px;
}

/* "Filtrer par :" */
.fi-job-filters .fi-filters-legend{
	display:inline-flex;
	align-items:center;
	gap:6px;
	flex:0 0 auto;
	margin-right:12px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:24px;
	color:#2A3546;
	white-space:nowrap;
}
.fi-job-filters .fi-filters-legend-icon{
	flex:0 0 20px;
	color:#2A3546;
}

/* Etiquettes reservees aux lecteurs d'ecran */
.fi-job-filters .fi-filter-label-sr{
	position:absolute !important;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
	border:0;
}

/* Champs : meme gabarit pour la ville, le rayon et les trois taxonomies */
.fi-job-filters .fi-filter,
.fi-job-filters .gjm-radius-wrapper{
	flex:1 1 0;
	min-width:170px;
	margin:0;
	position:relative;
}

/* Le conteneur du plugin de geolocalisation ne doit pas casser la rangee :
   ses enfants deviennent des elements flex de la barre.
   !important est necessaire : gjm.frontend.css impose display:flex. */
.fi-job-filters .gjm-filters-wrapper{
	display:contents !important;
}
/* Le JS du plugin deplace son conteneur dans la barre : on fige donc l'ordre
   d'affichage pour rester conforme a la maquette quel que soit l'ordre du DOM. */
.fi-job-filters .fi-filters-legend{order:1;}
.fi-job-filters .search_location{order:2;}
.fi-job-filters .gjm-radius-wrapper{order:3;}
.fi-job-filters .fi-filter-fi-metier{order:4;}
.fi-job-filters .fi-filter-fi-contrat{order:5;}
.fi-job-filters .fi-filter-fi-secteur{order:6;}
.fi-job-filters .search_submit{order:7;}
/* Tri par distance : masque (non prevu par la maquette), mais toujours soumis
   avec sa valeur par defaut, donc comportement de recherche inchange. */
.fi-job-filters .gjm-orderby-wrapper{
	display:none !important;
}

.fi-job-filters .fi-filter input[type="text"],
.fi-job-filters .fi-filter-select{
	width:100% !important;
	height:45px !important;
	margin:0 !important;
	padding:0 40px 0 12px !important;
	background-color:#ffffff !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	box-shadow:none !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-size:16px !important;
	line-height:43px !important;
	color:#3D5675 !important;
	box-sizing:border-box !important;
	appearance:none;
	-webkit-appearance:none;
}
.fi-job-filters .fi-filter input[type="text"]::placeholder{
	color:#3D5675;
	opacity:1;
}
.fi-job-filters .fi-filter input[type="text"]:focus,
.fi-job-filters .fi-filter-select:focus{
	outline:none !important;
	border-color:#E64746 !important;
}

/* Chevron des listes deroulantes (maquette : weui:arrow-outlined) */
.fi-job-filters .fi-filter-select{
	cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%2824%2C0%29%20rotate%2890%29%22%3E%3Cpath%20d%3D%22M2.452%206.58L3.513%205.52L9.292%2011.297C9.38515%2011.3896%209.45908%2011.4996%209.50953%2011.6209C9.55998%2011.7421%209.58595%2011.8722%209.58595%2012.0035C9.58595%2012.1348%209.55998%2012.2649%209.50953%2012.3861C9.45908%2012.5074%209.38515%2012.6174%209.292%2012.71L3.513%2018.49L2.453%2017.43L7.877%2012.005L2.452%206.58Z%22%20fill%3D%22%23E64746%22/%3E%3C/g%3E%3C/svg%3E") !important;
	background-repeat:no-repeat !important;
	background-position:right 12px center !important;
	background-size:14px 7px !important;
}

/* Ville : le picto est le bouton de geolocalisation du plugin (clic = ma position) */
.fi-job-filters .fi-filter-ville .gjm-locator-btn{
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	color:#E64746;
	cursor:pointer;
	z-index:2;
}

/* Rayon : le plugin remplace le <select> par select2, on lui donne le meme
   gabarit que les autres champs. */
.fi-job-filters .gjm-radius-wrapper .select2-container{
	width:100% !important;
}
.fi-job-filters .gjm-radius-wrapper .select2-container--default .select2-selection--single{
	height:45px !important;
	background-color:#ffffff !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	box-sizing:border-box !important;
}
.fi-job-filters .gjm-radius-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding:0 40px 0 12px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-size:16px !important;
	line-height:43px !important;
	color:#3D5675 !important;
}
.fi-job-filters .gjm-radius-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{
	height:43px !important;
	right:10px !important;
}
.fi-job-filters .gjm-radius-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{
	width:24px !important;
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%2824%2C0%29%20rotate%2890%29%22%3E%3Cpath%20d%3D%22M2.452%206.58L3.513%205.52L9.292%2011.297C9.38515%2011.3896%209.45908%2011.4996%209.50953%2011.6209C9.55998%2011.7421%209.58595%2011.8722%209.58595%2012.0035C9.58595%2012.1348%209.55998%2012.2649%209.50953%2012.3861C9.45908%2012.5074%209.38515%2012.6174%209.292%2012.71L3.513%2018.49L2.453%2017.43L7.877%2012.005L2.452%206.58Z%22%20fill%3D%22%23E64746%22/%3E%3C/g%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:center;
	background-size:14px 7px;
}
.fi-job-filters .gjm-radius-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b{
	display:none !important;
}
/* Le <select> natif est masque par select2 : s'il reste visible (JS absent),
   il garde tout de meme l'apparence d'un champ. */
.fi-job-filters .gjm-radius-wrapper select:not(.select2-hidden-accessible){
	width:100% !important;
	height:45px !important;
	padding:0 40px 0 12px !important;
	background-color:#ffffff !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	font-size:16px !important;
	color:#3D5675 !important;
	box-sizing:border-box !important;
}

/* Bouton de recherche : pastille ronde rouge */
.fi-job-filters .search_submit{
	flex:0 0 48px;
	margin:0 !important;
	padding:0 !important;
	line-height:0;
}
.fi-job-filters .fi-filter-submit-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	padding:0;
	background-color:#E64746;
	border:1px solid #E64746;
	border-radius:50%;
	color:#FFFFFE;
	cursor:pointer;
	margin:0 !important;
	transition:opacity .2s ease;
}
.fi-job-filters .fi-filter-submit-btn:hover{
	opacity:.85;
}
.fi-job-filters .fi-filter-submit-btn:focus-visible{
	outline:2px solid #2A3546;
	outline-offset:2px;
}

/* WP Job Manager applique un fond gris et des marges internes par defaut :
   on les neutralise, la maquette veut une barre posee sur le fond de page. */
form.job_filters.fi-job-filters{
	background:none !important;
	border:0 !important;
	margin:0 0 24px !important;
}
.fi-job-filters .search_jobs{
	padding:0 !important;
	margin:0 !important;
	background:none !important;
}

/* Zone "resultats affiches" : rejetee sous la barre */
.fi-job-filters .showing_jobs{
	order:9;
	flex:1 0 100%;
	margin:8px 0 0 !important;
	padding:0 !important;
	background:none !important;
	border:0 !important;
	text-align:right;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:13px;
	color:#3D5675;
}
.fi-job-filters .showing_jobs a{
	color:#3D5675;
	text-decoration:underline;
}

/* Responsive */
@media (max-width:1100px){
	.fi-job-filters .fi-filter,
	.fi-job-filters .gjm-radius-wrapper{
		flex:1 1 calc(33.333% - 8px);
		min-width:0;
	}
	.fi-job-filters .fi-filters-legend{
		flex:1 0 100%;
		margin:0 0 4px;
	}
}
@media (max-width:767px){
	.fi-job-filters .fi-filter,
	.fi-job-filters .gjm-radius-wrapper{
		flex:1 0 100%;
	}
	.fi-job-filters .search_submit{
		flex:1 0 100%;
		display:flex;
		justify-content:center;
	}
	.fi-job-filters .fi-filters-bar{
		margin-bottom:32px;
	}
}

/* fin ajustment maj */


/* ajustement maj - offres d'emploi : tableau des resultats (Figma) */
/* Les colonnes sont definies une seule fois et partagees par l'en-tete et les
   lignes, pour qu'ils restent alignes quelle que soit la largeur. */

.fi-offres-entete,
.fi-offres-liste li.job_listing{
	display:grid;
	grid-template-columns:30.3% 28.9% 26.4% 14.4%;
	align-items:center;
	column-gap:0;
	padding:0 32px 0 34px;
	box-sizing:border-box;
}

.fi-offres-entete{
	height:60px;
	background:#F4BABA;
	border-radius:5px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:24px;
	color:#E64746;
}
.fi-offres-entete .fi-offres-col-ville,
.fi-offres-entete .fi-offres-col-contrat{
	text-align:center;
}

/* Liste : on neutralise les puces et les styles de liste du theme */
ul.job_listings.fi-offres-liste{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
}
ul.job_listings.fi-offres-liste li.job_listing{
	list-style:none;
	margin:0;
	min-height:89px;
	padding-top:16px;
	padding-bottom:16px;
	border:0;
	border-bottom:1px solid #E7EDF2;
	background:none;
}
ul.job_listings.fi-offres-liste li.job_listing:hover{
	background:rgba(244,186,186,0.08);
}
ul.job_listings.fi-offres-liste li.job_listing a{
	text-decoration:none;
	padding:0;
	box-shadow:none;
}

.fi-offres-liste .fi-offre-col{
	min-width:0;
}
.fi-offres-liste .fi-offre-col-ville,
.fi-offres-liste .fi-offre-col-contrat{
	text-align:center;
}

.fi-offres-liste .fi-offre-titre{
	display:block;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:20px;
	line-height:30px;
	color:#2A3546 !important;
}
.fi-offres-liste .fi-offre-titre:hover{
	color:#E64746 !important;
}
.fi-offres-liste .fi-offre-secteur{
	display:block;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:21px;
	color:#E64746;
}
.fi-offres-liste .fi-offre-col-ville,
.fi-offres-liste .fi-offre-col-contrat{
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:24px;
	color:#2A3546;
}
.fi-offres-liste .fi-offre-col-contrat{
	font-weight:600;
}
.fi-offres-liste .fi-offre-consulter{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:24px;
	color:#2A3546 !important;
}
.fi-offres-liste .fi-offre-consulter svg{
	flex:0 0 20px;
	color:#E64746;
}
.fi-offres-liste .fi-offre-consulter:hover{
	color:#E64746 !important;
}

/* Aucun resultat */
ul.job_listings.fi-offres-liste li.no_job_listings_found{
	display:block;
	list-style:none;
	margin:0;
	padding:24px 34px;
	border:0;
	border-bottom:1px solid #E7EDF2;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px;
	color:#3D5675;
}

/* Bouton "charger plus" de WP Job Manager */
.job_listings .load_more_jobs{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:24px auto 0;
	padding:12px 32px;
	background-color:#E64746;
	border:1px solid #E64746;
	border-radius:24px;
	color:#FFFFFE !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
}

/* Responsive : la grille devient une pile lisible */
@media (max-width:900px){
	.fi-offres-entete{
		display:none;
	}
	.fi-offres-liste li.job_listing{
		grid-template-columns:1fr;
		row-gap:4px;
		padding:16px 0;
		min-height:0;
	}
	.fi-offres-liste .fi-offre-col-ville,
	.fi-offres-liste .fi-offre-col-contrat{
		text-align:left;
	}
	.fi-offres-liste .fi-offre-col-ville::before{
		content:"Ville : ";
		color:#3D5675;
	}
	.fi-offres-liste .fi-offre-col-contrat::before{
		content:"Type de contrat : ";
		font-weight:400;
		color:#3D5675;
	}
	.fi-offres-liste .fi-offre-col-action{
		margin-top:4px;
	}
}

/* fin ajustment maj */


/* ajustement maj - espace-employeurs : section "Pourquoi choisir le travail temporaire" (Figma) */
body.page-id-318 .fi-emp-pourquoi{
	padding:32px 0 53px;
}
body.page-id-318 .fi-emp-pourquoi-intro{
	margin:0 auto 39px;
	max-width:948px;
}
body.page-id-318 .fi-emp-pourquoi-intro h2{
	max-width:694px;
	margin-left:auto;
	margin-right:auto;
	font-family:'Poppins',Helvetica,Arial,sans-serif !important;
	line-height:1.2 !important;
}

/* Trois visuels : largeurs et gouttieres reprises de la maquette */
body.page-id-318 .fi-emp-pourquoi .fi-emp-pourquoi-col{
	width:31.7%;
	margin-bottom:0;
}
body.page-id-318 .fi-emp-pourquoi .fi-emp-pourquoi-col + .fi-emp-pourquoi-col{
	margin-left:2.45%;
}
body.page-id-318 .fi-emp-pourquoi-img{
	margin:0 !important;
}
body.page-id-318 .fi-emp-pourquoi-img .avia-image-container-inner,
body.page-id-318 .fi-emp-pourquoi-img .avia-image-overlay-wrap{
	display:block;
	margin:0;
}
body.page-id-318 .fi-emp-pourquoi-img img{
	display:block;
	width:100%;
	height:231px;
	object-fit:cover;
	border-radius:12px;
}

@media (max-width:989px){
	body.page-id-318 .fi-emp-pourquoi .fi-emp-pourquoi-col{
		width:100%;
		margin-left:0 !important;
		margin-bottom:16px;
	}
	body.page-id-318 .fi-emp-pourquoi .fi-emp-pourquoi-col:last-child{
		margin-bottom:0;
	}
	body.page-id-318 .fi-emp-pourquoi-img img{
		height:200px;
	}
}
@media (max-width:767px){
	body.page-id-318 .fi-emp-pourquoi{
		padding:32px 0 32px;
	}
	body.page-id-318 .fi-emp-pourquoi-intro h2{
		font-size:28px !important;
	}
	body.page-id-318 .fi-emp-pourquoi-intro{
		margin-bottom:24px;
	}
}

.fi-offres-liste .fi-offre-consulter {
    color: #E64746 !important;
    vertical-align:middle;
}

.fi-offres-liste .fi-offre-consulter svg {
    vertical-align:middle;
}

form.gjm-features-enabled div.gjm-filters-wrapper div.gjm-filter-wrapper {
    margin-top: 0;
    margin-right: 0;
}

a.load_more_jobs strong {
    color:white;
}

div.job_listings .load_more_jobs {
    border:none;
}

div.job_listings .load_more_jobs:focus, 
div.job_listings .load_more_jobs:hover {
    background-color: #e64746d4;
    border:none;
}

.fi-job-filters .showing_jobs {
    display:none !important;    
}

.intro-filtre-offres p {
    margin-top:0;
    color: var(--colors-03, #3D5675);
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.intro-filtre-offres {
    margin:-55px 0 40px 0;
}

.fi-job-filters .search_jobs {
    margin-bottom:20px !important;
}

ul.job_listings.fi-offres-liste li.job_listing {
    padding-left:33px;
}

/* fin ajustment maj */


/* ============================================================
   Offres d'emploi - page detail d'une offre (WP Job Manager)
   Maquette Figma "Food interim WEB" - node 2028-2349
   Gabarits : job_manager/content-single-job_listing.php
              job_manager/job-application.php
   ============================================================ */

/* --- Bandeau bleu + fil d'Ariane Yoast (meme habillage que les pages internes) --- */
.fi-offre-bandeau{
	background-color:#3D5675;
	border-top:none !important;
}
.fi-offre-bandeau .fi-offre-bandeau-titre{
	margin:0;
	text-align:center;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:2.25rem;
	font-weight:600;
	line-height:normal;
	color:#FFF;
}
.fi-offre-bandeau .breadcrumb-section p{
	margin:0 0 8px;
}

/* --- Enfold : l'entete d'article par defaut (titre + date + auteur) est remplacee
       par l'entete de la maquette, rendue dans le gabarit de l'offre --- */
body.single-job_listing .entry-content-header{
	display:none;
}

/* Carte Google Maps du plugin Jobs Geolocation : absente de la maquette.
   Supprimer cette regle pour la reafficher. */
body.single-job_listing .gjm-map-wrapper{
	display:none !important;
}

body.single-job_listing .fi-offre{
	font-family:'Poppins',Helvetica,Arial,sans-serif;
}

/* --- Entete de l'offre : intitule + infos a gauche, visuel a droite --- */
body.single-job_listing .fi-offre-entete{
	display:flex;
	align-items:center;
	gap:40px;
	margin:0 0 56px;
}
body.single-job_listing .fi-offre-entete-infos{
	flex:1 1 auto;
	min-width:0;
	padding-left:39px;
}
body.single-job_listing .fi-offre-titre{
	margin:0 0 24px;
	text-align:left;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:2.25rem;
	font-weight:600;
	line-height:1.2;
	color:#2A3546;
}
body.single-job_listing ul.fi-offre-meta{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:16px 120px;
	margin:0;
	padding:0;
	list-style:none;
}
body.single-job_listing ul.fi-offre-meta > li{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
body.single-job_listing .fi-offre-meta-label,
body.single-job_listing .fi-offre-meta-valeur{
	display:block;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:1rem;
	line-height:1.45;
	color:#E64746;
}
body.single-job_listing .fi-offre-meta-label{
	font-weight:400;
}
body.single-job_listing .fi-offre-meta-valeur{
	font-weight:600;
}
body.single-job_listing .fi-offre-meta-pin{
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 2px -4px 0;
}
body.single-job_listing .fi-offre-entete-visuel{
	flex:0 1 596px;
	min-width:0;
}
body.single-job_listing .fi-offre-entete-img{
	display:block;
	width:100%;
	height:302px;
	object-fit:cover;
	border-radius:99px 0 0 4px;
}

/* --- Descriptif de l'offre (contenu inchange, simple mise en forme) --- */
body.single-job_listing .job_description{
	margin:0 0 56px;
	/* Enfold justifie le texte des articles ; la maquette est alignee a gauche */
	text-align:left;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:1rem;
	font-weight:400;
	line-height:1.55;
	color:#3D5675;
}
body.single-job_listing .job_description p{
	margin:0 0 1em;
	color:#3D5675;
}
body.single-job_listing .job_description p:last-child{
	margin-bottom:0;
}
body.single-job_listing .job_description strong,
body.single-job_listing .job_description b{
	font-weight:600;
	color:#3D5675;
}
body.single-job_listing .job_description a{
	color:#E64746;
}

/* --- Bloc candidature : carte blanche + titre --- */
body.single-job_listing .single_job_listing .fi-offre-candidature{
	text-align:left;
	margin:0 auto;
	padding:48px 40px 56px;
	max-width:1318px;
	overflow:visible;
	background:#FFF;
	border-radius:8px;
	box-shadow:0 4px 20px 0 rgba(0,0,0,.07);
}
body.single-job_listing .fi-offre-candidature-titre{
	margin:0 0 40px;
	text-align:center;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:2.25rem;
	font-weight:600;
	line-height:1.25;
	color:#2A3546;
}
body.single-job_listing .fi-offre-candidature-titre-accent{
	display:block;
	color:#E64746;
}

/* Le formulaire etait masque derriere le bouton "Postuler" du plugin : il est
   desormais affiche en permanence (le bouton a ete retire du gabarit). */
body.single-job_listing .fi-offre-candidature .application_details{
	display:block !important;
	margin:0;
	padding:0;
	border:0;
	background:none;
	box-shadow:none;
}
/* Le plugin dessine une fleche pointant vers le bouton "Postuler" : sans ce bouton
   elle n'a plus lieu d'etre. */
body.single-job_listing .fi-offre-candidature .application_details::before,
body.single-job_listing .fi-offre-candidature .application_details::after{
	content:none;
	display:none;
}

/* --- Formulaire de candidature : grille 2 colonnes de la maquette --- */
body.single-job_listing .fi-offre-candidature .job-manager-application-form{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,343px));
	justify-content:center;
	gap:24px 54px;
	margin:0 auto;
	max-width:740px;
}
body.single-job_listing .fi-offre-candidature .job-manager-application-form fieldset{
	display:block;
	margin:0;
	padding:0;
	border:0;
	min-width:0;
	line-height:normal;
}
body.single-job_listing .fi-offre-candidature .job-manager-application-form fieldset::before,
body.single-job_listing .fi-offre-candidature .job-manager-application-form fieldset::after{
	content:none;
}
body.single-job_listing .fi-offre-candidature .job-manager-application-form label{
	text-align:left;
	float:none;
	display:block;
	width:auto;
	margin:0 0 8px;
	padding:0;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:1rem;
	font-weight:400;
	line-height:normal;
	color:#3D5675;
}
body.single-job_listing .fi-offre-candidature .job-manager-application-form fieldset:has(.required-field) > label::after{
	content:"*";
}
body.single-job_listing .fi-offre-candidature .job-manager-application-form div.field{
	float:none;
	width:auto;
	margin:0;
}
body#top.single-job_listing .fi-offre-candidature .job-manager-application-form input.input-text,
body#top.single-job_listing .fi-offre-candidature .job-manager-application-form input[type="text"],
body#top.single-job_listing .fi-offre-candidature .job-manager-application-form input[type="email"],
body#top.single-job_listing .fi-offre-candidature .job-manager-application-form input[type="tel"]{
	box-sizing:border-box;
	width:100%;
	height:45px;
	margin:0;
	padding:0 14px;
	background:#FFF !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:1rem;
	color:#3D5675;
	box-shadow:none;
}
body.single-job_listing .fi-offre-candidature .job-manager-application-form input.input-text:focus{
	border-color:#E64746;
	outline:2px solid rgba(230,71,70,.25);
	outline-offset:1px;
}

/* Champ CV : bouton "Uploader" de la maquette (bouton natif du champ fichier) */
body.single-job_listing .fi-offre-candidature .fieldset-votre-cv{
	grid-column:1;
}
body.single-job_listing .fi-offre-candidature .job-manager-uploaded-files:empty{
	display:none;
}
body#top.single-job_listing .fi-offre-candidature .job-manager-application-form input[type="file"]{
	box-sizing:border-box;
	display:block;
	width:100%;
	height:45px;
	margin:0;
	padding:9px 6px 9px 14px;
	background:#FFF !important;
	border:1px solid #F4BABA !important;
	border-radius:5px !important;
	/* le bouton natif du champ fichier ne peut pas etre repositionne en flex :
	   le sens d'ecriture inverse le place a droite, comme sur la maquette */
	direction:rtl;
	text-align:left !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:.8125rem;
	color:#3D5675;
}
body#top.single-job_listing .fi-offre-candidature .job-manager-application-form input[type="file"]::file-selector-button{
	direction:ltr;
	margin:0 0 0 10px;
	padding:6px 12px;
	background:#F4BABA;
	border:1px solid #E64746;
	border-radius:24px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:.75rem;
	font-weight:600;
	line-height:20px;
	text-transform:uppercase;
	color:#FFF;
	cursor:pointer;
}
body#top.single-job_listing .fi-offre-candidature .job-manager-application-form small.description{
	display:block;
	margin:6px 0 0;
	color:#8095AC !important;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:.75rem;
	line-height:1.4;
	color:#8095AC;
}

/* Ligne RGPD : case a cocher + mention, sur toute la largeur */
body.single-job_listing .fi-offre-candidature .fieldset-rgpd{
	grid-column:1 / -1;
}
body.single-job_listing .fi-offre-candidature .fieldset-rgpd > label{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	white-space:nowrap;
}
/* mention "*Obligatoire" de la maquette */
body.single-job_listing .fi-offre-candidature .job-manager-application-form fieldset.fieldset-rgpd::before{
	content:"*Obligatoire";
	display:block;
	width:100%;
	margin:0 0 10px;
	text-align:right;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:.75rem;
	line-height:normal;
	color:#3D5675;
}
body.single-job_listing .fi-offre-candidature .fieldset-rgpd .field{
	display:flex;
	align-items:flex-start;
	gap:10px;
}
body#top.single-job_listing .fi-offre-candidature .fieldset-rgpd small.description{
	margin:0;
	text-align:left;
	/* 15px : a 16px la mention deborde de quelques pixels et passe sur deux lignes */
	font-size:0.9375rem;
	line-height:18px;
	color:#3D5675 !important;
}
body#top.single-job_listing .fi-offre-candidature input.input-checkbox[type="checkbox"]{
	flex:0 0 auto;
	-webkit-appearance:none;
	appearance:none;
	width:18px;
	height:18px;
	margin:0;
	background:#F4BABA;
	border:1px solid #F4BABA;
	border-radius:5px;
	cursor:pointer;
}
body.single-job_listing .fi-offre-candidature input.input-checkbox[type="checkbox"]:checked{
	background-color:#E64746;
	border-color:#E64746;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.7 9 10 3.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:center;
	background-size:12px 12px;
}
body.single-job_listing .fi-offre-candidature input.input-checkbox[type="checkbox"]:focus-visible{
	outline:2px solid #E64746;
	outline-offset:2px;
}

/* Bouton d'envoi */
body.single-job_listing .fi-offre-candidature .job-manager-application-form > p{
	grid-column:1 / -1;
	margin:16px 0 0;
	text-align:center;
}
body.single-job_listing .fi-offre-candidature input.wp_job_manager_send_application_button{
	display:inline-block;
	width:auto;
	height:auto;
	margin:0;
	padding:6px 20px;
	background:#E64746;
	border:1px solid #E64746;
	border-radius:24px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:1rem;
	font-weight:600;
	line-height:20px;
	text-transform:uppercase;
	color:#FFFFFE;
	cursor:pointer;
	transition:background-color .2s ease;
}
body.single-job_listing .fi-offre-candidature input.wp_job_manager_send_application_button:hover,
body.single-job_listing .fi-offre-candidature input.wp_job_manager_send_application_button:focus{
	background:#d03b3a;
	border-color:#d03b3a;
	color:#FFFFFE;
}

/* --- Tablette --- */
@media (max-width:989px){
	body.single-job_listing .fi-offre-entete{
		gap:28px;
	}
	body.single-job_listing .fi-offre-entete-infos{
		padding-left:0;
	}
	body.single-job_listing .fi-offre-titre,
	body.single-job_listing .fi-offre-candidature-titre,
	body.single-job_listing .fi-offre-bandeau .fi-offre-bandeau-titre{
		font-size:1.75rem;
	}
	body.single-job_listing .fi-offre-entete-img{
		height:240px;
		border-radius:64px 0 0 4px;
	}
	body.single-job_listing .single_job_listing .fi-offre-candidature{
		padding:32px 24px 40px;
	}
	body.single-job_listing .fi-offre-candidature .job-manager-application-form{
		gap:20px 32px;
	}
}

/* --- Mobile --- */
@media (max-width:767px){
	body.single-job_listing .fi-offre-entete{
		display:block;
		margin-bottom:32px;
	}
	body.single-job_listing .fi-offre-entete-visuel{
		margin-top:24px;
	}
	body.single-job_listing .fi-offre-entete-img{
		height:200px;
		border-radius:48px 0 0 4px;
	}
	body.single-job_listing ul.fi-offre-meta{
		gap:14px 28px;
	}
	body.single-job_listing ul.fi-offre-meta > li{
		text-align:left;
	}
	body.single-job_listing .job_description{
		margin-bottom:32px;
	}
	body.single-job_listing .single_job_listing .fi-offre-candidature{
		padding:24px 16px 32px;
	}
	body.single-job_listing .fi-offre-candidature-titre{
		margin-bottom:24px;
		font-size:1.5rem;
	}
	body.single-job_listing .fi-offre-candidature .job-manager-application-form{
		grid-template-columns:minmax(0,1fr);
		gap:16px;
	}
	body.single-job_listing .fi-offre-candidature .fieldset-votre-cv,
	body.single-job_listing .fi-offre-candidature .fieldset-rgpd{
		grid-column:1;
	}
	body.single-job_listing .fi-offre-candidature .job-manager-application-form fieldset.fieldset-rgpd::before{
		text-align:left;
	}
}

/* fin - offres d'emploi, page detail */
/* Enfold bride la largeur de lecture des articles (.entry-content-wrapper 800px,
   .entry-content 598px). Sur une offre, la mise en page occupe toute la largeur
   du container, comme sur la maquette. */
body.single-job_listing article.post-entry > .entry-content-wrapper{
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
}
body.single-job_listing article.post-entry .entry-content{
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
}
body.single-job_listing article.post-entry > .blog-meta{
	display:none;
}
body.single-job_listing article.post-entry .entry-footer,
body.single-job_listing article.post-entry .post_delimiter{
	display:none;
}

/* fin - largeurs page detail offre */
/* --- Champ "Votre CV" habille facon maquette --------------------------------
   La boite .fi-offre-cv est construite par le script de includes/fi-offre-single.php :
   le champ fichier natif y est masque visuellement (mais reste focusable et
   annonce par les lecteurs d'ecran), remplace par le nom du fichier + le bouton
   "Uploader". Sans JavaScript, le champ natif reste affiche tel quel. */
body#top.single-job_listing .fi-offre-candidature .fi-offre-cv{
	box-sizing:border-box;
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	height:45px;
	padding:0 6px 0 14px;
	background:#FFF;
	border:1px solid #F4BABA;
	border-radius:5px;
	cursor:pointer;
}
body#top.single-job_listing .fi-offre-candidature .job-manager-application-form .fi-offre-cv input[type="file"]{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	overflow:hidden;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	opacity:0;
}
body#top.single-job_listing .fi-offre-candidature .fi-offre-cv-nom{
	flex:1 1 auto;
	min-width:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:0.875rem;
	line-height:normal;
	color:#3D5675;
}
body#top.single-job_listing .fi-offre-candidature .fi-offre-cv-bouton{
	flex:0 0 auto;
	margin-left:auto;
	padding:6px 12px;
	background:#F4BABA;
	border:1px solid #E64746;
	border-radius:24px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:0.75rem;
	font-weight:600;
	line-height:20px;
	text-transform:uppercase;
	color:#FFF;
	white-space:nowrap;
}
body#top.single-job_listing .fi-offre-candidature .fi-offre-cv:hover .fi-offre-cv-bouton{
	background:#E64746;
}
body#top.single-job_listing .fi-offre-candidature .fi-offre-cv:focus-within{
	border-color:#E64746;
	outline:2px solid rgba(230,71,70,.25);
	outline-offset:1px;
}

/* fin - champ CV */

/* ============================================================
   Section "Nos Agences" : modele commun [fi_carte_agences]
   Maquette Figma "Food interim WEB" node 2071-946.
   Utilise sur Accueil, Qui sommes-nous, Nos agences.
   Rendu : includes/fi-carte-agences.php
   Carte : assets/carte-agences/carte-agences.svg
   ============================================================ */
.fi-carte-agences{
	display:flex;
	align-items:center;
	gap:49px;
	width:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.fi-carte-agences *{
	box-sizing:border-box;
}
.fi-carte-agences .fi-ca-col-liste{
	flex:1 1 360px;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:24px;
}
.fi-carte-agences .fi-ca-col-carte{
	flex:0 1 836px;
	min-width:0;
}

/* Titre */
#top .fi-carte-agences .fi-ca-titre{
	margin:0;
	padding:0;
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
	font-weight:700;
	font-size:36px;
	line-height:normal;
	letter-spacing:0;
	text-transform:none;
	text-align:left;
	color:#2A3546;
}
#top .fi-carte-agences .fi-ca-titre span{
	color:#E64746;
}

/* Languettes des agences */
#top .fi-carte-agences .fi-ca-liste{
	display:flex;
	flex-direction:column;
	gap:24px;
	margin:0;
	padding:0;
	list-style:none;
}
#top .fi-carte-agences .fi-ca-liste > li{
	margin:0;
	padding:0;
	list-style:none;
}
#top .fi-carte-agences a.fi-ca-tab{
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	min-height:70px;
	padding:4px 8px;
	background:#FFFFFE;
	border-radius:8px;
	box-shadow:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.05);
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
	font-weight:700;
	font-size:24px;
	line-height:normal;
	color:#2A3546;
	text-decoration:none;
	transition:background-color .2s ease,color .2s ease;
}
#top .fi-carte-agences .fi-ca-pin{
	flex:0 0 24px;
	width:24px;
	height:24px;
	color:#E64746;
	transition:color .2s ease;
}
/* etat actif (survol de la languette ou du departement, focus clavier) */
#top .fi-carte-agences a.fi-ca-tab:hover,
#top .fi-carte-agences a.fi-ca-tab:focus-visible,
#top .fi-carte-agences a.fi-ca-tab.is-active{
	background:#E64746;
	color:#FFFFFE;
}
#top .fi-carte-agences a.fi-ca-tab:hover .fi-ca-pin,
#top .fi-carte-agences a.fi-ca-tab:focus-visible .fi-ca-pin,
#top .fi-carte-agences a.fi-ca-tab.is-active .fi-ca-pin{
	color:#FFFFFE;
}
#top .fi-carte-agences a.fi-ca-tab:focus-visible{
	outline:2px solid #2A3546;
	outline-offset:2px;
}

/* Carte : la zone du departement passe en bleu fonce quand l'agence est active */
.fi-carte-agences .fi-ca-carte{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:836/505;
	overflow:hidden;
}
.fi-carte-agences .fi-ca-forme{
	transition:fill .25s ease;
}
.fi-carte-agences .fi-ca-zone-agence{
	cursor:pointer;
}
.fi-carte-agences .fi-ca-zone-agence:hover .fi-ca-forme,
.fi-carte-agences .fi-ca-zone-agence.is-active .fi-ca-forme{
	fill:#2A3546;
}

@media (max-width:1180px){
	.fi-carte-agences{
		gap:32px;
	}
	.fi-carte-agences .fi-ca-col-liste{
		flex-basis:300px;
	}
	#top .fi-carte-agences a.fi-ca-tab{
		min-height:60px;
		font-size:20px;
	}
}
@media (max-width:989px){
	.fi-carte-agences{
		flex-direction:column;
		align-items:stretch;
		gap:24px;
		padding-top:40px;
	}
	.fi-carte-agences .fi-ca-col-liste,
	.fi-carte-agences .fi-ca-col-carte{
		flex:none;
		width:100%;
	}
	#top .fi-carte-agences .fi-ca-titre{
		font-size:28px;
	}
}
@media (max-width:767px){
	#top .fi-carte-agences .fi-ca-liste{
		gap:16px;
	}
	#top .fi-carte-agences a.fi-ca-tab{
		min-height:56px;
		font-size:18px;
	}
}

/* fin - section Nos Agences */

/* ============================================================
   Retours Trello - menu principal et sous-menus (octobre 2026)
   ============================================================ */

/* Trello "Sous menu : les visuels ont un bord blanc" : plus de liseré blanc autour des vignettes */
#header_main ul.av-main-nav li[class*="fi-sub-"] > a{
	border:none !important;
}

/* Trello "Menu enlever la fleche" : pas de chevron sur une rubrique sans sous-menu */
#header_main ul.av-main-nav > li.fi-nav-item:not(.menu-item-has-children) > a::after{
	display:none;
}

/* Trello "Sous menu sur 3 lignes au lieu de 2" : Espace candidat en 3 colonnes x 2 lignes */
#header_main ul.av-main-nav li.fi-nav-candidat:hover > .sub-menu{
	display:grid !important;
}
#header_main ul.av-main-nav li.fi-nav-candidat > .sub-menu{
	grid-template-columns:repeat(3, minmax(0, 320px));
	justify-content:center;
	column-gap:clamp(24px, calc((100% - 960px) / 2), 190px);
	row-gap:56px;
}
#header_main ul.av-main-nav li.fi-nav-candidat > .sub-menu > li.fi-sub-candidat{
	width:100% !important;
	height:auto !important;
	aspect-ratio:320 / 169;
}

/* Trello "Diminuer la taille des typos du titre" : intitules du menu sur une seule ligne
   jusqu'a 1150px (en dessous, la place manque : retour a la ligne d'origine) */
@media (min-width:1150px) and (max-width:1412px){
	#header_main ul.av-main-nav{
		gap:16px;
	}
	#header_main ul.av-main-nav > li.fi-nav-item > a{
		white-space:nowrap;
		gap:4px;
	}
	#header_main ul.av-main-nav > li.fi-nav-item > a::after{
		width:14px;
		height:14px;
	}
}
@media (min-width:1150px) and (max-width:1250px){
	#header_main ul.av-main-nav{
		gap:12px;
	}
	#header_main ul.av-main-nav > li.fi-nav-item > a{
		font-size:12px !important;
	}
	#header_main ul.av-main-nav > li.fi-nav-cta > a{
		font-size:12px !important;
		padding:6px 10px !important;
	}
}

/* fin - retours Trello menu */
/* Trello "Le gras passe en vert, il faudrait en noir" : Enfold applique au gras la couleur
   principale du theme (vert, .main_color strong). Le gras du contenu passe en noir.
   Meme specificite que la regle Enfold : celle-ci gagne car custom.css est charge apres. */
.main_color strong,
.main_color b{
	color:#000000;
}
/* Trello "Qui sommes nous : bug retour a la ligne" : 4 encarts par ligne.
   Les encarts ont 12px de marge de chaque cote : leur largeur doit en tenir compte,
   sinon le 4e passe a la ligne. (Qui sommes-nous et Espace employeurs) */
.fi-secteurs-slider .slide-entry-wrap > section.slide-entry{
	width:calc(25% - 24px) !important;
}
/* Trello "Qui sommes nous : secteurs activites" (+ Espace employeur) : au-dela de 4 secteurs,
   les suivants sont sur la 2e page du slider. Les fleches de navigation etaient placees a
   -36px d'un slider pleine largeur, donc hors de l'ecran : on les ramene a l'interieur. */
@media (min-width:990px){
	.fi-secteurs-slider{
		padding:0 44px;
	}
	#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows a.prev-slide{
		left:6px !important;
	}
	#top .fi-secteurs-slider.av-slideshow-ui .avia-slideshow-arrows a.next-slide{
		right:6px !important;
	}
}
/* Trello "Pages nos agences : mettre les liens sur la carte et les encarts en dessous" :
   l'encart entier est cliquable (le lien "Voir plus" est etendu a tout l'encart).
   Les eventuels liens telephone / e-mail restent cliquables au-dessus. */
body.page-id-262 .fi-agence-card{
	position:relative;
	transition:box-shadow .2s ease;
}
body.page-id-262 .fi-agence-card:hover{
	box-shadow:0px 6px 24px 0px rgba(0,0,0,0.14);
}
body.page-id-262 .fi-agence-card-btn::after{
	content:'';
	position:absolute;
	inset:0;
	border-radius:8px;
}
body.page-id-262 .fi-agence-card-phone a,
body.page-id-262 .fi-agence-card-email a{
	position:relative;
	z-index:1;
}
/* Trello "Espace candidat : changer 2 visuels" : vignette photo + fleche ronde
   (bandeaux "Laissez-nous votre candidature" et "Consulter nos offres") */
.fi-vousetes .fi-ve-card .fi-ve-visuel{
	position:absolute !important;
	inset:0;
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	z-index:0;
}
.fi-vousetes .fi-ve-card .fi-ve-visuel .avia-image-container-inner,
.fi-vousetes .fi-ve-card .fi-ve-visuel .avia-image-overlay-wrap,
.fi-vousetes .fi-ve-card .fi-ve-visuel a{
	display:block;
	width:100% !important;
	height:100% !important;
}
.fi-vousetes .fi-ve-card .fi-ve-visuel img{
	display:block;
	width:100% !important;
	height:100% !important;
	max-width:none;
	object-fit:cover;
	border-radius:12px;
}

/* ============================================================
   Popup "Releve collectif des heures de travail" [fi_releve_heures_popup]
   Rendu : includes/fi-popup-releve-heures.php
   ============================================================ */
.fi-releve-popup{
	width:min(560px, calc(100vw - 32px));
	max-width:none;
	padding:0;
	border:0;
	border-radius:12px;
	background:#FFFFFE;
	box-shadow:0 20px 50px rgba(0,0,0,.25);
	color:#3D5675;
}
.fi-releve-popup::backdrop{
	background:rgba(42,53,70,.6);
}
.fi-releve-popup *{
	box-sizing:border-box;
}
.fi-releve-popup .fi-releve-popup-boite{
	position:relative;
	padding:40px 40px 36px;
	text-align:center;
}
.fi-releve-popup .fi-releve-popup-fermer{
	position:absolute;
	top:12px;
	right:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	padding:0;
	border:0;
	border-radius:50%;
	background:transparent;
	color:#2A3546;
	cursor:pointer;
}
.fi-releve-popup .fi-releve-popup-fermer:hover,
.fi-releve-popup .fi-releve-popup-fermer:focus-visible{
	background:#F7CBCB;
}
.fi-releve-popup .fi-releve-popup-titre{
	margin:0 0 12px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:28px;
	line-height:1.2;
	color:#2A3546;
}
.fi-releve-popup .fi-releve-popup-titre span{
	color:#E64746;
}
.fi-releve-popup .fi-releve-popup-intro{
	margin:0 0 28px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:1.5;
	color:#3D5675;
}
.fi-releve-popup .fi-releve-popup-liste{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:16px;
	margin:0;
	padding:0;
	list-style:none;
}
.fi-releve-popup .fi-releve-popup-liste li{
	margin:0;
	padding:0;
	list-style:none;
}
.fi-releve-popup a.fi-releve-popup-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:48px;
	padding:8px 16px;
	background:#E64746;
	border:1px solid #E64746;
	border-radius:24px;
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
	font-weight:700;
	font-size:15px;
	line-height:1.2;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFE;
	transition:background-color .2s ease, color .2s ease;
}
.fi-releve-popup a.fi-releve-popup-btn:hover,
.fi-releve-popup a.fi-releve-popup-btn:focus-visible{
	background:#FFFFFE;
	color:#E64746;
}
.fi-releve-popup a.fi-releve-popup-btn:focus-visible{
	outline:2px solid #2A3546;
	outline-offset:2px;
}
@media (max-width:767px){
	.fi-releve-popup .fi-releve-popup-boite{
		padding:36px 20px 24px;
	}
	.fi-releve-popup .fi-releve-popup-titre{
		font-size:22px;
	}
	.fi-releve-popup .fi-releve-popup-liste{
		grid-template-columns:1fr;
		gap:12px;
	}
}
/* fin - popup releve d'heures */
/* Pages agences : message quand le departement n'a aucune offre en ligne (plugin fi-job-slider) */
.fi-agence-offres-grid .fi-job-slider-vide{
	grid-column:1 / -1;
	margin:0;
	padding:24px;
	border:1px solid #F4BABA;
	border-radius:8px;
	background:#FFFFFE;
	text-align:center;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:1.5;
	color:#3D5675;
}
.fi-agence-offres-grid .fi-job-slider-vide a{
	color:#E64746;
	font-weight:600;
	text-decoration:underline;
}
/* Page d'une offre : visuel generique (illustration Food Interim sur fond blanc, 940x788).
   Affiche en entier, sans recadrage ni arrondi : le fond blanc se fond dans la page. */
body.single-job_listing .fi-offre-entete-img{
	object-fit:contain;
	object-position:center;
	border-radius:0;
}
/* Page des offres : bouton "Reinitialiser les filtres" (sous la barre, a droite) */
.fi-job-filters .fi-filters-actions{
	display:flex;
	justify-content:flex-end;
	margin:12px 0 0;
}
.fi-job-filters .fi-filter-reset[hidden]{
	display:none !important;
}
#top .fi-job-filters button.fi-filter-reset{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin:0;
	padding:5px 12px;
	background:#FFFFFE;
	border:1px solid #E64746;
	border-radius:24px;
	font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	text-transform:uppercase;
	color:#E64746;
	cursor:pointer;
	transition:background-color .2s ease,color .2s ease;
}
#top .fi-job-filters button.fi-filter-reset:hover,
#top .fi-job-filters button.fi-filter-reset:focus-visible{
	background:#E64746;
	color:#FFFFFE;
}
#top .fi-job-filters button.fi-filter-reset:focus-visible{
	outline:2px solid #2A3546;
	outline-offset:2px;
}
/* Page des offres : filtre "Departement" ajoute a la barre.
   Ordre : Filtrer par / Ville / Rayon / Departement / Metier / Type de contrat / Secteur / fleche.
   Largeur mini reduite pour que les 6 champs tiennent sur une ligne au-dessus de 1100px. */
.fi-job-filters .fi-filter-fi-departement{order:4;}
.fi-job-filters .fi-filter-fi-metier{order:5;}
.fi-job-filters .fi-filter-fi-contrat{order:6;}
.fi-job-filters .fi-filter-fi-secteur{order:7;}
.fi-job-filters .search_submit{order:8;}
@media (min-width:1101px){
	.fi-job-filters .fi-filter,
	.fi-job-filters .gjm-radius-wrapper{
		min-width:120px;
	}
}
/* Page des offres : largeur des champs proportionnelle a leur intitule (au lieu de
   6 largeurs egales), pour que "Type de contrat" et "Secteur d'activite" ne soient
   plus coupes. La place restante est partagee entre tous les champs. */
@media (min-width:1150px){
	.fi-job-filters .fi-filters-bar{
		gap:8px;
	}
	.fi-job-filters .fi-filter,
	.fi-job-filters .gjm-radius-wrapper{
		min-width:0;
	}
	.fi-job-filters .fi-filter-ville{flex:1 1 110px;}
	/* le plugin de geolocalisation impose flex:1 1 0% avec un selecteur plus fort */
	form.fi-job-filters.gjm-features-enabled div.gjm-filters-wrapper div.gjm-radius-wrapper{flex:1 1 95px;min-width:95px;}
	.fi-job-filters .fi-filter-fi-departement{flex:1 1 165px;}
	.fi-job-filters .fi-filter-fi-metier{flex:1 1 105px;}
	.fi-job-filters .fi-filter-fi-contrat{flex:1 1 182px;}
	.fi-job-filters .fi-filter-fi-secteur{flex:1 1 195px;}
}
/* Tablette et petit ecran (768-1149px) : les 6 champs ne tiennent pas sur une ligne.
   "Filtrer" au-dessus, 3 champs par ligne ; le Rayon suit la meme largeur que les autres
   (le plugin de geolocalisation imposait une base de 0). */
@media (min-width:768px) and (max-width:1149px){
	.fi-job-filters .fi-filter,
	.fi-job-filters .gjm-radius-wrapper,
	form.fi-job-filters.gjm-features-enabled div.gjm-filters-wrapper div.gjm-radius-wrapper{
		flex:1 1 calc(33.333% - 8px);
		min-width:0;
	}
	.fi-job-filters .fi-filters-legend{
		flex:1 0 100%;
		margin:0 0 4px;
	}
}

/* ============================================================
   Page d'une offre : "Le profil recherche" + rubriques ACF
   (maquette Figma node 2028-2349). Gabarit : job_manager/content-single-job_listing.php
   ============================================================ */
body.single-job_listing .fi-offre-profil{
	display:flex;
	align-items:center;
	gap:52px;
	margin:0 0 56px;
}
body.single-job_listing .fi-offre-profil-visuel{
	flex:0 1 646px;
	min-width:0;
}
body.single-job_listing .fi-offre-profil-img{
	display:block;
	width:100%;
	height:337px;
	object-fit:cover;
	border-radius:0 100px 0 0;
}
body.single-job_listing .fi-offre-profil-texte{
	flex:1 1 0;
	min-width:0;
}
/* titres des rubriques (profil recherche et suivantes) */
body.single-job_listing .fi-offre-rubrique-titre{
	margin:0 0 12px;
	padding:0;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:36px;
	font-weight:600;
	line-height:normal;
	text-align:left;
	text-transform:none;
	color:#2A3546;
}
body.single-job_listing .fi-offre-rubrique-contenu{
	margin:0;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:1.5;
	text-align:left;
	color:#3D5675;
}
body.single-job_listing .fi-offre-rubrique-contenu p{
	margin:0 0 1em;
}
body.single-job_listing .fi-offre-rubrique-contenu p:last-child{
	margin-bottom:0;
}
body.single-job_listing .fi-offre-rubrique-contenu strong,
body.single-job_listing .fi-offre-rubrique-contenu b{
	font-weight:600;
	color:#3D5675;
}
body.single-job_listing .fi-offre-infos{
	display:flex;
	flex-direction:column;
	gap:32px;
	margin:0 0 56px;
}

#header_main ul.av-main-nav > li.fi-nav-cta.current-menu-item > a,
#header_main ul.av-main-nav > li.fi-nav-cta.current-menu-item > a .avia-menu-text,
#header_main ul.av-main-nav > li.fi-nav-cta.current_page_item > a,
#header_main ul.av-main-nav > li.fi-nav-cta.current_page_item > a .avia-menu-text{
	color:#FFFFFE !important;
}

span.image-overlay {
    display:none !important;
}

@media (min-width:1400px){
#header_main .container.av-logo-container {
    height:88px !important;
}
.fi-header-topbar-inner{
    height:32px !important;
	}}

/* ================================================================
   FI - Retours Trello du 09/10/2026 (colonne "Retours")
   =================================================================== */

/* Espace employeurs : visuel "Food Interim" (logo + texte) affiche en entier, sans recadrage */
#top .fi-img-entiere,
#top .fi-img-entiere .avia-image-container-inner,
#top .fi-img-entiere .avia-image-overlay-wrap{
	height:auto !important;
}
#top .fi-img-entiere img{
	height:auto !important;
	object-fit:contain !important;
	/* pas d'angle arrondi : il rognait le logo du visuel */
	border-radius:0 !important;
}

/* Nos secteurs d'activites (Qui sommes-nous / Espace employeurs) : encarts de meme hauteur */
@media (min-width:768px){
	#top .fi-secteurs-slider .slide-entry-wrap{
		display:flex;
		align-items:stretch;
	}
	#top .fi-secteurs-slider .slide-entry-wrap > section.slide-entry{
		float:none;
		min-height:0 !important;
	}
}

/* Espace employeurs - Nos contrats : bouton "Nous contacter" decolle des encarts */
#top .fi-emp-contrats .fi-emp-releve-btn{
	margin-top:24px;
}
/* Espace employeurs - formulaire : paragraphe d'intro moins large, plus equilibre */
#top .fi-emp-form-intro p{
	max-width:820px;
	margin-left:auto;
	margin-right:auto;
}
/* Espace employeurs : "Releve collectif des heures" centre entre le formulaire et le footer
   (le formulaire laisse deja 60px sous sa carte : 20px + 60px = 80px au-dessus, 80px en dessous) */
@media (min-width:768px){
	#top .fi-emp-releve{
		padding:20px 0 80px !important;
	}
}
@media (min-width:768px){
	/* Nos valeurs / Pourquoi choisir (Qui sommes-nous, Espace candidats) : les 3 cartes ont la meme hauteur */
	#top .fi-valeurs-section .entry-content-wrapper{
		display:flex;
		flex-wrap:wrap;
		align-items:stretch;
	}
	#top .fi-valeurs-section .entry-content-wrapper > .flex_column{
		display:flex;
		float:none;
	}
	#top .fi-valeurs-section .entry-content-wrapper > .flex_column > section{
		display:flex;
		width:100%;
	}
	#top .fi-valeurs-section .fi-valeur-card{
		flex:1 1 auto;
		min-height:0 !important;
	}

	/* Texte place a droite d'une photo (ex. "Initiation Service") : aligne sur le haut de la photo */
	#top .fi-qsn-section .fi-qsn-imgcol:first-child + .flex_column{
		padding-top:0 !important;
	}
}
@media (min-width:768px){
	/* Revue de presse : encarts de meme hauteur, boutons "En savoir +" alignes en bas */
	#top .fi-qsn-section:has(.fi-qsn-textcol .fi-qsn-img) .entry-content-wrapper{
		display:flex;
		flex-wrap:wrap;
		align-items:stretch;
	}
	#top .fi-qsn-section:has(.fi-qsn-textcol .fi-qsn-img) .entry-content-wrapper > .fi-qsn-textcol{
		display:flex;
		flex-direction:column;
		float:none;
	}
	#top .fi-qsn-section .fi-qsn-textcol:has(.fi-qsn-img) > .avia-button-wrap{
		margin-top:auto;
	}
}
/* Menu telephones du header : numeros alignes a gauche dans une meme colonne
   (la police n'a pas de chiffres a chasse fixe, les numeros avaient des largeurs differentes) */
#top #fi-header-phone-dropdown .fi-header-phone-number{
	min-width:7.8em;
	text-align:left;
}
/* Galerie photos : toutes les vignettes au meme format (3/2, recadrees) pour une grille reguliere.
   Avec des photos de proportions differentes, la mosaique Enfold decalait certaines vignettes. */
#top .fi-galerie .av-masonry-entry .av-masonry-outerimage-container,
#top .fi-galerie .av-masonry-entry .av-masonry-image-container{
	aspect-ratio:3 / 2;
	height:auto !important;
	overflow:hidden;
}
#top .fi-galerie .av-masonry-entry .av-masonry-image-container img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

/* Offre - case RGPD du formulaire de candidature : l'etat "cochee" ne s'affichait jamais
   (la regle de base, avec #top, l'emportait sur la regle :checked). */
body#top.single-job_listing .fi-offre-candidature input.input-checkbox[type="checkbox"]:checked{
	background-color:#E64746;
	border-color:#E64746;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.7 9 10 3.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:center;
	background-size:12px 12px;
}
/* ===================================================================
   FI - Retours client du 20/10/2026 (Trello "Food interim / retours client")
   =================================================================== */
/* Photo de groupe (Accueil + Qui sommes-nous) : affichee entiere, a ses proportions,
   sans recadrage (le cadre bas de 302px coupait les tetes). L'angle arrondi est garde. */
#top .fi-img-ratio,
#top .fi-img-ratio .avia-image-container-inner,
#top .fi-img-ratio .avia-image-overlay-wrap{
	height:auto !important;
}
#top .fi-img-ratio img{
	height:auto !important;
	object-fit:cover;
}
/* Photo de groupe : hauteur fixe de 440px a partir de 768px (entiere, elle etait trop haute).
   En mobile, elle reste affichee entiere a ses proportions. */
@media (min-width:768px){
	#top .fi-img-ratio,
	#top .fi-img-ratio .avia-image-container-inner,
	#top .fi-img-ratio .avia-image-overlay-wrap,
	#top .fi-img-ratio img{
		height:440px !important;
	}
	#top .fi-img-ratio img{
		object-fit:cover;
		object-position:center 40%;
	}
}
/* ===================================================================
   FI - Retours client du 29/10/2026
   =================================================================== */
/* Liens vers une section de page (ex. sous-menu Espace employeur) : la section arrive
   sous le header fixe (120px) au lieu d'etre cachee derriere. */
@media (min-width:1300px){
	html{
		scroll-padding-top:120px;
	}
}/* Espace candidats - "Telecharger vos documents" : photo retiree, le texte occupe toute la largeur */
@media (min-width:768px){
	#top #documents-a-telecharger .entry-content-wrapper > .flex_column{
		width:100% !important;
	}
}
/* ===================================================================
   FI - Retours client du 03/11/2026
   =================================================================== */
/* Offre d'emploi : caracteristiques (experience, diplome, salaire...) a la suite du
   "Profil recherche", une par ligne "Libelle : valeur", sans titre de rubrique */
#top.single-job_listing .fi-offre-infos{
	display:block;
	margin:0 0 56px;
}
#top.single-job_listing .fi-offre-profil-texte .fi-offre-infos{
	margin:24px 0 0;
}
#top.single-job_listing .fi-offre-info{
	margin:0 0 12px;
	font-family:'Poppins',Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:1.5;
	color:#3D5675;
}
#top.single-job_listing .fi-offre-info:last-child{
	margin-bottom:0;
}
#top.single-job_listing .fi-offre-info-libelle{
	font-weight:600;
	color:#2A3546;
}
#top.single-job_listing .fi-offre-info-valeur p{
	display:inline;
	margin:0;
}/* Espace employeurs - Nos contrats : les 3 encarts les uns sous les autres, sur le fond rose,
   sans fond blanc, juste un cadre (retour client du 03/11/2026) */
#top .fi-emp-contrats .fi-emp-contrats-cards{
	grid-template-columns:1fr;
	gap:16px;
}
#top .fi-emp-contrats .fi-contrat-card{
	min-height:72px;
	background:transparent;
	border:2px solid #E64746;
}/* Espace candidats - "Telecharger vos documents" : liens en noir (demande du 03/11/2026) */
#top #documents-a-telecharger .fi-qsn-text a,
#top #documents-a-telecharger .fi-qsn-text a:visited{
	color:#000000;
}
#top #documents-a-telecharger .fi-qsn-text a:hover,
#top #documents-a-telecharger .fi-qsn-text a:focus-visible{
	color:#000000;
	text-decoration:underline;
}

/* ajustement maj - retours Trello 09/11 : logo du header + photo d'equipe de l'accueil */
/* Bloc ajoute en fin de fichier : il surcharge des regles existantes sans les modifier. */

/* Logo du header : plus grand (79px -> 112px de large, proportions conservees).
   Header desktop uniquement (a partir de 1300px) : en dessous, le site affiche le
   header mobile (49px de haut, largeur du logo imposee par Enfold) et le logo y
   reste a sa taille d'origine. */
@media (min-width:1300px){
	#top #header_main .logo.bg-logo,
	#top #header_main .logo.bg-logo a{
		width:112px;
		height:53.66px;
	}
	#top #header_main .logo.bg-logo img{
		width:112px !important;
		height:53.66px !important;
	}
}

/* Logo au scroll : le header "retrecissant" d'Enfold limite le lien du logo a 44px
   de haut, ce qui coupait le logo agrandi.
   - a partir de 1400px le header reste a 88px : on leve la limite, le logo garde sa taille ;
   - de 1300 a 1399px le header descend reellement a 44px : le logo se reduit en
     proportion (92x44) au lieu d'etre rogne. */
@media (min-width:1300px){
	#top #header_main .logo.bg-logo a{
		max-height:none !important;
	}
	#top #header .logo.bg-logo img{
		transition:height .3s ease, width .3s ease;
	}
}
@media (min-width:1300px) and (max-width:1399px){
	#top #header.header-scrolled #header_main .logo.bg-logo,
	#top #header.header-scrolled #header_main .logo.bg-logo a{
		width:92px;
		height:44px;
	}
	#top #header.header-scrolled #header_main .logo.bg-logo img{
		width:91.8px !important;
		height:44px !important;
	}
}

/* Accueil, "Qui sommes nous ?" : photo d'equipe plus petite, et cadree pour voir
   tout le monde. On ne retire que le rideau en haut (environ 13 %) et une fine
   bande en bas ; rien sur les cotes, ou des personnes sont au bord de la photo. */
@media (min-width:768px){
	#top.page-id-15 .fi-img-ratio{
		width:100% !important;
		max-width:500px;
		margin-left:auto;
		height:auto !important;
	}
	#top.page-id-15 .fi-img-ratio .avia-image-container-inner,
	#top.page-id-15 .fi-img-ratio .avia-image-overlay-wrap{
		height:auto !important;
		width:100%;
	}
	#top.page-id-15 .fi-img-ratio img{
		width:100% !important;
		height:auto !important;
		aspect-ratio:1.37;
		object-fit:cover;
		object-position:50% 85%;
	}
}

/* Sous-menu "Nos agences" : les cartes routieres (photos) sont remplacees par des
   illustrations claires. Le voile sombre et le texte blanc centre, prevus pour des
   photos, rendaient l'ensemble illisible : illustration a gauche, libelle a droite. */
#top #header_main ul.av-main-nav li.fi-sub-agences > a{
	background-color:#F6F5F2 !important;
	background-size:auto 100% !important;
	background-position:-45px center !important;
	background-repeat:no-repeat !important;
	justify-content:flex-end !important;
	text-align:left !important;
	color:#2A3546 !important;
	font-size:16px !important;
	padding:16px 18px 16px 160px !important;
}
#top #header_main ul.av-main-nav li.fi-sub-agences > a::before{
	display:none !important;
}
#top #header_main ul.av-main-nav li.fi-sub-agences > a .avia-menu-text{
	color:#2A3546 !important;
	line-height:1.3;
	transition:color .2s ease;
}
#top #header_main ul.av-main-nav li.fi-sub-agences > a .fi-sub-dept{
	display:block;
	margin-top:2px;
	font-weight:400;
	font-size:14px;
	color:#3D5675;
}
#top #header_main ul.av-main-nav li.fi-sub-agences > a:hover .avia-menu-text,
#top #header_main ul.av-main-nav li.fi-sub-agences > a:focus-visible .avia-menu-text,
#top #header_main ul.av-main-nav li.fi-sub-agences > a:hover .fi-sub-dept,
#top #header_main ul.av-main-nav li.fi-sub-agences > a:focus-visible .fi-sub-dept{
	color:#E64746 !important;
}

/* Meme traitement pour les tuiles d'agences du menu mobile (styles de base dans fi-mobile.css). */
#top .fi-mm-tuiles li.fi-sub-agences > a{
	background-color:#F6F5F2 !important;
	background-size:auto 100% !important;
	background-position:-45px center !important;
	background-repeat:no-repeat !important;
	justify-content:flex-end !important;
	text-align:left !important;
	padding:16px 18px 16px 160px !important;
}
#top .fi-mm-tuiles li.fi-sub-agences > a::before{
	display:none !important;
}
#top .fi-mm-tuiles li.fi-sub-agences > a span{
	color:#2A3546 !important;
	font-size:16px !important;
	line-height:1.3;
	text-wrap:balance;
}

/* fin ajustment maj */