/* --------------------------------------------------

   perso.css
   Base typographique
   (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net

----------------------------------------------------- */


/* Entete et barre de navigation
------------------------------------------ */

.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color:#222; }
.header .spip_logo_site a:hover  {color: #900;}

/* Corps de la page */


body { background-color: #eee;
}

.texte { text-align: justify;
}

.ps { text-align: left;
}

/* texte de l'objet */

blockquote {  
	background: url(img/quote.png) no-repeat; 
	background: none;
	background-color: #e1e2e3;
	padding-right: 10px;
	padding-top: 25px;
	padding-bottom: 25px;
	border:solid 1px #ccc;
	border-radius:4px;}
	


.chapeau { 
	background: none;
	background-color: rgba(227,227,211,0.5);
	padding: 15px;
	border:solid 1px #ccc;
	border-radius:4px;}
	
}



.spip_logo {  }


/* rendre les italiques plus apparentes : */
i { color: #666; }
.italique { color: #666; }

/* Objets */

.objet_lie { border-collapse: separate; }
caption.objet_lie { text-align: center; caption-side: top; }
tr.objet_lie {}
.objet_lie img.spip_logo { padding: 0.20em; border: 1px solid #0483cc; background-color: #feffff; }

/* Hyperliens
---------------------------------------------- */
a, a:visited { color: #900;  }
 
a:focus, 
a:hover, 
a:active { background-color: #aaa; color:#555; text-decoration:none; }


/* fil d'ariane */
.arbo { clear: both; font-size: .9em; color: #666; }
.arbo * { font-weight: normal; }
.arbo a,
.arbo a:visited { color: #666; }
.arbo a:hover,
.arbo a:focus { background: #666; color: white; text-decoration:none; }


/* Listes et tableaux */
.spip-puce { color: #900; }

/* Pagination */
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #900; color: #fff; }

/* 
c41558 pour bettini - 
0054b7 pour bianco — 
800080 pour canto — 
0092ef pour cartoliste — 
243d8a pour cgecaf — 
006900 remplace : 00 80 00 pour ephemera — 
c41558 pour ficedl — 
db8041 pour gens — 
820382 pour madrid-santos - 
0062c2 pour ml — 
008099 pour placard — 
009999 pour thesaurus —
cc5555 pour losdelasierra -
bbbbbb pour militants-anarchistes -
 */

/* Navigation */
.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: #900; }
.nav li.on a { background: #bbbbbb; color:#ffffff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: #900; color:#ddd; }


.underline { text-decoration: underline; }

/*font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: "andale mono", "lucida console", monospace;*/

.page {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


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


.type-groupe { color: #990; }

/* personnalisation : bande supérieure de la couleur du site */
header { border-top: 0em solid #bbbbbb; border-bottom: 0.75em solid #bbbbbb; }

.header { padding-bottom: 0.5em;  }





.menu h2 { background-color: #bbbbbb ; color: white; }
.menu-titre { background-color: #bbbbbb ; color: white; }

.liste { clear: both; margin-bottom: 2em; text-align: left; }
.liste p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.liste ul { margin: 0; padding: 0; list-style: none; }
.liste ul li { margin: 0.20em 0; padding: 0.20em; border-bottom: 1px solid #bbbbbb; }
.liste ul li ul { margin-left: 1em; }
.liste ul li li { padding: 0; border: 0; }

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

}
		
	
thead{

background-color: #bbbbbb;
color: white

}
	

th,td{padding:8px 0}

tbody tr:nth-child(even) {	
}
	
@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)
	
	}
}



/* fin */