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

   layout.css
   Disposition des blocs principaux

-------------------------------------------------------------- */
#entete, #conteneur, #pied-navigation .pied, #pied .pied {width:940px; margin:0 auto;}

body {
	background: url(img/fond.gif) repeat top left;
	font-family: arial, Verdana, Geneva, sans-serif;
	font-size:85%;
}
#page {}
#entete {
	background:url('img/bandeau.png') top left no-repeat;
	height:186px;
	position:relative;
}
#conteneur {
	background:white;
	padding-top:20px;
	margin-top:-20px;
	overflow:auto;
	padding-bottom: 2em;
}
#wrapper {
    float: left;
    width: 100%;
}
#contenu {
	margin:0 200px 0 200px;
}
#navigation {
	width:160px; float:left; margin-left:-940px;
	margin-top:-10px;
}

#extra {
	width:160px; float:right; margin-left:-170px;
	padding-right:10px;
	margin-bottom:2em;
}
#pied-navigation, #pied {
	clear:both;
}
#pied-navigation .pied,
#pied .pied {
	background:white url(img/ombre-pied.png) top left no-repeat;
	font-size:80%;
}
#pied-navigation {
	/*background:rgba(93,65,28,.16);*/
	background:rgb(229,225,219);
}
#pied .padding {
	padding: 2em 1.5em 1.5em;
}


/* Entete et barre de navigation
------------------------------------------ */
.accueil .spip_logos {margin-left:32px; margin-top:22px;}
#nom_site_spip {position:absolute; left:-3000em;}
#slogan_site_spip { position:relative; top:50px; margin-left: 180px;}

#nav-entete a.contact {position:absolute; left:750px; top:55px;}
#nav-entete #formulaire_recherche {position:absolute; left:755px; top:95px;}

#nav {clear:both; position:absolute; bottom:10px; font-weight:bold;}
#nav .menu-items {overflow:auto; }
#nav .item {
	background:#fcbd00;
	display:block; float:left; color:white;
	overflow:auto; margin-bottom:0; line-height:1.5em; clear:none;
	
}
#nav .item a {
	display:block;
	padding:.1em 1em; color:white;
	text-decoration:none;
	min-width:90px;
	text-align:center;
}
#nav .item a:hover,
#nav .item a:focus,
#nav .item.on>a {color:white; text-decoration:none; background:rgb(216,130,28);}
#nav .item .item.on>a {background:#ed9b10;}



/* Pied de navigation
------------------------------------------ */
#pied-navigation .liste {
	overflow:auto;
}
#pied-navigation .liste .colonne {
	width: 11.6%;
	display:block;
	float:left;
	padding:.5em 1em;
	line-height: 1.3em;
	min-height: 320px;
}
#pied-navigation .liste .rubrique + .rubrique {
	background:url(img/pied-navigation.png) left 20px no-repeat;
}
#pied-navigation .liste .a_propos {
	/*background:rgba(175,122,42,.08);*/
	background:rgb(248,244,238) url(img/ombre-pied.png) top left no-repeat;;
	border:none;
	padding-left:1.5em;
}

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