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

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

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

/* Elements principaux
------------------------------------------ */
body { text-align: center; background:#FFF;}
.haut {
	width:100%; padding: 15px 0;background:#FFF; height: auto;

}
.page { position: relative; width: 1200px; max-width:95%; margin:0 auto; text-align: left;  }
.header {}
.main { padding: 1.5em 0; min-height:200px;}
.page_sommaire .main { padding-top: 30px; min-height:100px;}
.footer { clear: both; padding: 1.5em 0 ; padding-bottom: 0; margin:2.5em 0 0 0;}
.page_sommaire .footer{margin-top:0;}

.logo .spip_logo {
    float: none;
    margin: 0;
    padding: 0;
    border: none;
}

.logo img{ width: 100%; height: auto;}



/* largeur calculee du wrapper: 960*70%  = 672px */
/*.wrapper { float: left; width: 70%; }*/
.wrapper {width: 100%;}
.content { min-height: 200px; }
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
.aside { float: right; width: 25%; overflow: hidden; } 

  
/* Entete et barre de navigation
------------------------------------------ */
.header { float:none; width:100%; text-align: center;  }
.header .spip_logo{float:none; margin:0;}

.header .spip_logo_site { display: block; margin: 0; line-height: 1; font-weight: normal; font-size:1em;  }
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color:#FFF; }
.header .spip_logo_site a:hover  {color:#FFF;}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .slogan{display:block; padding-top:10px;  font-size:1.5em; margin-bottom:0; font-weight: normal;}
.nom_site{ display:inline-block; padding-top:40px; font-size:.1em; width:auto; text-indent: -3000px}
.haut .formulaire_spip{margin-bottom:5px;}
/*.header .spip_logo_site{
    color: #FFF;
    position: fixed;
    z-index: 200;
    background: #FFF;
    padding: 0 0 10px 0;
    left: 20%;
    right: 20%;
    width: 123px;
    margin: 0 auto;
    padding-top: 0;
}
.haut{height: 80px;}*/

/* fixes ------------------ */
.navigation, .spip_logo_site img { 
-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fixed .haut {position: fixed; top:0; left: 0; z-index: 2;background-color:rgba(255,255,255,0.6); border-bottom: 1px solid #ccc; padding-top: 5px;}
.fixed .haut .spip_logo_site img {width: 150px;}

/*.fixed .header .spip_logo_site{
    width: 63px;


}*/

 .footer{ background-color:#ce663f; color:#000;}

.footer .colophon { float: left; width: 80%; margin: 0; }
.footer .generator { float: right; width:auto; }
.generator img{ margin-left:15px;}
.footer .generator a { padding: 0; background: none; }
.footer a, .footer a:visited{ color:#fff;}
.footer a:hover{ color:#FFF;}

/* 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;	}
	.page {  	width: 100%;  	max-width: none; padding:0 20px; 	}
	
	
}
 
/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
    .wrapper,
    .content,
    .aside { width: 100%;}
    .content,
    .aside { clear: both; float: none; width: 100%; }
	.main {min-height:100px; }
	.main{padding-top: 5px;}


    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    .nav ul li a { float: none; border: 0; }
    .footer .colophon { width: auto; float: none; }
    .footer .generator { float:none; display:block; padding-top:10px; clear:both; }

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

}	
	.haut{padding-top: 5px;}

.header .spip_logo_site{text-align:center;margin-left:40px;}
.header img {
	width: 150px;
}
.fixed .haut .spip_logo_site img {width: 150px;}
.header .slogan{display:block; padding-top:0px;  font-size:1em; margin-bottom:15px;}
.nom_site{ display:inline-block; padding-top:10px; font-size:1.2em; width:auto;}
.header .spip_logo {
	float: none;
}


}

/* fin */