/* --- bloc-carrousel.css --- */
.slick-carousel-post .slick-track {display: flex;}

.bloc-carrousel  a.underline{font-size: 1.6rem;padding: 0 4rem;}

.section-carrousel-post .bloc-fleche .slick-arrow{width: 4rem;}
.slick-carousel-post .slick-slide a {display: block; margin: auto;}

.slick-carousel-post .slick-slide a:focus-visible {outline: none !important;}
.bloc-carrousel {padding: 2rem;}
.bloc-carrousel h2 {border-bottom: 1px solid var(--couleur-principale); margin-bottom: 1.5rem; padding-bottom: 1.2rem;}
.bloc-carrousel>p {max-width: 800px;}
.bloc-carrousel .bloc-carrousel-intro {margin-bottom: 3rem;padding: 0 4rem;}
.carrousel-vignette .vignette-infos {padding: 2rem 2.5rem; flex-direction: column; flex: 1;}
.bloc-carrousel-presta .slick-carousel-post h3 {margin: 0; font-size: 1.8rem; font-weight: 400; color: #CAE5E6;}
.bloc-carrousel-presta .slick-carousel-post .infos { overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 3; line-clamp: 3;  -webkit-box-orient: vertical; margin-bottom: 1.5rem;}
.bloc-carrousel-presta .slick-carousel-post .infos * {color: #fff;}


.bloc-carrousel-presta .carrousel-vignette {background-color: var(--couleur-principale-light); margin: 1rem 2rem; border-radius: var(--border-radius); overflow: hidden; display: flex !important; flex-direction: column; height: inherit;}
.carrousel-vignette .vignette-bg {height: 20rem; overflow: hidden; background-color: var(--couleur-principale-light);}
.bloc-carrousel-presta .carrousel-vignette:hover {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.carrousel-vignette:hover .vignette-bg img {transform: scale(1.08);}
.slick-carousel-post img, .bloc-post-sans-carrousel img {width: 100%; height: 100%; object-fit: cover; margin-left: auto; margin-right: auto; transition: all 350ms ease-in-out;}
.slick-carousel-post .post-resume {width: 250px;}
.bloc-carrousel-actus .slick-prev, .bloc-carrousel-actus .slick-next {top: auto;}
.section-carrousel-post .slick-next:before, .section-carrousel-post .slick-prev:before {display: none;}
.bloc-carrousel-presta .section-carrousel-post .slick-next, .bloc-carrousel-presta .section-carrousel-post .slick-prev {top: auto; left: auto;}

.slick-carousel-texte-image h3 {border-radius: 25px; border: 2px solid var(--couleur-secondaire-light); color: var(--couleur-principale); font-size: 13px; font-weight: 400;}
.slick-carousel-texte-image {margin-bottom: 0 !important;}


.bloc-fleche{display: none; position: relative;}


.section-carrousel-post {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; margin-top: 3rem; position: relative;}
.slick-carousel-post {  flex: 1 1 auto; width: 100%;}


.bloc-carrousel-presta .carrousel-presta-btn {color: #fff; font-size: 1.3rem; opacity: .8; transition: inherit; margin-bottom: 0; margin-top: auto;}
.bloc-carrousel-presta .carrousel-vignette:hover .carrousel-presta-btn {opacity: 1;}
.bloc-carrousel-presta .carrousel-presta-btn span {text-decoration: none; color: #fff;}
.bloc-carrousel-presta .carrousel-btn {margin-top: 3rem;}

.bloc-carrousel h2{font-weight: 400;}

@media (min-width: 768px) {
    .bloc-carrousel h2 {max-width: 1180px;}
    .bloc-carrousel-actus .bloc-fleche {width: 40%; top: -7rem;}
    .bloc-carrousel-presta .section-carrousel-post .slick-next {right: 45px;}
    .bloc-carrousel-presta .section-carrousel-post .slick-prev {right: 120px;}
.bloc-carrousel .bloc-carrousel-intro{padding: 0;}
.bloc-carrousel  a.underline{font-size: 2rem;padding: 0;}
}

@media (min-width: 1000px) {
    .bloc-carrousel-presta .bloc-carrousel-intro {max-width: 80% !important; margin-left: auto !important; margin-right: 0 !important;}
    .bloc-carrousel-presta .bloc-carrousel-intro p, .bloc-carrousel-presta .bloc-carrousel-intro h2 { padding-right: 10rem !important;}
    .bloc-carrousel-presta .carrousel-btn {width: 80%; margin-left: auto;}
}


@media (min-width: 1200px) {

    .bloc-fleche {flex: 0 0 auto;display: flex;flex-direction: row-reverse; justify-content: end; align-items: center;width: 30% !important; padding: 4rem;}
    .bloc-carrousel-actus h2 {position: absolute; right: 60%; max-width: 300px; text-align: right; font-size: 2.5rem; top: 40px; line-height: normal;}
    .bloc-carrousel .bloc-carrousel-intro {margin-bottom: 4rem;}
    .bloc-carrousel {padding: 0;}
    .bloc-carrousel-presta .bloc-carrousel-intro {max-width: 70% !important;}
    .bloc-carrousel-presta .carrousel-btn {width: 70%;}
}


@media (min-width: 1400px) {
    .bloc-carrousel-presta .carrousel-vignette {width: 38rem;}
    .carrousel-vignette .vignette-infos {padding:3rem;}
    .bloc-carrousel-presta .slick-carousel-post h3 {font-size: 2.5rem;}
    }



.reafooter .bloc-fleche {width: 90% !important; position: absolute; bottom: 145px;}
.reafooter .bloc-fleche a i{ background-color: var(--couleur-principale); color: white;padding: 0.6rem 0.6rem; border-radius: 0.6rem;}
.reafooter.section-carrousel-centre .slick-slide img {  max-height: 40rem; object-fit:cover; }


/* --- bloc-carrousel-logo.css --- */
.slick-carousel-logo .slick-track {display: flex;}
.slick-carousel-logo .slick-slide {background-color: #fff;  margin: 0 20px; display: flex;  height: inherit;padding: 1rem 5px; justify-content: center;align-items: center; flex-direction: column;}
.slick-carousel-logo .slick-slide img {max-width: 18rem;  max-height: 7rem; margin: auto; height: 100%; width: 100%; object-fit: contain;}
.slick-carousel-logo .slick-slide p {text-align: center;}
.slick-carousel-logo .slick-slide a {flex-direction: column; height: 100% ; width: 100%;}
.bloc-carrousel-logo {padding: 2rem 2rem;}
.main-container .bloc-carrousel-logo {padding: 4rem 2rem;}
.bloc-carrousel-logo h2 {margin-top: 0; text-align: center;}
.section-carrousel-logo {position: relative; width: 100%;}
.section-carrousel-logo .slick-prev, .section-carrousel-logo .slick-next {display: none;}
.section-carrousel-logo .slick-prev::before, .section-carrousel-logo .slick-next::before {display: none;}
.bloc-carrousel-logo .btn-cta {margin: 3.5rem auto 0; background-color: var(--couleur-secondaire); }
.carrousel-logo-txt { margin-bottom: 3.5rem;}
.carrousel-logo-intro {margin: 0 2rem 2rem;}
.bloc-carrousel-logo.border-radius {border-radius: var(--border-radius);}
.bloc-temoignage-intro {margin-bottom: 2rem;}
.bloc-temoignage-carrousel {position: relative;}
.slider-carrousel-logo {padding: 0 2rem; justify-content: center;}

    .bloc-carrousel-logo .slick-prev, .bloc-carrousel-logo  .slick-next{width: 4rem;}

@media (min-width: 768px) {

    /*.bloc-carrousel.logo-partenaires-clients:not(.main-container) .slick-prev {left: calc(50% - 60px);}*/
    /*.bloc-carrousel.logo-partenaires-clients:not(.main-container) .section-carrousel-logo .slick-next {right: calc(50% - 60px);}*/
    .bloc-carrousel.logo-partenaires-clients:not(.main-container) .slick-prev, .bloc-carrousel.logo-partenaires-clients:not(.main-container) .section-carrousel-logo .slick-next {top: 4rem;}
    .carrousel-logo-txt {margin-bottom: 5rem;}
    .bloc-carrousel-logo .btn-cta {max-width: max-content; margin: 5.5rem auto 0;}
    .bloc-carrousel.logo-partenaires-clients:not(.main-container) .bloc-carrousel-logo .btn-cta {margin: 10rem auto 0;}
    .carrousel-logo-txt p {max-width: 80rem; margin-left: auto; margin-right: auto;}
    .main-container .bloc-carrousel-logo {padding: 5rem 5rem;}
    .bloc-carrousel-logo {padding: 4rem 0;}
    .bloc-carrousel-logo:not(.main-container) .bloc-carrousel-logo {margin-left: 6rem; margin-right: 6rem;}
    .carrousel-logo-intro {max-width: 80rem; margin: 0 auto 4rem;}
    .bloc-temoignage-intro {margin-bottom: 3rem;}

}

@media (min-width: 900px) {
    .section-carrousel-logo {width: 70%;}
    .bloc-carrousel-logo h2 {max-width: 30rem; text-align: right; margin-bottom: 0;}
    .carrousel-logo-intro {margin: 0 6rem 0 0; flex: 1; justify-content: flex-end;}
    .slider-carrousel-logo {padding: 0 6rem; justify-content: flex-start;}
    .section-carrousel-logo .slick-prev, .section-carrousel-logo .slick-next {top: calc(50% - 8px); display: block; bottom: 6.5rem;}
}

/* --- bloc-documents.css --- */
.bloc-documents {margin-top: 4rem;}
.bloc-documents .document-category h2 {margin-top: 2rem; color: var(--couleur-principale); border-bottom: 2px solid var(--couleur-gris-clair); padding-bottom: 0.5rem; font-size: 3rem; font-family: "Caveat", sans-serif;}
.bloc-documents .documents-list {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 1rem; margin-bottom: 4rem;}
.bloc-documents .documents-list .document-item {border: 1px solid var(--couleur-gris-clair); padding: 1rem; box-sizing: border-box;    display: flex;flex-direction: column; justify-content: space-between;}
.bloc-documents .documents-list .document-content h3 { font-size: 1.8rem; margin: 0 0 0.5rem;}
.bloc-documents .documents-list .buttons-list { display: flex; gap: 1rem; margin-top: 1rem; flex-direction: column;}
.bloc-documents .documents-list .buttons-list .btn-cta { font-size: 1.4rem;padding: 0.5rem 1rem;}

@media (min-width: 768px) {
    .bloc-documents {margin-top: 6rem;}
    .bloc-documents .documents-list {margin-bottom: 5rem;}
    .bloc-documents .document-category h2 {font-size: 5rem;}
    .bloc-documents .documents-list .document-content h3 { font-size: 1.6rem;}
}

/* --- bloc-entete-accueil.css --- */
.bloc-entete-accueil { position: relative;display: flex; width: 100%;overflow: hidden;padding: 0;max-width: 1400px;margin: auto;gap: 5rem;align-items: center; flex-wrap: wrap;}
.bloc-entete-accueil .column-logo,.bloc-entete-accueil .column-text { width: 100%;height: auto; }
.bloc-entete-accueil .column-logo {position: relative; margin-left: 3rem;}

.bloc-entete-accueil .column-text h1 {text-transform: inherit;font-weight: 400;}
.bloc-entete-accueil .column-logo .oiseau-logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 7rem;  z-index: 2;}
.bloc-entete-accueil .column-logo .oiseau-logo img { width: 100%;height: auto;display: block;}
.bloc-entete-accueil  .column-text {display: flex;flex-direction: column; justify-content: center; padding: 2rem;}

.bloc-entete-accueil .column-text .btn-cta:before{margin-right: 0.5em;border-top: 0.35em solid transparent; border-bottom: 0.35em solid transparent; border-left: 0.35em solid white;content: ""; display: inline-block;}

.bloc-entete-accueil .column-logo .g-background-masked {background-image: url('/wp-content/uploads/2025/06/P1000570.jpg'); background-size: cover; background-position: center; inset: 0; background-attachment: fixed; mask: url('/wp-content/uploads/2025/06/Logo-Guignard-G.svg'); -webkit-mask: url('/wp-content/uploads/2025/06/Logo-Guignard-G.svg'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain;-webkit-mask-size: contain;mask-position: center; -webkit-mask-position: center; z-index: 1; height: 15rem;}

.bloc-entete-accueil .column-logo{display: none;}

.bloc-entete-accueil .btn-entete-accueil{display:flex;flex-direction:column;gap:1rem;}



@media (max-width: 768px) {
  .bloc-entete-accueil .column-text h1  {font-family: "Caveat", sans-serif; font-size: 4rem; line-height: 1; margin-bottom: 1rem;}
}

@media (min-width: 768px) {
    .bloc-entete-accueil .column-logo .oiseau-logo {top: 50%; left: 50%;transform: translate(-45%, -55%);  width: 30%;  z-index: 2;}
    .bloc-entete-accueil .column-logo .oiseau-logo img { width: 100%;height: auto;display: block;}
    .bloc-entete-accueil .column-logo .g-background-masked { position: absolute; inset: 0; background-image: url('/wp-content/uploads/2025/06/P1000570.jpg');background-size: cover; background-position: center;background-attachment: fixed;mask: url('/wp-content/uploads/2025/06/Logo-Guignard-G.svg'); -webkit-mask: url('/wp-content/uploads/2025/06/Logo-Guignard-G.svg'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain;-webkit-mask-size: contain;mask-position: center; -webkit-mask-position: center; z-index: 1;}
    .bloc-entete-accueil .column-logo, .bloc-entete-accueil .column-text {height: 100%;position: relative;}
    .bloc-entete-accueil .column-logo {width: 50%;height: 65vh;display: block;}
    .bloc-entete-accueil .column-logo .g-background-masked {height: auto;}
    .bloc-entete-accueil {flex-wrap: nowrap;}
    }


@media (min-width: 1200px) {
      .bloc-entete-accueil .column-text {width: 40%;}
          .bloc-entete-accueil .column-logo {margin-left: 0;}
  }


@media (min-width: 1700px) {
    .bloc-entete-accueil .column-logo .oiseau-logo {width: 45%;}

}

@media  (min-width: 1600px) {
      .bloc-entete-accueil .column-logo {width: 55%;}
}

@media  (max-height: 1200px) {
  .bloc-entete-accueil .column-logo .oiseau-logo { width: 30%;}
}



/* --- bloc-essence.css --- */

.bloc-essence .essence-liste { display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 3rem;}
.bloc-essence .essence-liste .essence-item { overflow: hidden;display: flex;flex-direction: column;border: 1px solid var(--couleur-gris-clair); transition: transform 0.2s ease, box-shadow 0.2s ease;}
.bloc-essence .essence-liste .essence-item:hover { transform: translateY(-6px);}
.bloc-essence .essence-liste .essence-thumbnail img { width: 100%; height: 15rem; padding: 2rem;}
.bloc-essence .essence-liste .essence-title {font-size: 2rem !important; margin: 1rem; margin-bottom: 0.5rem;text-align: center;font-weight: bold;text-transform: uppercase;color: var(--couleur-principale);}
.bloc-essence .essence-liste  .essence-item h3 {font-size: 1.8rem !important; text-align: center;margin: 0 1rem 1rem; font-weight: normal;}
.bloc-essence .essence-liste .essence-infos li {margin-bottom: 1rem; border-bottom: 1px solid var(--couleur-gris-clair); padding-bottom: 1rem;}
.bloc-essence .essence-liste .essence-infos li:last-child{border-bottom: 0;}
.bloc-essence .essence-liste .essence-infos li::marker { color:  var(--couleur-principale);}
.bloc-essence .essence-liste .essence-infos li p{margin: 0;}

.section-conseil-essence h3 {font-family: "Caveat", sans-serif; font-size: 3.5rem !important; font-weight: 500; margin-bottom: 2rem;}



.section-reassurance-essence .row-reassurance-essence {justify-content: center; column-gap: 5rem;}
.section-reassurance-essence .row-reassurance-essence figure {margin-bottom: 3rem;}
.section-reassurance-essence .col-reassurance-essence img {height: 9rem; width: auto;}
.section-reassurance-essence .row-reassurance-essence p {font-size: 1.4rem; text-align: center;}




@media (min-width: 768px) {
.bloc-essence .essence-liste .essence-title {font-size: 2.2rem !important;}
.section-conseil-essence h3 {font-size: 4.7rem !important; margin-bottom: 3rem;}
.section-reassurance-essence .row-reassurance-essence {max-width: 90rem; margin-left: auto; margin-right: auto;}
.section-conseil-essence {max-width: 90rem; margin-left: auto; margin-right: auto;}


}


@media (min-width: 1200px) {
.bloc-essence .essence-liste .essence-thumbnail img { width: 100%; height: 20rem; padding: 2rem;}

}

/* --- bloc-galerie-photos.css --- */
.section-galerie .grid-item {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
}

.section-galerie .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease, filter 0.4s ease;
}

/* Hover */
.section-galerie .grid-item:hover img {
    transform: scale(1.05);
    filter: brightness(1.05) contrast(1.05);
}


/* --- bloc-liste-etapes.css --- */
.bloc-liste-etape .timeline {display: flex;flex-direction: column; align-items: center;justify-content: space-between; width: auto; position: relative; margin-top: 0 !important; margin-bottom: 0;}
.bloc-liste-etape  .ligne-timeline {display: flex;align-items: center; width: 100%; position: relative; padding: 10px 0; flex-direction: column; }
.bloc-liste-etape  .ligne-timeline .texte {width: 100%;}
.bloc-liste-etape  .ligne-timeline .texte ul {padding: 0 1em;}
.bloc-liste-etape  .ligne-timeline .texte ul li {color: var(--couleur-texte); font-size: 14px; padding: 4px 0;}
.bloc-liste-etape  .ligne-timeline .texte ul li::before { content: "\2022"; color: var(--couleur-principale); font-weight: bold; display: inline-block;  width: 1em;  margin-left: -1em; }

.bloc-liste-etape .ligne-timeline .image {width: 100%;}
.bloc-liste-etape .ligne-timeline .image img {object-fit: cover; width: 100%; height: 20rem;}
.bloc-liste-etape .timeline-item {display: none;flex-direction: column; align-items: center; margin: 0 20px; width: 100%; position: relative; margin-bottom: 30px;}
.bloc-liste-etape .timeline-item::before {content: ''; width: 100%; height: 1px; background-color: var(--couleur-texte); position: absolute; left: 0; top: 50%;}
.bloc-liste-etape .ligne-timeline .numero { width: 40px;height: 40px;background-color: var(--couleur-principale); color: white; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; z-index: 2; font-size: 18px;}
.bloc-liste-etape .ligne-timeline .line {display: none; flex: 1;border-left: 1px solid var(--couleur-gris-clair); height: 100%; position: absolute;top: 15px;z-index: 0;}

/*.bloc-liste-etape  .last .line:after{ width: 30px;height: 30px; background-color: var(--couleur-principale); color: white; display: flex;align-items: center;justify-content: center; border-radius: 50%; font-weight: bold;z-index: 2;content: ''; position: absolute;bottom: 0;left: -15px;}*/
.bloc-liste-etape .ligne-timeline h3 {color: var(--couleur-principale);font-size: 1.8rem !important; margin: 0;font-weight: bold;}

.bloc-liste-etape .ligne-timeline.last .line {height: calc(100% - 4.5rem);}



/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 900px) {
   .bloc-liste-etape  .ligne-timeline {padding: 3rem 0; max-width: 90rem;}
   .bloc-liste-etape  .ligne-timeline .texte {width: calc(50% - 6rem);}
   .bloc-liste-etape  .ligne-timeline .image {flex: 1; width: auto;}
  .bloc-liste-etape   .ligne-timeline {flex-direction: row;}
   .bloc-liste-etape  .ligne-timeline .line {display: block;}
   .bloc-liste-etape  .timeline-item {display: flex; width: auto; margin-bottom: 0; position: static;  margin: 0 40px; }
   .bloc-liste-etape  .timeline-item::before {display: none;}
   .bloc-liste-etape  .timeline {margin-bottom: 50px;}
   .section-liste-etape {max-width: 90rem; margin-left: auto; margin-right: auto;}
   .bloc-liste-etape {margin-top: 4rem;}
   .bloc-liste-etape .timeline {width: 100%;}
   .bloc-liste-etape .ligne-timeline .image img {height: 30rem;}
}



/* --- bloc-produits.css --- */
.bloc-produits {margin-bottom: 6rem;}
.bloc-produits .categories-grid {display: flex; flex-wrap: wrap; gap: 5rem;    align-items: flex-start;}
.bloc-produits .categorie-produit { flex: 1 1 100%; box-sizing: border-box; display: flex; flex-direction: column;}
.bloc-produits .image-categorie img { margin: auto; height: 10rem; width: 100%; object-fit: contain;}
.bloc-produits .categories-grid h3 {letter-spacing: .1rem; text-align: center;color: white; padding: 1rem 1.5rem;background-color: var(--couleur-principale);    display: inline-block; margin: auto;margin-bottom: 3rem;}
.bloc-produits .produits-liste{margin-top: 3rem;}
.bloc-produits .produits-liste .produit-item {position: relative; overflow: hidden;}
.bloc-produits .produits-liste .produit-item a {position: relative;display: block; padding: 1rem 2rem; text-transform: uppercase; border-top: 1px solid var(--couleur-principale);font-size: 1.5rem; font-weight: 300; color: inherit; text-decoration: none;transition: all 0.3s ease;}
.bloc-produits .produits-liste .produit-item:hover a {background-color: var(--couleur-principale); color: white;padding: 1rem 0;  text-align: center;}
.bloc-produits .produits-liste .produit-item a::before {content: ''; position: absolute;inset: 0; background-color: var(--couleur-principale);opacity: 0; z-index: 0;transition: opacity 0.3s ease;}
.bloc-produits .produits-liste .produit-item a { position: relative; z-index: 1;}
.bloc-produits .produits-liste .produit-item:last-child a{border-bottom: 1px solid var(--couleur-principale);}

/*@media (max-width: 1024px) {
.bloc-produits .categorie-produit { flex: 1 1 calc(50% - 5rem);}
}*/

/*@media (max-width: 768px) {
  .bloc-produits .categorie-produit {flex: 1 1 100%;}
}
*/


@media (min-width: 768px) {
  .bloc-produits .image-categorie img { height: 12rem; }
  .bloc-produits .produits-liste .produit-item a {padding: 1rem 0;}
  .bloc-produits .categorie-produit { flex: 1 1 calc(33.333% - 5rem);}

}


@media (min-width: 1200px) {
  .bloc-produits .image-categorie img { height: 20rem; }
  .bloc-produits .produits-liste .produit-item a {font-size: 1.8rem;}

}


/* --- bloc-reassurance.css --- */
.container-bloc-reassurance .bloc-reassurance { display: flex; justify-content: center; flex-wrap: wrap;width: 100%;margin-top: 3rem; gap: 2rem;}
.container-bloc-reassurance .item-reassurance { display: flex;flex-direction: column; align-items: center; text-align: center;   width: calc(50% - 1rem); row-gap: .5rem;}
.container-bloc-reassurance .item-reassurance:last-child{border-right: 0;}
.container-bloc-reassurance .picto-wrapper { display: flex;  justify-content: center;align-items: center; width: 8rem; height: 8rem; }
.container-bloc-reassurance .picto-wrapper img {height: 100%;}
.container-bloc-reassurance .texte-reassurance p {margin: 0; font-size: 1.4rem;}
.container-bloc-reassurance .item-reassurance .picto-wrapper,.container-bloc-reassurance .item-reassurance .texte-reassurance { opacity: 0;transform: translateY(20px);transition: all 0.6s ease-out;}
.container-bloc-reassurance  .item-reassurance .picto-wrapper.animate-picto {opacity: 1;transform: translateY(0);}
.container-bloc-reassurance  .item-reassurance .texte-reassurance.animate-texte { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
.container-bloc-reassurance .item-reassurance br {display: none;}


@media (min-width: 768px) {
	.container-bloc-reassurance .item-reassurance {width: 20%;}
	.container-bloc-reassurance .item-reassurance {border-right:1px solid var(--couleur-gris-clair);}
	.container-bloc-reassurance .bloc-reassurance {gap: 0;}
}

@media (min-width: 1200px) {
	.container-bloc-reassurance .texte-reassurance p {font-size: 1.6rem;}
	.container-bloc-reassurance .item-reassurance br {display: flex;}
	.container-bloc-reassurance .picto-wrapper {width: 12rem; height: 12rem; }
	.container-bloc-reassurance .picto-wrapper img {height: auto;}
}

/* --- bloc-temoignages.css --- */
.bloc-temoignages {position: relative; max-width: 60rem;}
.bloc-temoignages .slick-slide p, .bloc-temoignages .slick-slide h3 { margin-left: auto; margin-right: auto;}
.bloc-temoignages .slick-arrow::before {display: none;}
.bloc-temoignages .slick-arrow {opacity: .8; display: none;}
.bloc-temoignages .slick-prev, .bloc-temoignages .slick-next {display: none;}
.bloc-temoignages .slick-arrow:hover {opacity: 1;}
.bloc-temoignages .slick-prev {left: -6rem;}
.bloc-temoignages .slick-next {right: -6rem;}

.bloc-temoignages .contenu-avis {position: relative;font-style: italic;text-align: center;}
.bloc-temoignages .contenu-avis p { display: inline; font-size: 2rem;}
.bloc-temoignages .contenu-avis::before {content: '«';font-size: 2rem;color: white;position: relative;top: 0;left: 0;margin-right: 0.2em;}
.bloc-temoignages .contenu-avis::after {content: '»'; font-size: 2rem;color: white;position: relative;top: 0;right: 0;  margin-left: 0.2em; }

.bloc-temoignages .auteur-avis{text-align: center;}


@media (min-width: 768px) {
    .bloc-temoignages .slick-arrow, .bloc-temoignages .slick-prev, .bloc-temoignages .slick-next {display: block;}
}

/* --- bloc-texte-galerie.css --- */
.bloc-text {padding: 25px 15px; order: 2;}
.bloc-text h2:first-child {margin-top: 0;}
.bloc-left, .bloc-right {width: 100%; overflow: hidden; flex-direction: column; justify-content: center;}
.bloc-left img, .bloc-right img {width: 100%; height: 100%; display: block;}
.bloc-text p {margin: 8px 0;}
.bloc-text h2 {margin-bottom: 1.2rem;}


.slick-carousel-texte-image .slick-track {display: flex;}
.slick-carousel-texte-image:not(.slider-cover) img {max-height: 300px; object-fit: contain;}
.slick-carousel-texte-image:not(.slider-cover) .slick-slide {height: inherit; margin: 20px;}

.slick-carousel-texte-image.slider-cover img {object-fit: cover;}
.slick-carousel-texte-image.slider-cover {height: 20rem;}
.slick-carousel-texte-image.slider-cover .slick-slide {height: inherit; max-height: 30rem;}
.slick-carousel-texte-image.slider-cover .slick-list, .slick-carousel-texte-image.slider-cover .slick-track {height: 100%;}




@media (min-width: 768px) {
    .bloc-text {padding: 30px 50px;}
    .bloc-text.bloc-50-50 {padding: 30px;}
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 250px;}
    .slick-carousel-texte-image.slider-cover {height: 100%;}

}
@media (min-width: 900px) {
    .bloc-right.bloc-50-50, .bloc-left.bloc-50-50 {width: 50%;}
    .bloc-left.bloc-40-60, .bloc-right.bloc-60-40 {width: 40%;}
    .bloc-right.bloc-40-60, .bloc-left.bloc-60-40 {width: 60%;}
    .bloc-left.bloc-45-55, .bloc-right.bloc-55-45 {width: 45%;}
    .bloc-right.bloc-45-55, .bloc-left.bloc-55-45 {width: 55%;}
    .bloc-text {order: initial;}
    .container-bloc-texte-image .bloc-right:not(.bloc-text), .container-bloc-texte-image .bloc-left:not(.bloc-text) {max-height: 100% !important; min-height: 1px;}
    .bloc-text.bloc-50-50 {padding: 50px;}
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 300px;}
    .bloc-full-text-mobile .bloc-text:first-of-type {padding-bottom: 3rem;}
    .bloc-full-text-mobile .bloc-text:last-of-type {padding-top: 3rem;}
    .slick-carousel-texte-image.slider-cover .slick-slide {max-height: 100%;}
}

@media (min-width: 1200px) {
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 400px;}
}

/* --- bloc-timeline.css --- */

.bloc-timeline .liste-numerote { display: flex;flex-direction: column;}
.bloc-timeline .ligne { display: flex;}
.bloc-timeline .ligne:nth-child(even) .texte{justify-content: flex-end;text-align: right;}
.bloc-timeline .ligne:nth-child(even) .numero{justify-content: flex-start;}
.bloc-timeline .liste-numerote .ligne .colonne:first-child{border-right: 1px solid var(--couleur-gris-clair);}
.bloc-timeline .texte { display: flex; justify-content: flex-start; align-items: center;}
.bloc-timeline .colonne {flex: 1;padding: 2rem 0 3rem;}
.bloc-timeline .numero { display: flex;justify-content: flex-end;  align-items: center;}

.bloc-timeline .ligne:nth-child(even) .texte .texte-content{margin-right: 2rem;max-width: 400px;}
.bloc-timeline .ligne:nth-child(odd) .texte .texte-content{margin-left: 2rem;max-width: 400px;}
.bloc-timeline .case-nombre {width: 150px; height: 80px;display: flex;justify-content: center; align-items: center;font-size: 4rem;}
.bloc-timeline .case-nombre .nombre {position: relative;  z-index: 1; color: white;  font-size: 2.8rem;  font-weight: bold; text-align: center; letter-spacing: .1rem;}

.bloc-timeline .animate-background-left .number {color: white; font-size: 30px;opacity: 0; animation: show-number 0.4s forwards;  animation-delay: 0s;animation-delay: 1s;}
.bloc-timeline .animate-background-left .case-nombre {background: linear-gradient(90deg, transparent 50%, var(--couleur-principale) 50%);  background-size: auto; background-size: 200% 100%;position: relative;opacity: 0;transition: opacity 0.4s ease-out;float: right;}
.bloc-timeline .animate-background-left .case-nombre.active {opacity: 1;animation: fill-background-left 1s forwards;}
.bloc-timeline .animate-background-right .case-nombre {background: linear-gradient(90deg, var(--couleur-secondaire) 50%, transparent 50%); background-size: auto; background-size: 200% 100%; position: relative; opacity: 0;transition: opacity 0.4s ease-out; float: left;}
.bloc-timeline .animate-background-right .case-nombre.active { opacity: 1;animation: fill-background-right 1s forwards;}

@keyframes fill-background-left {
    0% {
        background-position: 0 0; /* Départ à gauche */
    }
    100% {
        background-position: 100% 0; /* Fin à droite */
    }
}

@keyframes fill-background-right {
    0% {
        background-position: 100% 0; /* Départ à droite */
    }
    100% {
        background-position: 0 0; /* Fin à gauche */
    }
}

@keyframes show-number {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



@media (min-width: 1200px) {
    .bloc-timeline .case-nombre .nombre {font-size: 3.7rem;}
}