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

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

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

body {background: #2F2A5E}
.page {display:block;float:left;width:100%;height:100%;padding:0 0 0 205px}

header, .header{display:block;width:180px;position:fixed;left:0;top:0;padding:20px 25px 25px;height:100%; min-height:666px}
	.header_contact{position:absolute;bottom:25px}
	
.main { padding: 0.5em 0; }
.footer { clear: both; padding: 1.5em 0 0;}

.wrapper { clear: both; max-width: 1052px/*max-width: 1039px*/}
	.content { min-height: 350px; width:100%}


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

.header { }
.header #logo { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header #logo,
.header #logo a,
.header #logo a:hover { background: transparent; text-decoration: none; color: #222; }
.header #slogan { margin: 0; }


.nav { }
.nav ul {}
.nav ul li {}
.nav ul li a { }
.nav ul li.on a { }
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active {}



.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; 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 */