html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    justify-content: center; /* centre horizontalement */
    align-items: flex-start;   /* aligne vers le haut */
    padding-top: 80px;         /* ajuste la distance du haut */
    overflow: hidden;        /* évite les scrollbars avec la vidéo */
}
/* Vidéo en arrière-plan */
#bg-video {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    object-fit: cover;
}
.wrapper-h1 {
    display: flex;
    align-items: center;      /* aligne verticalement logo + texte */
    gap: 20px;                /* espace entre le logo et le wrapper2 */
}

.wrapper-v2 {
    display: flex;
    border-left: 2px solid #266d95; /* couleur à ajuster */
    padding: 20px;
    flex-direction: column;   /* empile les éléments verticalement */
    gap: 6px;                 /* espace entre les lignes */
}
.centre{
    justify-content: center;

}
.wrapper-h3 {
    margin-top: 20px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    gap: 20px;                  /* espace entre les lignes */
}
.wrapper-v4 {
    display: flex;
    flex-direction: column;   /* empile les éléments verticalement */
    gap: 6px;                /* espace entre les lignes */
}
.title1 {
    font-size: 38px;
    font-weight: 100;
    color: rgba(0, 0, 0, 0.8);
    font-family: "Open Sans";
}
.title2 {
    font-size: 18px;
    font-weight: 100;
    border-bottom: 2px solid #266d95; /* couleur à ajuster */
    color: rgba(0, 0, 0, 0.8);
    font-family: "Open Sans";
}
.title2:hover {
    color: #266d95;
}
.title2 a{
    color: black;
    text-decoration: none;
}
.orbit-container {
    position: flex;
    margin-top:50px;
    width: 300px;   /* largeur du conteneur */
    height: 300px;  /* hauteur du conteneur */
    border-radius: 300px;
    overflow: hidden;  /* empêche les mots de sortir */
}

.orbit-word{
    position: absolute;
    font-family: "Open Sans", sans-serif;
    font-size: 2rem;
    color: black;
    white-space: nowrap;
    text-decoration: none;
}
.orbit-word a{
    color: black;
    text-decoration: none;
}
.gray a{
    color: #58585b;
    text-decoration: none;
}