@charset "UTF-8";
/*=============================================================
			 header 
=============================================================*/
.nav /*specifique principes membres*/
{
	padding-top:7px;
}
/*=============================================================
			 Eléments principaux de la page 
=============================================================*/

/*Animation temps*/
#temps
{
	position: absolute;
	top: 44px;
	left: 0px;
	float:right;
	width: 100%;
	height: 33px;
	visibility: hidden;
}
.bouton_temps
{
	margin-left: 5px;
	color: #165076;/* Vanessa-benesh.css */
	font-size: 0.9em;
	border-width:thin;
	background-color:white;
	cursor:pointer;
}
.depart
{
	position: absolute;
	top: 0px;
	left: 128px;
}
.un
{
	position: absolute;
	top: 0px;
	left: 268px;
}
.deux
{
	position: absolute;
	top: 0px;
	left: 396px;
	float: right;
}
.trois
{
	position: absolute;
	top: 0px;
	left: 520px;
	float: right;
}
.quatre
{
	position: absolute;
	top: 0px;
	left: 647px;
	float: right;
}
.cinq
{
	position: absolute;
	top: 0px;
	left: 775px;
	float: right;
}
/* Animation portee */
article
{
	position: absolute;
	top: 89px;
	left: 0px;
	height: 137px;
	width: 100%;
	text-align: center;
}
#partition
{
	position: absolute;
	top: 0px;
	left: 95px;
	visibility: visible;
}
#portee 
{
	position: absolute;
	top: 0px;
	left: 95px;
	visibility: hidden;
}
#signes
{
	position: absolute;
	top: 0px;
	left: 95px;
	visibility: hidden;
}
#lignes
{
	position: absolute;
	top: 0px;
	left: 95px;
	visibility: hidden;
}
#depart
{
	position: absolute;
	top: 1px;
	left: 96px;
	visibility: hidden;
}
#un
{
	position: absolute;
	top: 1px;
	left: 224px;
	visibility: hidden;
}
#deux
{
	position: absolute;
	top: 1px;
	left: 352px;
	visibility: hidden;
}
#trois
{
	position: absolute;
	top: 1px;
	left: 480px;
	visibility: hidden;
}
#quatre
{
	position: absolute;
	top: 1px;
	left: 607px;
	visibility: hidden;
}
#cinq
{
	position: absolute;
	top: 1px;
	left: 735px;
	visibility: hidden;
}
/* Animation texte */
#bouton1
{
	position: absolute;
	top: 232px;
	left: 150px;
	width: 50px;
	visibility: visible;
	cursor:pointer;
}
#phrase1
{
	position: absolute;
	top: 230px;
	left: 210px;
	width: 550px;
	text-align: left;
	visibility: hidden;
}
#bouton2
{
	position: absolute;
	top: 285px;
	left: 150px;
	width: 50px;
	visibility: hidden;
	cursor:pointer;
}
#phrase2
{
	position: absolute;
	top: 283px;
	left: 210px;
	width: 550px;
	text-align: left;
	visibility: hidden;
}
#bouton3
{
	position: absolute;
	top: 339px;
	left: 150px;
	width: 50px;
	visibility: hidden;
	cursor:pointer;
}
#phrase3
{
	position: absolute;
	top: 337px;
	left: 210px;
	width: 550px;
	text-align: left;
	visibility: hidden;
}
#bouton4r
{
	position: absolute;
	top: 393px;
	left: 711px;
	width: 50px;
	visibility: hidden;
	cursor: pointer;
}
#bouton4a
{
	position: absolute;
	top: 393px;
	left: 150px;
	width: 49px;
	visibility: hidden;
	height: 50px;
	cursor: pointer;
}
#phrase4
{
	position: absolute;
	top: 391px;
	left: 210px;
	width: 550px;
	text-align: left;
	visibility: hidden;
}
#bouton5a
{
	position: absolute;
	top: 445px;
	left: 150px;
	width: 50px;
	visibility: hidden;
	cursor:pointer;
}
#bouton5r
{
	position: absolute;
	top: 445px;
	left: 539px;
	width: 50px;
	visibility: hidden;
}
#phrase5
{
	position: absolute;
	top: 443px;
	left: 210px;
	width: 551px;
	text-align: left;
	visibility: hidden;
	cursor:pointer;
}