/* -------------------- RECAP COULEURS -------------------- */

/*

Noir grisé : #202020
> Texte de base, Rollover, Titres H1 H2 H3

Gris foncé : #343434
> Fond de page

Gris moyen (jaunâtre) : #82837E
> Label, nav_langue, btn mediatheque, btn gris, lien barré, legende champs, footer texte, fond datepick, fond redactor

Gris clair : #BBBBBB
> Bouton reset

Gris très clair : #E5E5E5
> Formulaires champs bordure, Filtres fond, Tableau focus ligne, Barre horizontale, ligne tableau

Blanc grisé : #F7F7F7
> Formulaires champs fond, Tableau rollover ligne

Vert : #758918
> Retour action ok, montant positif

Rouge : #B90504
> Retour action erreur, montant négatif

Bleu foncé #005F6B
> Sitemap partie

Bleu moyen : #008C9E
> Icones, Boutons

Orange : #EC5E0C
> Liens texte, Mainmenu lien, Submenu lien, Bordures titres H2

*/




/* -------------------- BODY -------------------- */

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #202020;
    font-size: 1em; /* equiv 10px */
    line-height: 1;
    background: #343434 url('../img/structure/background.svg');
    -webkit-font-smoothing: antialiased;
}

p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details,  figure {
    color: #202020;
}

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

a {
    color: #EC5E0C;
    text-decoration: none;

    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
a:hover {
    color: #202020;
}




/* -------------------- SELECTION -------------------- */

::selection {
    color: #FFFFFF;
    background: #EC5E0C;
}
::-moz-selection {
    color: #FFFFFF;
    background: #EC5E0C;
}
img::selection {
    background: transparent;
}
img::-moz-selection {
    background: transparent;
}





/* -------------------- ANCRES -------------------- */

a.anchor {
    position: absolute;
    margin: -100px 0 0 0;
}






/* -------------------- GLOBAL_TOPBAR -------------------- */

#global_topbar {
    padding: 10px 20px 10px 20px;
    width: 100%;
    background-color: #000000;
}

#global_topbar div.zone {
    margin: 0 auto;
    max-width: 940px;
}

#global_topbar div.zone p {
    font-size: 1.3em;
    color: #BBBBBB;
}

#global_topbar div.zone p i.fa {
    padding: 0 5px 0 0;
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.1em;
    color: #008C9E;
}

#global_topbar div.zone p.gauche {
    float: left;
}
#global_topbar div.zone p.gauche a:hover{
    color: #FFFFFF;
}

#global_topbar div.zone p.droite {
    float: right;
}
#global_topbar div.zone p.droite a {
    color: #FFFFFF;
}


/* -------------------- GLOBAL_CONTENEUR -------------------- */

#global_conteneur {
    margin: 0 auto;
    padding: 25px 20px 20px 20px;
    width: 100%;
    max-width: 980px;
}



/* -------------------- GLOBAL_LOGIN -------------------- */

#global_login {
    margin: 40px auto 0 auto;
    width: 280px;
}





/* -------------------- HEADER -------------------- */

#header {
    width: 100%;
    padding: 0 0 20px 0;
}



/* -------------------- MAINMENU -------------------- */

#mainmenu {
    width: 100%;
}

#mainmenu ul {
    list-style: none;
    font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
    text-align: center;
}

#mainmenu ul li {
    display: inline-block;
}

#mainmenu ul li a {
    display: block;
    margin: 0 0 5px 0;
    font-size: 1.6em;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    width: 88px;
}

#mainmenu ul li a i {
    display: block;
    margin: 0 auto 8px auto;
    line-height: 60px;
    width: 60px;
    height: 60px;
    font-size: 1.3em;
    color: #FFFFFF;
    background-color: #EC5E0C;
    text-align: center;
    text-shadow: none;

    -moz-border-radius: 30px; 
    -webkit-border-radius: 30px; 
    border-radius: 30px;

    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#mainmenu ul li a:hover i, #mainmenu ul li a.selected i {
    color: #202020;
    background-color: #FFFFFF;
}








/* -------------------- SUBMENU -------------------- */

#submenu {
    width: 100%;
    margin: 20px 0 0 0;
}

#submenu ul {
    list-style: none;
    font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
    text-align: center;
}

#submenu ul li {
    display: inline-block;
}

#submenu ul li a {
    display: block;
    margin: 0 0 5px 0;
    font-size: 1.5em;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    width: 74px;
}

#submenu ul li a i {
    display: block;
    margin: 0 auto 6px auto;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 1.2em;
    color: #FFFFFF;
    background-color: #EC5E0C;
    text-align: center;
    text-shadow: none;

    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;

    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#submenu ul li a:hover i, #submenu ul li a.selected i {
    color: #202020;
    background-color: #FFFFFF;
}



/* -------------------- CENTRAL -------------------- */

#central {
    width: 100%;
    padding: 20px 20px 25px 20px;
    background-color: #FFFFFF;

    box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    -webkit-box-shadow: 0 0 5px #000000;
}




/* -------------------- FOOTER -------------------- */

#footer {
    width: 100%;
    margin: 20px 0 0 0;
    color: #82837E;
}

#footer p {
    color: #82837E;
    text-align: center;
    font-size: 1em;
    text-shadow: 1px 1px 1px #000000;
}
#footer p a {
    color: #82837E;
}
#footer p a:hover {
    color: #FFFFFF;
}




/* -------------------- ZONE_SESSION -------------------- */

#zone_session {
    clear: both;
    font-size: 1.4em;
    color: #FFFFFF;
}
#zone_session pre {
    color: #FFFFFF;
}