@charset "UTF-8";
/* COULEURS */
/* splashpage */
/* breakpoint */
/* marges */
body {
  background-color: #FAF7F3;
}

/* temoin */
#temoin_mobile,
#temoin_desktop,
#temoin_large,
#temoin_tablette {
  display: none;
}

@media screen and (max-width: 800px) {
  #temoin_mobile {
    display: block;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1400px) {
  #temoin_desktop {
    display: block;
  }
}
@media only screen and (min-width: 1400px) {
  #temoin_large {
    display: block;
  }
}
@media screen and (max-aspect-ratio: 5/6) and (min-width: 800px) {
  #temoin_tablette {
    display: block;
  }
}
div, a, h1, h2, h3, h4, h5, h6, span, section, article, body, html, img, p, li, ul {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
     -moz-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
     -moz-margin-end: 0;
          margin-inline-end: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

b, strong {
  font-weight: normal;
}

a {
  text-decoration: none;
  color: inherit;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

@font-face {
  font-family: "simplon_bp";
  src: url("../../fonts/SimplonBPRegular-Italic.woff2") format("woff2"), url("../../fonts/SimplonBPRegular-Italic.woff") format("woff"), url("../../fonts/SimplonBPRegular-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "simplon_bp";
  src: url("../../fonts/SimplonBPRegular.woff2") format("woff2"), url("../../fonts/SimplonBPRegular.woff") format("woff"), url("../../fonts/SimplonBPRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "simplon_bp_mono";
  src: url("../../fonts/SimplonBPMono-Regular.woff2") format("woff2"), url("../../fonts/SimplonBPMono-Regular.woff") format("woff"), url("../../fonts/SimplonBPMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "simplon_bp_mono";
  src: url("../../fonts/SimplonBPMono-RegularItalic.woff2") format("woff2"), url("../../fonts/SimplonBPMono-RegularItalic.woff") format("woff"), url("../../fonts/SimplonBPMono-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
body {
  font-family: "simplon_bp", Arial, Helvetica, sans-serif;
}

/* MENU */
#menu {
  position: relative;
}
#menu .background {
  -webkit-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  transition: height 0.5s ease;
  top: 0;
  z-index: 2000;
  position: fixed;
  background-color: #2828AA;
  width: 100%;
}
#menu .blend {
  mix-blend-mode: multiply;
}
#menu .opac {
  opacity: 0.7;
}
#menu .wrapper {
  overflow: hidden;
  top: 0;
  width: 100%;
  z-index: 2200;
  position: fixed;
  top: 0;
  -webkit-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  transition: height 0.5s ease;
  overflow: hidden;
  cursor: pointer;
}
#menu .wrapper .click_detect {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
#menu .wrapper .croix {
  position: absolute;
  left: 12rem;
  top: 3.25rem;
  display: block;
  height: 2rem;
  width: 2rem;
  background-image: url("../../imgs/croix-blanche.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  z-index: 2200;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  display: none;
}
#menu .wrapper .logo {
  text-indent: -999999px;
  background-image: url("../../imgs/logo.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  height: 5rem;
  width: 12.8rem;
  display: block;
  position: absolute;
  right: 4rem;
  top: 1.75rem;
}
#menu .wrapper .menu_title {
  display: none;
}
#menu .wrapper .nav_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
}
#menu .wrapper .nav_wrapper nav {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 7rem;
  color: #FAF7F3;
  line-height: 1;
  margin-left: 4rem;
}
#menu .wrapper .nav_wrapper nav a {
  display: block;
  margin-bottom: 1.5rem;
  padding-right: 4rem;
}
#menu .wrapper .nav_wrapper nav a > span {
  display: block;
  position: relative;
  -webkit-transform: translate(4rem, 0);
     -moz-transform: translate(4rem, 0);
      -ms-transform: translate(4rem, 0);
       -o-transform: translate(4rem, 0);
          transform: translate(4rem, 0);
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  -o-transition: -o-transform 0.1s ease;
  -moz-transition: transform 0.1s ease, -moz-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
}
#menu .wrapper .nav_wrapper nav a:hover span {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media screen and (min-width: 800px) and (min-aspect-ratio: 5/6) {
  #menu .wrapper .logo {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  }
  #menu .wrapper .croix {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  }
  #menu .wrapper .burger {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  }

  #menu.scroll_down.close .background {
    height: 1.5rem;
  }
  #menu.scroll_down.close .wrapper {
    height: 1.5rem;
  }
  #menu.scroll_down.close .wrapper .logo {
    -webkit-transform: translate(0, -7rem);
       -moz-transform: translate(0, -7rem);
        -ms-transform: translate(0, -7rem);
         -o-transform: translate(0, -7rem);
            transform: translate(0, -7rem);
  }
  #menu.scroll_down.close .wrapper .croix {
    -webkit-transform: translate(0, -7rem);
       -moz-transform: translate(0, -7rem);
        -ms-transform: translate(0, -7rem);
         -o-transform: translate(0, -7rem);
            transform: translate(0, -7rem);
  }
  #menu.scroll_down.close .wrapper .burger {
    -webkit-transform: translate(0, -7rem);
       -moz-transform: translate(0, -7rem);
        -ms-transform: translate(0, -7rem);
         -o-transform: translate(0, -7rem);
            transform: translate(0, -7rem);
  }

  #menu:not(.scroll_down).close .background, #menu.scroll_down.close:hover .background {
    height: 8.5rem;
  }
  #menu:not(.scroll_down).close .wrapper, #menu.scroll_down.close:hover .wrapper {
    height: 8.5rem;
  }
  #menu:not(.scroll_down).close .wrapper .logo, #menu.scroll_down.close:hover .wrapper .logo {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  #menu:not(.scroll_down).close .wrapper .burger, #menu.scroll_down.close:hover .wrapper .burger {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  #menu:not(.scroll_down).close .wrapper .croix, #menu.scroll_down.close:hover .wrapper .croix {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
#menu:not(.close) .background {
  height: 100%;
}
#menu:not(.close) .wrapper {
  height: 100%;
}
#menu:not(.close) .wrapper .logo {
  -webkit-transform: translate(0, 1.75rem);
     -moz-transform: translate(0, 1.75rem);
      -ms-transform: translate(0, 1.75rem);
       -o-transform: translate(0, 1.75rem);
          transform: translate(0, 1.75rem);
}
#menu:not(.close) .wrapper .croix {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
#menu:not(.close) .wrapper .nav_wrapper nav {
  opacity: 1;
}

/* ******************************* */
/* ******************************* */
/* ******************************* */
/* BURGER		   		   */
/* ******************************* */
/* ******************************* */
/* ******************************* */
#menu .wrapper .burger {
  position: absolute;
  left: 4rem;
  top: 3.15rem;
  display: block;
  height: 2.2rem;
  width: 2.2rem;
  z-index: 2200;
  cursor: pointer;
}
#menu .wrapper .burger .for_animation {
  font-size: 0.9em;
  height: 100%;
  width: 100%;
  position: relative;
}
#menu .wrapper .burger .for_animation .b .wrap {
  position: absolute;
  height: 2.2rem;
  width: 2.2rem;
}
#menu .wrapper .burger .for_animation .b .element {
  position: absolute;
  background-color: #FFFFFF;
  display: block;
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -1.1rem;
}

#menu.close .wrapper .burger .for_animation .b1 .wrap_translation {
  -webkit-transition: -webkit-transform 0.2s ease 0.2s;
  transition: -webkit-transform 0.2s ease 0.2s;
  -o-transition: -o-transform 0.2s ease 0.2s;
  -moz-transition: transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s, -o-transform 0.2s ease 0.2s;
  -webkit-transform: translate(0, -0.8em);
     -moz-transform: translate(0, -0.8em);
      -ms-transform: translate(0, -0.8em);
       -o-transform: translate(0, -0.8em);
          transform: translate(0, -0.8em);
}
#menu.close .wrapper .burger .for_animation .b3 .wrap_translation {
  -webkit-transition: -webkit-transform 0.2s ease 0.2s;
  transition: -webkit-transform 0.2s ease 0.2s;
  -o-transition: -o-transform 0.2s ease 0.2s;
  -moz-transition: transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s, -o-transform 0.2s ease 0.2s;
  -webkit-transform: translate(0, 0.8em);
     -moz-transform: translate(0, 0.8em);
      -ms-transform: translate(0, 0.8em);
       -o-transform: translate(0, 0.8em);
          transform: translate(0, 0.8em);
}
#menu.close .wrapper .burger .for_animation .b1 .wrap_rotation {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: -o-transform 0.2s ease;
  -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}
#menu.close .wrapper .burger .for_animation .b2 .wrap_rotation {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: -o-transform 0.2s ease;
  -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}
#menu.close .wrapper .burger .for_animation .b3 .wrap_rotation {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: -o-transform 0.2s ease;
  -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}

#menu .wrapper .burger .for_animation .b1 .wrap_translation {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: -o-transform 0.2s ease;
  -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
  -webkit-transform: translate(0, 0em);
     -moz-transform: translate(0, 0em);
      -ms-transform: translate(0, 0em);
       -o-transform: translate(0, 0em);
          transform: translate(0, 0em);
}
#menu .wrapper .burger .for_animation .b3 .wrap_translation {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: -o-transform 0.2s ease;
  -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
  -webkit-transform: translate(0, 0em);
     -moz-transform: translate(0, 0em);
      -ms-transform: translate(0, 0em);
       -o-transform: translate(0, 0em);
          transform: translate(0, 0em);
}
#menu .wrapper .burger .for_animation .b1 .wrap_rotation {
  -webkit-transition: -webkit-transform 0.2s ease 0.2s;
  transition: -webkit-transform 0.2s ease 0.2s;
  -o-transition: -o-transform 0.2s ease 0.2s;
  -moz-transition: transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s, -o-transform 0.2s ease 0.2s;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#menu .wrapper .burger .for_animation .b2 .wrap_rotation {
  -webkit-transition: -webkit-transform 0.2s ease 0.2s;
  transition: -webkit-transform 0.2s ease 0.2s;
  -o-transition: -o-transform 0.2s ease 0.2s;
  -moz-transition: transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s, -o-transform 0.2s ease 0.2s;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
#menu .wrapper .burger .for_animation .b3 .wrap_rotation {
  -webkit-transition: -webkit-transform 0.2s ease 0.2s;
  transition: -webkit-transform 0.2s ease 0.2s;
  -o-transition: -o-transform 0.2s ease 0.2s;
  -moz-transition: transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s, -moz-transform 0.2s ease 0.2s, -o-transform 0.2s ease 0.2s;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* ******************************* */
/* ******************************* */
/* ******************************* */
/* MENU TABLETTE		   		   */
/* ******************************* */
/* ******************************* */
/* ******************************* */
@media screen and (max-aspect-ratio: 5/6) and (min-width: 800px) {
  #menu .background {
    height: 4rem;
  }
  #menu .wrapper {
    height: 4rem;
  }
  #menu .wrapper .click_detect {
    height: 4rem;
  }
  #menu .wrapper .croix {
    left: 4rem;
    top: 4rem;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, opacity 0.5s ease, -moz-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  }
  #menu .wrapper .logo {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
    -webkit-transform: translate(0, 4rem);
       -moz-transform: translate(0, 4rem);
        -ms-transform: translate(0, 4rem);
         -o-transform: translate(0, 4rem);
            transform: translate(0, 4rem);
    right: 4rem;
    top: 4rem;
  }
  #menu .wrapper .menu_title {
    text-indent: -999999px;
    background-image: url("../../imgs/menu.svg");
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    height: 1.7rem;
    width: 6.1rem;
    display: block;
    position: absolute;
    right: 2rem;
    top: 1.3rem;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
  }
  #menu .wrapper .nav_wrapper nav {
    margin-left: 4rem;
  }
  #menu .wrapper .nav_wrapper nav a > span {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  #menu:not(.close) .background, #menu:not(.close) .wrapper {
    height: 100%;
  }
  #menu:not(.close) .background .menu_title, #menu:not(.close) .wrapper .menu_title {
    -webkit-transform: translate(0, -8rem);
       -moz-transform: translate(0, -8rem);
        -ms-transform: translate(0, -8rem);
         -o-transform: translate(0, -8rem);
            transform: translate(0, -8rem);
  }
  #menu:not(.close) .background .logo, #menu:not(.close) .wrapper .logo {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  #menu:not(.close) .background .croix, #menu:not(.close) .wrapper .croix {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 1;
  }
}
/* ******************************* */
/* ******************************* */
/* ******************************* */
/* MENU MOBILE		   			   */
/* ******************************* */
/* ******************************* */
/* ******************************* */
@media screen and (max-width: 800px) {
  #menu .background {
    height: 4rem;
  }
  #menu .wrapper {
    height: 4rem;
  }
  #menu .wrapper .click_detect {
    height: 4rem;
  }
  #menu .wrapper .croix, #menu .wrapper .burger {
    left: 2rem;
    top: 2rem;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, opacity 0.5s ease, -moz-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  }
  #menu .wrapper .burger {
    display: none;
  }
  #menu .wrapper .croix {
    display: block;
  }
  #menu .wrapper .logo {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
    -webkit-transform: translate(0, 4rem);
       -moz-transform: translate(0, 4rem);
        -ms-transform: translate(0, 4rem);
         -o-transform: translate(0, 4rem);
            transform: translate(0, 4rem);
    right: 2rem;
    top: 2rem;
  }
  #menu .wrapper .menu_title {
    text-indent: -999999px;
    background-image: url("../../imgs/menu.svg");
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    height: 1.7rem;
    width: 6.1rem;
    display: block;
    position: absolute;
    right: 2rem;
    top: 1.3rem;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
  }
  #menu .wrapper .nav_wrapper nav {
    font-size: 4.5rem;
    margin-left: 2rem;
  }
  #menu .wrapper .nav_wrapper nav a > span {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  #menu:not(.close) .background, #menu:not(.close) .wrapper {
    height: 100%;
  }
  #menu:not(.close) .background .menu_title, #menu:not(.close) .wrapper .menu_title {
    -webkit-transform: translate(0, -4rem);
       -moz-transform: translate(0, -4rem);
        -ms-transform: translate(0, -4rem);
         -o-transform: translate(0, -4rem);
            transform: translate(0, -4rem);
  }
  #menu:not(.close) .background .logo, #menu:not(.close) .wrapper .logo {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  #menu:not(.close) .background .croix, #menu:not(.close) .wrapper .croix {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 1;
  }
  #menu:not(.close) .background .burger, #menu:not(.close) .wrapper .burger {
    opacity: 1;
  }
}
#page_header {
  margin-left: 4rem;
  margin-right: 4rem;
  color: #646464;
  padding-top: 12.5rem;
  position: relative;
  z-index: 100;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(12, 1fr);
}
#page_header .side {
  grid-column: 1/4;
}
#page_header .titre {
  grid-column: 4/7;
}
#page_header .retour {
  text-align: right;
  color: #AAAAAA;
  grid-column: 7/13;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#page_header .retour:hover {
  color: #303030;
}
#page_header .lien_internes {
  grid-column: 7/13;
}
#page_header .lien_internes .lien {
  color: #AAAAAA;
}
#page_header .type_archive {
  grid-column: 7/13;
  text-align: right;
}
#page_header .type_archive .lien {
  color: #AAAAAA;
}
#page_header .type_archive .lien .icone {
  margin-right: 0.1em;
  margin-left: 0.5em;
}
#page_header .type_archive .lien .icone svg, #page_header .type_archive .lien .icone rect {
  fill: #AAAAAA;
}
#page_header .type_archive .lien {
  color: #AAAAAA;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#page_header .type_archive .lien .icone svg rect {
  fill: #AAAAAA;
  -webkit-transition: fill 0.5s ease;
  -o-transition: fill 0.5s ease;
  -moz-transition: fill 0.5s ease;
  transition: fill 0.5s ease;
}
#page_header .type_archive .lien.current {
  color: #2828AA;
}
#page_header .type_archive .lien.current .icone svg rect {
  fill: #2828AA;
}

@media screen and (min-width: 800px) {
  #page_header .lien_internes .lien {
    -webkit-transition: color 0.2s ease, -webkit-transform 0.2s ease;
    transition: color 0.2s ease, -webkit-transform 0.2s ease;
    -o-transition: color 0.2s ease, -o-transform 0.2s ease;
    -moz-transition: color 0.2s ease, transform 0.2s ease, -moz-transform 0.2s ease;
    transition: color 0.2s ease, transform 0.2s ease;
    transition: color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
  }
  #page_header .lien_internes .lien:hover {
    color: #646464;
    -webkit-transform: translate(-2rem, 0);
       -moz-transform: translate(-2rem, 0);
        -ms-transform: translate(-2rem, 0);
         -o-transform: translate(-2rem, 0);
            transform: translate(-2rem, 0);
  }
}
@media screen and (max-width: 800px) {
  #page_header {
    margin-left: 2rem;
    margin-right: 2rem;
    padding-top: 6rem;
    gap: 1rem;
    grid-template-columns: repeat(6, 1fr);
  }
  #page_header .side {
    grid-column: 1/2;
  }
  #page_header .titre {
    text-align: right;
    grid-column: 2/7;
  }
  #page_header .retour {
    grid-column: 2/7;
    display: block;
  }
  #page_header .lien_internes {
    margin-top: 6rem;
    grid-column: 1/7;
  }
  #page_header .lien_internes .lien {
    margin-bottom: 0.2rem;
  }
  #page_header .type_archive .lien span:not(.icone) {
    display: none;
  }

  body.single_actualite #page_header .titre {
    display: none;
  }
}
#page_header.page_header_projet .categorie {
  grid-column: 1/4;
}
#page_header.page_header_projet .localisation {
  grid-column: 4/9;
}
#page_header.page_header_projet .date {
  grid-column: 9/11;
}
#page_header.page_header_projet .retour {
  grid-column: 11/13;
}

@media screen and (max-width: 800px) {
  #page_header.page_header_projet .categorie {
    grid-column: 1/4;
  }
  #page_header.page_header_projet .localisation {
    display: none;
  }
  #page_header.page_header_projet .date {
    display: none;
  }
  #page_header.page_header_projet .retour {
    grid-column: 4/7;
  }
}
.image_header {
  position: relative;
  height: 100vh;
  width: 100%;
  margin-bottom: -1.5rem;
  /* compense le décalage visuel du menu */
  cursor: pointer;
}
.image_header img {
  position: relative;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image_header .fleche {
  z-index: 3000;
  right: 4rem;
  bottom: 4rem;
  display: block;
  position: absolute;
  color: white;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .image_header {
    margin-bottom: -4rem;
    /* compense le décalage visuel du menu */
  }
  .image_header .fleche {
    right: 2rem;
    bottom: 2rem;
  }
}
html {
  font-size: 10px;
}

.titre_h0 {
  font-size: 7rem;
  line-height: 1;
}

.titre_regular_h1 {
  font-size: 4.4rem;
  line-height: 1.1;
}

.h1_exposant {
  font-size: 4.4rem;
  line-height: 1.1;
}

.titre_regular_h2 {
  font-size: 3.4rem;
  line-height: 1.18;
}

.titre_regular_h3 {
  font-size: 2.4rem;
  line-height: 1.25;
}

.simplon_reg_p1 {
  font-size: 1.6rem;
  line-height: 1.375;
}

.simplon_mono_p2 {
  font-family: "simplon_bp_mono", Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: 1.23;
}

.simplon_mono_p2_italic {
  font-family: "simplon_bp_mono", Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 1.23;
}

@media screen and (max-width: 800px) {
  html {
    font-size: 10px;
    font-size: 2.67vw;
  }

  .titre_h0 {
    font-size: 3.4rem;
    line-height: 1.18;
  }

  .titre_regular_h1 {
    font-size: 3.4rem;
  }

  .h1_exposant {
    font-size: 3.4rem;
  }

  .titre_regular_h2 {
    font-size: 3.4rem;
  }

  .titre_regular_h3 {
    font-size: 2rem;
  }

  .simplon_reg_p1 {
    font-size: 1.5rem;
  }

  .simplon_mono_p2 {
    font-size: 1.2rem;
  }

  .simplon_mono_p2_italic {
    font-size: 1.3rem;
  }

  .simplon_reg_p0 {
    font-size: 1.2rem;
    line-height: 1.17;
  }

  /* force changemet de typo */
  .simplon_reg_p1_mobile {
    font-family: "simplon_bp", Arial, Helvetica, sans-serif;
    line-height: 1.375;
    font-size: 1.5rem;
  }

  .titre_regular_h3_mobile {
    font-family: "simplon_bp", Arial, Helvetica, sans-serif;
    font-size: 2rem;
    line-height: 1.25;
  }
}
/* COULEURS */
body {
  background-color: #FAF7F3;
}

/* sur titre 
/* ligne au dessus / ligne en dessous 
*/
.sur_titre {
  color: #303030;
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  padding-top: 0.6rem;
  padding-bottom: 0.3rem;
}

.lien_hover {
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

/* DESKTOP */
.colonne_master {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(12, 1fr);
}

.colonne_master .col_desktop_1_1 {
  grid-column: 1 / 1;
}

.colonne_master .col_desktop_1_2 {
  grid-column: 1 / 2;
}

.colonne_master .col_desktop_1_3 {
  grid-column: 1 / 3;
}

.colonne_master .col_desktop_1_4 {
  grid-column: 1 / 4;
}

.colonne_master .col_desktop_1_5 {
  grid-column: 1 / 5;
}

.colonne_master .col_desktop_1_6 {
  grid-column: 1 / 6;
}

.colonne_master .col_desktop_1_7 {
  grid-column: 1 / 7;
}

.colonne_master .col_desktop_1_8 {
  grid-column: 1 / 8;
}

.colonne_master .col_desktop_1_9 {
  grid-column: 1 / 9;
}

.colonne_master .col_desktop_1_10 {
  grid-column: 1 / 10;
}

.colonne_master .col_desktop_1_11 {
  grid-column: 1 / 11;
}

.colonne_master .col_desktop_1_12 {
  grid-column: 1 / 12;
}

.colonne_master .col_desktop_1_13 {
  grid-column: 1 / 13;
}

.colonne_master .col_desktop_2_1 {
  grid-column: 2 / 1;
}

.colonne_master .col_desktop_2_2 {
  grid-column: 2 / 2;
}

.colonne_master .col_desktop_2_3 {
  grid-column: 2 / 3;
}

.colonne_master .col_desktop_2_4 {
  grid-column: 2 / 4;
}

.colonne_master .col_desktop_2_5 {
  grid-column: 2 / 5;
}

.colonne_master .col_desktop_2_6 {
  grid-column: 2 / 6;
}

.colonne_master .col_desktop_2_7 {
  grid-column: 2 / 7;
}

.colonne_master .col_desktop_2_8 {
  grid-column: 2 / 8;
}

.colonne_master .col_desktop_2_9 {
  grid-column: 2 / 9;
}

.colonne_master .col_desktop_2_10 {
  grid-column: 2 / 10;
}

.colonne_master .col_desktop_2_11 {
  grid-column: 2 / 11;
}

.colonne_master .col_desktop_2_12 {
  grid-column: 2 / 12;
}

.colonne_master .col_desktop_2_13 {
  grid-column: 2 / 13;
}

.colonne_master .col_desktop_3_1 {
  grid-column: 3 / 1;
}

.colonne_master .col_desktop_3_2 {
  grid-column: 3 / 2;
}

.colonne_master .col_desktop_3_3 {
  grid-column: 3 / 3;
}

.colonne_master .col_desktop_3_4 {
  grid-column: 3 / 4;
}

.colonne_master .col_desktop_3_5 {
  grid-column: 3 / 5;
}

.colonne_master .col_desktop_3_6 {
  grid-column: 3 / 6;
}

.colonne_master .col_desktop_3_7 {
  grid-column: 3 / 7;
}

.colonne_master .col_desktop_3_8 {
  grid-column: 3 / 8;
}

.colonne_master .col_desktop_3_9 {
  grid-column: 3 / 9;
}

.colonne_master .col_desktop_3_10 {
  grid-column: 3 / 10;
}

.colonne_master .col_desktop_3_11 {
  grid-column: 3 / 11;
}

.colonne_master .col_desktop_3_12 {
  grid-column: 3 / 12;
}

.colonne_master .col_desktop_3_13 {
  grid-column: 3 / 13;
}

.colonne_master .col_desktop_4_1 {
  grid-column: 4 / 1;
}

.colonne_master .col_desktop_4_2 {
  grid-column: 4 / 2;
}

.colonne_master .col_desktop_4_3 {
  grid-column: 4 / 3;
}

.colonne_master .col_desktop_4_4 {
  grid-column: 4 / 4;
}

.colonne_master .col_desktop_4_5 {
  grid-column: 4 / 5;
}

.colonne_master .col_desktop_4_6 {
  grid-column: 4 / 6;
}

.colonne_master .col_desktop_4_7 {
  grid-column: 4 / 7;
}

.colonne_master .col_desktop_4_8 {
  grid-column: 4 / 8;
}

.colonne_master .col_desktop_4_9 {
  grid-column: 4 / 9;
}

.colonne_master .col_desktop_4_10 {
  grid-column: 4 / 10;
}

.colonne_master .col_desktop_4_11 {
  grid-column: 4 / 11;
}

.colonne_master .col_desktop_4_12 {
  grid-column: 4 / 12;
}

.colonne_master .col_desktop_4_13 {
  grid-column: 4 / 13;
}

.colonne_master .col_desktop_5_1 {
  grid-column: 5 / 1;
}

.colonne_master .col_desktop_5_2 {
  grid-column: 5 / 2;
}

.colonne_master .col_desktop_5_3 {
  grid-column: 5 / 3;
}

.colonne_master .col_desktop_5_4 {
  grid-column: 5 / 4;
}

.colonne_master .col_desktop_5_5 {
  grid-column: 5 / 5;
}

.colonne_master .col_desktop_5_6 {
  grid-column: 5 / 6;
}

.colonne_master .col_desktop_5_7 {
  grid-column: 5 / 7;
}

.colonne_master .col_desktop_5_8 {
  grid-column: 5 / 8;
}

.colonne_master .col_desktop_5_9 {
  grid-column: 5 / 9;
}

.colonne_master .col_desktop_5_10 {
  grid-column: 5 / 10;
}

.colonne_master .col_desktop_5_11 {
  grid-column: 5 / 11;
}

.colonne_master .col_desktop_5_12 {
  grid-column: 5 / 12;
}

.colonne_master .col_desktop_5_13 {
  grid-column: 5 / 13;
}

.colonne_master .col_desktop_6_1 {
  grid-column: 6 / 1;
}

.colonne_master .col_desktop_6_2 {
  grid-column: 6 / 2;
}

.colonne_master .col_desktop_6_3 {
  grid-column: 6 / 3;
}

.colonne_master .col_desktop_6_4 {
  grid-column: 6 / 4;
}

.colonne_master .col_desktop_6_5 {
  grid-column: 6 / 5;
}

.colonne_master .col_desktop_6_6 {
  grid-column: 6 / 6;
}

.colonne_master .col_desktop_6_7 {
  grid-column: 6 / 7;
}

.colonne_master .col_desktop_6_8 {
  grid-column: 6 / 8;
}

.colonne_master .col_desktop_6_9 {
  grid-column: 6 / 9;
}

.colonne_master .col_desktop_6_10 {
  grid-column: 6 / 10;
}

.colonne_master .col_desktop_6_11 {
  grid-column: 6 / 11;
}

.colonne_master .col_desktop_6_12 {
  grid-column: 6 / 12;
}

.colonne_master .col_desktop_6_13 {
  grid-column: 6 / 13;
}

.colonne_master .col_desktop_7_1 {
  grid-column: 7 / 1;
}

.colonne_master .col_desktop_7_2 {
  grid-column: 7 / 2;
}

.colonne_master .col_desktop_7_3 {
  grid-column: 7 / 3;
}

.colonne_master .col_desktop_7_4 {
  grid-column: 7 / 4;
}

.colonne_master .col_desktop_7_5 {
  grid-column: 7 / 5;
}

.colonne_master .col_desktop_7_6 {
  grid-column: 7 / 6;
}

.colonne_master .col_desktop_7_7 {
  grid-column: 7 / 7;
}

.colonne_master .col_desktop_7_8 {
  grid-column: 7 / 8;
}

.colonne_master .col_desktop_7_9 {
  grid-column: 7 / 9;
}

.colonne_master .col_desktop_7_10 {
  grid-column: 7 / 10;
}

.colonne_master .col_desktop_7_11 {
  grid-column: 7 / 11;
}

.colonne_master .col_desktop_7_12 {
  grid-column: 7 / 12;
}

.colonne_master .col_desktop_7_13 {
  grid-column: 7 / 13;
}

.colonne_master .col_desktop_8_1 {
  grid-column: 8 / 1;
}

.colonne_master .col_desktop_8_2 {
  grid-column: 8 / 2;
}

.colonne_master .col_desktop_8_3 {
  grid-column: 8 / 3;
}

.colonne_master .col_desktop_8_4 {
  grid-column: 8 / 4;
}

.colonne_master .col_desktop_8_5 {
  grid-column: 8 / 5;
}

.colonne_master .col_desktop_8_6 {
  grid-column: 8 / 6;
}

.colonne_master .col_desktop_8_7 {
  grid-column: 8 / 7;
}

.colonne_master .col_desktop_8_8 {
  grid-column: 8 / 8;
}

.colonne_master .col_desktop_8_9 {
  grid-column: 8 / 9;
}

.colonne_master .col_desktop_8_10 {
  grid-column: 8 / 10;
}

.colonne_master .col_desktop_8_11 {
  grid-column: 8 / 11;
}

.colonne_master .col_desktop_8_12 {
  grid-column: 8 / 12;
}

.colonne_master .col_desktop_8_13 {
  grid-column: 8 / 13;
}

.colonne_master .col_desktop_9_1 {
  grid-column: 9 / 1;
}

.colonne_master .col_desktop_9_2 {
  grid-column: 9 / 2;
}

.colonne_master .col_desktop_9_3 {
  grid-column: 9 / 3;
}

.colonne_master .col_desktop_9_4 {
  grid-column: 9 / 4;
}

.colonne_master .col_desktop_9_5 {
  grid-column: 9 / 5;
}

.colonne_master .col_desktop_9_6 {
  grid-column: 9 / 6;
}

.colonne_master .col_desktop_9_7 {
  grid-column: 9 / 7;
}

.colonne_master .col_desktop_9_8 {
  grid-column: 9 / 8;
}

.colonne_master .col_desktop_9_9 {
  grid-column: 9 / 9;
}

.colonne_master .col_desktop_9_10 {
  grid-column: 9 / 10;
}

.colonne_master .col_desktop_9_11 {
  grid-column: 9 / 11;
}

.colonne_master .col_desktop_9_12 {
  grid-column: 9 / 12;
}

.colonne_master .col_desktop_9_13 {
  grid-column: 9 / 13;
}

.colonne_master .col_desktop_10_1 {
  grid-column: 10 / 1;
}

.colonne_master .col_desktop_10_2 {
  grid-column: 10 / 2;
}

.colonne_master .col_desktop_10_3 {
  grid-column: 10 / 3;
}

.colonne_master .col_desktop_10_4 {
  grid-column: 10 / 4;
}

.colonne_master .col_desktop_10_5 {
  grid-column: 10 / 5;
}

.colonne_master .col_desktop_10_6 {
  grid-column: 10 / 6;
}

.colonne_master .col_desktop_10_7 {
  grid-column: 10 / 7;
}

.colonne_master .col_desktop_10_8 {
  grid-column: 10 / 8;
}

.colonne_master .col_desktop_10_9 {
  grid-column: 10 / 9;
}

.colonne_master .col_desktop_10_10 {
  grid-column: 10 / 10;
}

.colonne_master .col_desktop_10_11 {
  grid-column: 10 / 11;
}

.colonne_master .col_desktop_10_12 {
  grid-column: 10 / 12;
}

.colonne_master .col_desktop_10_13 {
  grid-column: 10 / 13;
}

.colonne_master .col_desktop_11_1 {
  grid-column: 11 / 1;
}

.colonne_master .col_desktop_11_2 {
  grid-column: 11 / 2;
}

.colonne_master .col_desktop_11_3 {
  grid-column: 11 / 3;
}

.colonne_master .col_desktop_11_4 {
  grid-column: 11 / 4;
}

.colonne_master .col_desktop_11_5 {
  grid-column: 11 / 5;
}

.colonne_master .col_desktop_11_6 {
  grid-column: 11 / 6;
}

.colonne_master .col_desktop_11_7 {
  grid-column: 11 / 7;
}

.colonne_master .col_desktop_11_8 {
  grid-column: 11 / 8;
}

.colonne_master .col_desktop_11_9 {
  grid-column: 11 / 9;
}

.colonne_master .col_desktop_11_10 {
  grid-column: 11 / 10;
}

.colonne_master .col_desktop_11_11 {
  grid-column: 11 / 11;
}

.colonne_master .col_desktop_11_12 {
  grid-column: 11 / 12;
}

.colonne_master .col_desktop_11_13 {
  grid-column: 11 / 13;
}

.colonne_master .col_desktop_12_1 {
  grid-column: 12 / 1;
}

.colonne_master .col_desktop_12_2 {
  grid-column: 12 / 2;
}

.colonne_master .col_desktop_12_3 {
  grid-column: 12 / 3;
}

.colonne_master .col_desktop_12_4 {
  grid-column: 12 / 4;
}

.colonne_master .col_desktop_12_5 {
  grid-column: 12 / 5;
}

.colonne_master .col_desktop_12_6 {
  grid-column: 12 / 6;
}

.colonne_master .col_desktop_12_7 {
  grid-column: 12 / 7;
}

.colonne_master .col_desktop_12_8 {
  grid-column: 12 / 8;
}

.colonne_master .col_desktop_12_9 {
  grid-column: 12 / 9;
}

.colonne_master .col_desktop_12_10 {
  grid-column: 12 / 10;
}

.colonne_master .col_desktop_12_11 {
  grid-column: 12 / 11;
}

.colonne_master .col_desktop_12_12 {
  grid-column: 12 / 12;
}

.colonne_master .col_desktop_12_13 {
  grid-column: 12 / 13;
}

/* SMALL DESKTOP */
@media screen and (max-width: 1100px) {
  .colonne_master .col_small_desktop_1_1 {
    grid-column: 1 / 1;
  }

  .colonne_master .col_small_desktop_1_2 {
    grid-column: 1 / 2;
  }

  .colonne_master .col_small_desktop_1_3 {
    grid-column: 1 / 3;
  }

  .colonne_master .col_small_desktop_1_4 {
    grid-column: 1 / 4;
  }

  .colonne_master .col_small_desktop_1_5 {
    grid-column: 1 / 5;
  }

  .colonne_master .col_small_desktop_1_6 {
    grid-column: 1 / 6;
  }

  .colonne_master .col_small_desktop_1_7 {
    grid-column: 1 / 7;
  }

  .colonne_master .col_small_desktop_2_1 {
    grid-column: 2 / 1;
  }

  .colonne_master .col_small_desktop_2_2 {
    grid-column: 2 / 2;
  }

  .colonne_master .col_small_desktop_2_3 {
    grid-column: 2 / 3;
  }

  .colonne_master .col_small_desktop_2_4 {
    grid-column: 2 / 4;
  }

  .colonne_master .col_small_desktop_2_5 {
    grid-column: 2 / 5;
  }

  .colonne_master .col_small_desktop_2_6 {
    grid-column: 2 / 6;
  }

  .colonne_master .col_small_desktop_2_7 {
    grid-column: 2 / 7;
  }

  .colonne_master .col_small_desktop_3_1 {
    grid-column: 3 / 1;
  }

  .colonne_master .col_small_desktop_3_2 {
    grid-column: 3 / 2;
  }

  .colonne_master .col_small_desktop_3_3 {
    grid-column: 3 / 3;
  }

  .colonne_master .col_small_desktop_3_4 {
    grid-column: 3 / 4;
  }

  .colonne_master .col_small_desktop_3_5 {
    grid-column: 3 / 5;
  }

  .colonne_master .col_small_desktop_3_6 {
    grid-column: 3 / 6;
  }

  .colonne_master .col_small_desktop_3_7 {
    grid-column: 3 / 7;
  }

  .colonne_master .col_small_desktop_4_1 {
    grid-column: 4 / 1;
  }

  .colonne_master .col_small_desktop_4_2 {
    grid-column: 4 / 2;
  }

  .colonne_master .col_small_desktop_4_3 {
    grid-column: 4 / 3;
  }

  .colonne_master .col_small_desktop_4_4 {
    grid-column: 4 / 4;
  }

  .colonne_master .col_small_desktop_4_5 {
    grid-column: 4 / 5;
  }

  .colonne_master .col_small_desktop_4_6 {
    grid-column: 4 / 6;
  }

  .colonne_master .col_small_desktop_4_7 {
    grid-column: 4 / 7;
  }

  .colonne_master .col_small_desktop_5_1 {
    grid-column: 5 / 1;
  }

  .colonne_master .col_small_desktop_5_2 {
    grid-column: 5 / 2;
  }

  .colonne_master .col_small_desktop_5_3 {
    grid-column: 5 / 3;
  }

  .colonne_master .col_small_desktop_5_4 {
    grid-column: 5 / 4;
  }

  .colonne_master .col_small_desktop_5_5 {
    grid-column: 5 / 5;
  }

  .colonne_master .col_small_desktop_5_6 {
    grid-column: 5 / 6;
  }

  .colonne_master .col_small_desktop_5_7 {
    grid-column: 5 / 7;
  }

  .colonne_master .col_small_desktop_6_1 {
    grid-column: 6 / 1;
  }

  .colonne_master .col_small_desktop_6_2 {
    grid-column: 6 / 2;
  }

  .colonne_master .col_small_desktop_6_3 {
    grid-column: 6 / 3;
  }

  .colonne_master .col_small_desktop_6_4 {
    grid-column: 6 / 4;
  }

  .colonne_master .col_small_desktop_6_5 {
    grid-column: 6 / 5;
  }

  .colonne_master .col_small_desktop_6_6 {
    grid-column: 6 / 6;
  }

  .colonne_master .col_small_desktop_6_7 {
    grid-column: 6 / 7;
  }
}
/* TABLETTE  */
@media screen and (max-aspect-ratio: 5/6) and (min-width: 800px) {
  .colonne_master .col_tablette_1_1 {
    grid-column: 1 / 1;
  }

  .colonne_master .col_tablette_1_2 {
    grid-column: 1 / 2;
  }

  .colonne_master .col_tablette_1_3 {
    grid-column: 1 / 3;
  }

  .colonne_master .col_tablette_1_4 {
    grid-column: 1 / 4;
  }

  .colonne_master .col_tablette_1_5 {
    grid-column: 1 / 5;
  }

  .colonne_master .col_tablette_1_6 {
    grid-column: 1 / 6;
  }

  .colonne_master .col_tablette_1_7 {
    grid-column: 1 / 7;
  }

  .colonne_master .col_tablette_1_8 {
    grid-column: 1 / 8;
  }

  .colonne_master .col_tablette_1_9 {
    grid-column: 1 / 9;
  }

  .colonne_master .col_tablette_1_10 {
    grid-column: 1 / 10;
  }

  .colonne_master .col_tablette_1_11 {
    grid-column: 1 / 11;
  }

  .colonne_master .col_tablette_1_12 {
    grid-column: 1 / 12;
  }

  .colonne_master .col_tablette_1_13 {
    grid-column: 1 / 13;
  }

  .colonne_master .col_tablette_2_1 {
    grid-column: 2 / 1;
  }

  .colonne_master .col_tablette_2_2 {
    grid-column: 2 / 2;
  }

  .colonne_master .col_tablette_2_3 {
    grid-column: 2 / 3;
  }

  .colonne_master .col_tablette_2_4 {
    grid-column: 2 / 4;
  }

  .colonne_master .col_tablette_2_5 {
    grid-column: 2 / 5;
  }

  .colonne_master .col_tablette_2_6 {
    grid-column: 2 / 6;
  }

  .colonne_master .col_tablette_2_7 {
    grid-column: 2 / 7;
  }

  .colonne_master .col_tablette_2_8 {
    grid-column: 2 / 8;
  }

  .colonne_master .col_tablette_2_9 {
    grid-column: 2 / 9;
  }

  .colonne_master .col_tablette_2_10 {
    grid-column: 2 / 10;
  }

  .colonne_master .col_tablette_2_11 {
    grid-column: 2 / 11;
  }

  .colonne_master .col_tablette_2_12 {
    grid-column: 2 / 12;
  }

  .colonne_master .col_tablette_2_13 {
    grid-column: 2 / 13;
  }

  .colonne_master .col_tablette_3_1 {
    grid-column: 3 / 1;
  }

  .colonne_master .col_tablette_3_2 {
    grid-column: 3 / 2;
  }

  .colonne_master .col_tablette_3_3 {
    grid-column: 3 / 3;
  }

  .colonne_master .col_tablette_3_4 {
    grid-column: 3 / 4;
  }

  .colonne_master .col_tablette_3_5 {
    grid-column: 3 / 5;
  }

  .colonne_master .col_tablette_3_6 {
    grid-column: 3 / 6;
  }

  .colonne_master .col_tablette_3_7 {
    grid-column: 3 / 7;
  }

  .colonne_master .col_tablette_3_8 {
    grid-column: 3 / 8;
  }

  .colonne_master .col_tablette_3_9 {
    grid-column: 3 / 9;
  }

  .colonne_master .col_tablette_3_10 {
    grid-column: 3 / 10;
  }

  .colonne_master .col_tablette_3_11 {
    grid-column: 3 / 11;
  }

  .colonne_master .col_tablette_3_12 {
    grid-column: 3 / 12;
  }

  .colonne_master .col_tablette_3_13 {
    grid-column: 3 / 13;
  }

  .colonne_master .col_tablette_4_1 {
    grid-column: 4 / 1;
  }

  .colonne_master .col_tablette_4_2 {
    grid-column: 4 / 2;
  }

  .colonne_master .col_tablette_4_3 {
    grid-column: 4 / 3;
  }

  .colonne_master .col_tablette_4_4 {
    grid-column: 4 / 4;
  }

  .colonne_master .col_tablette_4_5 {
    grid-column: 4 / 5;
  }

  .colonne_master .col_tablette_4_6 {
    grid-column: 4 / 6;
  }

  .colonne_master .col_tablette_4_7 {
    grid-column: 4 / 7;
  }

  .colonne_master .col_tablette_4_8 {
    grid-column: 4 / 8;
  }

  .colonne_master .col_tablette_4_9 {
    grid-column: 4 / 9;
  }

  .colonne_master .col_tablette_4_10 {
    grid-column: 4 / 10;
  }

  .colonne_master .col_tablette_4_11 {
    grid-column: 4 / 11;
  }

  .colonne_master .col_tablette_4_12 {
    grid-column: 4 / 12;
  }

  .colonne_master .col_tablette_4_13 {
    grid-column: 4 / 13;
  }

  .colonne_master .col_tablette_5_1 {
    grid-column: 5 / 1;
  }

  .colonne_master .col_tablette_5_2 {
    grid-column: 5 / 2;
  }

  .colonne_master .col_tablette_5_3 {
    grid-column: 5 / 3;
  }

  .colonne_master .col_tablette_5_4 {
    grid-column: 5 / 4;
  }

  .colonne_master .col_tablette_5_5 {
    grid-column: 5 / 5;
  }

  .colonne_master .col_tablette_5_6 {
    grid-column: 5 / 6;
  }

  .colonne_master .col_tablette_5_7 {
    grid-column: 5 / 7;
  }

  .colonne_master .col_tablette_5_8 {
    grid-column: 5 / 8;
  }

  .colonne_master .col_tablette_5_9 {
    grid-column: 5 / 9;
  }

  .colonne_master .col_tablette_5_10 {
    grid-column: 5 / 10;
  }

  .colonne_master .col_tablette_5_11 {
    grid-column: 5 / 11;
  }

  .colonne_master .col_tablette_5_12 {
    grid-column: 5 / 12;
  }

  .colonne_master .col_tablette_5_13 {
    grid-column: 5 / 13;
  }

  .colonne_master .col_tablette_6_1 {
    grid-column: 6 / 1;
  }

  .colonne_master .col_tablette_6_2 {
    grid-column: 6 / 2;
  }

  .colonne_master .col_tablette_6_3 {
    grid-column: 6 / 3;
  }

  .colonne_master .col_tablette_6_4 {
    grid-column: 6 / 4;
  }

  .colonne_master .col_tablette_6_5 {
    grid-column: 6 / 5;
  }

  .colonne_master .col_tablette_6_6 {
    grid-column: 6 / 6;
  }

  .colonne_master .col_tablette_6_7 {
    grid-column: 6 / 7;
  }

  .colonne_master .col_tablette_6_8 {
    grid-column: 6 / 8;
  }

  .colonne_master .col_tablette_6_9 {
    grid-column: 6 / 9;
  }

  .colonne_master .col_tablette_6_10 {
    grid-column: 6 / 10;
  }

  .colonne_master .col_tablette_6_11 {
    grid-column: 6 / 11;
  }

  .colonne_master .col_tablette_6_12 {
    grid-column: 6 / 12;
  }

  .colonne_master .col_tablette_6_13 {
    grid-column: 6 / 13;
  }

  .colonne_master .col_tablette_7_1 {
    grid-column: 7 / 1;
  }

  .colonne_master .col_tablette_7_2 {
    grid-column: 7 / 2;
  }

  .colonne_master .col_tablette_7_3 {
    grid-column: 7 / 3;
  }

  .colonne_master .col_tablette_7_4 {
    grid-column: 7 / 4;
  }

  .colonne_master .col_tablette_7_5 {
    grid-column: 7 / 5;
  }

  .colonne_master .col_tablette_7_6 {
    grid-column: 7 / 6;
  }

  .colonne_master .col_tablette_7_7 {
    grid-column: 7 / 7;
  }

  .colonne_master .col_tablette_7_8 {
    grid-column: 7 / 8;
  }

  .colonne_master .col_tablette_7_9 {
    grid-column: 7 / 9;
  }

  .colonne_master .col_tablette_7_10 {
    grid-column: 7 / 10;
  }

  .colonne_master .col_tablette_7_11 {
    grid-column: 7 / 11;
  }

  .colonne_master .col_tablette_7_12 {
    grid-column: 7 / 12;
  }

  .colonne_master .col_tablette_7_13 {
    grid-column: 7 / 13;
  }

  .colonne_master .col_tablette_8_1 {
    grid-column: 8 / 1;
  }

  .colonne_master .col_tablette_8_2 {
    grid-column: 8 / 2;
  }

  .colonne_master .col_tablette_8_3 {
    grid-column: 8 / 3;
  }

  .colonne_master .col_tablette_8_4 {
    grid-column: 8 / 4;
  }

  .colonne_master .col_tablette_8_5 {
    grid-column: 8 / 5;
  }

  .colonne_master .col_tablette_8_6 {
    grid-column: 8 / 6;
  }

  .colonne_master .col_tablette_8_7 {
    grid-column: 8 / 7;
  }

  .colonne_master .col_tablette_8_8 {
    grid-column: 8 / 8;
  }

  .colonne_master .col_tablette_8_9 {
    grid-column: 8 / 9;
  }

  .colonne_master .col_tablette_8_10 {
    grid-column: 8 / 10;
  }

  .colonne_master .col_tablette_8_11 {
    grid-column: 8 / 11;
  }

  .colonne_master .col_tablette_8_12 {
    grid-column: 8 / 12;
  }

  .colonne_master .col_tablette_8_13 {
    grid-column: 8 / 13;
  }

  .colonne_master .col_tablette_9_1 {
    grid-column: 9 / 1;
  }

  .colonne_master .col_tablette_9_2 {
    grid-column: 9 / 2;
  }

  .colonne_master .col_tablette_9_3 {
    grid-column: 9 / 3;
  }

  .colonne_master .col_tablette_9_4 {
    grid-column: 9 / 4;
  }

  .colonne_master .col_tablette_9_5 {
    grid-column: 9 / 5;
  }

  .colonne_master .col_tablette_9_6 {
    grid-column: 9 / 6;
  }

  .colonne_master .col_tablette_9_7 {
    grid-column: 9 / 7;
  }

  .colonne_master .col_tablette_9_8 {
    grid-column: 9 / 8;
  }

  .colonne_master .col_tablette_9_9 {
    grid-column: 9 / 9;
  }

  .colonne_master .col_tablette_9_10 {
    grid-column: 9 / 10;
  }

  .colonne_master .col_tablette_9_11 {
    grid-column: 9 / 11;
  }

  .colonne_master .col_tablette_9_12 {
    grid-column: 9 / 12;
  }

  .colonne_master .col_tablette_9_13 {
    grid-column: 9 / 13;
  }

  .colonne_master .col_tablette_10_1 {
    grid-column: 10 / 1;
  }

  .colonne_master .col_tablette_10_2 {
    grid-column: 10 / 2;
  }

  .colonne_master .col_tablette_10_3 {
    grid-column: 10 / 3;
  }

  .colonne_master .col_tablette_10_4 {
    grid-column: 10 / 4;
  }

  .colonne_master .col_tablette_10_5 {
    grid-column: 10 / 5;
  }

  .colonne_master .col_tablette_10_6 {
    grid-column: 10 / 6;
  }

  .colonne_master .col_tablette_10_7 {
    grid-column: 10 / 7;
  }

  .colonne_master .col_tablette_10_8 {
    grid-column: 10 / 8;
  }

  .colonne_master .col_tablette_10_9 {
    grid-column: 10 / 9;
  }

  .colonne_master .col_tablette_10_10 {
    grid-column: 10 / 10;
  }

  .colonne_master .col_tablette_10_11 {
    grid-column: 10 / 11;
  }

  .colonne_master .col_tablette_10_12 {
    grid-column: 10 / 12;
  }

  .colonne_master .col_tablette_10_13 {
    grid-column: 10 / 13;
  }

  .colonne_master .col_tablette_11_1 {
    grid-column: 11 / 1;
  }

  .colonne_master .col_tablette_11_2 {
    grid-column: 11 / 2;
  }

  .colonne_master .col_tablette_11_3 {
    grid-column: 11 / 3;
  }

  .colonne_master .col_tablette_11_4 {
    grid-column: 11 / 4;
  }

  .colonne_master .col_tablette_11_5 {
    grid-column: 11 / 5;
  }

  .colonne_master .col_tablette_11_6 {
    grid-column: 11 / 6;
  }

  .colonne_master .col_tablette_11_7 {
    grid-column: 11 / 7;
  }

  .colonne_master .col_tablette_11_8 {
    grid-column: 11 / 8;
  }

  .colonne_master .col_tablette_11_9 {
    grid-column: 11 / 9;
  }

  .colonne_master .col_tablette_11_10 {
    grid-column: 11 / 10;
  }

  .colonne_master .col_tablette_11_11 {
    grid-column: 11 / 11;
  }

  .colonne_master .col_tablette_11_12 {
    grid-column: 11 / 12;
  }

  .colonne_master .col_tablette_11_13 {
    grid-column: 11 / 13;
  }

  .colonne_master .col_tablette_12_1 {
    grid-column: 12 / 1;
  }

  .colonne_master .col_tablette_12_2 {
    grid-column: 12 / 2;
  }

  .colonne_master .col_tablette_12_3 {
    grid-column: 12 / 3;
  }

  .colonne_master .col_tablette_12_4 {
    grid-column: 12 / 4;
  }

  .colonne_master .col_tablette_12_5 {
    grid-column: 12 / 5;
  }

  .colonne_master .col_tablette_12_6 {
    grid-column: 12 / 6;
  }

  .colonne_master .col_tablette_12_7 {
    grid-column: 12 / 7;
  }

  .colonne_master .col_tablette_12_8 {
    grid-column: 12 / 8;
  }

  .colonne_master .col_tablette_12_9 {
    grid-column: 12 / 9;
  }

  .colonne_master .col_tablette_12_10 {
    grid-column: 12 / 10;
  }

  .colonne_master .col_tablette_12_11 {
    grid-column: 12 / 11;
  }

  .colonne_master .col_tablette_12_12 {
    grid-column: 12 / 12;
  }

  .colonne_master .col_tablette_12_13 {
    grid-column: 12 / 13;
  }
}
/* MOBILE */
@media screen and (max-width: 800px) {
  .colonne_master {
    display: grid;
    gap: 1rem;
    color: blue;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 800px) {
  .colonne_master .col_mobile_1_1 {
    grid-column: 1 / 1;
  }

  .colonne_master .col_mobile_1_2 {
    grid-column: 1 / 2;
  }

  .colonne_master .col_mobile_1_3 {
    grid-column: 1 / 3;
  }

  .colonne_master .col_mobile_1_4 {
    grid-column: 1 / 4;
  }

  .colonne_master .col_mobile_1_5 {
    grid-column: 1 / 5;
  }

  .colonne_master .col_mobile_1_6 {
    grid-column: 1 / 6;
  }

  .colonne_master .col_mobile_1_7 {
    grid-column: 1 / 7;
  }

  .colonne_master .col_mobile_2_1 {
    grid-column: 2 / 1;
  }

  .colonne_master .col_mobile_2_2 {
    grid-column: 2 / 2;
  }

  .colonne_master .col_mobile_2_3 {
    grid-column: 2 / 3;
  }

  .colonne_master .col_mobile_2_4 {
    grid-column: 2 / 4;
  }

  .colonne_master .col_mobile_2_5 {
    grid-column: 2 / 5;
  }

  .colonne_master .col_mobile_2_6 {
    grid-column: 2 / 6;
  }

  .colonne_master .col_mobile_2_7 {
    grid-column: 2 / 7;
  }

  .colonne_master .col_mobile_3_1 {
    grid-column: 3 / 1;
  }

  .colonne_master .col_mobile_3_2 {
    grid-column: 3 / 2;
  }

  .colonne_master .col_mobile_3_3 {
    grid-column: 3 / 3;
  }

  .colonne_master .col_mobile_3_4 {
    grid-column: 3 / 4;
  }

  .colonne_master .col_mobile_3_5 {
    grid-column: 3 / 5;
  }

  .colonne_master .col_mobile_3_6 {
    grid-column: 3 / 6;
  }

  .colonne_master .col_mobile_3_7 {
    grid-column: 3 / 7;
  }

  .colonne_master .col_mobile_4_1 {
    grid-column: 4 / 1;
  }

  .colonne_master .col_mobile_4_2 {
    grid-column: 4 / 2;
  }

  .colonne_master .col_mobile_4_3 {
    grid-column: 4 / 3;
  }

  .colonne_master .col_mobile_4_4 {
    grid-column: 4 / 4;
  }

  .colonne_master .col_mobile_4_5 {
    grid-column: 4 / 5;
  }

  .colonne_master .col_mobile_4_6 {
    grid-column: 4 / 6;
  }

  .colonne_master .col_mobile_4_7 {
    grid-column: 4 / 7;
  }

  .colonne_master .col_mobile_5_1 {
    grid-column: 5 / 1;
  }

  .colonne_master .col_mobile_5_2 {
    grid-column: 5 / 2;
  }

  .colonne_master .col_mobile_5_3 {
    grid-column: 5 / 3;
  }

  .colonne_master .col_mobile_5_4 {
    grid-column: 5 / 4;
  }

  .colonne_master .col_mobile_5_5 {
    grid-column: 5 / 5;
  }

  .colonne_master .col_mobile_5_6 {
    grid-column: 5 / 6;
  }

  .colonne_master .col_mobile_5_7 {
    grid-column: 5 / 7;
  }

  .colonne_master .col_mobile_6_1 {
    grid-column: 6 / 1;
  }

  .colonne_master .col_mobile_6_2 {
    grid-column: 6 / 2;
  }

  .colonne_master .col_mobile_6_3 {
    grid-column: 6 / 3;
  }

  .colonne_master .col_mobile_6_4 {
    grid-column: 6 / 4;
  }

  .colonne_master .col_mobile_6_5 {
    grid-column: 6 / 5;
  }

  .colonne_master .col_mobile_6_6 {
    grid-column: 6 / 6;
  }

  .colonne_master .col_mobile_6_7 {
    grid-column: 6 / 7;
  }
}
.colonne_simple_master {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* DESKTOP */
.colonne_simple_master.desktop_6 > .col {
  width: -webkit-calc(16.66666% - 1.25rem);
  width: -moz-calc(16.66666% - 1.25rem);
  width: calc(16.66666% - 1.25rem);
}

.colonne_simple_master.desktop_4 > .col {
  width: -webkit-calc(25% - 1.125rem);
  width: -moz-calc(25% - 1.125rem);
  width: calc(25% - 1.125rem);
}

.colonne_simple_master.desktop_3 > .col {
  width: -webkit-calc(33.33% - 1rem);
  width: -moz-calc(33.33% - 1rem);
  width: calc(33.33% - 1rem);
}

.colonne_simple_master.desktop_2 > .col {
  width: -webkit-calc(50% - 0.75rem);
  width: -moz-calc(50% - 0.75rem);
  width: calc(50% - 0.75rem);
}

.colonne_simple_master.desktop_1 > .col {
  width: 100%;
}

.colonne_simple_master > .col {
  margin-left: 1.5rem;
}

.colonne_simple_master.desktop_6 > .col:nth-child(6n+1) {
  margin-left: 0;
}

.colonne_simple_master.desktop_4 > .col:nth-child(4n+1) {
  margin-left: 0;
}

.colonne_simple_master.desktop_3 > .col:nth-child(3n+1) {
  margin-left: 0;
}

.colonne_simple_master.desktop_2 > .col:nth-child(2n+1) {
  margin-left: 0;
}

.colonne_simple_master.desktop_1 > .col:nth-child(1n+1) {
  margin-left: 0;
}

/* SMALL DEKSTOP */
@media screen and (max-width: 1100px) and (min-width: 800px) {
  .colonne_simple_master.small_desktop_6 > .col {
    width: -webkit-calc(16.66666% - 1.25rem);
    width: -moz-calc(16.66666% - 1.25rem);
    width: calc(16.66666% - 1.25rem);
  }

  .colonne_simple_master.small_desktop_4 > .col {
    width: -webkit-calc(25% - 1.125rem);
    width: -moz-calc(25% - 1.125rem);
    width: calc(25% - 1.125rem);
  }

  .colonne_simple_master.small_desktop_3 > .col {
    width: -webkit-calc(33.33% - 1rem);
    width: -moz-calc(33.33% - 1rem);
    width: calc(33.33% - 1rem);
  }

  .colonne_simple_master.small_desktop_2 > .col {
    width: -webkit-calc(50% - 0.75rem);
    width: -moz-calc(50% - 0.75rem);
    width: calc(50% - 0.75rem);
  }

  .colonne_simple_master.small_desktop_1 > .col {
    width: 100%;
  }

  .colonne_simple_master > .col {
    margin-left: 1.5rem;
  }

  .colonne_simple_master.small_desktop_6 > .col:nth-child(6n+1) {
    margin-left: 0;
  }

  .colonne_simple_master.small_desktop_4 > .col:nth-child(4n+1) {
    margin-left: 0;
  }

  .colonne_simple_master.small_desktop_3 > .col:nth-child(3n+1) {
    margin-left: 0;
  }

  .colonne_simple_master.small_desktop_2 > .col:nth-child(2n+1) {
    margin-left: 0;
  }

  .colonne_simple_master.small_desktop_1 > .col:nth-child(1n+1) {
    margin-left: 0;
  }
}
/* MOBILE */
@media screen and (max-width: 800px) {
  .colonne_simple_master.mobile_6 > .col {
    width: -webkit-calc(16.66666% - 0.8333333333rem);
    width: -moz-calc(16.66666% - 0.8333333333rem);
    width: calc(16.66666% - 0.8333333333rem);
  }

  .colonne_simple_master.mobile_4 > .col {
    width: -webkit-calc(25% - 0.75rem);
    width: -moz-calc(25% - 0.75rem);
    width: calc(25% - 0.75rem);
  }

  .colonne_simple_master.mobile_3 > .col {
    width: -webkit-calc(33.33% - 0.6666666667rem);
    width: -moz-calc(33.33% - 0.6666666667rem);
    width: calc(33.33% - 0.6666666667rem);
  }

  .colonne_simple_master.mobile_2 > .col {
    width: -webkit-calc(50% - 0.5rem);
    width: -moz-calc(50% - 0.5rem);
    width: calc(50% - 0.5rem);
  }

  .colonne_simple_master.mobile_1 > .col {
    width: 100%;
  }

  .colonne_simple_master > .col {
    margin-left: 1rem;
  }

  .colonne_simple_master.mobile_6 > .col:nth-child(6n+1) {
    margin-left: 0;
  }

  .colonne_simple_master.mobile_4 > .col:nth-child(4n+1) {
    margin-left: 0;
  }

  .colonne_simple_master.mobile_3 > .col:nth-child(3n+1) {
    margin-left: 0;
  }

  .colonne_simple_master.mobile_2 > .col:nth-child(2n+1) {
    margin-left: 0;
  }

  .colonne_simple_master.mobile_1 > .col:nth-child(1n+1) {
    margin-left: 0;
  }
}
.main_bloc {
  margin-left: 4rem;
  margin-right: 4rem;
  margin-top: 2.5rem;
  padding-top: 5.5rem;
}

@media screen and (max-width: 800px) {
  .main_bloc {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 2rem;
    padding-top: 6rem;
  }
}
.slideshow {
  width: 100%;
  height: 70vh;
}
.slideshow .slideshow-wrapper {
  height: 100%;
  width: 100%;
}
.slideshow .slideshow-wrapper > div {
  height: 100%;
}
.slideshow .slideshow-wrapper .slick-track {
  height: 100%;
}
.slideshow .slideshow-slide {
  width: auto;
  height: 100%;
}
.slideshow .slideshow-slide img {
  height: 100%;
  margin-right: 1.5rem;
}
.slideshow .navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 2.6rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #646464;
}
.slideshow .navigation .fleches {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 30%;
  color: #646464;
}
.slideshow .navigation .fleches .fleche {
  width: 2.2rem;
  cursor: pointer;
}
.slideshow .navigation .points {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 30%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.slideshow .navigation .points .point {
  width: 1.1rem;
  text-align: center;
  cursor: pointer;
}
.slideshow .navigation .points .point > div {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #AAAAAA;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.slideshow .navigation .points .point.current > div {
  background-color: #303030;
}

@media screen and (max-aspect-ratio: 5/6) {
  .slideshow {
    height: 50vw;
  }
}
@media screen and (max-width: 800px) {
  .slideshow {
    height: 50vw;
  }
  .slideshow .navigation .fleches {
    margin-top: 0.2rem;
  }
  .slideshow .navigation .points {
    margin-top: 0.2rem;
  }
}
.retour_fin_de_page {
  text-align: center;
  color: #AAAAAA;
  margin-top: 0rem;
  margin-bottom: -4rem;
}

@media screen and (min-width: 800px) {
  .retour_fin_de_page {
    display: none;
  }
}
/* FOOTER */
#page_footer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  margin-left: 4rem;
  margin-right: 4rem;
  margin-bottom: 4rem;
  margin-top: 12rem;
  color: #646464;
}
#page_footer .colonne {
  margin-left: 1.5rem;
  width: 25%;
}
#page_footer .colonne > a {
  display: block;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#page_footer .colonne > a:hover {
  color: #303030;
}
#page_footer .colonne:first-child {
  margin-left: 0;
}

@media screen and (max-width: 800px) {
  #page_footer {
    gap: 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
    margin-top: 10rem;
  }
  #page_footer .colonne {
    margin-left: 0;
    padding-top: 1.2rem;
    padding-bottom: 0.8rem;
    border-top: 1px solid #AAAAAA;
    width: 100%;
  }
  #page_footer .colonne:last-child {
    padding-bottom: 0rem;
  }
}
main.actualites {
  /* MANSORY SYSTEM */
  /* design */
}
main.actualites .mansory_grid {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
main.actualites .mansory_grid.hide {
  opacity: 0;
}
main.actualites .mansory_column {
  width: 100%;
  margin-left: 1.5rem;
}
main.actualites .mansory_column:first-child {
  margin-left: 0;
}
main.actualites .masonry_item {
  position: relative;
  margin-bottom: 6rem;
}
main.actualites .mansory_column_old {
  display: none;
}
main.actualites .actualite .titre {
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  margin-top: 1rem;
  margin-bottom: 1.2rem;
  color: #646464;
}
main.actualites .actualite .image_part img {
  width: 100%;
}
main.actualites .actualite:hover .titre {
  color: #303030;
}

/* MOBILE */
main.actualite .content {
  color: #646464;
}
main.actualite .content .titre {
  margin-bottom: 8rem;
}
main.actualite .content .texte {
  margin-bottom: 8rem;
}
main.actualite .content .texte a {
  text-decoration: underline;
  -webkit-transition: color 2s ease;
  -o-transition: color 2s ease;
  -moz-transition: color 2s ease;
  transition: color 2s ease;
}
main.actualite .content .texte a:hover {
  color: #303030;
}
main.actualite .image_part img {
  width: 100%;
}
main.actualite .image_part .legende {
  margin-top: 0.8rem;
  color: #303030;
}
main.actualite .image_part_mobile {
  display: none;
}
main.actualite .image_part_desktop {
  display: block;
}
main.actualite .infos_et_documents .row {
  border-top: 1px solid #AAAAAA;
  color: #303030;
  padding-top: 0.6rem;
  padding-bottom: 0.3rem;
}
main.actualite .infos_et_documents .row.doc, main.actualite .infos_et_documents .row.lien {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.actualite .infos_et_documents .row.doc .telecharger, main.actualite .infos_et_documents .row.doc .voir, main.actualite .infos_et_documents .row.lien .telecharger, main.actualite .infos_et_documents .row.lien .voir {
  color: #AAAAAA;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
main.actualite .infos_et_documents .row.doc .telecharger:hover, main.actualite .infos_et_documents .row.doc .voir:hover, main.actualite .infos_et_documents .row.lien .telecharger:hover, main.actualite .infos_et_documents .row.lien .voir:hover {
  color: #303030;
}
main.actualite .infos_et_documents .row.title {
  color: #AAAAAA;
  border-top: 0px solid transparent;
}

@media screen and (max-width: 800px) {
  main.actualite .image_part_mobile {
    display: block;
  }
  main.actualite .image_part_desktop {
    display: none;
  }
  main.actualite .content .titre {
    margin-bottom: 4rem;
  }
  main.actualite .content .texte {
    margin-bottom: 4rem;
  }
  main.actualite .image_part {
    margin-bottom: 4rem;
  }
}
.actualites_autres {
  margin-top: 11rem;
}
.actualites_autres .titre_section {
  color: #646464;
  margin-bottom: 4.8rem;
}
.actualites_autres .wrapper {
  position: relative;
  color: #303030;
}
.actualites_autres .wrapper .actualite {
  position: relative;
}
.actualites_autres .wrapper .actualite .date {
  width: 100%;
}
.actualites_autres .wrapper .actualite .titre {
  padding-top: 0.6rem;
  color: #303030;
  min-height: 5em;
  width: 75%;
}
.actualites_autres .wrapper .actualite .lire {
  float: right;
  padding-top: 0.6rem;
  text-align: right;
  width: 25%;
  color: #AAAAAA;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.actualites_autres .wrapper .actualite .lire:hover {
  color: #303030;
}
.actualites_autres .wrapper .actualite .image_part {
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .actualites_autres .wrapper .actualite {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 800px) {
  .actualites_autres {
    margin-top: 2rem;
  }
  .actualites_autres .titre_section {
    margin-bottom: 2rem;
  }
  .actualites_autres .wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .actualites_autres .wrapper .actualite {
    width: 100%;
    margin-bottom: 3rem;
  }
  .actualites_autres .wrapper .actualite .titre {
    color: #646464;
    width: 100%;
    min-height: unset;
    margin-top: 0.8rem;
    margin-bottom: 1rem;
  }
  .actualites_autres .wrapper .actualite .lire {
    display: none;
  }
}
main.approche .approche_element .image_part {
  margin-bottom: 3.2rem;
}
main.approche .approche_element .image_part img {
  width: 100%;
}
main.approche .approche_element .titre {
  color: #646464;
}
main.approche .approche_element .content_part {
  color: #646464;
}
main.approche .approche_element .content_part .texte p:not(:first-child) {
  text-indent: 2em;
}
main.approche .approche_element .content_part .projets_lies {
  margin-top: 3.2rem;
}
main.approche .approche_element .content_part .projets_lies .row {
  display: block;
  border-bottom: 1px solid #AAAAAA;
  color: #303030;
  padding-top: 0.6rem;
  padding-bottom: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.approche .approche_element .content_part .projets_lies .row .lire {
  color: #AAAAAA;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
main.approche .approche_element .content_part .projets_lies .row .lire:hover {
  color: #303030;
}
main.approche .approche_element .content_part .projets_lies .row.title {
  color: #AAAAAA;
}

@media screen and (max-width: 800px) {
  main.approche .approche_element .image_part {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  main.approche .approche_element .titre_part {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 2rem;
  }
  main.approche .approche_element .content_part {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
main.approche .approche_element .titre_part {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.approche .approche_element .titre_part .vignette_conteneur {
  position: relative;
}
main.approche .approche_element .titre_part .vignette_conteneur .vignette {
  position: absolute;
  bottom: 0;
  left: 0;
  max-height: 30rem;
  max-width: 30rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
main.approche .approche_element .titre_part .vignette_conteneur .vignette.current {
  opacity: 1;
}

main.agence .image_head img {
  width: 100%;
}
main.agence .agence_element .title_part .title {
  color: #646464;
}
main.agence .agence_element .title_part .texte {
  margin-top: 4rem;
  color: #646464;
}
main.agence .agence_element .content_part .texte {
  color: #646464;
}
main.agence .agence_element {
  /* AFTER N */
  /* quand on a au moins de n éléments */
}
main.agence .agence_element .listing {
  width: 100%;
}
main.agence .agence_element .listing .listing_inside {
  border-bottom: 1px solid #AAAAAA;
}
main.agence .agence_element .listing .listing_inside .listing_element {
  border-bottom: 1px solid #AAAAAA;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1.7rem;
  cursor: pointer;
}
main.agence .agence_element .listing .listing_inside .listing_element .date {
  width: -webkit-calc(1 * (12.5% - 1.3125rem));
  width: -moz-calc(1 * (12.5% - 1.3125rem));
  width: calc(1 * (12.5% - 1.3125rem));
  color: #AAAAAA;
}
main.agence .agence_element .listing .listing_inside .listing_element .titre {
  color: #646464;
  width: -webkit-calc(6 * (12.5% - 1.3125rem) + 7.5rem);
  width: -moz-calc(6 * (12.5% - 1.3125rem) + 7.5rem);
  width: calc(6 * (12.5% - 1.3125rem) + 7.5rem);
}
main.agence .agence_element .listing .listing_inside .listing_element .croix {
  width: -webkit-calc(1 * (12.5% - 1.3125rem));
  width: -moz-calc(1 * (12.5% - 1.3125rem));
  width: calc(1 * (12.5% - 1.3125rem));
  color: #AAAAAA;
}
main.agence .agence_element .listing .listing_inside .listing_element .croix div {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  background-image: url("../../imgs/croix.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  height: 1.4rem;
  width: 1.4rem;
  float: right;
}
main.agence .agence_element .listing .listing_inside .listing_element .content {
  margin-top: 1.5rem;
  overflow: hidden;
  max-height: 0rem;
  -webkit-transition: max-height 0.5s ease, margin-bottom 0.5s ease;
  -o-transition: max-height 0.5s ease, margin-bottom 0.5s ease;
  -moz-transition: max-height 0.5s ease, margin-bottom 0.5s ease;
  transition: max-height 0.5s ease, margin-bottom 0.5s ease;
  margin-left: -webkit-calc(12.5% - 1.3125rem + 1.5rem);
  margin-left: -moz-calc(12.5% - 1.3125rem + 1.5rem);
  margin-left: calc(12.5% - 1.3125rem + 1.5rem);
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
main.agence .agence_element .listing .listing_inside .listing_element .texte {
  color: #646464;
  width: 80%;
}
main.agence .agence_element .listing .listing_inside .listing_element .content.avec_image .texte {
  width: 60%;
}
main.agence .agence_element .listing .listing_inside .listing_element .content.avec_image .image {
  mix-blend-mode: multiply;
  width: 30%;
  text-align: right;
}
main.agence .agence_element .listing .listing_inside .listing_element:last-child {
  border-bottom: 1px solid transparent;
}
main.agence .agence_element .listing .listing_inside .listing_element.open .content {
  max-height: 20rem;
  margin-bottom: 1.5rem;
}
main.agence .agence_element .listing .listing_inside .listing_element.open .croix div {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
main.agence .agence_element .listing .button_after {
  color: #646464;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  opacity: 0;
  padding-top: 1em;
}
main.agence .agence_element .listing .button_after.visible {
  opacity: 1;
  cursor: pointer;
}
main.agence .agence_element .listing .button_after:hover {
  color: #303030;
}
main.agence .agence_element .listing .button_after .plus {
  display: block;
}
main.agence .agence_element .listing .button_after .moins {
  display: none;
}
main.agence .agence_element .listing .after {
  -webkit-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
  max-height: 0;
  overflow: hidden;
  margin-bottom: -1px;
}
main.agence .agence_element .listing.open .button_after .plus {
  display: none;
}
main.agence .agence_element .listing.open .button_after .moins {
  display: block;
}

main.agence #introduction .content_part .texte, main.agence #locaux .content_part .texte, main.agence #engagements .content_part .texte {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
main.agence #equipe .content_part .membre {
  margin-bottom: 1.5rem;
}
main.agence #equipe .content_part .membre .image_part {
  position: relative;
}
main.agence #equipe .content_part .membre .image_part img {
  width: 100%;
}
main.agence #equipe .content_part .membre .nom {
  margin-top: 0.8rem;
  color: #646464;
}
main.agence #equipe .content_part .membre .poste {
  color: #AAAAAA;
}
main.agence #equipe .content_part .membre.cv .image_part .cv_button {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
main.agence #equipe .content_part .membre.cv .image_part .cv_button:after {
  content: "";
  margin-top: 0.5rem;
  display: block;
  height: 1.7rem;
  width: 1.2rem;
  background-image: url("../../imgs/download.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
}
main.agence #equipe .content_part .membre.cv:hover .image_part .cv_button {
  opacity: 1;
}
main.agence #locaux .content_part .texte {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

@media screen and (max-width: 800px) {
  /* GÉNÉRAL */
  main.agence .agence_element .title_part .texte {
    margin-top: 0;
  }
  main.agence .agence_element .listing .listing_inside .listing_element .date {
    width: -webkit-calc(1 * (16.6% - 0.8333333333rem));
    width: -moz-calc(1 * (16.6% - 0.8333333333rem));
    width: calc(1 * (16.6% - 0.8333333333rem));
  }
  main.agence .agence_element .listing .listing_inside .listing_element .titre {
    width: -webkit-calc(5 * (16.6% - 0.8333333333rem) + 4rem);
    width: -moz-calc(5 * (16.6% - 0.8333333333rem) + 4rem);
    width: calc(5 * (16.6% - 0.8333333333rem) + 4rem);
    padding-right: 2em;
  }
  main.agence .agence_element .listing .listing_inside .listing_element .croix {
    width: 1em;
    top: 1.2em;
    right: 0;
    position: absolute;
  }
  main.agence .agence_element .listing .listing_inside .listing_element .content {
    margin-top: 1rem;
    margin-left: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
  main.agence .agence_element .listing .listing_inside .listing_element .texte {
    width: 100%;
  }
  main.agence .agence_element .listing .listing_inside .listing_element .image {
    display: none;
  }
  main.agence .agence_element .listing .listing_inside .listing_element .content.avec_image .texte {
    width: 100% !important;
  }
  main.agence .agence_element .listing .listing_inside .listing_element .content.avec_image .image {
    display: none;
  }
  main.agence .agence_element .listing .listing_inside .listing_element.open .content {
    max-height: 100rem;
    margin-bottom: 1rem;
  }

  /* PARTICULIER */
  main.agence #introduction {
    padding-top: 0;
  }
  main.agence #introduction .content_part .texte, main.agence #locaux .content_part .texte, main.agence #engagements .content_part .texte {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
  main.agence #locaux .content_part .texte {
    margin-top: 2rem;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
  main.agence #equipe .title_part .texte {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  main.agence #equipe .content_part .membre.cv .image_part .cv_button {
    display: none;
  }
  main.agence #locaux .content_part .texte {
    margin-top: 0 !important;
  }
}
main.contact {
  /* partie 1 */
  /* partie 2 */
  /* partie 3 */
  /* partie 4 */
}
main.contact .adresse {
  color: #646464;
}
main.contact .adresse .adresses a {
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #646464;
  display: block;
}
main.contact .adresse .adresses a:hover {
  color: #303030;
}
main.contact .adresse .sociaux {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
main.contact .adresse .sociaux .icon {
  margin-left: 0.5rem;
  height: 2rem;
  width: 2rem;
  float: right;
  display: block;
  position: relative;
}
main.contact .adresse .sociaux .icon svg {
  height: 100%;
  width: 100%;
  fill: #AAAAAA;
  -webkit-transition: fill 0.5s ease;
  -o-transition: fill 0.5s ease;
  -moz-transition: fill 0.5s ease;
  transition: fill 0.5s ease;
}
main.contact .adresse .sociaux .icon:hover svg {
  fill: #646464;
}
main.contact .visuels {
  height: 40vw;
  position: relative;
}
main.contact .visuels .image_part {
  height: 100%;
  position: relative;
  background-color: #AAAAAA;
  overflow: hidden;
}
main.contact .visuels .image_part img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main.contact .visuels .carte_part {
  background-color: #AAAAAA;
}
main.contact .visuels .carte_part .map {
  height: 100%;
  width: 100%;
}
main.contact .emploi_et_stages .titre_part {
  color: #646464;
  margin-bottom: 2rem;
}
main.contact .emploi_et_stages .texte_part {
  color: #303030;
  padding-right: 2em;
}
main.contact .emploi_et_stages .list_part .annonce {
  width: 100%;
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(9, 1fr);
}
main.contact .emploi_et_stages .list_part .annonce .titre {
  grid-column: 1/5;
  color: #646464;
}
main.contact .emploi_et_stages .list_part .annonce .date {
  grid-column: 5/8;
  color: #646464;
}
main.contact .emploi_et_stages .list_part .annonce .date .prefix {
  display: none;
}
main.contact .emploi_et_stages .list_part .annonce .document {
  grid-column: 8/10;
  color: #AAAAAA;
  text-align: right;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
main.contact .emploi_et_stages .list_part .annonce .document:hover {
  color: #646464;
}
main.contact .credits .titre_part {
  color: #646464;
}
main.contact .credits .texte_part {
  color: #AAAAAA;
}
main.contact .credits .texte_part a {
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
main.contact .credits .texte_part a:hover {
  color: #646464;
}

@media screen and (max-width: 800px) {
  main.contact {
    /* partie 1 */
    /* partie 2 */
    /* partie 3 */
  }
  main.contact .adresse {
    position: relative;
  }
  main.contact .adresse .adresse_physique {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  main.contact .adresse .adresses {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  main.contact .adresse .sociaux {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
  main.contact .visuels {
    height: -webkit-calc(100vw - 4rem);
    height: -moz-calc(100vw - 4rem);
    height: calc(100vw - 4rem);
    padding-top: 2rem;
  }
  main.contact .visuels .image_part {
    display: none;
  }
  main.contact .emploi_et_stages .titre_part {
    margin-bottom: 1rem;
  }
  main.contact .emploi_et_stages .texte_part {
    padding-right: 0;
    margin-bottom: 3rem;
  }
  main.contact .emploi_et_stages .list_part .annonce {
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    display: block;
  }
  main.contact .emploi_et_stages .list_part .annonce .date {
    color: #AAAAAA;
  }
  main.contact .emploi_et_stages .list_part .annonce .date .prefix {
    display: inline;
  }
  main.contact .emploi_et_stages .list_part .annonce .document {
    text-align: left;
  }
  main.contact .credits {
    padding-top: 2rem;
  }
}
.carte_marker {
  display: block;
  width: 4rem;
  height: 4rem;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #2828AA;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

main.splashpage {
  /* slideshow */
  /* video */
}
main.splashpage .logo {
  z-index: 3000;
  text-indent: -999999px;
  background-image: url("../../imgs/logo.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  height: 5rem;
  width: 12.8rem;
  display: block;
  position: absolute;
  right: 4rem;
  top: 4rem;
}
main.splashpage .fleche {
  z-index: 3000;
  right: 4rem;
  bottom: 0;
  margin-bottom: 4rem;
  display: block;
  position: absolute;
  color: white;
  cursor: pointer;
}
main.splashpage .splashpage_slideshow {
  height: 100vh;
  width: 100%;
}
main.splashpage .splashpage_slideshow .splashpage_slideshow_wrapper {
  height: 100%;
  width: 100%;
}
main.splashpage .splashpage_slideshow .splashpage_slideshow_wrapper .splashpage_slideshow_slide {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
main.splashpage .splashpage_slideshow .splashpage_slideshow_wrapper .splashpage_slideshow_slide img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
main.splashpage .splashpage_slideshow .splashpage_slideshow_wrapper .splashpage_slideshow_slide .legende {
  color: white;
  position: absolute;
  min-height: 4em;
  bottom: 0;
  margin-bottom: 4rem;
  left: 4rem;
  width: 70%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
main.splashpage .splashpage_slideshow .splashpage_slideshow_wrapper .splashpage_slideshow_slide {
  opacity: 0;
  z-index: 1000;
}
main.splashpage .splashpage_slideshow .splashpage_slideshow_wrapper .splashpage_slideshow_slide.precedent {
  opacity: 1;
  z-index: 1100;
}
main.splashpage .splashpage_slideshow .splashpage_slideshow_wrapper .splashpage_slideshow_slide.current {
  opacity: 1;
  z-index: 1200;
}
main.splashpage .splashpage_slideshow.loaded .splashpage_slideshow_wrapper .splashpage_slideshow_slide {
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
main.splashpage .splashpage_video {
  height: 100vh;
  width: 100%;
}
main.splashpage .splashpage_video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

@media screen and (max-width: 800px) {
  main.splashpage .logo {
    right: 2rem;
    top: 2rem;
  }
  main.splashpage .fleche {
    right: 2rem;
    margin-bottom: 2rem;
  }
  main.splashpage .splashpage_slideshow .splashpage_slideshow_slide .legende {
    margin-bottom: 2rem;
    left: 2rem;
  }
}
body.splashpage {
  overflow: scroll;
}
body.splashpage #menu .background, body.splashpage #menu .wrapper {
  -webkit-transform: translate(0, 100vh);
     -moz-transform: translate(0, 100vh);
      -ms-transform: translate(0, 100vh);
       -o-transform: translate(0, 100vh);
          transform: translate(0, 100vh);
}
body.splashpage .for_load {
  display: block;
  position: relative;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  -o-transition: -o-transform 1s ease;
  -moz-transition: transform 1s ease, -moz-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.splashpage main.splashpage {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  -o-transition: -o-transform 1s ease;
  -moz-transition: transform 1s ease, -moz-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

body.splashpage.transition {
  overflow: auto;
}
body.splashpage.transition #menu .background, body.splashpage.transition #menu .wrapper {
  -webkit-transition: height 0.5s ease, -webkit-transform 1s ease;
  transition: height 0.5s ease, -webkit-transform 1s ease;
  -o-transition: height 0.5s ease, -o-transform 1s ease;
  -moz-transition: height 0.5s ease, transform 1s ease, -moz-transform 1s ease;
  transition: height 0.5s ease, transform 1s ease;
  transition: height 0.5s ease, transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.splashpage.transition .for_load {
  -webkit-transform: translate(0, -100vh);
     -moz-transform: translate(0, -100vh);
      -ms-transform: translate(0, -100vh);
       -o-transform: translate(0, -100vh);
          transform: translate(0, -100vh);
}
body.splashpage.transition main.splashpage {
  -webkit-transform: translate(0, -100vh);
     -moz-transform: translate(0, -100vh);
      -ms-transform: translate(0, -100vh);
       -o-transform: translate(0, -100vh);
          transform: translate(0, -100vh);
}

body.splashpage.after_transition {
  overflow: auto;
}
body.splashpage.after_transition #menu .background, body.splashpage.after_transition #menu .wrapper {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.splashpage.after_transition .for_load {
  -webkit-transition: -webkit-transform 0s ease;
  transition: -webkit-transform 0s ease;
  -o-transition: -o-transform 0s ease;
  -moz-transition: transform 0s ease, -moz-transform 0s ease;
  transition: transform 0s ease;
  transition: transform 0s ease, -webkit-transform 0s ease, -moz-transform 0s ease, -o-transform 0s ease;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.splashpage.after_transition main.splashpage {
  -webkit-transition: -webkit-transform 0s ease;
  transition: -webkit-transform 0s ease;
  -o-transition: -o-transform 0s ease;
  -moz-transition: transform 0s ease, -moz-transform 0s ease;
  transition: transform 0s ease;
  transition: transform 0s ease, -webkit-transform 0s ease, -moz-transform 0s ease, -o-transform 0s ease;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

main.mentions_legales .contenu {
  color: #646464;
}

@media screen and (max-width: 800px) {
  .contenu {
    color: #646464;
  }
}
main.projets.a_la_une .entete_part .entete {
  color: #646464;
}
main.projets.a_la_une .projet {
  margin-bottom: 6rem;
}
main.projets.a_la_une .projet .titre_part {
  margin-top: 1rem;
}
main.projets.a_la_une .projet .titre_part .titre {
  color: #646464;
}
main.projets.a_la_une .projet .image_part img {
  width: 100%;
}

@media screen and (max-width: 800px) {
  main.projets.a_la_une .projet {
    margin-bottom: 2rem;
  }
}
main.projets.a_la_une {
  /* colonnage particulier */
  /* parce que filtre projet empêche d'utiliser nth-child */
}
main.projets.a_la_une .content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: 2.5rem;
}
main.projets.a_la_une .content .projet {
  margin-left: 1.5rem;
  width: -webkit-calc(33.33% - 1.5rem);
  width: -moz-calc(33.33% - 1.5rem);
  width: calc(33.33% - 1.5rem);
}

@media screen and (max-width: 800px) {
  main.projets.a_la_une .content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: 2rem;
  }
  main.projets.a_la_une .content .projet {
    margin-left: 0;
    width: 100%;
  }
}
main.projets .projets_filtres {
  display: block;
}
main.projets .projets_filtres .head {
  color: #303030;
  border-top: 1px solid #AAAAAA;
  padding-top: 0.7rem;
  padding-bottom: 0.3rem;
}
main.projets .projets_filtres .col_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
main.projets .projets_filtres .col_wrapper .part {
  width: 33.3%;
  margin-left: 1.5rem;
  color: #303030;
  border-top: 1px solid #AAAAAA;
  padding-top: 0.7rem;
}
main.projets .projets_filtres .col_wrapper .part:first-child {
  margin-left: 0;
}
main.projets .projets_filtres .col_wrapper .part .titre {
  margin-bottom: 0.5em;
  cursor: pointer;
}
main.projets .projets_filtres .col_wrapper .part .titre:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1.3rem;
  background-image: url("../../imgs/fleche-donnees.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  float: right;
  -webkit-transition: -webkit-transform 0.7s ease;
  transition: -webkit-transform 0.7s ease;
  -o-transition: -o-transform 0.7s ease;
  -moz-transition: transform 0.7s ease, -moz-transform 0.7s ease;
  transition: transform 0.7s ease;
  transition: transform 0.7s ease, -webkit-transform 0.7s ease, -moz-transform 0.7s ease, -o-transform 0.7s ease;
  cursor: pointer;
}
main.projets .projets_filtres .col_wrapper .part .filtres {
  max-height: 0;
  -webkit-transition: max-height 0.7s ease;
  -o-transition: max-height 0.7s ease;
  -moz-transition: max-height 0.7s ease;
  transition: max-height 0.7s ease;
  overflow: hidden;
  border-bottom: 1px solid #AAAAAA;
}
main.projets .projets_filtres .col_wrapper .part .filtre {
  margin-bottom: 0.5em;
  cursor: pointer;
}
main.projets .projets_filtres .col_wrapper .part .filtre:first-child {
  margin-top: 0.5em;
}
main.projets .projets_filtres .col_wrapper .part .filtre:after {
  content: "";
  display: block;
  float: right;
  height: 0.65em;
  width: 0.65em;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #646464;
}
main.projets .projets_filtres .col_wrapper .part .filtre.selected:after {
  background-color: #2828AA;
}
main.projets .projets_filtres .col_wrapper .part.open .titre:after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
main.projets .projets_filtres .col_wrapper .part.open .filtres {
  max-height: 25rem;
}

@media screen and (max-width: 800px) {
  main.projets .projets_filtres .head {
    border-bottom: 1px solid #AAAAAA;
  }
  main.projets .projets_filtres .head:after {
    content: "";
    display: block;
    width: 1rem;
    height: 1.3rem;
    background-image: url("../../imgs/fleche-donnees.svg");
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    float: right;
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: -webkit-transform 0.7s ease;
    -o-transition: -o-transform 0.7s ease;
    -moz-transition: transform 0.7s ease, -moz-transform 0.7s ease;
    transition: transform 0.7s ease;
    transition: transform 0.7s ease, -webkit-transform 0.7s ease, -moz-transform 0.7s ease, -o-transform 0.7s ease;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  main.projets .projets_filtres .col_wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.7s ease;
    -o-transition: max-height 0.7s ease;
    -moz-transition: max-height 0.7s ease;
    transition: max-height 0.7s ease;
  }
  main.projets .projets_filtres .col_wrapper .part {
    border-top: 0px solid transparent;
    width: 100%;
    margin-left: 0;
  }
  main.projets .projets_filtres .wrapper.open .head:after {
    background-image: url("../../imgs/croix-projets.svg");
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  main.projets .projets_filtres .wrapper.open .col_wrapper {
    max-height: 100rem;
  }
}
main.projets.a_la_une .projet {
  opacity: 1;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  transition: 0.5s ease;
}
main.projets.a_la_une .projet.pre_close {
  opacity: 0;
}
main.projets.a_la_une .projet.pre_open {
  -webkit-transition: 0s ease;
  -o-transition: 0s ease;
  -moz-transition: 0s ease;
  transition: 0s ease;
  opacity: 0;
}
main.projets.a_la_une .projet.open {
  display: block;
  opacity: 1;
}
main.projets.a_la_une .projet.close {
  opacity: 0;
  display: none;
}

main.projets.index .projets_index .projet.pre_close {
  opacity: 0;
  max-height: 0;
  border-bottom: 1px solid transparent;
}
main.projets.index .projets_index .projet.pre_open {
  opacity: 1;
}
main.projets.index .projets_index .projet.open {
  opacity: 1;
}
main.projets.index .projets_index .projet.close {
  opacity: 0;
  max-height: 0;
  border-bottom: 1px solid transparent;
}

main.projets.index .entete_part .entete {
  color: #646464;
}
main.projets.index .projets_index {
  min-height: 70vh;
}
main.projets.index .projets_index .projet_index {
  max-height: 3em;
  -webkit-transition: max-height 0.7s ease, opacity 0.7s ease;
  -o-transition: max-height 0.7s ease, opacity 0.7s ease;
  -moz-transition: max-height 0.7s ease, opacity 0.7s ease;
  transition: max-height 0.7s ease, opacity 0.7s ease;
  overflow: hidden;
  border-bottom: 1px solid #AAAAAA;
}
main.projets.index .projets_index .projet_index .wrapper {
  margin-top: 1em;
  padding-bottom: 2rem;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #646464;
}
main.projets.index .projets_index .projet_index .wrapper .titre,
main.projets.index .projets_index .projet_index .wrapper .localisation,
main.projets.index .projets_index .projet_index .wrapper .date,
main.projets.index .projets_index .projet_index .wrapper .image_part,
main.projets.index .projets_index .projet_index .wrapper .texte_introduction,
main.projets.index .projets_index .projet_index .wrapper .infos_part {
  width: -webkit-calc(33.33% - 1rem);
  width: -moz-calc(33.33% - 1rem);
  width: calc(33.33% - 1rem);
}
main.projets.index .projets_index .projet_index .wrapper .image_part img {
  max-height: 15em;
}
main.projets.index .projets_index .projet_index .wrapper .texte_introduction p {
  max-width: 66%;
}
main.projets.index .projets_index .projet_index .wrapper .titre {
  cursor: pointer;
}
main.projets.index .projets_index .projet_index .wrapper .localisation,
main.projets.index .projets_index .projet_index .wrapper .date {
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  cursor: pointer;
}
main.projets.index .projets_index .projet_index .wrapper .donnees_en_bref {
  color: #AAAAAA;
  border-top: 1px solid #AAAAAA;
  margin-bottom: 1em;
}
main.projets.index .projets_index .projet_index .wrapper .donnees_en_bref .donnee_en_bref {
  padding-top: 0.7em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #AAAAAA;
}
main.projets.index .projets_index .projet_index .wrapper .localisation, main.projets.index .projets_index .projet_index .wrapper .date, main.projets.index .projets_index .projet_index .wrapper .infos_part {
  color: #AAAAAA;
}
main.projets.index .projets_index .projet_index .wrapper .infos_part .to_projet {
  -webkit-transition: color 0.5s ease, border-bottom-color 0.5s ease;
  -o-transition: color 0.5s ease, border-bottom-color 0.5s ease;
  -moz-transition: color 0.5s ease, border-bottom-color 0.5s ease;
  transition: color 0.5s ease, border-bottom-color 0.5s ease;
  color: #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 0.2em;
}
main.projets.index .projets_index .projet_index .wrapper .infos_part .to_projet:hover {
  color: #646464;
  border-bottom-color: #646464;
}
main.projets.index .projets_index .projet_index .wrapper .croix {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../../imgs/croix.svg");
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  float: right;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
main.projets.index .projets_index .projet_index:not(.deroule) .wrapper:hover .localisation,
main.projets.index .projets_index .projet_index:not(.deroule) .wrapper:hover .date {
  color: #646464;
}
main.projets.index .projets_index .projet_index.deroule {
  max-height: 40em;
}
main.projets.index .projets_index .projet_index.deroule .wrapper .localisation,
main.projets.index .projets_index .projet_index.deroule .wrapper .date {
  color: #646464;
}
main.projets.index .projets_index .projet_index.deroule .wrapper .croix {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  main.projets.index .projets_index .projet_index .wrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  main.projets.index .projets_index .projet_index .wrapper .titre,
main.projets.index .projets_index .projet_index .wrapper .localisation,
main.projets.index .projets_index .projet_index .wrapper .date,
main.projets.index .projets_index .projet_index .wrapper .image_part,
main.projets.index .projets_index .projet_index .wrapper .texte_introduction,
main.projets.index .projets_index .projet_index .wrapper .infos_part {
    width: 100%;
  }
  main.projets.index .projets_index .projet_index .wrapper .titre {
    margin-bottom: 0.5rem;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  main.projets.index .projets_index .projet_index .wrapper .image_part {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 1rem;
  }
  main.projets.index .projets_index .projet_index .wrapper .image_part img {
    max-height: 100vw;
  }
  main.projets.index .projets_index .projet_index .wrapper .localisation {
    word-break: keep-all;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 55%;
  }
  main.projets.index .projets_index .projet_index .wrapper .date {
    word-break: keep-all;
    width: 40%;
    text-align: right;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  main.projets.index .projets_index .projet_index .wrapper .texte_introduction {
    margin-top: 0.3rem;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  main.projets.index .projets_index .projet_index .wrapper .texte_introduction p {
    max-width: unset;
  }
  main.projets.index .projets_index .projet_index .wrapper .infos_part {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  main.projets.index .projets_index .projet_index .wrapper .infos_part .to_projet {
    display: block;
    text-align: center;
    border-bottom: 0 solid transparent;
    color: #646464;
    margin-top: 0.7em;
  }
  main.projets.index .projets_index .projet_index.deroule {
    max-height: 60em;
  }
  main.projets.index .projets_index .projet_index.deroule .wrapper .localisation,
main.projets.index .projets_index .projet_index.deroule .wrapper .date {
    color: #646464;
  }
  main.projets.index .projets_index .projet_index.deroule .wrapper .croix {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
main.projet .titre_part .titre {
  color: #646464;
}
main.projet .titre_part .texte_introduction {
  color: #646464;
}
main.projet .titre_part .infos_mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  main.projet .titre_part .infos_mobile {
    color: #303030;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    padding-top: 0.5em;
    padding-bottom: 0.3em;
    margin-bottom: 3rem;
  }
}
main.projet .donnees > .wrapper {
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  position: relative;
}
main.projet .donnees .titre {
  cursor: pointer;
  width: 100%;
  color: #303030;
  padding-top: 0.8rem;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3em;
}
main.projet .donnees .titre .fleche {
  display: block;
  width: 1rem;
  height: 1.3rem;
  background-image: url("../../imgs/fleche-donnees.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  float: right;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  cursor: pointer;
}
main.projet .donnees .content {
  width: 100%;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.8s ease;
  -o-transition: max-height 0.8s ease;
  -moz-transition: max-height 0.8s ease;
  transition: max-height 0.8s ease;
}
main.projet .donnees .content > .wrapper {
  margin-top: 0.7em;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
main.projet .donnees .content > .wrapper .donnee {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
main.projet .donnees .content > .wrapper .donnee .sous_titre {
  color: #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
}
main.projet .donnees .content > .wrapper .donnee .download, main.projet .donnees .content > .wrapper .donnee .contenu {
  color: #303030;
}
main.projet .donnees .content > .wrapper .donnee .contenu > p {
  margin-bottom: 1em;
}
main.projet .donnees .content > .wrapper .donnee .contenu > p:last-child {
  margin-bottom: 0;
}
main.projet .donnees .content > .wrapper .donnee .download {
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
main.projet .donnees .content > .wrapper .donnee .download:hover {
  color: #AAAAAA;
}
main.projet .donnees.open .titre .fleche {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
main.projet .donnees.open .content {
  max-height: 50vh;
}

@media screen and (max-width: 800px) {
  main.projet .donnees .content > .wrapper {
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  main.projet .donnees.open .content {
    max-height: 200vh;
  }
}
/* ********************* */
/* legende		  		 */
/* ********************* */
main.projet .bloc .legende {
  font-family: "simplon_bp_mono", Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: 1.23;
  color: #303030;
  margin-top: 0.9rem;
  min-height: 1.23em;
}

@media screen and (max-width: 800px) {
  main.projet .bloc .legende {
    font-size: 1.2rem;
  }
}
/* ********************* */
/* image_texte  		 */
/* ********************* */
main.projet .bloc.image_texte .wrapper {
  display: grid;
  gap: 0 1.5rem;
  grid-template-columns: repeat(12, 1fr);
}
main.projet .bloc.image_texte .wrapper .image_part img {
  width: 100%;
}
main.projet .bloc.image_texte .wrapper .content_part {
  margin-bottom: 1.9rem;
  /* compense la légende */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
main.projet .bloc.image_texte .wrapper .content_part .titre {
  color: #AAAAAA;
  margin-bottom: 1em;
}
main.projet .bloc.image_texte .wrapper .content_part .texte {
  color: #646464;
}
main.projet .bloc.image_texte .wrapper.position_image_texte .image_part {
  grid-column: 1/7;
}
main.projet .bloc.image_texte .wrapper.position_image_texte .content_part {
  grid-column: 9/13;
}
main.projet .bloc.image_texte .wrapper.position_texte_image .image_part {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  grid-column: 7/13;
}
main.projet .bloc.image_texte .wrapper.position_texte_image .content_part {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  grid-column: 1/5;
}

@media screen and (max-width: 800px) {
  main.projet .bloc.image_texte .wrapper {
    gap: 0 1rem;
    grid-template-columns: repeat(6, 1fr);
  }
  main.projet .bloc.image_texte .wrapper .content_part .titre {
    margin-top: 1.3em;
  }
  main.projet .bloc.image_texte .wrapper.position_image_texte .image_part,
main.projet .bloc.image_texte .wrapper.position_image_texte .content_part,
main.projet .bloc.image_texte .wrapper.position_texte_image .image_part,
main.projet .bloc.image_texte .wrapper.position_texte_image .content_part {
    grid-column: 1/7;
  }
  main.projet .bloc.image_texte .wrapper.position_image_texte .image_part,
main.projet .bloc.image_texte .wrapper.position_texte_image .image_part {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  main.projet .bloc.image_texte .wrapper.position_image_texte .content_part,
main.projet .bloc.image_texte .wrapper.position_texte_image .content_part {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-aspect-ratio: 5/6) and (min-width: 800px) {
  main.projet .bloc.image_texte .wrapper.position_image_texte .image_part {
    grid-column: 1/7;
  }
  main.projet .bloc.image_texte .wrapper.position_image_texte .content_part {
    grid-column: 8/13;
  }
  main.projet .bloc.image_texte .wrapper.position_texte_image .image_part {
    grid-column: 7/13;
  }
  main.projet .bloc.image_texte .wrapper.position_texte_image .content_part {
    grid-column: 1/6;
  }
}
/* ********************* */
/* exergue  	 		 */
/* ********************* */
main.projet .bloc.exergue .wrapper {
  display: grid;
  gap: 0 1.5rem;
  grid-template-columns: repeat(12, 1fr);
}
main.projet .bloc.exergue .wrapper .texte {
  color: #646464;
}
main.projet .bloc.exergue .wrapper .auteur {
  margin-top: 1.5em;
  color: #AAAAAA;
}
main.projet .bloc.exergue .wrapper .auteur span {
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 0.3em;
}
main.projet .bloc.exergue .wrapper.position_gauche .texte,
main.projet .bloc.exergue .wrapper.position_gauche .auteur {
  grid-column: 1/9;
}
main.projet .bloc.exergue .wrapper.position_droite .texte,
main.projet .bloc.exergue .wrapper.position_droite .auteur {
  grid-column: 5/13;
}

@media screen and (max-width: 800px) {
  main.projet .bloc.exergue .wrapper.position_gauche .texte,
main.projet .bloc.exergue .wrapper.position_gauche .auteur,
main.projet .bloc.exergue .wrapper.position_droite .texte,
main.projet .bloc.exergue .wrapper.position_droite .auteur {
    grid-column: 1/13;
  }
  main.projet .bloc.exergue .wrapper.position_gauche .texte span,
main.projet .bloc.exergue .wrapper.position_gauche .auteur span,
main.projet .bloc.exergue .wrapper.position_droite .texte span,
main.projet .bloc.exergue .wrapper.position_droite .auteur span {
    line-height: 1.8;
  }
}
@media screen and (max-aspect-ratio: 5/6) and (min-width: 800px) {
  main.projet .bloc.exergue .wrapper.position_gauche .texte,
main.projet .bloc.exergue .wrapper.position_gauche .auteur {
    grid-column: 1/11;
  }
  main.projet .bloc.exergue .wrapper.position_droite .texte,
main.projet .bloc.exergue .wrapper.position_droite .auteur {
    grid-column: 3/13;
  }
}
/* ********************* */
/* double_image 		 */
/* ********************* */
main.projet .bloc.double_image .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
main.projet .bloc.double_image .wrapper .part img {
  width: 100%;
}
main.projet .bloc.double_image .wrapper .part_1 {
  margin-right: 1.5rem;
}

@media screen and (max-width: 800px) {
  main.projet .bloc.double_image .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main.projet .bloc.double_image .wrapper .part_1 {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
/* ********************* */
/* triple_image 		 */
/* ********************* */
main.projet .bloc.triple_image .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
main.projet .bloc.triple_image .wrapper .part img {
  width: 100%;
}
main.projet .bloc.triple_image .wrapper .part_1, main.projet .bloc.triple_image .wrapper .part_2 {
  margin-right: 1.5rem;
}

@media screen and (max-width: 800px) {
  main.projet .bloc.triple_image .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main.projet .bloc.triple_image .wrapper .part_1, main.projet .bloc.triple_image .wrapper .part_2 {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
/* ********************* */
/* texte_seul 		 */
/* ********************* */
main.projet .bloc.texte_seul .wrapper {
  display: grid;
  gap: 0 1.5rem;
  grid-template-columns: repeat(12, 1fr);
}
main.projet .bloc.texte_seul .wrapper .titre {
  color: #AAAAAA;
  margin-bottom: 1em;
}
main.projet .bloc.texte_seul .wrapper .texte {
  color: #646464;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
main.projet .bloc.texte_seul .wrapper.position_gauche .titre, main.projet .bloc.texte_seul .wrapper.position_gauche .texte {
  grid-column: 1/9;
}
main.projet .bloc.texte_seul .wrapper.position_droite .titre, main.projet .bloc.texte_seul .wrapper.position_droite .texte {
  grid-column: 5/13;
}

@media screen and (max-width: 800px) {
  main.projet .bloc.texte_seul .wrapper.position_gauche .titre, main.projet .bloc.texte_seul .wrapper.position_gauche .texte,
main.projet .bloc.texte_seul .wrapper.position_droite .titre,
main.projet .bloc.texte_seul .wrapper.position_droite .texte {
    grid-column: 1/13;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
/* ********************* */
/* video	 		 */
/* ********************* */
main.projet .bloc.video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* voir la suite dasn video_player.scss */
}

/* ********************* */
/* image_seule	 		 */
/* ********************* */
main.projet .bloc.image_seule .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
main.projet .bloc.image_seule .wrapper .part img {
  width: 100%;
}

@media screen and (min-width: 800px) {
  main.projet .bloc.image_seule .wrapper.position_gauche {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  main.projet .bloc.image_seule .wrapper.position_centre {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  main.projet .bloc.image_seule .wrapper.position_droite {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  main.projet .bloc.image_seule .wrapper.largeur_33 .part {
    width: -webkit-calc(33.3% - 0.75rem);
    width: -moz-calc(33.3% - 0.75rem);
    width: calc(33.3% - 0.75rem);
  }
  main.projet .bloc.image_seule .wrapper.largeur_50 .part {
    width: -webkit-calc(50% - 0.75rem);
    width: -moz-calc(50% - 0.75rem);
    width: calc(50% - 0.75rem);
  }
  main.projet .bloc.image_seule .wrapper.largeur_66 .part {
    width: -webkit-calc(66.6% - 0.75rem);
    width: -moz-calc(66.6% - 0.75rem);
    width: calc(66.6% - 0.75rem);
  }
  main.projet .bloc.image_seule .wrapper.largeur_100 .part {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  main.projet .bloc.image_seule .wrapper .part {
    width: 100%;
  }
}
.video_player {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #AAAAAA;
}
.video_player #video {
  width: 100%;
}
.video_player .controls {
  position: absolute;
  bottom: 2.3rem;
  height: 2rem;
  width: 100%;
  padding-left: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.video_player .controls button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.video_player .controls .bt_play_pause {
  width: 1.5rem;
  height: 1.9rem;
  margin-right: 3rem;
}
.video_player .controls .bt_play_pause .fa {
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
  background-image: url("../../imgs/play.svg");
}
.video_player .controls .bt_sound {
  width: 2.7rem;
  height: 2.7rem;
  margin-right: 3rem;
}
.video_player .controls .bt_sound .fa {
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
  background-image: url("../../imgs/sound-off.svg");
}
.video_player .controls .bt_sound.on .fa {
  background-image: url("../../imgs/sound-on.svg");
}
.video_player .controls .timeline {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  margin-right: 3rem;
}
.video_player .controls .timeline .bar {
  background-color: rgba(255, 255, 255, 0.5);
  height: 0.4rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.video_player .controls .timeline .bar .inner {
  background-color: white;
  width: 0%;
  height: 100%;
  position: relative;
}
.video_player .controls .timeline .bar .inner:after {
  content: "";
  height: 1.1rem;
  width: 1.1rem;
  position: absolute;
  top: -0.35rem;
  right: -0.75rem;
  display: block;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: white;
}
.video_player .big_play {
  width: 8rem;
  height: 8rem;
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("../../imgs/big-play.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.video_player.play .big_play {
  display: none;
}

.video_player.play .controls .bt_play_pause .fa {
  background-image: url("../../imgs/pause.svg");
}

@media screen and (min-width: 800px) {
  .video_player .controls {
    opacity: 0;
  }

  .video_player:hover .controls {
    opacity: 1;
  }

  .video_player.largeur_50 {
    width: -webkit-calc(50% - 0.75rem);
    width: -moz-calc(50% - 0.75rem);
    width: calc(50% - 0.75rem);
  }
}
@media screen and (max-aspect-ratio: 5/6) {
  .video_player .big_play {
    display: block;
    width: 5rem;
    height: 5rem;
  }

  .video_player .controls {
    opacity: 0;
  }

  .video_player.play .controls {
    opacity: 1;
  }
}
body.migration {
  background-color: #2828AA;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}
body.migration .content {
  max-width: 40vw;
}
body.migration .content .titre {
  margin-bottom: 0.5em;
}
body.migration .logo {
  text-indent: -999999px;
  background-image: url("../../imgs/logo.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  height: 5rem;
  width: 12.8rem;
  display: block;
  position: absolute;
  right: 4rem;
  top: 1.75rem;
}

@media screen and (max-width: 800px) {
  body.migration .content {
    max-width: 80vw;
  }
  body.migration .content .sep {
    display: none;
  }
  body.migration .content .coord {
    display: block;
  }
}