html, body {
  margin: 0;
  padding: 0;
}

.questionnaire{
  position: absolute;
  background-color: #00a3e2;
  border-radius: 50% 50%;
  width: 180px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
}

@media (max-width: 767px){
  .questionnaire{
    bottom: 95%;
    right: 2%;
  }
}

@media (min-width: 768px){
  .questionnaire{
    bottom: 30px;
    right: 30px;
  }
}

.questionnaire a{
  color: white;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

.image-mouvante{
    width: 80%;
    max-width:400px!important;
}  


.image-button{
  height: 80px;
}

.button-play{
  background-color:transparent;
  border: 0px transparent;
}

.button-play:focus{
  outline: none !important;
}

.button-play:active{
  outline: none;
}

.full-height{
  min-height:100vh;
  max-height:100vh;
}

.title-main-page{
  background-color: #00a3e2;
  color:#60284f;
  font-family: "Tiny5", sans-serif;
}

#splide01{
  width: inherit;
}

.splide__slide__container{
  display: flex;
  justify-content: center;
}

p{
  font-family: "Tiny5";
  font-size: 20px;
  display: inline;;
}

.bckg-red{
  background-color: rgba(255, 166, 0, 0.70);
  font-family: "Tiny5";
  font-size: 20px;
  display: inline;
}

@media (max-width: 767px){
  .title-main-page{
    font-size: 40px;
    writing-mode: horizontal-tb;
    line-height: normal;
    border-top: #60284f solid 10px;
    border-bottom: #60284f solid 10px;
  }
}

@media (min-width: 768px){
  .title-main-page{
    font-size: 55px;
    font-family: "Tiny5", sans-serif;
    writing-mode: vertical-lr;
    letter-spacing: -20px;
    text-orientation: upright;
    border-left: #60284f solid 10px;
    border-right: #60284f solid 10px;
    height: 100%;
  }
}

@media (min-width: 768px) {
  .title-main-page{
    line-height: 100px;
  }
}



.rectangle-2-titre{
  background-color: #55d6d9;
  height: 7px;
}

/* .rectangle-titre{
  background-color: #00a3e2;
  height: 30px;
} */

.title-main-page span{
  letter-spacing: -12px;
}