body {
  background-color: black;
}

nav {
  background-color: black;
}

nav ul {
  list-style: none;
  padding-left: 15px;
}

a i {
  padding: 5px;
}

ul {
  padding-left: 15px;
}

main {
  padding-top: 80px;
  padding-bottom: 20px;
  background-color: #1d809f;
}

footer {
  overflow: visible !important;
  display: block !important;
}

.card {
  background-color: #ffffff;
}

/* ------------------------------------ le footer ----------------------------------------------- */
.icone-footer {
  font-size: 50px;
}

/* ------------------------------------ les <main> ----------------------------------------------- */
.main-85 {
  min-height: 85vh;
}

.main-contact {
  min-height: 85vh;
  padding-top: 10vh;
}

.main-formation {
  min-height: 85vh;
  padding-top: 3vh;
}

/* ----------------------------------- partie Contact ------------------------------------- */
#msg {
  height: 140px;
}

/* ------------------------------ COULEUR DES TEXTES ---------------------------------------- */
.text-bleucompostelle {
  color: #0f2e8b;
}

.text-orange {
  color: orange;
}

.text-netflix {
  color: #e2e1df;
}

.text-gamecodeur {
  color: #92361f;
}

.text-sport {
  color: #e71e26;
}

/* ---------------------------- COULEURS DES BACKGROUNDS --------------------------------------- */
.bg-turquoise {
  background-color: #1d809f;
}

.bg-jaune {
  background-color: #fac71c !important;
}

.color-wcs {
  background-color: #eb984e;
}

.color-jv {
  background-color: #91361f;
}

.color-compostelle {
  background-color: #0f2e8b;
}

.color-netflix {
  background-color: #ff0800;
}

.fond-sport {
  background-color: #fed501;
}

.fond-gamecodeur {
  background-color: #e0e0e0;
}
.card-gamecodeur {
  background-color: #f1582d;
}

.fond-card-netflix {
  background-color: #010102;
}

.card-serie {
  background-color: #ecf0f1;
}

.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: relative;
}

.openclassrooms {
  width: 60px;
  height: 60px;
}

/*   --------------------------------------------- ANIMATIONS ----------------------------------------- */
.bande-annonce {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85vh;
  background: #000;
}

.next-incoming {
  height: 150px;
  background-color: black;
}

.incoming {
  position: relative;
  font-family: sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 4px;
  overflow: hidden;
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 3s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}