@charset "UTF-8";
/* Scss Document MAIN */
/* ========================*/
/*        INCLUSIONS       */
/* ========================*/
/* FONTS */
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Manrope:wght@200..800&display=swap");
@-webkit-keyframes fade-in {
  from {
    -webkit-opacity: 0; }
  to {
    -webkit-opacity: 1; } }
@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*HEADER*/
header {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1900px;
  background-color: #F9F9F9;
  padding: 0.5em 3.2em;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  text-align: center; }
  header.sticky {
    position: fixed;
    z-index: 2; }
  header .header_gauche {
    display: flex;
    align-items: center;
    gap: 2em; }
  header .header_droite {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2em; }
  header #div_logo {
    cursor: pointer;
    color: #6E0206;
    font-family: "Gentium Book Plus";
    font-size: 1.8em;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    /* 36px */
    letter-spacing: 0.025em; }
  header #recherche_menu_container {
    display: flex;
    flex-direction: column; }
    header #recherche_menu_container #recherche_div {
      border: 1px solid #999;
      width: 100%;
      max-width: 700px;
      height: auto;
      margin-bottom: 2.6em;
      padding: 0.6em;
      margin-left: auto;
      margin-right: auto; }
      header #recherche_menu_container #recherche_div #form1 {
        width: 100%; }
      header #recherche_menu_container #recherche_div input {
        font-size: 1.2em; }
    header #recherche_menu_container #recherche_form form {
      display: flex;
      align-items: center; }
    header #recherche_menu_container #recherche_form img {
      float: left;
      margin-right: 0.6em;
      margin-left: 0.6em;
      width: 2.6em;
      height: 2.6em; }
    header #recherche_menu_container #recherche_form input {
      border: none;
      padding-left: 1em;
      width: 100%; }
    header #recherche_menu_container #recherche_div_block_menu {
      width: 100%;
      padding: 0.2em;
      margin-left: auto;
      margin-right: auto; }
      header #recherche_menu_container #recherche_div_block_menu form {
        display: flex;
        align-items: center;
        width: 100%; }
      header #recherche_menu_container #recherche_div_block_menu img {
        float: left;
        margin-right: 0.6em;
        margin-left: 0.6em;
        width: 2.6em;
        height: 2.6em; }
      header #recherche_menu_container #recherche_div_block_menu input {
        font-size: 1em;
        border: none;
        padding-left: 1em;
        width: 100%; }
  header #menu_boutons ul {
    display: flex;
    gap: 2em; }
  header #container_logos {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 2; }
    header #container_logos #social_logos {
      display: flex;
      align-content: center;
      justify-content: center;
      gap: 1.4em; }
      header #container_logos #social_logos .logo {
        cursor: pointer;
        background-color: #F9F9F9;
        background-repeat: no-repeat;
        background-position: center;
        width: 40px;
        height: 40px;
        border-radius: 32px; }
        header #container_logos #social_logos .logo:hover {
          background-color: white; }
      header #container_logos #social_logos .logo_petit {
        background-size: 20px; }
      header #container_logos #social_logos .FB {
        background-image: url("/gif_png/FB_64px.png"); }
      header #container_logos #social_logos .Instagram {
        background-image: url("/gif_png/instagram_64px.png"); }
      header #container_logos #social_logos .YT {
        background-image: url("/gif_png/youtube_64px.png"); }
      header #container_logos #social_logos .Spotify {
        background-image: url("/gif_png/spotify_64px.png"); }
    header #container_logos #choix_lang {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2px;
      color: black;
      /* Nav */
      font-family: "Albert Sans";
      font-size: 1.6em;
      font-style: normal;
      font-weight: 400;
      line-height: 200%;
      /* 32px */
      text-transform: uppercase;
      color: black; }
    header #container_logos .lang:link, header #container_logos .lang:hover, header #container_logos .lang:visited {
      color: black; }
    header #container_logos .lang_selected:link, header #container_logos .lang_selected:hover, header #container_logos .lang_selected:visited {
      color: #6E0206;
      text-decoration: underline; }

@media (max-width: 1600px) {
  header {
    font-size: 9.5px; } }
@media (max-width: 1440px) {
  header {
    font-size: 8.5px; } }
@media (max-width: 1200px) {
  header {
    font-size: 8px; } }
@media (max-width: 1024px) {
  header {
    font-size: 7.5px; } }
@media (max-width: 1023px) {
  header #recherche_form {
    display: block;
    margin: auto 0;
    width: 100%; }
    header #recherche_form img {
      margin-right: 0.6em; }
    header #recherche_form input {
      padding-left: 0.2em; } }
@media (max-width: 768px) {
  header {
    font-size: 7px; } }
@media (max-width: 767px) {
  header {
    justify-content: center;
    gap: 1em;
    padding: 0.5em 5%; }
    header .header_droite {
      justify-content: center;
      gap: 1em; } }
@media (max-width: 500px) {
  header {
    flex-direction: column; } }
/* ==================*/
/* MENU */
#block_menu {
  display: flex;
  align-items: center;
  gap: 32px;
  z-index: 3; }
  #block_menu.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 233.44px; }
    #block_menu.sticky + .cadre_central {
      padding-top: 62px; }

.menu_panier, .menu_compte, .menu_lang {
  position: relative;
  z-index: 2; }

.menu_panier {
  padding: 4px 8px; }

.menu_compte {
  margin-right: 0.5em; }
  .menu_compte img {
    width: 32px; }

.cart {
  width: 40px;
  height: 40px;
  background-image: url(/gif_png/cart.png);
  background-position: center;
  background-repeat: no-repeat; }

.panier_bulle {
  font-family: Arimo;
  position: absolute;
  top: 6px;
  right: 12px;
  padding: 1px 5px 1px 5px;
  background-color: #ddd;
  background: linear-gradient(#f9f4f8, #ddd);
  color: black;
  border-radius: 6px;
  line-height: 1.4em;
  vertical-align: middle;
  text-align: center;
  border: solid 1.25px black;
  font-size: 10.5px;
  font-weight: bold; }

#menu_logo {
  width: 24px;
  height: 26px; }
  #menu_logo div {
    background-color: black;
    height: 4px;
    border-radius: 4px;
    margin: 5px 0; }
  #menu_logo.on {
    /*
            div {
    
                &:first-child {
                    transform: rotate(45deg) translate(7px, 6px);
                }
                &:nth-child(2) {
                    visibility: hidden;
                }
                &:last-child {
                    transform: rotate(-45deg) translate(6px, -6px);
                }
            }
    */ }

.icone_menu {
  display: none; }

.mobile {
  display: none; }

.pc {
  display: flex;
  cursor: pointer; }

nav {
  display: flex;
  align-items: center;
  gap: 32px;
  list-style: none; }
  nav * {
    position: relative; }
  nav ul {
    padding: 0;
    margin: 0; }
  nav li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    color: black;
    /* Nav */
    font-family: "Albert Sans";
    font-size: 1.6em;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 32px */
    text-transform: uppercase;
    border-bottom: 2px solid #F9F9F9; }
    nav li:hover {
      border-bottom: 2px solid #6E0206; }
  nav > ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 32px; }

@media (max-width: 1024px) {
  nav {
    font-size: 1.1em; }
    nav li:hover > ul {
      display: none;
      opacity: 0; } }
@media (max-width: 1023px) {
  #menu_lang {
    right: 130px; }

  #block_menu #container_logos {
    position: fixed;
    top: 4px;
    right: 10px; }
  #block_menu.masquer nav ul {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden; }
  #block_menu.afficher {
    height: 0;
    position: fixed;
    margin-top: 100px; }
    #block_menu.afficher nav > ul {
      visibility: visible;
      opacity: 1;
      height: auto; }

  .icone_menu {
    display: block; }

  nav {
    position: fixed;
    right: 6px;
    top: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 90%;
    max-width: 300px;
    border-bottom: none; }
    nav ul {
      display: flex;
      flex-direction: column;
      transition: opacity, visibility;
      transition-duration: .33s, .33s;
      width: auto;
      background-color: #630;
      box-shadow: 2px 2px 10px black; }
      nav ul li {
        display: block;
        width: auto;
        line-height: 1em;
        margin-bottom: 1px;
        background-color: rgba(255, 255, 255, 0.95);
        border-left: solid 1px black;
        border-top: none;
        border-bottom: none; }
        nav ul li span {
          height: 30px; }
          nav ul li span:hover {
            background-color: rgba(255, 255, 255, 0.95);
            color: black; }
        nav ul li:first-child {
          border-top: solid 1px black; }
        nav ul li:last-child {
          border-bottom: solid 1px black; }
    nav.last a {
      padding-bottom: 10px; } }
@media (max-width: 767px) {
  nav li {
    min-width: 123px; } }
/* ============ */
/* STYLES COMMUNS */
.bad {
  color: #F93149; }

.good {
  color: #62C476; }

.error {
  color: #F93149; }

h1, h2, h3, h4, h5, form {
  margin: 0;
  padding: 0; }

h1, button.ck.h1 {
  font-family: "Gentium Book Plus", serif;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 9.6em;
  font-weight: 700;
  font-style: normal;
  line-height: 110%;
  /* 70.4px */ }

h2, button.ck.h2 {
  font-family: "Gentium Book Plus";
  font-size: 5.3em;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; }

h3, button.ck.h3 {
  font-family: "Gentium Book Plus";
  font-size: 2.4em;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 38.4px */ }

h4, button.ck.h4 {
  font-family: "Gentium Book Plus";
  font-size: 2em;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 38.4px */ }

h5, button.ck.h5 {
  position: relative;
  font-size: 1.2em;
  font-weight: bold; }

p, li {
  font-size: 1.6em;
  line-height: 200%;
  font-style: normal;
  font-weight: 400; }

address {
  font-style: unset; }

.couleur_erreur_saisie {
  background-color: #F93149; }

.rouge {
  color: red; }

.block {
  display: block; }

.fond_jaune {
  background-color: #faebd7; }

couleur_1 {
  color: black; }

#preview {
  position: fixed;
  bottom: 5.5em;
  left: 38vw;
  display: flex;
  font-size: 1.6em;
  z-index: 9; }

#scroll_up {
  position: fixed;
  bottom: 66px;
  right: 20px;
  opacity: 0.8;
  background: white;
  color: #999;
  cursor: pointer;
  display: block;
  z-index: 99;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  border: solid 1px #D9D9D9; }

input, textarea {
  -webkit-appearance: auto; }

.social-share {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #F9F9F9;
  border-radius: 6px;
  padding: 1em; }
  .social-share a, .social-share img {
    width: 32px;
    height: 32px; }
  .social-share .social-icon {
    margin: 0;
    padding: 0; }

@media (max-width: 767px) {
  p {
    line-height: 166%; }

  h1, button.ck.h1 {
    font-size: 4.5em; }

  h2 {
    font-size: 4em; } }
/*================*/
/* STYLES */
body {
  margin: 0 auto;
  padding: 0;
  font-family: "Gentium Book Plus", serif;
  font-size: 10px;
  overflow-y: scroll;
  max-width: 1900px;
  color: #1E1E1E;
  background-color: #F9F9F9; }

* {
  box-sizing: border-box; }

.onclick, .pointer {
  cursor: pointer; }

.alpha {
  opacity: 0.95; }

.shadow {
  box-shadow: 1px 1px 3px black; }

.courier {
  font-family: monospace; }

#global {
  position: relative;
  transition: left 0.33s ease-out;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start; }
  #global.normal {
    left: 0; }

a:link, a:visited, a:active {
  color: #A80006;
  text-decoration: underline; }

a:hover {
  color: #A80006;
  text-decoration: underline;
  cursor: pointer; }

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.normal {
  padding: 0; }

.clear {
  clear: both; }

.mobile_block {
  display: none; }

form {
  margin: 0;
  max-width: 100%; }

input, select, textarea {
  color: black;
  font-weight: 400;
  font-size: 1em;
  max-width: 100%;
  line-height: 200%;
  letter-spacing: 0.72px;
  padding-left: 1em; }

input[type="checkbox"],
input[type="radio"] {
  margin: 0.5em;
  min-height: auto; }

#info_cookies_main {
  position: fixed;
  visibility: visible;
  display: flex;
  justify-content: center;
  bottom: 22px;
  width: 100%;
  margin: 0 auto;
  flex-wrap: nowrap;
  color: #1E1E1E;
  border: solid 1px #1E1E1E;
  background-color: #D9D9D9;
  cursor: pointer;
  padding: 10px 1em;
  z-index: 9;
  gap: 1em; }
  #info_cookies_main div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    font: 400 1.6em "Albert Sans";
    font-weight: normal; }
  #info_cookies_main .ok {
    color: #1E1E1E;
    font-weight: bold;
    padding: 4px;
    background-color: #f9f9f9;
    border: 1px solid #999;
    text-align: center; }

#div_lecteur {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99; }

#div_background {
  position: fixed;
  width: 100%;
  height: 100%; }

.vignette_photo_div {
  position: relative;
  box-shadow: 5px 5px 9px -1px #D9D9D9;
  overflow: hidden;
  margin: 0.5em 1em; }

.vignette_logo_div {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: solid 1px #D9D9D9; }

.cadre_central {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch; }

aside {
  margin: 0.5em;
  width: 300px;
  min-width: 300px;
  max-width: 300px; }
  aside div {
    margin: 0 0 1em 0;
    padding: 0.5em;
    border: 1px solid #999; }
  aside p, aside td {
    font-size: 0.8em; }
  aside table {
    width: 100%; }
  aside .aside_bon_cadeau {
    text-align: center;
    cursor: pointer; }
    aside .aside_bon_cadeau a, aside .aside_bon_cadeau a:link, aside .aside_bon_cadeau a:hover, aside .aside_bon_cadeau a:active, aside .aside_bon_cadeau a:visited {
      color: black; }
    aside .aside_bon_cadeau img {
      width: 66.66%; }
  aside .aside_contact .memo_horaires {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
    aside .aside_contact .memo_horaires p {
      text-align: left;
      margin: 0.5em 0; }
  aside .aside_contact img {
    float: right;
    width: 40px; }

#div_masque {
  position: fixed;
  left: 0;
  right: 0px;
  bottom: 0;
  top: 0;
  background-color: black; }
  #div_masque.on {
    opacity: 0.5;
    z-index: 3; }
  #div_masque.off {
    opacity: 0;
    z-index: 1; }
  #div_masque.decale {
    right: 320px; }

#div_photo {
  position: fixed;
  z-index: 50;
  visibility: hidden;
  top: 10vh;
  left: 4vw;
  right: 4vw;
  bottom: 6vh;
  display: flex;
  justify-content: center;
  align-items: center; }
  #div_photo #div_image_photo {
    position: relative;
    background-color: #f9f9f9; }
  #div_photo img {
    max-height: 90vh;
    max-width: 90vw;
    border: 0; }

#div_bouton_fermer_photo {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 2px;
  top: 2px;
  z-index: 51;
  visibility: hidden;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 24px; }

#div_test {
  position: absolute;
  top: 0;
  z-index: 99; }

#div_download_icon {
  position: absolute;
  left: 2px;
  bottom: 2px;
  z-index: 51;
  visibility: hidden;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.33);
  border-radius: 24px; }
  #div_download_icon img {
    width: 40px;
    height: 40px; }

#recherche_resultat {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2px; }
  #recherche_resultat div {
    display: flex;
    margin: 0; }
  #recherche_resultat a:link, #recherche_resultat a:visited {
    color: black; }

@media (max-width: 1024px) {
  body {
    font-size: 9px; }

  .mobile {
    display: none; }

  .pc {
    display: flex; } }
@media (max-width: 1023px) {
  body {
    width: 100%;
    overflow: auto; }

  h1.mobile_block {
    border-bottom: 1px solid black;
    max-width: 66.66vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em; }

  .mobile {
    display: flex; }

  .mobile_block {
    display: block; }

  .pc {
    display: none; }

  .normal {
    left: 0px;
    overflow: hidden; }

  .cadre_central {
    display: block;
    /*
            & > div:first-child {
                padding-top: 1em;
                margin-left: auto;
                margin-right: auto;
            }
    */ }

  aside {
    width: 100%;
    min-width: inherit;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    padding: 0; }
    aside .aside_bon_cadeau {
      margin-bottom: 2em; }
      aside .aside_bon_cadeau h3 {
        margin: 1em 0; }

  footer div {
    text-align: center; }

  #recherche_resultat {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6px; }
    #recherche_resultat a:link, #recherche_resultat a:visited {
      color: blue; } }
@media (max-width: 767px) {
  body {
    font-size: 8.5px; }

  #catalogue_resultat {
    display: block; } }
/* CSS Document */
.boutons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.boutons_left {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.boutons_right {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.boutons_centre {
  display: flex;
  justify-content: center;
  align-items: center; }

button, .bouton {
  font-family: "Albert Sans";
  font-size: 1.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 1em;
  cursor: pointer; }
  button.default, .bouton.default {
    color: #1E1E1E;
    font-weight: 400;
    border: solid 1px white;
    background-color: white;
    border-radius: 6px;
    gap: 8px;
    line-height: 200%; }
    button.default a:link, button.default a:visited, button.default a:hover, button.default a:active, .bouton.default a:link, .bouton.default a:visited, .bouton.default a:hover, .bouton.default a:active {
      color: #1E1E1E;
      text-decoration: none;
      outline: none; }
    button.default:hover, .bouton.default:hover {
      color: #1E1E1E;
      border-color: #D9D9D9;
      background-color: white; }
    button.default:active, .bouton.default:active {
      color: #1E1E1E;
      border-color: #D9D9D9;
      background-color: white; }
  button.accent, .bouton.accent {
    color: white;
    font-weight: 700;
    border: solid 1px #6E0206;
    background-color: #6E0206;
    border-radius: 6px;
    gap: 8px;
    line-height: 200%; }
    button.accent a:link, button.accent a:visited, button.accent a:hover, button.accent a:active, .bouton.accent a:link, .bouton.accent a:visited, .bouton.accent a:hover, .bouton.accent a:active {
      color: white;
      text-decoration: none;
      outline: none; }
    button.accent:hover, .bouton.accent:hover {
      color: white;
      border-color: #A80006;
      background-color: #A80006; }
    button.accent:active, .bouton.accent:active {
      color: white;
      border-color: #A80006;
      background-color: #A80006; }
  button.discret, .bouton.discret {
    color: white;
    font-weight: 700;
    border: solid 1px white;
    border-radius: 6px;
    gap: 8px;
    line-height: 200%; }
    button.discret a:link, button.discret a:visited, button.discret a:hover, button.discret a:active, .bouton.discret a:link, .bouton.discret a:visited, .bouton.discret a:hover, .bouton.discret a:active {
      color: white;
      text-decoration: none;
      outline: none; }
    button.discret:hover, .bouton.discret:hover {
      color: white;
      background-color: rgba(0, 0, 0, 0.3); }
    button.discret:active, .bouton.discret:active {
      color: white;
      background-color: rvba(0, 0, 0, 30%); }

.bouton_vert {
  background-color: #9f9;
  background: linear-gradient(#dfd, #9f9); }
  .bouton_vert:active {
    background-color: #dfd;
    background: linear-gradient(#9f9, #dfd); }

.bouton_orange {
  color: #f9f9f9;
  background-color: #991e02;
  background: linear-gradient(#e99535, #991e02); }
  .bouton_orange:active {
    background-color: #e99535;
    background: linear-gradient(#991e02, #e99535); }

.bouton_bleu {
  background-color: #aabfec;
  background: linear-gradient(#f9f9f9, #aabfec); }
  .bouton_bleu:active {
    background-color: #f9f9f9;
    background: linear-gradient(#aabfec, #f9f9f9); }

.yes {
  width: 12px;
  height: 12px;
  background-image: url("/gif_png/Yes_check.png");
  background-repeat: no-repeat;
  margin-right: 0.25em; }

.no {
  width: 14px;
  height: 15px; }
  .no div:first-child {
    border-top: 2px solid red;
    transform: rotate(45deg) translate(3.5px, 5.5px); }
  .no div:last-child {
    border-top: 2px solid red;
    transform: rotate(-45deg) translate(-4px, 2px); }

@media (max-width: 1024px) {
  .bouton {
    font-size: 1.4em; } }
/* CSS Document */
/* ============= */
/* ACCUEIL */
#accueil {
  width: 100%;
  font-family: "Albert Sans"; }
  #accueil section {
    display: flex;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 5em 10em;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.4em;
    /*
            &.our_impact, &.our_vision {
    
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 6.4em;
    
                .container {
                    display: flex;
                    gap: 6.4em;
                    flex-shrink: 0;
    
                    .div_gauche {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 3.2em;
                        flex: 1 0 0;
                    }
    
                    .div_droite {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        flex: 2 0 0;
                        gap: 3.2em;
    
                        .row {
                            display: flex;
                            flex-wrap: wrap;
                            justify-content: space-around;
                            gap: 3em;
                            width: 100%;
    
                            .box {
                                display: flex;
                                width: 378px;
                                padding: 3em;
                                flex-direction: column;
                                align-items: flex-start;
                                gap: 0.8em;
                                background-color: $white;
                                box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 6px 10px 0px rgba(0, 0, 0, 0.09);
                            }
                        }
                    }
                }
            }
    */ }
    #accueil section.banner {
      padding-top: 12em;
      padding-bottom: 4em;
      background: linear-gradient(178deg, #000 2.66%, rgba(0, 0, 0, 0) 97.84%), url("/photos/backgrounds/hero.jpg") lightgray 50%/cover no-repeat; }
      #accueil section.banner h1, #accueil section.banner h3 {
        color: #F9F9F9; }
      #accueil section.banner > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 2.6em;
        padding-right: 16em;
        padding-left: 16em; }
      #accueil section.banner .container_boutons {
        display: flex;
        align-items: flex-start;
        gap: 26px; }
    #accueil section.our_story, #accueil section.our_impact, #accueil section.our_vision {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 6.4em; }
      #accueil section.our_story .container, #accueil section.our_impact .container, #accueil section.our_vision .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3.2em; }
        #accueil section.our_story .container.div_texte, #accueil section.our_impact .container.div_texte, #accueil section.our_vision .container.div_texte {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 6.4em;
          align-self: stretch; }
        #accueil section.our_story .container .card-row, #accueil section.our_impact .container .card-row, #accueil section.our_vision .container .card-row {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: flex-start;
          gap: 3.2em; }
          #accueil section.our_story .container .card-row .card, #accueil section.our_impact .container .card-row .card, #accueil section.our_vision .container .card-row .card {
            display: flex;
            padding: 1.6em;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            gap: 29px;
            flex: 1 0 0;
            align-self: stretch;
            background-color: white;
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 6px 10px 0px rgba(0, 0, 0, 0.09); }
            #accueil section.our_story .container .card-row .card .titre, #accueil section.our_impact .container .card-row .card .titre, #accueil section.our_vision .container .card-row .card .titre {
              justify-content: center;
              font-size: 2.4em;
              font-weight: 700;
              text-align: center;
              font-family: "Gentium Book Plus"; }
            #accueil section.our_story .container .card-row .card .texte, #accueil section.our_impact .container .card-row .card .texte, #accueil section.our_vision .container .card-row .card .texte {
              font-size: 1.6em;
              text-align: center;
              line-height: 200%; }
    #accueil section.SAS {
      gap: 3.2em;
      align-self: stretch;
      color: #F9F9F9;
      background-color: #1E1E1E; }
      #accueil section.SAS h1, #accueil section.SAS h2, #accueil section.SAS h3, #accueil section.SAS p {
        color: #F9F9F9; }
      #accueil section.SAS h1 {
        text-align: center; }
      #accueil section.SAS .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6.4em;
        width: 100%; }
        #accueil section.SAS .container .container_chiffres {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 1.6em;
          flex: 1 0 0;
          align-self: stretch; }
          #accueil section.SAS .container .container_chiffres .container_liste {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 1.6em;
            align-self: stretch; }
            #accueil section.SAS .container .container_chiffres .container_liste .list_item {
              display: flex;
              align-items: center;
              gap: 2.8em;
              align-self: stretch; }
              #accueil section.SAS .container .container_chiffres .container_liste .list_item .chiffre {
                color: #A80006;
                font-family: "Manrope", sans-serif;
                font-size: 5.4em;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 86.4px */
                max-width: 2em;
                flex: 1; }
              #accueil section.SAS .container .container_chiffres .container_liste .list_item .texte {
                color: white;
                font-family: "Albert Sans";
                font-size: 2.4em;
                font-style: normal;
                font-weight: 700;
                line-height: 160%;
                /* 38.4px */
                flex: 1; }
        #accueil section.SAS .container .container_youtube {
          display: flex;
          flex-direction: column;
          align-items: center;
          flex: 1 0 0;
          width: 100%;
          max-width: 100%; }
          #accueil section.SAS .container .container_youtube iframe {
            width: 100%;
            aspect-ratio: 16/9; }
      #accueil section.SAS .container_boutons {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 2.6em; }
    #accueil section.kkk {
      gap: 3.2em;
      font-family: "Albert Sans"; }
      #accueil section.kkk h1, #accueil section.kkk h2, #accueil section.kkk h3 {
        font-family: "Gentium Book Plus";
        color: #1E1E1E; }
      #accueil section.kkk h2 {
        align-self: stretch; }
      #accueil section.kkk p {
        font-family: "Albert Sans";
        font-size: 1.8em; }
      #accueil section.kkk .container {
        display: flex;
        align-items: center;
        gap: 6.4em; }
        #accueil section.kkk .container .div_image {
          display: flex;
          /*
          flex-direction: column;
          align-items: flex-start;
          gap: 10px;
          flex: 1 0 0;
          align-self: stretch;
          */ }
          #accueil section.kkk .container .div_image img {
            width: 550px;
            max-width: 100%; }
        #accueil section.kkk .container .container_box {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 3.2em;
          flex: 1 0 0;
          align-self: stretch; }
          #accueil section.kkk .container .container_box .container_liste {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 3.2em;
            align-self: stretch; }
            #accueil section.kkk .container .container_box .container_liste .list_item {
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              gap: 2.8em;
              align-self: stretch; }
              #accueil section.kkk .container .container_box .container_liste .list_item:last-child {
                border-bottom: none; }
              #accueil section.kkk .container .container_box .container_liste .list_item .titre {
                color: #A80006;
                text-align: center;
                font-family: "Manrope";
                font-size: 4.4em;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 86.4px */
                width: 30%; }
              #accueil section.kkk .container .container_box .container_liste .list_item .texte {
                color: #636363;
                font-family: "Albert Sans";
                font-size: 2.4em;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 38.4px */
                flex: 1 0 0; }
      #accueil section.kkk .boutons {
        display: flex;
        align-items: flex-start;
        gap: 26px; }
        #accueil section.kkk .boutons .discret {
          color: black;
          border: 1px solid #D9D9D9; }
    #accueil section.our_talents {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 6.4em;
      background-color: #1E1E1E; }
      #accueil section.our_talents h1, #accueil section.our_talents h2, #accueil section.our_talents h3, #accueil section.our_talents p {
        color: #F9F9F9; }
      #accueil section.our_talents .container {
        display: flex;
        align-items: center;
        gap: 6.4em; }
        #accueil section.our_talents .container .texte div:first-child p {
          margin-top: 0; }
        #accueil section.our_talents .container .texte div:last-child {
          margin-bottom: 0; }
        #accueil section.our_talents .container .div_image img {
          max-width: 100%; }
    #accueil section.actualite {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 6.4em;
      background-color: #1E1E1E; }
      #accueil section.actualite #actualite_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 1.6em; }
        #accueil section.actualite #actualite_container .evenement_actualite img {
          height: 400px;
          border-radius: 16px; }
    #accueil section.get_involved {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 3em;
      background-color: #6E0206;
      color: #F9F9F9; }
      #accueil section.get_involved .container {
        display: flex;
        align-items: flex-start;
        gap: 3.2em;
        align-self: stretch; }
        #accueil section.get_involved .container .card {
          display: flex;
          padding: 3.2em 3em;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          gap: 1em;
          flex: 1 0 0;
          color: #1E1E1E;
          background-color: #F9F9F9; }
          #accueil section.get_involved .container .card p {
            margin-bottom: 0; }
          #accueil section.get_involved .container .card li {
            list-style: disc;
            margin-left: 1em; }
          #accueil section.get_involved .container .card .div_boutons {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 3em;
            width: 100%; }
            #accueil section.get_involved .container .card .div_boutons > div {
              width: 100%; }
            #accueil section.get_involved .container .card .div_boutons .bouton {
              display: flex;
              flex-direction: column; }
    #accueil section.meet_our_team {
      display: flex;
      padding-top: 6.4em;
      padding-bottom: 6.4em;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 3.2em;
      align-self: stretch; }
      #accueil section.meet_our_team .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 6.4em 3.4em;
        align-self: stretch; }
        #accueil section.meet_our_team .container .card {
          display: flex;
          width: 320px;
          padding: 1.6em 3.2em;
          flex-direction: column;
          align-items: flex-start;
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 6px 10px 0px rgba(0, 0, 0, 0.09);
          background-color: white;
          align-self: stretch; }
          #accueil section.meet_our_team .container .card .profile {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.8em;
            flex: 1 0 0;
            align-self: stretch; }
            #accueil section.meet_our_team .container .card .profile .avatar {
              display: flex;
              width: 60px;
              height: 60px;
              justify-content: center;
              align-items: center;
              border-radius: 60px;
              filter: grayscale(1); }
            #accueil section.meet_our_team .container .card .profile .texte {
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 8px;
              align-self: stretch;
              flex: 1; }
              #accueil section.meet_our_team .container .card .profile .texte .nom {
                font-family: "Gentium Book Plus";
                text-align: center;
                font-size: 1.8em;
                font-style: normal;
                font-weight: 700;
                line-height: 200%;
                /* 36px */
                align-self: stretch; }
              #accueil section.meet_our_team .container .card .profile .texte .role {
                color: #6E0206;
                text-align: center;
                font-family: "Albert Sans";
                font-size: 1.4em;
                font-style: normal;
                font-weight: 700;
                line-height: 140%;
                /* 19.6px */
                letter-spacing: 1px;
                align-self: stretch; }
              #accueil section.meet_our_team .container .card .profile .texte .description {
                color: #636363;
                text-align: center;
                font-family: "Albert Sans";
                font-size: 1.6em;
                font-style: normal;
                font-weight: 400;
                line-height: 200%;
                /* 32px */
                flex: 1 0 0;
                align-self: stretch; }
            #accueil section.meet_our_team .container .card .profile .social_icons {
              display: flex;
              justify-content: center;
              align-items: center;
              gap: 1.6em;
              align-self: stretch; }
              #accueil section.meet_our_team .container .card .profile .social_icons img {
                width: 16px;
                height: 16px; }
    #accueil section.formulaire_final {
      display: flex;
      padding-top: 3.4em;
      padding-bottom: 3.4em;
      background-color: #1E1E1E;
      color: #F9F9F9;
      font-family: "Albert Sans";
      font-size: 1.8em;
      font-style: normal;
      font-weight: 400;
      line-height: 200%;
      /* 36px */
      margin-bottom: 2em; }
      #accueil section.formulaire_final h1, #accueil section.formulaire_final h2, #accueil section.formulaire_final h3, #accueil section.formulaire_final h4, #accueil section.formulaire_final p {
        color: #F9F9F9; }
      #accueil section.formulaire_final h2, #accueil section.formulaire_final h3, #accueil section.formulaire_final h4 {
        text-align: left; }
      #accueil section.formulaire_final .container {
        display: flex;
        align-items: flex-start;
        flex: 1 0 0;
        gap: 3.4em; }
        #accueil section.formulaire_final .container .form {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 3.2em;
          flex: 1 0 0;
          padding-right: 3em;
          padding-left: 3em;
          border-right: 1.5px solid #F9F9F9; }
          #accueil section.formulaire_final .container .form form {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: flex-start;
            gap: 1.8em;
            width: 100%;
            color: #F9F9F9; }
            #accueil section.formulaire_final .container .form form input, #accueil section.formulaire_final .container .form form textarea {
              font-family: "Albert Sans";
              width: 100%;
              line-height: 200%;
              background-color: #1E1E1E;
              color: #F9F9F9;
              border: 1.5px solid #F9F9F9; }
            #accueil section.formulaire_final .container .form form input[type="submit"] {
              background-color: #6E0206; }
            #accueil section.formulaire_final .container .form form input[type="submit"]:hover {
              background-color: #A80006; }
            #accueil section.formulaire_final .container .form form input::placeholder, #accueil section.formulaire_final .container .form form textarea::placeholder {
              opacity: 0.666; }
            #accueil section.formulaire_final .container .form form > div.bouton {
              color: #F9F9F9; }
            #accueil section.formulaire_final .container .form form ::placeholder {
              color: white; }
          #accueil section.formulaire_final .container .form .container_dons {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 3.2em;
            align-self: stretch; }
          #accueil section.formulaire_final .container .form .dons {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 0.25em;
            align-self: stretch; }
            #accueil section.formulaire_final .container .form .dons .ligne {
              /* display: flex;
              align-items: flex-start;
              gap: 1.6em;
              align-self: stretch;
              */ }
              #accueil section.formulaire_final .container .form .dons .ligne > div:first-child {
                font-weight: 700; }
        #accueil section.formulaire_final .container .form:last-child {
          border: none; }
    #accueil section.blog {
      flex-direction: column;
      width: 100%;
      max-width: 1728px;
      border: solid 1px #D9D9D9;
      background-color: #f9f9f9;
      padding: 0.5em 2em;
      margin: 2em auto; }
      #accueil section.blog * {
        text-align: left; }
      #accueil section.blog .vignette_photo_div {
        margin: 0 auto 2em auto; }
      #accueil section.blog p {
        margin: 0.5em 0; }
      #accueil section.blog ul {
        padding-left: 1em; }
        #accueil section.blog ul li {
          list-style-type: disc; }
      #accueil section.blog ol li {
        list-style-type: decimal; }
      #accueil section.blog blockquote {
        font-style: italic;
        border: solid 1px #999;
        background-color: #D9D9D9;
        padding: 0.5em 1em;
        color: black; }
      #accueil section.blog figure.table table {
        border-collapse: collapse; }
      #accueil section.blog figure.table td {
        border: solid 1px #999;
        padding: 2px 0.5em; }

@media (max-width: 1500px) {
  #accueil section {
    padding: 5em; }
    #accueil section.SAS .container, #accueil section.our_talents .container {
      flex-direction: column-reverse; }
    #accueil section.kkk .container, #accueil section.our_impact .container, #accueil section.our_vision .container, #accueil section.get_involved .container, #accueil section.formulaire_final .container {
      flex-direction: column; }
    #accueil section.formulaire_final .container .form {
      border-right: none; } }
@media (max-width: 1024px) {
  #accueil section.get_involved .container .card {
    width: 100%; } }
@media (max-width: 1023px) {
  #accueil section {
    padding: 2em; }
    #accueil section.banner > div {
      padding-right: 1em;
      padding-left: 1em; }
    #accueil section.kkk .container .container_box .container_liste .list_item .titre {
      width: 100%; }
    #accueil section.formulaire_final {
      padding: 3em 0; } }
@media (max-width: 767px) {
  #accueil section.banner > div {
    padding-right: 1em;
    padding-left: 1em; }
  #accueil section.SAS, #accueil section.kkk, #accueil section.our_story, #accueil section.our_talents, #accueil section.our_impact, #accueil section.our_vision, #accueil section.get_involved, #accueil section.meet_our_team, #accueil section.formulaire_final {
    gap: 1.6em; }
    #accueil section.SAS .container, #accueil section.kkk .container, #accueil section.our_story .container, #accueil section.our_talents .container, #accueil section.our_impact .container, #accueil section.our_vision .container, #accueil section.get_involved .container, #accueil section.meet_our_team .container, #accueil section.formulaire_final .container {
      gap: 1.6em; }
  #accueil section.our_story .container .card-row, #accueil section.our_impact .container .card-row, #accueil section.our_vision .container .card-row {
    gap: 1.6em; }
  #accueil section.SAS .container .container_chiffres .container_liste .list_item {
    flex-direction: column;
    gap: 1.4em; }
  #accueil section.get_involved .container .card {
    padding: 2em; }
  #accueil section.meet_our_team {
    padding-top: 2em;
    padding-bottom: 2em; }
    #accueil section.meet_our_team .container .card {
      padding: 1.6em; }
  #accueil section.formulaire_final {
    padding: 1em 0; }
    #accueil section.formulaire_final .container .form {
      gap: 0;
      padding-left: 1em;
      padding-right: 1em; }
      #accueil section.formulaire_final .container .form .container_dons {
        gap: 1.6em; }
      #accueil section.formulaire_final .container .form .dons .ligne {
        display: block; } }
@media (max-width: 425px) {
  #accueil section.our_story .container .card-row, #accueil section.our_impact .container .card-row, #accueil section.our_vision .container .card-row {
    flex-direction: column; } }
/* ================= */
/* CATALOGUE */
#catalogue_page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 64px;
  margin-bottom: 4em;
  padding-left: 16px;
  padding-right: 16px; }
  #catalogue_page .banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.24%, #FFF 100%), url("/photos/backgrounds/banner.jpg") lightgray 50%/cover no-repeat;
    height: 1000px;
    max-height: 100vh;
    padding: 0 160px; }
    #catalogue_page .banner > .container {
      width: 400px;
      max-width: 100%; }
      #catalogue_page .banner > .container h2 {
        text-align: left; }
      #catalogue_page .banner > .container form {
        display: flex;
        width: 640px;
        flex-direction: column;
        gap: 30px; }
        #catalogue_page .banner > .container form input {
          font-size: 2em;
          line-height: 200%; }
        #catalogue_page .banner > .container form input[type="text"] {
          text-transform: lowercase; }
  #catalogue_page .infos_haut_de_page {
    font-family: "Old Standard TT";
    display: flex;
    padding: 0 2em;
    align-items: center;
    justify-content: center;
    gap: 10px;
    align-self: stretch;
    border: 1px solid #F93149;
    border-radius: 4px;
    font-size: 1.2em; }
  #catalogue_page #catalogue_evenements {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 64px 32px;
    align-self: stretch;
    flex-wrap: wrap;
    font-family: "Old Standard TT";
    color: #1E1E1E;
    letter-spacing: 0.72px; }
    #catalogue_page #catalogue_evenements img {
      height: 22px; }
    #catalogue_page #catalogue_evenements #legendes {
      display: flex;
      width: 488px;
      max-width: 100%;
      padding: 16px;
      flex-direction: column;
      align-items: flex-start;
      gap: 54px;
      border-radius: 4px;
      border: 1px solid #6E0206;
      background: white;
      font-size: 1.8em;
      font-weight: 400;
      line-height: 200%;
      /* dicrete */
      box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 6px 10px 0px rgba(0, 0, 0, 0.09); }
      #catalogue_page #catalogue_evenements #legendes .flex_4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 4px;
        flex: 1 0 0; }
      #catalogue_page #catalogue_evenements #legendes .flex_8 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch; }
      #catalogue_page #catalogue_evenements #legendes .flex_10 {
        display: flex;
        align-items: center;
        gap: 10px; }
      #catalogue_page #catalogue_evenements #legendes .flex_16 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch; }
      #catalogue_page #catalogue_evenements #legendes .flex_32 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch; }
      #catalogue_page #catalogue_evenements #legendes .icones {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch; }
    #catalogue_page #catalogue_evenements .evenement_container {
      display: flex;
      min-width: 320px;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      flex: 1 0 30%; }
      #catalogue_page #catalogue_evenements .evenement_container .div_evenement {
        display: flex;
        height: 670px;
        width: 100%;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start; }
        #catalogue_page #catalogue_evenements .evenement_container .div_evenement a:link, #catalogue_page #catalogue_evenements .evenement_container .div_evenement a:hover, #catalogue_page #catalogue_evenements .evenement_container .div_evenement a:visited, #catalogue_page #catalogue_evenements .evenement_container .div_evenement a:active {
          text-decoration: none;
          color: black; }
      #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement {
        align-self: stretch; }
        #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement {
          display: flex;
          width: 317px;
          max-width: 100%;
          padding: 1em;
          flex-direction: column;
          align-items: flex-start;
          gap: 1em;
          background-color: white; }
          #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .type_evenement {
            font-size: 1.8em;
            color: #6E0206;
            line-height: 140%;
            letter-spacing: 1px; }
          #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .nom_evenement {
            font-family: "Albert Sans";
            font-size: 2em;
            font-weight: 700;
            color: #1E1E1E;
            line-height: 180%; }
          #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .sous_titre_evenement {
            color: #1E1E1E; }
          #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .container_date_heure_evenement {
            display: flex;
            align-items: center;
            gap: 16px;
            align-self: stretch;
            font-size: 1.4em;
            color: #1E1E1E; }
            #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .container_date_heure_evenement .date {
              display: flex;
              align-items: center;
              gap: 4px;
              flex: 1 0 0; }
            #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .container_date_heure_evenement .heure {
              display: flex;
              justify-content: center;
              align-items: center;
              gap: 4px; }
          #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .description_courte {
            color: #1E1E1E;
            font-size: 1.4em;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .valeur_evenement {
            display: flex;
            align-items: flex-start;
            align-content: flex-start;
            gap: 16px;
            align-self: stretch;
            flex-wrap: wrap; }
            #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .valeur_evenement .container_2_valeurs {
              display: flex;
              min-width: 80px;
              flex-direction: column;
              justify-content: center;
              align-items: flex-start;
              gap: 4px; }
              #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .valeur_evenement .container_2_valeurs .valeur {
                color: #1E1E1E;
                font-size: 1.4em;
                font-style: normal;
                font-weight: 400;
                display: flex;
                align-items: center;
                gap: 4px; }
          #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .info_commande {
            margin-top: 0.5em; }
          #catalogue_page #catalogue_evenements .evenement_container .container_infos_evenement .infos_evenement .lieu_evenement {
            display: flex;
            align-items: center;
            gap: 4px;
            align-self: stretch;
            font-size: 1.4em; }
      #catalogue_page #catalogue_evenements .evenement_container .bouton_inscription {
        display: flex;
        padding: 0.5em 1em;
        width: 100%;
        justify-content: center;
        align-items: center;
        font-family: "Albert Sans";
        font-size: 1.6em;
        font-weight: 700;
        line-height: 200%;
        color: rgba(255, 255, 255, 0.95);
        cursor: pointer; }
        #catalogue_page #catalogue_evenements .evenement_container .bouton_inscription.defaut {
          background-color: #6E0206; }
        #catalogue_page #catalogue_evenements .evenement_container .bouton_inscription.defaut:hover {
          background-color: #A80006; }
        #catalogue_page #catalogue_evenements .evenement_container .bouton_inscription.envoyee {
          background-color: #62C476; }
        #catalogue_page #catalogue_evenements .evenement_container .bouton_inscription.inscrit {
          background-color: black; }

@media (max-width: 1023px) {
  #catalogue_page {
    padding: 3em 0.5em; }
    #catalogue_page .banner {
      padding: 0 2em; } }
/*====================*/
/* Mentions légales */
.mentions_legales {
  background-color: #F9F9F9; }

#mentions_legales {
  max-width: 1728px; }
  #mentions_legales h3 {
    margin-top: 2em;
    margin-bottom: 0;
    text-align: left; }

@media (max-width: 767px) {
  .mentions_legales {
    background-image: none; } }
/*================ */
/* CGV */
#conditions h3 {
  margin-bottom: 2em;
  text-align: left; }

@media (max-width: 767px) {
  .conditions {
    background-image: none; } }
/* ================= */
/* RESPECT DES DONNEES */
.respect_donnees {
  background-color: #F9F9F9; }

#respect_donnees h3 {
  margin-bottom: 2em;
  text-align: left; }

@media (max-width: 767px) {
  .respect_donnees {
    background-image: none; } }
/* =============== */
/* RGPD */
.RGPD {
  background-color: #F9F9F9; }

#RGPD ol {
  counter-reset: item;
  padding-left: 0px;
  margin: 0; }
  #RGPD ol > li {
    font-size: 1.8em;
    padding: 14px 6px 4px 6px;
    list-style-type: none;
    counter-increment: item;
    height: 2.8em;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #999; }
    #RGPD ol > li a {
      font-weight: bold; }
    #RGPD ol > li a:link, #RGPD ol > li a:visited, #RGPD ol > li a:active {
      color: black;
      text-decoration: none; }
    #RGPD ol > li:before {
      display: inline-block;
      width: 1em;
      padding-right: 0.5em;
      font-weight: bold;
      text-align: right;
      content: counter(item) ")"; }
    #RGPD ol > li > ul > li {
      list-style-type: disc; }
#RGPD h3 {
  margin-bottom: 2em;
  text-align: left; }

@media (max-width: 767px) {
  .RGPD {
    background-image: none; } }
/* =============== */
/* FOOTER */
footer {
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  background: #1E1E1E;
  color: white;
  font-family: "Albert Sans";
  font-size: 1.4em;
  font-weight: 400;
  line-height: 180%;
  padding: 20px 100px;
  z-index: 999; }
  footer a:link, footer a:visited {
    color: white;
    text-decoration: none; }
  footer a:active, footer a:hover {
    color: white;
    text-decoration: underline; }

#infos_speciales {
  position: relative;
  width: 100%;
  background-color: white;
  color: black;
  box-sizing: border-box;
  padding: 0 4px;
  border: solid 1px black;
  text-align: left;
  font-size: 10px;
  margin-bottom: 200px; }
  #infos_speciales p {
    font-family: verdana, arial, sans-serif;
    font-size: 1.4em;
    line-height: normal;
    margin: 0.5em 0;
    padding: 0;
    letter-spacing: normal; }
  #infos_speciales a:link, #infos_speciales a:active, #infos_speciales a:visited {
    color: black; }

#infos_plus_moins {
  position: absolute;
  right: 0;
  top: 0;
  border: solid black 1px;
  font-size: 1.8em;
  background-color: #ddd;
  font-weight: bold; }
  #infos_plus_moins:hover {
    cursor: pointer; }

#div_info_test {
  position: fixed;
  display: flex;
  flex-direction: column;
  bottom: 60px;
  left: 1em;
  background-color: #D9D9D9;
  border: solid 1px #999;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-size: 0.8em;
  padding-bottom: 4px; }

.email {
  margin-top: 36vh;
  margin-bottom: 52vh;
  width: 100%;
  font-size: 2.5em;
  text-align: center;
  color: #1E1E1E;
  z-index: 999; }
  .email a:link, .email a:visited, .email a:hover, .email a:active {
    color: black;
    text-decoration: underline; }

@media (max-width: 767px) {
  footer {
    display: block;
    padding: 4px; }

  .email {
    font-size: 2em; } }
@media (max-width: 500px) {
  .email {
    font-size: 2em; } }

/*# sourceMappingURL=main.css.map */