@charset "UTF-8";
/* utils */
/* variables */
/* breakpoint */
/* COULEURS */
/* breakpoint */
/* temoin */
#temoin_mobile,
#temoin_desktop,
#temoin_large,
#temoin_portrait {
  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) {
  #temoin_portrait {
    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: "Unica 77 LL";
  src: url("../../fonts/Unica_77LL-Regular.eot");
  src: url("../../fonts/Unica_77LL-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Unica_77LL-Regular.woff2") format("woff2"), url("../../fonts/Unica_77LL-Regular.woff") format("woff"), url("../../fonts/Unica_77LL-Regular.ttf") format("truetype"), url("../../fonts/Unica_77LL-Regular.svg#Unica_77LL-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Unica 77 LL";
  src: url("../../fonts/Unica_77LL-Italic.eot");
  src: url("../../fonts/Unica_77LL-Italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Unica_77LL-Italic.woff2") format("woff2"), url("../../fonts/Unica_77LL-Italic.woff") format("woff"), url("../../fonts/Unica_77LL-Italic.ttf") format("truetype"), url("../../fonts/Unica_77LL-Italic.svg#Unica_77LL-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
body {
  font-family: "Unica 77 LL", Arial, Helvetica, sans-serif;
}

.bouton_rond {
  padding: 0.39em 1.11em;
  background-color: red;
  -webkit-border-radius: 1.818em;
     -moz-border-radius: 1.818em;
          border-radius: 1.818em;
  background-color: #E6E6E6;
  color: #000000;
}

/* ************************ */
/* MOBILE 			*/
/* ************************ */
/*

@media screen and (max-width: $breakpoint_mobile) {
	.bouton_rond{
		padding: 0.66em 1em;
		background-color:$gris_clair;
		border-radius:1.87em;
		background-color:$gris_clair;
		color:$noir;
	}
}

*/
/* Main */
body {
  font-size: 3vw;
  line-height: 1.18;
}

.small_texte {
  font-size: 1.25vw;
  line-height: 1.22;
}

@media screen and (max-width: 800px) {
  body {
    font-size: 5.33vw;
    line-height: 1.25;
  }

  .small_texte {
    font-size: 5.33vw;
    line-height: 1.25;
  }
}
::-moz-selection {
  background: #DCDCDC;
}
::selection {
  background: #DCDCDC;
}

/* FOOTER */
.main {
  min-height: 101vh;
  position: relative;
}

.main_wrapper:before {
  content: "";
  height: 1px;
  width: 1px;
  display: block;
}

.main.hide {
  opacity: 0;
}

.main {
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

/* MENU */
/* media quieres */
@media screen and (min-width: 800px) {
  #menu {
    display: block;
  }

  #menu_mobile {
    display: none;
  }
}
/* DESIGN */
#menu {
  position: fixed;
  z-index: 9999;
  top: 1.429vw;
  right: 0;
  left: 0;
}
#menu .nav_wrapper {
  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;
  margin-right: 1.429vw;
  margin-left: 1.429vw;
  /* Partie langue */
  /* partie liens */
}
#menu .nav_wrapper .part {
  -webkit-border-radius: 1.818em;
     -moz-border-radius: 1.818em;
          border-radius: 1.818em;
  background-color: rgba(220, 220, 220, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
#menu .nav_wrapper .sml_menu {
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#menu .nav_wrapper .sml_menu .temoin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  background-color: #000000;
  -webkit-border-radius: 1.818em;
     -moz-border-radius: 1.818em;
          border-radius: 1.818em;
  width: 55%;
  -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 .nav_wrapper .sml_menu a {
  position: relative;
  z-index: 10;
  padding: 0.35em 1.1em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #000000;
}
#menu .nav_wrapper .sml_menu a:nth-child(2) {
  margin-right: -0.4em;
}
#menu .nav_wrapper .sml_menu a.current {
  color: white;
}
#menu .nav_wrapper .sml_menu.fr .temoin {
  -webkit-transform: translate(84%, 0%);
     -moz-transform: translate(84%, 0%);
      -ms-transform: translate(84%, 0%);
       -o-transform: translate(84%, 0%);
          transform: translate(84%, 0%);
}
#menu .nav_wrapper .sml_menu.fr.hover .temoin {
  -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 .nav_wrapper .sml_menu.en .temoin {
  -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 .nav_wrapper .sml_menu.en.hover .temoin {
  -webkit-transform: translate(84%, 0%);
     -moz-transform: translate(84%, 0%);
      -ms-transform: translate(84%, 0%);
       -o-transform: translate(84%, 0%);
          transform: translate(84%, 0%);
}
#menu .nav_wrapper .sml_menu.hover a.current {
  color: #000000;
}
#menu .nav_wrapper .sml_menu.hover a:not(.current) {
  color: white;
}
#menu .nav_wrapper .links {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 0.7145vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#menu .nav_wrapper .links .temoin_links {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  background-color: #000000;
  -webkit-border-radius: 1.818em;
     -moz-border-radius: 1.818em;
          border-radius: 1.818em;
  width: 20%;
  -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 .nav_wrapper .links .temoin_links.t0 {
  -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 .nav_wrapper .links .temoin_links.t1 {
  -webkit-transform: translate(100%, 0%);
     -moz-transform: translate(100%, 0%);
      -ms-transform: translate(100%, 0%);
       -o-transform: translate(100%, 0%);
          transform: translate(100%, 0%);
}
#menu .nav_wrapper .links .temoin_links.t2 {
  -webkit-transform: translate(200%, 0%);
     -moz-transform: translate(200%, 0%);
      -ms-transform: translate(200%, 0%);
       -o-transform: translate(200%, 0%);
          transform: translate(200%, 0%);
}
#menu .nav_wrapper .links .temoin_links.t3 {
  -webkit-transform: translate(300%, 0%);
     -moz-transform: translate(300%, 0%);
      -ms-transform: translate(300%, 0%);
       -o-transform: translate(300%, 0%);
          transform: translate(300%, 0%);
}
#menu .nav_wrapper .links .temoin_links.t4 {
  -webkit-transform: translate(400%, 0%);
     -moz-transform: translate(400%, 0%);
      -ms-transform: translate(400%, 0%);
       -o-transform: translate(400%, 0%);
          transform: translate(400%, 0%);
}
#menu .nav_wrapper .links a {
  position: relative;
  z-index: 10;
  padding: 0.35em 0;
  text-align: center;
  width: 20%;
  color: #000000;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#menu .nav_wrapper .links a.active {
  color: white;
}
#menu .nav_wrapper .links .archive_projets_list {
  display: none;
}

/* sur la splashpage */
/* ********************************************* */
/* quand on scroll au DESSUS du contenu de la splashpage */
/* ou qu'on est sur la splashpahe et qu'on a pas encore testé la position du scroll */
/* ********************************************* */
body.splashpage_content_scroll_top,
body.splashpage:not(.splashpage_content_scroll_tested) {
  /* le menu est en BAS */
  /* le premier bouton est actif */
}
body.splashpage_content_scroll_top #menu,
body.splashpage:not(.splashpage_content_scroll_tested) #menu {
  top: auto;
  position: absolute;
  margin-top: -1.429vw;
  margin-bottom: 1.429vw;
  -webkit-transform: translate(0, -100%);
     -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
       -o-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
/* ********************************************* */
/* quand on scroll au DESSOUS 
/* du contenu de la splashpage */
/* ********************************************* */
body {
  /* le menu est en HAUT */
}
body #menu {
  margin-top: 0;
  top: 1.429vw;
  margin-bottom: 1.429vw;
  position: fixed;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* ********************************************* */
/* quand on scroll au DESSOUS 
/* du contenu de la splashpage */
/* ET qu'on est sur la spalshapge
/* ********************************************* */
/* MENU */
/* media quieres */
@media screen and (max-width: 800px) {
  #menu {
    display: none;
  }

  #menu_mobile {
    display: block;
  }
}
/* DESIGN */
#menu_mobile .head,
#menu_mobile .nav_wrapper {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
}
#menu_mobile .head {
  width: 100%;
  padding: 5.33vw;
}
#menu_mobile .head .wrapper {
  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;
}
#menu_mobile .head .wrapper .bouton {
  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: 2em;
  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
  width: -webkit-calc(50% - 1.3325vw);
  width: -moz-calc(50% - 1.3325vw);
  width: calc(50% - 1.3325vw);
  background-color: blue;
}
#menu_mobile .head .wrapper .bouton_left {
  background-color: #000000;
  color: #FFFFFF;
}
#menu_mobile .head .wrapper .bouton_right {
  background-color: rgba(220, 220, 220, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: #000000;
}
#menu_mobile .nav_wrapper {
  height: 100%;
  width: 100%;
}
#menu_mobile .nav_wrapper .background {
  position: absolute;
  background-color: rgba(220, 220, 220, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
#menu_mobile .nav_wrapper .navigation_part {
  position: relative;
  height: 100%;
  overflow: auto;
}
#menu_mobile .nav_wrapper .navigation_part .links_part {
  min-height: 100%;
  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;
  -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;
}
#menu_mobile .nav_wrapper .navigation_part .links_part a {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0.25em;
}
#menu_mobile .nav_wrapper .navigation_part .links_part a.active {
  color: #FFFFFF;
  background-color: #000000;
}
#menu_mobile .nav_wrapper .lang_part {
  position: absolute;
  bottom: 5.33vw;
  left: 5.33vw;
  right: 5.33vw;
}
#menu_mobile .nav_wrapper .lang_part .sml_menu {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
}
#menu_mobile .nav_wrapper .lang_part .sml_menu .temoin {
  height: 2em;
  width: 50%;
  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
  position: absolute;
  background-color: #000000;
}
#menu_mobile .nav_wrapper .lang_part .sml_menu .sml_bouton {
  text-transform: uppercase;
  position: relative;
  width: 50%;
  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: 2em;
}
#menu_mobile .nav_wrapper .lang_part .sml_menu .sml_bouton.current {
  color: #FFFFFF;
}
#menu_mobile .nav_wrapper .lang_part .sml_menu.fr .temoin {
  left: 50%;
}

#menu_mobile .head .bouton_right {
  background-color: rgba(230, 230, 230, 0.6);
  color: #000000;
}
#menu_mobile .head .for_animation {
  font-size: 0.9em;
  height: 2em;
  width: 2em;
  position: relative;
}
#menu_mobile .head .for_animation .b .wrap {
  position: absolute;
  height: 2em;
  width: 2em;
}
#menu_mobile .head .for_animation .b .element {
  position: absolute;
  background-color: #000000;
  display: block;
  width: 75%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -0.75em;
}
#menu_mobile .nav_wrapper {
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

#menu_mobile:not(.open) .head .bouton_right .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.3em);
     -moz-transform: translate(0, -0.3em);
      -ms-transform: translate(0, -0.3em);
       -o-transform: translate(0, -0.3em);
          transform: translate(0, -0.3em);
}
#menu_mobile:not(.open) .head .bouton_right .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.3em);
     -moz-transform: translate(0, 0.3em);
      -ms-transform: translate(0, 0.3em);
       -o-transform: translate(0, 0.3em);
          transform: translate(0, 0.3em);
}
#menu_mobile:not(.open) .head .bouton_right .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_mobile:not(.open) .head .bouton_right .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_mobile:not(.open) .head .bouton_right .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_mobile.open .head .bouton_right {
  background-color: #FFFFFF;
  color: #000000;
}
#menu_mobile.open .head .bouton_right .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_mobile.open .head .bouton_right .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_mobile.open .head .bouton_right .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_mobile.open .head .bouton_right .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_mobile.open .head .bouton_right .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_mobile.open .nav_wrapper {
  opacity: 1;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  pointer-events: auto;
}

/* sur la splashpage */
body.splashpage #menu_mobile {
  top: auto;
  bottom: 1.429vw;
}

/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* TOOLBAR 					 				 */
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
#toolbar {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 10;
}
#toolbar > .top {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 50%;
  height: 1.83em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -99%);
     -moz-transform: translate(-50%, -99%);
      -ms-transform: translate(-50%, -99%);
       -o-transform: translate(-50%, -99%);
          transform: translate(-50%, -99%);
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#toolbar > .top .side_part {
  position: relative;
  height: -webkit-calc(100% + 1em);
  height: -moz-calc(100% + 1em);
  height: calc(100% + 1em);
  position: relative;
  -webkit-transform: translate(0, -1em);
     -moz-transform: translate(0, -1em);
      -ms-transform: translate(0, -1em);
       -o-transform: translate(0, -1em);
          transform: translate(0, -1em);
  overflow: hidden;
  margin-top: -1em;
  opacity: 0;
}
#toolbar > .top .side_part .side_part_visible {
  -webkit-border-radius: 1em 1em 0 0;
     -moz-border-radius: 1em 1em 0 0;
          border-radius: 1em 1em 0 0;
  height: 200%;
  width: 100%;
  background-color: #000000;
  color: white;
  -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, 1em);
     -moz-transform: translate(0, 1em);
      -ms-transform: translate(0, 1em);
       -o-transform: translate(0, 1em);
          transform: translate(0, 1em);
}
#toolbar > .top .side_part .wrapper {
  height: 50%;
  position: relative;
  padding-bottom: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#toolbar > .top .side_part .wrapper a {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 0.7em;
}
#toolbar > .top .side_part.open {
  opacity: 1;
  margin: 0 0.55em;
}
#toolbar > .top .side_part:hover .side_part_visible {
  -webkit-transform: translate(0, 0.5em);
     -moz-transform: translate(0, 0.5em);
      -ms-transform: translate(0, 0.5em);
       -o-transform: translate(0, 0.5em);
          transform: translate(0, 0.5em);
}
#toolbar > .top .main_part {
  position: relative;
  height: 100%;
  -webkit-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  transition: width 0.5s ease;
  padding: 0 0.7em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
#toolbar > .top .main_part .background_cache {
  height: 2000%;
  width: 500%;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
  background-color: rgba(220, 220, 220, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-clip-path: polygon(0% 100%, 0% 5%, 40% 5%, -webkit-calc(40% + 0em) -webkit-calc(0% + 1em), -webkit-calc(40% + 0.01em) -webkit-calc(0% + 0.84em), -webkit-calc(40% + 0.05em) -webkit-calc(0% + 0.69em), -webkit-calc(40% + 0.11em) -webkit-calc(0% + 0.55em), -webkit-calc(40% + 0.19em) -webkit-calc(0% + 0.41em), -webkit-calc(40% + 0.29em) -webkit-calc(0% + 0.29em), -webkit-calc(40% + 0.41em) -webkit-calc(0% + 0.19em), -webkit-calc(40% + 0.55em) -webkit-calc(0% + 0.11em), -webkit-calc(40% + 0.69em) -webkit-calc(0% + 0.05em), -webkit-calc(40% + 0.84em) -webkit-calc(0% + 0.01em), -webkit-calc(40% + 1em) -webkit-calc(0% + 0em), -webkit-calc(60% - 1em) -webkit-calc(0% + 0em), -webkit-calc(60% - 0.84em) -webkit-calc(0% + 0.01em), -webkit-calc(60% - 0.69em) -webkit-calc(0% + 0.05em), -webkit-calc(60% - 0.55em) -webkit-calc(0% + 0.11em), -webkit-calc(60% - 0.41em) -webkit-calc(0% + 0.19em), -webkit-calc(60% - 0.29em) -webkit-calc(0% + 0.29em), -webkit-calc(60% - 0.19em) -webkit-calc(0% + 0.41em), -webkit-calc(60% - 0.11em) -webkit-calc(0% + 0.55em), -webkit-calc(60% - 0.05em) -webkit-calc(0% + 0.69em), -webkit-calc(60% - 0.01em) -webkit-calc(0% + 0.84em), -webkit-calc(60% - 0em) -webkit-calc(0% + 1em), 60% 5%, 100% 5%, 100% 100%);
          clip-path: polygon(0% 100%, 0% 5%, 40% 5%, -moz-calc(40% + 0em) -moz-calc(0% + 1em), -moz-calc(40% + 0.01em) -moz-calc(0% + 0.84em), -moz-calc(40% + 0.05em) -moz-calc(0% + 0.69em), -moz-calc(40% + 0.11em) -moz-calc(0% + 0.55em), -moz-calc(40% + 0.19em) -moz-calc(0% + 0.41em), -moz-calc(40% + 0.29em) -moz-calc(0% + 0.29em), -moz-calc(40% + 0.41em) -moz-calc(0% + 0.19em), -moz-calc(40% + 0.55em) -moz-calc(0% + 0.11em), -moz-calc(40% + 0.69em) -moz-calc(0% + 0.05em), -moz-calc(40% + 0.84em) -moz-calc(0% + 0.01em), -moz-calc(40% + 1em) -moz-calc(0% + 0em), -moz-calc(60% - 1em) -moz-calc(0% + 0em), -moz-calc(60% - 0.84em) -moz-calc(0% + 0.01em), -moz-calc(60% - 0.69em) -moz-calc(0% + 0.05em), -moz-calc(60% - 0.55em) -moz-calc(0% + 0.11em), -moz-calc(60% - 0.41em) -moz-calc(0% + 0.19em), -moz-calc(60% - 0.29em) -moz-calc(0% + 0.29em), -moz-calc(60% - 0.19em) -moz-calc(0% + 0.41em), -moz-calc(60% - 0.11em) -moz-calc(0% + 0.55em), -moz-calc(60% - 0.05em) -moz-calc(0% + 0.69em), -moz-calc(60% - 0.01em) -moz-calc(0% + 0.84em), -moz-calc(60% - 0em) -moz-calc(0% + 1em), 60% 5%, 100% 5%, 100% 100%);
          clip-path: polygon(0% 100%, 0% 5%, 40% 5%, calc(40% + 0em) calc(0% + 1em), calc(40% + 0.01em) calc(0% + 0.84em), calc(40% + 0.05em) calc(0% + 0.69em), calc(40% + 0.11em) calc(0% + 0.55em), calc(40% + 0.19em) calc(0% + 0.41em), calc(40% + 0.29em) calc(0% + 0.29em), calc(40% + 0.41em) calc(0% + 0.19em), calc(40% + 0.55em) calc(0% + 0.11em), calc(40% + 0.69em) calc(0% + 0.05em), calc(40% + 0.84em) calc(0% + 0.01em), calc(40% + 1em) calc(0% + 0em), calc(60% - 1em) calc(0% + 0em), calc(60% - 0.84em) calc(0% + 0.01em), calc(60% - 0.69em) calc(0% + 0.05em), calc(60% - 0.55em) calc(0% + 0.11em), calc(60% - 0.41em) calc(0% + 0.19em), calc(60% - 0.29em) calc(0% + 0.29em), calc(60% - 0.19em) calc(0% + 0.41em), calc(60% - 0.11em) calc(0% + 0.55em), calc(60% - 0.05em) calc(0% + 0.69em), calc(60% - 0.01em) calc(0% + 0.84em), calc(60% - 0em) calc(0% + 1em), 60% 5%, 100% 5%, 100% 100%);
}
#toolbar > .top .main_part .general_wrapper {
  height: 100%;
  min-width: 0px;
  -webkit-transition: min-width 0.2s ease;
  -o-transition: min-width 0.2s ease;
  -moz-transition: min-width 0.2s ease;
  transition: min-width 0.2s ease;
  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;
}
#toolbar > .top .main_part .general_wrapper .title_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  opacity: 0;
  z-index: 0;
}
#toolbar > .top .main_part .general_wrapper .tools_wrapper {
  white-space: nowrap;
  position: relative;
  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;
  opacity: 1;
  z-index: 10;
}
#toolbar > .top .main_part .general_wrapper .bouton_wrapper {
  position: relative;
  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;
  opacity: 1;
  z-index: 10;
}
#toolbar > .top .main_part .general_wrapper .bouton_wrapper .bouton_open_close {
  cursor: pointer;
  height: 1em;
  width: 1em;
  margin: 0 0.55em;
  background-image: url("../../imgs/plus.svg");
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
  background-repeat: no-repeat;
  -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);
}
#toolbar > .top .main_part:not(.open) .general_wrapper .title_wrapper {
  position: relative;
  opacity: 1;
  z-index: 10;
}
#toolbar > .top .main_part:not(.open) .general_wrapper .tools_wrapper {
  position: absolute;
  opacity: 0;
  left: 0;
  z-index: 0;
}
#toolbar > .top .main_part.open .general_wrapper .title_wrapper {
  position: absolute;
  opacity: 0;
  z-index: 0;
}
#toolbar > .top .main_part.open .general_wrapper .tools_wrapper {
  position: relative;
  opacity: 1;
  z-index: 10;
}
#toolbar > .top .main_part.open .general_wrapper .bouton_wrapper .bouton_open_close {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
#toolbar > .bottom {
  position: relative;
  z-index: 10;
  -webkit-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  transition: width 0.5s ease;
  width: 100%;
}
#toolbar > .bottom .colonnes_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.1em;
  width: 100%;
}
#toolbar > .bottom .colonnes_wrapper .colonne1 {
  width: 50%;
  margin-right: 0.72em;
}
#toolbar > .bottom .colonnes_wrapper .colonne2 {
  width: 50%;
  margin-left: 0.72em;
}
#toolbar > .bottom .colonnes_wrapper .colonne1 a, #toolbar > .bottom .colonnes_wrapper .colonne2 a {
  text-decoration: underline;
}
#toolbar > .bottom .after_colonnes {
  max-height: 50vh;
  width: 100%;
}
#toolbar .bouton_plus {
  cursor: pointer;
  height: 1em;
  width: 1em;
  background-image: url("../../imgs/plus.svg");
}

/* MOBILE */
@media screen and (max-width: 800px) {
  #toolbar > .bottom .colonnes_wrapper {
    padding: 5.33vw;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #toolbar > .bottom .colonnes_wrapper .colonne1 {
    width: 100%;
    margin-right: 0;
  }
  #toolbar > .bottom .colonnes_wrapper .colonne2 {
    display: none;
    width: 100%;
    margin-left: 0;
  }
  #toolbar > .bottom .after_colonnes {
    max-height: 50vh;
    width: 100%;
  }

  #toolbar.open > .fond_click {
    position: fixed;
    height: 200vh;
    width: 100%;
    bottom: 0;
    background-color: transparent;
  }
}
/* OPEN / CLOSE */
#toolbar {
  -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, -webkit-calc(100% + 2em));
     -moz-transform: translate(0, -moz-calc(100% + 2em));
      -ms-transform: translate(0, calc(100% + 2em));
       -o-transform: translate(0, calc(100% + 2em));
          transform: translate(0, calc(100% + 2em));
}

#toolbar.showVertical {
  -webkit-transform: translate(0, 100%);
     -moz-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
       -o-transform: translate(0, 100%);
          transform: translate(0, 100%);
}

#toolbar.open.showVertical {
  -webkit-transform: translate(0, 0%);
     -moz-transform: translate(0, 0%);
      -ms-transform: translate(0, 0%);
       -o-transform: translate(0, 0%);
          transform: translate(0, 0%);
}

/* pas de bouton open/close sur single_typographies */
body.single_typographies #toolbar .general_wrapper .bouton_wrapper {
  display: none !important;
}

/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* elements de la toolbar 					 */
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* ********** */
/* GENERIQUES */
/* ********** */
/* elements utiles à la toolbar affichés dans le corps de la page */
.infos_for_toolbar {
  height: 0;
  width: 0;
  overflow: hidden;
  display: block;
}

/* tous les éléments de la toolbar */
.toolbar_element {
  height: 100%;
  margin: 0em 0.55em;
  margin-top: 0.1em;
  position: relative;
  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;
}
.toolbar_element .wrapper {
  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;
  height: 100%;
  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  -o-transition: opacity 0.1s ease, -o-transform 0.1s ease;
  -moz-transition: opacity 0.1s ease, transform 0.1s ease, -moz-transform 0.1s ease;
  transition: opacity 0.1s ease, transform 0.1s ease;
  transition: opacity 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
}
.toolbar_element .wrapper .content {
  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;
  height: 100%;
}

.toolbar_element:nth-last-child(1) .wrapper {
  -webkit-transition-delay: 0.02s;
     -moz-transition-delay: 0.02s;
       -o-transition-delay: 0.02s;
          transition-delay: 0.02s;
}

.toolbar_element:nth-last-child(2) .wrapper {
  -webkit-transition-delay: 0.04s;
     -moz-transition-delay: 0.04s;
       -o-transition-delay: 0.04s;
          transition-delay: 0.04s;
}

.toolbar_element:nth-last-child(3) .wrapper {
  -webkit-transition-delay: 0.06s;
     -moz-transition-delay: 0.06s;
       -o-transition-delay: 0.06s;
          transition-delay: 0.06s;
}

.toolbar_element:nth-last-child(4) .wrapper {
  -webkit-transition-delay: 0.08s;
     -moz-transition-delay: 0.08s;
       -o-transition-delay: 0.08s;
          transition-delay: 0.08s;
}

.toolbar_element:nth-last-child(5) .wrapper {
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.toolbar_element:nth-last-child(6) .wrapper {
  -webkit-transition-delay: 0.12s;
     -moz-transition-delay: 0.12s;
       -o-transition-delay: 0.12s;
          transition-delay: 0.12s;
}

.toolbar_element:nth-last-child(7) .wrapper {
  -webkit-transition-delay: 0.14s;
     -moz-transition-delay: 0.14s;
       -o-transition-delay: 0.14s;
          transition-delay: 0.14s;
}

.toolbar_element:nth-last-child(8) .wrapper {
  -webkit-transition-delay: 0.16s;
     -moz-transition-delay: 0.16s;
       -o-transition-delay: 0.16s;
          transition-delay: 0.16s;
}

.toolbar_element:nth-last-child(9) .wrapper {
  -webkit-transition-delay: 0.18s;
     -moz-transition-delay: 0.18s;
       -o-transition-delay: 0.18s;
          transition-delay: 0.18s;
}

.toolbar_element:nth-last-child(10) .wrapper {
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.toolbar_element:nth-last-child(11) .wrapper {
  -webkit-transition-delay: 0.22s;
     -moz-transition-delay: 0.22s;
       -o-transition-delay: 0.22s;
          transition-delay: 0.22s;
}

.toolbar_element:nth-last-child(12) .wrapper {
  -webkit-transition-delay: 0.24s;
     -moz-transition-delay: 0.24s;
       -o-transition-delay: 0.24s;
          transition-delay: 0.24s;
}

.toolbar_element:nth-last-child(13) .wrapper {
  -webkit-transition-delay: 0.26s;
     -moz-transition-delay: 0.26s;
       -o-transition-delay: 0.26s;
          transition-delay: 0.26s;
}

.toolbar_element:nth-last-child(14) .wrapper {
  -webkit-transition-delay: 0.28s;
     -moz-transition-delay: 0.28s;
       -o-transition-delay: 0.28s;
          transition-delay: 0.28s;
}

.toolbar_element:nth-last-child(15) .wrapper {
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.toolbar_element:nth-last-child(16) .wrapper {
  -webkit-transition-delay: 0.32s;
     -moz-transition-delay: 0.32s;
       -o-transition-delay: 0.32s;
          transition-delay: 0.32s;
}

.toolbar_element:nth-last-child(17) .wrapper {
  -webkit-transition-delay: 0.34s;
     -moz-transition-delay: 0.34s;
       -o-transition-delay: 0.34s;
          transition-delay: 0.34s;
}

.toolbar_element:nth-last-child(18) .wrapper {
  -webkit-transition-delay: 0.36s;
     -moz-transition-delay: 0.36s;
       -o-transition-delay: 0.36s;
          transition-delay: 0.36s;
}

.toolbar_element:nth-last-child(19) .wrapper {
  -webkit-transition-delay: 0.38s;
     -moz-transition-delay: 0.38s;
       -o-transition-delay: 0.38s;
          transition-delay: 0.38s;
}

.toolbar_element:nth-last-child(20) .wrapper {
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* BARRE SÉPARATEUR
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_separateur {
  margin: 0 0.5em;
  height: 78%;
  width: 1px;
  position: relative;
  background-color: #959595;
  opacity: 0.5;
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* VISIBLE / INVISIBLE
/* MOBILE / DESKTOP
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element.only_mobile_visible {
  display: none;
}

@media screen and (max-width: 800px) {
  .toolbar_element {
    display: none;
  }

  .toolbar_separateur {
    display: none;
  }

  .toolbar_element.mobile_visible {
    display: block;
  }

  .toolbar_separateur.mobile_visible {
    display: block;
  }

  .toolbar_element.only_mobile_visible {
    display: block;
  }

  #toolbar .general_wrapper .bouton_wrapper {
    display: none !important;
  }
}
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* BULLE AVEC TRIANGLE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element .bulle {
  left: 50%;
  position: absolute;
  top: 0;
  margin-top: -1.5em;
}
.toolbar_element .bulle > .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% + 0.8em);
  height: -moz-calc(100% + 0.8em);
  height: calc(100% + 0.8em);
  background-color: rgba(220, 220, 220, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-clip-path: polygon(-webkit-calc(0% + 0em) -webkit-calc(0% + 1em), -webkit-calc(0% + 0.01em) -webkit-calc(0% + 0.84em), -webkit-calc(0% + 0.05em) -webkit-calc(0% + 0.69em), -webkit-calc(0% + 0.11em) -webkit-calc(0% + 0.55em), -webkit-calc(0% + 0.19em) -webkit-calc(0% + 0.41em), -webkit-calc(0% + 0.29em) -webkit-calc(0% + 0.29em), -webkit-calc(0% + 0.41em) -webkit-calc(0% + 0.19em), -webkit-calc(0% + 0.55em) -webkit-calc(0% + 0.11em), -webkit-calc(0% + 0.69em) -webkit-calc(0% + 0.05em), -webkit-calc(0% + 0.84em) -webkit-calc(0% + 0.01em), -webkit-calc(0% + 1em) -webkit-calc(0% + 0em), -webkit-calc(100% - 1em) -webkit-calc(0% + 0em), -webkit-calc(100% - 0.84em) -webkit-calc(0% + 0.01em), -webkit-calc(100% - 0.69em) -webkit-calc(0% + 0.05em), -webkit-calc(100% - 0.55em) -webkit-calc(0% + 0.11em), -webkit-calc(100% - 0.41em) -webkit-calc(0% + 0.19em), -webkit-calc(100% - 0.29em) -webkit-calc(0% + 0.29em), -webkit-calc(100% - 0.19em) -webkit-calc(0% + 0.41em), -webkit-calc(100% - 0.11em) -webkit-calc(0% + 0.55em), -webkit-calc(100% - 0.05em) -webkit-calc(0% + 0.69em), -webkit-calc(100% - 0.01em) -webkit-calc(0% + 0.84em), -webkit-calc(100% - 0em) -webkit-calc(0% + 1em), -webkit-calc(100% - 0em) -webkit-calc(100% - 0.8em - 1em), -webkit-calc(100% - 0.01em) -webkit-calc(100% - 0.8em - 0.84em), -webkit-calc(100% - 0.05em) -webkit-calc(100% - 0.8em - 0.69em), -webkit-calc(100% - 0.11em) -webkit-calc(100% - 0.8em - 0.55em), -webkit-calc(100% - 0.19em) -webkit-calc(100% - 0.8em - 0.41em), -webkit-calc(100% - 0.29em) -webkit-calc(100% - 0.8em - 0.29em), -webkit-calc(100% - 0.41em) -webkit-calc(100% - 0.8em - 0.19em), -webkit-calc(100% - 0.55em) -webkit-calc(100% - 0.8em - 0.11em), -webkit-calc(100% - 0.69em) -webkit-calc(100% - 0.8em - 0.05em), -webkit-calc(100% - 0.84em) -webkit-calc(100% - 0.8em - 0.01em), -webkit-calc(100% - 1em) -webkit-calc(100% - 0.8em - 0em), -webkit-calc(50% + 0.6em) -webkit-calc(100% - 0.8em), 50% 100%, -webkit-calc(50% - 0.6em) -webkit-calc(100% - 0.8em), -webkit-calc(0% + 1em) -webkit-calc(100% - 0.8em - 0em), -webkit-calc(0% + 0.84em) -webkit-calc(100% - 0.8em - 0.01em), -webkit-calc(0% + 0.69em) -webkit-calc(100% - 0.8em - 0.05em), -webkit-calc(0% + 0.55em) -webkit-calc(100% - 0.8em - 0.11em), -webkit-calc(0% + 0.41em) -webkit-calc(100% - 0.8em - 0.19em), -webkit-calc(0% + 0.29em) -webkit-calc(100% - 0.8em - 0.29em), -webkit-calc(0% + 0.19em) -webkit-calc(100% - 0.8em - 0.41em), -webkit-calc(0% + 0.11em) -webkit-calc(100% - 0.8em - 0.55em), -webkit-calc(0% + 0.05em) -webkit-calc(100% - 0.8em - 0.69em), -webkit-calc(0% + 0.01em) -webkit-calc(100% - 0.8em - 0.84em), -webkit-calc(0% + 0em) -webkit-calc(100% - 0.8em - 1em));
          clip-path: polygon(-moz-calc(0% + 0em) -moz-calc(0% + 1em), -moz-calc(0% + 0.01em) -moz-calc(0% + 0.84em), -moz-calc(0% + 0.05em) -moz-calc(0% + 0.69em), -moz-calc(0% + 0.11em) -moz-calc(0% + 0.55em), -moz-calc(0% + 0.19em) -moz-calc(0% + 0.41em), -moz-calc(0% + 0.29em) -moz-calc(0% + 0.29em), -moz-calc(0% + 0.41em) -moz-calc(0% + 0.19em), -moz-calc(0% + 0.55em) -moz-calc(0% + 0.11em), -moz-calc(0% + 0.69em) -moz-calc(0% + 0.05em), -moz-calc(0% + 0.84em) -moz-calc(0% + 0.01em), -moz-calc(0% + 1em) -moz-calc(0% + 0em), -moz-calc(100% - 1em) -moz-calc(0% + 0em), -moz-calc(100% - 0.84em) -moz-calc(0% + 0.01em), -moz-calc(100% - 0.69em) -moz-calc(0% + 0.05em), -moz-calc(100% - 0.55em) -moz-calc(0% + 0.11em), -moz-calc(100% - 0.41em) -moz-calc(0% + 0.19em), -moz-calc(100% - 0.29em) -moz-calc(0% + 0.29em), -moz-calc(100% - 0.19em) -moz-calc(0% + 0.41em), -moz-calc(100% - 0.11em) -moz-calc(0% + 0.55em), -moz-calc(100% - 0.05em) -moz-calc(0% + 0.69em), -moz-calc(100% - 0.01em) -moz-calc(0% + 0.84em), -moz-calc(100% - 0em) -moz-calc(0% + 1em), -moz-calc(100% - 0em) -moz-calc(100% - 0.8em - 1em), -moz-calc(100% - 0.01em) -moz-calc(100% - 0.8em - 0.84em), -moz-calc(100% - 0.05em) -moz-calc(100% - 0.8em - 0.69em), -moz-calc(100% - 0.11em) -moz-calc(100% - 0.8em - 0.55em), -moz-calc(100% - 0.19em) -moz-calc(100% - 0.8em - 0.41em), -moz-calc(100% - 0.29em) -moz-calc(100% - 0.8em - 0.29em), -moz-calc(100% - 0.41em) -moz-calc(100% - 0.8em - 0.19em), -moz-calc(100% - 0.55em) -moz-calc(100% - 0.8em - 0.11em), -moz-calc(100% - 0.69em) -moz-calc(100% - 0.8em - 0.05em), -moz-calc(100% - 0.84em) -moz-calc(100% - 0.8em - 0.01em), -moz-calc(100% - 1em) -moz-calc(100% - 0.8em - 0em), -moz-calc(50% + 0.6em) -moz-calc(100% - 0.8em), 50% 100%, -moz-calc(50% - 0.6em) -moz-calc(100% - 0.8em), -moz-calc(0% + 1em) -moz-calc(100% - 0.8em - 0em), -moz-calc(0% + 0.84em) -moz-calc(100% - 0.8em - 0.01em), -moz-calc(0% + 0.69em) -moz-calc(100% - 0.8em - 0.05em), -moz-calc(0% + 0.55em) -moz-calc(100% - 0.8em - 0.11em), -moz-calc(0% + 0.41em) -moz-calc(100% - 0.8em - 0.19em), -moz-calc(0% + 0.29em) -moz-calc(100% - 0.8em - 0.29em), -moz-calc(0% + 0.19em) -moz-calc(100% - 0.8em - 0.41em), -moz-calc(0% + 0.11em) -moz-calc(100% - 0.8em - 0.55em), -moz-calc(0% + 0.05em) -moz-calc(100% - 0.8em - 0.69em), -moz-calc(0% + 0.01em) -moz-calc(100% - 0.8em - 0.84em), -moz-calc(0% + 0em) -moz-calc(100% - 0.8em - 1em));
          clip-path: polygon(calc(0% + 0em) calc(0% + 1em), calc(0% + 0.01em) calc(0% + 0.84em), calc(0% + 0.05em) calc(0% + 0.69em), calc(0% + 0.11em) calc(0% + 0.55em), calc(0% + 0.19em) calc(0% + 0.41em), calc(0% + 0.29em) calc(0% + 0.29em), calc(0% + 0.41em) calc(0% + 0.19em), calc(0% + 0.55em) calc(0% + 0.11em), calc(0% + 0.69em) calc(0% + 0.05em), calc(0% + 0.84em) calc(0% + 0.01em), calc(0% + 1em) calc(0% + 0em), calc(100% - 1em) calc(0% + 0em), calc(100% - 0.84em) calc(0% + 0.01em), calc(100% - 0.69em) calc(0% + 0.05em), calc(100% - 0.55em) calc(0% + 0.11em), calc(100% - 0.41em) calc(0% + 0.19em), calc(100% - 0.29em) calc(0% + 0.29em), calc(100% - 0.19em) calc(0% + 0.41em), calc(100% - 0.11em) calc(0% + 0.55em), calc(100% - 0.05em) calc(0% + 0.69em), calc(100% - 0.01em) calc(0% + 0.84em), calc(100% - 0em) calc(0% + 1em), calc(100% - 0em) calc(100% - 0.8em - 1em), calc(100% - 0.01em) calc(100% - 0.8em - 0.84em), calc(100% - 0.05em) calc(100% - 0.8em - 0.69em), calc(100% - 0.11em) calc(100% - 0.8em - 0.55em), calc(100% - 0.19em) calc(100% - 0.8em - 0.41em), calc(100% - 0.29em) calc(100% - 0.8em - 0.29em), calc(100% - 0.41em) calc(100% - 0.8em - 0.19em), calc(100% - 0.55em) calc(100% - 0.8em - 0.11em), calc(100% - 0.69em) calc(100% - 0.8em - 0.05em), calc(100% - 0.84em) calc(100% - 0.8em - 0.01em), calc(100% - 1em) calc(100% - 0.8em - 0em), calc(50% + 0.6em) calc(100% - 0.8em), 50% 100%, calc(50% - 0.6em) calc(100% - 0.8em), calc(0% + 1em) calc(100% - 0.8em - 0em), calc(0% + 0.84em) calc(100% - 0.8em - 0.01em), calc(0% + 0.69em) calc(100% - 0.8em - 0.05em), calc(0% + 0.55em) calc(100% - 0.8em - 0.11em), calc(0% + 0.41em) calc(100% - 0.8em - 0.19em), calc(0% + 0.29em) calc(100% - 0.8em - 0.29em), calc(0% + 0.19em) calc(100% - 0.8em - 0.41em), calc(0% + 0.11em) calc(100% - 0.8em - 0.55em), calc(0% + 0.05em) calc(100% - 0.8em - 0.69em), calc(0% + 0.01em) calc(100% - 0.8em - 0.84em), calc(0% + 0em) calc(100% - 0.8em - 1em));
}
.toolbar_element .bulle:not(.open) {
  z-index: 0;
  -webkit-transition: opacity 0.1s ease 0.1s, -webkit-transform 0.3s 0s;
  transition: opacity 0.1s ease 0.1s, -webkit-transform 0.3s 0s;
  -o-transition: opacity 0.1s ease 0.1s, -o-transform 0.3s 0s;
  -moz-transition: opacity 0.1s ease 0.1s, transform 0.3s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.1s ease 0.1s, transform 0.3s 0s;
  transition: opacity 0.1s ease 0.1s, transform 0.3s 0s, -webkit-transform 0.3s 0s, -moz-transform 0.3s 0s, -o-transform 0.3s 0s;
  opacity: 0;
  -webkit-transform: translate(-50%, -90%);
     -moz-transform: translate(-50%, -90%);
      -ms-transform: translate(-50%, -90%);
       -o-transform: translate(-50%, -90%);
          transform: translate(-50%, -90%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.toolbar_element .bulle.open {
  z-index: 100;
  -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 0.3s 0s;
  transition: opacity 0.1s ease 0s, -webkit-transform 0.3s 0s;
  -o-transition: opacity 0.1s ease 0s, -o-transform 0.3s 0s;
  -moz-transition: opacity 0.1s ease 0s, transform 0.3s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.1s ease 0s, transform 0.3s 0s;
  transition: opacity 0.1s ease 0s, transform 0.3s 0s, -webkit-transform 0.3s 0s, -moz-transform 0.3s 0s, -o-transform 0.3s 0s;
  -webkit-transform: translate(-50%, -100%);
     -moz-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
       -o-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  opacity: 1;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  pointer-events: auto;
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* BOUTON CLOSE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element.close .wrapper .content .bouton {
  cursor: pointer;
  height: 1em;
  width: 1em;
  background-image: url("../../imgs/close.svg");
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ARCHIVE PROJET
/* BOUTON GRILLE LISTE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element.grille_ou_liste .wrapper .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.toolbar_element.grille_ou_liste .wrapper .content .bouton {
  height: 1em;
  width: 1em;
  position: relative;
  cursor: pointer;
  background-color: transparent;
}
.toolbar_element.grille_ou_liste .wrapper .content .bouton {
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.toolbar_element.grille_ou_liste .wrapper .content .bouton.current {
  opacity: 1;
}
.toolbar_element.grille_ou_liste .wrapper .content .bouton:hover {
  opacity: 1;
}
.toolbar_element.grille_ou_liste .wrapper .content .bouton_grille {
  margin-right: 1.1em;
  background-image: url("../../imgs/grid.png");
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}
.toolbar_element.grille_ou_liste .wrapper .content .bouton_liste {
  background-image: url("../../imgs/list.png");
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* HORLOGE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element.horloge .wrapper .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.toolbar_element.horloge .wrapper .content .chiffre {
  height: 1em;
  overflow: hidden;
}
.toolbar_element.horloge .wrapper .content .chiffre .numbers_list {
  height: 550px;
  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-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;
}
.toolbar_element.horloge .wrapper .content .chiffre .numbers_list > div {
  text-align: center;
  height: 50px;
}
.toolbar_element.horloge .wrapper .content .chiffre .numbers_list.no_transition {
  -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;
}
.toolbar_element.horloge .wrapper .content .am-pm {
  height: 1em;
  overflow: hidden;
  margin-left: 0.2em;
}
.toolbar_element.horloge .wrapper .content .am-pm .list {
  height: 100px;
  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-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;
}
.toolbar_element.horloge .wrapper .content .am-pm .list > div {
  height: 50px;
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* TITRE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element.texte .wrapper .content .titre,
.toolbar_element.typo_informations .wrapper .content .titre {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.toolbar_element.texte .wrapper .content .titre:after,
.toolbar_element.typo_informations .wrapper .content .titre:after {
  content: "";
  display: block;
  margin-left: 0.55em;
  height: 0.6em;
  width: 0.6em;
  background-image: url("../../imgs/triangle.svg");
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
  transform: rotate(0deg);
}
.toolbar_element.texte .wrapper .content .titre.open:after,
.toolbar_element.typo_informations .wrapper .content .titre.open:after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* MANIFESTE
/* SINGLE TYPOGRAPHIE
/* PANNEAU AVEC BULLE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element.manifeste .wrapper .content .bulle,
.typo_change_style .wrapper .content .bulle {
  padding: 0.38em 1.1em;
  min-width: 100%;
  line-height: 1.18em;
}
.toolbar_element.manifeste .wrapper .content .bulle .bouton_bulle,
.typo_change_style .wrapper .content .bulle .bouton_bulle {
  position: relative;
  cursor: pointer;
  padding: 0.3em 0;
  border-top: 1px solid rgba(149, 149, 149, 0.5);
  text-align: center;
}
.toolbar_element.manifeste .wrapper .content .bulle .bouton_bulle:nth-child(2),
.typo_change_style .wrapper .content .bulle .bouton_bulle:nth-child(2) {
  border-top: 0 solid rgba(149, 149, 149, 0.5);
  padding-top: 0;
}
.toolbar_element.manifeste .wrapper .content .titre,
.typo_change_style .wrapper .content .titre {
  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;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  height: 100%;
}
.toolbar_element.manifeste .wrapper .content .titre .wrapper,
.typo_change_style .wrapper .content .titre .wrapper {
  min-width: auto;
  display: block;
  -webkit-transition: min-width 0.2s ease, -webkit-transform 0.2s ease;
  transition: min-width 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: min-width 0.2s ease, -o-transform 0.2s ease;
  -moz-transition: transform 0.2s ease, min-width 0.2s ease, -moz-transform 0.2s ease;
  transition: transform 0.2s ease, min-width 0.2s ease;
  transition: transform 0.2s ease, min-width 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease;
}
.toolbar_element.manifeste .wrapper .content .titre .wrapper div.titre_element,
.typo_change_style .wrapper .content .titre .wrapper div.titre_element {
  height: 100%;
  width: 100%;
  position: relative;
}
.toolbar_element.manifeste .wrapper .content .titre .wrapper div.titre_element > div,
.typo_change_style .wrapper .content .titre .wrapper div.titre_element > div {
  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;
  height: 100%;
  position: absolute;
  padding-right: 0.5em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
}
.toolbar_element.manifeste .wrapper .content .titre .wrapper div.titre_element.active,
.typo_change_style .wrapper .content .titre .wrapper div.titre_element.active {
  background-color: red;
}
.toolbar_element.manifeste .wrapper .content .titre .wrapper div.titre_element.active > div,
.typo_change_style .wrapper .content .titre .wrapper div.titre_element.active > div {
  position: relative;
}
.toolbar_element.manifeste .wrapper .content .titre:after,
.typo_change_style .wrapper .content .titre:after {
  content: "";
  display: block;
  margin-left: 0.55em;
  height: 100%;
  width: 0.6em;
  background-image: url("../../imgs/triangle.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 52%;
     -moz-transform-origin: 50% 52%;
      -ms-transform-origin: 50% 52%;
       -o-transform-origin: 50% 52%;
          transform-origin: 50% 52%;
}
.toolbar_element.manifeste .wrapper .content .titre.open:after,
.typo_change_style .wrapper .content .titre.open:after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.toolbar_element.manifeste .wrapper .content .bulle .bouton_bulle:nth-last-child(2) {
  padding-bottom: 0;
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* OPENTYPE CHANGE STYLE
/* ONLY MOBILE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.typo_change_style_mobile,
.typo_change_opentype_mobile {
  display: none;
}

/* version mobile */
@media screen and (max-width: 800px) {
  .typo_change_style_mobile,
.typo_change_opentype_mobile {
    display: block;
  }
}
.typo_change_style_mobile,
.typo_change_opentype_mobile {
  position: relative;
  height: 2.22em;
  margin-bottom: 0.55em;
}
.typo_change_style_mobile .selecter_wrapper,
.typo_change_opentype_mobile .selecter_wrapper {
  position: absolute;
  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 100;
}
.typo_change_style_mobile .selecter_wrapper .selecter,
.typo_change_opentype_mobile .selecter_wrapper .selecter {
  max-height: 10em;
  width: 200%;
  margin-right: 100px;
  overflow: scroll;
}
.typo_change_style_mobile .selecter_wrapper .selecter .option,
.typo_change_opentype_mobile .selecter_wrapper .selecter .option {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.9em;
  height: 2.22em;
  width: -webkit-calc(100vw - 2em);
  width: -moz-calc(100vw - 2em);
  width: calc(100vw - 2em);
}
.typo_change_style_mobile .selecter_wrapper .selecter .option:after,
.typo_change_opentype_mobile .selecter_wrapper .selecter .option:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.9em;
  display: block;
  height: 1px;
  width: -webkit-calc(100% - 1.8em);
  width: -moz-calc(100% - 1.8em);
  width: calc(100% - 1.8em);
  background-color: rgba(149, 149, 149, 0.5);
}
.typo_change_style_mobile .selecter_wrapper .selecter .option:last-child:after,
.typo_change_opentype_mobile .selecter_wrapper .selecter .option:last-child:after {
  content: "";
  display: none;
}
.typo_change_style_mobile .selecter_wrapper,
.typo_change_opentype_mobile .selecter_wrapper {
  z-index: 100;
  -webkit-transition: opacity 0.1s ease, height 0.3s ease;
  -o-transition: opacity 0.1s ease, height 0.3s ease;
  -moz-transition: opacity 0.1s ease, height 0.3s ease;
  transition: opacity 0.1s ease, height 0.3s ease;
  opacity: 0;
  max-height: 10em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.typo_change_style_mobile .selecter_wrapper.open,
.typo_change_opentype_mobile .selecter_wrapper.open {
  opacity: 1;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  pointer-events: auto;
}
.typo_change_style_mobile .place_holder,
.typo_change_opentype_mobile .place_holder {
  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;
  background-color: white;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.9em;
  -webkit-border-radius: 1.67em;
     -moz-border-radius: 1.67em;
          border-radius: 1.67em;
  position: relative;
  height: 100%;
  width: 100%;
}

.typo_change_opentype_mobile .selecter_wrapper .selecter .option:before {
  content: "";
  display: inline-block;
  height: 0.7em;
  width: 0.7em;
  margin-right: 0.5em;
  background-color: white;
  -webkit-border-radius: 25%;
     -moz-border-radius: 25%;
          border-radius: 25%;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  border: 1px solid black;
}
.typo_change_opentype_mobile .selecter_wrapper .selecter .option.checked:before {
  background-color: black;
}

.typo_change_style_mobile .selecter_wrapper .selecter .option:before {
  content: "";
  display: inline-block;
  height: 0.7em;
  width: 0.7em;
  margin-right: 0.5em;
  background-color: white;
  -webkit-border-radius: 25%;
     -moz-border-radius: 25%;
          border-radius: 25%;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.typo_change_style_mobile .selecter_wrapper .selecter .option.checked:before {
  background-color: black;
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* SINGLE TYPOGRAPHIE 
/* CHANGE OPENTYPE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.typo_change_opentype .wrapper .content .bulle {
  padding: 0.38em 1.1em;
  line-height: 1.18em;
}
.typo_change_opentype .wrapper .content .bulle .bouton_bulle {
  position: relative;
  cursor: pointer;
  padding: 0.3em 0;
  border-top: 1px solid rgba(149, 149, 149, 0.5);
  text-align: left;
}
.typo_change_opentype .wrapper .content .bulle .bouton_bulle:before {
  content: "";
  display: inline-block;
  height: 0.7em;
  width: 0.7em;
  margin-right: 0.5em;
  background-color: white;
  -webkit-border-radius: 25%;
     -moz-border-radius: 25%;
          border-radius: 25%;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.typo_change_opentype .wrapper .content .bulle .bouton_bulle.checked:before {
  background-color: #000000;
}
.typo_change_opentype .wrapper .content .bulle .bouton_bulle:nth-child(2) {
  border-top: 0 solid rgba(149, 149, 149, 0.5);
  padding-top: 0;
}
.typo_change_opentype .wrapper .content .bulle .bouton_bulle:nth-last-child(1) {
  padding-bottom: 0;
}
.typo_change_opentype .wrapper .content .titre {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.typo_change_opentype .wrapper .content .titre:after {
  content: "";
  display: block;
  margin-left: 1.65em;
  height: 0.6em;
  width: 0.6em;
  background-image: url("../../imgs/triangle.svg");
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
  transform: rotate(0deg);
}
.typo_change_opentype .wrapper .content .titre.open:after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* SINGLE TYPOGRAPHIE 
/* TYPO CHANGE COULEUR
/* CHANGE LA COULEUR DU BACKGROUND
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.typo_change_couleur .wrapper .content .bulle {
  padding: 0.72em 0.72em;
}
.typo_change_couleur .wrapper .content .titre {
  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;
  cursor: pointer;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  overflow: hidden;
}
.typo_change_couleur .wrapper .content .titre .wrapper {
  height: 1em;
  width: 1em;
  background-image: url("../../imgs/color-wheel.png");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
}

.typo_change_couleur_content .selecter {
  position: relative;
  width: 10.5em;
  height: 1em;
  margin-bottom: 0.55em;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.typo_change_couleur_content .selecter > .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0.91em;
     -moz-border-radius: 0.91em;
          border-radius: 0.91em;
}
.typo_change_couleur_content .selecter .poignet {
  height: 0.91em;
  width: 0.91em;
  background-color: #000000;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  position: absolute;
  z-index: 10;
}
.typo_change_couleur_content .selecter:last-child {
  margin-bottom: 0;
}
.typo_change_couleur_content #selecter_h > .bg {
  background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(66%, blue), color-stop(83%, #f0f), to(red));
  background: -webkit-linear-gradient(left, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
  background: -moz-linear-gradient(left, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
  background: -o-linear-gradient(left, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
  background: linear-gradient(to right, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
}
.typo_change_couleur_content .selecter:nth-last-child(2) {
  margin-bottom: 0;
}
.typo_change_couleur_content .separateur {
  margin-bottom: 0.55em;
  height: 1px;
  width: 100%;
  position: relative;
  background-color: #959595;
  opacity: 0.5;
}

/* invisible sur desktop */
#toolbar .bottom .typo_change_couleur_content {
  display: none;
}

/* version mobile */
@media screen and (max-width: 800px) {
  #toolbar .bottom .typo_change_couleur_content {
    display: block;
  }

  .typo_change_couleur_content .selecter {
    width: 100%;
    height: 2.22em;
    margin-bottom: 0.55em;
  }
  .typo_change_couleur_content .selecter > .bg {
    -webkit-border-radius: 1.11em;
       -moz-border-radius: 1.11em;
            border-radius: 1.11em;
  }
  .typo_change_couleur_content .selecter .poignet {
    height: 2.22em;
    width: 2.22em;
  }
  .typo_change_couleur_content .selecter:last-child {
    margin-bottom: 0;
  }
  .typo_change_couleur_content #selecter_h > .bg {
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(66%, blue), color-stop(83%, #f0f), to(red));
    background: -webkit-linear-gradient(left, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
    background: -moz-linear-gradient(left, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
    background: -o-linear-gradient(left, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
    background: linear-gradient(to right, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
  }
  .typo_change_couleur_content .selecter:nth-last-child(2) {
    margin-bottom: 0;
  }
  .typo_change_couleur_content .separateur {
    display: none;
  }
}
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* SINGLE PROJETS  
/* SLIDESHOW CONTROLERS
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* SingleProjets slideshow control */
.toolbar_element.slideshow_control .wrapper .content .bouton {
  cursor: pointer;
  width: 0.82em;
  height: 1.2em;
  -webkit-transform: translate(0, 0em);
     -moz-transform: translate(0, 0em);
      -ms-transform: translate(0, 0em);
       -o-transform: translate(0, 0em);
          transform: translate(0, 0em);
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.toolbar_element.slideshow_next .wrapper .content .bouton {
  background-image: url("../../imgs/fleche-droite.svg");
}

.toolbar_element.slideshow_prev .wrapper .content .bouton {
  background-image: url("../../imgs/fleche-gauche.svg");
}

.toolbar_element.slideshow_play .wrapper .content .bouton {
  height: 1.2em;
  width: 0.72em;
  background-image: url("../../imgs/play.svg");
}
.toolbar_element.slideshow_play .wrapper .content .bouton.pause {
  background-image: url("../../imgs/pause.svg");
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ARCHIVE TYPOGRAPHIE 
/* CHANGE TEXTE
/* 2 VERSIONS MOBILE/DESKTOP
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element.typo_change_texte .bulle,
.modif_texte_mobile .bulle {
  padding: 1.429vw 1.429vw;
  min-width: 8em;
  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;
}
.toolbar_element.typo_change_texte .bulle .titre,
.modif_texte_mobile .bulle .titre {
  cursor: pointer;
}
.toolbar_element.typo_change_texte .bulle .champs,
.modif_texte_mobile .bulle .champs {
  position: relative;
  background-color: white;
  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  outline: 0;
  border: none;
  resize: none;
  width: 16.1em;
  font-weight: normal;
  letter-spacing: inherit;
  line-height: inherit;
  white-space: normal;
  word-wrap: break-word;
  font-size: 1em;
  font-family: inherit;
  line-height: inherit;
  height: 1.82em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1em;
  text-align: center;
  margin-bottom: 0.7145vw;
}
.toolbar_element.typo_change_texte .bulle .boutons_wrapper,
.modif_texte_mobile .bulle .boutons_wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.toolbar_element.typo_change_texte .bulle .boutons_wrapper .bouton,
.modif_texte_mobile .bulle .boutons_wrapper .bouton {
  background-color: #000000;
  color: white;
  margin: 0 0.35725vw;
  cursor: pointer;
}
.toolbar_element.typo_change_texte .bulle .boutons_wrapper .bouton:hover,
.modif_texte_mobile .bulle .boutons_wrapper .bouton:hover {
  background-color: white;
  color: #000000;
}

/* version mobile */
.modif_texte_mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .modif_texte_mobile {
    display: block;
    position: relative;
    width: 100%;
  }
  .modif_texte_mobile .bulle {
    padding: 1.1em;
    -webkit-border-radius: 1.5em;
       -moz-border-radius: 1.5em;
            border-radius: 1.5em;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.5em;
    -webkit-transition: max-height 0.5s ease 0.5s;
    -o-transition: max-height 0.5s ease 0.5s;
    -moz-transition: max-height 0.5s ease 0.5s;
    transition: max-height 0.5s ease 0.5s;
    max-height: 2.22em;
  }
  .modif_texte_mobile .bulle .titre {
    opacity: 1;
    width: 100%;
    left: 0;
    top: 0;
    height: 2.2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 50;
    -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;
    position: absolute;
    -webkit-transition: all 0.2s ease 1s;
    -o-transition: all 0.2s ease 1s;
    -moz-transition: all 0.2s ease 1s;
    transition: all 0.2s ease 1s;
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
    pointer-events: auto;
  }
  .modif_texte_mobile .bulle .champs, .modif_texte_mobile .bulle .boutons_wrapper {
    opacity: 0;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
  }
  .modif_texte_mobile .bulle .champs {
    width: 100%;
    margin-bottom: 0.55em;
  }
  .modif_texte_mobile .bulle > .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(220, 220, 220, 0.8);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .modif_texte_mobile .bulle.open {
    max-height: 10em;
    -webkit-transition: max-height 0.5s ease 0.2s;
    -o-transition: max-height 0.5s ease 0.2s;
    -moz-transition: max-height 0.5s ease 0.2s;
    transition: max-height 0.5s ease 0.2s;
  }
  .modif_texte_mobile .bulle.open .champs, .modif_texte_mobile .bulle.open .boutons_wrapper {
    -webkit-transition: all 0.2s ease 0.7s;
    -o-transition: all 0.2s ease 0.7s;
    -moz-transition: all 0.2s ease 0.7s;
    transition: all 0.2s ease 0.7s;
    opacity: 1;
  }
  .modif_texte_mobile .bulle.open .titre {
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
  }
}
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ARCHIVE TYPOGRAPHIE 
/* TYPO CHANGE TAILLE
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
.toolbar_element.typo_change_taille .wrapper .content,
.toolbar_element.grille_zoom .wrapper .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toolbar_element.typo_change_taille .wrapper .content .selecter,
.toolbar_element.grille_zoom .wrapper .content .selecter {
  width: 8.6em;
  height: 0.91em;
  background-color: white;
  -webkit-border-radius: 0.91em;
     -moz-border-radius: 0.91em;
          border-radius: 0.91em;
  position: relative;
  cursor: pointer;
}
.toolbar_element.typo_change_taille .wrapper .content .selecter .background,
.toolbar_element.grille_zoom .wrapper .content .selecter .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.toolbar_element.typo_change_taille .wrapper .content .selecter .poignet,
.toolbar_element.grille_zoom .wrapper .content .selecter .poignet {
  height: 0.91em;
  width: 0.91em;
  background-color: #000000;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  left: -webkit-calc(50% - 0.45em);
  left: -moz-calc(50% - 0.45em);
  left: calc(50% - 0.45em);
}
.toolbar_element.typo_change_taille .wrapper .content .icone,
.toolbar_element.grille_zoom .wrapper .content .icone {
  margin-right: 0.45em;
  width: 0.91em;
  height: 0.77em;
  background-image: url("../../imgs/taille-texte.svg");
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* SINGLE TYPOGRAPHIE 
/* INFORMATIONS
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
#toolbar .font_in_use {
  padding-bottom: 1.429vw;
  width: 100%;
}
#toolbar .font_in_use h6 {
  margin-left: 1.429vw;
}
#toolbar .font_in_use .font_in_use_elements {
  height: 6.7em;
  width: 100%;
  margin-top: 0.7145vw;
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide {
  height: 100%;
  width: 100%;
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide .splide__slide {
  height: 6.7em;
  width: -webkit-calc(6.7em + 1.429vw);
  width: -moz-calc(6.7em + 1.429vw);
  width: calc(6.7em + 1.429vw);
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide .splide__slide .wrapper {
  height: 100%;
  width: 100%;
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide .splide__slide .wrapper .img_wrapper {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 6.7em;
  margin-left: 1.429vw;
  -webkit-border-radius: 0.68em;
     -moz-border-radius: 0.68em;
          border-radius: 0.68em;
  -webkit-transition: -webkit-border-radius 0.2s ease;
  transition: -webkit-border-radius 0.2s ease;
  -o-transition: border-radius 0.2s ease;
  -moz-transition: border-radius 0.2s ease, -moz-border-radius 0.2s ease;
  transition: border-radius 0.2s ease;
  transition: border-radius 0.2s ease, -webkit-border-radius 0.2s ease, -moz-border-radius 0.2s ease;
  overflow: hidden;
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide .splide__slide .wrapper .img_wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide .splide__slide .wrapper .img_wrapper h4 {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  height: 100%;
  width: 100%;
  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;
  text-align: center;
  width: 100%;
  font-size: 0.455em;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  color: white;
  padding: 2em;
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide .splide__slide .wrapper .img_wrapper h4 p {
  width: 100%;
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide .splide__slide .wrapper .img_wrapper:hover {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
#toolbar .font_in_use .font_in_use_elements #font_in_use_slideshow.splide .splide__slide .wrapper .img_wrapper:hover h4 {
  opacity: 1;
}

@media screen and (max-width: 800px) {
  #toolbar .font_in_use {
    display: none;
  }
  #toolbar .typo_informations {
    display: none;
  }
}
/* single typographie bouton acheter */
.toolbar_element.bouton_acheter {
  display: none;
  /* rien ne s'afifche dans la main_part */
}

/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
/* SINGLE TYPOGRAPHIE 
/* MULTI
/* affiche dans une même fenêtre les différents éléments
/* ****************************************** */
/* ****************************************** */
/* ****************************************** */
@media screen and (max-width: 800px) {
  .toolbar_element.typo_single .titre {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .toolbar_element.typo_single .titre:after {
    content: "";
    display: block;
    margin-left: 0.55em;
    height: 0.6em;
    width: 0.6em;
    background-image: url("../../imgs/triangle.svg");
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
    transform: rotate(0deg);
  }
  .toolbar_element.typo_single .titre.open:after {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
/* PORTRAIT */
.portrait_word {
  cursor: none;
}

.portrait_bulle {
  position: fixed;
  top: 0;
  left: 0;
  height: 4em;
  width: 4em;
  max-height: 400px;
  max-width: 400px;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  pointer-events: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.portrait_bulle .portrait_bulle_wrapper {
  height: 100%;
  width: 100%;
  -webkit-animation: float 6s ease-in-out infinite;
     -moz-animation: float 6s ease-in-out infinite;
       -o-animation: float 6s ease-in-out infinite;
          animation: float 6s ease-in-out infinite;
}
.portrait_bulle .portrait_bulle_wrapper .portrait_bulle_image_conteneur {
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}

.portrait_bulle.show {
  opacity: 1;
}

.portrait_bulle.quentin .portrait_bulle_wrapper .portrait_bulle_image_conteneur {
  background-image: url("../../imgs/portrait_quentin.png");
}

.portrait_bulle.johan .portrait_bulle_wrapper .portrait_bulle_image_conteneur {
  background-image: url("../../imgs/portrait_johan.png");
}

.portrait_bulle.mail .portrait_bulle_wrapper .portrait_bulle_image_conteneur {
  background-image: url("../../imgs/enveloppe.png");
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-20px);
            transform: translatey(-20px);
  }
  100% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}

@-moz-keyframes float {
  0% {
    -moz-transform: translatey(0px);
         transform: translatey(0px);
  }
  50% {
    -moz-transform: translatey(-20px);
         transform: translatey(-20px);
  }
  100% {
    -moz-transform: translatey(0px);
         transform: translatey(0px);
  }
}

@-o-keyframes float {
  0% {
    -o-transform: translatey(0px);
       transform: translatey(0px);
  }
  50% {
    -o-transform: translatey(-20px);
       transform: translatey(-20px);
  }
  100% {
    -o-transform: translatey(0px);
       transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translatey(0px);
       -moz-transform: translatey(0px);
         -o-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-20px);
       -moz-transform: translatey(-20px);
         -o-transform: translatey(-20px);
            transform: translatey(-20px);
  }
  100% {
    -webkit-transform: translatey(0px);
       -moz-transform: translatey(0px);
         -o-transform: translatey(0px);
            transform: translatey(0px);
  }
}
/* PAGES */
.manifeste.paragraphes {
  margin-top: 18.6vw;
}
.manifeste.paragraphes .paragraphe {
  margin: 0 1.429vw;
  margin-bottom: 1em;
}
.manifeste.paragraphes .paragraphe .titre {
  float: left;
  margin-top: 0.4em;
  margin-right: 1em;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.manifeste.paragraphes .paragraphe.active .titre {
  background-color: #000000;
  color: white;
}

/* ************************ */
/* MOBILE 			*/
/* ************************ */
@media screen and (max-width: 800px) {
  .manifeste.paragraphes {
    margin-top: 42.7vw;
    margin-bottom: 42.7vw;
  }
  .manifeste.paragraphes .paragraphe {
    margin: 0 5.33vw;
    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: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 1em;
  }
  .manifeste.paragraphes .paragraphe .titre {
    float: none;
    margin-right: 0;
    display: block;
  }
  .manifeste.paragraphes .paragraphe .texte {
    margin-top: 1em;
  }
}
#p5_loading, #p5_loading * {
  display: none !important;
}

.splashpage_content {
  overflow: hidden;
  height: 100vh;
  width: 100%;
  padding: 1.429vw;
}
.splashpage_content .texte_intro {
  position: relative;
  font-size: 4.55vw;
  line-height: 1.136;
  z-index: 10;
}
.splashpage_content .no_mouse {
  cursor: none;
}
.splashpage_content .pencil {
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../imgs/pencil.png");
  height: 10vw;
  width: 10vw;
  position: fixed;
  top: 3vw;
  left: 3vw;
  -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;
  -webkit-transform-origin: bottom left;
     -moz-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
       -o-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: translate(0, -100%) rotate(0deg);
     -moz-transform: translate(0, -100%) rotate(0deg);
      -ms-transform: translate(0, -100%) rotate(0deg);
       -o-transform: translate(0, -100%) rotate(0deg);
          transform: translate(0, -100%) rotate(0deg);
  pointer-events: none;
}
.splashpage_content .pencil.draw {
  -webkit-transform: translate(0, -100%) rotate(10deg);
     -moz-transform: translate(0, -100%) rotate(10deg);
      -ms-transform: translate(0, -100%) rotate(10deg);
       -o-transform: translate(0, -100%) rotate(10deg);
          transform: translate(0, -100%) rotate(10deg);
}
.splashpage_content #splashpage_canvas_container {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  z-index: 20;
}
.splashpage_content #splashpage_canvas_container canvas {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.splashpage_content #splashpage_canvas_container .toolbar {
  position: absolute;
  top: 50%;
  -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;
  -webkit-transform: translate(300%, -50%);
     -moz-transform: translate(300%, -50%);
      -ms-transform: translate(300%, -50%);
       -o-transform: translate(300%, -50%);
          transform: translate(300%, -50%);
  right: 1.429vw;
}
.splashpage_content #splashpage_canvas_container .toolbar .bt {
  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;
  background-color: rgba(220, 220, 220, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-border-radius: 1.818em;
     -moz-border-radius: 1.818em;
          border-radius: 1.818em;
  margin: 0.7145vw 0;
  font-size: 0.7em;
  height: 3vw;
  width: 3vw;
  text-align: center;
  cursor: pointer;
  -webkit-transform: translate(0, 0em);
     -moz-transform: translate(0, 0em);
      -ms-transform: translate(0, 0em);
       -o-transform: translate(0, 0em);
          transform: translate(0, 0em);
  -webkit-background-size: 70% 70%;
     -moz-background-size: 70%;
       -o-background-size: 70%;
          background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
}
.splashpage_content #splashpage_canvas_container .toolbar .bt:hover {
  background-color: black;
}
.splashpage_content #splashpage_canvas_container .toolbar .download {
  background-image: url("../../imgs/fleche-noir.svg");
}
.splashpage_content #splashpage_canvas_container .toolbar .download:hover {
  background-image: url("../../imgs/fleche-blanc.svg");
}
.splashpage_content #splashpage_canvas_container .toolbar .clear {
  background-image: url("../../imgs/reload-noir.svg");
}
.splashpage_content #splashpage_canvas_container .toolbar .clear:hover {
  background-image: url("../../imgs/reload-blanc.svg");
}
.splashpage_content #splashpage_canvas_container.toolbar_open .toolbar {
  -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
       -o-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.splashpage_content.noload {
  background-color: yellow;
}

/*
@media screen and (min-width: $breakpoint_mobile) {
	body.splashpage{
		.main{
			display: none;
		}
	}
}
*/
@media screen and (max-width: 800px) {
  .splashpage_content {
    display: none;
  }
  .splashpage_content .texte_intro {
    margin: 5.33vw;
    font-size: inherit;
    line-height: inherit;
  }
}
.apropos.part1 {
  margin: 0 1.429vw;
  margin-top: 18.6vw;
  margin-bottom: 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.apropos.part1 .texte_principal {
  position: relative;
  margin-right: 1.429vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
     -moz-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}
.apropos.part1 .adresses {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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;
}
.apropos.part1 .adresses .adresse {
  height: 50%;
  background-color: #E6E6E6;
  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
  padding: 1.1em;
  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;
}
.apropos.part1 .adresses .adresse .meteo {
  height: 3.9em;
  width: 3.9em;
}
.apropos.part1 .adresses .adresse .meteo .icon_meteo {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 135% 135%;
     -moz-background-size: 135%;
       -o-background-size: 135%;
          background-size: 135%;
  background-position: center;
}
.apropos.part1 .adresses .adresse .meteo .icon_1 {
  background-image: url("../../imgs/emojis/appple-emoji-01.png");
}
.apropos.part1 .adresses .adresse .meteo .icon_2 {
  background-image: url("../../imgs/emojis/appple-emoji-02.png");
}
.apropos.part1 .adresses .adresse .meteo .icon_3 {
  background-image: url("../../imgs/emojis/appple-emoji-03.png");
}
.apropos.part1 .adresses .adresse .meteo .icon_4 {
  background-image: url("../../imgs/emojis/appple-emoji-04.png");
}
.apropos.part1 .adresses .adresse .meteo .icon_5 {
  background-image: url("../../imgs/emojis/appple-emoji-05.png");
}
.apropos.part1 .adresses .adresse .meteo .icon_6 {
  background-image: url("../../imgs/emojis/appple-emoji-06.png");
}
.apropos.part1 .adresses .adresse .meteo .icon_7 {
  background-image: url("../../imgs/emojis/appple-emoji-07.png");
}
.apropos.part1 .adresses .adresse .meteo .icon_8 {
  background-image: url("../../imgs/emojis/appple-emoji-08.png");
}
.apropos.part1 .adresses .adresse:nth-child(1) {
  margin-bottom: 1em;
}

.apropos.part2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1.429vw;
  margin-bottom: 2em;
}
.apropos.part2 article {
  margin-left: 1.429vw;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.apropos.part2 article a {
  -webkit-text-decoration: underline solid transparent;
     -moz-text-decoration: underline solid transparent;
          text-decoration: underline solid transparent;
  -webkit-transition: -webkit-text-decoration 0.2s ease;
  transition: -webkit-text-decoration 0.2s ease;
  -o-transition: text-decoration 0.2s ease;
  -moz-transition: text-decoration 0.2s ease, -moz-text-decoration 0.2s ease;
  transition: text-decoration 0.2s ease;
  transition: text-decoration 0.2s ease, -webkit-text-decoration 0.2s ease, -moz-text-decoration 0.2s ease;
}
.apropos.part2 article a:hover {
  -webkit-text-decoration: underline solid #000000;
     -moz-text-decoration: underline solid #000000;
          text-decoration: underline solid #000000;
}
.apropos.part2 article .titre {
  margin-bottom: 2em;
  display: inline-block;
}
.apropos.part2 article:nth-child(1) {
  margin-left: 0;
}

.apropos.part3 {
  margin: 0 1.429vw;
  margin-bottom: 2em;
}
.apropos.part3 article {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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;
}
.apropos.part3 article a {
  -webkit-text-decoration: underline solid #000000;
     -moz-text-decoration: underline solid #000000;
          text-decoration: underline solid #000000;
}
.apropos.part3 article .titre {
  display: none;
}
.apropos.part3 article .part {
  width: -webkit-calc(50% - 0.7145vw);
  width: -moz-calc(50% - 0.7145vw);
  width: calc(50% - 0.7145vw);
}

/* ************************ */
/* MOBILE 			*/
/* ************************ */
@media screen and (max-width: 800px) {
  .apropos.part1 {
    margin: 0 5.33vw;
    margin-top: 42.7vw;
    margin-bottom: 5.33vw;
    -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;
  }
  .apropos.part1 .texte_principal {
    margin-right: 0;
    margin-bottom: 1.33em;
  }
  .apropos.part1 .adresses {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    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;
  }
  .apropos.part1 .adresses .adresse {
    margin-bottom: 5.33vw !important;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    padding: 1em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .apropos.part1 .adresses .adresse .meteo {
    margin-top: -0.25em;
    margin-right: -0.25em;
    height: 2.5em;
    width: 2.5em;
  }
  .apropos.part1 .adresses .adresse:last-child {
    margin-bottom: 0 !important;
  }

  .apropos.part2, .apropos.part3 {
    margin: 0 5.33vw;
    -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;
    margin: 0 5.33vw;
  }

  .apropos.part3 {
    margin-bottom: 2em;
  }

  .apropos.part2 .liste_deroulante, .part3 .liste_deroulante {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -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;
    margin-bottom: 5.33vw;
    margin-left: 0;
  }
  .apropos.part2 .liste_deroulante .titre, .part3 .liste_deroulante .titre {
    display: block !important;
    width: 100%;
    cusor: pointer;
    margin-bottom: 0 !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -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;
  }
  .apropos.part2 .liste_deroulante .titre:after, .part3 .liste_deroulante .titre:after {
    content: "";
    display: block;
    height: 0.6em;
    width: 0.6em;
    background-image: url("../../imgs/triangle.svg");
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
  }
  .apropos.part2 .liste_deroulante .content, .part3 .liste_deroulante .content {
    overflow: hidden;
    display: block;
    width: 100%;
    max-height: 0;
    -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;
  }
  .apropos.part2 .liste_deroulante .content .wrapper, .part3 .liste_deroulante .content .wrapper {
    margin-top: 1em;
  }
  .apropos.part2 .liste_deroulante.open .titre:after, .part3 .liste_deroulante.open .titre:after {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .apropos.part2 .liste_deroulante.open .content, .part3 .liste_deroulante.open .content {
    max-height: 100vh;
  }
}
body.archive_projets {
  overflow-x: hidden;
}

.grille_navigation_projets {
  position: relative;
  width: -webkit-calc(100% - 1.5vw);
  width: -moz-calc(100% - 1.5vw);
  width: calc(100% - 1.5vw);
  margin-top: 18.6vw;
  margin-left: 1.5vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.grille_navigation_projets .projet {
  display: block;
  position: relative;
  width: 20%;
  margin-bottom: 1.429vw;
  overflow: hidden;
}
.grille_navigation_projets .projet .bloc_wrapper {
  -webkit-border-radius: 0em;
     -moz-border-radius: 0em;
          border-radius: 0em;
  -webkit-transition: -webkit-border-radius 0.2s ease;
  transition: -webkit-border-radius 0.2s ease;
  -o-transition: border-radius 0.2s ease;
  -moz-transition: border-radius 0.2s ease, -moz-border-radius 0.2s ease;
  transition: border-radius 0.2s ease;
  transition: border-radius 0.2s ease, -webkit-border-radius 0.2s ease, -moz-border-radius 0.2s ease;
  position: relative;
  width: -webkit-calc(100% - 1.429vw);
  width: -moz-calc(100% - 1.429vw);
  width: calc(100% - 1.429vw);
  overflow: hidden;
}
.grille_navigation_projets .projet .bloc_wrapper .background {
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  height: -webkit-calc(100% + 50px);
  height: -moz-calc(100% + 50px);
  height: calc(100% + 50px);
  width: -webkit-calc(100% + 50px);
  width: -moz-calc(100% + 50px);
  width: calc(100% + 50px);
  top: -25px;
  left: -25px;
  position: absolute;
  z-index: 2;
  -webkit-border-radius: 0.5em;
     -moz-border-radius: 0.5em;
          border-radius: 0.5em;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0;
}
.grille_navigation_projets .projet .bloc_wrapper .image_wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 1;
}
.grille_navigation_projets .projet .bloc_wrapper .image_wrapper img {
  width: 100%;
}
.grille_navigation_projets .projet .titre {
  display: none;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2em;
}
.grille_navigation_projets .projet:hover .bloc_wrapper {
  -webkit-border-radius: 0.5em;
     -moz-border-radius: 0.5em;
          border-radius: 0.5em;
}
.grille_navigation_projets .projet {
  -webkit-transition: left 0.3s ease, top 0.3s ease;
  -o-transition: left 0.3s ease, top 0.3s ease;
  -moz-transition: left 0.3s ease, top 0.3s ease;
  transition: left 0.3s ease, top 0.3s ease;
}
.grille_navigation_projets .projet.animSize {
  -webkit-transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease;
  -o-transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease;
  -moz-transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease;
  transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease;
}
.grille_navigation_projets .projet.discret .background {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* ************************ */
/* MOBILE 			*/
/* ************************ */
@media screen and (max-width: 800px) {
  .grille_navigation_projets {
    width: -webkit-calc(100% - 5.33vw);
    width: -moz-calc(100% - 5.33vw);
    width: calc(100% - 5.33vw);
    margin-left: 5.33vw;
    margin-top: 42.7vw;
  }
  .grille_navigation_projets .projet {
    width: 100%;
    margin-bottom: 5.33vw;
  }
  .grille_navigation_projets .projet .bloc_wrapper {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    width: -webkit-calc(100% - 5.33vw);
    width: -moz-calc(100% - 5.33vw);
    width: calc(100% - 5.33vw);
  }
  .grille_navigation_projets .projet .bloc_wrapper .titre {
    height: 2em;
    z-index: 8;
    display: block;
    bottom: 0.5em;
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    left: 0.5em;
  }
  .grille_navigation_projets .projet .bloc_wrapper .titre:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 1.35em;
       -moz-border-radius: 1.35em;
            border-radius: 1.35em;
    background-color: rgba(220, 220, 220, 0.8);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .grille_navigation_projets .projet:hover .bloc_wrapper {
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
  }
}
/* ************************ */
/* TEXTE DEFILANT 			*/
/* ************************ */
.messagedefilant {
  position: relative;
  width: 100%;
  height: 100%;
}
.messagedefilant > div {
  position: absolute;
  min-width: 100%;
  height: 100%;
}
.messagedefilant > div > span {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  white-space: nowrap;
  line-height: 2;
}
.messagedefilant > div > span:first-child {
  -webkit-animation: defilement 20s infinite linear;
     -moz-animation: defilement 20s infinite linear;
       -o-animation: defilement 20s infinite linear;
          animation: defilement 20s infinite linear;
}
.messagedefilant > div > span:last-child {
  position: absolute;
  -webkit-animation: defilement2 20s infinite linear;
     -moz-animation: defilement2 20s infinite linear;
       -o-animation: defilement2 20s infinite linear;
          animation: defilement2 20s infinite linear;
}
.messagedefilant > div .wrapper {
  margin-right: 5em;
}

.messagedefilant_moove {
  pointer-events: none;
  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 20vw;
  height: 2.1em;
  background-color: rgba(220, 220, 220, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease, left 0.1s ease, top 0.1s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.2s ease, left 0.1s ease, top 0.1s ease, -webkit-transform 0.5s ease;
  -o-transition: opacity 0.2s ease, left 0.1s ease, top 0.1s ease, -o-transform 0.5s ease;
  -moz-transition: opacity 0.2s ease, transform 0.5s ease, left 0.1s ease, top 0.1s ease, -moz-transform 0.5s ease;
  transition: opacity 0.2s ease, transform 0.5s ease, left 0.1s ease, top 0.1s ease;
  transition: opacity 0.2s ease, transform 0.5s ease, left 0.1s ease, top 0.1s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
  opacity: 0;
  z-index: 10;
}
.messagedefilant_moove .messagedefilant {
  display: block;
}

.messagedefilant_moove.open {
  opacity: 1;
}

.messagedefilant_moove.left {
  -webkit-transform: translate(-110%, 0);
     -moz-transform: translate(-110%, 0);
      -ms-transform: translate(-110%, 0);
       -o-transform: translate(-110%, 0);
          transform: translate(-110%, 0);
}

.messagedefilant_moove.right {
  -webkit-transform: translate(10%, 0);
     -moz-transform: translate(10%, 0);
      -ms-transform: translate(10%, 0);
       -o-transform: translate(10%, 0);
          transform: translate(10%, 0);
}

@-webkit-keyframes defilement {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

@-moz-keyframes defilement {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

@-o-keyframes defilement {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

@keyframes defilement {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}
@-webkit-keyframes defilement2 {
  0% {
    margin-left: 100%;
  }
  100% {
    margin-left: 0%;
  }
}
@-moz-keyframes defilement2 {
  0% {
    margin-left: 100%;
  }
  100% {
    margin-left: 0%;
  }
}
@-o-keyframes defilement2 {
  0% {
    margin-left: 100%;
  }
  100% {
    margin-left: 0%;
  }
}
@keyframes defilement2 {
  0% {
    margin-left: 100%;
  }
  100% {
    margin-left: 0%;
  }
}
/* ************************ */
/* MOBILE 			*/
/* ************************ */
@media screen and (max-width: 800px) {
  .messagedefilant_moove {
    display: none !important;
  }
}
body.archive-projets-list .projets_list {
  margin: 0 1.429vw;
  margin-top: 18.6vw;
  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: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.archive-projets-list .projets_list .projet {
  overflow: hidden;
  position: relative;
  display: block;
  padding: 0.227em 0.682em;
  background-color: rgba(230, 230, 230, 0.6);
  margin-right: 0.227em;
  margin-bottom: 0.227em;
  color: #000000;
  -webkit-border-radius: 2.27em;
     -moz-border-radius: 2.27em;
          border-radius: 2.27em;
  -webkit-transition: -webkit-border-radius 0.1s ease;
  transition: -webkit-border-radius 0.1s ease;
  -o-transition: border-radius 0.1s ease;
  -moz-transition: border-radius 0.1s ease, -moz-border-radius 0.1s ease;
  transition: border-radius 0.1s ease;
  transition: border-radius 0.1s ease, -webkit-border-radius 0.1s ease, -moz-border-radius 0.1s ease;
}
body.archive-projets-list .projets_list .projet .titre {
  position: relative;
}
body.archive-projets-list .projets_list .projet .titre_court {
  display: none;
}
body.archive-projets-list .projets_list .projet .titre_long {
  display: initial;
}
body.archive-projets-list .projets_list .projet .background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* ************************ */
/* ONLY PORTRAIT 			*/
/* ************************ */
@media screen and (min-aspect-ratio: 5/6) {
  body.archive-projets-list .projets_list .projet:hover {
    -webkit-border-radius: 0em;
       -moz-border-radius: 0em;
            border-radius: 0em;
  }
  body.archive-projets-list .projets_list .projet:hover .background {
    opacity: 1;
  }
}
/* ************************ */
/* MOBILE 			*/
/* ************************ */
@media screen and (max-width: 800px) {
  body.archive-projets-list .projets_list {
    margin-top: 42.7vw;
    margin-bottom: 42.7vw;
    -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;
  }
  body.archive-projets-list .projets_list .projet {
    padding: 0.4em 1em;
    -webkit-border-radius: 1.87em;
       -moz-border-radius: 1.87em;
            border-radius: 1.87em;
    margin-right: 0;
    margin-bottom: 0.66em;
    text-align: center;
  }
  body.archive-projets-list .projets_list .projet .titre_court {
    display: initial;
  }
  body.archive-projets-list .projets_list .projet .titre_long {
    display: none;
  }
  body.archive-projets-list .projets_list:after {
    content: "";
    display: block;
    height: 1px;
    width: 1px;
  }
}
body.single_projets {
  /* cadre temporaire pour chargement */
}
body.single_projets .contenu {
  position: fixed;
  position: absolute;
  top: -webkit-calc(2.858vw + 0.8em);
  top: -moz-calc(2.858vw + 0.8em);
  top: calc(2.858vw + 0.8em);
  width: 100%;
  height: -webkit-calc(100vh - (4.287vw + 0.8em));
  height: -moz-calc(100vh - (4.287vw + 0.8em));
  height: calc(100vh - (4.287vw + 0.8em));
  left: 0;
  /* titre */
  /* BAR TEMOIN */
  /* SLIDE SHOW */
}
body.single_projets .contenu .titre_projet_mobile {
  display: none;
}
body.single_projets .contenu .top_bar {
  position: absolute;
  top: 0;
  right: 1.429vw;
  left: 0;
  height: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
body.single_projets .contenu .top_bar .bar {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  margin-left: 0.7145vw;
  background-color: #DCDCDC;
}
body.single_projets .contenu .top_bar .bar .background {
  height: 100%;
  width: 0%;
  background-color: #000000;
}
body.single_projets .contenu .top_bar .bar:nth-child(1) {
  margin-left: 1.429vw;
}
body.single_projets .contenu .top_bar .bar.visited {
  background-color: #000000;
}
body.single_projets .contenu .top_bar .bar.visited .background {
  width: 0%;
}
body.single_projets .contenu .top_bar .bar.active {
  background-color: #000000;
}
body.single_projets .contenu .top_bar .bar.active .background {
  width: 100%;
}
body.single_projets .contenu .top_bar.autoplay .bar .background {
  opacity: 0;
  -webkit-transition-property: none;
  -o-transition-property: none;
  -moz-transition-property: none;
  transition-property: none;
}
body.single_projets .contenu .top_bar.autoplay .bar.active {
  background-color: #DCDCDC;
}
body.single_projets .contenu .top_bar.autoplay .bar.active .background {
  opacity: 1;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-property: width;
  -o-transition-property: width;
  -moz-transition-property: width;
  transition-property: width;
}
body.single_projets .contenu .slideshow {
  margin-top: -webkit-calc(1.429vw + 2px);
  margin-top: -moz-calc(1.429vw + 2px);
  margin-top: calc(1.429vw + 2px);
  height: -webkit-calc(100% - 1.429vw - 2px);
  height: -moz-calc(100% - 1.429vw - 2px);
  height: calc(100% - 1.429vw - 2px);
}
body.single_projets .contenu .slideshow .splide.loaded img,
body.single_projets .contenu .slideshow .splide.loaded video {
  opacity: 1;
}
body.single_projets .contenu .slideshow .splide:not(.loaded) img,
body.single_projets .contenu .slideshow .splide:not(.loaded) video {
  opacity: 0;
}
body.single_projets .contenu .slideshow .splide,
body.single_projets .contenu .slideshow .splide__track,
body.single_projets .contenu .slideshow .splide__list,
body.single_projets .contenu .slideshow .splide__slide,
body.single_projets .contenu .slideshow .splide__slide img,
body.single_projets .contenu .slideshow .splide__slide video {
  height: 100%;
}
body.single_projets .contenu .slideshow .splide__slide {
  position: relative;
  height: 100%;
  overflow: hidden;
}
body.single_projets .contenu .slideshow .splide__slide img {
  position: relative;
  margin-left: 1.429vw;
  height: 100%;
  -webkit-transition: opacity 0.5s ease, -webkit-border-radius 0.1s ease;
  transition: opacity 0.5s ease, -webkit-border-radius 0.1s ease;
  -o-transition: border-radius 0.1s ease, opacity 0.5s ease;
  -moz-transition: border-radius 0.1s ease, opacity 0.5s ease, -moz-border-radius 0.1s ease;
  transition: border-radius 0.1s ease, opacity 0.5s ease;
  transition: border-radius 0.1s ease, opacity 0.5s ease, -webkit-border-radius 0.1s ease, -moz-border-radius 0.1s ease;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
body.single_projets .contenu .slideshow .splide__slide video {
  position: relative;
  margin-left: 1.429vw;
  height: 100%;
  -webkit-transition: opacity 0.5s ease, -webkit-border-radius 0.1s ease;
  transition: opacity 0.5s ease, -webkit-border-radius 0.1s ease;
  -o-transition: border-radius 0.1s ease, opacity 0.5s ease;
  -moz-transition: border-radius 0.1s ease, opacity 0.5s ease, -moz-border-radius 0.1s ease;
  transition: border-radius 0.1s ease, opacity 0.5s ease;
  transition: border-radius 0.1s ease, opacity 0.5s ease, -webkit-border-radius 0.1s ease, -moz-border-radius 0.1s ease;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
body.single_projets .contenu .slideshow .splide__slide.is-active img, body.single_projets .contenu .slideshow .splide__slide.is-active video {
  -webkit-border-radius: 0em;
     -moz-border-radius: 0em;
          border-radius: 0em;
}
body.single_projets .contenu .slideshow .splide__slide.is-active:before {
  -webkit-border-radius: 0em;
     -moz-border-radius: 0em;
          border-radius: 0em;
}
body.single_projets .contenu .slideshow .splide__slide:not(.is-active) {
  cursor: pointer;
}
body.single_projets .slideshow .splide .splide__slide:before {
  content: "";
  display: block;
  width: -webkit-calc(100% - 1.429vw - 1px);
  width: -moz-calc(100% - 1.429vw - 1px);
  width: calc(100% - 1.429vw - 1px);
  height: 100%;
  background-color: #E6E6E6;
  left: 1.429vw;
  top: 0;
  position: absolute;
}

/* ************************ */
/* MOBILE 			*/
/* ************************ */
@media screen and (max-width: 800px) {
  body.single_projets .contenu {
    position: fixed;
    margin: 0 5.33vw;
    margin-top: 42.7vw;
    position: relative;
    top: auto;
    width: -webkit-calc(100% - 10.66vw);
    width: -moz-calc(100% - 10.66vw);
    width: calc(100% - 10.66vw);
    height: auto;
    left: auto;
    /* titre */
  }
  body.single_projets .contenu .slideshow .slideshow-wrapper:not(.loaded) {
    opacity: 1;
  }
  body.single_projets .contenu .titre_projet_mobile {
    display: block;
    text-align: center;
    background-color: #E6E6E6;
    color: #000000;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    padding: 0.5em;
  }
  body.single_projets .contenu .titre_projet_mobile > .bouton {
    display: block;
    float: right;
    height: 1em;
    width: 1em;
    margin: 0;
    margin-top: 0.1em;
    margin-right: 0.2em;
    background-image: url("../../imgs/plus.svg");
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100%;
         -o-background-size: 100%;
            background-size: 100%;
    background-repeat: no-repeat;
    -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(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  body.single_projets .contenu .top_bar {
    display: none;
  }
  body.single_projets .contenu .slideshow .splide,
body.single_projets .contenu .slideshow .splide__track,
body.single_projets .contenu .slideshow .splide__list,
body.single_projets .contenu .slideshow .splide__slide,
body.single_projets .contenu .slideshow .splide__slide img,
body.single_projets .contenu .slideshow .splide__slide video {
    height: auto;
    width: 100%;
  }
  body.single_projets .contenu .slideshow {
    margin-top: 0;
  }
  body.single_projets .contenu .slideshow .slideshow .splide__track {
    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;
  }
  body.single_projets .contenu .slideshow .splide__slide {
    margin-top: 0.5em;
  }
  body.single_projets .contenu .slideshow .splide__slide img {
    margin-left: 0;
    height: auto;
    width: 100%;
    display: block;
  }
  body.single_projets .contenu .slideshow .splide__slide video {
    margin-left: 0;
    height: auto;
    width: 100%;
    display: block;
  }
}
.grille_navigation_typographies {
  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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 18.6vw;
  margin-left: 1.429vw;
  margin-right: 1.429vw;
}
.grille_navigation_typographies .typographie {
  width: -webkit-calc(50% - 0.7145vw);
  width: -moz-calc(50% - 0.7145vw);
  width: calc(50% - 0.7145vw);
  min-height: 26vw;
  background-color: #E6E6E6;
  margin-bottom: 1.429vw;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -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;
  overflow: hidden;
  -webkit-transition: -webkit-border-radius 0.2s ease;
  transition: -webkit-border-radius 0.2s ease;
  -o-transition: border-radius 0.2s ease;
  -moz-transition: border-radius 0.2s ease, -moz-border-radius 0.2s ease;
  transition: border-radius 0.2s ease;
  transition: border-radius 0.2s ease, -webkit-border-radius 0.2s ease, -moz-border-radius 0.2s ease;
}
.grille_navigation_typographies .typographie .infos {
  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;
  width: 100%;
  padding: 0.5em 1em;
  position: absolute;
  top: 0;
  left: 0;
}
.grille_navigation_typographies .typographie .font_size {
  font-size: 10vw;
  padding: 0.2em;
  width: -webkit-calc(100% - 0.4em);
  width: -moz-calc(100% - 0.4em);
  width: calc(100% - 0.4em);
}
.grille_navigation_typographies .typographie .font_size_adapt {
  font-size: 1em;
}
.grille_navigation_typographies .typographie .titre {
  position: relative;
  text-align: center;
  line-height: 1;
  text-wrap: balance;
  width: 100%;
}
.grille_navigation_typographies .typographie:not(.coming_soon) .cache_couleur {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

/* ************************ */
/* ONLY DESKTOP 			*/
/* ************************ */
@media screen and (min-width: 800px) {
  .grille_navigation_typographies .typographie:not(.coming_soon):hover {
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
  }
  .grille_navigation_typographies .typographie:not(.coming_soon):hover .cache_couleur {
    opacity: 1;
  }
}
/* ************************ */
/* MOBILE 			*/
/* ************************ */
@media screen and (max-width: 800px) {
  .grille_navigation_typographies {
    margin-top: 42.7vw;
    margin-left: 5.33vw;
    margin-right: 5.33vw;
    margin-bottom: -webkit-calc(5.33vw - 0.5em);
    margin-bottom: -moz-calc(5.33vw - 0.5em);
    margin-bottom: calc(5.33vw - 0.5em);
  }
  .grille_navigation_typographies .typographie {
    width: 100%;
    min-height: 89.34vw;
    margin-bottom: 0.5em;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .grille_navigation_typographies .typographie .cache_couleur {
    opacity: 1;
  }
  .grille_navigation_typographies .typographie .font_size {
    font-size: 17vw;
  }
}
#typographie_test_view {
  z-index: 1;
  position: absolute;
  top: -webkit-calc(2.858vw + 1em);
  top: -moz-calc(2.858vw + 1em);
  top: calc(2.858vw + 1em);
  left: 1.429vw;
  right: 1.429vw;
  bottom: 1.429vw;
  overflow: hidden;
}
#typographie_test_view > .titre_typo_mobile {
  display: none;
}
#typographie_test_view > .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
#typographie_test_view > .wrapper .wrap_typo_size {
  position: absolute;
  font-size: 10vw;
  top: 0.2em;
  left: 0.4em;
  height: -webkit-calc(100% - 0.4em);
  height: -moz-calc(100% - 0.4em);
  height: calc(100% - 0.4em);
  width: -webkit-calc(100% - 0.8em);
  width: -moz-calc(100% - 0.8em);
  width: calc(100% - 0.8em);
}
#typographie_test_view > .wrapper .wrap_typo_size .set_typo_size {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  font-size: 1em;
}
#typographie_test_view > .wrapper .wrap_typo_size .set_typo_size .change_typo_size {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  font-size: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -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;
  /* la typo sera modifiée ici */
}
#typographie_test_view > .wrapper .wrap_typo_size .set_typo_size .change_typo_size .champs {
  width: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  outline: 0;
  border: none;
  resize: none;
  font-weight: normal;
  letter-spacing: inherit;
  line-height: inherit;
  white-space: normal;
  word-wrap: break-word;
  text-align: center;
  font-size: inherit;
  padding: 0;
  margin: 0;
  text-align: center;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  padding: 1em 0;
}
#typographie_test_view > .wrapper .wrap_typo_size .set_typo_size .change_typo_size .champs > * {
  font-size: inherit !important;
}
#typographie_test_view > .wrapper .wrap_typo_size .set_typo_size .change_typo_size .champs_utile {
  display: none;
}

/* ************************ */
/* MOBILE 			*/
/* ************************ */
@media screen and (max-width: 800px) {
  #typographie_test_view {
    z-index: 1;
    position: absolute;
    top: 42.7vw;
    left: 5.33vw;
    right: 5.33vw;
    bottom: 5.33vw;
    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-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  #typographie_test_view > .titre_typo_mobile {
    display: block;
    text-align: center;
    background-color: #E6E6E6;
    color: #000000;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    padding: 0.5em;
  }
  #typographie_test_view > .titre_typo_mobile > .bouton {
    display: block;
    float: right;
    height: 1em;
    width: 1em;
    margin: 0;
    margin-top: 0.1em;
    margin-right: 0.2em;
    background-image: url("../../imgs/plus.svg");
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100%;
         -o-background-size: 100%;
            background-size: 100%;
    background-repeat: no-repeat;
    -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(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #typographie_test_view > .wrapper {
    margin-top: 0.33em;
    position: relative;
    height: 100%;
    background-color: yellow;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  #typographie_test_view > .wrapper .wrap_typo_size {
    font-size: 15vw;
  }
}
body.landing {
  padding: 0.2em;
}

/* effet texte */
.effet_texte.compteur_de_lettres .lettre {
  position: relative;
  display: inline-block;
}
.effet_texte.compteur_de_lettres .lettre .temoin {
  opacity: 0;
}
.effet_texte.compteur_de_lettres .lettre .others_wrapper {
  position: absolute;
  top: 0;
  height: 1.2em;
  overflow: hidden;
}
.effet_texte.compteur_de_lettres .lettre .others_wrapper .others {
  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-transform: translate(0, -95%);
     -moz-transform: translate(0, -95%);
      -ms-transform: translate(0, -95%);
       -o-transform: translate(0, -95%);
          transform: translate(0, -95%);
  -webkit-animation-direction: normal;
     -moz-animation-direction: normal;
       -o-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 10s;
     -moz-animation-duration: 10s;
       -o-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
     -moz-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
       -o-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
          animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
  -webkit-animation-name: compteur;
     -moz-animation-name: compteur;
       -o-animation-name: compteur;
          animation-name: compteur;
  -webkit-animation-delay: 250ms;
     -moz-animation-delay: 250ms;
       -o-animation-delay: 250ms;
          animation-delay: 250ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+0) .others_wrapper .others {
  -webkit-animation-delay: 0ms;
     -moz-animation-delay: 0ms;
       -o-animation-delay: 0ms;
          animation-delay: 0ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+1) .others_wrapper .others {
  -webkit-animation-delay: 100ms;
     -moz-animation-delay: 100ms;
       -o-animation-delay: 100ms;
          animation-delay: 100ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+2) .others_wrapper .others {
  -webkit-animation-delay: 200ms;
     -moz-animation-delay: 200ms;
       -o-animation-delay: 200ms;
          animation-delay: 200ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+3) .others_wrapper .others {
  -webkit-animation-delay: 300ms;
     -moz-animation-delay: 300ms;
       -o-animation-delay: 300ms;
          animation-delay: 300ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+4) .others_wrapper .others {
  -webkit-animation-delay: 400ms;
     -moz-animation-delay: 400ms;
       -o-animation-delay: 400ms;
          animation-delay: 400ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+5) .others_wrapper .others {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+6) .others_wrapper .others {
  -webkit-animation-delay: 600ms;
     -moz-animation-delay: 600ms;
       -o-animation-delay: 600ms;
          animation-delay: 600ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+7) .others_wrapper .others {
  -webkit-animation-delay: 700ms;
     -moz-animation-delay: 700ms;
       -o-animation-delay: 700ms;
          animation-delay: 700ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+8) .others_wrapper .others {
  -webkit-animation-delay: 800ms;
     -moz-animation-delay: 800ms;
       -o-animation-delay: 800ms;
          animation-delay: 800ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+9) .others_wrapper .others {
  -webkit-animation-delay: 900ms;
     -moz-animation-delay: 900ms;
       -o-animation-delay: 900ms;
          animation-delay: 900ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+10) .others_wrapper .others {
  -webkit-animation-delay: 1000ms;
     -moz-animation-delay: 1000ms;
       -o-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+11) .others_wrapper .others {
  -webkit-animation-delay: 1100ms;
     -moz-animation-delay: 1100ms;
       -o-animation-delay: 1100ms;
          animation-delay: 1100ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+12) .others_wrapper .others {
  -webkit-animation-delay: 1200ms;
     -moz-animation-delay: 1200ms;
       -o-animation-delay: 1200ms;
          animation-delay: 1200ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+13) .others_wrapper .others {
  -webkit-animation-delay: 1300ms;
     -moz-animation-delay: 1300ms;
       -o-animation-delay: 1300ms;
          animation-delay: 1300ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+14) .others_wrapper .others {
  -webkit-animation-delay: 1400ms;
     -moz-animation-delay: 1400ms;
       -o-animation-delay: 1400ms;
          animation-delay: 1400ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+15) .others_wrapper .others {
  -webkit-animation-delay: 1500ms;
     -moz-animation-delay: 1500ms;
       -o-animation-delay: 1500ms;
          animation-delay: 1500ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+16) .others_wrapper .others {
  -webkit-animation-delay: 1600ms;
     -moz-animation-delay: 1600ms;
       -o-animation-delay: 1600ms;
          animation-delay: 1600ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+17) .others_wrapper .others {
  -webkit-animation-delay: 1700ms;
     -moz-animation-delay: 1700ms;
       -o-animation-delay: 1700ms;
          animation-delay: 1700ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+18) .others_wrapper .others {
  -webkit-animation-delay: 1800ms;
     -moz-animation-delay: 1800ms;
       -o-animation-delay: 1800ms;
          animation-delay: 1800ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+19) .others_wrapper .others {
  -webkit-animation-delay: 1900ms;
     -moz-animation-delay: 1900ms;
       -o-animation-delay: 1900ms;
          animation-delay: 1900ms;
}
.effet_texte.compteur_de_lettres .lettre:nth-child(20n+20) .others_wrapper .others {
  -webkit-animation-delay: 2000ms;
     -moz-animation-delay: 2000ms;
       -o-animation-delay: 2000ms;
          animation-delay: 2000ms;
}

@-webkit-keyframes compteur {
  0% {
    -webkit-transform: translate(0, -95%);
            transform: translate(0, -95%);
  }
  80% {
    -webkit-transform: translate(0, -95%);
            transform: translate(0, -95%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}

@-moz-keyframes compteur {
  0% {
    -moz-transform: translate(0, -95%);
         transform: translate(0, -95%);
  }
  80% {
    -moz-transform: translate(0, -95%);
         transform: translate(0, -95%);
  }
  100% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
}

@-o-keyframes compteur {
  0% {
    -o-transform: translate(0, -95%);
       transform: translate(0, -95%);
  }
  80% {
    -o-transform: translate(0, -95%);
       transform: translate(0, -95%);
  }
  100% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
}

@keyframes compteur {
  0% {
    -webkit-transform: translate(0, -95%);
       -moz-transform: translate(0, -95%);
         -o-transform: translate(0, -95%);
            transform: translate(0, -95%);
  }
  80% {
    -webkit-transform: translate(0, -95%);
       -moz-transform: translate(0, -95%);
         -o-transform: translate(0, -95%);
            transform: translate(0, -95%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
/*

.effet_texte.rotation_anarchique{


	.lettre{ transform: translate(0, 0% ); }

	.lettre{
		transition:transform .1s ease-in-out;
		position:relative;
		display: inline-block;
		transform: translate(0,0) rotate(0deg);
	}

	.inside_lettre{
		transition:transform .25s ease-in-out;
		position:relative;
		display: inline-block;
	}
}

.effet_texte.rotation_anarchique.anim{
	.lettre:nth-child(10n + 0){ transform: translate(0, -20% ) 		rotate(20deg)	; }
	.lettre:nth-child(10n + 1){ transform: translate(-10%,  -10% ) 	rotate(-5deg)	; }
	.lettre:nth-child(10n + 2){ transform: translate(-10%, 20% ) 	rotate(10deg)	; }
	.lettre:nth-child(10n + 3){ transform: translate(-10%, -10% ) 	rotate(-10deg)	; }
	.lettre:nth-child(10n + 4){ transform: translate(5%, 0% ) 		rotate(10deg)	; }
	.lettre:nth-child(10n + 5){ transform: translate(0%, 15% ) 		rotate(-5deg)	; }
	.lettre:nth-child(10n + 6){ transform: translate(-10%, -20% ) 	rotate(-20deg)	; }
	.lettre:nth-child(10n + 7){ transform: translate(20%,  10% ) 	rotate(10deg)	; }
	.lettre:nth-child(10n + 8){ transform: translate(0, 20% ) 		rotate(0deg)	; }
	.lettre:nth-child(10n + 9){ transform: translate(-10%, -10% ) 	rotate(-13deg)	; }
	.lettre:nth-child(10n + 10){ transform: translate(5%, 0% ) 		rotate(-17deg)	; }

	.lettre:nth-child(2n + 1) .inside_lettre{
		//transform:rotate(360deg);
	}
	.lettre:nth-child(2n + 0) .inside_lettre{
		//transform:rotate(-360deg);
	}
}

*/
.effet_texte.rotation_anarchique .lettre {
  position: relative;
  display: inline-block;
  -webkit-transform: translate(0, 0) rotate(0deg);
     -moz-transform: translate(0, 0) rotate(0deg);
      -ms-transform: translate(0, 0) rotate(0deg);
       -o-transform: translate(0, 0) rotate(0deg);
          transform: translate(0, 0) rotate(0deg);
  position: relative;
  display: inline-block;
  -webkit-animation-direction: normal;
     -moz-animation-direction: normal;
       -o-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
     -moz-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
       -o-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
          animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
}

.effet_texte.rotation_anarchique.anim .lettre:nth-child(5n+0) {
  -webkit-animation-name: rotation_anarchique_0;
     -moz-animation-name: rotation_anarchique_0;
       -o-animation-name: rotation_anarchique_0;
          animation-name: rotation_anarchique_0;
}
.effet_texte.rotation_anarchique.anim .lettre:nth-child(5n+1) {
  -webkit-animation-name: rotation_anarchique_1;
     -moz-animation-name: rotation_anarchique_1;
       -o-animation-name: rotation_anarchique_1;
          animation-name: rotation_anarchique_1;
}
.effet_texte.rotation_anarchique.anim .lettre:nth-child(5n+2) {
  -webkit-animation-name: rotation_anarchique_2;
     -moz-animation-name: rotation_anarchique_2;
       -o-animation-name: rotation_anarchique_2;
          animation-name: rotation_anarchique_2;
}
.effet_texte.rotation_anarchique.anim .lettre:nth-child(5n+3) {
  -webkit-animation-name: rotation_anarchique_3;
     -moz-animation-name: rotation_anarchique_3;
       -o-animation-name: rotation_anarchique_3;
          animation-name: rotation_anarchique_3;
}
.effet_texte.rotation_anarchique.anim .lettre:nth-child(5n+4) {
  -webkit-animation-name: rotation_anarchique_4;
     -moz-animation-name: rotation_anarchique_4;
       -o-animation-name: rotation_anarchique_4;
          animation-name: rotation_anarchique_4;
}
.effet_texte.rotation_anarchique.anim .lettre:nth-child(5n+5) {
  -webkit-animation-name: rotation_anarchique_5;
     -moz-animation-name: rotation_anarchique_5;
       -o-animation-name: rotation_anarchique_5;
          animation-name: rotation_anarchique_5;
}

@-webkit-keyframes rotation_anarchique_1 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  35% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  50% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  60% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  75% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  85% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}

@-moz-keyframes rotation_anarchique_1 {
  0% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  35% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  50% {
    -moz-transform: translate(-10%, -10%) rotate(-5deg);
         transform: translate(-10%, -10%) rotate(-5deg);
  }
  60% {
    -moz-transform: translate(-10%, -10%) rotate(-5deg);
         transform: translate(-10%, -10%) rotate(-5deg);
  }
  75% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  85% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  100% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
}

@-o-keyframes rotation_anarchique_1 {
  0% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  35% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  50% {
    -o-transform: translate(-10%, -10%) rotate(-5deg);
       transform: translate(-10%, -10%) rotate(-5deg);
  }
  60% {
    -o-transform: translate(-10%, -10%) rotate(-5deg);
       transform: translate(-10%, -10%) rotate(-5deg);
  }
  75% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  85% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  100% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
}

@keyframes rotation_anarchique_1 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  35% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  50% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
       -moz-transform: translate(-10%, -10%) rotate(-5deg);
         -o-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  60% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
       -moz-transform: translate(-10%, -10%) rotate(-5deg);
         -o-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  75% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  85% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-webkit-keyframes rotation_anarchique_2 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  35% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(-10%, 20%) rotate(10deg);
            transform: translate(-10%, 20%) rotate(10deg);
  }
  60% {
    -webkit-transform: translate(-10%, 20%) rotate(10deg);
            transform: translate(-10%, 20%) rotate(10deg);
  }
  75% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  85% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-moz-keyframes rotation_anarchique_2 {
  0% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -moz-transform: translate(-10%, -10%) rotate(-5deg);
         transform: translate(-10%, -10%) rotate(-5deg);
  }
  35% {
    -moz-transform: translate(-10%, -10%) rotate(-5deg);
         transform: translate(-10%, -10%) rotate(-5deg);
  }
  50% {
    -moz-transform: translate(-10%, 20%) rotate(10deg);
         transform: translate(-10%, 20%) rotate(10deg);
  }
  60% {
    -moz-transform: translate(-10%, 20%) rotate(10deg);
         transform: translate(-10%, 20%) rotate(10deg);
  }
  75% {
    -moz-transform: translate(-10%, -10%) rotate(-10deg);
         transform: translate(-10%, -10%) rotate(-10deg);
  }
  85% {
    -moz-transform: translate(-10%, -10%) rotate(-10deg);
         transform: translate(-10%, -10%) rotate(-10deg);
  }
  100% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
}
@-o-keyframes rotation_anarchique_2 {
  0% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -o-transform: translate(-10%, -10%) rotate(-5deg);
       transform: translate(-10%, -10%) rotate(-5deg);
  }
  35% {
    -o-transform: translate(-10%, -10%) rotate(-5deg);
       transform: translate(-10%, -10%) rotate(-5deg);
  }
  50% {
    -o-transform: translate(-10%, 20%) rotate(10deg);
       transform: translate(-10%, 20%) rotate(10deg);
  }
  60% {
    -o-transform: translate(-10%, 20%) rotate(10deg);
       transform: translate(-10%, 20%) rotate(10deg);
  }
  75% {
    -o-transform: translate(-10%, -10%) rotate(-10deg);
       transform: translate(-10%, -10%) rotate(-10deg);
  }
  85% {
    -o-transform: translate(-10%, -10%) rotate(-10deg);
       transform: translate(-10%, -10%) rotate(-10deg);
  }
  100% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
}
@keyframes rotation_anarchique_2 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
       -moz-transform: translate(-10%, -10%) rotate(-5deg);
         -o-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  35% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
       -moz-transform: translate(-10%, -10%) rotate(-5deg);
         -o-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(-10%, 20%) rotate(10deg);
       -moz-transform: translate(-10%, 20%) rotate(10deg);
         -o-transform: translate(-10%, 20%) rotate(10deg);
            transform: translate(-10%, 20%) rotate(10deg);
  }
  60% {
    -webkit-transform: translate(-10%, 20%) rotate(10deg);
       -moz-transform: translate(-10%, 20%) rotate(10deg);
         -o-transform: translate(-10%, 20%) rotate(10deg);
            transform: translate(-10%, 20%) rotate(10deg);
  }
  75% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
       -moz-transform: translate(-10%, -10%) rotate(-10deg);
         -o-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  85% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
       -moz-transform: translate(-10%, -10%) rotate(-10deg);
         -o-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-webkit-keyframes rotation_anarchique_3 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(-10%, 20%) rotate(10deg);
            transform: translate(-10%, 20%) rotate(10deg);
  }
  35% {
    -webkit-transform: translate(-10%, 20%) rotate(10deg);
            transform: translate(-10%, 20%) rotate(10deg);
  }
  50% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  60% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  75% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  85% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-moz-keyframes rotation_anarchique_3 {
  0% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -moz-transform: translate(-10%, 20%) rotate(10deg);
         transform: translate(-10%, 20%) rotate(10deg);
  }
  35% {
    -moz-transform: translate(-10%, 20%) rotate(10deg);
         transform: translate(-10%, 20%) rotate(10deg);
  }
  50% {
    -moz-transform: translate(-10%, -10%) rotate(-10deg);
         transform: translate(-10%, -10%) rotate(-10deg);
  }
  60% {
    -moz-transform: translate(-10%, -10%) rotate(-10deg);
         transform: translate(-10%, -10%) rotate(-10deg);
  }
  75% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  85% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  100% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
}
@-o-keyframes rotation_anarchique_3 {
  0% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -o-transform: translate(-10%, 20%) rotate(10deg);
       transform: translate(-10%, 20%) rotate(10deg);
  }
  35% {
    -o-transform: translate(-10%, 20%) rotate(10deg);
       transform: translate(-10%, 20%) rotate(10deg);
  }
  50% {
    -o-transform: translate(-10%, -10%) rotate(-10deg);
       transform: translate(-10%, -10%) rotate(-10deg);
  }
  60% {
    -o-transform: translate(-10%, -10%) rotate(-10deg);
       transform: translate(-10%, -10%) rotate(-10deg);
  }
  75% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  85% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  100% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
}
@keyframes rotation_anarchique_3 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(-10%, 20%) rotate(10deg);
       -moz-transform: translate(-10%, 20%) rotate(10deg);
         -o-transform: translate(-10%, 20%) rotate(10deg);
            transform: translate(-10%, 20%) rotate(10deg);
  }
  35% {
    -webkit-transform: translate(-10%, 20%) rotate(10deg);
       -moz-transform: translate(-10%, 20%) rotate(10deg);
         -o-transform: translate(-10%, 20%) rotate(10deg);
            transform: translate(-10%, 20%) rotate(10deg);
  }
  50% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
       -moz-transform: translate(-10%, -10%) rotate(-10deg);
         -o-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  60% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
       -moz-transform: translate(-10%, -10%) rotate(-10deg);
         -o-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  75% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  85% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-webkit-keyframes rotation_anarchique_4 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  35% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  50% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  60% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  75% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  85% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-moz-keyframes rotation_anarchique_4 {
  0% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -moz-transform: translate(-10%, -10%) rotate(-10deg);
         transform: translate(-10%, -10%) rotate(-10deg);
  }
  35% {
    -moz-transform: translate(-10%, -10%) rotate(-10deg);
         transform: translate(-10%, -10%) rotate(-10deg);
  }
  50% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  60% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  75% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  85% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  100% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
}
@-o-keyframes rotation_anarchique_4 {
  0% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -o-transform: translate(-10%, -10%) rotate(-10deg);
       transform: translate(-10%, -10%) rotate(-10deg);
  }
  35% {
    -o-transform: translate(-10%, -10%) rotate(-10deg);
       transform: translate(-10%, -10%) rotate(-10deg);
  }
  50% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  60% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  75% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  85% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  100% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
}
@keyframes rotation_anarchique_4 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
       -moz-transform: translate(-10%, -10%) rotate(-10deg);
         -o-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  35% {
    -webkit-transform: translate(-10%, -10%) rotate(-10deg);
       -moz-transform: translate(-10%, -10%) rotate(-10deg);
         -o-transform: translate(-10%, -10%) rotate(-10deg);
            transform: translate(-10%, -10%) rotate(-10deg);
  }
  50% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  60% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  75% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  85% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-webkit-keyframes rotation_anarchique_5 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  35% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  50% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  60% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  75% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  85% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-moz-keyframes rotation_anarchique_5 {
  0% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  35% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  50% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  60% {
    -moz-transform: translate(0%, -20%) rotate(20deg);
         transform: translate(0%, -20%) rotate(20deg);
  }
  75% {
    -moz-transform: translate(-10%, -10%) rotate(-5deg);
         transform: translate(-10%, -10%) rotate(-5deg);
  }
  85% {
    -moz-transform: translate(-10%, -10%) rotate(-5deg);
         transform: translate(-10%, -10%) rotate(-5deg);
  }
  100% {
    -moz-transform: translate(0%, 0%) rotate(0deg);
         transform: translate(0%, 0%) rotate(0deg);
  }
}
@-o-keyframes rotation_anarchique_5 {
  0% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  35% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  50% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  60% {
    -o-transform: translate(0%, -20%) rotate(20deg);
       transform: translate(0%, -20%) rotate(20deg);
  }
  75% {
    -o-transform: translate(-10%, -10%) rotate(-5deg);
       transform: translate(-10%, -10%) rotate(-5deg);
  }
  85% {
    -o-transform: translate(-10%, -10%) rotate(-5deg);
       transform: translate(-10%, -10%) rotate(-5deg);
  }
  100% {
    -o-transform: translate(0%, 0%) rotate(0deg);
       transform: translate(0%, 0%) rotate(0deg);
  }
}
@keyframes rotation_anarchique_5 {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  35% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  50% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  60% {
    -webkit-transform: translate(0%, -20%) rotate(20deg);
       -moz-transform: translate(0%, -20%) rotate(20deg);
         -o-transform: translate(0%, -20%) rotate(20deg);
            transform: translate(0%, -20%) rotate(20deg);
  }
  75% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
       -moz-transform: translate(-10%, -10%) rotate(-5deg);
         -o-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  85% {
    -webkit-transform: translate(-10%, -10%) rotate(-5deg);
       -moz-transform: translate(-10%, -10%) rotate(-5deg);
         -o-transform: translate(-10%, -10%) rotate(-5deg);
            transform: translate(-10%, -10%) rotate(-5deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
       -moz-transform: translate(0%, 0%) rotate(0deg);
         -o-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
.effet_texte.rotation_anarchique_flottante .lettre {
  position: relative;
  display: inline-block;
  -webkit-transform: translate(0, 0) rotate(0deg);
     -moz-transform: translate(0, 0) rotate(0deg);
      -ms-transform: translate(0, 0) rotate(0deg);
       -o-transform: translate(0, 0) rotate(0deg);
          transform: translate(0, 0) rotate(0deg);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455);
  transition: -webkit-transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455);
  -o-transition: -o-transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455);
  -moz-transition: transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455), -moz-transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455);
  transition: transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455);
  transition: transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455), -webkit-transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455), -moz-transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455), -o-transform 0.7s cubic-bezier(0.655, -0.34, 0.37, 1.455);
}
.effet_texte.rotation_anarchique_flottante .inside_lettre {
  position: relative;
  display: inline-block;
  -webkit-animation-duration: 3s;
     -moz-animation-duration: 3s;
       -o-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.effet_texte.rotation_anarchique_flottante .inside_inside_lettre {
  position: relative;
  display: inline-block;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: normal;
     -moz-animation-iteration-count: normal;
       -o-animation-iteration-count: normal;
          animation-iteration-count: normal;
}

.effet_texte.rotation_anarchique_flottante.flotte .lettre:nth-child(2n) .inside_lettre {
  -webkit-animation-name: rotate_anarchique_horaire;
     -moz-animation-name: rotate_anarchique_horaire;
       -o-animation-name: rotate_anarchique_horaire;
          animation-name: rotate_anarchique_horaire;
}
.effet_texte.rotation_anarchique_flottante.flotte .lettre:nth-child(2n+1) .inside_lettre {
  -webkit-animation-name: rotate_anarchique_antihoraire;
     -moz-animation-name: rotate_anarchique_antihoraire;
       -o-animation-name: rotate_anarchique_antihoraire;
          animation-name: rotate_anarchique_antihoraire;
}

.effet_texte.rotation_anarchique_flottante.anim .lettre:nth-child(5n+1) {
  -webkit-transform: translate(0%, -20%) rotate(-20deg);
     -moz-transform: translate(0%, -20%) rotate(-20deg);
      -ms-transform: translate(0%, -20%) rotate(-20deg);
       -o-transform: translate(0%, -20%) rotate(-20deg);
          transform: translate(0%, -20%) rotate(-20deg);
}
.effet_texte.rotation_anarchique_flottante.anim .lettre:nth-child(5n+2) {
  -webkit-transform: translate(0%, -10%) rotate(5deg);
     -moz-transform: translate(0%, -10%) rotate(5deg);
      -ms-transform: translate(0%, -10%) rotate(5deg);
       -o-transform: translate(0%, -10%) rotate(5deg);
          transform: translate(0%, -10%) rotate(5deg);
}
.effet_texte.rotation_anarchique_flottante.anim .lettre:nth-child(5n+3) {
  -webkit-transform: translate(0%, 20%) rotate(10deg);
     -moz-transform: translate(0%, 20%) rotate(10deg);
      -ms-transform: translate(0%, 20%) rotate(10deg);
       -o-transform: translate(0%, 20%) rotate(10deg);
          transform: translate(0%, 20%) rotate(10deg);
}
.effet_texte.rotation_anarchique_flottante.anim .lettre:nth-child(5n+4) {
  -webkit-transform: translate(-10%, -10%) rotate(-10deg);
     -moz-transform: translate(-10%, -10%) rotate(-10deg);
      -ms-transform: translate(-10%, -10%) rotate(-10deg);
       -o-transform: translate(-10%, -10%) rotate(-10deg);
          transform: translate(-10%, -10%) rotate(-10deg);
}
.effet_texte.rotation_anarchique_flottante.anim .lettre:nth-child(5n+5) {
  -webkit-transform: translate(0%, -20%) rotate(20deg);
     -moz-transform: translate(0%, -20%) rotate(20deg);
      -ms-transform: translate(0%, -20%) rotate(20deg);
       -o-transform: translate(0%, -20%) rotate(20deg);
          transform: translate(0%, -20%) rotate(20deg);
}

.effet_texte.machine_a_laver {
  display: inline-block;
  position: relative;
}

.effet_texte.machine_a_laver.anim {
  -webkit-animation-direction: normal;
     -moz-animation-direction: normal;
       -o-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: normal;
     -moz-animation-iteration-count: normal;
       -o-animation-iteration-count: normal;
          animation-iteration-count: normal;
  -webkit-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
     -moz-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
       -o-animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
          animation-timing-function: cubic-bezier(1, 0, -1, 1.2);
  -webkit-animation-name: machine_a_laver;
     -moz-animation-name: machine_a_laver;
       -o-animation-name: machine_a_laver;
          animation-name: machine_a_laver;
}

@-webkit-keyframes machine_a_laver {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3600deg);
            transform: rotate(3600deg);
  }
}

@-moz-keyframes machine_a_laver {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(3600deg);
         transform: rotate(3600deg);
  }
}

@-o-keyframes machine_a_laver {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(3600deg);
       transform: rotate(3600deg);
  }
}

@keyframes machine_a_laver {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3600deg);
       -moz-transform: rotate(3600deg);
         -o-transform: rotate(3600deg);
            transform: rotate(3600deg);
  }
}
.effet_texte.etirement {
  white-space: pre;
  display: inline-block;
}
.effet_texte.etirement .wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.effet_texte.etirement .lettre {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  position: relative;
}
.effet_texte.etirement .lettre .inside_lettre .inside_inside_lettre {
  display: inline-block;
}
.effet_texte.etirement .lettre .inside_lettre.original {
  opacity: 0;
}
.effet_texte.etirement .lettre .inside_lettre.copy {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100px;
}
.effet_texte.etirement .lettre,
.effet_texte.etirement .lettre .inside_lettre .inside_inside_lettre {
  -webkit-transition: width 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), -webkit-transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37);
  transition: width 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), -webkit-transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37);
  -o-transition: width 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), -o-transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37);
  -moz-transition: transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), width 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), -moz-transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37);
  transition: transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), width 0.5s cubic-bezier(0.09, 1, 0.42, 1.37);
  transition: transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), width 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), -webkit-transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), -moz-transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37), -o-transform 0.5s cubic-bezier(0.09, 1, 0.42, 1.37);
}

@supports (transition-timing-function: linear(0, 0.1, 1)) {
  .lettre,
.lettre .inside_lettre .inside_inside_lettre {
    -webkit-transition: width 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), -webkit-transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1) !important;
    transition: width 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), -webkit-transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1) !important;
    -o-transition: width 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), -o-transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1) !important;
    -moz-transition: transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), width 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), -moz-transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1) !important;
    transition: transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), width 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1) !important;
    transition: transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), width 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), -webkit-transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), -moz-transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1), -o-transform 3s linear(0, 0.218 2.1%, 0.862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, 0.941 24%, 0.891 25.9%, 0.877, 0.869 27.8%, 0.87, 0.882 30.7%, 0.907 32.4%, 0.981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, 0.996 53.3%, 0.988, 0.984 57.5%, 0.985 60.7%, 1.001 68.1%, 1.006 72.2%, 0.998 86.7%, 1) !important;
  }
}
.effet_texte.ola .lettre {
  position: relative;
  display: inline-block;
  -webkit-animation-direction: normal;
     -moz-animation-direction: normal;
       -o-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: normal;
     -moz-animation-iteration-count: normal;
       -o-animation-iteration-count: normal;
          animation-iteration-count: normal;
  -webkit-animation-timing-function: cubic-bezier(1, 1, -1, 1.2);
     -moz-animation-timing-function: cubic-bezier(1, 1, -1, 1.2);
       -o-animation-timing-function: cubic-bezier(1, 1, -1, 1.2);
          animation-timing-function: cubic-bezier(1, 1, -1, 1.2);
  -webkit-animation-name: ola;
     -moz-animation-name: ola;
       -o-animation-name: ola;
          animation-name: ola;
}
.effet_texte.ola .lettre:nth-child(20n-0) {
  -webkit-animation-delay: 0ms;
     -moz-animation-delay: 0ms;
       -o-animation-delay: 0ms;
          animation-delay: 0ms;
}
.effet_texte.ola .lettre:nth-child(20n-1) {
  -webkit-animation-delay: 100ms;
     -moz-animation-delay: 100ms;
       -o-animation-delay: 100ms;
          animation-delay: 100ms;
}
.effet_texte.ola .lettre:nth-child(20n-2) {
  -webkit-animation-delay: 200ms;
     -moz-animation-delay: 200ms;
       -o-animation-delay: 200ms;
          animation-delay: 200ms;
}
.effet_texte.ola .lettre:nth-child(20n-3) {
  -webkit-animation-delay: 300ms;
     -moz-animation-delay: 300ms;
       -o-animation-delay: 300ms;
          animation-delay: 300ms;
}
.effet_texte.ola .lettre:nth-child(20n-4) {
  -webkit-animation-delay: 400ms;
     -moz-animation-delay: 400ms;
       -o-animation-delay: 400ms;
          animation-delay: 400ms;
}
.effet_texte.ola .lettre:nth-child(20n-5) {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}
.effet_texte.ola .lettre:nth-child(20n-6) {
  -webkit-animation-delay: 600ms;
     -moz-animation-delay: 600ms;
       -o-animation-delay: 600ms;
          animation-delay: 600ms;
}
.effet_texte.ola .lettre:nth-child(20n-7) {
  -webkit-animation-delay: 700ms;
     -moz-animation-delay: 700ms;
       -o-animation-delay: 700ms;
          animation-delay: 700ms;
}
.effet_texte.ola .lettre:nth-child(20n-8) {
  -webkit-animation-delay: 800ms;
     -moz-animation-delay: 800ms;
       -o-animation-delay: 800ms;
          animation-delay: 800ms;
}
.effet_texte.ola .lettre:nth-child(20n-9) {
  -webkit-animation-delay: 900ms;
     -moz-animation-delay: 900ms;
       -o-animation-delay: 900ms;
          animation-delay: 900ms;
}
.effet_texte.ola .lettre:nth-child(20n-10) {
  -webkit-animation-delay: 1000ms;
     -moz-animation-delay: 1000ms;
       -o-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.effet_texte.ola .lettre:nth-child(20n-11) {
  -webkit-animation-delay: 1100ms;
     -moz-animation-delay: 1100ms;
       -o-animation-delay: 1100ms;
          animation-delay: 1100ms;
}
.effet_texte.ola .lettre:nth-child(20n-12) {
  -webkit-animation-delay: 1200ms;
     -moz-animation-delay: 1200ms;
       -o-animation-delay: 1200ms;
          animation-delay: 1200ms;
}
.effet_texte.ola .lettre:nth-child(20n-13) {
  -webkit-animation-delay: 1300ms;
     -moz-animation-delay: 1300ms;
       -o-animation-delay: 1300ms;
          animation-delay: 1300ms;
}
.effet_texte.ola .lettre:nth-child(20n-14) {
  -webkit-animation-delay: 1400ms;
     -moz-animation-delay: 1400ms;
       -o-animation-delay: 1400ms;
          animation-delay: 1400ms;
}
.effet_texte.ola .lettre:nth-child(20n-15) {
  -webkit-animation-delay: 1500ms;
     -moz-animation-delay: 1500ms;
       -o-animation-delay: 1500ms;
          animation-delay: 1500ms;
}
.effet_texte.ola .lettre:nth-child(20n-16) {
  -webkit-animation-delay: 1600ms;
     -moz-animation-delay: 1600ms;
       -o-animation-delay: 1600ms;
          animation-delay: 1600ms;
}
.effet_texte.ola .lettre:nth-child(20n-17) {
  -webkit-animation-delay: 1700ms;
     -moz-animation-delay: 1700ms;
       -o-animation-delay: 1700ms;
          animation-delay: 1700ms;
}
.effet_texte.ola .lettre:nth-child(20n-18) {
  -webkit-animation-delay: 1800ms;
     -moz-animation-delay: 1800ms;
       -o-animation-delay: 1800ms;
          animation-delay: 1800ms;
}
.effet_texte.ola .lettre:nth-child(20n-19) {
  -webkit-animation-delay: 1900ms;
     -moz-animation-delay: 1900ms;
       -o-animation-delay: 1900ms;
          animation-delay: 1900ms;
}
.effet_texte.ola .lettre:nth-child(20n-20) {
  -webkit-animation-delay: 2000ms;
     -moz-animation-delay: 2000ms;
       -o-animation-delay: 2000ms;
          animation-delay: 2000ms;
}

.effet_texte.ola.anim .lettre:nth-child(5n+0) {
  -webkit-animation-name: ola0;
     -moz-animation-name: ola0;
       -o-animation-name: ola0;
          animation-name: ola0;
}
.effet_texte.ola.anim .lettre:nth-child(5n+1) {
  -webkit-animation-name: ola1;
     -moz-animation-name: ola1;
       -o-animation-name: ola1;
          animation-name: ola1;
}
.effet_texte.ola.anim .lettre:nth-child(5n+2) {
  -webkit-animation-name: ola2;
     -moz-animation-name: ola2;
       -o-animation-name: ola2;
          animation-name: ola2;
}
.effet_texte.ola.anim .lettre:nth-child(5n+3) {
  -webkit-animation-name: ola3;
     -moz-animation-name: ola3;
       -o-animation-name: ola3;
          animation-name: ola3;
}
.effet_texte.ola.anim .lettre:nth-child(5n+4) {
  -webkit-animation-name: ola4;
     -moz-animation-name: ola4;
       -o-animation-name: ola4;
          animation-name: ola4;
}
.effet_texte.ola.anim .lettre:nth-child(5n+5) {
  -webkit-animation-name: ola5;
     -moz-animation-name: ola5;
       -o-animation-name: ola5;
          animation-name: ola5;
}

@-webkit-keyframes ola1 {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  75% {
    -webkit-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}

@-moz-keyframes ola1 {
  0% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
  50% {
    -moz-transform: translate(0, -100%);
         transform: translate(0, -100%);
  }
  75% {
    -moz-transform: translate(0, 20%);
         transform: translate(0, 20%);
  }
  100% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
}

@-o-keyframes ola1 {
  0% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
  50% {
    -o-transform: translate(0, -100%);
       transform: translate(0, -100%);
  }
  75% {
    -o-transform: translate(0, 20%);
       transform: translate(0, 20%);
  }
  100% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
}

@keyframes ola1 {
  0% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
         -o-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  75% {
    -webkit-transform: translate(0, 20%);
       -moz-transform: translate(0, 20%);
         -o-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@-webkit-keyframes ola2 {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%);
  }
  75% {
    -webkit-transform: translate(0, 10%);
            transform: translate(0, 10%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@-moz-keyframes ola2 {
  0% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
  50% {
    -moz-transform: translate(0, -60%);
         transform: translate(0, -60%);
  }
  75% {
    -moz-transform: translate(0, 10%);
         transform: translate(0, 10%);
  }
  100% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
}
@-o-keyframes ola2 {
  0% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
  50% {
    -o-transform: translate(0, -60%);
       transform: translate(0, -60%);
  }
  75% {
    -o-transform: translate(0, 10%);
       transform: translate(0, 10%);
  }
  100% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
}
@keyframes ola2 {
  0% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -60%);
       -moz-transform: translate(0, -60%);
         -o-transform: translate(0, -60%);
            transform: translate(0, -60%);
  }
  75% {
    -webkit-transform: translate(0, 10%);
       -moz-transform: translate(0, 10%);
         -o-transform: translate(0, 10%);
            transform: translate(0, 10%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@-webkit-keyframes ola3 {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -80%);
            transform: translate(0, -80%);
  }
  75% {
    -webkit-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@-moz-keyframes ola3 {
  0% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
  50% {
    -moz-transform: translate(0, -80%);
         transform: translate(0, -80%);
  }
  75% {
    -moz-transform: translate(0, 20%);
         transform: translate(0, 20%);
  }
  100% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
}
@-o-keyframes ola3 {
  0% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
  50% {
    -o-transform: translate(0, -80%);
       transform: translate(0, -80%);
  }
  75% {
    -o-transform: translate(0, 20%);
       transform: translate(0, 20%);
  }
  100% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
}
@keyframes ola3 {
  0% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -80%);
       -moz-transform: translate(0, -80%);
         -o-transform: translate(0, -80%);
            transform: translate(0, -80%);
  }
  75% {
    -webkit-transform: translate(0, 20%);
       -moz-transform: translate(0, 20%);
         -o-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@-webkit-keyframes ola4 {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  75% {
    -webkit-transform: translate(0, 30%);
            transform: translate(0, 30%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@-moz-keyframes ola4 {
  0% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
  50% {
    -moz-transform: translate(0, -100%);
         transform: translate(0, -100%);
  }
  75% {
    -moz-transform: translate(0, 30%);
         transform: translate(0, 30%);
  }
  100% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
}
@-o-keyframes ola4 {
  0% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
  50% {
    -o-transform: translate(0, -100%);
       transform: translate(0, -100%);
  }
  75% {
    -o-transform: translate(0, 30%);
       transform: translate(0, 30%);
  }
  100% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
}
@keyframes ola4 {
  0% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
         -o-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  75% {
    -webkit-transform: translate(0, 30%);
       -moz-transform: translate(0, 30%);
         -o-transform: translate(0, 30%);
            transform: translate(0, 30%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@-webkit-keyframes ola5 {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -40%);
            transform: translate(0, -40%);
  }
  75% {
    -webkit-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@-moz-keyframes ola5 {
  0% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
  50% {
    -moz-transform: translate(0, -40%);
         transform: translate(0, -40%);
  }
  75% {
    -moz-transform: translate(0, 20%);
         transform: translate(0, 20%);
  }
  100% {
    -moz-transform: translate(0, 0%);
         transform: translate(0, 0%);
  }
}
@-o-keyframes ola5 {
  0% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
  50% {
    -o-transform: translate(0, -40%);
       transform: translate(0, -40%);
  }
  75% {
    -o-transform: translate(0, 20%);
       transform: translate(0, 20%);
  }
  100% {
    -o-transform: translate(0, 0%);
       transform: translate(0, 0%);
  }
}
@keyframes ola5 {
  0% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  50% {
    -webkit-transform: translate(0, -40%);
       -moz-transform: translate(0, -40%);
         -o-transform: translate(0, -40%);
            transform: translate(0, -40%);
  }
  75% {
    -webkit-transform: translate(0, 20%);
       -moz-transform: translate(0, 20%);
         -o-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
.effet_texte.gravitation {
  position: relative;
  display: inline-block;
}
.effet_texte.gravitation .word {
  position: relative;
  display: inline-block;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: normal;
     -moz-animation-iteration-count: normal;
       -o-animation-iteration-count: normal;
          animation-iteration-count: normal;
}
.effet_texte.gravitation .word1 {
  -webkit-animation-duration: 0.9s;
     -moz-animation-duration: 0.9s;
       -o-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-delay: 0.1s;
     -moz-animation-delay: 0.1s;
       -o-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.effet_texte.gravitation.anim .word1 {
  -webkit-animation-name: rotate1;
     -moz-animation-name: rotate1;
       -o-animation-name: rotate1;
          animation-name: rotate1;
}
.effet_texte.gravitation.anim .word3 {
  -webkit-animation-name: rotate2;
     -moz-animation-name: rotate2;
       -o-animation-name: rotate2;
          animation-name: rotate2;
}

.effet_texte.pulsation {
  display: inline-block;
  position: relative;
  -webkit-animation-direction: normal;
     -moz-animation-direction: normal;
       -o-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.effet_texte.pulsation.anim {
  -webkit-animation-name: pulsation;
     -moz-animation-name: pulsation;
       -o-animation-name: pulsation;
          animation-name: pulsation;
}

@-webkit-keyframes pulsation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes pulsation {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  50% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  60% {
    -moz-transform: scale(1.3);
         transform: scale(1.3);
  }
  70% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  80% {
    -moz-transform: scale(1.2);
         transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes pulsation {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  50% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  60% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
  }
  70% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
  80% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes pulsation {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
.effet_texte.yeux {
  white-space: pre;
}
.effet_texte.yeux .lettre,
.effet_texte.yeux .inside_lettre,
.effet_texte.yeux .inside_inside_lettre {
  position: relative;
}
.effet_texte.yeux .contour {
  display: inline-block;
  position: relative;
  -webkit-transform-origin: 59% 50%;
     -moz-transform-origin: 59% 50%;
      -ms-transform-origin: 59% 50%;
       -o-transform-origin: 59% 50%;
          transform-origin: 59% 50%;
  -webkit-animation-direction: normal;
     -moz-animation-direction: normal;
       -o-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 0.1s;
     -moz-animation-duration: 0.1s;
       -o-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-iteration-count: normal;
     -moz-animation-iteration-count: normal;
       -o-animation-iteration-count: normal;
          animation-iteration-count: normal;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.effet_texte.yeux .pupille {
  display: block;
  position: absolute;
  width: 0.15em;
  height: 0.15em;
  top: -webkit-calc(59% - 0.075em);
  top: -moz-calc(59% - 0.075em);
  top: calc(59% - 0.075em);
  left: -webkit-calc(50% - 0.075em);
  left: -moz-calc(50% - 0.075em);
  left: calc(50% - 0.075em);
  background-color: black;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.effet_texte.yeux.anim .contour {
  -webkit-animation-name: cligne;
     -moz-animation-name: cligne;
       -o-animation-name: cligne;
          animation-name: cligne;
}

@-webkit-keyframes cligne {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  45% {
    -webkit-transform: scaleY(0.2);
            transform: scaleY(0.2);
  }
  55% {
    -webkit-transform: scaleY(0.2);
            transform: scaleY(0.2);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@-moz-keyframes cligne {
  0% {
    -moz-transform: scaleY(1);
         transform: scaleY(1);
  }
  45% {
    -moz-transform: scaleY(0.2);
         transform: scaleY(0.2);
  }
  55% {
    -moz-transform: scaleY(0.2);
         transform: scaleY(0.2);
  }
  100% {
    -moz-transform: scaleY(1);
         transform: scaleY(1);
  }
}

@-o-keyframes cligne {
  0% {
    -o-transform: scaleY(1);
       transform: scaleY(1);
  }
  45% {
    -o-transform: scaleY(0.2);
       transform: scaleY(0.2);
  }
  55% {
    -o-transform: scaleY(0.2);
       transform: scaleY(0.2);
  }
  100% {
    -o-transform: scaleY(1);
       transform: scaleY(1);
  }
}

@keyframes cligne {
  0% {
    -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
  }
  45% {
    -webkit-transform: scaleY(0.2);
       -moz-transform: scaleY(0.2);
         -o-transform: scaleY(0.2);
            transform: scaleY(0.2);
  }
  55% {
    -webkit-transform: scaleY(0.2);
       -moz-transform: scaleY(0.2);
         -o-transform: scaleY(0.2);
            transform: scaleY(0.2);
  }
  100% {
    -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
  }
}