@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Roboto+Serif:wght@400;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

.navbar {
    background-color: #ffffff; /* Couleur de fond de la barre de navigation */
    overflow: hidden;
    display: flex; /* Utilisation de flexbox pour centrer verticalement */
    align-items: center; /* Centrer verticalement le contenu */
    justify-content: space-between;
    height: 130px;
    padding: 20px 0px;
}

/* Style pour le logo à gauche */
.navbar .logo {
    float: left;
}

/* Style pour les liens à droite */
.navbar .navLinks {
    float: right;
    font-weight: bold;
}

/* Style pour les liens dans la barre de navigation */
.navbar .navLinks a {
    color: #331588; /* Couleur du texte des liens */
    padding: 14px 16px; /* Espace autour du texte des liens */
    text-decoration: none; /* Supprime le soulignement des liens */
}

.navbar .navLinks a.currentLink {
    color : #CD9F29;
}

.blocBleu {
    background-color: #000226;
    color: white;
    padding: 100px 0;
}

.blocBlanc {
    background-color: #fff;
    color: black;
    padding: 50px !important;
}

.blocMarbre {
    background-color: #ECECEC;
    background-image: linear-gradient(rgba(236,236,236,0.2), rgba(236,236,236,0.2)), url(/img/marbre.png);
    color: black;
    padding: 100px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.serif {
    font-family: 'Roboto+Serif', serif !important;
}

.jaune {
    color : #CD9F29;
}

.boutonJaune {
    display: inline-block;
    padding: 20px 30px;
    background-color: #CD9F29; /* Couleur de fond jaune */
    border-radius: 50px; /* Bords arrondis */
    text-decoration: none; /* Supprime le soulignement du lien */
    color: #331588; /* Couleur du texte */
}

.boutonNoir {
    display: inline-block;
    padding: 20px 30px;
    background-color: #000226; /* Couleur de fond jaune */
    border-radius: 50px; /* Bords arrondis */
    text-decoration: none; /* Supprime le soulignement du lien */
    color: #CD9F29; /* Couleur du texte */
    filter: drop-shadow(3px 5px 8px rgba(205, 159, 41, 0.50)); 
}

.bold{
    font-weight: bold;
}

.gradientText {
    background-image: linear-gradient( to right, red, green, magenta, purple, cyan, blue, orange);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    background-size: 300%;
    background-position: -300%;

    animation: animatedText 10s infinite alternate-reverse;
}

@keyframes animatedText{
    from{
        background-position: 0%;
    }
    to{
        background-position: 100%;
    }
}

.logoSize{
    width: 51px;
    height: 58px;
}

.separateur{
    background: linear-gradient(180deg, rgba(205, 159, 41, 0.00) 0%, #CD9F29 100%); 
    height: 9px;
    top: 0;
}

.photoSize {
    max-width: 490px;
    max-height: 700px;
}