@font-face { 
    font-family:'poool-fat'; 
    src: url('../polices/Poool-Fat.woff2') format('woff2'); 
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face { 
    font-family:'poool'; 
    src: url('../polices/Poool-Regular.woff2') format('woff2'); 
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/**/
:root { 
    --police-titre: 'poool-fat', Arial, Helvetica, sans-serif; 
    --police-contenu-bold: var(--police-contenu);
    --couleur1: #1E427D;
    --couleur2:#F6C336;
    --couleur3: #a12428;
    --couleur4:#9a4a76;    
}

h1, .h1, h2, .h2, h3, .h3 { text-transform: uppercase;}
strong { font-family: 'Paysage-Black', Arial, Helvetica, sans-serif;;}

.page_sommaire h1 { margin-bottom: 0.5em; font-size: 6rem ; }
.page_sommaire h2 { margin-bottom: 0.5em; font-size: 4rem ; }

#rub5 .texte, #rub5 p.boutons.centrer { text-align: right; }

#rubrique-focus article { background: var(--couleur1) }
#rubrique-focus { background: url('/sites/bulomatik.fr/plugins/bulomatik/images/fondaffiche.webp') var(--couleur1); background-size: cover; background-attachment: fixed; }
#rubrique-focus article { max-width: 516px; background: var(--couleur4);}

/* *** UI *** */
a.bouton, .formulaire_spip input.submit { background: var(--couleur1); border: 0;}
a.bouton:hover, a.bouton:active , a.bouton:focus, .formulaire_spip input.submit:hover, .formulaire_spip input.submit:active { background: var(--couleur2); }

@media (max-width: 900px) {

    #menuprincipal a { color: var(--couleur1);}

}

@media (min-width: 900px) {

    h1, .h1 { font-size: 4.75rem; }
    h2, .h2 { font-size: 3.25rem; }
    h3, .h3 { font-size: 2rem; }
    h4, .h4 { font-size: 1.0625rem; }

    .page_sommaire h1 { font-size: 15rem; margin: 0; }
    .page_sommaire h1 small { font-size: 2rem; }
    .page_sommaire h2 { font-size: 5rem; }

}