/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* ========================================
   HOMEPAGE STRUCTURE
   ======================================== */

/* Page principale */
.home_page {
}
.home_page img {
  border: none;
}
.home_page section {
  margin:0;
}
@media (min-width:1360px) {
  .home_page .container {
    width:1340px;
  }
}

/* Utilitaire pour masquer visuellement mais garder accessible */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ========================================
   SECTION ENTÊTE HOMEPAGE
   ======================================== */

#home_entete {
  padding-top: calc(var(--header-height) + var(--gap-xl));
  padding-bottom: var(--gap-xl);
  z-index: 2;
  margin-bottom: 0;
  min-height: 60vh;
  background:url('../images/custom/header-1.webp') no-repeat center center;
  background-size: cover;
  /* background: linear-gradient(180deg, rgba(255, 238, 214, 0.00) 88.33%, var(--color-color-5) 98.24%); */
  min-height: calc(0.65 * var(--container-width));
}

/* Logo SVG en fond */
#home_entete .logo_fond {
  /*! opacity: 0.12; */
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*! align-items: center; */
  /*! justify-content: center; */
  /*! filter: brightness(5); */
  width: 100%;
  margin: 0 auto;
}

#home_entete .logo_fond img {
  width: 100%;
}

/* Titre principal */
#home_entete .titre_entete {
  font-family: var(--font-primary);
  font-size: var(--fs-xl);
  line-height: 0.9;
  font-weight: 400;
  margin: 0;
  text-align: left;
}

#home_entete .titre_entete span {
  display: block;
}



/* Image d'entête */
#home_entete .image_entete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#home_entete .image_entete img {
  max-width: 100%;
  height: auto;
}

/* Intro et bouton */
@media(min-width:980px) {
#home_entete .entete_intro {
  text-align: right;
}
}
#home_entete .intro_texte {
  font-family: var(--font-secondary);
  font-size: var(--fs-base);
  line-height: 1.25;
  font-weight: 700;
  max-width: 370px;
}



/* Responsive Mobile */
@media (max-width: 979px) {
  #home_entete {
    min-height: auto;
    padding-bottom: var(--gap-xxl);
  }
  
  #home_entete .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  #home_entete .entete_titres {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  
  #home_entete .image_entete {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin: -38vw 0 var(--gap-m) 0;
    position:relative;
    z-index:1;
  }
  
  #home_entete .entete_intro {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;
  }
  

  

}

/* Responsive Desktop */
@media (min-width: 980px) {
  #home_entete .container {
    /*! align-items: flex-end; */
    position: relative;
  }
  #home_entete .w-33 {
    /* width:35%; */
  }
  #home_entete .w-33.image_entete {
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
            transform:translateX(-50%);
    z-index:0;
    /* width:30%; */
  }
}
@media(min-width:1440px) {
  #home_entete .w-33.image_entete {
    width: 566px;
  }
}
/* ========================================
   SECTION À LA UNE
   ======================================== */

#home_a_la_une {
  position: relative;
  z-index: 3;
  margin-top: 0;
  padding-bottom: var(--gap-xl);
  background-color: var(--color-tertiary);
}

#home_a_la_une::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 120px;
  background: url('../images/custom/_vaguesx3.svg') repeat-x top center;
  background-size: auto 120px;
  z-index: 1;
}

#home_a_la_une .container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 300px;
}

#home_a_la_une .actu_a_la_une {
  background-color: var(--color-blanc);
  border-color: var(--color-primary);
  max-width: 800px;
  margin: 0 auto;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);
}



#home_a_la_une .surtitre {
  font-family: var(--font-secondary);
  font-size: var(--fs-m);
  line-height: 1.27;
  font-weight: 400;
  margin: 0;
}

#home_a_la_une h2 {
  margin: 0;
}

@media(max-width:639px) {
   #home_a_la_une .actu_a_la_une {
  padding-bottom:var(--gap-m)
 }
}
/* Responsive Mobile */
@media (max-width: 979px) {
  #home_a_la_une {
    margin-top: -40px;
  }
  
  #home_a_la_une::before {
    height: 80px;
    background-size: auto 80px;
  }
  /*
  #home_a_la_une .actu_a_la_une {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }*/
  
  #home_a_la_une .image_a_la_une img {
    width: 100%;
    height: auto;
  }
  
  #home_a_la_une .contenu_a_la_une {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    text-align: center;
  }
}

/* ========================================
   SECTION QUI SOMMES NOUS
   ======================================== */

#home_qui {
  background-color: var(--color-tertiary);
  padding-bottom: var(--gap-xl);
}

#home_qui .bloc_qui {
  margin-bottom: var(--gap-m);
  color: var(--color-blanc);
  padding-bottom: 46px;
}

/* Image ronde avec logo */

@media(min-width:1180px) {
  #home_qui .logo_label {
  position: absolute;
  bottom: 0;
  left: 55%;
  width: 92px;
  height: 92px;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
#home_qui .image_qui {
  width: 310px;
  height: 310px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#home_qui .image_qui img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
}


#home_qui .logo_label img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0;
}

/* Grand titre QUI EST BREIZH SURIMI */
#home_qui .titre_qui_container {
  min-width: 16rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

#home_qui .titre_qui {
  font-family: var(--font-primary);
  font-size: var(--fs-xl);
  line-height: 0.9;
  font-weight: 400;
  margin: 0;
  text-align: left;
  position: relative;
}
#home_qui .titre_qui:after {
content: "";
  display: block;
  height: 84px;
  position: absolute;
  left: 0;
  bottom: -43px;
  z-index: 1;
  background: url('../images/custom/poisson_home_svg.svg') no-repeat center center;
    background-size: auto;
  background-size: auto;
  background-size: contain;
  max-width: 50%;
width: 110px;
}

/* Texte avec surtitre */
#home_qui .texte_qui {
  min-width: 300px;
  /*! flex-shrink: 0; */
}

#home_qui .texte_qui h2 {
  font-family: var(--font-primary);
  font-size: var(--fs-l);
  line-height: 0.95;
  font-weight: 400;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap-s);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}



#home_qui .texte_qui p {
  font-family: var(--font-secondary);
  font-size: var(--fs-base);
  line-height: 1.25;
  font-weight: 700;
  margin: 0;
}

/* Chiffres */
#home_qui .chiffres_qui {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 var(--gap-m);
}

#home_qui .chiffre {
  font-family: var(--font-primary);
  font-size: var(--fs-xl);
  line-height: 0.9;
  font-weight: 400;
  margin: 0;
}

#home_qui .titre_chiffre {
  font-family: var(--font-secondary);
  font-size: var(--fs-m);
  line-height: 1.27;
  font-weight: 700;
  margin: 0;
}

#home_qui .bouton_qui {
  margin-top: var(--gap-m);
}

/* Responsive Mobile */
@media (max-width: 1179px) {
  #home_qui .container {
    position:relative;
  }
  #home_qui .bloc_qui {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  } 
  #home_qui .titre_qui_container,
  #home_qui .texte_qui {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width:100%;
  }
   #home_qui .titre_qui_container{
    padding-right:120px;
   }
  #home_qui .chiffres_qui {
    padding:0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    gap:var(--gap);
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }
    .image_qui {
    position:absolute;
    top:var(--gap-xl);
    right:0;
    z-index:1;
    width:92px;
    aspect-ratio:1;
  }
  .image_qui > img {
    display:none;
  }
  #home_qui .logo_label {
    width:92px;
    aspect-ratio:1;
  }

}

/* ========================================
   SECTION GAMMES DE PRODUITS
   ======================================== */

#home_gammes {
  background-color: var(--color-blanc);
  padding-top: var(--gap-xl);
  padding-bottom: var(--gap-xl);
}

/* Titre avec lignes bretonnes */
#home_gammes .titre_gammes {
  margin-bottom: var(--gap);
}
.nom_gamme {
  margin:0;
  
}
.sous_titre_teaser {
  display: block;
  min-height: 2.5em;
  color: var(--color-secondary);
font-family: var(--font-secondary);
font-size: var(--fs-base);
font-style: normal;
font-weight: 400;
line-height: var(--lh-base); /* 125% */
text-transform: uppercase;
}




@media(min-width:980px) {
  .home_page .zone_titre h2,
.home_page .titre {
  margin: 0;
  position:relative;
  padding-left:calc((100 / 63 * 1em ) + var(--gap));
}
  .home_page .zone_titre h2:before,
  .home_page .titre:before {
    content: "";
    display: block;
    background: url('../images/custom/ligne_bretonnes_bleues.svg') no-repeat left 0.0525em;
    background-size: contain;
    height:0.98em;
    aspect-ratio:100/63;
    position: absolute;
    top:0.03em;
    left:0;
    z-index:1;
  }
}
/* Liste des gammes */
#home_gammes .liste_gammes {
  margin-top: var(--gap-m);
}

/* Carte gamme */
#home_gammes .gamme_card {
  max-width: 320px;
  margin: 0 auto;
}

/* Visuel avec fond rond */
#home_gammes .gamme_visuel {
  /*! width: 320px; */
  /*! height: 320px; */
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1;
  width: 100%;
}

#home_gammes .fond_rond {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-color-5);
  border-radius: 50%;
  z-index: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}

#home_gammes .image_produit {
  position: relative;
  z-index: 1;
  width: 96.88%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#home_gammes .image_produit img {
  width: 100%;
  height: auto;
  -webkit-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
          transform: rotate(-8deg);
  max-width: 310px;
}

#home_gammes .mascotte {
  position: absolute;
  bottom: 24%;
  left: 9px;
  width: 31%;
  z-index: 2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#home_gammes .mascotte img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Nom de la gamme */
#home_gammes .nom_gamme {
  font-family: var(--font-primary);
  font-size: var(--fs-l);
  line-height: 0.95;
  font-weight: 400;
  margin: 0;
}
#home_gammes .bouton {
  margin:0 auto;
}
/* Responsive Mobile */
@media (max-width: 979px) {

  
  #home_gammes .image_produit {
    width: 90%;
  }
  
  #home_gammes .image_produit img {
    max-width: 250px;
  }
}
.gamme_card:hover .mascotte {
    -webkit-transform: rotate(-30deg) translate3d(-6%,-5%,0);
            transform: rotate(-30deg) translate3d(-6%,-5%,0);
}
#home_gammes  .gamme_card:hover .fond_rond {
    background: var(--color-primary);
}
 

/* ========================================
   SECTION RECETTES
   ======================================== */

#home_recettes {
  background-color: var(--color-primary);
  padding-top: var(--gap-xl);
  padding-bottom: var(--gap-xl);
}
#home_recettes .titre_recettes {
  padding-bottom:var(--gap-m);
  margin-bottom:0;
}





@media(min-width:980px) {
  #home_recettes .titre_recettes {
    position:relative;
    padding-right:26%;
  }
  #home_recettes .titre_recettes:after {
    display: block;
    content: '';
    background: url('../images/custom/fourchette.svg') no-repeat center center / contain;
    width: 106px;
    height: 175px;
    position: absolute;
    left: 74%;
    top: 20px;
    z-index: 1;
    pointer-events: none;
  }
}

@media(min-width:1400px) {
    #home_recettes .titre_recettes h3 {
    margin-top:-0.5em
  }
  #home_surimi h2 span.contour {
    display:inline-block;
    -webkit-transform:rotate(-4deg) translateY(-0.5em);
    -ms-transform:rotate(-4deg) translateY(-0.5em);
    transform:rotate(-4deg) translateY(-0.5em);
  }
}



#home_surimi {
  background: url('../images/custom/bg-contenu.webp') no-repeat center center;
  background-size: cover;
  padding-top: var(--gap-xl);
  padding-bottom: calc(var(--gap-xl) + 150px);
}

/* Titre de section avec boîte inclinée */
#home_surimi .zone_titre {
  margin-bottom: var(--gap-m);
}
#home_surimi h2 {
  color:var(--color-tertiary);
}
#home_surimi h2 span.contour {
  color:var(--color-blanc);
  margin-left:2em;
  font-size: var(--fs-l);
  line-height:1;
}

/* Blocs pages (3 cartes blanches) */
#home_surimi .blocs_pages {
  margin-top: var(--gap-m);
}

#home_surimi .bloc_page {
  padding: var(--gap-l) var(--gap-m);
  gap: var(--gap);
}
@media(min-width:640px) and (max-width:979px) {
  #home_surimi .bloc_page {
    padding: var(--gap);
  }
}

#home_surimi .bloc_image {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

#home_surimi .bloc_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#home_surimi .bloc_titre {
  line-height: 0.95;
}

#home_surimi .bloc_sous_titre {
  line-height: 1.27;
}

/* ========================================
   SECTION LE SURIMI BRETON
   ======================================== */
   
/* Bande FAQ inclinée */


#home_faq  {
  -webkit-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
  padding: var(--gap-m) 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 120%;
  left: -10%;
  margin-top: calc(var(--gap-xl) * -2);
  z-index: 2;
}

#home_faq .bande_faq_lien {
  text-decoration: none;
  color: inherit;
}

#home_faq .mascotte_faq {
  width: 150px;
  height: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
   
}

#home_faq .mascotte_faq img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#home_faq .titre_faq_home {
  font-family: var(--font-primary);
  text-transform: uppercase;
}

#home_faq .titre_faq_home h2 {
  font-size: var(--fs-xl);
  line-height: 0.9;
  margin: 0;
  color: var(--color-blanc);
}

#home_faq .titre_faq_home h3 {
  font-size: var(--fs-l);
  line-height: 0.95;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap-s);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: var(--color-secondary);
}

#home_faq .titre_faq_home h3 span.contour {
  -webkit-transform:none;
      -ms-transform:none;
          transform:none;
}



/* Responsive Mobile */
@media (max-width: 979px) {
  
  
  
  #home_surimi {
    padding-bottom: calc(var(--gap-xl) + 120px);
  }
  
  #home_faq .bande_faq {
    /*! flex-direction: column; */
    /*! padding: var(--gap-m); */
    /*! text-align: center; */
  }
  
  #home_faq .mascotte_faq {
    width: 100px;
    height: 100px;
  }
  
  #home_faq .titre_faq h2 {
    font-size: var(--fs-l);
  }
  
  #home_faq .titre_faq h3 {
    font-size: var(--fs-m);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* ========================================
   SECTION OÙ NOUS TROUVER
   ======================================== */

#home_ou_trouver {
  background-color: var(--color-secondary);
  padding-top: calc(var(--gap-xxl) + var(--gap-xl));
  padding-bottom: var(--gap-xl);
  position: relative;
  overflow: hidden;
  margin-top: calc(var(--gap-xl) * -2);
}

#home_ou_trouver .container {
  position: relative;
  z-index: 1;
}

/* Image produit */
#home_ou_trouver .image_ou_trouver {
  width: 259px;
  height: 300px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#home_ou_trouver .image_ou_trouver img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Texte et bouton */
#home_ou_trouver .texte_ou_trouver {
  gap: var(--gap-s);
}

#home_ou_trouver .texte_ou_trouver h2,
#home_ou_trouver .texte_ou_trouver h3 {
  margin: 0;
  line-height: 0.9;
}

#home_ou_trouver .texte_ou_trouver h3 {
  line-height: 0.95;
}

/* Carte de France en fond */
#home_ou_trouver .carte_france {
  position: absolute;
  width: 287px;
  aspect-ratio:287 / 300;
  background: url('../images/custom/france.svg') no-repeat center;
  background-size: contain;
  z-index: 0;
}
@media(max-width:979px) {
  #home_ou_trouver .carte_france {
    left:50%;
    bottom: 0%;
    top:unset;
    right:unset;
    max-width:50%

  }
}
@media(min-width:980px) {
#home_ou_trouver .carte_france {
    position: absolute;
    left: 61%;
    top: 50%;
    bottom:unset;
      -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/* Responsive Mobile */
@media (max-width: 979px) {
  #home_ou_trouver {
    padding-top: calc(var(--gap-xl) + 150px);
  }
  
  #home_ou_trouver .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
      -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;      
  }
  
  #home_ou_trouver .image_ou_trouver {
    width: 200px;
    height: 240px;
  }
  
  #home_ou_trouver .texte_ou_trouver {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  
}

/* ========================================
   SECTION ACTUS
   ======================================== */

#home_actus {
  background-color: var(--color-blanc);
  padding-top: var(--gap-xl);
  padding-bottom: var(--gap-xl);
}

@media(max-width:639px) {
  #home_actus .container {
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
  }
}
/* Header avec mascotte + titres + carte actu */


/* Groupe mascotte + titres */
#home_actus .groupe_mascotte_titres {
  gap: var(--gap);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Mascotte */
#home_actus .mascotte_actus {
  width: 147px;
  height: 154px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#home_actus .mascotte_actus img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Titres */
#home_actus .titres_actus {
  gap: var(--gap);
  min-width: 260px;
}

#home_actus .titres_actus h2,
#home_actus .titres_actus h3 {
  margin: 0;
}
/*
#home_actus .titres_actus h2 {
  line-height: 0.9;
}*/

#home_actus .titres_actus h3 {
  line-height: 0.95;
}

/* Actu mise en avant */


#home_actus .actu_image {
  overflow: hidden;
  border-radius: var(--corner-s, 10px);
}

#home_actus .actu_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#home_actus .actu_contenu {
  gap: var(--gap);
  min-width: 0;
}
#home_actus h3 {
font-family: var(--font-secondary);
font-size: var(--fs-m);
font-style: normal;
font-weight: 700;
line-height: var(--lh-m); /* 127.273% */
text-transform: uppercase;
}

#home_actus .actu_date {
  margin: 0;
  line-height: 1.27;
}


/* Bouton voir toutes les actualités */
#home_actus .bouton_toutes_actus {
  margin-top: var(--gap-m);
}

/* Bouton filaire */
#home_actus .bouton_filaire {
  background-color: transparent;
  border: 3px solid var(--color-primary);
}

#home_actus .bouton_filaire:hover {
  background-color: var(--color-primary);
}

/* Responsive Mobile */
@media (max-width: 979px) {
  #home_actus .mascotte_actus {
    width: 100px;
    height: 105px;
  }
}
  .home_page .texte_ou_trouver  h2,
  .home_page .zone_titre h2,
  .home_page h2.titre {
    font-size:var(--fs-xl);
    line-height: var(--fs-xl);
    margin: 0;
  }
  .home_page .texte_ou_trouver  h3,
  .home_page .zone_titre h3,
  .home_page .titres_actus  h3{
    font-size: var(--fs-l);
    line-height: var(--fs-l);
  }