/* Import Google font pour les titres */
@import url(http://fonts.googleapis.com/css?family=Michroma|Tenor+Sans);
/* --------------------------------------------
/* General
/* -------------------------------------------- */
body { background: white; color: black; }
.spip-admin-boutons:hover { color: black; background-color: #dddddd; }

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

/* --------------------------------------------
/* 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 l'ensemble des pages */
body { font-family: "Tenor Sans", sans-serif;  font-size: 1.0em; }
/* Google font pour les titres */
.header, .nav, .footer, h1, h2, h3 { font-family: 'Michroma', sans-serif; }
.nav, .footer { font-size: 0.90em; }

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

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

/* Entete */
.header { background-image: url("img/banner.jpg"); background-color: black; }
.header a.banner { color: white; }
.header #slogan { font-size: 40%; }

/* Menu horizontal des "secteurs" */
.nav ul li a { border-color: white; }
.nav ul li.on a { background: black; color: white; }
.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active { background: black; color: white; }

/* Blocs de contenu */
.wrapper { float: right; width: 70%; margin: 10px 0; }
.aside { float: left; width: 29%; margin: 10px 0; }
.content { background-color: white; padding: 0 10px 10px 0; }
.footer { border-top: none; padding: 30px; }

/* --------------------------------------------
/* Contenu de page
/* -------------------------------------------- */
.aside .menu { padding: 30px; margin-bottom: 10px; }
.arbo .on { color: #aaaaaa; }
.chapo { border: solid 1px #eeeeee; }
abbr.published, .menu_articles li small, .menu_breves li small { color: #aaaaaa; }

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

#sommaire_article h4 { border-bottom: 1px solid #eeeeee; }

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

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

.nav, .footer, .aside .menu, #sommaire_article {
	background-color: #eeeeee; 
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%);
	background: linear-gradient(top, #eeeeee 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}

/* --------------------------------------------
/* Affichage sur petits ecrans
/* -------------------------------------------- */
@media (max-width: 640px) {
.header #nom_site_spip { font-size: 50%; }
.header #slogan { font-size: 20%; }
.aside .menu, .footer, .content { padding: 3px; }
}