@charset "iso-8859-1";
/* --------------------------------------------------------------

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

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

/* Elements principaux
------------------------------------------ */
body {text-align: center;  background-color: #A9A9A9}
.page {position: relative; width: 1370px; max-width: 95%; margin: 2em auto; text-align: left; background-color: #F5F5F5; background: url(../img/papier-MBM-regle.JPG)}


.header {margin: 3px 0px 3px;  }
.main { padding: 0em 0; }
.footer {clear: both; padding: 0.25em 2em 1em 2em; margin: 0em 0em 1em 0em; background: url(../img/papier-MBM-gris.JPG) repeat}
.footersommaire {clear: both; padding: 0.25em 2em 1em 2em; margin: 0em 0em 1em 0em; background: url(../img/papier-MBM-gris.JPG) repeat}

/* largeur calculee du wrapper: 1370*70%  = 959px */
.wrapper {clear: both; float: right; width: 75%; overflow: hidden; padding: 0em 0em 1em 1em; }
.content {clear: both; min-height: 350px; padding: 1em;  margin-right: 1em}
.contentsommaire {clear: both; min-height: 847px; padding: 1em; border: thin ridge #DCDCDC; margin-right: 1em; background: url(../img/vue-moins-generale.JPG)}
/* largeur calculee du aside: 1370px / 3 = 457px = 23.333 %*/
.aside {float: left; width: 23%; overflow: hidden; padding-left: 0.5em; padding-right: 0.5em; margin-bottom: 1em;  background: url(../img/papier-MBM-gris.JPG) repeat; margin-left: 1.1em ; border-radius: 0.8em;}




  
/* Entete et barre de navigation
------------------------------------------ */
.header {padding-top: 0.4em; padding-right: 1em; padding-bottom: 0em; padding-left: 2em; vertical-align: middle}
.header .spip_logo_site {display: block; margin: 0; line-height: 1;  }
.header .spip_logo_site, .header .spip_logo_site a, .header .spip_logo_site a:hover {background: transparent; text-decoration: none; color: #d34d41}
.header .spip_logo_site a:hover {color: #d34d41}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .spip_logo {margin-bottom: 0; padding-bottom: 0.2em; border: hidden; }
.header #slogan {margin: 0; color: #d34d41}


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

.nav {padding: 0.5em 0em 0em 1em;  }
.nav li {display:inline;}
.nav li a {display: inline-block; padding: 0.5em 0.3em 0.5em; margin: 0 0.2em 0.3em 0; border-radius: 2em; text-decoration: none; color: #d34d41; min-height: 3em; background-image: url(../img/papier-MBM-gris.JPG); border-bottom: thin groove #A9A9A9}
.nav li.on a {background: #d34d41; color: #fff;  }
.nav li a:focus, .nav li a:hover, .nav li a:active {background: #d34d41; color: #fff}
 

 

.footer .colophon { float: left; height: 40px; width: 100%; 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
------------------------------------------ */

/* largeur maximum 767px */
@media (max-width: 767px) {
	body {   	width: 100%;		padding: 0 20px;	}
	.page {  	width: 100%;  	max-width: none; 	}
}
 
/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
    .wrapper,
    .content,
    .aside { width: 100%;}
    .content,
    .aside { clear: both; float: none; width: 100%; }

    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    .nav ul li a { float: none; border: 0; }
    .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; }

}

/* fin */