body{
	font-family:Sitka Heading;
	background-color:#000000;
	color:#ffffff;
}

#menu{
	color:#e6b848;
	text-align:center;
	font-weight:bold;
	height:30px;
}
#pub{
	text-align:center;
	margin-top:50px;
	height:100px;
	border:solid 1px #ff00ff;
}

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