@charset "UTF-8";
/*=============================================================
			Composition de mvts de tete
=============================================================*/
/* figures */
.drag-highlight
{ 
	background-color:white;/* #E0ECF8; #fffbee; couleur jaune pâle */
}
#kf1 /* draggable */
{
	position: absolute;
	top: 60px;
	left: 746px;
	height: 21px;
	width: 74px;
	text-align: center;
	cursor: move;
	z-index:2;
}
#kf2 /* draggable */
{
	position: absolute; top: 183px; left: 624px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf3 /* draggable */
{
	position: absolute; top: 184px; left: 758px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf4 /* draggable */
{
	position: absolute; top: 105px; left: 608px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf5 /* draggable */
{
	position: absolute; top: 121px; left: 807px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf6 /* draggable */
{
	position: absolute; top: 130px; left: 699px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf7 /* draggable */
{
	position: absolute; top: 69px; left: 536px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf8 /* draggable */
{
	position: absolute; top: 143px; left: 553px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf9 /* draggable */
{
	position: absolute; top: 48px; left: 648px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
/*ecriture 2 */
#kf10 /* draggable */
{
	position: absolute; top: 89px; left: 820px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf11 /* draggable */
{
	position: absolute; top: 93px;left: 456px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf12 /* draggable */
{
	position: absolute; top: 20px; left: 200px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf13 /* draggable */
{
	position: absolute; top: 63px; left: 387px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf14 /* draggable */
{
	position: absolute; top: 24px; left: 786px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf15 /* draggable */
{
	position: absolute; top: 40px; left: 55px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}

/* figures composition */
#kf16 /* draggable */
{
	position: absolute; top: 89px; left: 304px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf17 /* draggable */
{
	position: absolute; top: 39px; left: 290px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf18 /* draggable */
{
	position: absolute; top: 4px; left: 109px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf19 /* draggable */
{
	position: absolute; top: 52px; left: 153px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf20 /* draggable */
{
	position: absolute; top: 2px; left: 16px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf21 /* draggable */
{
	position: absolute; top: 74px; left: 16px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf22 /* draggable */
{
	position: absolute; top: 90px; left: 202px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf23 /* draggable */
{
	position: absolute; top: 105px; left: 716px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf24 /* draggable */
{
	position: absolute; top: 90px; left: 105px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
#kf25 /* draggable */
{
	position: absolute; top: 23px; left: 599px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2; 
}
#kf26 /* draggable */
{
	position: absolute; top: 8px; left: 689px; height: 21px; width: 74px; text-align: center; cursor: move; z-index:2;
}
/* Ligne du temps */
#temps
{
	position: absolute;
	top: 254px;
	left: 0px;
	width: 100%;
	height: 33px;
	visibility: visible;
}
.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: 50px;
}
.un
{
	position: absolute; top: 0px; left: 145px;
}
.deux
{
	position: absolute; top: 0px; left: 219px;
}
.trois
{
	position: absolute; top: 0px; left: 292px;
}
.quatre
{
	position: absolute; top: 0px; left: 366px;
}
.cinq
{
	position: absolute; top: 0px; left: 440px;
}
.six
{
	position: absolute; top: 0px; left: 516px;
}
.sept
{
	position: absolute; top: 0px; left: 591px;
}
.huit
{
	position: absolute; top: 0px; left: 665px;
}
.neuf
{
	position: absolute; top: 0px; left: 738px;
}
.dix
{
	position: absolute; top: 0px; left: 812px;
}

/* Animation partition*/
article
{
	position: absolute;
	top: 299px;
	left: 1px;
	height: 137px;
	width: 100%;
	text-align: center;
}
#portee /* idem composition*/
{
	position: absolute;
	top: 0px;
	left: 19px;
	visibility: visible;
	z-index: 3;
	width: 879px;
	z-index:3;
}

/* cadres drop */ 
#dix, #onze, #douze, #treize, #quatorze, #quinze, #seize, #dixsept, #dixhuit, #dixneuf, #vingt
{
	width: 74px;
	height: 21px;
	background-color: #E0ECF8; /*border: 2px dashed #165076;Vanessa-benesh.css */
	visibility:hidden;
}

#dix /* cadre depart drop */ 
{
	position: absolute; top: 22px; left: 46px;
}
#onze /* cadre temps 1 drop */ 
{
	position: absolute; top: 22px; left: 122px;
}
#douze /* cadre temps 2  drop */ 
{
	position: absolute; top: 22px; left: 198px;
}
#treize /* cadre temps 3  drop */ 
{
	position: absolute; top: 22px; left: 274px;
}
#quatorze /* cadre temps 4  drop */ 
{
	position: absolute; top: 22px; left: 350px;
}
#quinze /* cadre temps 5  drop */ 
{
	position: absolute; top: 22px; left: 426px;
}
#seize /* cadre temps 6  drop */ 
{
	position: absolute; top: 22px; left: 502px;
}
#dixsept/* cadre temps 7  drop */ 
{
	position: absolute; top: 22px; left: 578px;
}
#dixhuit /* cadre temps 8  drop */ 
{
	position: absolute; top: 22px; left: 654px;
}
#dixneuf /* cadre temps 9  drop */ 
{
	position: absolute; top: 22px; left: 730px;
}
#vingt /* cadre temps 9  drop */ 
{
	position: absolute; top: 22px; left: 806px;
}