body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFF;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    color: #111111;
    height: 100%;
}

/* LES TROIS COLONNES et l'ENTETE'
 * - Colonne centrale FIXE pour tout
 *   sauf la rubrique 335 qui est la seule
 *   page avec une colonne droite (residenceAuteurs)
 *   la 335 seule: PAS pour les ss-rubriques de la 335
 *   -> voir web-335.css et rubrique-335.html
 */
#entete {
    display:block;
    clear:both;
}
#entete335 {
    display:block;
    clear:both;
    /*background: transparent url(entete-bg-335.jpg) no-repeat fixed;
*/
}
/* Gauche */
#lateral-notes {
    position: absolute;

    top: 1000px;
    left: 10px;

    width: 300px;

    padding-bottom: 10px;
}
#lateral 
{
    position:absolute;
    float:left;

    width: 300px;

    top:208px;
    left:0px;
    
    margin-left:1%;

    padding-bottom: 10px;
    padding-right: 4px;
}

/* Centre */
#contenu {
    background-color: transparent;

    border: 0px solid #eee;

    /*-moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #777;*/

    width: 550px;

    position:absolute;

    top:196px;
    left:350px;

    /* On joue des marges pour positionner… */
    /*margin-top:208px;
    margin-left: 350px;*/
    margin-right: 200px;

    padding-top: 0px; /*15px; pour bordure et le fond blanc */
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 15px;

    line-height: 16px;
}
/* Pour la 335, en relatif à cause de la colonne de droite
 * ResidenceAuteurs
 */
#contenu-335 {
    background-color: transparent;

    border: 0px solid #eee;

    /*-moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #777;*/

    position:absolute;

    top:208px;
    left:310px;

    /* On joue des marges pour positionner… */
    /*margin-top:208px;
    margin-left: 350px;*/
    margin-right: 200px;

    padding-top: 0px; /*15px; pour bordure et le fond blanc */
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 15px;

    line-height: 16px;

        width:450px;

}

/* Droite */
#residenceAuteurs {

    float:right !important;
    
    width: 180px;

    top:0px;
    padding-top:262px;/* IE6 hack*/

    margin-right:1% !important;

    padding-bottom: 10px;

    text-align:right;
    z-index: 999;
}

#residenceAuteursDetail {

    clear:both;
}

#motscles {
    font-size: 10px;
    color: #111111;
    height: 100%;
}

#motscles a, #motscles a:active, #motscles a:visited {
    font-size: 10px;
    color: #111111;
    background-color: #CFDFEE;
    text-decoration: none;
}

#motscles a:hover {
    font-size: 10px;
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}

#motscles h3 {
    display: inline;
    font-size: 10px;
    font-weight: bold;
    background-color: transparent;
}
#motscles .descriptif {
    display: inline;
    font-size: 8px;
    font-style: italic;
    background-color: transparent;
}
#motscles a .descriptif {
    display: inline;
    font-size: 8px;
    font-style: italic;
    background-color: transparent;
}

.legendeMarge {
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
.legende {
    font-size: 14px;
    color: #75A5E9;
    /*text-shadow: 1px 1px 1px #CCC;*/
}
.legendeRubrique {
    margin-left:-35px;
    margin-bottom:12px;
    font-size: 14px;
    color: #75A5E9;
    /*text-shadow: 1px 1px 1px #CCC;*/
}

/* les notes apparaissent dans lateral
 * mais Spip calcule des trucs pendant
 * l'affichage de l'article */
#titreNotes {
    margin-top: 20px;
}
#notes {
    font-size: 10px;
}
.spip_note {
    margin-top: 0px;
    margin-bottom: 8px;
}
.spip_note {
    background-color: #E9EEF4;
}
.spip_note:visited {
    background-color: #E9EEF4;
}
.spip_note:hover {
    background-color: #A3C2ED;
}

/* liens par défaut */
a {
    color: #111111;
    text-decoration: none;
    background-color: #CFDFEE;
}
a:visited {
    color: #111111;
    text-decoration: none;
}
a:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}


/* liens internes / externes ds le texte & mailto */
#articlesGauche .spip_out, #articlesDroite .spip_out {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#articlesGauche .spip_out:visited, #articlesDroite .spip_out:visited  {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#articlesGauche .spip_out:hover, #articlesDroite .spip_out:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}

#contenu .spip_out {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu .spip_out:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu .spip_out:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}#contenu .spip_mail {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu .spip_mail:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu .spip_mail:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
#lateral-notes .spip_out {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#lateral-notes .spip_out:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#lateral-notes .spip_out:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
#lateral-notes .spip_in {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#lateral-notes .spip_in:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#lateral-notes .spip_in:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
#contenu-335 .spip_out {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu-335 .spip_out:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu-335 .spip_out:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
.titreElementListeExterne {
    font-size:12px;
}
.titreElementListeExterne a {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
.titreElementListeExterne a:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
.titreElementListeExterne a:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
#contenu .spip_in {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu .spip_in:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu .spip_in:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
#contenu-335 .spip_in {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu-335 .spip_in:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
#contenu-335 .spip_in:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
.residenceAgenda a {
    color: #111111;
    text-decoration: none;
    background-color: #CFDFEE;
}
.residenceAgenda  a:visited {
    color: #111111;
    text-decoration: none;
    background-color: #CFDFEE;
}
.residenceAgenda  a:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
.residenceAgenda .spip_in {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
.residenceAgenda  .spip_in:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
.residenceAgenda  .spip_in:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}
.residenceAgenda .spip_out {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
.residenceAgenda .spip_out:visited {
    color: #111111;
    text-decoration: none;
    background-color: #E9EEF4;
}
.residenceAgenda .spip_out:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}

/* Les images cliquables ne doivent pas être surlignée */
#contenu .imageLink {
    border: none;
}
#contenu .imageLink a {
    background-color: #fff;
    text-decoration: none;
}
#contenu .imageLink a:visited {
    background-color: #fff;
    text-decoration: none;
}
#contenu .imageLink a:hover {
    background-color: #fff;
    text-decoration: none;
}
#contenu-335 .imageLink {
    border: none;
}
#contenu-335 .imageLink a {
    background-color: #fff;
    text-decoration: none;
}
#contenu-335 .imageLink a:visited {
    background-color: #fff;
    text-decoration: none;
}
#contenu-335 .imageLink a:hover {
    background-color: #fff;
    text-decoration: none;
}
#titresitecontainer {
    position:absolute;

    top:20px;
    left:2%;

    height:160px;
}
#logo {
    position: absolute;

    font-weight: bold;
    font-style: italic;
    top: 30px;
    left: 0%;
    font-size: 82px;
    color: #A1AAB7;
    /*text-shadow: 8px 8px 9px #777;*/
}
#initialeLogoContainer {
    display:inline-block;

    top:-10px;
    width: 40px;
    height: 112px;
    
    background-color: #A1AAB7;
    border: 1px solid #A1AAB7;
}
#initialeLogo {

    font-size:82px;
    color: #FFFFFF;
    background-color: transparent;

    /*text-shadow: 14px 14px 17px #777;
    border: 0px solid #fff;*/
    
    /*-moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #777;*/
}
#initialeLogoContainer a, #initialeLogoContainer a:active, #initialeLogoContainer a:visited {
    background-color: #A1AAB7;
}
#initialeLogoContainer a:hover {
    background-color: #A1AAB7;

}
#logoLink, #logoLink a, #logoLink a:active, #logoLink a:visited, #logoLink a:hover {
    background-color: transparent;
}
#titre {
    position: absolute;
    top: 98px;
    left: 164px;
    font-size: 32px;
    color: #000;
    /*text-shadow: 3px 3px 4px #555;*/
}

#titreLegende {
    position: absolute;
    top: 98px;
    left: 210px;
}

#titreContenu {
    position: absolute;
    top: 194px;
    left: 350px;
}


/* navigation */
#navigation a {
    font-size: 10px;
    line-height: 13px;
    background-color: #E9EEF4;
}
#navigation a:hover {
    background-color: #A3C2ED; 
}


.elementPlan_1 {
    margin-left: 0px;
}
.elementPlan_2 {
    padding-left: 8px;
}
.elementPlan_3 {
    padding-left: 16px;
}
.elementPlan_4 {
    padding-left: 24px;
}
.elementPlan_5 {
    padding-left: 32px;
}
.elementPlan_6 {
    padding-left: 36px;
}
.elementPlan_7 {
    padding-left: 40px;
}
.elementPlan_8 {
    padding-left: 44px;
}
.elementPlan_9 {
    padding-left: 48px;
}
.elementPlan_10 {
    padding-left: 52px;
}
.elementPlan_11 {
    padding-left: 56px;
}
.elementPlan_12 {
    padding-left: 60px;
}
.soeur {
   background-color : red;/*todo delete!*/
}
/* pour les rubriques de niveau 0 (revue etc.)
 * affichées dans le menu nav d'une page rubrique de même niveau celle
 * située sous le niveau racine
 */
.elementPlan__soeur{
    margin-left: 0px;
}
/* pour les ss-rubriques de revue par exemple
 * pour chaque sous niveau, un décallage par rapport aux précédentes classes
 * IMPORTANT-> tout moyen de factoriser cela par des classes .elementPlan_x et 
 * une classe .soeur, sera vain, illisible et incompatible
 */

.elementPlan_1_soeur {
    margin-left: 8px;
}
.elementPlan_2_soeur {
    padding-left: 16px;
}
.elementPlan_3_soeur {
    padding-left: 24px;
}
.elementPlan_4_soeur {
    padding-left: 32px;
}
.elementPlan_5_soeur {
    padding-left: 36px;
}
.elementPlan_6_soeur {
    padding-left: 40px;
}
.elementPlan_7_soeur {
    padding-left: 44px;
}
.elementPlan_8_soeur {
    padding-left: 48px;
}
.elementPlan_9_soeur {
    padding-left: 52px;
}
.elementPlan_10_soeur {
    padding-left: 56px;
}
.elementPlan_11_soeur {
    padding-left: 60px;
}
.elementPlan_12_soeur {
    padding-left: 62px;
}

#expose a {
    font-weight: normal; /* JSE 20101026 le gras disparait */
    background-color: #CFDFEE;
}

/** JSE 20101026 bleu plus clair pour sous-sélection (eg: revue/automne)
 *  cas de la navigation article nécessite l'astuce de classe sousexpose par niveau
 */
/* rubrique */
#sousexpose a {
    font-weight: normal;
    background-color: #CFDFEE;
}
/* article */
#soussousexpose a {
    font-weight: normal;
    background-color: #CFDFEE;
}

/** rubrique comme expose mais la classe sera la même que la boucle des ss-rub
 * donc on crée ce style identique mais de nom différent (cf. navigation article)
 */
/* ss-rubrique ss-ss-rubrique etc. */
#sousexpose_1 a, #sousexpose_2 a, #sousexpose_3 a , #sousexpose_4 a,
#sousexpose_5 a, #sousexpose_6 a, #sousexpose_7 a , #sousexpose_8 a,
#sousexpose_9 a, #sousexpose_10 a, #sousexpose_11 a , #sousexpose_12 a
{
    font-weight: normal;
    background-color: #CFDFEE;
}

/* intertitres */
h3 {
    font-size: 16px;
    /*text-shadow: 4px 4px 7px #aaa;*/
}

/* les documents */
.spip_documents {
    padding-top:    15px;
    padding-bottom: 15px;
    padding-left:   15px;
    padding-right:  15px;
}
.spip_documents_center {
    display: block;
    text-align: center;
    border: 0px solid #fff;
}
.spip_documents_right {
    display: block;
    text-align: right;
}
.spip_documents_left {
    display: block;
    text-align: left;
}
/* classes pour les marge autour des images
*/
.right_nomargin_right {
    display: block;
    float: right;
    text-align: right;
    padding-right:  0px;
}
.right_nomargin_left {
    display: block;
    float: right; 
    text-align: right;
    padding-left:   0px;
}
.right_nomargin_rightleft {
    display: block;
    float: right;
    text-align: right;
    padding-right:  0px;
    padding-left:  0px;
}
.right_nomargin_top {
    display: block;
    float: right;
    text-align: right;
    padding-top:  0px;
}
.right_nomargin_bottom {
    display: block;
    float: right;
    text-align: right;
    padding-bottom:  0px;
}
.right_nomargin_topbottom {
    display: block;
    float: right;
    text-align: right;
    padding-top:  0px;
    padding-bottom:  0px;
}
.right_nomargin_topbottomright {
    display: block;
    float: right;
    text-align: right;
    padding-top:  0px;
    padding-bottom:  0px;
    padding-right:  0px;
}
.right_nomargin_topright {
    display: block;
    float: right;
    text-align: right;
    padding-top:  0px;
    padding-right:  0px;
}
.right_nomargin{
    display: block;
    float: right;
    text-align: right;
    padding-top:  0px;
    padding-bottom:  0px;
    padding-right:  0px;
    padding-left:  0px;
}

.left_nomargin_right {
    display: block;
    float:left;
    text-align: left;
    padding-right:  0px;
}
.left_nomargin_left {
    display: block;
    float:left;
    text-align: left;
    padding-left:  0px;
}
.left_nomargin_rightleft {
    display: block;
    float:left;
    text-align: left;
    padding-right:  0px;
    padding-left:  0px;
}
.left_nomargin_top {
    display: block;
    float:left;
    text-align: left;
    padding-top:  0px;
}
.left_nomargin_bottom {
    display: block;
    float:left;
    text-align: left;
    padding-bottom:  0px;
}
.left_nomargin_topbottom {
    display: block;
    float:left;
    text-align: left;
    padding-top:  0px;
    padding-bottom:  0px;
}
.left_nomargin_topbottomleft {
    display: block;
    float: left;
    text-align: left;
    padding-top:  0px;
    padding-bottom:  0px;
    padding-left:  0px;
}
.left_nomargin_topleft {
    display: block;
    float: left;
    text-align: left;
    padding-top:  0px;
    padding-left:  0px;
}
.left_nomargin{
    display: block;
    float: left;
    text-align: left;
    padding-top:  0px;
    padding-bottom:  0px;
    padding-right:  0px;
    padding-left:  0px;
}

.center_nomargin_right {
    display: block;
    text-align: center;
    padding-right:  0px;
}
.center_nomargin_left {
    display: block;
    text-align: center;
    padding-left:  0px;
}
.center_nomargin_rightleft {
    display: block;
    text-align: center;
    padding-right:  0px;
    padding-left:  0px;
}
.center_nomargin_top {
    display: block;
    text-align: center;
    padding-top:  0px;
}
.center_nomargin_bottom {
    display: block;
    text-align: center;
    padding-bottom:  0px;
}
.center_nomargin_topbottom {
    display: block;
    text-align: center;
    padding-top:  0px;
    padding-bottom:  0px;
}
.center_nomargin{
    display: block;
    text-align: center;
    padding-top:  0px;
    padding-bottom:  0px;
    padding-right:  0px;
    padding-left:  0px;
}
/* float empêche de sauter des lignes
   on ajoute un style qui supprime le float
   on utilisera par exemple
   <img5433|left_nomargin_left img_nofloat>
    au lieu de
   <img5433|left_nomargin_left>
*/
.img_nofloat {
    float:none;
}


/* pour les rubriques et assimiles */
.moitie {
    width: 255px;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    border-left: 10px solid white;
    padding-bottom: 20px;
}
.titreElementListe {
    font-size: 12px;
    text-align: left;
    margin-bottom: 2px;
}
.titreElementListeRubrique {
    font-size: 12px;
    text-align: left;
    margin-bottom: 2px;
}

.elementListe {
    margin-bottom: 25px;
    font-size: 10px;
}
/* met en avant la plus recente revue */
.elementListeEstRevueRecente {
    font-size: 10px;

    background-color: #E5ECF4;

    border-top:none;
    border-bottom: none;
    border-left: none;
    border-right: none;

    margin-bottom: 20px;

    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;

}
.elementListeEstRevueRecente .titreElementListe{
    font-weight:normal;
    font-size:12px;
}
#elementListeDetailsRevueRecente {
    display:block;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 10px;
}
#elementListeDetailsRevueRecente {
    font-size: 10px;
}
#elementListeDetailsRevueRecente a, 
#elementListeDetailsRevueRecente a:visited,
#elementListeDetailsRevueRecente a:active {
    background-color: #E5ECF4;
}
#elementListeDetailsRevueRecente a:hover {
    background-color: #A3C2ED;
}
#elementListeDetailsRevueRecente a em {
    font-size: 10px;
}
/* n'affiche pas qd la revue n'est pas la plus récente (voir rubrique-13.html)*/
.elementListeDetailsRevueRecenteCaches {
    font-size: 10px;
    display:none;
}
.elementListe p {
    margin-top: -1px;
}
/* Liens de rubriques (par défaut) */
.titreElementListe a {
    background-color:  #A3C2ED; 
}
.titreElementListe a:visited {
    background-color:  #A3C2ED;
}
.titreElementListe a:hover{
    background-color:  #99B2E3; 
}
.titreElementListeRubrique a {
    background-color:  #A3C2ED;
}
.titreElementListeRubrique a:visited {
    background-color:  #A3C2ED;
}
.titreElementListeRubrique a:hover{
    background-color:  #99B2E3; 
}
/* Liens vers articles */
.titreElementListeArticle a {
    font-size:12px;
    background-color:  #D1E1F7;
}
.titreElementListeArticle a:hover{
    background-color:  #91BCED;
}

/* pour les formulaires */
fieldset {
    border: 0;
}
label {
    display: block;
}

/* de la typo */
hr {
	margin-top: 10px;
	margin-bottom: 20px;
}
.listePuce {
	list-style-position: inside;
	list-style-image: url("images/puce_remue.png");	
	padding: 0px;
}
.elementListePuce {
	padding: 0px;
	padding-bottom: 10px;
}
.centre {
    text-align: center;
}
.droite {
    text-align: right;
}
.interligne {
	line-height: 24px;
}
.justifie {
	text-align: justify;
}

blockquote {
    padding-left: 20px;
    padding-right: 20px;
}
.auteur {
    padding-top: 20px;
    /*text-shadow: 2px 2px 3px #777;*/
}

.entetePlanete {
    font-size: 14px;
    padding-bottom: 5px;
}

.contenuPlanete {
}

.piedsPlanete {
    padding-top: 5px;
    padding-bottom: 30px;
    text-align: right;
}

#listePlanete a {
    font-size: 10px;
    line-height: 13px;
    background-color: #EFEFEF;
}

/**
 * JSE 20101025
 * Styles pour les pages de Résidence
 */

/* voir residenceAuteurs pr l'instant colonne de droite '*/
#residenceAuteurs .unAuteurEnResidence {

}
#residenceAuteursDetail .unAuteurEnResidence {
    border-bottom : 1px solid #DDD;
}
#residenceAuteurs .residenceAuteursActifs {
    font-weight: bold;
    text-align:right;
    padding-bottom: 10px;
}
#residenceAuteursDetail .residenceAuteursActifs {
    padding-bottom: 10px;
    width:260px;
}
.residenceAuteursActifsTeasing{
    font-size:0.8em;
    width:215px;
}
.residenceAuteursActifsTeasingArticle{
    margin-bottom:4px;
    border-bottom:1px solid #DDD;
    padding-bottom: 10px;
    line-height: 16px;
}

#residenceAuteurs .residenceAuteursActifs a {
    background-color:#E9EEF4;
    font-size:10px;
    line-height:13px;
}
#residenceAuteurs .residenceAuteursActifs a:visited {
    background-color:#E9EEF4;
}
#residenceAuteurs .residenceAuteursActifs a:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}

#residenceAuteurs .residenceAuteursInactifs {
    font-weight: normal;
    display:block;
    text-align:right;
    padding-bottom: 10px;
}
#residenceAuteursDetail .residenceAuteursInactifsTeasing{
    margin-bottom:20px;
    font-size:0.8em;
}
#residenceAuteursDetail .residenceAuteursInactifsTeasingArticle{
    margin-bottom:4px;
    border-bottom:1px solid #DDD;
    text-align:right;
}

#residenceAuteurs .residenceAuteursInactifs a {
    background-color:#E9EEF4;
    font-size:10px;
    line-height:13px;
}
#residenceAuteurs .residenceAuteursInactifs a:visited {
    background-color:#E9EEF4;
}
#residenceAuteurs .residenceAuteursInactifs a:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}


#residenceAuteurs .residenceAuteursObliques {
    font-weight: normal;
    display:block;
    text-align:right;
    padding-bottom: 10px;
}
#residenceAuteurs .residenceAuteursObliques a, #residenceAuteurs  .residenceAuteursObliques a em {
    background-color:#E9EEF4;
    font-size:10px;
    line-height:13px;
}
#residenceAuteurs .residenceAuteursObliques a:hover,#residenceAuteurs  .residenceAuteursObliques a:hover em {
    background-color:#A3C2ED;
    font-size:10px;
    line-height:13px;
}


/**
 * JSE 20101025
 * Styles pour l'Agenda
 */
/* Agenda en bas, et seulement sur la rubrique IdF */
#lateral .residenceAgenda {
    margin-top:48px;
    position: relative;
    display:block;
    font-size:10px;
    width:192px;
}
#lateral .residenceAgenda .titreAgenda {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
    font-size:16px;
}
#lateral .residenceAgenda dl {
    text-indent: 0px;
    margin-left: 0px;
}
#lateral .residenceAgenda dl dd {
    text-indent: 0px;
    margin-left: 8px;
}


img {
     border: 0px solid #fff;
    /*-moz-box-shadow: 4px 4px 8px #aaa;
    -webkit-box-shadow: 4px 4px 8px #aaa;
    box-shadow: 4px 4px 8px #777;*/
}
.puce {
    border: 0px solid #fff;
    /*-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;*/
}

/*socialtags  updted in plugins/socialtags css... */
#socialContainer {
    position: relative;

    padding-left:0px !important;/* IE6 hack*/
    margin-left:20px ;/* IE6 hack*/
    left:55px !important;
    left:75px;

    top:14px;
    
    background-color: transparent;
    
}
#socialTagsContainer {
}
.socialTagsContainer {
    display:none;
}
.socialTagsContainer .opened {
    display:inline-block;
}
/* rss */
#rssContainer {
    float:left;
    margin-top:14px !important;
    width:20px;
}
#rubriqueRssContainer {
    float:left;
    line-height: 50px;
    vertical-align: bottom;
    width:30px;
}
#recherche {
    margin-top: 4px;
    height: 34px;
    line-height: 34px;
    vertical-align: bottom;
}
.google_box {
    width:120px;
}
/* JSE 20101206
 * Cadre de visu
 */
#rature_visu {
     clear: both;
     position: fixed;

     top:60px;
     left:250px;

     width:70%;
     height: 84%;

     padding: 10px 25px 25px 25px;

     border: 2px solid #777;
     background-color: #FFF;

     overflow:auto;

     z-index: 9999;

    -moz-box-shadow: -4px 4px 4px #aaa;
    -webkit-box-shadow: -4px 4px 4px #aaa;
    box-shadow: -4px 4px 4px #aaa;
}
/* Contenu affiché de l'article
    */
.rature_visu_container {
    padding-top:35px;
    width:550px;
}
/* Calque compatible vieux IE…*/
#rature_visu_compatible {
    /*display:none;hidden;*/
    visibility: hidden;
}

/* ligne de séparation de page pour vieux browser IE */
.rature_pajin_ie6line {
    display:none;
    height:1px;
    color: #777;
    width:30%;
    text-align:center;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
}
/* Reprise du titre Spip de l'article */
#rature_visu_titre {
    display:block;
    font-size: 20px;
    color: #000;
    height:24px;
    /*text-shadow: 3px 3px 4px #555;*/
}
#rature_visu_soustitre {
    display:block;
    font-size: 16px;
    color: #000;
    /*text-shadow: 3px 3px 4px #555;*/
}
/*reprise du logo d'article*/
#rature_pajin_reprise_logoarticle
{
}
/* reprise auteur/date */
#rature_pajin_reprise_auteurarticle {
    clear:both;
    display: block;
}
/* container pour bouton close et n° pages */
#rature_pajin_navigation {

    display:block;

    width: 100%;
    height: 20px;

    border: none;

    background-color: #CFDFEE;

}
/* Bouton de fermeture du mode visu et retour à l'article avec ascenceur */
#rature_pajin_fermeture_mode_visu {
    float:right;

    width: 7%;
    height: 20px;
    border: none;

    text-align:right;

    background-color: #CFDFEE;
}
/* Calque avec les numéros de pages à cliquer */
#rature_pajin_pages_cliquables {
    float:left;

    width: 92%;
    height: 20px;
    border: none;

    text-align:center;
    background-color: #CFDFEE;

}
/* Lien première page*/
#rature_pajin_firstlink {
    display:inline-block;

    left:1%;

    width:20px;

    font-size:10px;

    border: 1px solid #CFDFEE;
}
/* Lien dernière page*/
#rature_pajin_lastlink {
    display:inline-block;
    
    right:1%;

    width:20px;

    font-size:10px;
    border: 1px solid #CFDFEE;
}
/* Lien page précédente */
#rature_pajin_preclink {
    display:inline-block;
    width:20px;
    font-size:10px;
    border: 1px solid #CFDFEE;
}
/* Lien page suivante */
#rature_pajin_nextlink {
    display:inline-block;
    width:20px;
    font-size:10px;
    border: 1px solid #CFDFEE;
}
/* Page où cliquer */
.rature_pajin_pagelink {
    display:inline-block;
    width:20px;
    font-size:10px;
    border: 1px solid #CFDFEE;
}
/* Page courante */
.rature_pajin_pagecurrent{
    display:inline-block;
    width:20px;
    font-size:10px;
    font-weight: bold;
    border: 1px solid #CFDFEE;
}
/* Case vide sans numéro de page où cliquer */
.rature_pajin_empty{
    display:inline-block;
    width:20px;
    font-size:10px;
    border: 1px solid #CFDFEE;
}
/* Corps avec fond grisé pour mode visu */
.rature_pajin_dark_body {
    background-color: #F4F4F4;
}
/* Idem mais rend les menus incliquables (désactivé) */
#rature_visu_negatif {
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:none;
    background-color: #777;
    opacity:0.4;filter:alpha(opacity=40);
    z-index: 9998;
}
.pw500 { width:500px;}
.pw450 { width:450px;}

#forumcontainer {margin-top: 60px;}
#forumcontainer .forum {list-style: none;}
#forumcontainer .forum ul {list-style: none;}
#forumcontainer .forum ul li {list-style: none;}
.menu.articles h3 {font-size: 14px;}
#forumcontainer a {
    background-color: #E9EEF4;
}
#forumcontainer a:visited {
    background-color: #E9EEF4;
}
#forumcontainer a:hover {
    background-color: #A3C2ED;
}
#formulaire_forum legend {font-weight: bold;}

#formulaire_forum ul {list-style: none;}

#nuagemots {
    position:absolute;
    float:right;
    right:-150px;
    top:20px;
    width:300px;
    height:150px;
    font-size:8pt;
    text-align: center;
    overflow:hidden;
}

/* le nuage en ul */
#nuagemots ul.nuage		{ margin-left:0; margin-right:0; padding: 0; list-style: none; }
#nuagemots ul.nuage li		{ display: inline; line-height:2em; }
#nuagemots ul.nuage li a	{ display:inline; white-space: nowrap; color:#818A97; background-color: transparent;}
#nuagemots ul.nuage li a:hover	{ display:inline; white-space: nowrap; color:#83A2CD; background-color: transparent;}
#nuagemots ul.nuage span.frequence { display: block; float: left; height: 0; overflow: auto; width: 0; }

/* le nuage en dl (modele nuage_dl) */
#nuagemots dl.nuage	{ margin: 0px 5px 0; padding: 5px 0; list-style: none; font-size: 0.9em; text-align:left; }
#nuagemots dl.nuage *	{ display: inline; }
#nuagemots dl.nuage dt	{ display: inline; line-height: 2em; }
#nuagemots dl.nuage .frequence { display: block; float: left; height: 0; overflow: auto; width: 0; }

/* les mots */
/* defaut */
#nuagemots .nuage a.nuage   { font-size: 1.0em; }
#nuagemots .nuage a.nuage0  { font-size: 0.9em; }
#nuagemots .nuage a.nuage1  { font-size: 1.0em; }
#nuagemots .nuage a.nuage2  { font-size: 1.1em; }
#nuagemots .nuage a.nuage3  { font-size: 1.2em; }
#nuagemots .nuage a.nuage4  { font-size: 1.3em; }
#nuagemots .nuage a.nuage5  { font-size: 1.4em; }
#nuagemots .nuage a.nuage6  { font-size: 1.5em; }
#nuagemots .nuage a.nuage7  { font-size: 1.6em; }
#nuagemots .nuage a.nuage8  { font-size: 1.7em; }
#nuagemots .nuage a.nuage9  { font-size: 1.8em; }
#nuagemots .nuage a.nuage10 { font-size: 1.9em; }

/*pr le nuage idf */

#nuagemotsidf {
    position:absolute;
    float:right;
    right:-190px;
    top:20px;
    width:300px;
    height:150px;
    font-size:8pt;
    text-align: center;
    overflow:hidden;
}
/* le nuage en ul */
#nuagemotsidf ul.nuage		{ margin-left:0; margin-right:0; padding: 0; list-style: none; }
#nuagemotsidf ul.nuage li		{ display: inline; line-height:2em; }
#nuagemotsidf ul.nuage li a	{ display:inline; white-space: nowrap; color:#818A97; background-color: transparent;}
#nuagemotsidf ul.nuage li a:hover	{ display:inline; white-space: nowrap; color:#83A2CD; background-color: transparent;}
#nuagemotsidf ul.nuage span.frequence { display: block; float: left; height: 0; overflow: auto; width: 0; }

/* le nuage en dl (modele nuage_dl) */
#nuagemotsidf dl.nuage	{ margin: 0px 5px 0; padding: 5px 0; list-style: none; font-size: 0.9em; text-align:left; }
#nuagemotsidf dl.nuage *	{ display: inline; }
#nuagemotsidf dl.nuage dt	{ display: inline; line-height: 2em; }
#nuagemotsidf dl.nuage .frequence { display: block; float: left; height: 0; overflow: auto; width: 0; }

/* les mots */
/* defaut */
#nuagemotsidf .nuage a.nuage   { font-size: 1.0em; }
#nuagemotsidf .nuage a.nuage0  { font-size: 0.9em; }
#nuagemotsidf .nuage a.nuage1  { font-size: 1.0em; }
#nuagemotsidf .nuage a.nuage2  { font-size: 1.1em; }
#nuagemotsidf .nuage a.nuage3  { font-size: 1.2em; }
#nuagemotsidf .nuage a.nuage4  { font-size: 1.3em; }
#nuagemotsidf .nuage a.nuage5  { font-size: 1.4em; }
#nuagemotsidf .nuage a.nuage6  { font-size: 1.5em; }
#nuagemotsidf .nuage a.nuage7  { font-size: 1.6em; }
#nuagemotsidf .nuage a.nuage8  { font-size: 1.7em; }
#nuagemotsidf .nuage a.nuage9  { font-size: 1.8em; }
#nuagemotsidf .nuage a.nuage10 { font-size: 1.9em; }