*{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
/* Navbar */
div#navbar-menu {
    padding: 20px;
    text-align: center;
    box-shadow: 0px 0px 10px black;
    background-color: rgb(39, 39, 39);
    position: absolute;
    width: -webkit-fill-available;
    z-index: 2;
}
a.nav-a {
    text-decoration: none;
    color: white;
    padding: 10px 40px;
    font-weight: bold;
}
a.nav-a:hover{
    color: gold;
    /* background-color: white; */
    transition: 0.8s;
}
/* acceuil */
.fullscreen {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.full-screen video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
img.content-logo {
    position: absolute;
    width: 400px;
    margin-top: -770px;
    margin-left: 100px;
}
p.content-message {
    position: absolute;
    margin-top: -360px;
    margin-left: 180px;
    color: white;
    font-size: 23px;
    font-weight: bolder;
    font-style: italic;
    text-decoration: underline;
}
.qui_somme_nous {
    background-color: rgb(39, 39, 39);
    padding: 80px;
    color: white;
    min-height: 500px;
    text-align: justify;
}
h1.qui_somme_nous_titre{
    text-decoration: underline;
    margin-bottom: 10px;
    font-size: 35px;
    color: white;
}
.qui_somme_nous_h2{
  margin-bottom: 10px;
  margin-top: 5px;
  text-decoration: underline;
}
.home-list-details {
  margin-left: 20px;
  margin-right: 200px;
  text-indent: -11px;
}
.p-argument-list{
  margin-bottom: 10px;
}
h1.nos_reseaux_titre {
    text-decoration: underline;
    margin-bottom: 10px;
    font-size: 35px;
}
p.qui_somme_nous_details {
    width: 100%;
    text-align: justify;
}
img.qui_somme_nous_image {
    width: 700px;
    margin-top: 30px;
    margin-left: auto;
    display: flex;
}
.reseaux {
    background-color: beige;
    padding: 80px;
    min-height: 500px;
}
div#embed-profile-container {
    background-color: beige;
}
.instagram {
    height: -webkit-fill-available;
}
/* .eui-widget-title.es-widget-title.eapps-instagram-feed-title {
     color: white;
} */
.Tiktok-title, .Youtube-title{
    font-size: 24px;
    /* color: white; */
    text-align: center;
    font-weight: 600;
}
iframe.youtube-frame {
    width: -webkit-fill-available;
    height: 70%;
}
p.Youtube-title {
    margin-bottom: 20px;
}
/* Footer */
.footer-column {
    padding: 30px;
    display: flex;
    justify-content: space-around;
}
.colonne-1, .colonne-2, .colonne-3{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.copyright {
    display: flex;
    justify-content: center;
    padding: 5px;
}
.reseaux-colonnes {
    display: flex;
    justify-content: center;
}
.reseaux-colonne-1, .reseaux-colonne-2, .reseaux-colonne-3 {
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.colonne-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
a.footer-link {
    text-decoration: none;
    color: black;
    margin-top: 5px;
}
a.footer-link:hover {
    color: red;
    transition: 0.3s;
}
a.footer-link-reseaux {
    color: white;
    background-color: black;
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 5px;
}
a.footer-link-reseaux:hover {
    background-color: red;
    transition: 0.3s;
}
h1.title-footer {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: lighter;
}
footer {
    box-shadow: 0px 0px 30px black;
}
a.footer-rcyann-redirection {
    color: black;
    text-decoration: none;
    margin-left: 2px;
}
  /* ScrollBar */
  ::selection{
    background-color: transparent;
  }

  ::-webkit-scrollbar{
    width: 5px;
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb{
    background-color: #111;
  }
  div#root {
    background-color: beige;
  /* Footer */
  }
  img.footer-icons {
    width: 15px;
  }
  /* Newsletter */
  .newsletter {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-newsletter {
    background-color: coral;
    position: absolute;
    width: 500px;
    padding: 50px;
    color: white;
    text-align: center;
    border-radius: 30px;
  }
  p.newsletter-text {
    text-align: justify;
    text-indent: 10%;
    margin-top: 7px;
    margin-bottom: 30px;
  }
  h1.newsletter-title {
    text-decoration: underline;
  }
  input.input-inscription {
    padding: 10px 5px;
    width: 260px;
    background-color: transparent;
    color: white;
    border: 3px solid white;
    margin-top: 10px;
  }
  input.input-inscription::placeholder{
    color: white;
  }
  input.valider-inscription {
    padding: 10px;
    border: 3px solid white;
    margin-left: -7px;
    background-color: white;
  }
  input.valider-inscription:hover {
    background-color: coral;
    color: white;
    transition: 0.3s;
  }
  /* Modeles */
  img.img-modeles-accueil {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modeles-voitures {
    padding: 50px;
    background-color: bisque;
  }
  img.img-card-modele {
    max-width: 350px;
  }
  .modeles-traxxas {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .card-modele {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 33%;
  }
  .modeles-acceuil-presentation {
    position: absolute;
    width: 500px;
    margin-top: -50%;
    margin-left: 40%;
    background-color: bisque;
    padding: 50px;
    border-radius: 30px;
  }
  .modeles-avion-indoor, .modeles-avion-outdoor, .modeles-drone {
    padding: 50px;
  }
  h1.modeles-titre-categorie {
    font-size: 20px;
    font-style: italic;
    color: brown;
  }
  h1.modeles-titre-categorie-grande {
    font-size: 35px;
    text-decoration: underline;
    font-weight: bold;
    color: crimson;
  }
  /* Objectifs */
  img.img-objectif-accueil {
    width: 100%;
  }
  .txt-objectif-acceuil {
    position: absolute;
    margin-top: -55%;
    margin-left: 40%;
    width: 400px;
    background-color: bisque;
    padding: 30px;
    border-radius: 25px;
    text-align: justify;
  }
  p.p-txt-objectif-acceuil {
    text-indent: 10%;
  }
  h1.h1-txt-objectif-acceuil {
    text-decoration: underline;
  }
  .objectif-liste, .objectif-contact {
    padding: 50px;
  }
  .liste-objectif {
    margin-left: 20px;
    margin-top: 5px;
  }
/* Mobile Display */
@media screen and (max-width: 600px){
    a.nav-a {
        /* padding: 10px 10px; */
        padding: 10px 3px;
        font-size: 12;
    }
    img.content-logo {
        position: absolute;
        width: 300px;
        margin-top: -480px;
        margin-left: 50;
    }
    p.content-message {
        margin-left: 50;
        font-size: 13px;
    }
    .qui_somme_nous {
        padding: 20px;
        min-height: unset;
    }
    h1.qui_somme_nous_titre {
        font-size: 25px;
    }
    p.qui_somme_nous_details {
        font-size: 14px;
    }
    img.qui_somme_nous_image {
        width: -webkit-fill-available;
    }
    .reseaux {
        padding: 20px;
    }
    iframe.youtube-frame {
        width: -webkit-fill-available;
        height: 28%;
    }
    h1.nos_reseaux_titre {
        font-size: 25px;
    }
    .Tiktok-title, .Youtube-title, .eui-widget-title.es-widget-title.eapps-instagram-feed-title {
        font-size: 17px;
        font-weight: 500;
    }
    section#home {
        overflow-x: hidden;
    }
    .footer-column {
        flex-direction: column;
    }
    .colonne-3 {
        align-items: center;
    }
    .colonne-2, .colonne-3 {
        margin-top: 20px;
    }
    /* newsletter */
    .form-newsletter {
        width: 200px;
    }
    p.newsletter-text {
        margin-bottom: 20px;
    }
    input.input-inscription {
        padding: 10px 5px;
        width: -webkit-fill-available;
        margin-top: 5px;
        border-radius: 15px;
        margin-bottom: 10px;
        text-align: center;
    }
    input.valider-inscription {
        border-radius: 15px;
    }
    /* Modeles */
    .modeles-acceuil-presentation {
        position: relative;
        width: auto;
        margin-top: 0;
        margin-left: 0;
        background-color: white;
        padding: 15px;
        font-size: 13px;
        border-radius: 0px;
    }
    .modeles-traxxas {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
    }
    /* Objectifs */
    .objectif-liste, .objectif-contact {
        padding: 30px;
        min-height: 35vh;
        text-align: center;
    }
    .liste-objectif {
        text-align: left;
    }
    .txt-objectif-acceuil {
        position: relative;
        width: auto;
        margin-top: 0;
        margin-left: 0;
        background-color: white;
        padding: 30px;
        font-size: 13px;
        border-radius: 0px;
    }
    h1.h1-txt-objectif-acceuil {
        text-align: center;
    }    
}