@font-face {
    font-family:"PoppinsIT" ;
    src: url(../font/BBBPoppinsTN-DisplayBlackItalic.otf);
}

@font-face {
    font-family: "PoppinsTXT";
    src: url(../font/BBBPoppinsTN-TextBold.otf);
}

@font-face {
    font-family: "PoppinsTTL";
    src: url(../font/BBBPoppinsTN-DisplayBlack.otf);
}

body {

    background-color: rgb(246, 251, 255);

}

#Titre {

    font-family: PoppinsIT;
    color: rgb(18, 0, 65);
    font-size: 8VW;
    margin-bottom: 5%;

}

.nom {

    font-family: PoppinsTTL;
    color: rgb(18, 0, 65);
    font-size: 5VW;

}

.serie {
    
    display: grid;
    grid-template-columns: 30% 70%;

}

.texte {

    font-family: PoppinsTXT;
    color: rgb(18, 0, 65);
    font-size: 2VW;

}

.carousel {

    position: relative;

}

.carousel button {

    position: absolute;
    background: none;
    border: none;
    outline: none;
    font-size: 2.6rem;
    z-index: 2;
    cursor: pointer;
    color:rgba(18, 0, 65, 0.5);
    top: 0%;

}

#suiv {

    left: 96.5%

}

.carousel li {

    list-style: none;

}

.slide {

    position: absolute;
    opacity: 0;
    transition: 0.4s ease-in-out;

}

.slide.active {

    opacity: 1;

}

.slide img {

    max-width: 95%;
    max-height: 30%;

}



#credits {

  font-family:PoppinsTXT;
  text-align: center;
  font-size: 0.8vw;
  color: rgba(18, 0, 65, 0.175);

}


#mail {

  font-family:PoppinsTXT;
  text-align: center;
  font-size: 2vw;
  color: rgb(18, 0, 65,);
  text-decoration: none;

}



/* SMARTPHONE MODE PORTRAIT */
@media screen and (orientation: portrait) {




.serie {
    
   display: block;

}

.nom {

    position: relative;
    font-family: PoppinsTTL;
    color: rgb(18, 0, 65);
    font-size: 6vw;
    display: inline-block;

}

.texte {

    position: relative;
    font-family: PoppinsTXT;
    color: rgb(18, 0, 65);
    font-size: 3VW;
    display: inline-block;

}







}