@charset "UTF-8";
/* line 1, app_site/static/scss/app_site/page_home/style.scss */
#pdg {
  --fs-title: 5rem;
  --fs-accroche: 3.2rem;
  --fs-tel: 2.5rem;
  display: grid;
  height: 100vh;
  height: 100dvh;
  grid-template-areas: "stack";
  overflow: hidden;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5); }
  /* line 14, app_site/static/scss/app_site/page_home/style.scss */
  #pdg > * {
    grid-area: stack; }
  /* line 18, app_site/static/scss/app_site/page_home/style.scss */
  #pdg > img {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    object-fit: cover;
    object-position: center; }
  /* line 27, app_site/static/scss/app_site/page_home/style.scss */
  #pdg > .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: var(--zi-content); }
    /* line 33, app_site/static/scss/app_site/page_home/style.scss */
    #pdg > .content-wrapper > .header-padding {
      padding-top: calc(8rem + var(--header-offset) * 2); }
    /* line 37, app_site/static/scss/app_site/page_home/style.scss */
    #pdg > .content-wrapper > .content {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 90%;
      margin: 0 auto; }
      /* line 45, app_site/static/scss/app_site/page_home/style.scss */
      #pdg > .content-wrapper > .content > .title {
        color: var(--fg-light);
        text-align: center;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #000;
        font-family: var(--font-1);
        font-size: var(--fs-title);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-radius: 59px;
        background: linear-gradient(142deg, #8B2F23 33.11%, #250D09 118.74%);
        box-shadow: 0 -4px 4px 0 rgba(255, 255, 255, 0.25) inset, 0 4px 4px 0 rgba(255, 255, 255, 0.25) inset, 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        width: fit-content;
        margin: 0 auto;
        padding: 1rem 5rem 0.5rem; }
      /* line 63, app_site/static/scss/app_site/page_home/style.scss */
      #pdg > .content-wrapper > .content > .accroche {
        color: var(--fg-light);
        text-align: center; }
        /* line 67, app_site/static/scss/app_site/page_home/style.scss */
        #pdg > .content-wrapper > .content > .accroche, #pdg > .content-wrapper > .content > .accroche * {
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #000;
          font-family: var(--font-3);
          font-size: var(--fs-accroche);
          line-height: 160%;
          text-transform: uppercase; }
        /* line 76, app_site/static/scss/app_site/page_home/style.scss */
        #pdg > .content-wrapper > .content > .accroche > .important {
          color: var(--red-300);
          background-color: white;
          font-weight: bold;
          padding: 0.1rem 0.2rem; }
      /* line 84, app_site/static/scss/app_site/page_home/style.scss */
      #pdg > .content-wrapper > .content > .bottom {
        height: 7rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-bottom: 1rem; }
        /* line 92, app_site/static/scss/app_site/page_home/style.scss */
        #pdg > .content-wrapper > .content > .bottom > .f1 {
          flex: 1; }
        /* line 96, app_site/static/scss/app_site/page_home/style.scss */
        #pdg > .content-wrapper > .content > .bottom > img {
          height: 6rem;
          aspect-ratio: 1 / 1; }
        /* line 101, app_site/static/scss/app_site/page_home/style.scss */
        #pdg > .content-wrapper > .content > .bottom > .tel-wrapper {
          text-align: end; }
          /* line 103, app_site/static/scss/app_site/page_home/style.scss */
          #pdg > .content-wrapper > .content > .bottom > .tel-wrapper .tel {
            padding: 1.1rem 3rem 0.8rem 2.5rem;
            box-shadow: 0 2px 1px 0 rgba(255, 255, 255, 0.4);
            border-radius: 5rem;
            font-size: var(--fs-tel);
            font-family: var(--font-1);
            font-weight: bold;
            width: fit-content; }

/* line 118, app_site/static/scss/app_site/page_home/style.scss */
#constat {
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  /* line 123, app_site/static/scss/app_site/page_home/style.scss */
  #constat ol {
    list-style: none;
    counter-reset: step;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 90rem;
    margin: 0 auto;
    gap: 1rem; }
    /* line 134, app_site/static/scss/app_site/page_home/style.scss */
    #constat ol li {
      flex: 1;
      max-width: 27rem;
      counter-increment: step;
      margin: 1em 0;
      text-align: center; }
      /* line 141, app_site/static/scss/app_site/page_home/style.scss */
      #constat ol li::before {
        content: counter(step);
        font-weight: bold;
        font-size: var(--site-h2);
        background-color: black;
        color: white;
        border-radius: 30rem;
        aspect-ratio: 1 / 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 7rem;
        filter: var(--drop-shadow-1);
        margin-bottom: 0.3em;
        margin-left: auto;
        margin-right: auto; }

/* line 163, app_site/static/scss/app_site/page_home/style.scss */
#ca-penalise ul {
  display: flex;
  justify-content: space-between;
  margin: 4rem auto;
  width: 90%;
  max-width: 100rem; }
  /* line 170, app_site/static/scss/app_site/page_home/style.scss */
  #ca-penalise ul li {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
    max-width: 30rem; }
    /* line 178, app_site/static/scss/app_site/page_home/style.scss */
    #ca-penalise ul li > h4 {
      position: relative;
      bottom: -2rem;
      max-width: 20rem;
      height: 7rem;
      display: inline-flex;
      align-items: center; }
    /* line 187, app_site/static/scss/app_site/page_home/style.scss */
    #ca-penalise ul li > img {
      height: 15rem;
      aspect-ratio: 1 / 1; }
    /* line 192, app_site/static/scss/app_site/page_home/style.scss */
    #ca-penalise ul li > span {
      color: var(--fg-300); }

/* line 200, app_site/static/scss/app_site/page_home/style.scss */
#solution > .terminaux {
  margin: 5rem 0; }
  /* line 203, app_site/static/scss/app_site/page_home/style.scss */
  #solution > .terminaux .il-faut ul {
    margin-left: 3rem; }
  /* line 207, app_site/static/scss/app_site/page_home/style.scss */
  #solution > .terminaux .justement ul {
    list-style-type: none;
    justify-content: space-between;
    margin: 2rem auto;
    width: 90%;
    max-width: 70rem; }
    /* line 214, app_site/static/scss/app_site/page_home/style.scss */
    #solution > .terminaux .justement ul li {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: -1rem;
      align-items: center;
      text-align: center;
      max-width: 35rem; }
      /* line 223, app_site/static/scss/app_site/page_home/style.scss */
      #solution > .terminaux .justement ul li img {
        height: 15rem; }
      /* line 227, app_site/static/scss/app_site/page_home/style.scss */
      #solution > .terminaux .justement ul li > p {
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        /* line 232, app_site/static/scss/app_site/page_home/style.scss */
        #solution > .terminaux .justement ul li > p * {
          color: var(--fg-200); }
  /* line 239, app_site/static/scss/app_site/page_home/style.scss */
  #solution > .terminaux .approche {
    display: flex;
    gap: 2rem; }

/* line 246, app_site/static/scss/app_site/page_home/style.scss */
#plus-value {
  overflow: hidden; }
  /* line 249, app_site/static/scss/app_site/page_home/style.scss */
  #plus-value > .accroche {
    transform: rotate(-0.871deg);
    background-color: var(--red-500);
    box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.5) inset, 0 -4px 4px 0 rgba(255, 255, 255, 0.5) inset;
    z-index: var(--zi-content);
    position: relative; }
    /* line 256, app_site/static/scss/app_site/page_home/style.scss */
    #plus-value > .accroche .transition {
      color: white;
      padding: 2.5rem 1rem; }
  /* line 262, app_site/static/scss/app_site/page_home/style.scss */
  #plus-value > .container {
    position: relative;
    top: -3rem;
    padding-top: 7rem;
    padding-bottom: 4rem;
    display: flex;
    min-height: 47rem; }
    /* line 272, app_site/static/scss/app_site/page_home/style.scss */
    #plus-value > .container .list ul {
      list-style-type: none; }
      /* line 275, app_site/static/scss/app_site/page_home/style.scss */
      #plus-value > .container .list ul li {
        --hover-bg: var(--beige-400);
        position: relative;
        background-color: var(--bg);
        background-image: linear-gradient(to right, var(--hover-bg), var(--hover-bg));
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 0% 100%;
        /* <-- animé */
        transition: background-size 0.6s ease-in-out, opacity var(--duration) var(--curve) var(--delay), transform var(--duration) var(--curve) var(--delay);
        filter: var(--drop-shadow-1);
        width: fit-content;
        padding: 0.8rem 2.5rem 0.8rem 1rem;
        margin: 1.5rem 2rem;
        z-index: 0;
        cursor: pointer; }
      /* line 292, app_site/static/scss/app_site/page_home/style.scss */
      #plus-value > .container .list ul li:hover,
      #plus-value > .container .list ul li.selected {
        background-size: 100% 100%; }
    /* line 299, app_site/static/scss/app_site/page_home/style.scss */
    #plus-value > .container .detail {
      flex: 1;
      max-width: 55rem;
      margin: auto;
      display: grid;
      grid-template-areas: "stack";
      overflow: hidden;
      /* état visible */ }
      /* line 308, app_site/static/scss/app_site/page_home/style.scss */
      #plus-value > .container .detail > .item {
        grid-area: stack;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.6s ease-in-out; }
      /* line 316, app_site/static/scss/app_site/page_home/style.scss */
      #plus-value > .container .detail .item.selected {
        opacity: 1;
        pointer-events: auto; }
      /* line 321, app_site/static/scss/app_site/page_home/style.scss */
      #plus-value > .container .detail .content {
        width: 100%;
        padding-left: 2.5rem;
        padding-right: 2rem;
        margin: 2rem auto;
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        /* line 330, app_site/static/scss/app_site/page_home/style.scss */
        #plus-value > .container .detail .content b {
          color: var(--green-400); }
        /* line 334, app_site/static/scss/app_site/page_home/style.scss */
        #plus-value > .container .detail .content strong {
          color: var(--red-400); }

/* line 343, app_site/static/scss/app_site/page_home/style.scss */
#avis .carrousel-wrap {
  position: relative;
  max-width: 90rem;
  width: 80%;
  margin: auto; }
  /* line 349, app_site/static/scss/app_site/page_home/style.scss */
  #avis .carrousel-wrap::before, #avis .carrousel-wrap::after {
    --width: 10rem;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--width);
    /* largeur du fondu */
    pointer-events: none;
    /* laisse passer les clics/scrolls */
    z-index: 20; }
  /* line 362, app_site/static/scss/app_site/page_home/style.scss */
  #avis .carrousel-wrap::before {
    left: 0;
    background: linear-gradient(to right, var(--bg), transparent); }
  /* line 367, app_site/static/scss/app_site/page_home/style.scss */
  #avis .carrousel-wrap::after {
    right: 0;
    background: linear-gradient(to left, var(--bg), transparent); }
  /* line 372, app_site/static/scss/app_site/page_home/style.scss */
  #avis .carrousel-wrap .carrousel {
    display: flex;
    position: relative;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    --webkit-overflow-scrolling: touch;
    /* barre horizontale masquée */
    -ms-overflow-style: none;
    /* IE 10+ */
    scrollbar-width: none;
    /* Firefox */
    padding-inline: calc(50% - 100px); }
    /* line 386, app_site/static/scss/app_site/page_home/style.scss */
    #avis .carrousel-wrap .carrousel::-webkit-scrollbar {
      height: 0; }
    /* line 390, app_site/static/scss/app_site/page_home/style.scss */
    #avis .carrousel-wrap .carrousel ul {
      list-style-type: none;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 1rem; }
      /* line 397, app_site/static/scss/app_site/page_home/style.scss */
      #avis .carrousel-wrap .carrousel ul li {
        padding: 3rem; }
        /* line 400, app_site/static/scss/app_site/page_home/style.scss */
        #avis .carrousel-wrap .carrousel ul li .avis {
          position: relative;
          max-width: 40rem;
          min-width: 35rem;
          font-size: var(--site-p2);
          text-align: center;
          border: 0 solid var(--bordeaux-300, #8E2222);
          background: var(--bg-2, #EBEBEB);
          box-shadow: var(--drop-shadow-2);
          cursor: pointer;
          scroll-snap-align: center;
          scroll-snap-stop: always;
          scroll-margin-left: 0; }
          /* line 415, app_site/static/scss/app_site/page_home/style.scss */
          #avis .carrousel-wrap .carrousel ul li .avis .note {
            position: absolute;
            top: -1rem;
            right: -2rem;
            border-radius: 1rem;
            background: linear-gradient(94deg, #4D4D4D 19.55%, #111 99.5%);
            box-shadow: 2px 4px 4px 0 rgba(122, 115, 53, 0.25);
            color: white;
            padding: 0.75rem 1.5rem;
            display: flex;
            gap: 0.6rem; }
          /* line 428, app_site/static/scss/app_site/page_home/style.scss */
          #avis .carrousel-wrap .carrousel ul li .avis .entete {
            color: var(--fg-300);
            font-size: var(--site-p2, 1.4rem);
            line-height: 150%;
            text-align: start;
            border-bottom: 2px solid var(--bg-3, #DBDBDB);
            width: 90%;
            margin: 0 auto;
            padding: 0.7rem 0; }
          /* line 439, app_site/static/scss/app_site/page_home/style.scss */
          #avis .carrousel-wrap .carrousel ul li .avis .content {
            padding: 1rem 1rem 2rem;
            line-height: 140%;
            height: 26.4rem;
            overflow: scroll;
            /* barre horizontale masquée */
            -ms-overflow-style: none;
            /* IE 10+ */
            scrollbar-width: none;
            /* Firefox */ }
            /* line 448, app_site/static/scss/app_site/page_home/style.scss */
            #avis .carrousel-wrap .carrousel ul li .avis .content::-webkit-scrollbar {
              height: 0; }

/* line 458, app_site/static/scss/app_site/page_home/style.scss */
#avis .bullets {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.6rem; }
  /* line 464, app_site/static/scss/app_site/page_home/style.scss */
  #avis .bullets > .bullet {
    --size: 1.3rem;
    --border-color: #333333;
    --color: white;
    --color-selected: var(--border-color);
    height: var(--size);
    width: var(--size);
    border: 2px solid var(--border-color);
    border-radius: 30rem;
    background-color: var(--color);
    cursor: pointer; }
    /* line 477, app_site/static/scss/app_site/page_home/style.scss */
    #avis .bullets > .bullet.selected {
      background-color: var(--color-selected); }

/* line 484, app_site/static/scss/app_site/page_home/style.scss */
#cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

/* line 491, app_site/static/scss/app_site/page_home/style.scss */
#objections {
  --p-top: 2rem; }
  /* line 494, app_site/static/scss/app_site/page_home/style.scss */
  #objections ul {
    list-style-type: none;
    margin-top: 3rem; }
    /* line 498, app_site/static/scss/app_site/page_home/style.scss */
    #objections ul li {
      border: 1px solid #DFDFDF;
      padding-bottom: 0.5rem; }
      /* line 502, app_site/static/scss/app_site/page_home/style.scss */
      #objections ul li details {
        background-color: var(--bg); }
        /* line 505, app_site/static/scss/app_site/page_home/style.scss */
        #objections ul li details summary {
          cursor: pointer;
          padding: 1rem 2rem; }
          /* line 509, app_site/static/scss/app_site/page_home/style.scss */
          #objections ul li details summary h4 {
            display: inline; }
            /* line 512, app_site/static/scss/app_site/page_home/style.scss */
            #objections ul li details summary h4 strong {
              color: var(--red-400); }
        /* line 518, app_site/static/scss/app_site/page_home/style.scss */
        #objections ul li details .content {
          border-top: 2px solid var(--bg-2);
          padding: 1rem 2rem 2rem;
          display: flex;
          flex-direction: column;
          gap: 1rem; }
          /* line 525, app_site/static/scss/app_site/page_home/style.scss */
          #objections ul li details .content strong {
            color: var(--red-400); }
          /* line 529, app_site/static/scss/app_site/page_home/style.scss */
          #objections ul li details .content b {
            color: var(--green-400); }

/* line 538, app_site/static/scss/app_site/page_home/style.scss */
#localisation {
  padding: 7rem 0; }
  /* line 541, app_site/static/scss/app_site/page_home/style.scss */
  #localisation > h3 {
    padding-left: 0; }
  /* line 545, app_site/static/scss/app_site/page_home/style.scss */
  #localisation > .text {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem; }
  /* line 552, app_site/static/scss/app_site/page_home/style.scss */
  #localisation > ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-content: end;
    gap: 0.5rem 0.6rem;
    margin: 3rem 0;
    max-width: 90rem; }
    /* line 563, app_site/static/scss/app_site/page_home/style.scss */
    #localisation > ul li.l {
      padding: 0.3rem 0.8rem;
      background-color: #784439;
      color: white;
      border-radius: 3px; }
    /* line 570, app_site/static/scss/app_site/page_home/style.scss */
    #localisation > ul li.t {
      display: flex;
      align-items: end;
      padding-left: 1rem; }

/* line 580, app_site/static/scss/app_site/page_home/style.scss */
#conclusion h3 {
  text-align: center; }

/* line 584, app_site/static/scss/app_site/page_home/style.scss */
#conclusion ul {
  --max-width: 60rem;
  --margin: 2rem auto 6rem; }
  /* line 588, app_site/static/scss/app_site/page_home/style.scss */
  #conclusion ul li {
    font-family: var(--font-1);
    text-transform: uppercase;
    font-weight: bold;
    font-size: var(--site-h3);
    border-radius: 16px 0;
    background: var(--bordeaux-400, #890000);
    color: white;
    padding: 1rem 2rem;
    box-shadow: var(--drop-shadow-2);
    max-width: 17rem; }

/* line 603, app_site/static/scss/app_site/page_home/style.scss */
main {
  padding-bottom: 12rem; }