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

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

-------------------------------------------------------------- */
.demi-col {width:49%; float:left;}

.aside { float: right; width: 25%; overflow: hidden; }
.aside-article {float: right; width: 34%; overflow: hidden;}
.aside-auteur {float: right; width: 31%; overflow: hidden; margin: 1.5em 0 0 0; }
.aside-rubrique {float: none; margin: 0 2em 2em 2em; overflow: hidden; }

#bas {}
#bas-droite {float: right; width: 60%;}
#bas-gauche {float: left; width: 40%;}
body { text-align: center; background: #d3d3d3; }

.cartouche-article {margin: 0 0 0 3em; }
.cartouche-recherche {margin: 0 0 2em 0;}
.content { }
#content-article {float: left; margin: 1em 0 0 3em; }
.content-aside {overflow: hidden; margin: 2em 3em 0 0; }
.content-formulaire { margin: 0 0 0 3%;}

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

.header {}
.home-projet {}
.home-wrapper {padding: 1.5em 0; }

.main { }
#milieu {padding: 3px 0 0 100px; margin: 1em 0 0 0; }

.page { position: relative; width: 1200px; margin: 0 auto; padding: 0; text-align: left; background: #fdfcfc; }
.projets {}

.wrapper { clear: both; float: left; width: 70%; overflow: hidden; }
.wrapper-article {clear: both; float: left; width: 60%; margin: 1em 0 1em 0; overflow: hidden;}
.wrapper-auteur {clear: both; float: left; width: 65%; overflow: hidden; margin: 0 0 0 2em; }
.wrapper-rub { clear: both; overflow: hidden; background:#fdfcfc; }
.wrapper-2 { clear: both; }

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

.header { background: #000000; border: 0; margin: 2.2em 0 0 0; padding: 0; }
.header #logo { display: block; margin: 0 0 0 2em; line-height: 0; }
.header #logo,
.header #logo a,
.header #logo a:hover { background: transparent; text-decoration: none; color: #222; }
.header #logo img.decor { margin: 0 12% 0 2%; float: left;}
.header #logo img {}
.header #slogan { margin: 0; }
.header #logo .spip_logos {margin: 8px 0 0 0; }

.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

.nav {}
.nav ul {}
.nav ul li {}
.nav ul li a {}
.nav ul li.on a { font-weight: normal; }
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { }

#formulaire_recherche { border: 0; }

.footer .colophon { float: left; margin: 1em 0 0 0; }
.footer .generator { }
.footer .generator a, .footer .colophon 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; padding: 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 */