/* ==========================================================================
   Food Interim - version mobile (maquettes Figma 375px, fichier Pp1NFdGkiP3sbAOM4TwgDP)
   Charge apres custom.css. Le header / menu burger s'applique jusqu'a 1299px (mobile et
   tablette) ; tout le reste est limite a max-width:767px.
   ========================================================================== */

/* Menu burger (header mobile) : utilise jusqu'a 1299px, mobile ET tablette (retour Trello
   "tablette = pb affichage menu" : burger a partir de 1300px et moins). */
@media (min-width:1300px){
	.fi-mm,
	.fi-mm-burger,
	.fi-mm-panneau,
	.fi-mm-sous{
		display:none !important;
	}
}
/* Chevrons du carrousel des secteurs : mobile uniquement */
@media (min-width:768px){
	.fi-mob-chevron{
		display:none !important;
	}
}

@media (max-width:1299px){

	/* ---------------------------------------------------------------
	   HEADER (Figma 10-1366 / 2192-3044) - mobile et tablette (jusqu'a 1299px)
	   bandeau rouge 32px + ligne blanche 49px fixe (le bandeau remonte au defilement)
	   --------------------------------------------------------------- */
	/* header fixe en haut de l'ecran ; au defilement, il remonte de 32px : le bandeau rouge
	   sort de l'ecran et seule la ligne blanche reste visible (classe posee par le script
	   du menu mobile, includes/fi-menu-mobile.php) */
	#top #wrap_all #header{
		position:fixed !important;
		top:0 !important;
		left:0;
		right:0;
		width:100%;
		z-index:500;
		transition:transform .25s ease;
	}
	#top.fi-header-replie #wrap_all #header{
		transform:translateY(-32px);
	}
	/* place du header fixe (Enfold impose .responsive #top #main{padding-top:0 !important}) */
	html.responsive body#top #main{
		padding-top:81px !important;
	}
	html{
		scroll-padding-top:60px;
	}
	#top .fi-header-topbar{
		position:static;
		height:32px;
	}
	#top .fi-header-topbar-inner{
		height:32px !important;
		padding:4px 10px;
		justify-content:center;
	}
	#top .fi-header-topbar-text{
		flex:0 1 auto;
		font-size:14px;
		line-height:24px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	/* enveloppe + telephone : sortis du bandeau, places a gauche de la ligne blanche */
	#top .fi-header-topbar-icon-right{
		position:absolute;
		top:44px;
		left:20px;
		z-index:3;
		width:24px;
		height:24px;
	}
	#top .fi-header-phone-wrap{
		position:absolute;
		top:44px;
		left:56px;
		z-index:3;
	}
	#top .fi-header-topbar-icon img,
	#top .fi-header-phone-toggle img{
		/* pictos blancs du bandeau recolores en rouge #E64746 sur fond blanc */
		filter:brightness(0) saturate(100%) invert(40%) sepia(77%) saturate(2361%) hue-rotate(337deg) brightness(93%) contrast(93%);
	}
	/* le SVG du bandeau desktop est vide : picto "Mail" de la maquette mobile (assets/icones) */
	#top .fi-header-topbar-icon-right img{
		display:none;
	}
	#top .fi-header-topbar-icon-right{
		background:url('../assets/icones/food-interim-icone-mail.svg') center / 24px 24px no-repeat;
	}
	#top .fi-header-phone-toggle .fi-header-phone-icon-img{
		width:24px;
		height:24px;
	}

	/* liste des numeros (Figma : encart blanc 274px sous le picto) */
	#top #fi-header-phone-dropdown{
		top:34px;
		left:-36px;
		margin-top:0;
		width:274px;
		min-width:0;
		padding:8px;
		border-radius:0 0 8px 8px;
		box-shadow:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.05);
	}
	#top .fi-header-phone-list{
		display:flex;
		flex-direction:column;
		gap:16px;
	}
	#top .fi-header-phone-list li{
		justify-content:flex-start;
		gap:4px;
		padding:0;
		border:0;
	}
	#top .fi-header-phone-city,
	#top #fi-header-phone-dropdown .fi-header-phone-number{
		font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
		font-size:16px;
		font-weight:700;
		line-height:normal;
	}
	#top .fi-header-phone-city::after{
		content:" :";
	}

	/* ligne blanche : logo centre, burger a droite */
	#top #header_main{
		height:49px;
		background:#FFFFFE;
		border:0;
		border-radius:0 0 12px 12px;
		box-shadow:0 4px 3px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.06);
	}
	#top #header_main .container.av-logo-container{
		position:relative;
		height:49px !important;
		line-height:49px !important;
		padding:0 20px !important;
		max-width:none;
	}
	#top #header_main .inner-container{
		height:49px;
	}
	#top #header_main .logo{
		position:absolute !important;
		left:50%;
		top:50%;
		display:block;
		width:79px;
		height:38px !important;
		margin:0;
		transform:translate(-50%,-50%);
	}
	#top #header_main .logo a,
	#top #header_main .logo img{
		display:block;
		width:79px !important;
		height:38px !important;
		max-height:none;
		object-fit:contain;
		padding:0;
	}
	#top #header_main nav.main_menu,
	#top .av-burger-menu-main{
		display:none !important;
	}
	#top .fi-mm-burger{
		position:absolute;
		right:20px;
		top:50%;
		display:flex;
		align-items:center;
		justify-content:center;
		width:32px;
		height:32px;
		margin:0;
		padding:0;
		background:none;
		border:0;
		color:#E64746;
		cursor:pointer;
		transform:translateY(-50%);
	}
	#top .fi-mm-burger .fi-mm-icone-fermer{
		display:none;
		line-height:0;
	}
	#top .fi-mm-burger[aria-expanded="true"] .fi-mm-icone-ouvrir{
		display:none;
	}
	#top .fi-mm-burger[aria-expanded="true"] .fi-mm-icone-fermer{
		display:block;
	}

	/* ---------------------------------------------------------------
	   MENU OUVERT (Figma 2192-3044) : panneau blanc sous la ligne du header
	   --------------------------------------------------------------- */
	body.fi-mm-ouvert #top #header_main,
	#top.fi-mm-ouvert #header_main{
		border-radius:0;
		box-shadow:none;
	}
	.fi-mm-panneau{
		position:absolute;
		left:0;
		right:0;
		top:100%;
		z-index:499;
		padding:3px 0 34px;
		background:#FFFFFE;
		border-radius:0 0 10px 10px;
		box-shadow:0 4px 4px rgba(0,0,0,.1);
		max-height:calc(100vh - 49px);
		overflow-y:auto;
	}
	.fi-mm-panneau[hidden]{
		display:none;
	}
	#top .fi-mm-liste{
		margin:0;
		padding:0;
		list-style:none;
	}
	#top .fi-mm-liste li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#top .fi-mm-lien{
		display:flex;
		align-items:center;
		justify-content:space-between;
		width:100%;
		height:42px;
		margin:0;
		padding:0 18px 0 20px;
		background:none;
		border:0;
		border-radius:0;
		font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
		font-size:16px;
		font-weight:700;
		line-height:normal;
		text-align:left;
		text-decoration:none;
		text-transform:none;
		color:#2A3546;
		cursor:pointer;
	}
	#top .fi-mm-item.is-actif .fi-mm-lien,
	#top .fi-mm-lien:hover,
	#top .fi-mm-lien:focus-visible{
		color:#E64746;
	}
	#top .fi-mm-lien:focus-visible{
		outline:2px solid #E64746;
		outline-offset:-2px;
	}
	#top .fi-mm-chevron{
		flex:0 0 16px;
	}
	#top a.fi-mm-cta{
		display:inline-flex;
		align-items:center;
		margin:35px 0 0 19px;
		padding:6px 12px;
		background:#E64746;
		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;
		text-decoration:none;
		color:#FFFFFE;
	}

	/* ---------------------------------------------------------------
	   SOUS-MENUS (Figma 2192-3664 / 3320 / 3704) : plein ecran rouge, tuiles photo
	   --------------------------------------------------------------- */
	body.fi-mm-sous-ouvert{
		overflow:hidden;
	}
	.fi-mm-sous{
		position:fixed;
		inset:0;
		z-index:100000;
		overflow-y:auto;
		padding:34px 0 40px;
		background:#E64746;
		-webkit-overflow-scrolling:touch;
	}
	.fi-mm-sous[hidden]{
		display:none;
	}
	#top .fi-mm-sous-fermer{
		position:absolute;
		top:16px;
		right:13px;
		display:flex;
		align-items:center;
		justify-content:center;
		width:36px;
		height:36px;
		margin:0;
		padding:0;
		background:none;
		border:0;
		color:#FFFFFE;
		cursor:pointer;
	}
	#top .fi-mm-sous-titre{
		margin:0 60px 15px 25px;
		padding:0;
		font-family:'Poppins',Helvetica,Arial,sans-serif;
		font-size:20px;
		font-weight:600;
		line-height:normal;
		color:#FFFFFE;
	}
	#top .fi-mm-sous-titre a{
		color:#FFFFFE;
		text-decoration:none;
	}
	#top .fi-mm-tuiles{
		display:flex;
		flex-direction:column;
		gap:28px;
		margin:0;
		padding:0 27px;
		list-style:none;
	}
	#top .fi-mm-tuiles li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#top .fi-mm-tuiles li > a{
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
		height:169px;
		padding:16px;
		overflow:hidden;
		border-radius:0 40px 0 0;
		background-color:#2A3546;
		background-size:cover;
		background-position:center;
		font-family:'Poppins',Helvetica,Arial,sans-serif;
		font-size:18px;
		font-weight:600;
		line-height:normal;
		text-align:center;
		text-decoration:none;
		color:#FFFFFE;
	}
	#top .fi-mm-tuiles li > a::before{
		content:"";
		position:absolute;
		inset:0;
		background:rgba(0,0,0,.4);
	}
	#top .fi-mm-tuiles li > a span{
		position:relative;
	}
	#top .fi-mm-tuiles li > a:focus-visible{
		outline:3px solid #FFFFFE;
		outline-offset:2px;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   FOOTER (Figma 10-1366, bloc 10:1518) : colonne centree, blocs espaces de 24px
	   --------------------------------------------------------------- */
	#top .fi-footer-section > .container{
		width:100% !important;
		max-width:none !important;
		margin:0 !important;
		padding:20px !important;
	}
	#top .fi-footer-section .template-page{
		padding:0 !important;
	}
	#top .fi-footer-section .flex_column > .avia-image-container{
		float:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	#top .fi-footer-section .entry-content-wrapper{
		display:flex;
		flex-direction:column;
		align-items:center;
		gap:24px;
	}
	#top .fi-footer-section .flex_column{
		width:100% !important;
		margin:0 !important;
		text-align:center;
	}
	#top .fi-footer-section .fi-footer-logo,
	#top .fi-footer-section .fi-footer-logo .avia-image-container-inner{
		display:block;
		margin:0 auto !important;
		text-align:center;
	}
	#top .fi-footer-section .fi-footer-logo img{
		width:176px !important;
		height:auto;
		margin:0 auto;
	}
	#top .fi-footer-tagline,
	#top .fi-footer-tagline p{
		text-align:center !important;
		font-weight:600;
	}
	#top .fi-footer-tagline > div{
		justify-content:center;
		gap:14px !important;
		margin-top:24px !important;
	}
	#top .fi-footer-tagline > div img{
		width:42px;
		height:42px;
	}
	#top .fi-footer-links h3{
		margin:0 0 24px !important;
		text-align:center !important;
	}
	#top .fi-footer-linkcols{
		flex-direction:column !important;
		align-items:center;
		gap:12px !important;
	}
	#top .fi-footer-linkcol{
		align-items:center;
		text-align:center;
	}
	#top .fi-footer-legal p{
		text-align:center !important;
	}
	#top .fi-footer-section .fi-footer-decor{
		display:block !important;
		width:auto !important;
		margin:0 -20px -20px !important;
		overflow:hidden;
	}
	#top .fi-footer-section .fi-footer-decor .avia-image-container-inner,
	#top .fi-footer-section .fi-footer-decor .avia-image-overlay-wrap{
		display:block;
		width:100% !important;
	}
	#top .fi-footer-section .fi-footer-decor img{
		width:571px !important;
		max-width:none;
		margin:0 !important;
		position:relative;
		left:50%;
		transform:translateX(-50%);
		height:92px;
		object-fit:cover;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   ACCUEIL - HERO (Figma 10:1368) : 591px, contenu cale en bas,
	   boutons empiles a gauche, carte Bretagne rognee en bas a droite
	   --------------------------------------------------------------- */
	#top .fi-hero-section .container.av-section-cont-open{
		width:100% !important;
		max-width:none !important;
		margin:0 !important;
		min-height:591px;
		padding:23px 20px 0 !important;
		align-items:flex-end;
	}
	#top .fi-hero-section .container > main{
		padding:0 !important;
	}
	#top .fi-hero-section .fi-hero-col{
		margin:0 !important;
		padding:0 !important;
	}
	#top #av_section_1 .avia_textblock.fi-hero-text,
	#top .fi-hero-section .avia_textblock.fi-hero-text{
		max-width:none;
		padding:0;
	}
	#top .fi-hero-section h1.fi-hero-title{
		margin:0 0 12px;
		font-size:28px;
		line-height:1.2;
	}
	#top .fi-hero-section p.fi-hero-desc{
		font-size:14px;
		line-height:1.45;
	}
	#top #wrap_all .fi-hero-section .fi-hero-btnrow{
		flex-direction:column;
		align-items:flex-start;
		gap:12px;
		margin:0 !important;
		padding:52px 0 12px;
	}
	#top .fi-hero-section .fi-hero-decor{
		width:180px !important;
		max-width:none;
		right:-49px;
		bottom:-43px;
	}
	#top .fi-hero-section .fi-hero-decor img{
		width:100%;
		height:auto;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   GOUTTIERES : toutes les maquettes mobiles utilisent 20px de marge
	   laterale (Enfold mettait un conteneur a 85% de large)
	   --------------------------------------------------------------- */
	.responsive #top #main .container{
		width:auto;
		max-width:none;
		margin-left:0;
		margin-right:0;
		padding-left:20px;
		padding-right:20px;
	}

	/* ---------------------------------------------------------------
	   ACCUEIL - QUI SOMMES NOUS (Figma 10:1403) : texte puis photo
	   debordant a droite, coin haut-gauche arrondi 99px
	   --------------------------------------------------------------- */
	#top .fi-qsn-section .content{
		padding:48px 0 0 !important;
	}
	#top .fi-qsn-section .post-entry{
		padding-bottom:0;
	}
	#top .fi-qsn-section .fi-qsn-textcol{
		margin:0 0 12px !important;
		padding:0 !important;
	}
	#top .fi-qsn-section .fi-qsn-textcol > section{
		margin:0;
	}
	#top .fi-qsn-text h2{
		margin:0 0 12px !important;
		font-size:24px !important;
		line-height:1.2;
	}
	#top .fi-qsn-text h2 span{
		font-size:inherit;
	}
	#top .fi-qsn-text p{
		margin:0 0 19px !important;
		font-size:14px !important;
		line-height:1.4 !important;
	}
	#top .fi-qsn-text p:last-child{
		margin-bottom:0 !important;
	}
	#top .fi-qsn-section .fi-pill-btn{
		margin:12px 0 0;
		padding:0;
	}
	#top .fi-qsn-section .fi-pill-btn a.avia-button{
		padding:4px 8px !important;
		font-size:12px !important;
		line-height:16px !important;
	}
	#top .fi-qsn-section .fi-pill-btn .avia_iconbox_title{
		font-size:12px;
		line-height:16px;
	}
	#top .fi-qsn-section .fi-qsn-imgcol{
		margin:0 -20px 0 0 !important;
		width:calc(100% + 20px) !important;
	}
	#top .fi-qsn-imgcol .avia-image-container,
	#top .fi-qsn-imgcol .avia-image-container-inner,
	#top .fi-qsn-imgcol .avia-image-overlay-wrap,
	#top .fi-qsn-img img{
		height:206px;
	}
	#top .fi-qsn-img img{
		border-radius:99px 0 0 4px;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   CARROUSEL "NOS DERNIERES OFFRES" (.fi-offres, Figma 10:1455) :
	   cartes de 224px qui defilent au doigt, sans fleches, points dessous.
	   Points synchronises par includes/fi-mobile-comportements.php
	   --------------------------------------------------------------- */
	#top .fi-offres .fi-offres-head{
		display:block;
		margin:0 0 19px;
	}
	#top .fi-offres .fi-offres-title{
		font-size:24px;
		line-height:28px;
		text-align:left;
	}
	#top .fi-offres .fi-offres-nav{
		display:none;
	}
	#top .fi-offres .fi-offres-track-wrap{
		margin:0 -20px;
		padding:0 20px;
		overflow-x:auto;
		overflow-y:hidden;
		scroll-snap-type:x mandatory;
		scroll-padding:0 20px;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
	}
	#top .fi-offres .fi-offres-track-wrap::-webkit-scrollbar{
		display:none;
	}
	#top .fi-offres .fi-offres-track{
		gap:12px;
		width:max-content;
		transform:none !important;
		transition:none;
	}
	#top .fi-offres .fi-offres-page{
		display:contents;
	}
	#top .fi-offres .fi-job-card{
		flex:0 0 224px;
		width:224px;
		min-height:110px;
		padding:8px;
		gap:8px;
		box-sizing:border-box;
		scroll-snap-align:start;
	}
	#top .fi-offres .fi-job-card-top{
		gap:4px;
	}
	#top .fi-offres .fi-job-title{
		font-size:20px;
		line-height:1.15;
	}
	#top .fi-offres .fi-job-badge{
		margin-top:4px;
		padding:2px 4px;
		font-size:14px;
		line-height:1;
	}
	#top .fi-offres .fi-job-sector{
		margin-top:-8px;
		font-size:14px;
	}
	#top .fi-offres .fi-job-location{
		font-size:16px;
	}
	#top .fi-offres .fi-job-location img,
	#top .fi-offres .fi-job-arrow{
		width:20px;
		height:20px;
	}
	#top .fi-offres .fi-offres-dots{
		gap:7px;
		margin-top:19px;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   NOS AGENCES [fi_carte_agences] (Figma 139:2502) : titre centre,
	   languettes en 2 x 2 "Laval (53)", carte agrandie et rognee a droite
	   --------------------------------------------------------------- */
	#top .fi-carte-agences{
		gap:0;
		padding:24px 0 0;
	}
	#top .fi-carte-agences .fi-ca-col-liste{
		gap:18px;
	}
	#top .fi-carte-agences .fi-ca-titre{
		font-size:24px;
		line-height:28px;
		text-align:center;
	}
	#top .fi-carte-agences .fi-ca-liste{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:7px;
	}
	#top .fi-carte-agences a.fi-ca-tab{
		min-height:32px;
		padding:4px 8px;
		gap:10px;
		font-size:16px;
		line-height:1.2;
	}
	#top .fi-carte-agences .fi-ca-tab-region{
		display:none;
	}
	#top .fi-carte-agences .fi-ca-col-carte{
		width:calc(100% + 40px);
		margin:0 -20px;
		padding:41px 0 44px;
		overflow:hidden;
	}
	#top .fi-carte-agences .fi-ca-carte{
		width:391px;
		max-width:none;
		height:236px;
		margin-left:-18px;
		overflow:visible;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   ACCUEIL - VOUS ETES ? (Figma 10:1493) : 2 cartes cote a cote
	   158 x 195, photo recadree, bouton 12px, fleche ronde 24px.
	   Limite a .fi-home : la classe .fi-vousetes sert aussi sur l'Espace candidats.
	   --------------------------------------------------------------- */
	#top .fi-vousetes.fi-home{
		padding:24px 0;
	}
	#top .fi-vousetes.fi-home .entry-content-wrapper{
		display:grid;
		grid-template-columns:158fr 157fr;
		column-gap:20px;
		row-gap:18px;
	}
	#top .fi-vousetes.fi-home .entry-content-wrapper::before,
	#top .fi-vousetes.fi-home .entry-content-wrapper::after{
		display:none;
	}
	#top .fi-vousetes.fi-home .entry-content-wrapper > .av_textblock_section{
		grid-column:1 / -1;
		margin:0;
	}
	#top .fi-vousetes.fi-home .fi-ve-title h2{
		margin:0 !important;
		font-size:24px !important;
		line-height:28px;
		text-align:center;
	}
	#top .fi-vousetes.fi-home .fi-ve-card{
		width:auto !important;
		height:195px;
		min-height:0;
		margin:0 !important;
		padding:0 0 12px !important;
		background:#FFFFFE;
		border:1px solid #F4BABA;
		border-radius:12px;
		box-sizing:border-box;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-decor .avia-image-overlay-wrap{
		height:100%;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-decor img{
		width:100% !important;
		height:100% !important;
		margin:0 !important;
		object-fit:cover;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-arrow{
		top:8px;
		right:9px;
		width:24px !important;
		height:24px !important;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-arrow .avia-image-container-inner{
		width:24px !important;
		height:24px !important;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-arrow img{
		width:14px !important;
		height:14px !important;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-photo,
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-photo .avia-image-container-inner,
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-photo .avia-image-overlay-wrap{
		display:block;
		width:auto;
		height:auto;
		margin:0 auto !important;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-photo img{
		display:block;
		width:155px;
		height:159px;
		max-width:100%;
		max-height:none !important;
		margin:0 auto !important;
		object-fit:cover;
		object-position:50% 39%;
	}
	#top .fi-vousetes.fi-home .fi-ve-card-candidat .fi-ve-photo img{
		width:143px;
		height:158px;
		object-position:96% 0;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-btn .avia-button{
		width:auto !important;
		height:auto !important;
		padding:4px 8px !important;
		font-size:12px !important;
		line-height:16px !important;
		white-space:nowrap;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-btn .avia-button .avia_iconbox_title{
		font-size:12px;
		line-height:16px;
	}
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-btn{
		margin:0 !important;
		padding:0;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   ACCUEIL - NOS ACTUALITES (Figma 10:1503) : titre centre 24px, 24px
	   au-dessus du flux. Le flux Instagram (Elfsight) est dans un Shadow DOM :
	   son nombre de vignettes par ligne se regle dans le tableau de bord Elfsight.
	   --------------------------------------------------------------- */
	#top .fi-actus.fi-home{
		padding:48px 0 48px;
	}
	#top .fi-actus .avia_textblock.fi-actus-title h2{
		margin:0 0 24px !important;
		font-size:24px !important;
		line-height:28px;
		text-align:center;
	}
	#top .fi-actus .flex_column{
		margin-top:0 !important;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   BANDEAU BLEU DES PAGES INTERNES (.bandeau-top-page-interne,
	   Figma 2192:4114) : fil d'Ariane 10px + titre Poppins 20px, centres
	   --------------------------------------------------------------- */
	#top .bandeau-top-page-interne{
		padding-top:0;
	}
	#top .bandeau-top-page-interne > .container{
		padding-top:26px !important;
		padding-bottom:27px !important;
	}
	#top .bandeau-top-page-interne .content,
	#top .bandeau-top-page-interne .post-entry{
		padding:0 !important;
		margin:0;
	}
	#top .bandeau-top-page-interne .flex_column{
		margin:0 !important;
		padding:0 !important;
	}
	#top .bandeau-top-page-interne .av_textblock_section{
		margin:0;
	}
	#top .bandeau-top-page-interne .breadcrumb-section{
		margin:0 0 7px;
		padding:0;
	}
	#top .bandeau-top-page-interne .breadcrumb-section p{
		margin:0;
	}
	#top .bandeau-top-page-interne .breadcrumb-section *{
		font-size:10px;
		line-height:15px;
	}
	#top .bandeau-top-page-interne h1,
	#top .bandeau-top-page-interne .fi-offre-bandeau-titre{
		margin:0;
		font-size:20px;
		font-weight:600;
		line-height:30px;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   QUI SOMMES-NOUS (Figma 2192:3843)
	   --------------------------------------------------------------- */
	/* Intro : meme composant que l'accueil, mais sans bouton -> titre 20px, photo 179px */
	#top .fi-qsn-section:not(:has(.fi-pill-btn)) .content{
		padding-top:17px !important;
	}
	#top .fi-qsn-section:not(:has(.fi-pill-btn)) .fi-qsn-text h2{
		font-family:'Poppins',Helvetica,Arial,sans-serif;
		font-size:20px !important;
		font-weight:600 !important;
		line-height:1.5;
	}
	#top .fi-qsn-section:not(:has(.fi-pill-btn)) .fi-qsn-textcol{
		margin-bottom:15px !important;
	}
	#top .fi-qsn-section:not(:has(.fi-pill-btn)) .fi-qsn-imgcol .avia-image-container,
	#top .fi-qsn-section:not(:has(.fi-pill-btn)) .fi-qsn-imgcol .avia-image-container-inner,
	#top .fi-qsn-section:not(:has(.fi-pill-btn)) .fi-qsn-imgcol .avia-image-overlay-wrap,
	#top .fi-qsn-section:not(:has(.fi-pill-btn)) .fi-qsn-img img{
		height:179px;
	}

	/* Nos secteurs d'activites : une carte a la fois, defilement au doigt +
	   chevrons (ajoutes par includes/fi-mobile-comportements.php). Aussi sur l'Espace employeurs. */
	#top .fi-secteurs-section{
		margin-top:0 !important;
		padding:0 0 43px;
	}
	#top .fi-secteurs-section .content{
		padding:36px 0 0 !important;
	}
	#top .fi-secteurs-section .post-entry{
		padding:0;
	}
	#top .fi-secteurs-heading h2{
		margin:0 !important;
		font-size:24px !important;
		line-height:36px;
	}
	#top .fi-secteurs-slider{
		margin:0 -20px;
		padding:0;
	}
	#top .fi-secteurs-slider .avia-smallarrow-slider-heading,
	#top .fi-secteurs-slider .avia-slideshow-dots{
		display:none !important;
	}
	#top .fi-secteurs-slider .avia-content-slider-inner{
		display:flex;
		gap:20px;
		height:auto !important;
		padding:33px 29.5px 0 !important;
		overflow-x:auto;
		overflow-y:hidden;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
		transform:none !important;
	}
	#top .fi-secteurs-slider .avia-content-slider-inner::-webkit-scrollbar{
		display:none;
	}
	#top .fi-secteurs-slider .slide-entry-wrap{
		display:contents !important;
		visibility:visible !important;
	}
	#top .fi-secteurs-slider .slide-entry-wrap > section.slide-entry{
		flex:0 0 316px;
		width:316px !important;
		min-height:207px !important;
		margin:0 !important;
		padding:27px 27px 23px;
		scroll-snap-align:center;
		visibility:visible !important;
		opacity:1 !important;
	}
	#top .fi-secteurs-slider .slide-entry-title{
		margin:0 0 1px;
		font-size:24px;
		line-height:36px;
	}
	#top .fi-secteurs-slider .slide-entry-excerpt p{
		font-size:16px;
		line-height:1.5;
	}
	#top .fi-secteurs-slider .fi-mob-chevron{
		position:absolute;
		top:calc(50% + 16px);
		z-index:2;
		width:42px;
		height:42px;
		margin:0;
		padding:0;
		border:0;
		background:transparent center / 26px 26px no-repeat;
		transform:translateY(-50%);
		cursor:pointer;
	}
	#top .fi-secteurs-slider .fi-mob-chevron-prev{
		left:7px;
		background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCIgdmlld0JveD0iMCAwIDU0IDU0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMzkuNjU5MyA1My45OTk4TDEyLjY1OTcgMjcuMDAwMUwzOS42NTkzIDBMNDEuMzcwOSAxLjcxMTEzTDE2LjA4MTkgMjcuMDAwMUw0MS4zNzA5IDUyLjI4ODdMMzkuNjU5MyA1My45OTk4WiIgZmlsbD0iIzNENTY3NSIvPjwvc3ZnPg==');
	}
	#top .fi-secteurs-slider .fi-mob-chevron-next{
		right:6px;
		background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCIgdmlld0JveD0iMCAwIDU0IDU0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTQuMzQwNyAwLjAwMDIwNDUzOUw0MS4zNDAzIDI2Ljk5OTlMMTQuMzQwNyA1NEwxMi42MjkxIDUyLjI4ODlMMzcuOTE4MSAyNi45OTk5TDEyLjYyOTEgMS43MTEzNEwxNC4zNDA3IDAuMDAwMjA0NTM5WiIgZmlsbD0iIzNENTY3NSIvPjwvc3ZnPg==');
	}
	#top .fi-secteurs-slider .fi-mob-chevron:focus-visible{
		outline:2px solid #2A3546;
		outline-offset:2px;
	}

	/* Nos valeurs : bande rose 159px, cartes blanches empilees */
	#top .fi-valeurs-section{
		padding:0 0 49px;
	}
	#top .fi-valeurs-section::before{
		height:159px;
	}
	#top .fi-valeurs-section .content{
		padding:16px 0 0 !important;
	}
	#top .fi-valeurs-section .post-entry{
		padding:0;
	}
	#top .fi-valeurs-heading h2{
		margin:0 !important;
		font-size:24px !important;
		font-weight:600 !important;
		line-height:36px;
	}
	#top .fi-valeurs-section .flex_column{
		margin:0 !important;
	}
	#top .fi-valeurs-section .flex_column.column-top-margin{
		margin-top:17px !important;
	}
	#top .fi-valeurs-section .flex_column:nth-child(2){
		margin-top:12px !important;
	}
	#top .fi-valeurs-section .flex_column > section{
		margin:0;
	}
	#top .fi-valeur-card{
		min-height:0;
		margin:0;
		padding:25px 12px 28px;
	}
	#top .fi-valeur-icon{
		margin:0;
	}
	#top .fi-valeur-icon img{
		width:48px;
		height:48px;
	}
	#top .fi-valeur-card h3{
		margin:6px 0 4px !important;
		font-size:20px !important;
		line-height:30px;
	}
	#top .fi-valeur-card p{
		font-size:14px !important;
		line-height:1.5 !important;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   NOS AGENCES (Figma 2201:6789) : carte + cartes agences empilees
	   (photo 241px, titre Poppins 20px, bouton "Voir plus")
	   --------------------------------------------------------------- */
	#top .fi-agences-section{
		margin-bottom:48px;
	}
	#top .fi-agences-section:has(+ .fi-agences-cards-section){
		margin-bottom:31px;
	}
	#top .fi-agences-cards-section .content{
		padding:0 0 47px !important;
	}
	#top .fi-agences-cards-section .post-entry{
		padding:0;
	}
	#top .fi-agences-cards-section .fi-agence-col{
		margin:0 0 32px !important;
	}
	#top .fi-agences-cards-section .fi-agence-col:last-of-type{
		margin-bottom:0 !important;
	}
	#top .fi-agences-cards-section .fi-agence-card{
		min-height:0;
	}
	#top .fi-agences-cards-section .fi-agence-card-photo{
		height:241px;
	}
	#top .fi-agences-cards-section .fi-agence-card-content{
		padding:21px 20px 26px;
	}
	#top .fi-agences-cards-section .fi-agence-card-title{
		font-size:20px;
		line-height:30px;
	}
	#top .fi-agences-cards-section .fi-agence-card-content p{
		margin:0;
	}
	#top .fi-agences-cards-section .fi-agence-card-address,
	#top .fi-agences-cards-section .fi-agence-card-email{
		font-size:14px;
	}
	#top .fi-agences-cards-section .fi-agence-card-phone{
		font-size:18px;
	}
	#top .fi-agences-cards-section .fi-agence-card-btn{
		margin-top:4px;
		line-height:20px;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   PAGES AGENCE (gabarit .fi-page-agence, Figma 2201:7130 - agence 35,
	   applique a l'identique aux agences 22 / 53 / 56)
	   --------------------------------------------------------------- */
	#top.fi-page-agence .fi-agence-h2{
		margin:0 !important;
		font-size:20px !important;
		line-height:30px !important;
	}
	#top.fi-page-agence .fi-agence-titre{
		margin:0 0 26px;
	}
	#top.fi-page-agence .fi-agence-trouver{
		padding-top:24px;
	}
	#top.fi-page-agence .fi-agence-trouver .flex_column{
		margin-top:0 !important;
		margin-bottom:0 !important;
	}
	#top.fi-page-agence .fi-agence-infos{
		padding:9px 12px 18px;
	}
	#top.fi-page-agence .fi-agence-nom{
		margin:0 0 6px;
		font-size:24px;
		line-height:36px;
	}
	#top.fi-page-agence .fi-agence-coord li{
		margin:0 0 4px;
		padding-left:29px;
		font-size:14px;
		line-height:22px;
	}
	#top.fi-page-agence .fi-agence-coord li:last-child{
		line-height:21px;
	}
	#top.fi-page-agence .fi-agence-ico{
		left:1px;
		top:1px;
	}
	#top.fi-page-agence .fi-agence-trouver .flex_column_table{
		margin-top:0 !important;
	}
	#top.fi-page-agence .fi-agence-trouver .fi-agence-map-col{
		margin-top:36px !important;
	}
	#top.fi-page-agence .fi-agence-map,
	#top.fi-page-agence .fi-agence-map iframe{
		height:316px;
		min-height:316px;
	}

	/* L'equipe : bande rose 313px, vignettes en 2 colonnes */
	#top.fi-page-agence .fi-agence-equipe{
		margin-top:46px;
		padding-top:16px;
	}
	/* la bande s'arrete aux 3/4 de la 1re rangee de vignettes, comme sur la maquette */
	#top.fi-page-agence .fi-agence-equipe::before{
		height:256px;
	}
	#top.fi-page-agence .fi-agence-equipe .fi-agence-titre{
		margin-bottom:30px;
	}
	#top.fi-page-agence .fi-agence-equipe .fi-agence-h2{
		margin-bottom:5px !important;
	}
	#top.fi-page-agence .fi-agence-equipe-intro{
		font-size:14px;
		line-height:1.5;
	}
	#top.fi-page-agence .fi-agence-equipe .entry-content-wrapper{
		display:grid;
		grid-template-columns:1fr 1fr;
		column-gap:13px;
	}
	#top.fi-page-agence .fi-agence-equipe .entry-content-wrapper::before,
	#top.fi-page-agence .fi-agence-equipe .entry-content-wrapper::after{
		display:none;
	}
	#top.fi-page-agence .fi-agence-equipe .entry-content-wrapper > *:not(.fi-team-col){
		grid-column:1 / -1;
	}
	#top.fi-page-agence .fi-agence-equipe .flex_column{
		width:auto !important;
		margin:0 !important;
	}
	#top.fi-page-agence .fi-team-col{
		margin-bottom:24px !important;
	}
	#top.fi-page-agence .fi-team-photo .avia-image-container-inner{
		height:156px;
		padding:10px 10px 0;
	}
	#top.fi-page-agence .fi-team-photo .avia-image-overlay-wrap{
		height:146px;
	}
	#top.fi-page-agence .fi-team-txt{
		margin:3px 0 0;
	}
	#top.fi-page-agence .fi-team-name{
		font-size:16px;
		line-height:24px;
	}
	#top.fi-page-agence .fi-team-role{
		font-size:14px;
		line-height:21px;
	}

	/* Offres d'emploi de l'agence : liste verticale de cartes pleine largeur */
	#top.fi-page-agence .fi-agence-offres{
		padding:25px 0 42px;
	}
	#top.fi-page-agence .fi-agence-offres .fi-agence-titre{
		margin-bottom:15px;
	}
	#top.fi-page-agence .fi-agence-offres-grid{
		gap:14px;
	}
	#top.fi-page-agence .fi-agence-offres-grid .fi-job-card{
		min-height:0;
		padding:8px;
		gap:8px;
	}
	#top.fi-page-agence .fi-agence-offres-grid .fi-job-title{
		font-size:20px;
		line-height:1.15;
	}
	#top.fi-page-agence .fi-agence-offres-grid .fi-job-badge{
		margin-top:4px;
		padding:2px 4px;
		line-height:1;
	}
	#top.fi-page-agence .fi-agence-offres-grid .fi-job-sector{
		margin-top:-8px;
		font-size:14px;
	}
	#top.fi-page-agence .fi-agence-offres-grid .fi-job-location{
		font-size:16px;
	}
	#top.fi-page-agence .fi-agence-offres-grid .fi-job-location img{
		width:20px;
		height:20px;
	}
	#top.fi-page-agence .fi-agence-offres-grid .fi-job-slider-vide{
		padding:16px;
		font-size:14px;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   OFFRES D'EMPLOI - LISTE (Figma 2192:4296) : intro, filtres empiles,
	   bouton "Filtrer" pleine largeur, offres en cartes cliquables
	   --------------------------------------------------------------- */
	#top .fi-qsn-section:has(.intro-filtre-offres) .content{
		padding:24px 0 48px !important;
	}
	#top .intro-filtre-offres{
		margin:0 0 45px;
	}
	#top .intro-filtre-offres p{
		margin:0;
		font-size:14px;
		line-height:1.5;
		text-align:justify;
	}
	#top .fi-job-filters .fi-filters-bar{
		gap:16px;
		margin:0 0 12px;
	}
	#top .fi-job-filters .fi-filters-legend{
		margin:0 0 -1px;
		line-height:24px;
	}
	#top .fi-job-filters .search_submit{
		display:block;
	}
	#top .fi-job-filters .fi-filter-submit-btn{
		gap:8px;
		width:100%;
		height:45px;
		border-radius:100px;
	}
	#top .fi-job-filters .fi-filter-submit-btn::after{
		content:"Filtrer";
		font-family:'Poppins',Helvetica,Arial,sans-serif;
		font-size:16px;
		font-weight:600;
		line-height:24px;
		color:#FFFFFE;
	}
	#top .fi-job-filters .fi-filters-actions{
		margin:0;
	}
	#top .fi-job-filters .fi-filters-actions:has(.fi-filter-reset:not([hidden])){
		margin:0 0 4px;
	}
	form.job_filters.fi-job-filters{
		margin:0 0 29px !important;
	}

	/* Liste : chaque offre devient une carte (titre + contrat en haut, ville + fleche en bas) */
	#top ul.job_listings.fi-offres-liste li.job_listing{
		position:relative;
		display:grid;
		grid-template-columns:minmax(0,1fr) auto;
		grid-template-areas:"metier contrat" "ville action";
		gap:8px;
		min-height:0;
		margin:0 0 14px;
		padding:8px;
		border:1px solid #F4BABA;
		border-radius:8px;
	}
	#top .fi-offres-liste .fi-offre-col-metier{
		grid-area:metier;
	}
	#top .fi-offres-liste .fi-offre-titre{
		font-family:'Gill Sans MT','Gill Sans',Calibri,sans-serif;
		font-weight:700;
		font-size:20px;
		line-height:1.15;
	}
	#top .fi-offres-liste .fi-offre-secteur{
		font-size:14px;
		line-height:21px;
	}
	#top .fi-offres-liste .fi-offre-col-contrat{
		grid-area:contrat;
		align-self:start;
		margin-top:4px;
		padding:2px 4px;
		background:#F4BABA;
		border-radius:999px;
		font-size:14px;
		font-weight:600;
		line-height:1;
		color:#E64746;
		white-space:nowrap;
	}
	#top .fi-offres-liste .fi-offre-col-contrat::before{
		content:none;
	}
	#top .fi-offres-liste .fi-offre-col-ville{
		grid-area:ville;
		display:flex;
		align-items:center;
		gap:8px;
		font-size:16px;
		line-height:21px;
		color:#3D5675;
	}
	#top .fi-offres-liste .fi-offre-col-ville::before{
		content:"";
		flex:0 0 20px;
		height:20px;
		background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 9.92C5 14.77 9.24 18.79 11.12 20.33c.27.22.41.33.61.39.16.04.39.04.54 0 .2-.06.34-.17.61-.39C14.76 18.79 19 14.78 19 9.92 19 8.09 18.26 6.33 16.95 5.03 15.64 3.73 13.86 3 12 3S8.36 3.73 7.05 5.03C5.74 6.33 5 8.09 5 9.92Z' stroke='%23E64746' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 9a2 2 0 1 0 4 0 2 2 0 1 0-4 0Z' stroke='%23E64746' stroke-width='2'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	}
	#top .fi-offres-liste .fi-offre-col-action{
		grid-area:action;
		align-self:center;
		justify-self:end;
		margin:0;
		line-height:0;
	}
	#top .fi-offres-liste .fi-offre-consulter span{
		position:absolute;
		width:1px;
		height:1px;
		overflow:hidden;
		clip:rect(0 0 0 0);
		white-space:nowrap;
	}
	/* toute la carte est cliquable (lien "Consulter" etendu) */
	#top .fi-offres-liste .fi-offre-consulter::after{
		content:"";
		position:absolute;
		inset:0;
		border-radius:8px;
	}
	#top .fi-offres-liste .fi-offre-titre{
		position:relative;
		z-index:1;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   OFFRE D'EMPLOI - DETAIL (Figma 2192:4631)
	   --------------------------------------------------------------- */
	#top.single-job_listing .template-single-blog .av-main-single{
		padding-top:24px;
	}
	#top.single-job_listing .fi-offre-entete{
		margin-bottom:24px;
	}
	#top.single-job_listing .fi-offre-titre{
		margin:0 0 16px;
		font-size:24px;
		line-height:1.3;
		text-align:center;
	}
	#top.single-job_listing ul.fi-offre-meta{
		display:grid;
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:8px;
	}
	#top.single-job_listing ul.fi-offre-meta > li{
		text-align:center;
		overflow-wrap:anywhere;
	}
	#top.single-job_listing .fi-offre-meta-label,
	#top.single-job_listing .fi-offre-meta-valeur{
		font-size:14px;
	}
	#top.single-job_listing .fi-offre-entete-visuel{
		margin-top:20px;
	}
	#top.single-job_listing .job_description{
		margin-bottom:32px;
		font-size:14px;
		line-height:1.5;
	}

	/* Le profil recherche : photo debordant a gauche (coin haut-droit arrondi), puis le texte */
	#top.single-job_listing .fi-offre-profil{
		display:block;
		margin:0 0 32px;
	}
	#top.single-job_listing .fi-offre-profil-visuel{
		width:calc(100% + 20px);
		margin:0 0 20px -20px;
	}
	#top.single-job_listing .fi-offre-profil-img{
		height:183px;
		border-radius:0 100px 0 0;
	}
	#top.single-job_listing .fi-offre-rubrique-titre{
		margin:0 0 8px;
		font-size:24px;
		line-height:1.3;
	}
	#top.single-job_listing .fi-offre-rubrique-contenu{
		font-size:14px;
	}
	#top.single-job_listing .fi-offre-infos{
		gap:20px;
		margin-bottom:32px;
	}
	#top.single-job_listing .fi-offre-infos .fi-offre-rubrique-titre{
		font-size:20px;
	}

	/* Formulaire de candidature */
	#top.single-job_listing .single_job_listing .fi-offre-candidature{
		padding:24px 12px 28px;
	}
	#top.single-job_listing .fi-offre-candidature-titre{
		margin-bottom:24px;
		font-size:20px;
		line-height:1.4;
	}
	#top.single-job_listing .fi-offre-candidature .job-manager-application-form label{
		font-size:14px;
	}
	#top.single-job_listing .fi-offre-candidature .job-manager-application-form fieldset.fieldset-rgpd::before{
		text-align:right;
	}
	#top.single-job_listing .fi-offre-candidature .fieldset-rgpd small.description{
		font-size:14px;
	}
	#top.single-job_listing .template-single-blog .av-main-single{
		padding-bottom:48px;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   ESPACE CANDIDATS (Figma 2192:4902) et sections texte + photo
	   reutilisant .fi-qsn-section (Espace candidats, Espace employeurs...)
	   --------------------------------------------------------------- */
	/* colonnes texte : pleine largeur, sans le retrait gauche du bureau */
	#top .fi-qsn-section .flex_column:not(.fi-qsn-imgcol){
		width:100% !important;
		margin:0 0 15px !important;
		padding:0 !important;
	}
	#top .fi-qsn-section .flex_column:not(.fi-qsn-imgcol) > section{
		margin:0;
		padding:0;
	}
	#top .fi-qsn-section .fi-qsn-imgcol:first-child{
		margin-bottom:20px !important;
	}
	#top .fi-qsn-section:has(.fi-qsn-imgcol:first-child) .fi-qsn-imgcol{
		margin:0 0 20px -20px !important;
	}
	#top .fi-qsn-section:has(.fi-qsn-imgcol:first-child) .fi-qsn-img img{
		border-radius:0 99px 4px 0;
	}
	#top .fi-qsn-section .fi-qsn-text h2{
		margin-bottom:12px !important;
	}

	/* "Laissez-nous votre candidature" / "Consulter nos offres" : texte puis carte visuel.
	   Ces sections portent aussi .fi-home mais n'ont pas de photo detouree (.fi-ve-photo). */
	#top .fi-vousetes.fi-home:has(.fi-ve-visuel){
		padding:24px 0 32px;
	}
	#top .fi-vousetes.fi-home:has(.fi-ve-visuel) .entry-content-wrapper{
		display:flex;
		flex-direction:column;
		gap:20px;
	}
	#top .fi-vousetes.fi-home .fi-ve-card:not(:has(.fi-ve-visuel)){
		order:-1;
		height:auto;
		padding:0 !important;
		background:none !important;
		border:0 !important;
		overflow:visible;
	}
	#top .fi-vousetes.fi-home .fi-ve-card:not(:has(.fi-ve-visuel)) > section{
		margin:0;
	}
	#top .fi-vousetes.fi-home .fi-ve-card:has(.fi-ve-visuel){
		height:240px;
		padding:0 !important;
		border:0;
	}
	#top .fi-vousetes .fi-qsn-text h2{
		font-family:'Poppins',Helvetica,Arial,sans-serif;
		font-size:20px !important;
		font-weight:600 !important;
		line-height:1.5;
		text-align:left;
	}
	#top .fi-vousetes .fi-qsn-text p{
		text-align:left;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   CANDIDATURE SPONTANEE (Figma 2192:6352) : intro centree, formulaire
	   CF7 .fi-cand-form en carte, champs empiles (libelle 14px + champ 45px)
	   --------------------------------------------------------------- */
	#top .fi-qsn-section:has(.fi-cand-form) .content{
		padding-bottom:48px !important;
	}
	#top .fi-qsn-section:has(.fi-cand-form) .fi-qsn-text,
	#top .fi-qsn-section:has(.fi-cand-form) .fi-qsn-text h2,
	#top .fi-qsn-section:has(.fi-cand-form) .fi-qsn-text p{
		text-align:center !important;
	}
	#top .fi-qsn-section:has(.fi-cand-form) .fi-qsn-text h2{
		margin-bottom:8px !important;
	}
	#top .fi-qsn-section:has(.fi-cand-form) .flex_column.column-top-margin{
		margin-top:8px !important;
	}
	#top .wpcf7:has(.fi-cand-form){
		padding:22px 12px 26px;
	}
	#top .fi-cand-form p > br{
		display:none;
	}
	#top .fi-cand-form .fi-cand-row{
		gap:22px;
		margin-bottom:22px;
	}
	#top .fi-cand-form .fi-cand-field{
		min-width:0;
		margin:0;
	}
	#top .fi-cand-form .fi-cand-field-empty{
		display:none;
	}
	#top .fi-cand-form .fi-cand-row label,
	#top .fi-cand-form .fi-cand-agences-label{
		margin:0 0 8px;
		font-size:14px;
		font-weight:400;
		line-height:21px;
	}
	#top .fi-cand-form .fi-cand-field-agences{
		gap:16px;
	}
	#top .fi-cand-form .fi-cand-agences-label{
		font-size:16px;
	}
	#top .fi-cand-form .fi-cand-agences-list{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:24px 16px;
		width:100%;
	}
	#top .fi-cand-form .fi-cand-field-consent .wpcf7-acceptance label{
		font-size:14px;
		line-height:1.5;
	}
	#top .fi-cand-form .fi-cand-field-consent .wpcf7-list-item{
		margin:0;
	}
	#top .fi-cand-form .fi-cand-required-note{
		font-size:12px;
	}
	#top .fi-cand-form .fi-cand-submit-row p{
		margin:0;
	}
	#top .fi-cand-form input[type="submit"]{
		padding:6px 12px;
		font-size:14px;
		line-height:20px;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   ESPACE EMPLOYEURS (Figma 2192:6574)
	   --------------------------------------------------------------- */
	#top .fi-emp-pourquoi h2,
	#top .fi-emp-contrats h2,
	#top .fi-emp-releve h2,
	#top .fi-emp-form-intro h2{
		margin:0 0 12px !important;
		font-size:20px !important;
		line-height:1.5 !important;
	}
	#top .fi-emp-pourquoi h2 span,
	#top .fi-emp-contrats h2 span,
	#top .fi-emp-releve h2 span,
	#top .fi-emp-form-intro h2 span{
		font-size:inherit !important;
	}
	#top .fi-emp-pourquoi-intro p,
	#top .fi-emp-form-intro p{
		font-size:14px !important;
		line-height:1.5 !important;
	}

	/* Pourquoi choisir : 3 photos -> une grande (debord a droite) + deux cote a cote */
	#top .fi-emp-pourquoi{
		padding:24px 0 32px !important;
	}
	#top .fi-emp-pourquoi .container,
	#top .fi-emp-pourquoi .content{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	#top .fi-emp-pourquoi .entry-content-wrapper{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:12px;
	}
	#top .fi-emp-pourquoi .entry-content-wrapper::before,
	#top .fi-emp-pourquoi .entry-content-wrapper::after{
		display:none;
	}
	#top .fi-emp-pourquoi .entry-content-wrapper > .flex_column{
		width:auto !important;
		margin:0 !important;
	}
	#top .fi-emp-pourquoi .entry-content-wrapper > .flex_column:first-child{
		grid-column:1 / -1;
	}
	#top .fi-emp-pourquoi .entry-content-wrapper > .flex_column:first-child > section{
		margin:0;
	}
	#top .fi-emp-pourquoi .entry-content-wrapper > .flex_column:nth-child(2){
		grid-column:1 / -1;
		margin-right:-20px !important;
	}
	#top .fi-emp-pourquoi .fi-emp-pourquoi-img,
	#top .fi-emp-pourquoi .fi-emp-pourquoi-img .avia-image-container-inner,
	#top .fi-emp-pourquoi .fi-emp-pourquoi-img .avia-image-overlay-wrap{
		display:block;
		width:100%;
		height:120px;
	}
	#top .fi-emp-pourquoi .fi-emp-pourquoi-img img{
		width:100%;
		height:120px;
		object-fit:cover;
		border-radius:4px;
	}
	#top .fi-emp-pourquoi .flex_column:nth-child(2) .fi-emp-pourquoi-img,
	#top .fi-emp-pourquoi .flex_column:nth-child(2) .fi-emp-pourquoi-img .avia-image-container-inner,
	#top .fi-emp-pourquoi .flex_column:nth-child(2) .fi-emp-pourquoi-img .avia-image-overlay-wrap,
	#top .fi-emp-pourquoi .flex_column:nth-child(2) .fi-emp-pourquoi-img img{
		height:179px;
	}
	#top .fi-emp-pourquoi .flex_column:nth-child(2) .fi-emp-pourquoi-img img{
		border-radius:99px 0 0 4px;
	}

	/* Nos contrats : cartes puis photo */
	#top .fi-emp-contrats{
		padding:24px 0 !important;
	}
	#top .fi-emp-contrats .container,
	#top .fi-emp-contrats .content{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	#top .fi-emp-contrats .flex_column{
		margin:0 !important;
	}
	#top .fi-emp-contrats .fi-emp-contrats-heading{
		margin:0 0 6px;
	}
	#top .fi-emp-contrats .flex_column_table{
		display:flex;
		flex-direction:column;
		gap:24px;
		margin:0 !important;
	}
	#top .fi-emp-contrats .av-flex-placeholder{
		display:none;
	}
	#top .fi-emp-contrats .fi-emp-contrats-cards-col{
		order:-1;
	}
	#top .fi-emp-contrats .fi-emp-contrats-cards-col > section{
		margin:0 0 16px;
	}
	#top .fi-emp-contrats .fi-contrat-card{
		font-size:16px;
	}
	#top .fi-emp-contrats .fi-emp-contrats-img-col{
		margin-left:-20px !important;
		width:calc(100% + 20px) !important;
	}
	#top .fi-emp-contrats .fi-emp-contrats-img img{
		width:100%;
		height:183px;
		object-fit:cover;
		border-radius:0 100px 0 0;
	}

	/* Formulaire "Expliquez-nous vos besoins" */
	#top .fi-emp-form-section{
		padding:32px 0 !important;
	}
	#top .fi-emp-form-card{
		padding:22px 12px 26px !important;
	}
	#top .fi-emp-form-intro{
		text-align:center;
	}
	#top .fi-emp-form label{
		font-size:14px !important;
		line-height:21px !important;
	}
	#top .fi-emp-form .fi-emp-field-consent .wpcf7-acceptance label{
		font-size:14px !important;
	}

	/* Releve collectif des heures */
	#top .fi-emp-releve{
		padding:32px 0 48px !important;
	}
	#top .fi-emp-releve .container,
	#top .fi-emp-releve .content{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   NOUS CONTACTER (Figma 2201:7494) : meme traitement que la
	   candidature spontanee (formulaire CF7 .fi-contact-form)
	   --------------------------------------------------------------- */
	#top .fi-qsn-section:has(.fi-contact-form) .content{
		padding-bottom:48px !important;
	}
	#top .fi-qsn-section:has(.fi-contact-form) .fi-qsn-text,
	#top .fi-qsn-section:has(.fi-contact-form) .fi-qsn-text h2,
	#top .fi-qsn-section:has(.fi-contact-form) .fi-qsn-text p{
		text-align:center !important;
	}
	#top .fi-qsn-section:has(.fi-contact-form) .fi-qsn-text h2{
		margin-bottom:8px !important;
	}
	#top .fi-qsn-section:has(.fi-contact-form) .flex_column.column-top-margin{
		margin-top:8px !important;
	}
	#top .wpcf7:has(.fi-contact-form){
		padding:22px 12px 26px;
	}
	#top .fi-contact-form p > br{
		display:none;
	}
	#top .fi-contact-form .fi-contact-row{
		gap:22px;
		margin-bottom:22px;
	}
	#top .fi-contact-form .fi-contact-field{
		min-width:0;
		margin:0;
	}
	#top .fi-contact-form .fi-contact-row label,
	#top .fi-contact-form .fi-contact-agences-label{
		margin:0 0 8px !important;
		font-size:14px !important;
		font-weight:400 !important;
		line-height:21px !important;
	}
	#top .fi-contact-form .fi-contact-agences-label{
		font-size:16px !important;
	}
	#top .fi-contact-form .fi-contact-field-agences{
		gap:16px;
	}
	#top .fi-contact-form .fi-contact-agences-list{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:24px 16px;
		width:100%;
	}
	#top .fi-contact-form .fi-contact-agences-list label{
		font-weight:600 !important;
		margin:0 !important;
	}
	#top .fi-contact-form .fi-contact-field-consent .wpcf7-acceptance label{
		font-size:14px !important;
	}
	#top .fi-contact-form .fi-contact-field-consent .wpcf7-list-item{
		margin:0;
	}
	#top .fi-contact-form .fi-contact-required-note{
		font-size:12px;
	}
	#top .fi-contact-form .fi-contact-submit-row p{
		margin:0;
	}
	#top .fi-contact-form input[type="submit"]{
		padding:6px 12px !important;
		font-size:14px !important;
		line-height:20px !important;
	}
}
@media (max-width:767px){
	/* ---------------------------------------------------------------
	   ACTUALITES (pas de maquette mobile) : Revue de presse / Video -
	   encarts image + titre + bouton empiles, 32px entre deux encarts
	   --------------------------------------------------------------- */
	#top .fi-qsn-section .fi-qsn-textcol:has(.fi-qsn-img){
		margin-bottom:32px !important;
	}
	#top .fi-qsn-section .fi-qsn-textcol:has(.fi-qsn-img):last-of-type{
		margin-bottom:0 !important;
	}
	#top .fi-qsn-section .fi-qsn-textcol .fi-qsn-img{
		margin-bottom:12px;
	}
}
@media (max-width:767px){
	/* Video : lecteurs au format 16/9 sur toute la largeur */
	#top .fi-qsn-text iframe{
		display:block;
		width:100%;
		height:auto;
		aspect-ratio:16 / 9;
	}
}
@media (max-width:767px){
	/* Bouton "remonter en haut" (Enfold le masque en mobile) : rond rouge en bas a droite,
	   affiche par Enfold apres defilement (classe avia_pop_class) */
	.responsive #top #scroll-top-link{
		display:flex !important;
		align-items:center;
		justify-content:center;
		width:44px;
		height:44px;
		right:16px;
		bottom:16px;
		padding:0;
		border:0;
		border-radius:50%;
		background:#E64746;
		color:#FFFFFE;
		box-shadow:0 4px 12px rgba(0,0,0,.2);
		z-index:400;
	}
	.responsive #top #scroll-top-link svg{
		width:12px;
		height:20px;
		fill:#FFFFFE;
	}
	.responsive #top #scroll-top-link svg path{
		fill:#FFFFFE;
	}
}
/* ==========================================================================
   TABLETTE (768-1299px) - pas de maquette : on garde la mise en page bureau
   et on corrige uniquement ce qui casse (retours Trello du 09/10/2026)
   ========================================================================== */
@media (min-width:768px) and (max-width:1299px){
	/* sous-menus plein ecran du burger : tuiles sur 2 colonnes */
	#top .fi-mm-tuiles,
	.fi-mm-tuiles{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:24px;
		max-width:900px;
		padding:0 40px;
	}
	.fi-mm-sous-titre{
		margin-left:40px !important;
	}
	.fi-mm-lien{
		padding-left:40px !important;
		padding-right:40px !important;
	}
	.fi-mm-cta{
		margin-left:40px !important;
	}
}
@media (min-width:768px) and (max-width:1299px){
	/* footer : la colonne du slogan chevauchait le logo -> logo puis slogan a gauche, liens a droite */
	#top .fi-footer-section .entry-content-wrapper{
		display:grid;
		grid-template-columns:minmax(0,1fr) minmax(0,1fr);
		column-gap:48px;
		row-gap:24px;
		align-items:start;
	}
	#top .fi-footer-section .entry-content-wrapper::before,
	#top .fi-footer-section .entry-content-wrapper::after{
		display:none;
	}
	#top .fi-footer-section .entry-content-wrapper > .flex_column{
		float:none;
		width:auto !important;
		margin:0 !important;
	}
	#top .fi-footer-section .fi-footer-col-logo{
		grid-column:1;
		grid-row:1;
	}
	#top .fi-footer-section .fi-footer-col-logo img{
		width:240px !important;
		height:auto;
	}
	#top .fi-footer-section .fi-footer-col-tagline{
		grid-column:1;
		grid-row:2;
	}
	#top .fi-footer-section .fi-footer-col2{
		grid-column:2;
		grid-row:1 / span 2;
	}
	#top .fi-footer-section .fi-footer-bottom{
		grid-column:1 / -1;
	}
}
@media (min-width:768px) and (max-width:1299px){
	/* Nos Agences : libelles courts "Laval (53)" (la colonne est etroite, les libelles longs
	   passaient sur 2-3 lignes) */
	#top .fi-carte-agences .fi-ca-tab-region{
		display:none;
	}
	#top .fi-carte-agences a.fi-ca-tab{
		min-height:56px;
		font-size:20px;
		color:#2A3546;
		-webkit-text-fill-color:currentColor;
	}
}
@media (min-width:768px) and (max-width:989px){
	/* carte sous la liste : languettes en 2 x 2 */
	#top .fi-carte-agences .fi-ca-liste{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:16px;
	}
}
@media (min-width:768px) and (max-width:1099px){
	/* Nos secteurs d'activites : 2 encarts par ligne (a 4 par ligne, le texte etait coupe) */
	#top .fi-secteurs-slider .slide-entry-wrap{
		flex-wrap:wrap;
		row-gap:48px;
	}
	#top .fi-secteurs-slider .slide-entry-wrap > section.slide-entry{
		width:calc(50% - 24px) !important;
	}
	#top .fi-secteurs-slider .avia-content-slider-inner{
		height:auto !important;
	}
}
@media (min-width:768px) and (max-width:989px){
	/* Nos valeurs / Pourquoi choisir : cartes empilees pleine largeur (3 colonnes trop etroites) */
	#top .fi-valeurs-section .entry-content-wrapper > .flex_column{
		width:100% !important;
		margin-left:0 !important;
	}
	#top .fi-valeurs-section .entry-content-wrapper > .flex_column.column-top-margin{
		margin-top:20px !important;
	}
	#top .fi-valeur-card{
		margin:0 !important;
	}
}
@media (min-width:768px) and (max-width:1199px){
	/* Offre : "Le profil recherche" - la photo prenait toute la largeur et le texte tombait a 0px */
	#top.single-job_listing .fi-offre-profil{
		gap:32px;
	}
	#top.single-job_listing .fi-offre-profil-visuel{
		flex:0 0 42%;
	}
	#top.single-job_listing .fi-offre-rubrique-titre{
		font-size:28px;
	}
}
@media (min-width:768px) and (max-width:989px){
	/* Revue de presse : 2 encarts par ligne au lieu de 3 (colonnes trop etroites) */
	#top .fi-qsn-section:has(.fi-qsn-textcol .fi-qsn-img) .entry-content-wrapper{
		column-gap:24px;
		row-gap:40px;
	}
	#top .fi-qsn-section:has(.fi-qsn-textcol .fi-qsn-img) .entry-content-wrapper::before,
	#top .fi-qsn-section:has(.fi-qsn-textcol .fi-qsn-img) .entry-content-wrapper::after{
		display:none;
	}
	#top .fi-qsn-section .entry-content-wrapper > .fi-qsn-textcol:has(.fi-qsn-img){
		width:calc(50% - 12px) !important;
		margin:0 !important;
	}
}
/* ==========================================================================
   Police Gill Sans MT (extension Custom Fonts, fichier uploads/2026/10/GillSans.ttf)
   Sur iPad / iPhone / Mac, "Gill Sans" est deja installee et porte le meme nom interne
   (GillSans) que le fichier du site : ce conflit rendait des textes invisibles sur iPad
   (menu burger, languettes "Nos Agences"). On utilise donc la police de l'appareil quand
   elle existe ; sinon (Windows, Android) le fichier du site, comme avant.
   Cette declaration, chargee apres celle de l'extension, la remplace.
   ========================================================================== */
@font-face{
	font-family:'Gill Sans MT';
	font-style:normal;
	font-weight:400;
	src:local('Gill Sans'), local('GillSans'), url('/uploads/2026/10/GillSans.ttf') format('truetype');
}
@media (min-width:768px) and (max-width:1299px){
	/* Accueil - Vous etes ? : boutons "Espace employeur / candidat" trop gros sur tablette
	   (270 x 50px du bureau) -> taille au contenu */
	#top .fi-vousetes.fi-home .fi-ve-card .fi-ve-btn .avia-button{
		width:auto !important;
		height:auto !important;
		padding:8px 20px !important;
		font-size:14px !important;
		line-height:20px !important;
	}
}
@media (max-width:1299px){
	/* Logo du header : au defilement, le script "header retrecissant" d'Enfold pose une
	   hauteur maximale en ligne (style="max-height:...") sur le lien et l'image du logo.
	   Sur iPad cette valeur devenait plus petite que le logo (38px) : le bas du logo
	   ("INTERIM") etait coupe. Le logo garde toujours sa taille. */
	#top #header_main .logo,
	#top #header_main .logo a,
	#top #header_main .logo img{
		max-height:none !important;
		overflow:visible !important;
	}
}
@media (max-width:767px){
	/* Offre : caracteristiques en lignes "Libelle : valeur" (retour client 03/11/2026) */
	#top.single-job_listing .fi-offre-info{
		font-size:14px;
		margin-bottom:10px;
	}
	#top.single-job_listing .fi-offre-profil-texte .fi-offre-infos{
		margin-top:20px;
	}
	#top.single-job_listing .fi-offre-infos{
		margin-bottom:32px;
	}
}