/* Logo  
.container-header .navbar-brand img {
    width: 320px;
    max-width: 100%;
    height: auto;
}

.container-header {
    background: #0b1f33;
}
*/
/* Logo 
.container-header .navbar-brand img {
    width: 320px;
    max-width: 100%;
    height: auto;
}
*/
/* Logo */
.container-header .navbar-brand img {
    width: 320px;
    max-width: 100%;
    height: auto;
}

/* En-tête */
.container-header {
    background-color: #eef7fb;
    background-image: url("/images/headers/tnd_background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* Réduit la hauteur du bandeau */
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Menu principal */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
    color: #073B82;
    font-weight: 500;
}



/* Survol */
.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li > span:hover {
    color: #087FC1;
}

/* Élément de menu actif */
.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li.current > a {
    color: #0755B5;
}

/* Bouton hamburger du menu mobile */
.container-header .navbar-toggler {
    color: #073B82;
    border: 2px solid #073B82;
}

/* Soulignement du menu actif et au survol sur desktop */
@media (min-width: 992px) {

    /* Page actuellement affichée */
    .container-header .metismenu > li.active > a::after {
        background: #073B82;
        opacity: 1;
    }

    /* Survol d'un élément */
    .container-header .metismenu > li > a:hover::after {
        background: #087FC1;
        opacity: 1;
    }
}

/* Zone centrale de contenu Cassiopeia */
.site-grid > .container-component {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

/* ===== Pied de page tnd ===== */

/* ===== Footer tnd ===== */

.footer {
    background-color: #F7FAFC;
    background-image: none;
    color: #073B82;
    border-top: 1px solid #DCEAF3;
}

.footer .grid-child {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.footer .grid-child > .mod-custom {
    width: 100%;
}

     /* Footer très compact */
.footer .grid-child {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 1px;
}

.footer .grid-child > .mod-custom {
    width: 100%;
    margin: 0;
    padding: 0;
}

.footer .tnd-footer {
    width: 100%;
    text-align: center;
    padding: 25px 20px;
    margin: 0;
}

.tnd-footer-brand strong {
    color: #073B82;
    font-size: 1.2rem;
}

.tnd-footer-brand span {
    color: #495057;
}

.tnd-footer-links {
    margin-top: 12px;
    color: #073B82;
    font-size: 0.9rem;
}

.tnd-footer-legal {
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #6D757E;
}

      /* Liens du pied de page */
.footer .tnd-footer a {
    color: #073B82;
    text-decoration: none;
}

/* Liens du pied de page au survol */
.footer .tnd-footer a:hover,
.footer .tnd-footer a:focus {
    color: #087FC1;
    text-decoration: underline;
}

/* Centrage du menu principal sur ordinateur */
@media (min-width: 992px) {
    .container-header .container-nav {
        justify-content: center;
    }

    .container-header .metismenu {
        justify-content: center;
        width: 100%;
    }
}

/* ===== ALTCHA ===== */

/* Zone contenant le CAPTCHA */
altcha-widget {
    display: block;
    max-width: 260px;
    margin: 10px auto;
    
    /* Couleurs tnd */
    --altcha-color-base: #F7FAFC;
    --altcha-color-border: #DCEAF3;
    --altcha-color-text: #495057;
    --altcha-color-border-focus: #087FC1;
}

/* Habillage du menu principal TND - desktop */
@media (min-width: 992px) {

    .container-header .container-nav > nav.navbar {
        background: rgba(255, 255, 255, 0.60);
        border-radius: 10px;
        padding: 4px 22px;
    }

    .container-header .container-nav > nav.navbar a {
        color: #073B82;
        font-weight: 600;
    }
}

/* classes pour arrondir */
/* Icônes arrondies */
.roundeditem {
    border-radius: 50%;
    margin: 0 6px;
    vertical-align: middle;
}

.roundeditemborder {
    border-radius: 50%;
    margin: 0 6px;
    border: 1px solid #073B82;
    vertical-align: middle;
}

.roundeditemborder:hover {
    border: 2px solid #073B82;
}