/* Import Google font pour les titres */
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
/* --------------------------------------------
/* General
/* -------------------------------------------- */
body { background: #222; color: #ccc; }

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

/* Hyperliens */
a, a:visited { color: #FF812A; } 
a:hover, a:active { background-color: transparent; color: #fff; }
a:focus { background-color: transparent!important; color: #fff!important; }
/* Boutons d'admin */
a.spip-admin-boutons:hover, a.spip-admin-boutons:active { background: #ddd; color: #000; }

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

/* --------------------------------------------
/* Blocs principaux
/* -------------------------------------------- */
/* Bloc principal de page */
.page, #menu-principal { max-width: 1003px; }
.page { background: #222; }
/* Menu horizontal en haut d'ecran */
#menu-principal { background: #222; border-bottom: 1px solid #444; }
#menu-principal ul li a:hover { background-color: #888; }
/* Entete */
.header { background: #000 url(img/banner.jpg) no-repeat; }
.header a.banner { color: #fff; }
.header a.banner:focus, .header a.banner:hover, .header a.banner:active { color: #fff!important; }
/* Menu horizontal des "secteurs" */
.nav li { background: #000; }
.nav li a { color: #FF812A; }
.nav li.on a { background: #888; color: #fff; }
.nav li a:focus, .nav li a:hover, .nav li a:active { background: #888!important; color: #fff!important; }
/* Blocs de contenu */
.content { background-color: #222; padding: 0 0 10px 0; }
.footer { border-top: none; }

/* --------------------------------------------
/* Contenu de page
/* -------------------------------------------- */
/* Pagination */
.pagination .disabled .on, .pagination a { background: transparent; border: 1px solid #444; line-height: 35px; padding-bottom: 5px; }
.pagination .disabled .on { color: #444; }
.pagination a:hover { background: #666; }
/* Elements divers du contenu */
.arbo .on { color: #aaa; }
.chapo { border: solid 1px #444; }
.spip_code { border: 1px solid #ddd; background-color: #eee; color: #333; text-shadow: none; }
abbr.published, .menu_articles li small, .menu_breves li small { color: #aaa; }
/* Mini-sommaire article */
#sommaire_article .sommaire_article_titre { border-bottom: 1px solid #ddd; }
/* Listes et tableaux */
table.spip tbody tr th, table.spip tr td { background: #eee; color: #000; }
table.spip tbody tr.odd th, table.spip tr.odd td { background: #ddd; }
table.spip tr:hover td { background: #ccc; }
/* Formulaires */
.formulaire_spip input.text, .formulaire_spip textarea, select { background: #eee; }
/* Formulaire inscription */
.aside .formulaire_spip { border-top: 1px solid #ddd; }
/* Forums */
.comments, .forum-titre { border-top: 5px solid #ddd; }
.comments-items .comments-items { border-left: 5px solid #ddd; }
a.permalink { color: #ccc; }
a.permalink:hover { color: #fff; }
.info { background-color: #eee; border: 2px solid #ccc; color: #000; }
.info legend { color: #000; background: #ddd; border: 1px solid #aaa; }

#gotop { background: url(img/gotop.png) no-repeat center center; }
#gobottom { background: url(img/gobottom.png) no-repeat center center; }
.nav, .nav li a, .footer, .aside .menu, #sommaire_article {
	background: #666; /* Old browsers */
	background: -moz-linear-gradient(top, #666 0%, #888 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #666 0%, #888 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #666 0%, #888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}

/* --------------------------------------------
/* Affichage sur petits ecrans
/* -------------------------------------------- */
@media (max-width: 640px) {
body { font-size: 90%; }
.aside .menu, .footer, .content { padding: 5px; }
}