/* Styles personnalisés pour le blog */

/* Général */
body {
    background-color: #f8f9fa;
    font-family: Arial, sans-serif;
}

/* Navbar */
.navbar-brand span {
    font-weight: bold;
    font-size: 1.2rem;
}
.nav-link {
    font-size: 1rem;
    margin-left: 10px;
}

/* Section titres */
h2 {
    font-weight: bold;
    color: #333;
}

/* Cartes "En Bref" */
.card {
    border-radius: 10px;
    overflow: hidden;
}
.card-img-top {
    height: 180px;
    object-fit: cover;
}
.card-title {
    font-weight: bold;
    color: #2c3e50;
}

/* Carte article principale */
#en-savoir-plus .card-img-top {
    height: 260px;
    object-fit: cover;
}

/* Carte Auteur */
.author-card {
    background-color: #ffffff;
    border-radius: 12px;
}
.author-card h4 {
    font-weight: bold;
    color: #2c3e50;
}
.author-card p {
    font-size: 0.95rem;
    color: #555;
}
.author-card .btn {
    border-radius: 8px;
    padding: 10px;
}
#en-savoir-plus .card-img-top {
    height: 180px; /* Ajuste selon tes préférences */
    object-fit: cover;
}
.video-container {
      width: 450px; /* Largeur du lecteur vidéo */
      height: 250px; /* Ajuste la hauteur si nécessaire */
      margin: auto; /* Centre la vidéo dans la colonne */
      background: black; /* Fond noir pour le lecteur */
    }
    video {
      width: 100%; /* La vidéo prend toute la largeur du conteneur */
      height: 100%; /* La vidéo prend toute la hauteur du conteneur */
      object-fit: cover; /* La vidéo s'ajuste bien dans le conteneur */
    }