/* BASE */

/* 12 colonnes */

:root {
  --grid-margin: 3.968vw; /* 60/1512 */
  --grid-gutter: 2.116vw; /* 32/1512 */
  --grid-column-width: 5.7319vw; /* 86.6667/1512 */
  --grid-column-color: rgba(255,0,0,0.1);
}
/*
html {
  background-image: linear-gradient(
      to right,
      transparent var(--grid-margin),
      var(--grid-column-color) var(--grid-margin),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width)),
      transparent calc(var(--grid-margin) + var(--grid-column-width)),
      transparent calc(var(--grid-margin) + var(--grid-column-width) + var(--grid-gutter)),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) + var(--grid-gutter)),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 2 + var(--grid-gutter)),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 2 + var(--grid-gutter)),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 2 + var(--grid-gutter) * 2),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 2 + var(--grid-gutter) * 2),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 3 + var(--grid-gutter) * 2),
       transparent calc(var(--grid-margin) + var(--grid-column-width) * 3 + var(--grid-gutter) * 2),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 3 + var(--grid-gutter) * 3),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 3 + var(--grid-gutter) * 3),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 4 + var(--grid-gutter) * 3),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 4 + var(--grid-gutter) * 3),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 4 + var(--grid-gutter) * 4),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 4 + var(--grid-gutter) * 4),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 5 + var(--grid-gutter) * 4),
       transparent calc(var(--grid-margin) + var(--grid-column-width) * 5 + var(--grid-gutter) * 4),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 5 + var(--grid-gutter) * 5),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 5 + var(--grid-gutter) * 5),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 6 + var(--grid-gutter) * 5),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 6 + var(--grid-gutter) * 5),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 6 + var(--grid-gutter) * 6),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 6 + var(--grid-gutter) * 6),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 7 + var(--grid-gutter) * 6),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 7 + var(--grid-gutter) * 6),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 7 + var(--grid-gutter) * 7),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 7 + var(--grid-gutter) * 7),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 8 + var(--grid-gutter) * 7),
       transparent calc(var(--grid-margin) + var(--grid-column-width) * 8 + var(--grid-gutter) * 7),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 8 + var(--grid-gutter) * 8),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 8 + var(--grid-gutter) * 8),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 9 + var(--grid-gutter) * 8),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 9 + var(--grid-gutter) * 8),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 9 + var(--grid-gutter) * 9),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 9 + var(--grid-gutter) * 9),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 10 + var(--grid-gutter) * 9),
        transparent calc(var(--grid-margin) + var(--grid-column-width) * 10 + var(--grid-gutter) * 9),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 10 + var(--grid-gutter) * 10),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 10 + var(--grid-gutter) * 10),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 11 + var(--grid-gutter) * 10),
       transparent calc(var(--grid-margin) + var(--grid-column-width) * 11 + var(--grid-gutter) * 10),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 11 + var(--grid-gutter) * 11),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 11 + var(--grid-gutter) * 11),
      var(--grid-column-color) calc(var(--grid-margin) + var(--grid-column-width) * 12 + var(--grid-gutter) * 11),
      transparent calc(var(--grid-margin) + var(--grid-column-width) * 12 + var(--grid-gutter) * 11)
    ),
    linear-gradient(to bottom, transparent 0%, transparent 100%);
    background-size: 100% 100%;
    min-height: 100vh;
}
*/



html {
  background-color:var(--color-blanc);
}


:root {
  --font1: "polymath", sans-serif; /* 400 600  + italic 400 600 */
  /*--fontsizeini: 20;*/ /* body texte 1920 */

  --color-blanc: #FFFAF5;
  --color1: #F9543E;
  --color2: #A53216;
  --color3: #4F1700;

  --color-error: #ff00c3;

  --column: 5.7319vw; /* 86.6667/1512 */
  --gutter: 2.116vw; /* 32/1512 */
  --columngutter: 7.8479vw;

  --margelr: 4vw; /* 15/375 */

  --padunitvert: 3.968vw; /* 60/1512 */
  --rvm: 2; /* 1.5 ration verti mob */

  /*--padunit: 3.125vw;*/

  --padbloc: calc(var(--gutter)/2);  /* contentbuilder */
  --border-radius-val: .25em;
  --border-radius-val2: .5em;

  /* 35px 375px - 83px 2560px */
  --tit2: clamp(2.1875rem, 1.672rem + 2.2vw, 5.1875rem);

  /* 18(375) 30(1512) 41(2560) */
  --txt30: clamp(1.125rem, 0.878rem + 1.055vw, 2.566rem);
}
@media (min-width: 900px) {
  :root {
    --rvm: 1;
    --margelr: 3.968vw; /* 60/1512 */
  }
}

/* https://clamp.font-size.app/ */

.debug {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.65em;
  background-color: #ff00c3;
  color: #fff;
}
.debug::before {
  content: "debug ➔ ";
}

/*** RESET
  The new CSS reset - version 1.8.4 (last updated 14.2.2023)
  GitHub page: https://github.com/elad2412/the-new-css-reset
  ***/
*:where(
    :not(html, iframe, canvas, img, svg, video, audio, input):not(svg *, symbol *)
  ) {
  all: unset;
  display: revert;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
a,
button {
  cursor: revert;
}
ol,
ul,
menu {
  list-style: none;
}
img {
  max-inline-size: 100%;
  max-block-size: 100%;
} 
table {
  border-collapse: collapse;
}
input,
textarea {
  -webkit-user-select: auto;
}
textarea {
  white-space: revert;
}
meter {
  -webkit-appearance: revert;
  appearance: revert;
}
:where(pre) {
  all: revert;
}
::placeholder {
  color: unset;
}
::marker {
  content: initial;
}
:where([hidden]) {
  display: none;
}
:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}
:where([draggable="true"]) {
  -webkit-user-drag: element;
}
:where(dialog:modal) {
  all: revert;
}
/* RESPONSIVE */
img,
video {
  max-inline-size: 100%;
  block-size: auto;
  inline-size: 100%;
  vertical-align: middle;
  /*width: 100%;*/
}
img,
video,
iframe {
  max-inline-size: 100%;
  block-size: auto;
}
strong {
  font-weight: 600;
}
em {
  font-style: italic;
}
.overflowxhidden {
  overflow-x: hidden;
}
.txtcenter {
  text-align: center;
}
.color1 {
  color: var(--color1);
}
.color2 {
  color: var(--color2);
}
.color3 {
  color: var(--color3);
}
/* SCROLLBAR */
/*
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: var(--main-bgcolor0);
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--main-color2);
    border-radius: 10px;
  }
  */
.pdlr {
  padding-left: var(--margelr);
  padding-right: var(--margelr);
}
.pt_05 {
  padding-top: calc(0.5 * var(--padunitvert) * var(--rvm));
}
.mt_05 {
  margin-top: calc(0.5 * var(--padunitvert) * var(--rvm));
}
.pt_025 {
  padding-top: calc(0.25 * var(--padunitvert) * var(--rvm));
}
.pb_05 {
  padding-bottom: calc(0.5 * var(--padunitvert) * var(--rvm));
}
.pt_1 {
  padding-top: calc(1 * var(--padunitvert) * var(--rvm));
}
.pb_1 {
  padding-bottom: calc(1 * var(--padunitvert) * var(--rvm));
}
.pt_2 {
  padding-top: calc(2 * var(--padunitvert) * var(--rvm));
}
.pb_2 {
  padding-bottom: calc(2 * var(--padunitvert) * var(--rvm));
}
.pt_3 {
  padding-top: calc(3 * var(--padunitvert) * var(--rvm));
}
.pb_3 {
  padding-bottom: calc(3 * var(--padunitvert) * var(--rvm));
}
.pt_4 {
  padding-top: calc(4 * var(--padunitvert) * var(--rvm));
}
.pb_4 {
  padding-bottom: calc(4 * var(--padunitvert) * var(--rvm));
}
.pt_5 {
  padding-top: calc(5 * var(--padunitvert) * var(--rvm));
}
.pb_5 {
  padding-bottom: calc(5 * var(--padunitvert) * var(--rvm));
}
/*
.bouton {
  font-family: var(--font1);
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background-color: var(--color-noir);
  color: #fff;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  font-size: .65em;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  border: 2px solid var(--color-noir);
  border-radius: 2em;
  padding: .75em 1em;
  margin-top: 2em;
  margin-bottom: 2em;
  transition: all ease 0.5s;
}
.bouton:hover {
  background-color: var(--main-bgcolor0);
  color: var(--main-color2);
}
.bouton--blanc {
  background-color: #fff;
  border-color: #fff;
  color: var(--color-noir);
  font-weight: 700;
}
.bouton--blanc:hover {
  background-color: var(--color-noir);
  border-color: #fff;
  color: #fff;
}
.bouton--mb0 {
  margin-bottom: 0;
}
*/
html {
  scroll-behavior: smooth;
  background-color: var(--color-blanc);
}
body {
  font-family: var(--font1);
  font-weight: 400;
  color: var(--color2);
  /*font-size: clamp(1rem, 0.8069rem + 0.8238vw, 2.125rem);*/ /* 16px 375 / 20px 1512 > 2560 34px */

  font-size: clamp(1rem, 0.914rem + 0.366vw, 1.5rem); /* 16px 375 / 20px 1512 > 2560 24px */

  line-height: normal;
  fill: currentColor;
  -webkit-font-smoothing: antialiased;
  background-color: var(--color-blanc);

  overflow-x: hidden;
}
/* /BASE */

.header {
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
  .header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.header__marquee {
    padding-top: 6em;
    width: 270px;
    margin: 0 auto;
    overflow: hidden;
    /* Optionnel : fondu sur les bords pour éviter la coupure nette */
    /*
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    */
}
@media (min-width: 640px) {
  .header__marquee {
    padding-top: 0;
  }
}

.header__marquee__inner {
    display: flex;
    width: max-content;
    gap: 0; 
    will-change: transform;
}
.header__marquee__item {
    display: block;
    font-size: 0.65em;
    font-weight: 500;
    white-space: nowrap;
    padding-right: 2em; 
    color: var(--color3);
    text-transform: uppercase;
}
.logo {
  position: fixed;
  top: 1em;
  left: 0;
  transform: translateX(calc(50vw - 50%));
  z-index: 1000;
}
@media (min-width: 640px) {
  .logo {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
}
.header__logotxt {
    display: none;    
  }
@media (min-width: 640px) {
  .header__logotxt {
    display: block;
  }
}
.logo__txt {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 188 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 13.6508H8.04241C8.04241 15.2933 8.04241 16.638 7.92326 18.2805L8.34879 18.3401C10.0509 14.8678 13.0381 13.404 16.2635 13.404C16.8082 13.404 17.3614 13.4636 17.9656 13.5827V21.072H15.038C10.5956 21.072 8.22113 23.8123 8.22113 28.3825V44.2205H0V13.6423V13.6508Z' fill='%23F9543E'/%3E%3Cpath d='M17.9653 28.9357C17.9653 19.4975 24.2376 12.6126 33.4374 12.6126C42.6372 12.6126 48.118 18.7656 48.118 28.3229C48.118 29.3612 48.0584 30.2122 47.9393 31.2505H25.8886C26.6205 35.2675 29.4204 38.1355 33.565 38.1355C36.8586 38.1355 39.3522 36.5526 40.6883 33.5654L47.4456 36.6717C44.7648 42.3397 39.7096 45.1992 33.3778 45.1992C24.2376 45.1992 17.9653 38.4419 17.9653 28.9357ZM40.4415 25.523C39.65 21.872 37.3352 19.4975 33.4374 19.4975C29.5396 19.4975 27.1056 21.9911 26.1269 25.523H40.4415Z' fill='%23F9543E'/%3E%3Cpath d='M48.1186 39.8376L53.5398 34.9015C55.4291 37.1568 57.7439 38.5525 60.2971 38.5525C62.8502 38.5525 64.5013 37.3951 64.5013 35.4462C64.5013 33.3781 62.3056 32.7654 59.6928 32.1611C54.5185 30.825 49.642 28.5697 49.642 22.2975C49.642 16.0253 54.7568 12.6126 61.0886 12.6126C65.1651 12.6126 68.7054 14.0168 71.3182 17.055L66.0757 21.9911C64.6119 20.1614 62.9694 19.2507 60.9609 19.2507C58.6461 19.2507 57.0631 20.3486 57.0631 22.2379C57.0631 24.1273 59.1907 24.7996 61.812 25.4634C67.114 26.7995 71.982 28.8165 71.982 35.2079C71.982 41.2333 66.8076 45.1992 59.9822 45.1992C55.2334 45.1992 50.8504 43.2503 48.1016 39.8376H48.1186Z' fill='%23F9543E'/%3E%3Cpath d='M80.6709 0.00851068H88.892L86.8835 11.2764C86.3984 14.204 85.8452 16.4508 85.4197 18.0337L85.9048 18.0933C88.4579 14.7402 91.5047 12.9189 95.1046 12.9189C101.99 12.9189 105.462 18.1529 104.117 25.8293L100.824 44.2205H92.6621L95.6493 27.1655C96.3812 23.0889 94.7983 20.4081 90.8409 20.4081C87.1899 20.4081 84.7474 23.3953 84.1431 27.0463L81.0964 44.2205H72.8752L80.6709 0V0.00851068Z' fill='%23F9543E'/%3E%3Cpath d='M105.547 30.9441L108.594 13.6508H116.815L113.708 31.1909C113.036 34.91 114.866 37.8291 118.576 37.8291C121.93 37.7695 124.244 35.5143 124.849 32.1016L128.074 13.6508H136.295L132.823 33.0207C131.487 40.7567 125.572 45.2588 117.845 45.2588C109.198 45.2588 104.015 39.5908 105.538 30.9441H105.547Z' fill='%23F9543E'/%3E%3Cpath d='M138.244 13.6508H146.287C146.287 15.2933 146.287 16.638 146.167 18.2805L146.593 18.3401C148.295 14.8678 151.282 13.404 154.508 13.404C155.052 13.404 155.606 13.4636 156.21 13.5827V21.072H153.282C148.84 21.072 146.465 23.8123 146.465 28.3825V44.2205H138.244V13.6423V13.6508Z' fill='%23F9543E'/%3E%3Cpath d='M156.21 28.9357C156.21 19.8635 161.631 12.9785 169.972 12.9785C173.929 12.9785 177.035 14.621 179.231 18.1529L179.657 18.0933C179.537 16.5699 179.537 15.2338 179.537 13.6508H187.639V44.229H179.537C179.537 42.5269 179.537 41.4291 179.657 39.7865L179.231 39.6674C176.976 43.3184 173.563 44.9694 169.665 44.9694C161.444 44.9694 156.202 37.8462 156.202 28.9527L156.21 28.9357ZM179.597 28.9357C179.597 23.8804 176.61 20.3486 171.921 20.3486C167.231 20.3486 164.431 24.0677 164.431 28.9357C164.431 33.8037 167.291 37.5228 171.921 37.5228C176.55 37.5228 179.597 33.9909 179.597 28.9357Z' fill='%23F9543E'/%3E%3C/svg%3E");
  background-size: 9.4em 2.3em;
  width: 9.4em;
  height: 3.2em;
  background-repeat: no-repeat;
  background-position: left bottom;
  text-indent: -99rem;
}
.logo__txt--foot {
  aspect-ratio: 4.087;
  background-size: contain;
  width: 100%;
  height: auto;
}
.logo__full {
  aspect-ratio: 3.62;
  background-image: url("data:image/svg+xml,%3Csvg width='268' height='74' viewBox='0 0 268 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 37.6528H9.09091C9.09091 39.5094 9.09091 41.0294 8.95623 42.886L9.43723 42.9534C11.3612 39.0284 14.7379 37.3738 18.3838 37.3738C18.9995 37.3738 19.6248 37.4411 20.3078 37.5758V46.0414H16.9986C11.9769 46.0414 9.29293 49.139 9.29293 54.305V72.2078H0V37.6431V37.6528Z' fill='%23F9543E'/%3E%3Cpath d='M20.3076 54.9303C20.3076 44.2617 27.3976 36.4791 37.7968 36.4791C48.196 36.4791 54.3913 43.4344 54.3913 54.2377C54.3913 55.4113 54.324 56.3733 54.1893 57.5469H29.2638C30.0912 62.0876 33.2561 65.3295 37.9411 65.3295C41.664 65.3295 44.4827 63.5402 45.993 60.1636L53.6313 63.6749C50.601 70.0818 44.8867 73.3141 37.7294 73.3141C27.3976 73.3141 20.3076 65.6758 20.3076 54.9303ZM45.7141 51.0727C44.8194 46.9457 42.2027 44.2617 37.7968 44.2617C33.3908 44.2617 30.6395 47.0804 29.5332 51.0727H45.7141Z' fill='%23F9543E'/%3E%3Cpath d='M54.3916 67.2535L60.5195 61.6739C62.6551 64.2232 65.2718 65.8009 68.1578 65.8009C71.0438 65.8009 72.9101 64.4926 72.9101 62.2896C72.9101 59.9519 70.4281 59.2593 67.4748 58.5763C61.6258 57.0659 56.1135 54.5166 56.1135 47.4267C56.1135 40.3367 61.8952 36.4791 69.0524 36.4791C73.6604 36.4791 77.6623 38.0664 80.6157 41.5008L74.6898 47.0804C73.0351 45.0121 71.1785 43.9827 68.9081 43.9827C66.2915 43.9827 64.5022 45.2237 64.5022 47.3594C64.5022 49.495 66.9072 50.255 69.8701 51.0053C75.8634 52.5157 81.3661 54.7956 81.3661 62.0202C81.3661 68.8312 75.5171 73.3141 67.8018 73.3141C62.4339 73.3141 57.4796 71.1111 54.3723 67.2535H54.3916Z' fill='%23F9543E'/%3E%3Cpath d='M91.1879 22.2318H100.481L98.2105 34.9687C97.6622 38.278 97.0369 40.8176 96.5559 42.607L97.1042 42.6743C99.9902 38.884 103.434 36.8253 107.503 36.8253C115.286 36.8253 119.211 42.7416 117.691 51.4189L113.968 72.2077H104.742L108.119 52.9292C108.946 48.3212 107.157 45.2909 102.684 45.2909C98.5568 45.2909 95.7959 48.6676 95.1129 52.7945L91.6689 72.2077H82.376L91.1879 22.2222V22.2318Z' fill='%23F9543E'/%3E%3Cpath d='M119.307 57.2006L122.751 37.6527H132.044L128.533 57.4795C127.773 61.6835 129.841 64.9831 134.036 64.9831C137.826 64.9158 140.443 62.3665 141.126 58.5089L144.772 37.6527H154.064L150.139 59.5478C148.629 68.2924 141.943 73.3814 133.208 73.3814C123.434 73.3814 117.576 66.9745 119.298 57.2006H119.307Z' fill='%23F9543E'/%3E%3Cpath d='M156.267 37.6528H165.358C165.358 39.5094 165.358 41.0294 165.224 42.886L165.705 42.9534C167.629 39.0284 171.005 37.3738 174.651 37.3738C175.267 37.3738 175.892 37.4411 176.575 37.5758V46.0414H173.266C168.244 46.0414 165.56 49.139 165.56 54.305V72.2078H156.267V37.6431V37.6528Z' fill='%23F9543E'/%3E%3Cpath d='M176.575 54.9302C176.575 44.6753 182.703 36.8927 192.131 36.8927C196.604 36.8927 200.115 38.7494 202.597 42.7417L203.078 42.6743C202.944 40.9523 202.944 39.442 202.944 37.6527H212.102V72.2174H202.944C202.944 70.2934 202.944 69.0524 203.078 67.1957L202.597 67.061C200.048 71.188 196.19 73.0543 191.785 73.0543C182.492 73.0543 176.566 65.0024 176.566 54.9495L176.575 54.9302ZM203.011 54.9302C203.011 49.2159 199.634 45.2236 194.334 45.2236C189.033 45.2236 185.868 49.4276 185.868 54.9302C185.868 60.4329 189.101 64.6368 194.334 64.6368C199.567 64.6368 203.011 60.6445 203.011 54.9302Z' fill='%23F9543E'/%3E%3Cpath d='M243.713 33.2083L241.481 45.8778C250.486 51.948 256.402 61.4718 257.835 72.2078H248.562C247.475 65.9548 244.377 60.3367 239.682 56.075L236.844 72.2078H227.552L234.699 31.6113L212.102 27.6287L213.689 18.6243L229.908 21.4719L220.471 7.98461L227.965 2.72246L237.412 16.229L240.279 0L249.293 1.5873L246.436 17.8066L259.923 8.3694L265.166 15.8634L251.679 25.3102L267.898 28.177L266.311 37.1909L243.713 33.2083Z' fill='%23F9543E'/%3E%3C/svg%3E");
  background-size: contain;
  width: 100%;
  height: auto;
  text-indent: -99rem;
}
.logo__sym {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.9655 29.3782L25.991 40.5865C33.9568 45.9566 39.1908 54.382 40.4588 63.8797H32.2547C31.2931 58.3479 28.5527 53.3778 24.3996 49.6076L21.889 63.8797H13.6678L19.9911 27.9654L0 24.4421L1.40424 16.4763L15.7529 18.9954L7.40412 7.0637L14.0338 2.40847L22.3911 14.3572L24.9272 0L32.9015 1.40423L30.3739 15.7529L42.3056 7.40412L46.9438 14.0338L35.0121 22.3911L49.3608 24.9272L47.9566 32.9015L27.9655 29.3782Z' fill='%23F9543E'/%3E%3C/svg%3E");
  background-size: 2.5em 3.2em;
  width: 2.5em;
  height: 3.2em;
}
@media (min-width: 640px) {
  .logo__sym {
    position: absolute;
    left: 9.4em;
    top: 0;
    z-index: 1000;
    will-change: transform;
  }
  .logo__sym--is-fixed {
    position: fixed !important;
    top: 20px !important; /* Position finale en haut */
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }
}

.header__contact {
  display: none;
}
@media (min-width: 640px) {
  .header__contact {
    display: block;
  }
}
/*
.logo__sym--fixed {
  position: fixed !important;
  top: 15px;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}
*/

.bouton {
    background-color: var(--color3);
    color: var(--color-blanc);
    font-family: var(--font1);
    font-weight: 600;
    font-size: .8em;
    text-transform: none;
    text-decoration: none;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5em 2em;
    border-radius: 2em;
    
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
    border: 1px solid transparent;
    will-change: transform, background-color;
}
/* Effet au survol */
.bouton:hover {
    background-color: var(--color1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Effet au clic */
.bouton:active {
    transform: translateY(0);
}

.tit1 {
  font-size: 16vw; /* 60/375 */
  line-height: 1;
}
@media (min-width: 640px) {
  .tit1 {
    font-size: 7.94vw; /* 120/1512 */
  }
}


.tit1--home em {
  color: var(--color1);
}
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gutter);
  transform: scale(3.15);
  transform-origin: top center;
}
.grid__item {
  grid-column: span 4;
}
.grid__item__img {
  aspect-ratio: 1.5;
  object-fit: cover;
}
.arrondi {
  border-radius: var(--border-radius-val2);
}
.anim6-section {
  overflow: hidden;
}
.bloc2 {
  background-color: var(--color-blanc);
  color: var(--color2);
  transition: all ease 1.5s;
}
.bloc2--2 {
  background-color: var(--color3);
  color: var(--color1);
}
.bloc2--coul1 {
  background-color: var(--color1);
  color: var(--color-blanc);
}
.bloc2__tit {
  transition: color ease 1.5s;
}
.bloc2__tit em {
  color: var(--color1);
}
.bloc2--2 .bloc2__tit {
  color: var(--color-blanc);
}
.bloc2--2 .bloc2__tit em {
  color: var(--color1);
}
.bloc2--coul1 .bloc2__tit em {
  color: var(--color2);
}
.bloc2__txt {
  padding-left: calc( (3*var(--gutter)) + (3*var(--column)) );
}
@media (min-width: 900px) {
  .bloc2__tit {
    width: calc( (6*var(--gutter)) + (7*var(--column)) );
  }
  .bloc2__tit--small {
    width: calc( (6*var(--gutter)) + (7*var(--column)) );
  }
  .bloc2__txt {
    padding-left: calc( (5*var(--gutter)) + (5*var(--column)) );
  }
}
.tit2 {
  font-size: var(--tit2);
  line-height: 1.2;
}
.txt30 {
  font-size: var(--txt30);
}
.blocequip {
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.blocequip__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: calc( (9*var(--gutter)) + (10*var(--column)) );
}
@media (min-width: 640px) {
  .blocequip__txt {
    width: calc( (7*var(--gutter)) + (6*var(--column)) );
  }  
}
.blocequip__txt em {
  color: var(--color1);
}

.blocequip__list {
  display: flex;
  /*height: 22.5em;*/
  gap: var(--gutter);
  width: max-content; /* Le conteneur s'adapte à la largeur cumulée de toutes les images */
  padding-left: 110vw;
}
.blocequip__item {
  flex-shrink: 0;
  width: auto;
  height: 40vh;
  aspect-ratio: 0.72;
}
@media (min-width: 640px) {
  .blocequip__item {
    height: 50vh;
  }
}
.blocequip__item:last-child {
  /*margin-right: 110vw; */
}
.blocequip__item_marge {
  padding-right: 110vw;
}
.homproj {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homproj__item {
    position: absolute;
    
    height: 80vh;
    will-change: transform, opacity;

    display: flex;
    flex-direction: column;
    justify-content: center;
    
    margin: 0 !important;
    z-index: 1;
}

.homproj__item {
  background-color: var(--color3);
  color: var(--color-blanc);
  padding: 1.25em;
  border-radius: var(--border-radius-val2);
  height: 100%;
}
@media (min-width: 900px) {
  .homproj__item {
    padding: 1.7em;
  }  
}
.homproj__item {
    width: 90%;
    /*max-width: 1100px;*/
    height: 95vh;
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
    margin: 0 !important;
    z-index: 1;
}
@media (min-width: 390px) {
  .homproj__item {
    height: 90vh;
  }  
}
@media (min-width: 900px) {
  .homproj__item {
      width: calc(9 * var(--gutter) + 10 * var(--column));
      /*max-width: 1400px;*/
      height: 66vh;
  }
}

.homproj__item:nth-child(1) { z-index: 10; }
.homproj__item:nth-child(2) { z-index: 20; }
.homproj__item:nth-child(3) { z-index: 30; }

/* Force les images à ne pas déformer la carte sur petit écran */
.homproj__itemtxtimg__img img {
    aspect-ratio: 1.8;
    object-fit: cover;
}
@media (min-width: 640px) {
  .homproj__itemtxtimg__img img {
      aspect-ratio: auto;
      max-height: 40vh;
      object-fit: cover;
  }  
}
.homproj__tit {
  font-size: 1.5em;
  line-height: 1.1;
  margin-bottom: auto;
}
@media (min-width: 640px) {
  .homproj__tit {
    font-size: 3vw;
  }
}
.homproj__item--coul2 {
  background-color: var(--color2);
}
.homproj__item--coul1 {
  background-color: var(--color1);
}
@media (min-width: 640px) {
  .homproj__item {
    height: calc(100vh - (2 * var(--padunitvert) * var(--rvm)));
    width: calc( 9 * (var(--gutter)) + 10 * (var(--column)) );
  }
}
.homproj__itemhead {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 1.5em;
}
@media (min-width: 640px) {
  .homproj__itemhead {
    margin-bottom: 4em;
  }  
}
.homproj__itemtxtimg {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.homproj__itemtxtimg__img {
  padding-top: 1em;
  margin-top: auto;
  max-width: 100%;
  height: auto;
}
@media (min-width: 395px) {
  .homproj__itemtxtimg__img {
    padding-top: 1.5em;
  }
}
@media (min-width: 640px) {
  .homproj__itemtxtimg {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex: 1;
  }
  .homproj__itemtxtimg__txt {
    width: 73.1%;
    padding-right: calc( ( 1 *var(--gutter)) + ( 1 *var(--column)) );
    flex: 1;
    display: flex;
    flex-direction: column;
    align-self: stretch;
  }
  .homproj__itemtxtimg__img {
    padding-top: 0;
    width: 26.9%;
    display: flex;
    align-items: flex-end;
  }
}
@media (min-width: 1600px) {
  .homproj__itemtxtimg__txt {
    padding-right: calc( ( 2 *var(--gutter)) + ( 2 *var(--column)) );
  }
}

.homproj__itemhead__txt {
  font-size: .8em;
  text-transform: uppercase;
}
.homproj__itemhead__logo img {
  width: 8em;
  max-width: 8em;
  max-height: 7em;
}
.homproj__itemtxtimg__txttxt {
  padding-top: 1em;
  font-size: .85em;
}
.etiquettes {
  padding-top: 1em;
}
.etiquettes span {
  background-color: var(--color-blanc);
  color: var(--color3);
  padding: 0.4em 1.2em;
  border-radius: 50px;
  font-size: .6em;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.1em;
  display: inline-block;
}
@media (min-width: 395px) {
  .homproj__itemtxtimg__txttxt {
    padding-top: 1.5em;
    font-size: 1em;
  }
}
@media (min-width: 640px) {
  .bloctxt {
    padding: 0 calc((2 * var(--gutter)) + (3 * var(--column)));
  }
}
/*
.bloctxt .tit2 em {
  color: var(--color1);
}
*/
.tit2_homebas em {
  font-style: normal;
  color: var(--color2);
}
.tit2_homebas--go em {
  font-style: italic;
  color: var(--color1);
}
.posrelativ {
  position: relative;
}
.symbole-cercle {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 442 442' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.081 209.724L226.518 258.338C261.068 281.63 283.769 318.173 289.269 359.367H253.685C249.514 335.374 237.628 313.817 219.615 297.465L208.726 359.367H173.069L200.495 203.597L113.788 188.315L119.878 153.765L182.112 164.691L145.901 112.94L174.656 92.7494L210.904 144.574L221.904 82.3032L256.491 88.3938L245.528 150.628L297.279 114.417L317.396 143.172L265.645 179.419L327.879 190.419L321.788 225.006L235.081 209.724Z' fill='%23A53216' fill-opacity='0.1'/%3E%3Ccircle cx='220.833' cy='220.833' r='204.833' stroke='%23A53216' stroke-opacity='0.1' stroke-width='32'/%3E%3C/svg%3E");
  width: 14em;
  height: 14em;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 640px) {
  .symbole-cercle {
    width: 18em;
    height: 18em;
  }
}
.symbole-cercle__pos {
  position: absolute;
  z-index: 5;
  bottom: -2.5em;
  left: -2.5em;
}
@media (min-width: 640px) {
  .symbole-cercle__pos {
    bottom: -3.35em;
  }
}
.foot__nav {
  display: flex;
  justify-content: space-between;
  gap: var(--gutter);
}
.foot__nav div {
  font-size: .8em;
}
.foot__nav a {
  color: var(--color3);
  text-decoration: underline;
  transition: color ease .3s;
}
.foot__nav a:hover {
  color: var(--color1);
}

.editor--mw {
  max-width: calc( (9*var(--gutter)) + (10*var(--column)) );
}
.editor h1 {
  font-size: var(--tit2);
  color: var(--color1);
  margin-bottom: 1em;
}
.editor h2 {
  margin-top: 1em;
  font-size: var(--tit2);
}

/*lenis*/
html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}