#page{        
    text-align: center;
    font-family: "TT Nooks Script Trial Ligth", serif;
    font-weight: 400;

}

/*h1{
    font-size: 300%;
    font-weight: inherit;
    margin-top: 100px;
    padding-top: 20px;
    padding-bottom: 50px;
    background-color: #409a81;
}*/
strong{
    font-size: xx-large;
}
.texte{
    font-size: 70%;
}
.image{
    display: inline-block;
    margin: 0px auto;
}
.logo{
    margin: 100px;
}
video{
    display: inline-block;
}
/* .gauche{
    display: inline;
    clear: left;

    position: relative;

    width: 300px;
    float: right;
    margin-left: 50px;
    margin-right: 60%;
}

.droite{
    display: inline;
    position: relative;

    width: 300px;
    clear: right;

    float: left;
    margin-left: 50px;
    margin-left: 60%;
} */



    /* carte des techniques */
.flip-card {
    background-color: transparent;
    width: 450px;
    height: 450px;
    perspective: 1000px;
    font-size: small;
    font-family: "TT Nooks Script Trial Light", serif;
}

.title{
    font-family: "TT Nooks Script Trial", serif;
    font-size: large;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* .flip-card-back{
    box-shadow: 0 8px 14px 0 rgba(0,0,0,0.2);
} */
.center{
    margin: 0px auto;
}

.flip-card-back {
    background: rgb(255, 255, 255, 90%);
  /* background: linear-gradient(120deg, white 30%, #fee47d 88%,
     white 40%, #409a81 78%); */
  color: #404040;
  transform: rotateY(180deg);
}
.flip-card-front{
    background-color: transparent;
}

/* position des cartes */
.carte{
    display: inline-block;
    margin: 0px auto;
}

/* Bande Dessinée */

.BD{
    width: 500px;
    height: 500px;
}
/* correction de la position des icones de réseaux et contact*/
#inf{
    text-align: left;
}