/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 18px; } 
body { 
    font-size: 100%;
    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: 1000px;
    margin: 0 auto;
    text-align: left;

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

    background-color: #FBFAF9;

}
#pagesommaire {
    position: relative;
    width: 900px;
    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;*/
    background-repeat: no-repeat;


}

#entete {  margin: 0; padding-top: 1.00em; border-bottom: 0px solid #8B6F92; }
#entete a.accueil { display: block; width: 100%; 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;
}


.descriptionapropossommaire{
    padding-top:40px;
    margin-top:20px;
    padding-bottom:30px;
    font-style: italic;
    width: 82%;
}
.descriptionapropos{
    padding-top:40px;
    margin-top:20px;
    padding-bottom:30px;
    font-style: italic;
    width: 62%;
}
#conteneur {
    clear: both;
    float: left;
    width: 67%;
    min-height: 600px;
    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;
}/* #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; }


/* Logo en haut à droite */
#logorubrique {
}
/**/

/* #navigation utilisé dans les pages de contenus*/
#navigation {
    position:absolute;
    right: 10px;
    z-index:999;
    top: 280px;
    
    float: right;
    clear: right;
    width: 30%;
    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:disc; }
#rubsommaire ul li {margin-bottom: 10px;}

/* 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;}

.articles ul { border: 0; }
.articles ul li { background: transparent; border: 0; margin: 0.2em 0;}

.articles ul li.pagination-item {
  width: 50px;
  float: left;
}

.mots ul { list-style-type: none;}
.mots ul li {float: left; margin-left:15px;height:25px}

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



a.spip_in { color: #60719F; text-decoration: none; }
a.spip_in:focus,a.spip_in:hover,a.spip_in:active { color: #90A1CF; text-decoration: underline; }

a.spip_out { color: #60719F; text-decoration: none; }
a.spip_out:focus,a.spip_out:hover,a.spip_out:active { color: #90A1CF; text-decoration: underline; }


/* Styles pour la saisie d'articles*/
.creditphoto {
    font-size: 0.9em;
    color: #444;
    text-align: center;
    margin-top:-12px;
    margin-bottom: 10px;
}






@media screen and (max-width: 640px) {
    body {
        font-size:  141%;
    }
    #þage {
        width:  100%;
        font-size:  141%;

    }
    #logorubrique {
        width:  20%;
    }
    #navigation{
        right: -50px;
        z-index: 999;
        top: 518px;
    }
}
@media screen and (max-device-width: 640px) {
    body {
        font-size:  141%;
    }
    #þage {
        width:  100%;

    }
    #logorubrique {
        width:  20%;
    }
    #navigation{
        right: -50px;
        z-index: 999;
        top: 518px;
    }
}