@import url('https://fonts.googleapis.com/css2?family=Economica&display=swap');

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

body {
    font-family: 'Economica', sans-serif;
}
    <style>
        table { font-size: 0.75rem; } /* Police ultra-réduite */
        .table td, .table th { padding: 2px; } /* Minimise l’espace */
        .btn-xs { font-size: 0.7rem; padding: 2px 6px; } /* Boutons ultra-compacts */
    </style>

    
.modal-dialog {
    max-width: 600px; /* Ajuster la largeur de base */
    margin: auto;
}

#modalImage {
    max-width: 100%; /* S'assure que l'image ne dépasse pas la largeur de la modale */
    max-height: 90vh; /* S'assure que l'image ne dépasse pas 90% de la hauteur de l'écran */
    display: block;
    margin: auto;
}

/* Mode plein écran */
.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9); /* Fond assombri */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050; /* S'assurer qu'il est au-dessus de tout */
}

.fullscreen img {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
}

/* Style du bouton en mode plein écran */
.fullscreen #maximizeImage {
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;
    color: black;
    border-radius: 50%;
    font-size: 24px;
    padding: 5px;
}

.modal-sm {
    max-width: 450px; /* Une taille réduite pour mobile */
}
/* Centrer le texte dans la modale */
.modal-body {
    text-align: center;
}
/* Augmenter la taille du texte dans la modale Contact */
.modal-body h2 {
    font-size: 1.5rem; /* Augmente la taille du titre */
    font-weight: bold;
}

.modal-body p {
    font-size: 1.2rem; /* Augmente la taille du texte */
    margin-bottom: 10px; /* Espacement entre les paragraphes */
}
/*--------------------------------------------------------------Contact-------------------------------------
/* Ajustement de la taille de la police pour la modale Contact */
#contactModal .modal-body {
    font-family: 'Economica', sans-serif;
    font-size: 1.3rem; /* Augmenter la taille de base */
    line-height: 1.6; /* Espacement entre les lignes */
    text-align: center;
}

#contactModal .modal-body h2 {
    font-family: 'Economica', sans-serif;
    font-size: 2rem; /* Augmenter la taille du titre */
    font-weight: bold;
    margin-bottom: 1rem;
}

#contactModal .modal-body p {
    font-size: 1.5rem; /* Augmenter la taille des paragraphes */
    margin-bottom: 10px;
}

#contactModal .modal-body a {
    font-size: 1.5rem; /* Augmenter la taille des liens */
}

/* Réduction de la largeur excessive de la modale */
#contactModal .modal-dialog {
    max-width: 500px; /* Ajuster la largeur */
    margin: auto;
}

/*////////////////////////////////////////////////////////////////////////////////////////////*/
    
/*--------------------------------------------------------------------------------------------------------------------------------*/

    /* Styles spécifiques pour les sous-sections */
    #activites h3 {
        font-family: 'Economica', sans-serif; /* Police régulière et propre */
        font-size: 2rem; /* Taille du titre */
        font-weight: bold; /* Titre en gras */
        color: #343a40; /* Couleur sombre pour le texte */
    }

    #activites ul {
        font-family: 'Economica', serif; /* Police élégante et classique */
        font-size: 1.2rem; /* Taille confortable pour la lecture */
        line-height: 1.8; /* Espacement entre les lignes pour une meilleure lisibilité */
        color: #333; /* Couleur légèrement grise pour adoucir le rendu */
    }

    #activites ul li {
        margin-bottom: 1rem; /* Espacement entre les éléments */
    }

    #activites a {
        color: #007bff; /* Lien en bleu par défaut */
        text-decoration: none; /* Pas de soulignement pour les liens */
    }

    #activites a:hover {
        color: #0056b3; /* Bleu plus foncé au survol */
        text-decoration: underline; /* Ajout d'un soulignement au survol */
    }


    /* Styles spécifiques pour les sous-sections */
    #about h3 {
        font-family: 'Economica', sans-serif; /* Police régulière et propre */
        font-size: 2rem; /* Taille du titre */
        font-weight: bold; /* Titre en gras */
        color: #343a40; /* Couleur sombre pour le texte */
    }

    #about ul {
        font-family: 'Economica', serif; /* Police élégante et classique */
        font-size: 1.2rem; /* Taille confortable pour la lecture */
        line-height: 1.8; /* Espacement entre les lignes pour une meilleure lisibilité */
        color: #333; /* Couleur légèrement grise pour adoucir le rendu */
    }

    #about ul li {
        margin-bottom: 1rem; /* Espacement entre les éléments */
    }

    #about a {
        color: #007bff; /* Lien en bleu par défaut */
        text-decoration: none; /* Pas de soulignement pour les liens */
    }

    #about a:hover {
        color: #0056b3; /* Bleu plus foncé au survol */
        text-decoration: underline; /* Ajout d'un soulignement au survol */
    }


    /* Styles spécifiques pour la section Comments */
    #comments h3 {
        font-family: 'Economica', sans-serif; /* Appliquer la police Economica */
        font-size: 2rem; /* Taille du titre */
        font-weight: bold; /* Titre en gras */
        color: #343a40; /* Couleur sombre pour le texte */
        text-align: center; /* Centrer le titre */
        margin-bottom: 1.5rem; /* Espacement sous le titre */
    }

    #comments ul {
        font-family: 'Economica', sans-serif; /* Appliquer Economica pour le contenu */
        font-size: 1.2rem; /* Taille confortable pour le texte */
        line-height: 1.8; /* Espacement entre les lignes */
        color: #333; /* Couleur gris doux pour le texte */
        list-style-type: none; /* Supprime les puces des listes */
        padding: 0;
    }

    #comments ul li {
        margin-bottom: 1.5rem; /* Espacement entre les éléments de la liste */
        border-bottom: 1px solid #ddd; /* Ajouter une ligne de séparation discrète */
        padding-bottom: 1rem;
    }

    #comments a {
        color: #007bff; /* Lien en bleu */
        text-decoration: none; /* Pas de soulignement */
    }

    #comments a:hover {
        color: #0056b3; /* Bleu plus foncé au survol */
        text-decoration: underline; /* Soulignement au survol */
    }




body    {
        font-family: 'Economica', serif; /* Police élégante et classique */
            font-size: 1.2rem; /* Taille de la police par défaut */
            line-height: 1.6; /* Espacement entre les lignes */
        }
        h1 {
            font-size: 4rem;
        }

        h2 {
            font-size: 3rem;
        }

        h3 {
            font-weight: 600;
        }
        h5 {
            font-weight: 600;
        }
        
        h6 {
            font-size: 24px;
        }


        p {
            font-size: 1.5rem;
            line-height: 1.6;
        }

        ul {
            font-family: 'Economica', serif; /* Police élégante et classique */
            font-size: 1rem; /* Taille personnalisée */
            line-height: 1.8; /* Espacement entre les lignes */
            margin-left: 2rem; /* Indentation pour la liste */
        }

        li {
            margin-bottom: 0.5rem; /* Espacement entre les éléments */
        }
    
    
 
        /* Style de la navbar */
        .navbar {
            font-family: 'Economica', serif; /* Police élégante et classique */
            background-color: #343a40; /* Couleur de fond sombre */
        }

        .navbar-brand {
            font-weight: 600;
            font-size: 1.5rem; /* Taille du logo/nom */
            color: #f8f9fa !important; /* Couleur du texte */
        }

        .nav-item {
            font-family: 'Economica', serif; /* Police élégante et classique */
            font-weight: 600;
            font-size: 1.5rem; /* Taille du logo/nom */
            color: #f8f9fa !important; /* Couleur du texte */
        }

        .navbar-nav .nav-link {
            color: #f8f9fa; /* Couleur des liens */
            font-weight: 400; /* Épaisseur des liens */
            padding: 0.75rem 1rem;
            transition: color 0.3s ease; /* Effet de transition */
        }

        .navbar-nav .nav-link:hover {
            color: #ffc107; /* Couleur au survol */
        }

    

    /* Réduction de la taille de police pour tous les contenus dans la modale */
    #legalModal .modal-body {
        font-family: 'Economica', serif; /* Police élégante et classique */
        font-size: 14px !important; /* Taille de police réduite */
        line-height: 1.4; /* Espacement des lignes */
    }

    #legalModal .modal-body h4 {
        font-family: 'Economica', serif; /* Police élégante et classique */
        font-size: 14px !important; /* Taille légèrement plus grande pour les titres */
        margin-top: 1rem;
    }

    #legalModal .modal-body p {
        font-family: 'Economica', serif; /* Police élégante et classique */
        font-size: 14px !important; /* Taille des paragraphes */
    }

    #legalModal .modal-body a {
         font-family: 'Economica', serif; /* Police élégante et classique */
       font-size: 14px !important; /* Taille des liens */
    }


/* Centrer le contenu des jours */
.fc-daygrid-day-number {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem; /* Taille du texte (ajuste si besoin) */
    height: 100%; /* S'assurer que ça remplit bien la cellule */
}

.fc-daygrid-day-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* Centrer les événements dans les cellules */
.fc-daygrid-event {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%; /* Pour éviter l'overflow */
}