/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { 
    font-size: 0.85em;
    font-family:'Droid Sans', Arial, sans-serif !important;
    color: #333;
}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 {
    margin: 0; padding: 0; font-weight: normal; font-size: 1em;
    font-family: 'Nunito', Trebuchet MS, Lucida Grande, Verdana, sans-serif !important;
}
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { 
    background-color: #822;
    margin: 0;
    padding: 0;
    text-align: center;
}

#page {
    position: relative;
    width: 66em;
    margin: 0 auto;
    text-align: left;

    padding-left:10px;
    padding-right:10px;

    background-color: #FBFAF9;

}
#pagesommaire {
    position: relative;
    width: 66em;
    margin: 0 auto;
    text-align: left;

    padding-left:10px;
    padding-right:10px;

    background-color: #FBFAF9;
    background-image: url(../IMG/accueil-lk-2-465-h.jpg);
 /*   background-attachment: fixed;*/


}

#entete { width: 66em; margin: 0; padding-top: 1.60em; border-bottom: 0px solid #8B6F92; }
#entete a.accueil { display: block; width: 70%; color:#222;}
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip {
    vertical-align: bottom;
    font-size: 2.7em;
    font-family: 'Nunito', Trebuchet MS, Lucida Grande, Verdana, sans-serif !important;
    font-weight: normal;
}
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#entete .chapo {
    text-align:right;
    font-size: 1.7em;
    font-family: 'Nunito', Trebuchet MS, Lucida Grande, Verdana, sans-serif !important;
    font-weight: normal;
    font-style: italic;
    color: #222;
    width:70%;
}
#entete .chapo.rubrique {
    text-align:left;
}
#entete .descriptionapropos{
    padding-top:-50px;
    margin-top:-50px;
    padding-bottom:30px;
    font-style: italic;
    width: 65%;
}
#conteneur {
    clear: both;
    float: left;
    width: 67%;
    overflow: hidden;
}
#contenu { 
    padding-top: 0.30em;
}
#contenu .descriptif{
    float:right;
    text-align:right;
    width:76%;
}
#contenu #mots {
    clear:both;
}
.texte {
    text-align: justify;
    margin-right: 10px;
}
#socialtags {
    padding-top: 50px;
    padding-bottom: 35px;
}

/* Logo en haut à droite */
#logorubrique {
    display: block;
    float: right;
    clear: right;
    overflow: hidden;
    width: 30%;
    right: -10px;padding: 10px;padding-left: 20px;padding-bottom: 18px;margin: 0px;
    margin-top: -100px;margin-right: -10px;background-color: #822;border-radius: 1em 0em 0em 3em;
}

/* #extra utilisé sur le sommaire */
#extra { 
    float: right;
    clear: right;
    width: 30%;
    margin-top: 1em;
    overflow: hidden;
    /*background-color: #C0D4E8;*/

    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(192, 212, 232);
    /* RGBa with 0.66 opacity 
    background: rgba(192, 212, 232, 0.8);*/
    /* For IE 5.5 - 7
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCC0D4E8, endColorstr=#CCC0D4E8);*/
    /* For IE 8
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCC0D4E8, endColorstr=#CCC0D4E8)";*/

    padding:8px;
    padding-left:6px;

-moz-border-radius: 1em 3em 1em 3em;
border-radius: 1em 3em 1em 3em;
}
/* recents et actuels : id #recents */
#recents {
}
#recents ul { 
    list-style: none;
    padding: 0;
    margin-top: -5px;
    text-align: justify;
}
#recents ul li {padding-top: 10px;}
#recents ul li h2 {line-height: 0.90em;}
#recents ul li .intro {    font-size: 0.95em; }

/* #navigation utilisé dans les pages de contenus*/
#navigation {
    float: right;
    clear: right;
    width: 30%;
    margin-top: 1em;
    overflow: hidden;

    /*background-color: #C0D4E8;*/

    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(192, 212, 232);
    /* RGBa with 0.66 opacity 
    background: rgba(192, 212, 232, 0.8);*/
    /* For IE 5.5 - 7
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCC0D4E8, endColorstr=#CCC0D4E8);*/
    /* For IE 8
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCC0D4E8, endColorstr=#CCC0D4E8)";
*/
    padding:8px;
    padding-left:6px;

-moz-border-radius: 1em 3em 1em 3em;
border-radius: 1em 3em 1em 3em;
}


#pied { 
    clear: both;
    width: 100%;
    margin: 0;
    padding: 50px;
    border:0px;
    text-align: left;
    font-size: 0.90em;

}
#pied img { vertical-align: middle; }

#rubsommaire  { }
#rubsommaire ul { list-style: none; }
#rubsommaire ul li {}

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 0px solid #DDD; }
.menu ul li { margin: 28px 0; padding: 0.20em; border-top: 0px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: transparent; border: 0; margin: 0.2em 0;}


/* Couleurs des liens
---------------------------------------------- */
a { color: #60719F; text-decoration: none; }
a:focus,a:hover,a:active { color: #90A1CF; text-decoration: underline; }