/* 1. STYLES DE CARTE POUR LES ARTICLES (Tuiles) */
.com-content-category-blog__item.tck-article {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    padding: 25px;
    margin-bottom: 30px; 
    box-sizing: border-box; 
}

/* Appliquer la règle du footer fixe uniquement sur les écrans larges (Desktop) */
@media screen and (min-width: 992px) {
    
    /* 2. RÈGLE POUR LE FOOTER FIXE */
    .fixed-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #132E4D; /* Bleu Nuit */
        color: #FFFFFF;
        padding: 10px 0;
        z-index: 1000;
}

/* Styles pour les liens et le corps de la page */
.fixed-footer a { color: #FFFFFF; text-decoration: none; }
.fixed-footer a:hover { color: #DFF5FF; }
body { padding-bottom: 80px; }

/* Ciblage du bouton de soumission du formulaire de contact */
.com-contact input[type="submit"], 
.com-contact .btn.btn-primary {
    /* 1. État Normal : Transparent avec contour Bleu Nuit */
    background-color: transparent !important;
    border: 1px solid #132E4D !important; /* Bordure Bleu Nuit */
    color: #132E4D !important; /* Texte Bleu Nuit */
    
    /* Assurer la cohérence des dimensions et de la forme */
    padding: 8px 12px !important; 
    border-radius: 4px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

/* 2. Effet au survol (Hover) : Remplissage en Bleu Nuit */
.com-contact input[type="submit"]:hover,
.com-contact .btn.btn-primary:hover {
    background-color: #132E4D !important; /* Fond se remplit en Bleu Nuit */
    color: #FFFFFF !important; /* Texte devient Blanc */
    border-color: #132E4D !important; 
    cursor: pointer;
}