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

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

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

body { text-align: center; background: #000; margin: 5px; padding: 0;}
.page { position: relative; background: #FFF; width: 1000px; margin: 0 auto; padding: 10px; text-align: left;  }

.header {}
.main { padding-top: 0.30em; }
.footer { clear: both; padding: 1.5em 0 0; border-top: 2px solid; }

.wrapper { clear: both; float: left; width: 68%; overflow: hidden; }
.content { padding-top: 0.30em; }
.aside { float: right; width: 28%; margin-top: 1em; overflow: hidden; clear: right; }

/* Entete et barre de navigation
------------------------------------------ */

.header { width: 1000px; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #01B0F0; }
.header a.accueil { display: block; width: 68%; }
.header a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
.header a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }

.nav { margin-top: 1em; overflow: hidden; clear: right; }
.nav p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.nav ul { margin: 0; padding: 0; list-style: none; background-color: black; border-bottom: 1px solid #DDD; clear: both; margin-bottom: 2em; text-align: left; font-size: 1.05em; }
.nav ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.nav ul li ul { margin-left: 1em; border: 0; }
.nav ul li li { padding: 0; border: 0; }

.footer .colophon { float: left; height: 40px; width: 70%; margin: 0; }
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }

/* Gabarit d'impression
------------------------------------------ */
@media print {
.page,
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 640px) {

/* passer tous les elements de largeur fixe en largeur automatique */
body,
.page,
.header,
.main,
.footer,
.wrapper,
.content,
.aside { width: auto !important; margin: auto !important; }

.page { margin: 0; padding: 5%; }

/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
.content,
.aside { clear: both; float: none !important; width: auto !important; }
.nav ul li a { float: none; border: 0; }

#formulaire_recherche { display: none; position: static; text-align: center; }
.arbo { display: none; }
.footer .colophon { width: auto; float: none; }
.footer .generator { display: none; }

/* header du calendrier full-calendar */
table.fc-header td { display: block; text-align: left; }

}

/* end */