/* --------------------------------------------------------------

   theme roubaix: gris + 2 colonnes de navigation calé gauche
  

-------------------------------------------------------------- */

/* Elements principaux
------------------------------------------ */

/* 0. fond de page */
body {background:#494949 url(img/fond.png);color:#eee;}

/* supprimer la ligne suivante pour center le mise en page a gauche */
.page {margin:2em 0; }

.wrapper {width:100%;background:#302E2E;}
.content { margin-left:290px;
           width:650px; 
           min-height:500px; 
}
.aside { float: left; 
         position:absolute;
         width:220px;
         padding:2em 0 0 1em;
         background:#302E2E;font-size:90%;         
 }   

/* 1.1 page > banniere */
.header  {background:#494949;color:#eee; padding-left:280px;text-align:center;}
.header .spip_logo_site,
.header .spip_logo_site a { color:#999; }


/* 1.2 page > navigation */
.nav     {padding-left:280px;text-align:center; }
.nav ul {background:#494949;border-top:8px solid #302E2E;margin:0;padding:0.5em 0 0 0;}
.nav li a {  margin:0;border-radius:0.25em;text-decoration: none;  background:transparent; color: #999; }
.nav li.on a { background:transparent;color:#fff;   }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background:transparent; color:#fff; }

 /* 1.3 page > contenu principal */
.content {}
.arbo   {margin-top:1.8em;}

/* 1.4 page > pied de page */
.footer  {background:#494949; padding-left:300px; border-top:none;}
.footer .colophon {width:100%;font-size:90%;}
.footer a {color:#888;}
.footer a:hover {color:#fff;}
.generator {display:none;}
 
/* Elements SPIP
------------------------------------------ */

/* Listes et tableaux */
table.spip tbody tr.odd th,
table.spip tr.odd td {  background: #444;  }
table.spip tr:hover td {background: #293F72;}

.spip_code {  background-color:#333; text-shadow:none;color:#aaa;border-color:#222;}
.spip_cadre {background:#111;} 

/* Pagination */
.pagination a { background: #777; color:#fff;text-decoration: none; }
.pagination a:hover {background:#111;}
.pagination .on { font-weight: bold; background: #222; color: #fff; }


/* Listes d'articles et extraits introductifs */
.menu_articles {margin-top:1em;}
.menu_articles li  {border-top:1px solid #444;padding-top:1em;} 

/* Habillage des forums
---------------------------------------------- */
.comments  {border-top:10px solid #555;}

/* Formulaire de forum */
.forum-titre {border-top:10px solid #555;}


/* Responsive
/* ------------------------------------------ */

/* largeur maximum 960px */
@media (max-width: 960px) { 
    body {background:#302E2E;}

    /* on repasse en monocolonne */
    .page, .content, .header, .nav, .footer {margin:0; padding:0;background:#302E2E;width:100%;}
    .content {min-height:0}
    .aside, .footer {position:static;padding:0;;width:100%;padding-top:1em;border-top:3px solid #EED;}
}

 
/* largeur maximum 640px */
@media (max-width: 640px) {
    .nav ul {padding:0;border:none;}
    .nav li a {display:block;background:#999;color:#333;text-align:left;margin:.4em;border-radius:0.4em;}
    .nav li a:hover,.nav li.on a {background:#fff;color:#333;}
}