@charset "UTF-8";
/*=============================================================
	 		Elements principaux de la page
=============================================================*/

/*instructions*/
aside 
{
	position: absolute;
	top: 40px;
	left: 0px;
	height: 171px;
	width: 343px;
	padding: 0px 0px 0px 20px;
}
aside, #instructions ul
{
	text-align: left;
}
/* video */
#video
{
	position: absolute;
	top: 72px;
	left: 365px;
	height: 153px;
	width: 165px;
}
/* instructions */ 
#instructions
{
	position: absolute;
	top: 48px;
	left: 522px;
	height: 171px;
	width: 381px;
}
/* figures draggable*/
.drag-highlight
{ 
	background-color: #E0ECF8; /* #fffbee; couleur jaune pâle */
}
#kf0 /* draggable */
{
	position: absolute;
	top: 177px;
	left: 13px;
	height: 135px;
	width: 126px;
	text-align: center;
	cursor: move;
}
#kf1 /* draggable */
{
	position: absolute;
	top: -13px;
	left: 694px;
	height: 135px;
	width: 126px;
	text-align: center;
	cursor: move;
}
#kf2 /* draggable */
{
	position: absolute;
	top: 53px;
	left: 599px;
	height: 135px;
	width: 126px;
	text-align: center;
	cursor: move;
}
#kf3 /* draggable */
{
	position: absolute;
	top: 63px;
	left: 172px;
	height: 135px;
	width: 126px;
	text-align: center;
	cursor: move;
}
#kf4 /* draggable */
{
	position: absolute;
	top: 124px;
	left: 536px;
	height: 135px;
	width: 126px;
	text-align: center;
	cursor: move;
}
#kf5 /* draggable */
{
	position: absolute;
	top: 112px;
	left: 707px;
	height: 135px;
	width: 126px;
	text-align: center;
	cursor: move;
}
/* Animation temps */
#temps
{
	position: absolute;
	top: 254px;
	left: 0px;
	width: 100%;
	height: 33px;
	visibility: visible;
}
.bouton_temps
{
	margin-left: 5px;
	color: #165076;/* Vanessa-benesh.css */
	border-width:thin;
	background-color:white;
	cursor:pointer;
}
.depart
{
	position: absolute;
	top: 1px;
	left: 127px;
}
.un
{
	position: absolute;
	top: 0px;
	left: 267px;
}
.deux
{
	position: absolute;
	top: -1px;
	left: 390px;
}
.trois
{
	position: absolute;
	top: 0px;
	left: 511px;
}
.quatre
{
	position: absolute;
	top: 0px;
	left: 641px;
}
.cinq
{
	position: absolute;
	top: 0px;
	left: 769px;
}
/* Animation partition*/
article
{
	position: absolute;
	top: 299px;
	left: 0px;
	height: 137px;
	width: 100%;
	text-align: center;
}
#portee 
{
	position: absolute;
	top: 0px;
	left: 95px;
	visibility: visible;
}
/* cadres drop */ 
#depart, #un, #deux, #trois, #quatre, #cinq
{ 
	width: 126px;
	height: 134px;
	border: 2px dashed #165076;/* Vanessa-benesh.css */
	visibility: hidden;
}
/* cadres pour img signes */ 
#kfs0, #kfs1, #kfs2, #kfs3, #kfs4, #kfs5
{
	width: 126px;
	height: 135px;
	visibility: hidden;
}
#depart /* cadres drop */ 
{
	position: absolute;
	top: 1px;
	left: 96px;
}
#kfs0 /* cadre départ  pour img signes */ 
{
	position: absolute;
	top: 1px;
	left: 96px;
}
#un /* cadre temps 1 drop */ 
{
	position: absolute;
	top: 1px;
	left: 222px;
}
#kfs1 /* cadre temps 1 pour img signes */ 
{
	position: absolute;
	top: 1px;
	left: 222px;
}
#deux /* cadre temps 2  drop */ 
{
	position: absolute;
	top: 1px;
	left: 348px;
}
#kfs2 /* cadre  temps 2 pour img signes */ 
{
	position: absolute;
	top: 1px;
	left: 348px;
}
#trois /* cadre temps 3  drop */ 
{
	position: absolute;
	top: 1px;
	left: 474px;
}
#kfs3 /* cadre temps 3  pour img signes */ 
{
	position: absolute;
	top: 1px;
	left: 474px;
	width: 126px;
}
#quatre /* cadre temps 4  drop */ 
{
	position: absolute;
	top: 1px;
	left: 600px;
}
#kfs4 /* cadre temps 3  pour img signes */ 
{
	position: absolute;
	top: 1px;
	left: 600px;
}
#cinq /* cadre temps 4  drop */ 
{
	position: absolute;
	top: 1px;
	left: 726px;
}
#kfs5 /* cadre temps 5  pour img signes */ 
{
	position: absolute;
	top: 1px;
	left: 726px;
}