/********* SLIDER ************/
div#sliderconteneur {
	height: 275px;
	width: 920px;
	margin: auto;
	overflow: hidden;
	position: relative;
}

div#slidercontenu {
	width: 920px;
	overflow: auto;
	position: absolute;
	height: 275px;
}

div.sliderdiapo {
	clear: right;
	height: 275px;
	width: 900px; /*On laisse 20px pour la scrollbar sans JS*/
	overflow: hidden;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

div.sliderdiapo div.sliderimage {
	float: left;
	width: 620px;
	overflow: hidden;
	margin-right: 20px;
}

div.sliderdiapo img {
	max-width: 619px;
	border-right: 1px solid #5D7C53;
}

div.diapodescription {
	height: 273px;
	overflow: hidden;
}

div.diapotitre {
	padding: 10px;
	background-color: #EEE369;
	color: #5D7C53;
}

div.diapotitre h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
}

div.diapotitre p {
	font-size: 16px;
	display:block;
	margin: 0;
}

div.diapodescription p.diapotexte {
	margin: 10px 0 0 0;
	display: block;
	overflow: hidden;
}

#navDiapo{
	right:10px!important;
}


/***** CITATION ******/

div.home_citation {
	width: 475px;
	margin: auto auto 20px auto;
	padding: 13px 35px;
	text-align: center;
	font-family: Perpetua, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 16px;
	font-style: italic;
	color: #5D7C53;
	background: url(../images/template/bg_citation.png) no-repeat;
}
div.home_citation p {
	font-size: 18px;
}

/***** TEXTE FOOTER *****/

div.home_resume {
	width: 470px;
	min-height: 170px;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}

/***** ENCARTS *****/

div.conteneur_encart {
	margin: 0 15px;
	float: left;
}


/**** ANIMATION EN FONDU DE LA PAGE D'ACCUEIL ****/


@-webkit-keyframes fondu_header {
	0% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,1);
	}
	30% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,1);
	}
	99% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,0);
	}
	100% {
		width:920px;
		height: auto;
		background: rgba(255,255,255,0);
	}
}

@-moz-keyframes fondu_header {
	0% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,1);
	}
	30% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,1);
	}
	99% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,0);
	}
	100% {
		width:920px;
		height: auto;
		background: rgba(255,255,255,0);
	}
}

@keyframes fondu_header {
	0% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,1);
	}
	30% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,1);
	}
	99% {
		width:100%;
		height: 100%;
		background: rgba(255,255,255,0);
	}
	100% {
		width:920px;
		height: auto;
		background: rgba(255,255,255,0);
	}
}

@-webkit-keyframes fondu_global {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fondu_global {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fondu_global {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes body_background {
	0% {
		background-color: white;
	}
	99% {
		background-color: white;
	}
	100% {
		background-color: #E9E9DC;
	}
}

@-moz-keyframesbody_background {
	0% {
		background-color: white;
	}
	99% {
		background-color: white;
	}
	100% {
		background-color: #E9E9DC;
	}
}

@keyframesbody_background {
	0% {
		background-color: white;
	}
	99% {
		background-color: white;
	}
	100% {
		background-color: #E9E9DC;
	}
}

div#page, div#navigation, div#footer {
	-webkit-animation-name: fondu_global;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: fondu_global;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	animation-name: fondu_global;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
}

body {
	-webkit-animation-name: body_background;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: body_background;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	animation-name: body_background;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
}

div#header .contenu {
	-webkit-animation-name: fondu_header;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: fondu_header;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	animation-name: fondu_header;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
}