body{
	font-family:Sitka Heading;
	background-color:#e6dbbf;
}
.corp{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#tete{
	height:150px;
}
#menu{
	color:#e6b848;
	text-align:center;
	font-weight:bold;
	height:30px;
}
#page{
	border:solid 2px #e6b848;
}
#pied{
	text-align:center;
	border-top:solid 5px #405290;
	margin-top:2px;
}
.news{
	overflow:hidden;
	float:left;
	position:absolute;
	font-size:16px;
	padding-left:10px;

}
#ligne_1{
	width:680px;
	height:25px;
	margin-left:100px;
	border-left:solid 4px #405290;
	font-style:italic;
}
#ligne_2_3{
	margin-top:25px;
	width:660px;
	height:40px;
	margin-left:120px;
	border-left:solid 4px #e6b848;
}
.txt_news{
	width:680px;
	float:left;
	position:absolute;
}
#slide1 .txt_news{
	height:25px;
}
#slide2 .txt_news{
	height:40px;
}
/******************** attirer l'oeil vers les news ***********************/
.news_flash{
	color:#405290;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	animation-name:flash;
	animation-duration:0.5s;
	animation-iteration-count: 20;
}
@keyframes flash{
	0%{
		color:red;
	}
	100% {
		color:#405290;
	}
}
/****************************** Glisser le texte des new ****************************/
.slide{
	float:left;
	position:absolute;
	animation-name:slidein;
	animation-duration:20s;
	animation-iteration-count: infinite;
	/*animation-direction: alternate;*/
}
@keyframes slidein{
	0%{
		margin-left: 0px;
	}
	20% {
		margin-left: 0px;
	}
	30% {
		margin-left: -680px;
	}
	70% {
		margin-left: -680px;
	}
	80% {
		margin-left: -1360px;
	}
	100% {
		margin-left: -1360px;
	}
}
/********** animer une fleche en cas de nouveauté sur le site ************/
.fleche{
	animation-name:gliss;
	animation-duration:1s;
	animation-iteration-count: 10;
}
@keyframes gliss{
	0%{
		width:50%;
	}
	50% {
		width:100%;
	}
	100% {
		width:50%;
	}
}
/******************************** animer le selecteur page **********************/
.selector{
	animation-name:select;
	animation-duration:1.5s;
	animation-iteration-count: 1;
}
@keyframes select{
	0%{
		width:0px;
	}
	33% {
		width:123px;
	}
	66% {
		width:0px;
	}
	100% {
		width:123px;
	}
}
/********************************** animer le bouton 'Mon espace' ***********************
.space{
	animation-name:espace;
	animation-duration:0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes espace{
	0%{
		color:#e6b848;
	}
	100% {
		color:#ffffff;
	}
}
/********************************** animer la ronde d'enfants ***********************/
.ronde{
	animation-name:veille;
	/*animation-delay:10s;*/
	animation-duration:40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes veille{
	0%{
		margin-left:-400px;
	}
	100% {
		margin-left:0px;
	}
}