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

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

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

html {
	margin:0;
	padding:0;
	background: url(../images/fond.jpg) no-repeat fixed center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

body {
	text-align: center;
	font: 1.05em/1.45em Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
			font-family: 'Raleway', sans-serif;
		font-weight:400;
		font-variant:normal;

}



.page {
	position: relative;
	width: 1024px;
	margin: 0 auto;
}

.header {
}
.main {
	overflow:hidden;
	width:100%;
	margin:0 auto;
	background: #FFF;
	text-align:left;
	background-color: rgba(255, 255, 255, 0.8);
}
.footer {
	clear: both;
	padding: 1em 0 0;
	margin:0 auto;
	width:982px;
	text-align:center;
	background: url(../images/ombre-inverse.png) no-repeat center top;
}

.wrapper { clear: both;  overflow: hidden; padding:3em; }
.content {
	min-height: 150px;/* float:left; width:75%;*/
	}
.aside {
	float: right;
	width: 36%;
	overflow: hidden;
	padding-bottom:1em;
}
.texte {
	float: left;
	width: 60%;
	overflow: hidden;
	padding-bottom:1em;
}
h1{
		font-family: 'Raleway', sans-serif;
		font-weight:700;
		font-variant:normal;
}


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

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

.slogan{
/*	position:absolute;
	right:100px;
	top:30px;
*/}

    #nav {
		border-bottom:0px solid #fff;
		padding:1em 0;
		font-size:110%;
        text-align: center; /* centrer le texte */ 
    }  
    #nav li {  
        display: inline;  
        list-style: none;  
    }  
    #nav a {  
        display:inline-block;  
        margin: 0 30px;
		color:#FFF;
		text-decoration:none;
		padding:0.5em 1em;
    }
	
	    #nav li.on a{  
		color:#FFF;
		text-decoration:none;
		font-weight:normal;
		border-bottom:1px solid #FFF;
    } 
	#nav a:hover {  
		color:#000;
		text-decoration:none;
		font-weight:normal;
	background-color: rgba(255, 255, 255, 0.5);
    }   
  



.footer .colophon { height: 40px; margin: 0; }
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }

/* Texte
------------------------------------------ */
.cartouche{
	
}

.chapo {
	color:#993300;
	font-size:1.1em;
}
	
h3, h2 {color:#159f00;
	font-family: 'Andika', sans-serif;
	margin-bottom:0.7em;

}

.texte ul{
	margin:0;
	margin-left:25px;
	margin-bottom:1.2em;
}

.texte li{
	list-style:disc;
	padding-bottom:3px;
}
p { margin-bottom:0.8em;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{
	right:5px;
	background: url(../images/1next.png) no-repeat center center;
	width:36px;
	height:50px;
}
ul.bjqs-controls.v-centered li.bjqs-prev a{
	left:5px;
	background: url(../images/1previous.png) no-repeat center center;
	width:36px;
	height:50px;
}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{
	display:block;
	margin:0;
	padding:1em 2%;
	position:absolute;
	bottom:0;
	font-size:1.4em;
	width:96%;
	
}

#banner{
	margin:0 auto;
	width:1000px;
	border-bottom: 10px solid #159f00;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	color:#000;
	text-decoration: none;
	text-indent:-2000px;
	opacity: .7;
	filter: alpha(opacity=7);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";
}

ul.bjqs-controls.v-centered li a:hover{
	color:#fff;
	display:block;
		opacity: 1;
	filter: alpha(opacity=100);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";


}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px 2px;
	text-decoration: none;
	display:none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(0,0,0,0.6);
	color:#FFF;
	line-height:130%;
}


.footer, .footer a{
	color:#333;
}


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