@media all and (min-width: 2560px) {
  body #tableau-1 .s {
    width: 8095px;
  }
  body #tableau-1 .element-click.pie {
    top: 56.5%;
  }
  body #tableau-1 .element-click.mandragore {
    top: 89%;
  }
  body #tableau-1 .element-click.magnetite {
    top: 88%;
  }
}

@media all and (min-width: 1920px) and (max-width: 2259px) {
  body #tableau-1 .s {
    width: 15892px;
  }
  body #tableau-1 .s.slide12, body #tableau-1 .s.slide13 {
    width: 1900px;
  }
  body #tableau-1 .element-click.pie {
    top: 61%;
  }
  body #tableau-1 .element-click.mandragore {
    top: 89%;
  }
  body #tableau-1 .element-click.magnetite {
    top: 92%;
  }
  body #tableau-1 .element-click.morelle {
    top: 92%;
  }
  body #tableau-1 .element-click.corneille {
    top: 37%;
  }
  body #tableau-1 .element-click.amanite {
    top: 61%;
  }
  body #tableau-1 .element-click.micheechauderon {
    top: 23%;
  }
  body #tableau-1 .element-click.chicoree {
    top: 51%;
  }
  body #tableau-1 .element-click.chouette {
    top: 50%;
  }
  body #tableau-1 #micheechauderon {
    top: 21%;
  }
  body #tableau-1 #chouette {
    top: 48%;
  }
  body #tableau-1 #candle-1 {
    top: 42%;
  }
}

@media all and (min-width: 1920px) and (min-height: 1200px) and (max-width: 2559px) {
  body #intro {
    object-fit: cover;
    height: 100%;
  }
  body #tableau-1 .element-click.pie {
    top: 61%;
  }
}

@media all and (min-width: 1680px) and (max-width: 1919px) {
  body #intro {
    object-fit: cover;
    height: 100%;
  }
  body .cta.libelle {
    bottom: 37%;
    left: 19%;
  }
  body #next span:after {
    letter-spacing: 4px;
    top: 16px;
  }
  body #tableau-1 .s.circe {
    width: 440px;
    height: 443px !important;
  }
  body #tableau-1 .s.moon {
    width: 226px;
    height: 226px !important;
  }
  body #tableau-1 .element-click.pie {
    top: 60%;
  }
  body #tableau-1 .element-click.magnetite {
    top: 92%;
  }
}

@media all and (min-width: 1680px) and (min-height: 1050px) and (max-width: 1919px) {
  body #tableau-1 .element-click.pie {
    top: 56%;
  }
}

@media all and (min-width: 1536px) and (max-width: 1679px) {
  body #tableau-1 #index {
    right: 0;
    top: 0;
  }
  body #tableau-1 .s.circe {
    width: 462px;
    height: 498px !important;
  }
  body #tableau-1 .s.moon {
    width: 260px;
    height: 260px !important;
  }
  body #tableau-1 .element-click.pie {
    top: 58%;
  }
  body #tableau-1 .element-click.corneille {
    top: 32%;
  }
  body #tableau-1 .element-click.amanite {
    top: 56%;
  }
  body #tableau-1 .element-click.micheechauderon {
    top: 12%;
  }
  body #tableau-1 .element-click.orpiment {
    top: 51%;
  }
  body #tableau-1 .element-click.chicoree {
    top: 46%;
  }
  body #tableau-1 #corneille {
    top: 20%;
  }
  body #tableau-1 #amanite {
    top: 47%;
  }
  body #tableau-1 #orpiment {
    top: 42%;
  }
  body #tableau-1 #candle-1 {
    top: 37%;
  }
  body #tableau-1 #candle-2 {
    top: 35%;
  }
}

@media all and (min-width: 1440px) and (max-width: 1535px) {
  body #intro {
    height: 100%;
    object-fit: cover;
  }
  body #tableau-1 #index {
    right: 0;
    top: 0;
  }
  body #tableau-1 .element-click.pie {
    top: 59%;
  }
  body #tableau-1 .element-click.micheechauderon {
    top: 15%;
  }
  body #tableau-1 .element-click.chicoree {
    top: 48%;
  }
}

@media all and (min-width: 1366px) and (max-width: 1439px) {
  body #intro {
    height: 100%;
    object-fit: cover;
  }
  body #tableau-1 #index {
    right: 0;
    top: 0;
  }
  body #tableau-1 .element-click.pie {
    top: 52%;
  }
  body #tableau-1 .element-click.amanite {
    top: 51%;
  }
  body #tableau-1 .element-click.corneille {
    top: 24%;
  }
  body #tableau-1 .element-click.chouette {
    top: 36%;
  }
  body #tableau-1 .element-click.millepertuis {
    top: 54%;
  }
  body #tableau-1 .element-click.renard {
    top: 73%;
  }
  body #tableau-1 .element-click.chicoree {
    top: 39%;
  }
  body #tableau-1 .element-click.orpiment {
    top: 45%;
  }
  body #tableau-1 .element-click.micheechauderon {
    top: 0;
  }
  body #tableau-1 #amanite {
    top: 44%;
  }
  body #tableau-1 #corneille {
    top: 11%;
  }
  body #tableau-1 #chouette {
    top: 33%;
  }
  body #tableau-1 #renard {
    top: 62%;
  }
  body #tableau-1 #millepertuis {
    top: 46%;
  }
  body #tableau-1 #hildegarde {
    top: 0;
  }
  body #tableau-1 #chicoree {
    top: 45%;
  }
  body #tableau-1 #orpiment {
    top: 37%;
  }
  body #tableau-1 #micheechauderon {
    top: 3%;
  }
  body #tableau-1 .demo-wrap {
    top: 26%;
  }
}

@media all and (min-width: 1366px) and (min-height: 1024px) and (max-width: 1439px) {
  body #tableau-1 #sky {
    bottom: 94px;
  }
  body #tableau-1 .element-click.pie {
    top: 56%;
  }
}

@media all and (min-width: 1280px) and (max-width: 1365px) {
  body #intro {
    height: 100%;
    object-fit: cover;
  }
  body #tableau-1 #index {
    right: 0;
    top: 0;
  }
  body #tableau-1 .element-click.pie {
    top: 54%;
  }
  body #tableau-1 .element-click.amanite {
    top: 52%;
  }
  body #tableau-1 .element-click.corneille {
    top: 27%;
  }
  body #tableau-1 .element-click.chouette {
    top: 39%;
  }
  body #tableau-1 .element-click.millepertuis {
    top: 56%;
  }
  body #tableau-1 .element-click.renard {
    top: 74%;
  }
  body #tableau-1 .element-click.micheechauderon {
    top: 5%;
  }
  body #tableau-1 .element-click.orpiment {
    top: 48%;
  }
  body #tableau-1 .element-click.chicoree {
    top: 42%;
  }
  body #tableau-1 #amanite {
    top: 44%;
  }
  body #tableau-1 #corneille {
    top: 14%;
  }
  body #tableau-1 #chouette {
    top: 35%;
  }
  body #tableau-1 #millepertuis {
    top: 48%;
  }
  body #tableau-1 #renard {
    top: 64%;
  }
  body #tableau-1 #hildegarde {
    top: 0;
  }
  body #tableau-1 #micheechauderon {
    top: 8%;
  }
  body #tableau-1 #orpiment {
    top: 41%;
  }
  body #tableau-1 #chicoree {
    top: 47%;
  }
  body #tableau-1 .demo-wrap {
    top: 31%;
  }
  #volet a.ouvrir .cta.index {
    width: 250px;
    right: -56px;
  }
  #volet a.fermer .cta.index {
    width: 250px;
    top: 50px;
  }
}

@media all and (min-width: 1280px) and (min-height: 1024px) and (max-width: 1365px) {
  body #tableau-1 #sky {
    bottom: 93px;
  }
  body #tableau-1 .element-click.pie {
    top: 56%;
  }
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
  body #intro {
    height: 100%;
    object-fit: cover;
  }
  body #tableau-1 #index {
    right: 0;
    top: 0;
  }
  body #tableau-1 #next {
    right: 0;
  }
  body #tableau-1 .element-click.pie {
    top: 52%;
  }
  body #tableau-1 .element-click.corneille {
    top: 23%;
  }
  body #tableau-1 .element-click.amanite {
    top: 50%;
  }
  body #tableau-1 .element-click.chouette {
    top: 37%;
  }
  body #tableau-1 .element-click.millepertuis {
    top: 55%;
  }
  body #tableau-1 .element-click.chicoree {
    top: 39%;
  }
  body #tableau-1 .element-click.micheechauderon {
    top: 0;
  }
  body #tableau-1 .element-click.orpiment {
    top: 45%;
  }
  body #corneille {
    top: 9%;
  }
  body #amanite {
    top: 41%;
  }
  body #chouette {
    top: 34%;
  }
  body #millepertuis {
    top: 47%;
  }
  body #hildegarde {
    top: 0;
  }
  body #chicoree {
    top: 45%;
  }
  body #micheechauderon {
    top: 6%;
  }
  body #orpiment {
    top: 38%;
  }
  body .demo-wrap {
    top: 27%;
  }
  body #volet a.ouvrir .cta.index {
    width: 250px;
    right: -56px;
  }
  body #volet a.fermer .cta.index {
    width: 250px;
    top: 50px;
    right: 0;
  }
}

@media all and (min-width: 568px) and (max-width: 1023px) {
  body #intro {
    height: 100%;
    object-fit: cover;
  }
  body #button-play {
    bottom: 17px;
  }
  body #tableau-1 #index {
    right: 0;
    top: 0;
    background-size: 189%;
    height: 93px;
    width: 11%;
  }
  body #tableau-1 #next {
    right: 0;
    top: 59%;
  }
  body #tableau-1 #next span {
    font-size: 16px;
  }
  body #tableau-1 #next span:after {
    top: 23px;
  }
  body #tableau-1 #next .arrow {
    width: 16px;
  }
  body #tableau-1 #parallaxContainer .layer {
    background-position-y: center;
  }
  body #tableau-1 #parallaxContainer .element0 {
    z-index: auto;
  }
  body #tableau-1 #parallaxContainer .element1 {
    z-index: auto;
  }
  body #tableau-1 #parallaxContainer .element2 {
    left: 10px;
    width: 19%;
    bottom: 31%;
  }
  body #tableau-1 #parallaxContainer .element3 {
    left: 10px;
    width: 19%;
    bottom: 6%;
  }
}

@media all and (min-width: 720px) and (max-width: 1280px) {
  .modal .modal-dialog .modal-content .modal-header .close {
    width: 159px;
  }
  .modal .modal-dialog .modal-content .modal-body .texte {
    padding-left: 12px;
    padding-right: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body .titre_tab {
    width: 200px;
    top: -119px;
    left: 22%;
  }
  .modal .modal-dialog .modal-content .modal-body h1 {
    font-size: 25px;
    bottom: 51px;
  }
  .modal .modal-dialog .modal-content .modal-body h2 span {
    font-size: 22px;
  }
  .modal .modal-dialog .modal-content .modal-body h3 {
    font-size: 16px;
    position: relative;
    bottom: 49px;
  }
  .modal .modal-dialog .modal-content .modal-body p {
    font-size: 14px;
  }
  .modal .modal-dialog .modal-content .modal-body p.introduction {
    margin-top: 30px;
  }
  .modal .modal-dialog .modal-content .modal-body .pictos {
    position: absolute;
    top: 100px;
    right: 9%;
  }
  .modal .modal-dialog .modal-content .modal-body .pictos .picto-img {
    width: 100px;
  }
  .modal .modal-dialog .modal-content .modal-body .illustration {
    margin-left: 2%;
  }
  .modal .modal-dialog .modal-content .modal-body .illustration:first-child {
    margin-top: 91px !important;
  }
}

@media all and (min-width: 720px) and (min-height: 540px) and (max-width: 734px) {
  body #intro {
    height: 100%;
    object-fit: cover;
  }
  body #button-play {
    bottom: 17px;
  }
  body #tableau-1 #index {
    right: 0;
    top: 0;
    background-size: 189%;
    height: 93px;
    width: 11%;
  }
  body #tableau-1 #next {
    right: 0;
    top: 59%;
  }
  body #tableau-1 #next span {
    font-size: 16px;
  }
  body #tableau-1 #next span:after {
    top: 23px;
  }
  body #tableau-1 #next .arrow {
    width: 16px;
  }
  body #tableau-1 #parallaxContainer .layer {
    background-position-y: bottom;
  }
  body #tableau-1 #parallaxContainer .element0 {
    z-index: auto;
  }
  body #tableau-1 #parallaxContainer .element1 {
    z-index: auto;
  }
  body #tableau-1 #parallaxContainer .element2 {
    left: 10px;
    width: 19%;
    bottom: 31%;
  }
  body #tableau-1 #parallaxContainer .element3 {
    left: 10px;
    width: 19%;
    bottom: 6%;
  }
}

/************************************

            MOBILE

********************************** */
@media all and (min-width: 813px) {
  #tableau-1, #tab-desk {
    display: block;
  }
  #tab-mobile {
    display: none;
  }
}

@media all and (max-width: 812px) and (orientation: landscape) {
  #tableau-1, #tab-desk {
    display: none;
  }
  #bg-sky {
    display: none;
  }
  body {
    width: 812px;
    height: 375px;
  }
  body #intro {
    margin: 0 auto !important;
    height: auto !important;
  }
  body #control-audio {
    right: 5px;
    bottom: 10px;
  }
  body #button-play {
    height: 25px;
  }
  #tab-mobile {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 375px;
  }
  #tab-mobile #bg-mobile {
    height: 100%;
    z-index: 1;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
  }
  #tab-mobile #circe {
    width: 100px;
    height: 150px;
    z-index: 200;
    position: absolute;
    left: 39%;
    top: 4%;
  }
  #tab-mobile #moon {
    width: 50px;
    height: 50px;
    z-index: 200;
    position: absolute;
    left: 61%;
    top: 13%;
  }
  #tab-mobile .element-click.pie {
    top: 59%;
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 100%;
    position: absolute;
    z-index: 3;
    animation: pulseShadow 5s infinite;
  }
  #tab-mobile .element-click.pie span {
    background-image: url("../img/tableau-1/elements/element-pie.png");
    width: 46px;
    bottom: 15px;
    z-index: 4;
    display: block;
    position: relative;
    right: 36px;
    background-size: 50px;
    height: 40px;
  }
  #tab-mobile .element-click.mandragore {
    top: 76%;
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 100%;
    right: 14%;
    position: absolute;
    z-index: 3;
    animation: pulseShadow 5s infinite;
  }
  #tab-mobile .element-click.mandragore span {
    background-image: url("../img/tableau-1/elements/element-mandragore.png");
    width: 80px;
    height: 62px;
    bottom: 34px;
    z-index: 4;
    display: block;
    position: relative;
    right: 34px;
    background-size: 80px;
  }
  #tab-mobile .element-click.magnetite {
    top: 92%;
    right: 32%;
    width: 5px;
    height: 5px;
    position: absolute;
    display: block;
    border-radius: 100%;
    z-index: 3;
    animation: pulseShadow 5s infinite;
  }
  #tab-mobile .element-click.magnetite span {
    background-image: url("../img/tableau-1/elements/element-magnetite.png");
    width: 92px;
    height: 92px;
    bottom: 47px;
    display: block;
    position: relative;
    right: 35px;
    cursor: pointer;
    background-size: 93px;
  }
  #tab-mobile .element-click.morelle {
    top: 93%;
    width: 5px;
    position: absolute;
    display: block;
    border-radius: 100%;
    z-index: 3;
    animation: pulseShadow 5s infinite;
  }
  #tab-mobile .element-click.morelle span {
    background-image: url("../img/tableau-1/elements/morelle.png");
    width: 50px;
    height: 71px;
    bottom: 33px;
    display: block;
    position: relative;
    right: 25px;
    cursor: pointer;
    background-size: 50px;
  }
  #tab-mobile .element-click.corneille {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    top: 32%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowGreen 5s infinite;
  }
  #tab-mobile .element-click.corneille span {
    background-image: url("../img/tableau-2/elements/element-corneille.png");
    width: 100px;
    height: 92px;
    display: block;
    position: relative;
    right: 46px;
    bottom: 34px;
    cursor: pointer;
    background-size: 100px;
  }
  #tab-mobile .element-click.amanite {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    top: 58%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowGreen 5s infinite;
  }
  #tab-mobile .element-click.amanite span {
    background-image: url("../img/tableau-2/elements/element-amanite.png");
    width: 150px;
    height: 110px;
    display: block;
    position: relative;
    right: 67px;
    bottom: 65px;
    cursor: pointer;
    background-size: 150px;
  }
  #tab-mobile .element-click.crapaud {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    top: 93%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowGreen 5s infinite;
  }
  #tab-mobile .element-click.crapaud span {
    background-image: url("../img/tableau-2/elements/element-crapaud.png");
    width: 113px;
    height: 72px;
    bottom: 41px;
    display: block;
    position: relative;
    right: 55px;
    background-size: 113px;
  }
  #tab-mobile .element-click.datura {
    position: absolute;
    width: 5px;
    height: 5px;
    top: 89%;
    display: block;
    border-radius: 100%;
    z-index: 6;
    animation: pulseShadowGreen 5s infinite;
  }
  #tab-mobile .element-click.datura span {
    background-image: url("../img/tableau-2/elements/element-datura.png");
    width: 100px;
    height: 58px;
    bottom: 16px;
    z-index: 8;
    display: block;
    position: relative;
    right: 38px;
    background-size: 100px;
  }
  #tab-mobile .element-click.lapislazuli {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    top: 87%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowGreen 5s infinite;
  }
  #tab-mobile .element-click.lapislazuli span {
    background-image: url("../img/tableau-2/elements/element-lapislazuli.png");
    width: 79px;
    height: 46px;
    bottom: 33px;
    z-index: 4;
    display: block;
    position: relative;
    right: 47px;
    background-size: 77px;
  }
  #tab-mobile .element-click.morgane {
    width: 239px;
    height: 150px;
    z-index: 200;
    position: absolute;
    top: 1%;
  }
  #tab-mobile .element-click.chouette {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    top: 59%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowOrange 5s infinite;
  }
  #tab-mobile .element-click.chouette span {
    background-image: url("../img/tableau-3/elements/element-chouette.png");
    right: 58px;
    width: 90px;
    height: 100px;
    bottom: 20px;
    display: block;
    background-size: 90px;
    position: relative;
  }
  #tab-mobile .element-click.renard {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    top: 70%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowOrange 5s infinite;
  }
  #tab-mobile .element-click.renard span {
    background-image: url("../img/tableau-3/elements/element-renard.png");
    width: 100px;
    height: 97px;
    bottom: 15px;
    display: block;
    position: relative;
    right: 50px;
    background-size: 100px;
  }
  #tab-mobile .element-click.millepertuis {
    position: absolute;
    width: 1px;
    height: 1px;
    z-index: 3;
    top: 67%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowOrange 5s infinite;
  }
  #tab-mobile .element-click.millepertuis span {
    background-image: url("../img/tableau-3/elements/element-millepertuis.png");
    bottom: 54px;
    display: block;
    position: relative;
    right: 18px;
    width: 68px;
    height: 62px;
    background-size: 68px;
  }
  #tab-mobile .element-click.saphir {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    top: 89%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowOrange 5s infinite;
  }
  #tab-mobile .element-click.saphir span {
    background-image: url("../img/tableau-3/elements/element-saphir.png");
    bottom: 30px;
    display: block;
    position: relative;
    right: 28px;
    width: 86px;
    height: 82px;
    background-size: 86px;
  }
  #tab-mobile .element-click.hildegarde {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 11%;
    z-index: 3;
  }
  #tab-mobile .element-click.chat {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    display: block;
    border-radius: 100%;
    animation: pulseShadowYellow 5s infinite;
    top: 94%;
  }
  #tab-mobile .element-click.chat span {
    background-image: url("../img/tableau-4/elements/element-chat.png");
    bottom: 56px;
    display: block;
    position: relative;
    right: 47px;
    width: 82px;
    height: 91px;
    background-size: 82px;
  }
  #tab-mobile .element-click.micheechauderon {
    position: absolute;
    z-index: 3;
    display: block;
    width: 100px;
    height: 100px;
    top: 11%;
  }
  #tab-mobile .element-click.chicoree {
    position: absolute;
    width: 1px;
    height: 1px;
    z-index: 3;
    top: 56%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowYellow 5s infinite;
  }
  #tab-mobile .element-click.chicoree span {
    background-image: url("../img/tableau-4/elements/element-chicoree.png");
    bottom: 85px;
    display: block;
    position: relative;
    width: 65px;
    height: 130px;
    z-index: 6;
    right: 35px;
    background-size: 65px;
  }
  #tab-mobile .element-click.orpiment {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 3;
    top: 71%;
    display: block;
    border-radius: 100%;
    animation: pulseShadowYellow 5s infinite;
  }
  #tab-mobile .element-click.orpiment span {
    background-image: url("../img/tableau-4/elements/element-orpiment.png");
    bottom: 40px;
    right: 23px;
    display: block;
    position: relative;
    width: 50px;
    height: 56px;
    z-index: 6;
    background-size: 50px;
  }
  #tab-mobile .demo-wrap {
    position: absolute;
    height: 16%;
    width: 17px;
    z-index: 3;
  }
  #tab-mobile .demo-wrap#candle-1 {
    top: 32%;
  }
  #tab-mobile .demo-wrap#candle-2 {
    top: 30%;
  }
  #tab-mobile .demo-wrap#candle-3 {
    top: 21%;
  }
  #tab-mobile .demo-wrap#candle-4 {
    top: 31%;
  }
  #tab-mobile .demo-wrap#candle-5 {
    top: 19%;
  }
  #volet {
    width: 50%;
    max-height: 375px;
  }
  #volet .icon-search {
    right: 43px;
    top: 155px;
    float: right;
    width: 14px;
  }
  #volet input {
    font-size: 12px;
  }
  #volet .link.ouvrir .cta.index {
    width: 150px;
    right: -32px;
    top: -4px;
  }
  #volet .link.fermer .cta.index {
    width: 150px;
    right: 13%;
  }
  #volet .twitter-typeahead {
    margin-top: 150px;
    margin-bottom: 48px;
  }
  #volet .twitter-typeahead .tt-menu {
    font-size: 12px;
  }
  #volet #sWrapper {
    height: 42%;
  }
  #volet #sWrapper .inner {
    font-size: 13px;
  }
  .modal .modal-dialog .modal-content .modal-header .close {
    width: 159px;
  }
  .modal .modal-dialog .modal-content .modal-body .texte {
    padding-left: 12px;
    padding-right: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body .titre_tab {
    width: 200px;
    top: -119px;
    left: 22%;
  }
  .modal .modal-dialog .modal-content .modal-body h1 {
    font-size: 25px;
    bottom: 51px;
  }
  .modal .modal-dialog .modal-content .modal-body h2 span {
    font-size: 22px;
  }
  .modal .modal-dialog .modal-content .modal-body h3 {
    font-size: 16px;
    position: relative;
    bottom: 49px;
  }
  .modal .modal-dialog .modal-content .modal-body p {
    font-size: 14px;
  }
  .modal .modal-dialog .modal-content .modal-body p.introduction {
    margin-top: 30px;
  }
  .modal .modal-dialog .modal-content .modal-body .pictos {
    position: absolute;
    top: 100px;
    right: 9%;
  }
  .modal .modal-dialog .modal-content .modal-body .pictos .picto-img {
    width: 80px;
  }
  .modal .modal-dialog .modal-content .modal-body .illustration {
    margin-left: 2%;
  }
  .modal .modal-dialog .modal-content .modal-body .illustration:first-child {
    margin-top: 91px !important;
  }
  body .credits {
    bottom: 10px;
  }
  #next {
    top: 45%;
    width: 100px;
    left: 90%;
  }
  #next .arrow {
    width: 17px;
  }
  #next .arrow:last-child {
    left: -15px;
  }
  #prev {
    left: 0;
    top: 45%;
    width: 120px;
  }
  #prev .arrow {
    width: 17px;
  }
  #prev .arrow.move {
    left: -15px;
    position: relative;
  }
  #modalCookies .modal-dialog .modal-content .modal-body {
    font-size: 14px;
  }
  #modalCookies .modal-dialog .modal-content .modal-body .btn {
    font-size: 14px;
  }
  #modalCookies .modal-dialog .modal-content .modal-body .col-md-6:last-child {
    text-align: center;
  }
}