@charset "UTF-8";
/* CSS Document */

	  
	/* --------------------------------
       BODY
    ----------------------------------- */
    /* RESET */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: "neulis-neue", system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
      background-color: #004538;
    }

    a {
      text-decoration: none;
      color: inherit;
    }
	  
	  
/* --------------------------------
   AFFICHAGE SECTIONS
----------------------------------- */
	  
/* ==== VARIANTE 3 : opacité ==== */
.reveal-opacite {
  opacity: 0;
  transition: opacity 0.8s ease-out;
  will-change: opacity;
}

.reveal-opacite.is-visible {
  opacity: 1;
}

/* ==== VARIANTE 3 : arrivée depuis le haut ==== */
.reveal-top {
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}

.reveal-top.is-visible {
  opacity: 1;
  transform: translateY(0);
}
	  
/* ==== VARIANTE 1 : arrivée depuis le bas ==== */
/* État initial : section cachée + décalée vers le bas */
.reveal-section {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

/* Quand la section devient visible */
.reveal-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}
	  
/* ==== VARIANTE 1 : arrivée depuis le bas ==== */
/* État initial : section cachée + décalée vers le bas */
.reveal-section2 {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.9s ease-out, transform 0.9s ease-out;
  will-change: opacity, transform;
}

/* Quand la section devient visible */
.reveal-section2.is-visible {
  opacity: 1;
  transform: translateY(0);
}
	  
/* ==== VARIANTE 2 : arrivée depuis la droite ==== */
.reveal-right {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}

.reveal-right.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* ==== VARIANTE 3 : arrivée depuis la gauche ==== */
.reveal-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

.reveal-left.is-visible {
  opacity: 1;
  transform: translateX(0);
}	

/* Delays personnalisés */
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }
.reveal-delay-5 { transition-delay: 0.5s; }
.reveal-delay-6 { transition-delay: 0.6s; }
.reveal-delay-7 { transition-delay: 0.7s; }
.reveal-delay-8 { transition-delay: 0.8s; }
.reveal-delay-9 { transition-delay: 0.9s; }
	  
/* --------------------------------
   STICKY HEADER LOGO
----------------------------------- */
.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 95px;
  backdrop-filter: blur(6px);
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px 0 20px;

  /* caché au chargement */
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* visible après scroll */
.sticky-header.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.sticky-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sticky-logo {
  height: 55px;
  width: auto;
  transition: transform 0.3s ease;
}

@media (hover: hover) {
  .sticky-logo:hover {
    transform: scale(1.05);
  }
}

@media (min-width: 768px) {
  .sticky-header {
    height: 110px;
  }
  .sticky-logo {
    height: 70px;
  }
}

@media (min-width: 1600px) {
  .sticky-header {
    height: 120px;
  }
  .sticky-logo {
    /*height: 80px;*/
  width: 240px;
  }
}
	  
    
/* --------------------------------
   SECTION 1 : HEADER / SLIDER / CTA KIT PRESSE
----------------------------------- */	  
/*<!-- HEADER GLOBAL (commented) -->*/
    header.hero {
      position: relative;
      width: 100%;
      /*min-height: 100vh;*/ /* plein écran sur mobile / tablette */
      overflow: hidden; /* nécessaire pour le parallax */
      background-color: #ffffff; /* couleur derrière l'image */
      color: #ffffff;
    }

    .hero-inner {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      position: relative;
      z-index: 1; /* passe au-dessus du fond parallax */
      /* padding / max-width ajustés dans les media queries */
    }
	  
	/*.hero.hidden {
	display: none !important;
	}*/

	.hero {
	  transition: opacity 0.5s ease;
	}

	.hero.transparent {
	  opacity: 0;
	  pointer-events: none; /* évite les clics fantômes */
	}

    /* FOND PARALLAX  */
    .hero-bg {
	  position: fixed;
	  height: calc(900px + 100px);
	  inset: 0;
	  background-image: url("assets/header-nourience-3.webp");
	  background-size: cover;
	  background-position: center calc(50% - 100px);
	  background-repeat: no-repeat;
	  will-change: transform;
	  transform: translate3d(0, 0, 0);
	  z-index: 0;
	}
	  
    .hero-logo {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      /* top géré par media queries */
    }

    .hero-logo svg {
      width: 300px;  /* w300 */
      height: auto;  /* conserve le ratio ~91.78px */
      display: block;
    }

    .hero-title {
      font-family: "neulis-cursive", system-ui, sans-serif;
      font-weight: 500;
      color: #ffffff;
	  filter: drop-shadow(0 0 1.5mm rgba(64, 72, 73, 0.2));
    }

    .hero-title-r {
      font-family:  "neulis-neue", system-ui, sans-serif;
      font-weight: 500;
      color: #ffffff;

    }

    .hero-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 200px;
      height: 56px;
      border-radius: 30px;
      background-color: #ffffff;
      color: #00563F;
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 700;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 0.1em; /* interlettrage 50% */
      border: none;
      outline: none;
      text-align: center;
      white-space: nowrap;
      transition: all 0.3s ease;
    }

    .hero-btn:hover {
      background-color: #00563F;
      color: #ffffff;
    }

    .hero-btn-wrapper {
      width: 100%;
      display: flex;
      justify-content: center;
      top: 794px;
    }

    /* VERSION MOBILE (smartphone 414)
       largeur utile : 374px (marges 20px) */
    .hero-inner {
      padding-inline: 20px;
      max-width: 374px;
      /*min-height: 100vh;*/
      max-height: 900px;
    }

    .hero-logo {
      top: 50px;
      text-align: center;
    }

    .hero-title {
      margin-top: 306px; /* Y 356px */
      text-align: left;
      font-size: 75px;
      line-height: 72px;
		margin-bottom: 50px;
    }

    .hero-btn-wrapper {
      margin-top: 225px; /* pour se rapprocher du Y 794 */
      margin-bottom: 50px;
    }

    /* VERSION TABLETTE (min 768px)
       largeur utile : 708px (marges 30px) */
    @media (min-width: 768px) {
      .hero-inner {
        max-width: 708px;
        padding-inline: 30px;
      }

      .hero-logo {
        left: 30px;
        transform: none;
        top: 50px; /* Y 50px */
      }

      .hero-title {
        margin-top: 341px; /* Y 341px */
        text-align: left;
        font-size: 90px;
        line-height: 86px;
	    margin-left: 0;
      }

      .hero-btn-wrapper {
        justify-content: center;
        margin-top: 195px;
        margin-bottom: 50px;
      }

    .verbatim-quote {
      font-family: "neulis-neue", system-ui, sans-serif;
	  font-style: italic;
     /* font-weight: 500;
      font-size: 24px;
      line-height: 32px;
      color: #3E8265;*/
	  font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      color: #3E8265;
    }
		.espace-verbatim-quote{
			margin-top: 0px;
		}
    }

    /* VERSION DESKTOP (min 1600px)
       largeur maquette : 1600px
       grille : 1194px  */
    @media (min-width: 1600px) {
      header.hero {
        /*min-height: auto;*/
        height: 900px; /* à ajuster si besoin */
      }

      .hero-inner {
        max-width: 1194px;
        padding-inline: 0;
        max-height: 900px;
      }

      .hero-logo {
        left: 0;
        transform: none;
        top: 60px; /* Y 60px */
      }

      .hero-title {
        margin-top: 306px; /* Y 306px */
        text-align: left;
        font-size: 90px;
        line-height: 86px;
      }

      .hero-btn-wrapper {
        justify-content: center;
        margin-top: 225px; /* proche du Y 794 */
        margin-bottom: 50px;
      }

    .verbatim-quote {
      font-family: "neulis-neue", system-ui, sans-serif;
	  font-style: italic;
     /* font-weight: 500;
      font-size: 24px;
      line-height: 32px;
      color: #3E8265;*/
	  font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      color: #3E8265;
    }
		.espace-verbatim-quote{
			padding-top: 20px;
		}
    }

        /* --------------------------------
       SECTION 2 : INTRODUCTION / VERBATIM SECTION
    ----------------------------------- */

    .intro-verbatim {
      width: 100%;
      background-color: #ffffff;
      z-index: 1;
	  position: relative;
    }

    .intro-verbatim-inner {
      margin: 0 auto;
      max-width: 374px; /* mobile : 374px de grille */
      padding-top: 75px;
      padding-bottom: 50px;
	  top:0;
    }

    .intro-text-block {
      color: #004538;
      font-family: "neulis-neue", system-ui, sans-serif;
      font-size: 20px;
      line-height: 24px;
      text-align: left;
    }

    .intro-text-block p + p {
      margin-top: 16px;
    }

    .intro-text-medium {
      font-weight: 500; /* neulis neue medium */
    }

    .verbatim-text {
      text-align: left;
		margin-top: 0px;
    }

	.verbatim-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 68px;
	}

	.verbatim-icon svg {
	width: 100px;
    height: 68px;
	display: block;
	}

    .verbatim-quote {
      font-family: "neulis-neue", system-ui, sans-serif;
	  font-style: italic;
     /* font-weight: 500;
      font-size: 24px;
      line-height: 32px;
      color: #3E8265;*/
	  font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      color: #3E8265;
    }	
		.espace-verbatim-quote{
			margin-top: 20px;
		}  
	  .strong {
      font-weight: 600;
    }

    .quote-letter-r {
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 700; /* neulis neue bold pour les "r" */
    }

    .verbatim-author {
      margin-top: 20px;
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 400; 
      font-size: 20px;
      line-height: 24px;
      color: #004538;
      text-align: left;
	  border-left: 7px #e8e108 solid;
	  padding-left: 20px;
    }


    .verbatim-author-break {
      display: inline; /* retour à la ligne visible en mobile/tablette */
    }

    /* TABLETTE : 708px de grille, marges 30px, 2 colonnes inline avec gap 30px */
    @media (min-width: 768px) {
      .intro-verbatim-inner {
        max-width: 708px;
        padding-inline: 30px;
        padding-top: 100px;
        padding-bottom: 50px;
      }
		
		.verbatim-icon {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100px;
		  height: 68px;
		}

		.verbatim-icon svg {
		  width: 100px;
		  height: 68px;
		  display: block;
			}

		.verbatim-text {
		  text-align: left;
			margin-top: 10px;
		}

    .verbatim-quote {
      font-size: 20px;
      line-height: 24px;
    }	
		.espace-verbatim-quote{
			margin-top: 0px;
		}  
    }

    /* DESKTOP : 900px de grille, inline avec gap 50px, retour à une ligne pour l'auteur */
    @media (min-width: 1600px) {
      .intro-verbatim-inner {
        max-width: 900px; /* grille desktop 900px */
        padding-inline: 0;
        padding-top: 150px;
        padding-bottom: 50px;
      }
		
		.verbatim-icon {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100px;
		  height: 68px;
		}

		.verbatim-icon svg {
		  width: 100px;
		  height: 68px;
		}

		.verbatim-text {
		  text-align: left;
			margin-top: 35px;
		}
    }
	  
    /* BLOCS 2 COLONNES */
	.section-2cols {
      width: 100%;
      z-index: 1;
	  position: relative;
      background-color: #ffffff;
    }

    .section-2cols-inner {
      margin: 0 auto;
      max-width: 374px; /* mobile par défaut */
      padding-bottom: 75px;
    }

    .grid-2cols {
      display: flex;
      /*flex-direction: column-reverse; *//* ordre inversé en mobile */
      flex-direction: column; /* s'organise en colonne */
      gap: 25px; /* espacement mobile demandé */
    }

    .col {
      min-height: 100px; /* juste pour visualiser la structure */
    }
	  
	.image-dg{
	  width: 374px;
	}
	  
    /* TABLETTE : grille 708px, gap 30px */
    @media (min-width: 768px) {
      .section-2cols-inner {
        max-width: 708px; /* grille tablette */
      padding-bottom: 100px;
      }

      .grid-2cols {
        flex-direction: row;
        gap: 30px; /* gap horizontal 30px */
      }

      .col {
        flex: 0 0 339px; /* 339px + 30px + 339px = 708px */
        max-width: 339px;
      }
	  
	  .image-dg{
	    width: 339px;
	  }
    }

    /* DESKTOP : grille 900px, gap 50px */
    @media (min-width: 1600px) {
      .section-2cols-inner {
        max-width: 900px; /* grille desktop */
      padding-bottom: 150px;
      }

      .grid-2cols {
        gap: 50px; /* gap horizontal 50px */
      }

      .col {
        flex: 0 0 425px; /* 425px + 50px + 425px = 900px */
        max-width: 425px;
      }
	  
	  .image-dg{
	    width: 425px;
	  }
    }

    /* --------------------------------
       SECTION 3 : VIDEO SECTION
    ----------------------------------- */

    .video-section {
      position: relative;
      z-index: 1;
      width: 100%;
      overflow: hidden;
      background-image: url("assets/nourience-forme-fond-1920x1080-004538.svg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-color: #00563F; /* fond vert pleine largeur */
    }

    .video-inner {
      position: relative;
      margin: 0 auto;
      max-width: 100%; /* smartphone : pleine largeur */
      padding-inline: 0;
      padding-top: 0;
      padding-bottom: 0;
    }

    .video-frame-wrapper {
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 100px;
      padding-bottom: 100px;
    }

    .video-frame-wrapper iframe {
      display: block;
      width: 100%;
      max-width: 414px;
      aspect-ratio: 16 / 9;
      border: 0;
      padding: 0;
    }

    /* TABLETTE : 708px de grille, marges 30px, bloc 708px, svg(2) en fond */
    @media (min-width: 768px) {
      .video-inner {
        max-width: 708px;
        padding-inline: 30px;
        padding-top: 100px;
        padding-bottom: 100px;
      }

      .video-frame-wrapper {
        max-width: 708px; /* bloc 708px */
        padding-top: 100px;
        padding-bottom: 100px;
        background-image: url("assets/video-cadre-frame.svg"); /* svg(2) */
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
      }

      .video-frame-wrapper iframe {
        width: 620px;
        height: 348.75px;
        padding: 15px;
        max-width: none;
        aspect-ratio: auto;
      }
    }

    /* DESKTOP : 900px de grille, bloc 900px, svg(2) en fond, marges 150px top/bottom */
    @media (min-width: 1600px) {
      .video-inner {
        max-width: 900px;
        padding-inline: 0;
        padding-top: 150px;
        padding-bottom: 150px;
      }

      .video-frame-wrapper {
        max-width: 900px; /* bloc 900px */
        padding-top: 150px;
        padding-bottom: 150px;
        background-image: url("assets/video-cadre-frame.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
      }

      .video-frame-wrapper iframe {
        width: 805px;
        height: 452.8125px;
        padding: 0;
      }
    }



    /* --------------------------------
       SECTION 4 : SECTION MULTI-MARQUES / MULTI-ESPÈCES
    ----------------------------------- */

    .multi-section {
      width: 100%;
      background-color: #F9F5ED;
      z-index: 1;
	  position: relative;
    }

    .multi-inner {
      margin: 0 auto;
      max-width: 374px; /* mobile : grille 374px */
      /*padding-inline: 20px;*/
      padding-top: 100px;
      /*padding-bottom: 100px;*/
      padding-bottom: 100px;
      color: #ffffff;
    }

    .multi-title-main {
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 600; /* semi-bold */
      font-size: 50px;
      line-height: 32px; /* interlettrage / hauteur de ligne demandée */
      color: #004538;
    }

    .multi-title-sub {
      margin-top: 8px;
      font-family: "neulis-cursive", system-ui, sans-serif;
      font-weight: 600;              /* semi-bold */
      font-size: 24px;
      line-height: 28px;
      color: #3E8265;
    }


    .multi-r {
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 600;
    }
	  
	.multi-r-text {
      font-family: "neulis-neue", system-ui, sans-serif;
    }

    .multi-bullets {
      margin-top: 50px;
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .multi-bullet {
      display: flex;
      align-items: flex-start;
      gap: 16px;
    }

    .multi-bullet-dot {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-color: #E8E221;
      flex-shrink: 0;
      margin-top: 5px;
    }

    .multi-bullet-content {
      font-family: "neulis-cursive", system-ui, sans-serif;
      font-size: 20px;
      line-height: 24px;
      color: #004538;
    }

    .multi-bullet-title {
      font-weight: 600; /* semi-bold */
    }

    .multi-bullet-text {
      font-weight: 400;
      margin-top: 4px;
    }

    .multi-schema {
      margin-top: 25px;
      position: relative;
      width: 100%;
    }

    /* placeholder ratio mobile : 374 x 573 */
    .multi-schema::before {
	content: "";
	display: block;
	padding-top: 153.2%; /* 702.08 / 374 ≈ 1.878 */
	/*background-color: rgba(0, 0, 0, 0.03);*/
	border: 1px dashed rgba(0, 0, 0, 0.12);
	background-image: url("assets/nourience-marques-vertical-avec-logos.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
    }

    /* TABLETTE */
    @media (min-width: 768px) {
      .multi-inner {
        max-width: 708px;
        padding-inline: 30px;
        padding-top: 100px;
		/*padding-bottom: 100px;*/
        padding-bottom: 100px;
      }

      .multi-title-main {
        line-height: 34px;
      }

      .multi-title-sub {
        font-size: 30px;
        line-height: 34px;
      }

      /* ratio tablette : 708 x 472 */
      .multi-schema::before {
        padding-top: 66.66666%; 
        background-image: url("assets/nourience-marques-avec-logos.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
      }
    }

    /* DESKTOP */
    @media (min-width: 1600px) {
      .multi-inner {
        max-width: 900px;
        padding-inline: 0;
        padding-top: 150px;
		/*padding-bottom: 150px;*/
        padding-bottom: 150px;
      }

      .multi-title-main {
        line-height: 34px;
      }

      .multi-title-sub {
        font-size: 30px;
        line-height: 34px;
      }

      /* ratio desktop : 900 x 600 */
      .multi-schema::before {
        padding-top: 66.66666%; 
        background-image: url("assets/nourience-marques-avec-logos.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
      }
    }
	  
	 /* BLOCS 3 COLONNES */
	.section-2cols-multi {
      width: 100%;
      padding-top: 75px;
      z-index: 1;
	  position: relative;
    }

    .section-2cols-inner-multi {
      margin: 0 auto;
      max-width: 374px; /* mobile par défaut */
    }

    .grid-2cols-multi {
	display: flex;
	flex-direction: column; /* image passe en dessous de l'autre */
	/*flex-direction: column-reverse;*/ /* ordre inversé en mobile */
	gap: 10px; /* espacement mobile demandé */
	/*border: 3px #b9dab6 solid;
	border: 3px #004538 solid;*/
	/*border: 3px #ede8e2 solid;*/
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 25px;
	padding-top:0;
	padding-bottom: 25px;
    }

    .col-multi {
	display: flex;
	align-items: center;
	justify-content: center;
    }
	  
	.col-multi-texte{
	min-height: 100px; /* juste pour visualiser la structure */
	text-align: left;
	vertical-align: middle;
	font-family: "neulis-cursive", system-ui, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #004538;
	padding: 50px 25px 25px 0;
		margin-left: 25px;
    }
	  
	.image-multi{
	  width: 200px;
	}
	  
	
/* Titre image mains*/
	.image-mains{
	font-family: "neulis-cursive", system-ui, sans-serif;
	font-size: 60px;
	line-height: 64px;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	width: 100%;
	height: 350px;
	border-radius: 25px;
	margin-bottom: 50px;
	background-image: url("assets/visuel-mains.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/*background-position: center calc(50% + 50px);*/
	display: flex;
	align-items: center;
	justify-content: center;
	}

	.image-mains-left{
	font-family: "neulis-cursive", system-ui, sans-serif;
	font-size: 50px;
	line-height: 52px;
	color: #ffffff;
	text-align: left;
	font-weight: 600;
	width: 100%;
	height: 350px;
	border-radius: 25px;
	margin-bottom: 50px;
	background-image: url("assets/visuel-mains.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 70px 25px 25px 25px;
	margin-top: 50px; /* à enlver si MEP choisie */
	}

	.div-left{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: -60px;
	padding: 0 0 0 25px;
	margin-top: 50px; /* à enlver si MEP choisie */
	z-index: 2;
	}


	.multi-title-sub-image-mains{
	margin-top: 8px;
	font-family: "neulis-cursive", system-ui, sans-serif;
	font-weight: 600;              /* semi-bold */
	font-size: 24px;
	line-height: 28px;
	/*color: #3E8265;*/
	color: #004538;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 25px;
	padding:25px;
	width: 225px;
	margin-top:25px;
	}
		
	/*fleche-point-jaune*/
	.fleche-point-jaune-image-mains{
	position: relative;   
    z-index: 5000;     
    pointer-events: none; /* évite qu’elle gêne un clic (optionnel) */
	/*inset: 0; */
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;
	width: 25.512px;
	height: 80px;
	margin-left: 100px;
	} 
		
	.fleche-point-jaune{
	position: relative;
	inset: 0; 
	/*background-image: url("assets/fleche-point-jaune.svg");*/
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
	width: 25.512px;
	height: 80px;
	/*top: -50px;*/
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	}


	  
    /* TABLETTE : grille 708px, gap 30px */
    @media (min-width: 768px) {
      .section-2cols-inner-multi {
        max-width: 708px; /* grille tablette */
      }

      .grid-2cols-multi {
        flex-direction: row;
        gap: 30px; /* gap horizontal 30px */
		/*border: 3px #ede8e2 solid;*/
        background-color: rgba(255, 255, 255, 0.5);
		border-radius: 25px;
		padding-top:0;
		padding-bottom: 25px;
      }

      .col-multi {
        flex: 0 0 309px; /* 309px + 30px + 309px = 648px */
        max-width: 3309px;
		text-align: center;
      }

		.col-multi-texte{
		padding: 50px 25px 25px 0;
		margin-left: 25px;
		}
	  
	  .image-multi{
	    width: 225px;
	  }
		
		.image-mains-left{
		font-family: "neulis-cursive", system-ui, sans-serif;
		font-size: 60px;
		line-height: 64px;
		padding: 57px 25px 25px 50px;
		}
    }

    /* DESKTOP : grille 900px, gap 50px */
    @media (min-width: 1600px) {
		.section-2cols-inner-multi {
		max-width: 900px; /* grille desktop */
		}

		.grid-2cols-multi {
		gap: 50px; /* gap horizontal 50px */
		/*border: 3px #ede8e2 solid;*/
		background-color: rgba(255, 255, 255, 0.5);
		border-radius: 25px;
		padding-top:0;
		padding-bottom: 25px;
		}

		.col-multi {
		flex: 0 0 425px; /* 425px + 50px + 425px = 900px */
		max-width: 425px;
		text-align: center;
		vertical-align: bottom;
		}

		.col-multi-texte{
		padding: 50px 0px 25px 0;
		margin-left: 35px;
		vertical-align: middle;
		}

		.image-multi{
		width: 250px;
		}

		.image-multi:hover {
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
		}
		
		.image-mains-left{
		font-family: "neulis-cursive", system-ui, sans-serif;
		font-size: 60px;
		line-height: 64px;
		padding: 57px 25px 25px 50px;
		}
    }

	/* SECTION TABLEAU 3x3 CATÉGORIES */
	  .tableau-3x3-section{
		margin-top:50px;
		margin-bottom:50px;
	  }
	  .fond-blanc-transparent{
		/*margin-top:25px;*/
		margin-top: -14px;
		background-color: rgba(255, 255, 255, 0.5);
		border-radius: 25px;
		padding-bottom: 50px;
		padding-top: 50px;
	  }

	/* Tableau principal */
	.tableau-3x3 {
	  display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  gap: 25px;
	}

	/* Chaque cellule */
	.case-tableau {
	  position: relative; /* permet de superposer bg + texte */
	  padding-bottom: 25px;
	  height: 230px; /* ajuster ici la hauteur souhaitée */
	  overflow: hidden;
	}

	/* Images catégories */
	.case-bg1 {
	  position: absolute;
	  inset: 0;  /* top:0; right:0; bottom:0; left:0 */
	  background-image: url("assets/fond-categorie-volaille.svg");
	  background-size: contain; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;
	}
	.case-bg2 {
	  position: absolute;
	  inset: 0;  
	  background-image: url("assets/fond-categorie-bovin.svg");
	  background-size: contain; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;
	}
	.case-bg3 {
	  position: absolute;
	  inset: 0;  
	  background-image: url("assets/fond-categorie-porcin.svg");
	  background-size: contain; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;
	}
	.case-bg4 {
	  position: absolute;
	  inset: 0;  
	  background-image: url("assets/fond-categorie-lapin.svg");
	  background-size: contain; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;
	}
	.case-bg5 {
	  position: absolute;
	  inset: 0;  
	  background-image: url("assets/fond-categorie-ovin.svg");
	  background-size: contain; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;
	}
	.case-bg6 {
	  position: absolute;
	  inset: 0;  
	  background-image: url("assets/fond-categorie-caprin.svg");
	  background-size: contain; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;
	}
	.case-bg7 {
	  position: absolute;
	  inset: 0;  
	  background-image: url("assets/fond-categorie-cheval.svg");
	  background-size: contain; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;
	}
	.case-bg8 {
	  position: absolute;
	  inset: 0; 
	  background-image: url("assets/fond-categorie-basse-cour.svg");
	  background-size: contain; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;
	}
	.case-bg9 {
	  /*position: absolute;
	  inset: 0;  
	  background-image: url("assets/fond-categorie-basse-cour.svg");
	  background-size: cover; 
	  background-position: center;
	  background-repeat: no-repeat;
	  z-index: 1;*/
	}
	  
	/* SECTION TABLEAU 3x3 PARTENAIRES */

    /*fleche-point-jaune*/
	.fleche-point-jaune{
	position: relative;
	inset: 0; 
	background-image: url("assets/fleche-point-jaune.svg");
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
	width: 25.512px;
	height: 80px;
	/*top: -50px;*/
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	}

	/* Chaque cellule */
	.case-tableau-partenaires {
	  position: relative;
	  margin-top: 25px;
	  margin-bottom: 25px;
	  height: 100px; 
	  overflow: hidden;
	}
	.case-bg {
	width: 200px; 
	margin: auto;
	height: 100px; 
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;
	flex-direction: column;
	}

	/* Images logos partenaires teintés */
	  .partenaires1 {
	  background-image: url("assets/logo-bellanne.svg");
	}
	  .partenaires2 {
	  background-image: url("assets/logo-noevie.svg");
	}
	  .partenaires3 {
	  background-image: url("assets/logo-norea.svg");
	}
	  .partenaires4 {
	  background-image: url("assets/logo-nutrea.svg");
	}
	  .partenaires5 {
	  background-image: url("assets/logo-casalys.svg");
	}
	  .partenaires6 {
	  background-image: url("assets/logo-destrier.svg");
	}
	  .partenaires7 {
	  background-image: url("assets/logo-le-pre-du-clocher.svg");
	}
	  .partenaires8 {
	  background-image: url("assets/logo-moissons-du-clos.svg");
	}
	  .partenaires9 {
	  background-image: url("assets/logo-samab.png");
	}
	

	/* Images logos partenaires hover */
	  .partenaires1:hover {
	  background-image: url("assets/logo-bellanne.svg");
	/*filter: sepia(100%) saturate(50%) brightness(100%) hue-rotate(100deg);*/
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  .partenaires2:hover {
	  background-image: url("assets/logo-noevie.svg");
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  .partenaires3:hover {
	  background-image: url("assets/logo-norea.svg");
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  .partenaires4:hover {
	  background-image: url("assets/logo-nutrea.svg");	
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  .partenaires5:hover {
	  background-image: url("assets/logo-casalys.svg");
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  .partenaires6:hover {
	  background-image: url("assets/logo-destrier.svg");
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  .partenaires7:hover {
	  background-image: url("assets/logo-le-pre-du-clocher.svg");
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  .partenaires8:hover {
	  background-image: url("assets/logo-moissons-du-clos.svg");
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  .partenaires9:hover {
	  background-image: url("assets/logo-samab.png");
		filter: drop-shadow(0 0 2mm rgba(219, 212, 202, 1));
	}
	  

	/* TEXTE CENTRÉ */
	.case-content {
	  position: absolute;
	  /*top: 50%;*/
	  top: calc(50% + 25px);
	  left: 50%;
	  transform: translate(-50%, -50%);
	  
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;

	  background-color: #ffffff;
	  padding: 10px 25px 10px 25px;
	  border-radius: 50px;

	  font-family: "neulis-cursive", sans-serif;
	  font-size: 20px;
	  line-height: 24px;
	  color: #00583c;
	  text-align: center;
	  display: inline-block;
	  font-weight: 500;

	  z-index: 2;
      white-space: nowrap;/* empêche le retour à la ligne */
	  width: auto; /* s'adapte au texte */
	  max-width: 100%; 
	}
	.case-content-subtitle {
	  position: absolute;
	  top: calc(50% + 65px);
	  left: 50%;
	  transform: translate(-50%, -50%);
	  
	  display: inline-flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;

	  padding: 10px 25px 10px 25px;
	  border-radius: 50px;

	  font-family: "neulis-cursive", sans-serif;
	  font-size: 16px;
	  line-height: 16px;
	  color: #ffffff;
	  text-align: center;
	  display: inline-block;
	  font-weight: 500;

	  z-index: 2;
      white-space: nowrap;
	  width: auto; 
	  max-width: 100%;
	}

    .tab-bullet-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #ffffff;

	display: inline-block;     
	vertical-align: baseline;  

	margin: 0 4px;             
	position: relative;
	top: 5px;                 
    }

	/* TABLETTE */
	@media (min-width: 768px) and (max-width: 1599px) {
	  .tableau-3x3 {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	  }

	  .case-tableau {
		height: 250px;
	    padding-bottom: 25px;
	  }
		
		.case-hidden{
			display: none;
		}
	}

	/* MOBILE : 1 colonne */
	@media (max-width: 767px) {
	  .tableau-3x3 {
		grid-template-columns: 1fr;
		gap: 25px;
	  }

	  .case-tableau {
		width: 374px;
		height: 302px;
	    padding-bottom: 50px;
	  }
		
		.case-hidden{
			display: none;
		}
		.image-mains{
		height: 250px;
		font-size: 50px;
		line-height: 52px;
	  }
	}
	  
/* --------------------------------
   SECTION 5 : EXIGENCES / FAQ
----------------------------------- */

.exigences-section {
  position: relative;
  width: 100%;
  background-color: #004538; /* fond vert de base */
  overflow: hidden;
  z-index: 1;
}

.exigences-bg-svg-inner {
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 1600px;
  background-image: url("assets/nourience-fond-1920x1080-00563F-bis.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.exigences-inner {
  position: relative;
  margin: 0 auto;
  max-width: 374px; /* mobile */
  padding-inline: 20px;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #ffffff;
}

/* TITRES */
.exigences-title-main {
  font-family: "neulis-neue", system-ui, sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 34px;
  color: #ffffff;
}

.exigences-title-sub {
  margin-top: 8px;
  font-family: "neulis-cursive", system-ui, sans-serif;
  font-weight: 600;             /* semi-bold */
  font-size: 24px;
  line-height: 28px;
  color: #8DC798;
}

.exigences-r {
  font-family: "neulis-neue", system-ui, sans-serif;
  font-weight: 600;
}

/* TEXTE INTRO */
.exigences-text {
  margin-top: 50px;
  font-family: "neulis-neue", system-ui, sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  padding-bottom: 50px;
}
	  
.exigences-text p + p {
  margin-top: 16px;
}

.exigences-medium {
  font-weight: 500; /* medium */
}

/* FAQ / ACCORDÉON */
.faq {
  display: flex;
  flex-direction: column;
  gap: 10px; /* 10px entre chaque question */
}

.faq-item {
  background-color: #BADAB6;
  border-radius: 20px;
}

/* BLOC QUESTION (fermé / ouvert) */
.faq-question {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 25px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.faq-question-text {
  font-family: "neulis-cursive", system-ui, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #004538;
  flex: 1;
}

.faq-r {
  font-family: "neulis-neue", system-ui, sans-serif;
  font-weight: 700;
}

.faq-arrow {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  margin-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-arrow img {
  display: block;
  width: 25px;
  height: 25px;
  transform-origin: center;
  transition: transform 0.3s ease;
}

/* Rotation flèche en état ouvert */
.faq-item.open .faq-arrow img {
  transform: rotate(90deg);
}

/* RÉPONSE */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding-inline: 25px;
  padding-bottom: 0;
  transition: max-height 0.3s ease, padding-bottom 0.3s ease;
}

.faq-answer-inner {
  max-width: 850px; /* cible desktop, mais fluide en dessous */
  font-family: "neulis-neue", system-ui, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500; /* semi-bold “regular” */
  color: #004538;
  padding-bottom: 25px;
}

.faq-answer-inner p + p {
  margin-top: 12px;
}

.faq-item.open .faq-answer {
  max-height: 500px; /* suffisant pour le texte, ajustable si besoin */
}

/* TABLETTE */
@media (min-width: 768px) {
	.exigences-inner {
	max-width: 708px;
	padding-inline: 30px;
	padding-top: 100px;
	padding-bottom: 100px;
	}

	.faq-question-text {
	  font-family: "neulis-cursive", system-ui, sans-serif;
	  font-weight: 700;
	  font-size: 30px;
	  line-height: 30px;
	  color: #004538;
	  flex: 1;
	}
}

/* DESKTOP */
@media (min-width: 1600px) {
  .exigences-inner {
    max-width: 900px;
    padding-inline: 0;
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .faq {
    gap: 10px;
  }

  .faq-answer-inner {
    max-width: 850px;
    padding-bottom: 25px;
  }

.faq-question-text {
  font-family: "neulis-cursive", system-ui, sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  color: #004538;
  flex: 1;
}
}
	  
    /* --------------------------------
       SECTION 6 : CHIFFRES CLÉS
    ----------------------------------- */

    .chiffres-section {
      width: 100%;
      background-color: #FFFFFF;
      z-index: 1;
	  position: relative;
    }

    .chiffres-inner {
      margin: 0 auto;
      max-width: 374px; /* mobile : grille 374px */
      padding-inline: 20px;
      padding-top: 100px;
      padding-bottom: 25px;
      color: #00563F;
	  text-align: center;
    }

    .chiffres-title {
      padding-bottom:25px;
    }

    .chiffres-title-main {
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 600; /* semi-bold */
      font-size: 50px;
      line-height: 32px; /* interlettrage / hauteur de ligne demandée */
      color: #004538;
    }

    .chiffres-title-sub {
      margin-top: 8px;
      font-family: "neulis-cursive", system-ui, sans-serif;
      font-weight: 600; /* semi-bold */
        font-size: 26px;
        line-height: 28px;
      color: #8DC798;
    }

    .chiffres-r {
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 600;
    }
	   
	 /* BLOCS 2 COLONNES */
	.section-2cols-chiffres {
      width: 100%;
      z-index: 1;
	  position: relative;
      background-color: #ffffff;
    }
	  
	  .col.margin-tp-chiffres {
      min-height: 100px;
    }
	  
    .chiffres-cles-img{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 150px;
      height: 150px;
      font-size:60px;
      font-family: "neulis-cursive", system-ui, sans-serif;
      font-weight: 600;
      margin: auto;
      color: #8DC798;
    }

    .chiffres-cles-arc {
      position: absolute;
      inset: 0;
    }

    .chiffres-cles-arc path {
      fill: none;
      stroke: #00563F;
      stroke-width: 8;
      stroke-linecap: round;
      stroke-dasharray: 100;
      stroke-dashoffset: 100;
    }

    .chiffres-cles-img.is-visible .chiffres-cles-arc path {
      animation: arc-draw 1.8s ease-out forwards;
    }

    @keyframes arc-draw {
      to {
        stroke-dashoffset: 0;
      }
    }

    .chiffres-cles-value {
      position: relative;
      z-index: 1;
    }
	  
    .chiffres-cles-texte{
      padding-top: 10px;
      font-size:30px;
      line-height: 34px;
      font-family: "neulis-cursive", system-ui, sans-serif;
      font-weight: 600;
      color: #00563F;
    }
	  
	.chiffres-cles-r{
      font-family: "neulis-neue", system-ui, sans-serif;
    }
    
	  .margin-tp-chiffres{
		  margin-top: 25px;
	  }
  

    /* TABLETTE */
    @media (min-width: 768px) {
		
		.col.margin-tp-chiffres {
        flex: 0 0 300px; 
        max-width: 300px;
      }
		
      .chiffres-inner {
        max-width: 708px;
        padding-inline: 30px;
        padding-top: 100px;
        padding-bottom: 25px;
	    text-align: center;
      }

      .chiffres-title-main {
        line-height: 34px;
      }

      .chiffres-title-sub {
        font-size: 30px;
        line-height: 34px;
      }

    }
	  

    /* DESKTOP */
    @media (min-width: 1600px) {
		.col.margin-tp-chiffres {
        flex: 0 0 425px; /* 425px + 50px + 425px = 900px */
        max-width: 425px;
      }
		
      .chiffres-inner {
        max-width: 900px;
        padding-inline: 0;
        padding-top: 150px;
        padding-bottom: 25px;
	    text-align: center;
      }

      .chiffres-title-main {
        line-height: 34px;
      }

      .chiffres-title-sub {
        font-size: 30px;
        line-height: 34px;
      }

    }
	  
	/* --------------------------------
       SECTION 7 : CONTACT
    ----------------------------------- */

    .contact-section {
      position: relative;
      width: 100%;
      color: #ffffff;
      overflow: hidden;
      z-index: 1;
      background-image: url("assets/nourience-forme-fond-1920x1080-004538.svg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-color: #00563F;
    }

    .contact-inner {
      position: relative;
      margin: 0 auto;
      max-width: 374px; /* smartphone : grille 374px */
      padding-inline: 20px;
      padding-top: 100px;
      padding-bottom: 100px;
    }

    .contact-title {
      text-align: center;
      margin-bottom: 50px;
    }

    .contact-title-main {
      font-family: "neulis-cursive", system-ui, sans-serif;
      font-weight: 600;
      font-size: 50px;
      line-height: 54px;
      color: #ffffff;
    }

    .contact-r {
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 600;
    }

    .contact-infos {
      display: flex;
      flex-direction: column;
      gap: 50px; /* 50px verticaux entre chaque bloc en mobile */
      align-items: center; /* bloc centré dans la grille */
    }

    .contact-info-line {
      display: flex;
      flex-direction: column; /* mobile : icône au-dessus, texte en dessous */
      align-items: center;
      text-align: center;
      gap: 20px; /* 20px entre icône et texte */
    }

    .contact-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #ffffff; /* pour currentColor */
    }

    .contact-icon svg {
      width: 50px;
      height: 50px;
      display: block;
    }

    .contact-text {
      font-family: "neulis-neue", system-ui, sans-serif;
      font-weight: 600; /* semi-bold */
      font-size: 30px;
      line-height: 34px;
      color: #ffffff;
    }

    /* TABLETTE : grille 708px, marges 30px */
    @media (min-width: 768px) {
      .contact-inner {
        max-width: 708px;
        padding-inline: 30px;
        padding-top: 100px;
        padding-bottom: 100px;
      }
		
	.contact-title-main {
	  font-family: "neulis-cursive", system-ui, sans-serif;
	  font-weight: 600;
	  font-size: 60px;
	  line-height: 64px;
	  color: #ffffff;
	}

      .contact-title {
        text-align: center;
      }

      .contact-infos {
        align-items: center; /* bloc centré */
      }

      .contact-info-line {
        flex-direction: row; /* icône + texte sur la même ligne */
        align-items: center;
        text-align: left;
        gap: 20px;
        width: 100%;
        max-width: 480px; /* bloc ferré à gauche à l’intérieur */
        justify-content: flex-start;
      }

      .contact-text {
        text-align: left;
      }
    }

    /* DESKTOP : grille 900px, padding 150 */
    @media (min-width: 1600px) {
      .contact-inner {
        max-width: 900px;
        padding-inline: 0;
        padding-top: 150px;
        padding-bottom: 150px;
      }
		
	.contact-title-main {
	  font-family: "neulis-cursive", system-ui, sans-serif;
	  font-weight: 600;
	  font-size: 60px;
	  line-height: 64px;
	  color: #ffffff;
	}

      .contact-title {
        text-align: left;
      }

      .contact-infos {
        align-items: flex-start; /* bloc ferré à gauche */
      }

      .contact-info-line {
        flex-direction: row;
        align-items: center;
        text-align: left;
        max-width: none;
      }
    }
	  
/* --------------------------------
   SECTION 8 : FOOTER
----------------------------------- */

.footer-section {
position: relative;
z-index: 10000; /* au-dessus de .hero et .hero-bg */
width: 100%;
background-color: #004538;
color: #FFFFFF;
}

.footer-inner {
  margin: 0 auto;
  max-width: 374px;              /* smartphone : grille 374px */
  padding-inline: 20px;
  padding-top: 100px;
  padding-bottom: 150px;
  text-align: center;
}

.footer-logo svg {
  width: 240px;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* © Nourience 2025 */
.footer-adresse {
  margin-top: 50px;
  font-family: "neulis-neue", system-ui, sans-serif;
  font-weight: 400;                /* medium */
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
}

/* Liens */
.footer-links {
  margin-top: 25px;
  display: flex;
  flex-direction: column; /* mobile : liens les uns sous les autres */
  align-items: center;
  gap: 8px;
  font-family: "neulis-neue", system-ui, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
}

.footer-link {
  text-decoration: none;
  color: inherit;
}

.footer-link:hover {
  /*text-decoration: underline;*/
  color: #badbb8;
}

/* le bullet n’apparaît pas en mobile */
.footer-separator {
  display: none;
}

/* TABLETTE : 708px de grille (marges 30px) */
@media (min-width: 768px) {
  .footer-inner {
    max-width: 708px;
    padding-inline: 30px;
    padding-top: 100px;
    padding-bottom: 150px;
  }

  .footer-links {
    flex-direction: row;           /* liens sur une ligne */
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  .footer-separator {
    display: inline-block;
    margin-inline: 8px;
  }
}

/* DESKTOP : 900px de grille */
@media (min-width: 1600px) {
  .footer-inner {
    max-width: 900px;
    padding-inline: 0;
    padding-top: 100px;
    padding-bottom: 150px;
  }
}