/* === Feuille de style CTIFL === */

/* === POLICES ET STRUCTURE DE BASE 2025 === */

/* Applique une police sans-serif à tous les éléments */
body, h1, h2, h3 {
    font-family: 'Roboto', sans-serif; /* Police Roboto avec fallback sans-serif */
}

/* Les titres H1 sont affichés en majuscules */
h1 {
    text-transform: uppercase;
}

/* === BOUTONS 2025 === */

/* Boutons dans la section #myThemes */
#myThemes .button {
    background-color: #00746D; 
    height: 40px;
    border-radius: 10px; /* Coins arrondis */
    color: #FFFFFF; 
    text-align: center; 
    line-height: 40px; 
    border: none; 
    cursor: pointer; /* Curseur changeant pour indiquer un bouton cliquable */
    font-size: 14px; 
    font-weight: bold;
}

/* === FORMULAIRE AVEC INPUT === */

/* Les instructions associées sont cachées */
.instructions {
    display: none;
}

/* === TITRE H1 2025 === */

/* Style des groupes d'en-têtes */
.contents .hgroup {
    background-color: #FFFFFF; /* Fond blanc */
    -webkit-border-radius: 13px; /* Bords arrondis */
}

/* Style pour le H1 dans les groupes d'en-têtes */
.contents .hgroup h1 {
    color: #00736D; /* Couleur contextuelle (variable) */
    padding-top: 1px;
}

/* Style pour les liens dans les H1 */
#main .contents .hgroup h1 a,
#main .contents .hgroup h1 a:hover{
    color: #32374A; /* Couleur des liens */
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.02em;
    text-decoration: none; /* Suppression du soulignement */
}

/* === BARRE DE RECHERCHE === */

/* Champs de recherche */
.quickSearch input.submit {
    color: #32374A !important; /* Couleur du texte */
}

/* Style général pour la barre de recherche */
#mainCol .quickSearch{
    border-radius: 10px; /* Coins arrondis */
    padding: 20px 8px; /* Espacement interne */
}

/* Liens dans la barre de recherche */
#mainCol .quickSearch .more a,
#mainCol .quickSearch .more a:hover{
    font-size: 13px;
    text-decoration: none;
    letter-spacing: 0.01em;
}


/* === HEADER 2025 === */

/* Image du haut (header) */
#head-image {
    height: auto; /* Hauteur adaptative */
    min-height: 100px; /* Assure une hauteur minimale */
    background-color: #FFFFFF; /* Fond blanc */
	position:sticky;
	top:54px;
	z-index:1;
	border-bottom:5px solid #00736D;
    display: flex;
}

/* Style spécifique pour les titres H1 dans le header */
#head-image h1 {
    position: relative;
    margin: 0;
    white-space: nowrap; /* Empêche la coupure du titre */
}

/* Liens dans le H1 du header (masqués ici) */
#head-image h1 a {
    display: none; /* Les liens sont cachés */
}

/* Contenu dans #head-image */
#head-image .contents {
    height: auto; /* Permet une flexibilité de hauteur */
    display: flex;
    flex-grow: 1;
}
.main-tabs.below {
	position:sticky;
	z-index:1;
	top:calc(105px + 54px - 24px);
}


/* === CONTENU PRINCIPAL === */

/* Liens pour les options de page */
.contents .pageoptions a,
.contents .pageoptions a:hover {
    color: #32374A; /* Couleur des liens */
    font-size: 14px;
    letter-spacing: 0.01em;
}

/* Liens dans les articles */
#main .contents .article .header h2 a,
#main .contents .article .header h2 a:hover {
    color: #00746D; /* Couleur spécifique */
    font-size: 18px;
    letter-spacing: 0.01em;
}

/* === PIED DE PAGE === */

/* Fond du copyright */
#copyright {
    background-color: #3D3D3D; /* Couleur sombre */
}

/* Liens dans le copyright */
#copyright a {
    color: #FFFFFF; /* Liens en blanc */
}