@charset "utf-8";

a {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		text-decoration:none;
}

a:visited {
	color: #;
text-decoration: underline;

}

a:hover{
	color: #F00;
	text-decoration:none;
}

a:active {
	text-decoration:none;
}



.lien_rouge {
	color: #F00;
}

.couleurpolice {
	color: #FFF;
}

.police_rouge {
	color: #F00;
		
}
.police_jaune {
	color: #FF0;
}
.police_noir {
	color: #000;
}

.police_bleu {
	color: #00F;
}
.police_orange {
	color: #E50;
}
.police_grande_blanche {
	font-size: 24px;
	color: #FFF;
}
.police_grande_rouge {
	font-size: 24px;
	color: #F00;
}

.police_blanche {
	color: #FFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.police_petite{

	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.police_verte {
	color: #0F0;
}
#cellule_noire {  

		font-family: Arial, Helvetica, sans-serif;
		color:#FFF;
       
}
.petite_police 
{
	font-size: xx-small;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
		
}

h1 {
	width: auto !important;
	margin: 0.5em 0;
	font-size: 162%;
	font-weight: normal;
	color: rgb(255,255,255);
}
h2 {
	width: auto !important;
	margin: 0.5em 0;
	font-size: 180%;
	font-weight: bolder;
	color: rgb(255,255,255);
}
h3 {
	width: auto !important;
	margin: 0.5em 0;
	font-size: 200%;
	font-weight: normal;
	
}

h4 {
	width: auto !important;
	margin: 0.5em 0;
	font-size: 300%;
	font-weight: normal;
	
}

.imageflottante
{
float:left;
Margin: 10px;
} 

@keyframes AutoSlide {
	0%, 0%, 100% {
		left: 0px; /* première image et dernière*/
	}
	20%, 40% {
		left: -150px; /*2ème image*/
	}
	40%, 60% {
		left: -300px; /*3ème image*/
	}
	
	60%, 80% {
		left: -450px; /*4ème image*/
	}
	80%, 100% {
		left: -605px; /*5ème image*/
	}

	
}

/* autres navigateurs */
@keyframes AutoSlide {
	0%, 0%, 100% {
		left: 0px; /* première image et dernière*/
	}
	20%, 40% {
		left: -150px; /*2ème image*/
	}
	40%, 60% {
		left: -300px; /*3ème image*/
	}
	
	60%, 80% {
		left: -450px; /*4ème image*/
	}
	80%, 100% {
		left: -605px; /*5ème image*/
	}

	
}
@-webkit-keyframes AutoSlide {
	0%, 0%, 100% {
		left: 0px; /* première image et dernière*/
	}
	20%, 40% {
		left: -150px; /*2ème image*/
	}
	40%, 60% {
		left: -300px; /*3ème image*/
	}
	
	60%, 80% {
		left: -450px; /*4ème image*/
	}
	80%, 100% {
		left: -605px; /*5ème image*/
	}

	
}
@-moz-keyframes AutoSlide {
	0%, 0%, 100% {
		left: 0px; /* première image et dernière*/
	}
	20%, 40% {
		left: -150px; /*2ème image*/
	}
	40%, 60% {
		left: -300px; /*3ème image*/
	}
	
	60%, 80% {
		left: -450px; /*4ème image*/
	}
	80%, 100% {
		left: -605px; /*5ème image*/
	}

	
}
 /*====*/

#slideshow {
	position: relative;    /*le parent positionné*/
	width: 150px;          /*limite en largeur (1 élément du slideshow)*/
	height: 150px;         /*limite en hauteur*/
	margin:  0px auto;
	overflow: hidden;      /*on cache ce qui déborde*/
}
#sContent li {
	display: inline;      /*on aligne les éléments du slideshow*/
}
#sContent {
	position: absolute;   /*on sort l'élément du flux*/
	top: 0;               /*on le positionne précisément dans ...*/
	left: 0;              /*l'angle haut gauche de son parent positionné*/
	width: 900px;
	margin: 0;            
	padding: 0;

	
	/*CSS3 W3C keyframes animation*/
	animation-name: AutoSlide;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}