/* General */
:root {
  --fond: #fdfaee;
  --ecriture: #8da786;
  --derive: #6A645A;
  --bordeaux: #A7001E;
  --bleu: #188dd4;
  --whastapp: #25D366;
  --fb: #3B5998;
  --insta: #c135b5;
  --podcast: #872EC4;
  --noir: #000;
  --rose: #F9429E;
  --rouge: #F00020;
}

@font-face {
  font-family: 'Soul-Of-You';
  src:
    url("../fonts/Soul-Of-You.woff") format("woff"),
    url("../fonts/Soul-Of-You.woff2") format("woff2");
}

@font-face {
  font-family: 'Vibraday-regular';
  src:
    url("../fonts/DMSans-Regular.woff") format("woff"),
    url("../fonts/DMSans-Regular.woff2") format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: 'Vibraday-bold';
  src:
    url("../fonts/DMSans-Bold.woff") format("woff"),
    url("../fonts/DMSans-Bold.woff2") format("woff2");
  font-weight: bold
}


.image-clignote {
  animation-duration: .8s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
  transition: none;
}

@keyframes clignoter {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.demo {
  background-color: var(--fond);
  background-image: url(../images/logo-320.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.official {
  background-position: right 25px bottom 25px;
}

.onde-neutre {
  margin: 4rem 0;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='24'%3E%3Cdefs%3E%3Cpattern id='bg' patternUnits='userSpaceOnUse' width='130' height='24'%3E%3Cpath fill='%238da786 ' d='M0,12c32.5,0,32.5,12,65,12s32.5-12,65-12V0C97.5,0,92.9,12,65,12C32.5,12,20.7,0,0,0'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%' height='100%' fill='url(%23bg)'/%3E%3C/svg%3E");
  background-size: 100% 24px;
  background-repeat: no-repeat;
}

.onde-dist {
  margin: 4rem 0;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='24'%3E%3Cdefs%3E%3Cpattern id='bg' patternUnits='userSpaceOnUse' width='130' height='24'%3E%3Cpath fill='%2325D366' d='M0,12c32.5,0,32.5,12,65,12s32.5-12,65-12V0C97.5,0,92.9,12,65,12C32.5,12,20.7,0,0,0'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%' height='100%' fill='url(%23bg)'/%3E%3C/svg%3E");
  background-size: 100% 24px;
  background-repeat: no-repeat;
}

.onde-pres {
  margin: 4rem 0;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='24'%3E%3Cdefs%3E%3Cpattern id='bg' patternUnits='userSpaceOnUse' width='130' height='24'%3E%3Cpath fill='%23A7001E' d='M0,12c32.5,0,32.5,12,65,12s32.5-12,65-12V0C97.5,0,92.9,12,65,12C32.5,12,20.7,0,0,0'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%' height='100%' fill='url(%23bg)'/%3E%3C/svg%3E");
  background-size: 100% 24px;
  background-repeat: no-repeat;
}


/* Adaptation aux media */
@media (min-width: 992px) {
  body:before {
    /* content: "version haute définition du site"; */
  }

  #eapps-instagram-feed-1 {
    width: 70%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  body {
    background-color: var(--fond);
    margin: 0;
  }

  #global {
    text-align: center;
  }

  .distanciel,
  .presentiel {
    width: 88%;
    margin-left: 12%;
  }

  .dekstop-only {
    display: block;
  }

  .presentiel .imagelogo img,
  .distanciel .imagelogo img {
    width: 16%;
    height: auto;
    float: left;
    position: fixed;
    top: 15px;
    left: 15px;
  }

  .vibradays .imagelogo img {
    width: 10%;
    height: auto;
    float: right;
    position: fixed;
    bottom: 1%;
    right: 1%;
  }

  .vibradays .second {
    width: 90%;
  }

  .index .manuscrit,
  .distanciel .manuscrit,
  .presentiel .manuscrit,
  .engagements .manuscrit,
  .merci .manuscrit {
    font-family: "Soul-Of-You", sans-serif;
  }

  .vibradays .manuscrit {
    font-family: "Vibraday-regular", sans-serif;
  }

  .vibradays .manuscrit b {
    font-family: "Vibraday-bold", sans-serif;
  }

  .verdatre {
    color: var(--ecriture);
  }

  .rose {
    color: var(--rose);
  }

  .blue {
    color: var(--bleu);
  }

  .cadre {
    border: 4px solid var(--rouge);
    padding: 1vh;
    border-radius: 10px;
  }

  .logo-vibradays {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .logo-vibradays img {
    -webkit-filter: hue-rotate(300deg);
    filter: hue-rotate(300deg);
    /*filter: sepia(1);
    -webkit-filter: sepia(1);*/
    border-radius: 6%;
  }

  h1,
  h2,
  h3 {
    margin-bottom: 0;
    margin-top: 0;
  }

  .first {
    margin-top: -1em;
  }

  .index .presentation,
  .distanciel .presentation,
  .presentiel .presentation,
  .engagements .presentation,
  .merci .presentation {
    font-size: 4vw;
    text-align: center;
  }

  .vibradays .presentation {
    font-size: 2.5vw;
    text-align: center;
  }


  .presentation a {
    text-decoration: none;
  }

  .space {
    padding-right: 2vh;
    font-size: 5vh;
  }

  a.vert {
    color: var(--whastapp);
  }

  a.bordeau {
    color: var(--bordeaux);
  }

  a.fb {
    color: var(--fb);
  }

  a.insta {
    color: var(--insta);
  }

  a.podcast {
    color: var(--podcast);
  }

  a.noir {
    color: var(--noir);
  }

  .flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
  }

  .flex-item:nth-of-type(1) {
    flex-grow: 2;
  }

  .flex-item:nth-of-type(2) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(3) {
    flex-grow: 2;
  }

  .flex-item:nth-of-type(4) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(5) {
    flex-grow: 1;
  }

  .flex-item {
    line-height: 100px;
    color: var(--ecriture);
    font-weight: bold;
    font-size: 6vw;
    text-align: center;
    font-family: "Soul-Of-You", sans-serif;
  }

  .flex-item a.simple {}

  .small-margin {
    margin-top: .5vw;
    margin-bottom: .5vw;
  }

  .imagelogo {
    margin-bottom: 1vw;
    margin-top: 1vw;
  }

  .distanciel ul,
  .presentiel ul {
    list-style: none;
    padding: 0;
  }

  .distanciel ul li,
  .presentiel ul li {
    display: inline;
  }

  .inline {
    display: inline;
  }

  h1.inline:after {
    content: ":";
  }

  #global.distanciel {
    color: var(--whastapp);
  }

  #global.presentiel {
    color: var(--bordeaux);
  }

  #global.vibradays {
    color: var(--rose);
  }

  .index .bigtitle,
  .distanciel .bigtitle,
  .presentiel .bigtitle,
  .engagements .bigtitle,
  .merci .bigtitle {
    font-size: 4vw;
  }

  .vibradays .bigtitle {
    font-size: 2.5vw;
  }


  .important {
    text-decoration: underline;
    text-decoration-color: var(--noir);
    font-weight: 900;
  }

  .desktop-only {
    display: block;
  }

  .nondecore {
    text-decoration: none;
  }

  .medium {
    font-size: 5vh;
    list-style: none;
  }

  .under_bleu {
    text-decoration: underline;
    text-decoration-color: var(--bleu);
  }

  .under_bordeau {
    text-decoration: underline;
    text-decoration-color: var(--bordeaux);
  }

  .under_rose {
    text-decoration: underline;
    text-decoration-color: var(--rose);
  }

  .under_vert {
    text-decoration: underline;
    text-decoration-color: var(--whastapp);
  }

  .under_black {
    text-decoration: underline;
    text-decoration-color: var(--noir);
  }

  .logo-global {
    float: left;
  }

  .centrage {
    text-align: center;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  body:before {
    /* content: "version standard du site"; */
  }

  body {
    background-color: var(--fond);
    margin: 0;
  }

  #global {
    margin-left: auto;
    margin-right: auto;
  }

  .dekstop-only {
    display: block;
  }


  .imagelogo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    text-align: center;
  }

  .presentiel .imagelogo img,
  .distanciel .imagelogo img {
    width: 16%;
    height: auto;
    float: left;
    position: fixed;
    top: 15px;
    left: 15px;
  }

  .vibradays .imagelogo img {
    width: 10%;
    height: auto;
    float: right;
    position: fixed;
    bottom: 1%;
    right: 1%;
  }

  .vibradays .second {
    width: 90%;
  }

  h1,
  h2,
  h3 {
    margin-bottom: 0;
    margin-top: 0;
  }

  .cadre {
    border: 4px solid var(--rouge);
    padding: 1vh;
    border-radius: 10px;
  }

  .logo-vibradays {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .logo-vibradays img {
    -webkit-filter: hue-rotate(300deg);
    filter: hue-rotate(300deg);
    /*filter: sepia(1);
    -webkit-filter: sepia(1);*/
    border-radius: 6%;
  }

  .index .manuscrit,
  .distanciel .manuscrit,
  .presentiel .manuscrit,
  .engagements .manuscrit,
  .merci .manuscrit {
    font-family: "Soul-Of-You", sans-serif;
  }

  .vibradays .manuscrit {
    font-family: "Vibraday-regular", sans-serif;
  }

  .vibradays .manuscrit b {
    font-family: "Vibraday-bold", sans-serif;
  }

  .verdatre {
    color: var(--ecriture);
  }

  .rose {
    color: var(--rose);
  }

  .blue {
    color: var(--bleu);
  }

  .index .presentation,
  .distanciel .presentation,
  .presentiel .presentation,
  .engagements .presentation,
  .merci .presentation {
    font-size: 8vw;
    text-align: center;
    min-width: 512px;
    max-width: 1024px;
  }

  .vibradays .presentation {
    font-size: 6vw;
    min-width: 512px;
    max-width: 1024px;
  }


  .first {
    margin-top: -1em;
  }

  .presentation a {
    text-decoration: none;
  }

  .space {
    padding-right: 2vh;
    font-size: 5vh;
  }

  a.vert {
    color: var(--whastapp);
  }

  a.bordeau {
    color: var(--bordeaux);
  }

  a.fb {
    color: var(--fb);
  }

  a.insta {
    color: var(--insta);
  }

  a.podcast {
    color: var(--podcast);
  }

  a.noir {
    color: var(--noir);
  }

  .flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
  }

  .flex-item:nth-of-type(1) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(2) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(3) {
    flex-grow: 2;
  }

  .flex-item:nth-of-type(4) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(5) {
    flex-grow: 1;
  }

  .flex-item {
    line-height: 100px;
    color: var(--ecriture);
    font-weight: bold;
    font-size: 6vw;
    text-align: center;
    font-family: "Soul-Of-You", sans-serif;
  }

  .flex-item a.simple {
    text-decoration-color: var(--bleu);
  }

  .small-margin {
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 5vw;
  }

  .distanciel ul,
  .presentiel ul {
    list-style: none;
    padding: 0;
  }

  .distanciel ul li,
  .presentiel ul li {
    display: inline;
  }

  .inline {
    display: inline;
  }

  h1.inline:after {
    content: ":";
  }

  #global.distanciel {
    color: var(--whastapp);
  }

  #global.presentiel {
    color: var(--bordeaux);
  }

  #global.vibradays {
    color: var(--rose);
  }

  .index .bigtitle,
  .distanciel .bigtitle,
  .presentiel .bigtitle,
  .engagements .bigtitle,
  .merci .bigtitle {
    font-size: 8vh;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
  }

  .vibradays .bigtitle {
    font-size: 6vh;
  }


  .important {
    text-decoration: underline;
    text-decoration-color: var(--noir);
    font-weight: 900;
  }

  .desktop-only {
    display: block;
  }

  .nondecore {
    text-decoration: none;
  }

  .medium {
    font-size: 5vh;
    list-style: none;
  }

  .under_bleu {
    text-decoration: underline;
    text-decoration-color: var(--bleu);
  }

  .under_bordeau {
    text-decoration: underline;
    text-decoration-color: var(--bordeaux);
  }

  .under_rose {
    text-decoration: underline;
    text-decoration-color: var(--rose);
  }

  .under_vert {
    text-decoration: underline;
    text-decoration-color: var(--whastapp);
  }

  .under_black {
    text-decoration: underline;
    text-decoration-color: var(--noir);
  }

  .logo-global {
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
  }

  .logo-global img {
    width: 30%;
    margin-left: 35%;
    margin-right: auto;
    text-align: center;
  }

  .centrage {
    text-align: center;
  }


}

@media (min-width: 576px) and (max-width: 767px) {
  body:before {
    /* content: "version smartphone du site"; */
  }

  body {
    background-color: var(--fond);
    margin: 0;
  }

  #global {
    margin-left: auto;
    margin-right: auto;
  }

  .dekstop-only {
    display: none;
  }


  h1,
  h2,
  h3 {
    margin-bottom: 0;
    margin-top: 0;
  }

  .cadre {
    border: 4px solid var(--rouge);
    padding: 1vh;
    border-radius: 10px;
  }

  .logo-vibradays {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .logo-vibradays img {
    -webkit-filter: hue-rotate(300deg);
    filter: hue-rotate(300deg);
    /*filter: sepia(1);
    -webkit-filter: sepia(1);*/
    border-radius: 6%;
  }

  .imagelogo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    text-align: center;
  }

  .presentiel .imagelogo img,
  .distanciel .imagelogo img {
    width: 16%;
    height: auto;
    float: left;
    position: fixed;
    top: 15px;
    left: 15px;
  }

  .vibradays .imagelogo img {
    width: 10%;
    height: auto;
    float: right;
    position: fixed;
    bottom: 1%;
    right: 1%;
  }

  .vibradays .second {
    width: 90%;
  }

  .index .manuscrit,
  .distanciel .manuscrit,
  .presentiel .manuscrit,
  .engagements .manuscrit,
  .merci .manuscrit {
    font-family: "Soul-Of-You", sans-serif;
  }

  .vibradays .manuscrit {
    font-family: "Vibraday-regular", sans-serif;
  }

  .vibradays .manuscrit b {
    font-family: "Vibraday-bold", sans-serif;
  }

  .verdatre {
    color: var(--ecriture);
  }

  .rose {
    color: var(--rose);
  }

  .blue {
    color: var(--bleu);
  }

  .index .presentation,
  .distanciel .presentation,
  .presentiel .presentation,
  .engagements .presentation,
  .merci .presentation {
    font-size: 8vw;
    text-align: center;
    min-width: 512px;
    max-width: 1024px;
  }

  .vibradays .presentation {
    font-size: 6vw;
    min-width: 512px;
    max-width: 1024px;
  }

  .first {
    margin-top: -1em;
  }

  .presentation a {
    text-decoration: none;
  }

  .space {
    padding-right: 2vh;
    font-size: 5vh;
  }

  a.vert {
    color: var(--whastapp);
  }

  a.bordeau {
    color: var(--bordeaux);
  }

  a.fb {
    color: var(--fb);
  }

  a.insta {
    color: var(--insta);
  }

  a.noir {
    color: var(--noir);
  }

  .flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
  }

  .flex-item:nth-of-type(1) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(2) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(3) {
    flex-grow: 2;
  }

  .flex-item:nth-of-type(4) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(5) {
    flex-grow: 1;
  }

  .flex-item {
    line-height: 100px;
    color: var(--ecriture);
    font-weight: bold;
    font-size: 6vw;
    text-align: center;
    font-family: "Soul-Of-You", sans-serif;
  }

  .flex-item a.simple {
    text-decoration-color: var(--bleu);
  }

  .small-margin {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .distanciel ul,
  .presentiel ul {
    list-style: none;
    padding: 0;
  }

  .distanciel ul li,
  .presentiel ul li {
    display: inline;
  }

  .inline {
    display: inline;
  }

  h1.inline:after {
    content: ":";
  }

  #global.distanciel {
    color: var(--whastapp);
  }

  #global.presentiel {
    color: var(--bordeaux);
  }

  #global.vibradays {
    color: var(--rose);
  }

  .index .bigtitle,
  .distanciel .bigtitle,
  .presentiel .bigtitle,
  .engagements .bigtitle,
  .merci .bigtitle {
    font-size: 6vh;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
  }

  .vibradays .bigtitle {
    font-size: 4vh;
  }

  .important {
    text-decoration: underline;
    text-decoration-color: var(--noir);
    font-weight: 900;
  }

  .desktop-only {
    display: none
  }

  .nondecore {
    text-decoration: none;
  }

  .medium {
    font-size: 5vh;
    list-style: none;
  }

  .under_bleu {
    text-decoration: underline;
    text-decoration-color: var(--bleu);
  }

  .under_bordeau {
    text-decoration: underline;
    text-decoration-color: var(--bordeaux);
  }

  .under_rose {
    text-decoration: underline;
    text-decoration-color: var(--rose);
  }

  .under_vert {
    text-decoration: underline;
    text-decoration-color: var(--whastapp);
  }

  .under_black {
    text-decoration: underline;
    text-decoration-color: var(--noir);
  }

  .logo-global img {
    width: 17%;
    margin-left: 42%;
  }

  .centrage {
    text-align: center;
  }


}

@media (max-width: 575px) {
  body:before {
    /* content: "version petits écrans"; */
  }

  body {
    background-color: var(--fond);
    margin: 0;
  }

  #global {
    width: 100%;
  }

  .engagements .imagelogo {
    display: none;
  }

  .dekstop-only {
    display: none;
  }


  .imagelogo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    text-align: center;
    width: 22%;
    float: left;
    position: absolute;
    bottom: 32px;
  }

  .presentiel .imagelogo img,
  .distanciel .imagelogo img {
    width: 16%;
    height: auto;
    float: left;
    position: fixed;
    top: 15px;
    left: 15px;
  }

  .vibradays .imagelogo img {
    width: 10%;
    height: auto;
    float: right;
    position: fixed;
    bottom: 1%;
    right: 1%;
  }

  .index .manuscrit,
  .distanciel .manuscrit,
  .presentiel .manuscrit,
  .engagements .manuscrit,
  .merci .manuscrit {
    font-family: "Soul-Of-You", sans-serif;
  }

  .vibradays .manuscrit {
    font-family: "Vibraday-regular", sans-serif;
  }

  .vibradays .manuscrit b {
    font-family: "Vibraday-bold", sans-serif;
  }

  .cadre {
    border: 4px solid var(--rouge);
    padding: 1vh;
    border-radius: 10px;
  }

  .logo-vibradays {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .logo-vibradays img {
    -webkit-filter: hue-rotate(300deg);
    filter: hue-rotate(300deg);
    border-radius: 6%;
    width: 60%;
  }

  .verdatre {
    color: var(--ecriture);
  }

  .rose {
    color: var(--rose);
  }

  .blue {
    color: var(--bleu);
  }

  .index .presentation,
  .distanciel .presentation,
  .presentiel .presentation,
  .engagements .presentation,
  .merci .presentation {
    font-size: 8vw;
    text-align: center;
    width: 100%;
  }

  .vibradays .presentation {
    font-size: 6vw;
    width: 100%;
  }

  .presentation a {
    text-decoration: none;
  }

  .presentation a:hover {
    text-decoration: none;
  }

  .first {
    margin-top: -1em;
  }

  .space {
    padding-right: 2vh;
    font-size: 4vh;
  }

  .blocking {
    display: block;
    font-size: 8vh;
    margin-bottom: 2vh;
  }

  a.vert {
    color: var(--whastapp);
  }

  a.bordeau {
    color: var(--bordeaux);
  }

  a.fb {
    color: var(--fb);
  }

  a.insta {
    color: var(--insta);
  }

  a.podcast {
    color: var(--podcast);
  }

  a.noir {
    color: var(--noir);
  }

  .last {
    margin-top: 5vh;
  }

  .flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
  }

  .flex-item:nth-of-type(1) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(2) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(3) {
    flex-grow: 2;
  }

  .flex-item:nth-of-type(4) {
    flex-grow: 1;
  }

  .flex-item:nth-of-type(5) {
    flex-grow: 1;
  }

  .flex-item {
    line-height: 75px;
    color: var(--ecriture);
    font-weight: bold;
    font-size: 6vw;
    text-align: center;
    font-family: "Soul-Of-You", sans-serif;
    width: 45%;
  }

  .flex-item a.simple {
    text-decoration-color: var(--bleu);
  }

  .small-margin {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .distanciel ul,
  .presentiel ul {
    list-style: none;
    padding: 0;
  }

  .distanciel ul li,
  .presentiel ul li {
    display: inline;
  }

  .inline {
    display: inline;
  }

  h1.inline:after {
    content: ":";
  }

  #global.distanciel {
    color: var(--whastapp);
  }

  #global.presentiel {
    color: var(--bordeaux);
  }

  #global.vibradays {
    color: var(--rose);
  }

  .index .bigtitle,
  .distanciel .bigtitle,
  .presentiel .bigtitle,
  .engagements .bigtitle,
  .merci .bigtitle {
    font-size: 6vh;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
  }

  .vibradays .bigtitle {
    font-size: 6vw;
  }

  .distanciel .bigtitle {
    margin-top: 20%;
  }

  .important {
    text-decoration: underline;
    text-decoration-color: var(--noir);
    font-weight: 900;
  }

  .desktop-only {
    display: none;
  }

  .nondecore {
    text-decoration: none;
  }

  .medium {
    font-size: 5vh;
    list-style: none;
  }

  .under_bleu {
    text-decoration: underline;
    text-decoration-color: var(--bleu);
  }

  .under_bordeau {
    text-decoration: underline;
    text-decoration-color: var(--bordeaux);
  }

  .under_rose {
    text-decoration: underline;
    text-decoration-color: var(--rose);
  }

  .under_vert {
    text-decoration: underline;
    text-decoration-color: var(--whastapp);
  }

  .under_black {
    text-decoration: underline;
    text-decoration-color: var(--noir);
  }

  .logo-global {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
  }

  .logo-global img {
    width: 80%;
  }

  .centrage {
    text-align: center;
  }

}