/* Le cadre principal */
.custom-card {
    display: flex; /* Aligne l'image et le texte côte à côte */
    align-items: flex-start; /* Aligne les éléments par le haut */
    border-radius: 0 0 20px 20px; /* Coins arrondis en bas */
    overflow: hidden; /* Pour que les coins arrondis fonctionnent */
    background: whitesmoke; /* Couleur de fond */
    max-width: 1200px; /* Largeur maximale */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);  /* Ombre subtile */
    margin: 0; /* Centre la carte horizontalement par le biais de supprimer le margin par défaut */
    margin-top: -50px; /* Décale la carte vers le haut */
}

/* La partie Image */
.custom-card figure {
    margin: 0; /* Enlève les marges par défaut */
    width: 300px; /* Largeur fixe pour l'image */
}

.custom-card figure img {
    width: 100%; /* Prend toute la largeur du conteneur */
    display: block; /* Enlève l'espace en dessous de l'image */
    object-fit: cover; /* Évite de déformer l'image */
}

/* La partie Contenu (à droite) */
.card-body {
    padding: 0; /* Enlève les marges par défaut */
    padding-left: 20px; /* Espace entre l'image et le texte */
    padding-top: 65px; /* Espace en haut */
    flex: 1; /* Prend tout l'espace restant */
}

/* Le titre */
.card-body h2 {
    margin-top: 0; /* Enlève la marge en haut */
    padding: 0; /* Enlève les marges par défaut */
    margin-bottom: 2px; /* Espace en dessous du titre */
    color: #333; /* Couleur du texte */
    font-size: 1.5em; /* Taille de la police et donc du H2*/
    text-align: center; /* Centre le titre */
}

.theme-menu{
    padding: 0; /* Enlève les marges par défaut */
    padding-top: 25px; /* Espace en haut */
}

/* La liste d'informations */
.card-body ul {
    list-style: none; /* Enlève les puces */
    padding: 0; /* Enlève les marges par défaut */
    margin: 0; /* Enlève les marges par défaut */
}

/* Chaque ligne de la liste */
.card-body li {
    margin-top: 10px; /* Espace entre les lignes */
    line-height: 1.4; /* Hauteur de ligne pour une meilleure lisibilité */
    color: #000; /* Couleur du texte */
}

/* Le texte en gras (Labels) */
.card-body li strong {
    color: #000; /* Couleur du texte */
}