/* Start custom CSS for html, class: .elementor-element-34826b4 */.elementor-9296 .elementor-element.elementor-element-34826b4 {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}


/* =========================================================
   BASE
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage {
  --pel-bordeaux: #64133f;
  --pel-bordeaux-dark: #501031;
  --pel-green: #739c94;
  --pel-green-light: #e4efec;
  --pel-pink-light: #f4eef2;
  --pel-text: #29272a;
  --pel-white: #ffffff;

  display: block;
  width: 100%;
  max-width: 1050px;
  min-width: 0;

  margin: 0 auto !important;
  padding: 42px 24px 72px;

  color: var(--pel-text);
  background-color: var(--pel-white);

  overflow-x: clip;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage,
.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage * {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}


/* =========================================================
   ANTI-DÉBORDEMENT + ANTI-JUSTIFICATION
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage h1,
.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage h2,
.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage p,
.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage section,
.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage div {
  text-align: left !important;
  text-align-last: left !important;
  text-justify: auto !important;
  word-spacing: normal !important;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage p,
.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage h1,
.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage h2 {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage strong,
.elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage b {
  color: var(--pel-bordeaux);
  font-weight: 700;
}


/* =========================================================
   HERO
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-hero {
  display: block;
  width: 100%;

  margin: 0 0 52px !important;
  padding: 44px 46px;

  background-color: var(--pel-green-light);
  border-radius: 24px;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-kicker {
  margin: 0 0 14px !important;

  color: var(--pel-green) !important;

  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-hero h1 {
  width: 100%;
  max-width: 900px;

  margin: 0 0 24px !important;
  padding: 0;

  color: var(--pel-bordeaux);

  font-family: "Olivier", olivier, cursive !important;
  font-size: clamp(46px, 5vw, 64px) !important;
  line-height: 1.05;
  font-weight: 400 !important;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-intro {
  width: 100%;
  max-width: 850px;

  margin: 0 0 28px !important;

  color: var(--pel-text);

  font-size: 20px;
  line-height: 1.62;
}


/* =========================================================
   BOUTON
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-button {
  display: inline-flex;
  max-width: 100%;

  padding: 13px 22px;

  align-items: center;
  justify-content: center;
  gap: 10px;

  color: var(--pel-white) !important;
  background-color: var(--pel-green);

  border: 1px solid var(--pel-green);
  border-radius: 999px;

  font-family: "Olivier", olivier, cursive !important;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 400 !important;

  text-align: center !important;
  text-decoration: none !important;
  white-space: normal;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-button:hover {
  color: var(--pel-white) !important;
  background-color: var(--pel-bordeaux);
  border-color: var(--pel-bordeaux);
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-button--white {
  color: var(--pel-bordeaux) !important;
  background-color: var(--pel-white);
  border-color: var(--pel-white);
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-button--white:hover {
  color: var(--pel-bordeaux) !important;
  background-color: var(--pel-green-light);
  border-color: var(--pel-green-light);
}


/* =========================================================
   TEXTE
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-texte {
  display: block;
  width: 100%;
  max-width: 830px;

  margin: 0 auto 56px !important;
  padding: 0;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-texte p {
  width: 100%;

  margin: 0 0 22px !important;

  color: var(--pel-text);

  font-size: 19px;
  line-height: 1.74;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-texte p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   SECTIONS
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section {
  display: block;
  width: 100%;

  margin: 0 0 62px !important;
  padding: 0;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-number {
  margin: 0 0 11px !important;

  color: #b9a1ae !important;

  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section h2 {
  width: 100%;
  max-width: 900px;

  margin: 0 0 27px !important;

  color: var(--pel-bordeaux);

  font-family: "Olivier", olivier, cursive !important;
  font-size: 43px !important;
  line-height: 1.08;
  font-weight: 400 !important;
}


/* =========================================================
   SECTION ROSE
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section--soft {
  padding: 42px;

  background-color: var(--pel-pink-light);
  border-radius: 24px;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section--soft .pelerinage-texte {
  max-width: 100%;
  margin-bottom: 0 !important;
}


/* =========================================================
   FOCUS
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-focus {
  width: 100%;
  max-width: 830px;

  margin: 34px 0 0 !important;
  padding: 26px 28px;

  background-color: var(--pel-green-light);

  border-left: 5px solid var(--pel-green) !important;
  border-radius: 0 18px 18px 0;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-focus p {
  margin: 0 0 12px !important;

  color: var(--pel-bordeaux);

  font-size: 18px;
  line-height: 1.68;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-focus p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   PHOTOS
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 figure.pelerinage-photo {
  display: block;
  width: 100%;

  margin: 0 !important;
  padding: 0;

  overflow: hidden;

  background-color: var(--pel-pink-light);
  border-radius: 20px;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;

  margin: 0 !important;
  padding: 0;

  object-fit: cover;
  object-position: center;

  border-radius: 20px;

  filter: none;
  opacity: 1;
  transform: none;
}


/* =========================================================
   GALERIES
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  width: 100%;

  gap: 20px;

  margin: 0 0 62px !important;
  padding: 0;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo--duo {
  width: 100%;
  height: 350px;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo--duo img {
  width: 100%;
  height: 350px;

  object-fit: cover;
}


/* =========================================================
   PHOTO FINALE
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 figure.pelerinage-photo--featured {
  width: 100%;
  max-width: 700px;

  margin: 0 auto 66px !important;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo--featured img {
  width: 100%;
  height: auto;
  max-height: 470px;

  object-fit: cover;
}


/* =========================================================
   CONCLUSION
========================================================= */

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion {
  display: block;
  width: 100%;

  margin: 0 !important;
  padding: 50px 44px;

  background-color: var(--pel-bordeaux);
  border-radius: 24px;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion__label {
  margin: 0 0 11px !important;

  color: var(--pel-green-light) !important;

  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion h2 {
  width: 100%;
  max-width: 830px;

  margin: 0 0 28px !important;

  color: var(--pel-white);

  font-family: "Olivier", olivier, cursive !important;
  font-size: 46px !important;
  line-height: 1.08;
  font-weight: 400 !important;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion__text {
  width: 100%;
  max-width: 800px;

  margin: 0 0 30px !important;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion__text p {
  margin: 0 0 18px !important;

  color: var(--pel-white);

  font-size: 18px;
  line-height: 1.7;
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion__text strong {
  color: var(--pel-green-light);
}

.elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion__final {
  margin-top: 27px !important;

  color: var(--pel-green-light) !important;

  font-family: "Olivier", olivier, cursive !important;
  font-size: 27px !important;
  line-height: 1.25 !important;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 768px) {

  .elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage {
    width: 100%;
    max-width: 100%;
    padding: 30px 18px 55px;

    overflow-x: clip;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-hero {
    margin-bottom: 42px !important;
    padding: 34px 28px;

    border-radius: 21px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-hero h1 {
    font-size: 46px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-intro {
    font-size: 19px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-texte {
    margin-bottom: 48px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-texte p {
    font-size: 18px;
    line-height: 1.7;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section {
    margin-bottom: 50px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section h2 {
    font-size: 38px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section--soft {
    padding: 32px 28px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-gallery {
    gap: 16px;
    margin-bottom: 50px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo--duo,
  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo--duo img {
    height: 290px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 figure.pelerinage-photo--featured {
    margin-bottom: 52px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion {
    padding: 42px 30px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion h2 {
    font-size: 39px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 520px) {

  /*
   * IMPORTANT :
   * pas de 100vw ici.
   * C'est volontaire pour éviter tout scroll horizontal.
   */

  .elementor-9296 .elementor-element.elementor-element-34826b4 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage {
    width: 100%;
    max-width: 100%;

    margin: 0 auto !important;
    padding: 18px 10px 42px;

    overflow-x: clip;
  }


  /* HERO */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-hero {
    width: 100%;

    margin: 0 0 34px !important;
    padding: 27px 19px;

    border-radius: 18px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-kicker {
    margin-bottom: 11px !important;

    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0.1em;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-hero h1 {
    width: 100%;
    max-width: 100%;

    margin: 0 0 20px !important;

    font-size: 36px !important;
    line-height: 1.06 !important;

    text-align: left !important;
    text-align-last: left !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-intro {
    width: 100%;

    margin-bottom: 23px !important;

    font-size: 17px;
    line-height: 1.58;
  }


  /* BOUTON */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-button {
    width: 100%;
    max-width: 100%;

    padding: 13px 16px;

    font-size: 18px;
  }


  /* TEXTE */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-texte {
    width: 100%;
    max-width: 100%;

    margin: 0 0 38px !important;
    padding: 0 8px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-texte p {
    width: 100%;

    margin-bottom: 18px !important;

    font-size: 17px;
    line-height: 1.66;

    text-align: left !important;
    text-align-last: left !important;
  }


  /* SECTIONS */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section {
    width: 100%;

    margin-bottom: 40px !important;
    padding-right: 8px;
    padding-left: 8px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section h2 {
    width: 100%;

    margin-bottom: 22px !important;

    font-size: 31px !important;
    line-height: 1.09 !important;

    text-align: left !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-number {
    font-size: 12px !important;
  }


  /* SECTION ROSE */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section--soft {
    width: 100%;

    padding: 27px 19px;

    border-radius: 18px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section--soft .pelerinage-texte {
    padding: 0;
  }


  /* FOCUS */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-focus {
    width: 100%;
    max-width: 100%;

    margin-top: 26px !important;
    padding: 21px 18px;

    border-left-width: 4px !important;
    border-radius: 0 15px 15px 0;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-focus p {
    font-size: 16px;
    line-height: 1.65;
  }


  /* GALERIES */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-gallery {
    display: grid;
    grid-template-columns: 1fr;

    width: 100%;

    gap: 12px;

    margin: 0 0 40px !important;
    padding: 0;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 figure.pelerinage-photo {
    width: 100%;
    max-width: 100%;

    border-radius: 16px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo img {
    width: 100%;
    max-width: 100%;

    border-radius: 16px;
  }

  /*
   * On arrête les hauteurs fixes sur téléphone.
   * Les photos gardent leur ratio naturel.
   */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo--duo {
    height: auto;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo--duo img {
    width: 100%;
    height: auto;
    max-height: none;

    object-fit: contain;
  }


  /* DERNIÈRE PHOTO */

  .elementor-9296 .elementor-element.elementor-element-34826b4 figure.pelerinage-photo--featured {
    width: calc(100% - 16px);
    max-width: 100%;

    margin: 0 auto 42px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-photo--featured img {
    width: 100%;
    height: auto;
    max-height: none;

    object-fit: contain;
  }


  /* CONCLUSION */

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion {
    width: 100%;

    padding: 34px 20px;

    border-radius: 18px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion h2 {
    width: 100%;
    max-width: 100%;

    margin-bottom: 22px !important;

    font-size: 32px !important;
    line-height: 1.09 !important;

    text-align: left !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion__text {
    width: 100%;
    max-width: 100%;

    margin-bottom: 25px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion__text p {
    width: 100%;

    margin-bottom: 17px !important;

    font-size: 16px;
    line-height: 1.65;

    text-align: left !important;
    text-align-last: left !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion__final {
    margin-top: 24px !important;

    font-size: 23px !important;
    line-height: 1.25 !important;
  }

}


/* =========================================================
   PETITS MOBILES
========================================================= */

@media (max-width: 380px) {

  .elementor-9296 .elementor-element.elementor-element-34826b4 .actu-pelerinage {
    padding-right: 8px;
    padding-left: 8px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-hero {
    padding: 24px 17px;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-hero h1 {
    font-size: 33px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-section h2,
  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-conclusion h2 {
    font-size: 29px !important;
  }

  .elementor-9296 .elementor-element.elementor-element-34826b4 .pelerinage-texte {
    padding-right: 6px;
    padding-left: 6px;
  }

}/* End custom CSS */