/* Import Google font pour les titres */
@import url(http://fonts.googleapis.com/css?family=Handlee);
/* --------------------------------------------
/* General
/* -------------------------------------------- */
body { background: #FCFAE1; color: #000; }

/* 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: #B08340; } 
a:hover, a:active { background-color: transparent; color: #A40001; }
a:focus { background-color: transparent!important; color: #A40001!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: 'Handlee', sans-serif; font-weight: bold; }

/* --------------------------------------------
/* Blocs principaux
/* -------------------------------------------- */
/* Bloc principal de page */
.page, #menu-principal { max-width: 1325px; }
.page { background: #FCFAE1; }
/* Menu horizontal en haut d'ecran */
#menu-principal { background: inherit; border-bottom: 1px solid #ddd; }
#menu-principal ul li a:hover { background-color: #FCFAE1; }
/* Entete */
.header { background: #FFF2C2 url(img/banner.jpg) no-repeat; }
.header a.banner { color: #FCFAE1; }
.header a.banner:focus, .header a.banner:hover, .header a.banner:active { color: #FCFAE1!important; }
/* Menu horizontal des "secteurs" */
.nav li { background: #FCFAE1; font-size: 110%; }
.nav li a { color: #B08340; }
.nav li.on a { background: #F2D494; color: #A40001; }
.nav li a:hover, .nav li a:active { background: #F2D494; color: #A40001; }
/* Blocs de contenu */
.content { background-color: #FCFAE1; padding: 0 0 10px 0; }
.footer { border-top: 1px solid #ddd; padding: 30px; }

/* --------------------------------------------
/* Contenu de page
/* -------------------------------------------- */
/* Habillage general des menus de nav */
.aside .menu { padding: 30px; }
/* Pagination */
.pagination .disabled .on, .pagination a { background: transparent; border: 1px solid #ddd; }
.pagination .disabled .on { color: #ddd; }
.pagination a:hover { background: #F2D494; }
/* Elements divers du contenu */
.arbo .on { color: #aaa; }
.chapo { border: solid 1px #F2D494; }
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; }
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: #aaa; }
a.permalink:hover { color: #A40001; }
.info { background-color: #eee; border: 2px solid #ccc; color: #000; }
.info legend { color: #000; background: #ddd; border: 1px solid #aaa; }

.nav, .nav li a, .footer, .aside .menu, #sommaire_article {
	background: #F2D494; /* Old browsers */
	background: -moz-linear-gradient(top, #F2D494 0%, #FCFAE1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #F2D494 0%, #FCFAE1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #F2D494 0%, #FCFAE1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2D494', endColorstr='#FCFAE1',GradientType=0 ); /* IE6-9 */
}
/* --------------------------------------------
/* Affichage sur petits ecrans
/* -------------------------------------------- */
@media (max-width: 640px) {
body { font-size: 90%; }
.aside .menu, .footer, .content { padding: 5px; }
}