/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base        100%
 * -------------------------------------
 * 20px        1.27em
 * 19px        1.21em
 * 18px        1.15em
 * 17px        1.09em
 * 16px        1.03em
 * 15px        0.96em
 * 14px        0.88em
 * 13px        0.82em
 * 12px        0.77em
 * 11px        0.71em
 * 10px        0.65em
 *  9px        0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* divers */

.relief { text-shadow: 3px 3px 3px #bebebe; }


.cgecaf .ps { margin-left: 1.5em; }




body { background-color: #eee;
}


/* Entete */
#entete {
  width: 100%;
   }
#entete #nom_site_spip, #entete a .spip_logos {
  display: block;
/*  float: left; */
  font-weight: bold;
  font-size: 1.7em; }
#entete a { text-decoration: none; color: #000; }




/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, .encart, .formulaire_spip {
  font-family: 'Trebuchet MS', Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
  font-family: 'Trebuchet MS', Helvetica, sans-serif; }



/*  Habillage general des menus de navigation
---------------------------------------------- */



.menu-titre {
text-align: left; background-color: #295385; color: white;
}
a,a:visited .menu-titre { text-color: white; }




hr.menu-titre  {
  border: 2px solid #295385;
}

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */


.cartouche .titre {
  font-size: 1.27em;
  color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 1em; }



.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.9em; }


/*  Supplements : test LOGO inutile  */
.articles-mots { padding-top: 1em; padding: 5px; border-top: 0px solid #cbdaf1; background-color: #fafafa; }
/*.articles-mots .spip_logos { float: left; margin-left: 4px; margin-right: 1em; margin-bottom: 4px; margin-top: 4px; }

/*  Supplements : test LOGO  */
.hidden { display: none; }
/* */



/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
  margin-bottom: 1.27em;
  font-size: 0.9em;
  line-height: 1.4em; }

.lien {
  background: #eee;
  margin: 1em;
  margin-bottom: 1.5em;
  padding: 0.82em;
  border: 1px solid #ccc;
  font-size: 0.9em;
  font-weight: bold; }

.texte { color: #000; font-size: 1em; }
.synoptique { color: #000; font-size: 0.82em; }

.ps, .notes {
  margin-top: 1.4em;
  padding-top: 2px;
  border-top: 2px solid #295385;
}
.ps { font-size: 1em; }
.notes { clear: both; font-size: 0.8em; }
.ps h2, .notes h2 { font-size: 1.2em; font-weight: bold; }



/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
  font-size: 1.03em;
  font-weight: bold; }

.liste-articles li .spip_logos {
  float: right;
  margin-left: 16px;
  margin-bottom: 16px;
  clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
  float: right;
  text-align: right;
  max-width: 60%;
  margin: 0; }

.liste-articles li small {
  display: block;
  font-size: 0.8em; }

.liste-articles li .texte {
  margin-top: 5px;
  margin-bottom: 2em;
  border: 1px solid #ccc;
  padding: 0.9em;
  font-size: 0.9em;
  line-height: 1.4em; }




/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #295385; }
#contenu .spip_in { text-decoration: dotted underline; color: #295385; }
a #contenu .texte { text-decoration: dotted underline; color: #295385; }
a:hover { text-decoration: underline; }
.spip_out:after
{
content: url(spip_out.gif);
}

a:hover {background: none; color: #295385;}
a:visited { color: #295385; } /* retour à la couleur du site ; ex 604a7f (bleu-violet) pour le "visited" */

a.google { text-decoration: none; border-bottom: 1px dotted; }


a:visited .menu-titre { text-color: white; }
a:hover .menu-titre { text-color: white; }

.nav {}
.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.25em 0.5em; margin: 0 0.25em 0.5em 0; border-radius: 0.25em;  text-decoration: none;  background: #f0f0f0; color: #295385; }
.nav li.on a { background:#295385; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: #295385; color: #fff; }


.recherche a:hover { background: #295385; color:#fff; }



.revue-italic a {font-style: italic;}

/* discussion sur http://seenthis.net/messages/454570 (Arno*) */
sub, sup {
 /* Specified in % so that the sup/sup is the
    right size relative to the surrounding text */
 font-size: 75%;
 /* Zero out the line-height so that it doesn't
    interfere with the positioning that follows */
 line-height: 0;
 /* Where the magic happens: makes all browsers position
    the sup/sup properly, relative to the surrounding text */
 position: relative;
 /* Note that if you're using Eric Meyer's reset.css, this
    is already set and you can remove this rule */
 vertical-align: baseline;
}
sup {
 /* Move the superscripted text up */
 top: -0.5em;
}
sub {
 /* Move the subscripted text down, but only
    half as far down as the superscript moved up */
 bottom: -0.25em;
}

/* Pagination passage spip 4.2 */
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex; align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #295385; color: #fff; }  
/* 
c41558 pour bettini - 
295385 00/54/b7 pour bianco — 
800080 pour canto — 
0092ef pour cartoliste — 
243d8a pour cgecaf — 
008000 pour ephemera — 
c41558 pour ficedl — 
db8041 pour gens — 
b106b1 pour madrid-santos - 
0062c2 pour ml — 
008099 pour placard — 
009999 pour Thesaurus — 
 */

.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}



.gris_soustitre { color: #999; }



.underline { text-decoration: underline; }



/* personnalisation : bande supérieure de la couleur du site */

header { border-top: 0em solid #295385; border-bottom: 0.75em solid #295385; }

.header { padding-bottom: 0.5em;  }


 /* divers */
 

.tr_lieu { text-align: left; valign: top; background: white; } /*  'valign top' y veut pas */
.td_lieu { text-align: left; valign: top; border-bottom: 1px solid #295385; background: white; } /*  'valign top' y veut pas */
.th_lieu { border-bottom: 1px solid #295385; }
.table_lieu { }

/*  table responsive. Auteur : Guillaume Duverger, https://www.guyom-design.com/blog/demos/html/table-responsive-html/ */


table{
	
margin: 1rem auto;
text-align: left;
width: 100%;
max-width: 100%;
border-collapse: collapse;
border: 0x solid;

}
		
caption { text-align: left; }
	
thead{

text-align: left;
background-color: #295385;
color: white;

}
	

th,td{padding:8px 0}

tbody tr:nth-child(even) {	
background-color: #fff	
}
	
@media only screen and (max-width: 800px) {
		
table, 
thead, 
tbody, 
th, 
td, 
tr{ 
	
display: block
	
}
	
thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
 
 
 
td { 
	
position: relative;
padding-left: 50%; 
white-space: normal;
text-align: left
	
	}
 
td:before { 
	
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
font-weight: bold;
white-space: nowrap;
text-align:left;
content: attr(data-title)
	
	}
}

.footer_table { font-size: 90%; }
/*  */