/* --------------------------------------------
/* General
/* -------------------------------------------- */
body { background: #CEEBE6; 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: #5A769D; } 
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; }

/* Police pour les titres (sauf le titre du site) */
.nav, .footer, h1, h2, h3 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

/* --------------------------------------------
/* Blocs principaux
/* -------------------------------------------- */
/* Bloc principal de page */
.page, #menu-principal { max-width: 1420px; }
.page { background: #CEEBE6; }
/* Menu horizontal en haut d'ecran */
#menu-principal { background: #CEEBE6; border-bottom: 1px solid #ccc; }
#menu-principal ul li a:hover { background-color: #759B9E; }
/* Entete */
.header { background: #fff 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 { background: #AED0CF; border-radius: 7px; }
.nav ul { margin-left: 7px; }
.nav li { background: #AED0CF; }
.nav li a { background: #AED0CF; color: #5A769D; }
.nav li.on a { background: #759B9E; color: #fff; }
.nav li a:hover, .nav li a:active { background: #759B9E; color: #fff; }
/* Blocs de contenu */
.content { background-color: #CEEBE6; padding : 0 0 10px 0; }
.footer { background-color: #AED0CF; border-top: none; border-radius: 7px; }

/* --------------------------------------------
/* Contenu de page
/* -------------------------------------------- */
/* Habillage general des menus de nav */
.aside .menu { background-color: #AED0CF; border-radius: 7px; }
/* Pagination */
.pagination .disabled .on, .pagination a { background: transparent; border: 1px solid #aaa; border-radius: 7px; line-height: 38px; padding-bottom: 2px; }
.pagination .disabled .on { color: #aaa; }
.pagination a:hover { background: #759B9E; }
/* Elements divers du contenu */
.arbo .on { color: #aaa; }
.chapo { border: solid 1px #ccc; border-radius: 7px; }
abbr.published, .menu_articles li small, .menu_breves li small { color: #888; border-radius: 7px; }
.info { border-radius: 7px; }
/* Mini-sommaire article */
#sommaire_article { background-color: #AED0CF; border-radius: 7px; }
#sommaire_article .sommaire_article_titre { border-bottom: 1px solid #aaa; }
/* 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 #ccc; }
/* 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: #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; }

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