/* =========================================== */
/* =========== Hyperliens du site ============ */
/* =========================================== */

/* Validation W3C CSS : aucune erreur */

/*

    1. Règle globale
    2. Navigation site (header, menu, ariane, aside)
    3. Liens dans main (articles, rubriques, pagination)
    4. Liens dans footer
    5. Liens accueil (appel, focus, nuage)
    6. Divers (bouton administration)


*/


/** Ordre hiérarchique à respecter :

    a {} /* pour liens href et ancres
    a:link {} /* pour liens href
    a:visited {} /* pour modifier les styles de a:link
    a:focus {} /* pour modifier les styles de a:link
    a:hover {} /* pour modifier les styles de a:link
    a:active {} /* pour modifier les styles de a:link

*/

/* ======================================== */
/* ========== 1. Règle globale ============ */
/* ======================================== */


    a { color: #4468A7; font-weight: 500; } /* appliqué à tous les états de tous les liens */
    a:link { text-decoration-style: dotted; } /* liens href */
    a:visited {color: #375483;}
    a:focus,
    a:hover,
    a:active {
        color: #ffaa46;
        text-decoration: underline;
        text-decoration-thickness: auto;
        text-underline-offset:.2em;}


/* =========================================== */
/* ========== 2. Navigation site ============= */
/* =========================================== */

/* =============== Header ================= */

    a.home {color: #4468A7; text-decoration-style: dotted;  }
    a.home:visited { color: #758295;  }
    a.home:focus,
    a.home:hover,
    a.home:active {color: #375483; text-decoration: none;}

/* =============== Menu =================== */

    li.menu-item > a:link  {color: #293f64; text-decoration: none; }
    li.menu-item > a:visited {color: #293f64;}
    li.menu-item > a:focus,
    li.menu-item > a:hover,
    li.menu-item > a:active {text-decoration:none;}

/* =============== Ariane ================= */

    .ariane a:link {color: #293f64; }
    .ariane a:visited {color: #293f64; }

/*  ================ Aside ================ */

    .aside_section a {font-size: 1em; text-decoration: none; }
    .aside_section a:visited {color: #4468a7;}


/* ======================================== */
/* ========= 3. Liens dans main =========== */
/* ======================================== */

/* ============= Articles ============== */

    .article_content a {
        text-decoration-style: dotted;
        text-decoration-thickness: auto;
        text-underline-offset:.2em;}
    .article_content a:link,
    .article_content a:visited {color: #4468A7;}
    .article_content a:focus,
    .article_content a:hover,
    .article_content a:active {color: #ffaa46;}

    /* Icone hyperlien */

    .art_content a[href*="http"],
    .rubrique_header  a[href*="http"] {
        background: url("../img/lien.png") no-repeat 100% 0;
        background-size: 1em 1em;
        padding-right: 1.2em;}

/* ============= Rubriques ============== */

    /* Rubrique 1 : liste domaines */

    .domaines a {text-decoration: none; font-weight: 400;}
    .domaines p a:visited {color: #2a2e33;}
    .domaines p a:focus,
    .domaines p a:hover,
    .domaines p a:active {color: #2a2e33;}

    /* Rubriques 6 à 17 : liste ancres */

    ul.ancres li a {font-size: 1.1em;}

    /* Rubriques 6 à 17 : liste articles */

    .liste-articles a {display: block; font-size: 1.2em; font-weight: 600;}
    .liste-articles a:visited {color: #375483;}
    .liste-articles a:focus,
    .liste-articles a:hover,
    .liste-articles a:active {color: #ffaa46; text-decoration: underline;}

/* =========== Pagination ============= */

    .pagination a.pagination-item-label {
        display: inline;
        font-size: 1.2em;
        font-weight: 500;
        color: #2a2e33;
        text-decoration: none;}

    .pagination .on .pagination-item-label {
        font-size: 1.3em;
        font-weight: 700;
        color: #4468a7;  }

    .pagination a.pagination-item-label:hover,
    .pagination a.pagination-item-label:focus,
    .pagination a.pagination-item-label:active {
        font-weight: 500;
        color: #ffaa46;}


/* ========================================== */
/* ========= 4. Liens dans footer =========== */
/* ========================================== */

    .footer_galerie_item a { color: #fff; text-decoration: none;}
    .footer_galerie_item a:visited { color: #fff; }
    .footer_galerie_item a:focus,
    .footer_galerie_item a:hover,
    .footer_galerie_item a:active {
        color: #fff;
        text-decoration: none;}

    .fo_liens a {color: #696969; text-decoration: none;}
    .fo_liens a:link,
    .fo_liens a:visited {color: #696969;}
    .fo_liens a:focus,
    .fo_liens a:hover,
    .fo_liens a:active {color: #ffaa46;}


/* ============================== */
/* ====== 5. Liens accueil ====== */
/* ============================== */

    .galerie_item a { color: #fff; text-decoration: none;}
    .galerie_item a:visited { color: #fff; }
    .galerie_item a:focus,
    .galerie_item a:hover,
    .galerie_item a:active { color: #fff; text-decoration: none;}

    .appel a {
        font-size: 1.1em;
        font-weight: 600;
        color: #fff;}

    .appel a:visited {color: #fff;}

    /* focus */

    .focus h2 { margin-bottom: 1em; }
    .focus a {
        font-weight: 600;
        font-size: 1.1em;
        color: #4468a7;
        margin-bottom: 0.4em;}

    .focus a:visited { color: #4468a7; }

   /* nuage */

    .cloud a { text-decoration:none; }
    a.nuage0 { display:none;}
    a.nuage1 { display:none;}
    a.nuage2 { color: #A89ED9; font-size:0.90em; }
    a.nuage3 { color: #FBC00E; font-size:0.90em; }
    a.nuage4 { color: #4F87E8; font-size: 1.0em; }
    a.nuage5 { color: #52bd44; font-size:1.02em; }
    a.nuage6 { color: #03CFDD; font-size:1.05em; }
    a.nuage7 { color: #AB7CF7; font-size:1.10em; }
    a.nuage8 { color: #f7e659; font-size:1.20em; }
    a.nuage9 { color: #6bf759; font-size:1.30em; }
    a.nuage10{ color: #2571f4; font-size:1.30em; }


/* ===================================== */
/* ============= 6. Divers ============= */
/* ===================================== */

    a.spip-admin-boutons {
        font-size: 0.9em;
        font-weight: normal;}

    a:visited.spip-admin-boutons {color: #FFF;}
    a.spip-admin-boutons:focus,
    a.spip-admin-boutons:hover,
    a.spip-admin-boutons:active {background: #123D87 !important;}