/* @import url(//db.onlinewebfonts.com/c/a7e3822358f6dcb2f986a68cf24721b2?family=MV+Boli); */

@font-face {
    font-family: 'mv_boliregular';
    src: url('assets/mvboli-webfont.woff2') format('woff2'),
         url('assets/mvboli-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    position: relative;
    min-height: 100%;
}

body{
    /* background-image: url('images/lightpaperfibers.png'); */
    background-color: rgb(211, 213, 248);
    /* background-color: blue; */
    /* Margin bottom by footer height */
    margin-bottom: 65px;
    /* opacity: 0.3; */
}

.mainBorder{
    /* border: 5px solid #1eff00; */
}

.contBorder{
    /* border: 3px solid blueviolet; */
}

.bghead{
    /* background-color: #ff7b7e; */ 
    background-color: #a3a0e3;
}


#firstScreen{
    /* height: 100vh; */
}

#premierTexte{
    background: url('images/bigStar.png') no-repeat bottom right/30%,
    url('images/bigCube.png') no-repeat top left/20% ;
    /* background-size: 30% */

}

#zoneBlanche{
    background: url('images/rose_vert.png') repeat-y top left/100%;
}


.piedPage{

    position: fixed;
    bottom: 0;
    width: 100%;
    /* line-height: 60px; */
    background-color: rgb(71, 40, 143);

}

.piedPage p{
    margin-bottom: 0px;
    padding: 0.5em 0;
}

.jumbotron{
    background-color: rgb(100, 100, 185) !important;
    color: rgb(253, 253, 253);
}


#flecheNew{
    animation: bounce 3s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    40% {
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    60% {
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
}

#flecheNew div{
    width: 20px;
    height: 20px;
    border-bottom: 5px solid rgb(180, 180, 252);
    border-right: 5px solid rgb(180, 180, 252);
    transform: rotate(45deg);
}

#flecheNew div a{
    display: block;
    height: 20px;
    width: 20px;  
}

#v2Title{
    margin-bottom: 0 !important;

}


.imagesAnim:hover{
    animation: lPlay 1s infinite;
}



@keyframes lPlay {
    0%, 30%, 80%, 100% {
      /* -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0); */
      transform: translateY(0);
    }
    50% {
      /* -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -webkit-transform: translateY(-20px); */
      transform: translateY(-10px);
    }

}


/* Caroussel controls color change */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 10%;
  /* border: 1px solid black; */
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: #007bff;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: #007bff;
}