/* Import Google font pour les titres */
@import url("../../css/family=Shadows+Into+Light/index.html");
/* --------------------------------------------
/* General
/* -------------------------------------------- */
body { background: #FAEDBD; color: #000000; }
.spip-admin-boutons:hover { color: black; background-color: #dddddd; }

/* Hyperliens */
a { color: #B08340; }
a:focus,a:hover,a:active { background-color: transparent; color: #A40001; }

/* --------------------------------------------
/* Police (web safe fonts)
/* Choisir une police en "de-commentant" une ligne
/* -------------------------------------------- */
/* serif */
/*body { font-family: Georgia, serif; }*/
/*body { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }*/
/*body { font-family: "Times New Roman", Times, serif; }*/
/* sans-serif */
/*body { font-family: Arial, Helvetica, sans-serif; }*/
/*body { font-family: "Arial Black", Gadget, sans-serif; }*/
/*body { font-family: "Comic Sans MS", cursive, sans-serif; }*/
/*body { font-family: Impact, Charcoal, sans-serif; }*/
/*body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }*/
body { font-family: Tahoma, Geneva, sans-serif; }
/*body { font-family: "Trebuchet MS", Helvetica, sans-serif; }*/
/*body { font-family: Verdana, Geneva, sans-serif; }*/
/* monospace */
/*body { font-family: "Courier New", Courier, monospace; }*/
/*body { font-family: "Lucida Console", Monaco, monospace; }*/

/* Google font pour les titres */
.header, .nav, .footer, h1, h2, h3 { font-family: 'Shadows Into Light', sans-serif; }
.nav, .footer { font-size: 1.25em; }

/* --------------------------------------------
/* Blocs principaux
/* -------------------------------------------- */
/* Bloc principal de page */
.page, #menu-principal { max-width: 1325px; }
.page { background-color: #FFF2C2; }

/* Menu horizontal en haut d'ecran */
#menu-principal { background-color: #FFF2C2; border-bottom: 1px solid #dddddd; }
#menu-principal.menu ul li a:hover { background-color: #FCFAE1; }

/* Entete */
.header { background-image: url("img/banner.jpg"); background-color: #FFF2C2; }
.header a.banner { color: #FCFAE1; 	text-shadow: 0 0 5px #7F7B77, 0 0 10px #7F7B77, 0 0 15px #7F7B77, 0 0 20px #9A9093, 0 0 30px #9A9093, 0 0 40px #9A9093, 0 0 50px #9A9093, 0 0 75px #9A9093;
	letter-spacing: 5px;}

/* Menu horizontal des "secteurs" */
.nav { background-color: #FAEDBD; }
.nav ul li a { border-color: #FFF2C2; }
.nav ul li.on a { background: #FCFAE1; color: #A40001; }
.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active { background: #FCFAE1; color: #A40001; }

/* Blocs de contenu */
.wrapper { float: left; width: 70%; }
.aside { float: right; width: 29%; }
.content { background-color: #FCFAE1; }
.footer { border-top: 1px solid #dddddd; }
.footer .nologo { font-size: 0em; }
.footer .logo { display: inline-block;}

/* --------------------------------------------
/* Contenu de page
/* -------------------------------------------- */
.aside .menu { background-color: #FAEDBD; }
.arbo .on { color: #aaaaaa; }
.chapo { border: solid 1px #dddddd; }
abbr.published, .menu_articles li small, .menu_breves li small { color: #aaaaaa; }

.pagination a { background: transparent; border: 1px solid #dddddd; }
.pagination a:hover { background: #FFF2C2; }
.aside .pagination a:hover { background: #FFF2C2; }
.pagination .disabled .on { background-color: transparent; border: 1px solid #dddddd; color: #aaaaaa; }

#sommaire_article { background-color: #FAEDBD; }
#sommaire_article h4 { border-bottom: 1px solid #dddddd; }

a.permalink { color: #aaaaaa; }
a.permalink:hover { color: #A40001; }
.info { background-color: #eeeeee; border: 2px solid #cccccc; color: black; }

/* Formulaire inscription */
.aside .formulaire_spip { border-top: 1px solid #dddddd; }

/* --------------------------------------------
/* Lexique sonore: resultat
/* -------------------------------------------- */
#lex-pag {

table {
  width: 90%;
  font-size: 0.9em;
}
table caption {
  color: #555;
  font-style: italic;
  margin-bottom: 8px;
}
th {
  text-align: left;
}
td, th {
  padding: 6px 12px;
}
tr:nth-child(odd), tr:nth-child(odd) {
  background: #eee;
}
tr:nth-child(even) {
  background: #ddd;
}
tr:first-child, tr:first-child {
  background: #dcdcba;
  color:white;
}
table td:empty {
  background:white;
}
}

/* Petit écran, moins de 640px (bg-color #FAEDBD)*/
@media only screen and (max-width: 640px) {
	.footer .logo { display: none; }
	.footer .nologo { font-family: Tahoma, Geneva, sans-serif; font-size: 0.6em; }
	tr:nth-of-type(even) { background: #eee;}
	.btns { background: #0f0; width: 20%; }
}
@media (max-width: 480px) {
	tr:first-child {display: none;}
	td:nth-of-type(1),	td:nth-of-type(2) { display: inline-block!important;}
	td:nth-of-type(3) { display: block!important;}
	th {display: block}
	td {display: inline-block!important;}
	td:last-of-type, th:last-of-type { text-align:right; display: inline-block!important;}
}