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

/* header */

header {
  position: fixed;
  z-index: 3;
  width: 100%;
  height: var(--header-height);
  -webkit-transition: var(--ease);
  -o-transition: var(--ease);
  transition: var(--ease);
  top: 0;
  left: 0;
}
header .container {
  padding-top: var(--gap-s);
}
.admin-bar header {
  top: var(--admin-bar-height);
}
#wpadminbar {
  position: fixed !important;
}

.scrolled:not(.scrollingUp):not(.open) header {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
body.open header {
  background: var(--primary);
}

header > div.continer {
  height: var(--header-height);
}
header .logo {
  width: 120px;
  position: relative;
  z-index: 80;
  /* margin-top: var(--gap-s); */
}

header .logo > a > img:not(.logo_main) {
  display: none;
}

.lang-item-fr a img {
  display: none;
}
.lang-item-en a img {
  display: none;
}
.lang-item-fr a:after {
  content: "FR";
}
.lang-item-en a:after {
  content: "EN";
}
.lang_selector ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: var(--Gap-gap-xs, 0.625rem) var(--Gap-gap-s, 1.25rem);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--Gap-gap-xs, 0.625rem);
  border-radius: 3.125rem;
  background: var(--Colors-bleu-clair, #b3b5e8);
  margin: 0;
}
.lang_selector ul li {
  list-style-type: none;
}
.lang_selector ul li svg {
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}
.lang_selector ul li a {
  color: var(--primary);
}
.lang_selector ul li:not(.current-lang) a {
  text-decoration: underline;
}
.lang_selector ul li:not(.current-lang) a:hover {
  color: var(--blanc);
}
/* menu */

header .menu ul {
  margin: 0;
  padding: 0;
}

header .menu .menu-item {
  list-style: none;
}

#opt_rejoindre_le_groupe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--Gap-gap-xs, 0.625rem) var(--Gap-gap-s, 1.25rem);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--Gap-gap-s, 1.25rem);
  border-radius: 3.125rem;
  background: var(--Colors-orange, #fe9318);
}
#opt_rejoindre_le_groupe:hover {
  background: var(--primary);
}
#menus_bleus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--Gap-gap-xs, 0.625rem) var(--Gap-gap-s, 1.25rem);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--Gap-gap-s, 1.25rem);
  border-radius: 3.125rem;
  background: var(--Colors-bleu-clair, #b3b5e8);
  color: var(--Colors-bleu, #12074d);
}
#menus_bleus a {
  text-decoration: none;
  color: var(--Colors-bleu, #12074d);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem; /* 100% */
}
#menus_bleus a:hover {
  color: var(--blanc);
}
@media (max-width: 979px) {
  .scrolled.scrollingUp header {
    background: var(--noir);
  }
  header .logo img {
    display: block;
    max-width: 7.43rem;
    height: 2.5rem;
    aspect-ratio: 246 / 83;
  }
  header .container {
    height: var(--header-height);
  }
  /* start of menu open */
  body:not(.open) .menu_container {
    display: none;
  }
  body.open .menu_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body.open header {
    height: 100vh;
    padding-bottom: 50px;
    overflow: auto;
  }
  body.open.admin-bar header {
    height: calc(100vh - var(--admin-bar-height));
  }
  header .menu_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }

  body.open header .menu_container {
    padding-top: var(--header-height);
  }

  /* tog menu */
  #togMenu {
    position: absolute;
    top: var(--gap-s);
    right: var(--gap-s);
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: flex;
    padding: var(--Gap-gap-xs, 0.625rem) var(--Gap-gap-s, 1.25rem);
    gap: var(--Gap-gap-xs, 0.625rem);
    border-radius: 3.125rem;
    background: var(--Colors-bleu-clair, #b3b5e8);
    cursor: pointer;
    color: var(--Colors-bleu, #12074d);
    font-size: 1rem;
    line-height: 1rem; /* 100% */
  }

  body.open #togMenu {
    border: 1px solid var(--Colors-blanc, #fff);
    background: var(--primary, #12074d);
    color: var(--Colors-blanc, #fff);
  }

  #togMenu .burger {
    position: relative;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  .burger span {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--primary);
    border: 0px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  #burger span#t1 {
    top: 15%;
  }

  #burger span#t2 {
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #burger span#t3 {
    bottom: 15%;
  }

  #togMenu.open .burger span {
    width: 131%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background: var(--blanc);
  }

  #togMenu.open #burger span#t1 {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
  }

  #togMenu.open #burger span#t2 {
    display: none;
  }

  #togMenu.open #burger span#t3 {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 0;
  }

  /* end of tog menu */
  /* start of menu mobile */
  #menus_first_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.625rem;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-bottom: 0.62rem;
  }

  #menu_principal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--Gap-gap-s, 1.25rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--Gap-gap-s, 1.25rem);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-radius: 1.25rem;
    background: var(--Colors-blanc, #fff);
  }

  #menu_principal > ul > li {
    padding: var(--gap-s);
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  #menu_principal > ul > li:not(:last-child) {
    border-bottom: 1px solid var(--primary);
  }
  #menu_principal > ul > li > a {
    color: var(--primary, #12074d);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem; /* 100% */
  }

  #menu_principal > ul > li > ul > li:first-child {
    padding-top: calc(0.8 * var(--gap-xs));
  }

  #menu_principal > ul > li > ul > li > a {
    color: #12074d;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem; /* 114.286% */
    padding: calc(0.8 * var(--gap-xs)) 0;
  }
  header .menu a {
    display: block;
  }

  header .menu > ul > li .tog {
    display: none;
  }
  #menu_principal a:hover,
  #menu_principal .current-menu-item > a,
  #menu_principal .current-menu-parent > a,
  #menu_principal .current-menu-ancestor > a {
    color: var(--secondary);
  }
}
@media (min-width: 480px) {
  #togMenu {
    right: 50%;
    -webkit-transform: translateX(calc(var(--container-width) / 2));
    -ms-transform: translateX(calc(var(--container-width) / 2));
    transform: translateX(calc(var(--container-width) / 2));
  }
}
@media (min-width: 980px) {
  header .container {
    max-width: 95%;
    width: 1240px;
    height: var(--header-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    position: relative;
  }
  header .logo {
    width: 15.375rem;
  }
  header .logo img {
    display: block;
    width: 15.375rem;
    height: 5.1875rem;
    aspect-ratio: 246 / 83;
  }
  .menu_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: var(--Gap-gap-xs, 10px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #menus_first_line {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }

  #menu_principal > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 var(--gap-s, 1.25rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap-s, 1.25rem);
    border-radius: 3.125rem;
    background: var(--blanc);
  }
  #menu_principal > ul > li:not(:last-child):after {
    content: "|";
    color: var(--primary);
    margin-left: var(--gap-s);
  }
  #menu_principal a {
    color: var(--primary, #12074d);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem; /* 100% */
  }
  header #togMenu {
    display: none;
  }
  header .menu {
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease 0.3s;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease 0.3s;
    -o-transition: opacity 0.4s ease, transform 0.4s ease 0.3s;
    transition: opacity 0.4s ease, transform 0.4s ease 0.3s;
    transition: opacity 0.4s ease, transform 0.4s ease 0.3s,
      -webkit-transform 0.4s ease 0.3s;
  }
  .scrolled:not(.scrollingUp) header {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  .scrolled.scrollingUp header {
    background: var(--noir);
    height: calc(var(--header-height) + 20px);
  }
  .scrolled header:hover .menu {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  #menu_principal > ul {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap-s);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: stretch;
    margin: 0;
    text-wrap: balance;
    position: relative;
    z-index: 4;
  }

  header .tog {
    display: none;
  }
  #menu_principal > ul > li > a {
    padding: var(--gap-s) 0;
    display: inline-block;
  }

  header #menu_principal > ul > li .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    background: var(--blanc);
    top: calc(100% - 5px);
    left: 0px;
    text-wrap: nowrap;
    padding: var(--gap-s) var(--gap-s);
    z-index: 5;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    border-radius: var(--border-radius);
    border: 2px solid var(--primary);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header #menu_principal > ul > li .sub-menu a {
    padding: 5px 5px 0 5px;
    display: inline-block;
  }

  header #menu_principal > ul > li:hover .sub-menu {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease 0.4s;
    -o-transition: all 0.3s ease 0.4s;
    transition: all 0.3s ease 0.4s;
  }

  #menu_principal a:hover,
  #menu_principal .current-menu-item > a,
  #menu_principal .current-menu-parent > a,
  #menu_principal .current-menu-ancestor > a,
  #menu_principal .sub-menu a:hover,
  #menu_principal .sub-menu .current-menu-item > a {
    color: var(--secondary);
  }
}

#opt_contact svg {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width: 979px) {
  #opt_contact {
    display: none;
  }
}
@media (min-width: 980px) {
  #opt_contact {
    -webkit-transition: var(--ease);
    -o-transition: var(--ease);
    transition: var(--ease);
    position: fixed;
    z-index: 2;
    top: 150px;
    right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: translateY(-100%) rotate(-90deg);
    -ms-transform: translateY(-100%) rotate(-90deg);
    transform: translateY(-100%) rotate(-90deg);
    padding: var(--Gap-gap-s, 1.25rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--Gap-gap-s, 1.25rem);
    border-radius: var(--Corners-corner, 1.25rem) var(--Corners-corner, 1.25rem)
      0 0;
    border: 1px solid var(--Colors-orange-clair, #fbdba0);
    background: var(--Colors-orange, #fe9318);
    color: var(--Colors-blanc, #fff);
    text-align: center;
    font-family: var(--Fonts-title, "Space Grotesk");
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem; /* 100% */
  }
  .admin-bar #opt_contact {
    top: 180px;
  }
}
@media (min-width: 1440px) {
  #opt_contact {
    top: 12px;
    z-index: 5;
  }
  .admin-bar #opt_contact {
    top: 45px;
  }
}
@media (min-width: 1600px) {
  #opt_contact {
    top: 79px;
    right: calc(50% - var(--gap-s));
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: translateX(calc(var(--container-width) / 2))
      translateY(-100%) rotate(-90deg);
    -ms-transform: translateX(calc(var(--container-width) / 2))
      translateY(-100%) rotate(-90deg);
    transform: translateX(calc(var(--container-width) / 2)) translateY(-100%)
      rotate(-90deg);
    border-radius: var(--Corners-corner, 1.25rem);
  }
  .admin-bar #opt_contact {
    top: 111px;
  }
}

#opt_contact:hover {
  background: var(--primary);
  color: var(--blanc);
}
/* footer */

.section_footer {
  overflow: hidden;
  padding-top: var(--gap-l);
  padding-bottom: var(--gap-m);
}

#footer_contact a[href^="tel:"] {
  font-size: var(--Size-font-fs-h4);
  font-weight: 700;
  line-height: var(--Size-font-lh-h4); /* 92.308% */
  text-decoration: none;
}
#footer_contact a[href^="tel:"]:hover {
  color: var(--secondary);
}
.liens_bleus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 9.50219rem;
  padding: var(--Gap-gap-s, 1.25rem) var(--Gap-gap-m, 2.5rem);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--Gap-gap-s, 1.25rem);
  border-radius: var(--Corners-corner-bouton, 6.25rem);
  border: 1px solid var(--Colors-bleu-clair, #b3b5e8);
  background: var(--Colors-bleu-clair, #b3b5e8);
  margin-top: 0 !important;
}

#menu_footer ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
#menu_footer ul a:hover {
  color: var(--secondary);
}
@media (max-width: 979px) {
  #menu_footer ul li {
    margin-bottom: 10px;
  }
  #menu_footer ul li a {
    display: block;
    padding: 10px 0;
  }
}
@media (min-width: 980px) {
  #menu_footer ul {
    gap: var(--gap-xs);
  }
}

#footer_rh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--gap-m, 2.5rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--gap-s, 1.25rem);
  border-radius: var(--gap-s, 1.25rem);
  border: 1px solid var(--secondary);
  color: var(--secondary);
}
#footer_rh .bouton {
  color: var(--Colors-orange, #fe9318);
  font-family: var(--Fonts-title, "Space Grotesk");
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem; /* 157.143% */
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid;
}

#footer_rh .bouton:after {
  content: "+";
}

#footer_rh .bouton:hover {
  color: var(--blanc);
}

@media (max-width: 979px) {
  #footer_contact {
    width: 100%;
  }
  #footer_menu {
    width: 100%;
    margin-top: var(--gap-s);
  }
  #footer_rh {
    padding: var(--gap-s);
    margin-top: var(--gap-s);
  }
}
@media (min-width: 980px) {
  #footer_contact {
    border-right: 1px solid var(--blanc);
    padding-right: var(--gap-m);
    width: 50%;
  }
  #footer_menu {
    padding: 0 var(--gap-m);
    width: 22%;
  }
  #footer_rh {
    width: 28%;
  }
}

#sub_footer ul#sub_footer_menu {
  list-style-type: none;
  margin: 0;
  padding: var(--gap-xs) 0;
}
#sub_footer ul li a {
  font-size: var(--Size-font-fs-h5, 0.875rem);
  font-weight: 400;
  line-height: var(--Size-font-lh-h5, 1rem); /* 114.286% */
  display: block;
}
#sub_footer ul li a:hover {
  color: var(--secondary);
}
@media (max-width: 979px) {
  #sub_footer ul li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  #sub_footer ul li a {
    padding: 10px 0;
  }
}
@media (min-width: 980px) {
  #sub_footer ul li {
    display: inline-block;
  }
  #sub_footer ul li:not(:last-child) a:after {
    content: " | ";
  }
}