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

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

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

/* Elements principaux
------------------------------------------ */
body { text-align: center; background:#FFF; background-image:url(../images/fond2.png)}
.page { position: relative; width: 1124px; max-width:95%; margin:0 auto; text-align: left;  }
.main { padding: 1.5em 0; }
.footer { clear: both; padding: 1em 0 0; margin:1em 0 0 0; border-top:1px solid #999; }

/* largeur calculee du wrapper: 960*70%  = 672px */
.wrapper { clear: both; float: none; width: 100%; /*overflow: hidden;*/ }
.page_sommaire .wrapper, .page_rubrique .wrapper { float: none; width: 100%; }
.content { min-height: 350px; margin-bottom:50px; }
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
.aside { float: right; width: 23.333%; overflow: hidden; }    
  
/* Entete et barre de navigation
------------------------------------------ */
.header { padding-bottom: 15px; background-color:rgba(255,255,255,.9); width:100%;   }
.header .spip_logo {
	float:left;
  margin: 0 20px 0px 0px;
}
.header .spip_logo_site { display: block; margin: 0; line-height: 20px; font-weight: 400; text-indent:-2000px;  }
.header .page {margin:0 auto; padding:20px 0;  }
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color:#222; }
.header .spip_logo_site a:hover  {color:#db1762;}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .spip_logo {margin-bottom:0;}
.header #slogan {
  margin: 0;
  font-size: 0;
  text-indent: -2000px;
  line-height: 0;
  margin: 0;
  padding: 0;
} 

.fixed header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(255,255,255,.9); border-bottom:1px solid #dee2e3;box-shadow: 0 2px 4px 0 rgba(92,92,92,0.25);
}
.fixed .header .spip_logo{ width:30px;}
.fixed .header .spip_logo_site { line-height: 7px;  }


.header .formulaire_spip{margin-top:-10px;}

.nav {}
.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.25em 0.5em; margin: 0 0.25em 0.5em 0;border-radius: 0.25em;  text-decoration: none;  background: #f0f0f0; color: #db1762; }
.nav li.on a { background:#c41558; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: #c41558; color:#fff; }
 

.footer .colophon { float: left; width: 50%; margin: 0; }
.footer .adresse { float: right;width: 40%; }
.footer .trait{display:block; padding-top:10px;}


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

@media (min-width: 1000px) {
	.wrapper{padding-left:100px; padding-right:100px;}
	
}

/* largeur maximum 767px */
@media (max-width: 767px) {
	body {   	width: 100%;		padding: 0x;	}
	.page {  	width: 100%;  	max-width: none; padding: 0 20px;}
	.header .page{padding:20px;}
	.header .spip_logo{ width:30px;}
	.header .spip_logo_site { line-height: 20px; position:relative; z-index:5;  }
	.header .formulaire_spip {position: absolute; right: 10px; margin: 0; top: 50px; z-index:5;width: 80px}
	
}
 
/* 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 */