@charset "UTF-8";
/*=============================================================
			Principes mouvements de la tête
=============================================================*/
/* illustration tête */
#tete
{
	position: absolute;
	top: 62px;
	left: 407px;
	height: 135px;
	width: 126px;
	visibility: visible;
}
#tete_signe
{
	position: absolute;
	top: 62px;
	left: 407px;
	height: 135px;
	width: 126px;
	visibility: hidden;
}
#tete_portee
{
	position: absolute;
	top: 62px;
	left: 407px;
	height: 135px;
	width: 126px;
	visibility: hidden;
}
/* Animation texte */
.bouton
{
	font-size:0.8em;
	font-style:italic;
	color: #165076;/* Vanessa-benesh.css */
	margin-left: 5px;
	border-radius: 100px 100px 100px 0px;
	-moz-border-radius: 100px 100px 100px 0px;
	-webkit-border-radius: 100px 100px 100px 0px;
	border-style:hidden solid solid hidden;
	border-width:1px;
	border-color: #165076;/* Vanessa-benesh.css */
	background-color: white;
	cursor:pointer;
}
#bouton1t
{
	position: absolute;
	top: 183px;
	left: 388px;
	width: 50px;
	visibility: visible;
	cursor: pointer;
	z-index: 2;
}
#phrase1t
{
	position: absolute;
	top: 70px;
	left: 140px;
	width: 230px;
	text-align: left;
	visibility: hidden;
	z-index:2;
}
#bouton2t
{
	position: absolute;
	top: 183px;
	left: 501px;
	width: 50px;
	visibility: hidden;
	cursor: pointer;
	z-index: 2;
}
#phrase2t
{
	position: absolute;
	top: 70px;
	left: 545px;
	width: 248px;
	text-align: left;
	visibility: hidden;
	z-index: 2;
}
#bouton3t
{
	position: absolute;
	top: 183px;
	left: 446px;
	width: 50px;
	visibility: hidden;
	cursor: pointer;
}
#bouton4t
{
	position: absolute;
	top: 203px;
	left: 37px;
	width: 50px;
	visibility: hidden;
	cursor: pointer;
	z-index:3;
}
#phrase4t
{
	position: absolute;
	top: 189px;
	left: 77px;
	width: 840px;
	text-align: left;
	visibility: hidden;
	z-index: 4;
}
/* evolution signes */
#cache_aside
{
	position: absolute;
	top: 60px;
	left: 0px;
	height: 171px;
	width: 406px;
	background-color: white;
	visibility: visible;
	z-index: 1;
}	
aside /*idem ecriture_tete 1 et 2*/
{
	position: absolute;
	top: 60px;
	left: 0px;
	height: 171px;
	width: 420px;
	padding: 0px 0px 0px 20px;
}
aside
{
	text-align: left;
}
aside h2
{
	font-size: 1.1em;
}

/* figures - repris d'ecriture_tete - positions différentes */
#cache_figure
{
	position: absolute;
	top: 60px;
	left: 535px;
	height: 171px;
	width: 381px;
	background-color: white;
	visibility:visible;
	z-index: 1;
}	
.drag-highlight
{ 
	background-color:#E0ECF8; /* #fffbee; couleur jaune pâle */
}
#kf1 /* draggable */
{
	position: absolute;
	top: 72px;
	left: 577px;
	height: 21px;
	width: 74px;
	text-align: center;
	cursor: move;
	visibility: hidden;
}
#kf2 /* draggable */
{
	position: absolute;
	top: 72px;
	left: 683px;
	height: 21px;
	width: 74px;
	text-align: center;
	cursor: move;
	visibility: hidden;
}
#kf3 /* draggable */
{
	position: absolute;
	top: 110px;
	left: 579px;
	height: 21px;
	width: 74px;
	text-align: center;
	cursor: move;
	visibility: hidden;
}
#kf4 /* draggable */
{
	position: absolute;
	top: 110px;
	left: 683px;
	height: 21px;
	width: 74px;
	text-align: center;
	cursor: move;
	visibility: hidden;
}
#kf5 /* draggable */
{
	position: absolute;
	top: 155px;
	left: 578px;
	height: 21px;
	width: 74px;
	text-align: center;
	cursor: move;
	visibility: hidden;
}
#kf6 /* draggable */
{
	position: absolute;
	top: 155px;
	left: 683px;
	height: 21px;
	width: 74px;
	text-align: center;
	cursor: move;
	visibility: hidden;
}
#kf7 /* draggable */
{
	position: absolute;
	top: 83px;
	left: 433px;
	height: 21px;
	width: 74px;
	text-align: center;
	cursor: move;
}

/* Ligne du temps */
#cache_temps
{
	position: absolute;
	top: 252px;
	left: 0px;
	width: 100%;
	height: 218px;
	background-color:white;
	visibility: visible;
	z-index:2;
}
#temps
{
	position: absolute;
	top: 254px;
	left: 0px;
	width: 100%;
	height: 34px;
}
.inclinaisons
{
	position: absolute;
	top: 0px;
	left: 170px;
	font-size: 1.0em;
	z-index:1;
}
.rotations
{
	position: absolute;
	top: 0px;
	left: 382px;
	font-size: 0.9em;
	z-index:1;
}
.un
{
	position: absolute;
	top: 15px;
	left: 123px;
}
.deux
{
	position: absolute;
	top: 15px;
	left: 212px;
}
.trois
{
	position: absolute;
	top: 15px;
	left: 332px;
}
.quatre
{
	position: absolute;
	top: 15px;
	left: 424px;
}
.cinq
{
	position: absolute;
	top: 15px;
	left: 527px;
}
.six
{
	position: absolute;
	top: 15px;
	left: 621px;
}
.sept
{
	position: absolute;
	top: 15px;
	left: 750px;
}

/* Animation partition*/
article
{
	position: absolute;
	top: 299px;
	left: 0px;
	height: 137px;
	width: 100%;
	text-align: center;
}
#portee 
{
	position: absolute;
	top: 0px;
	left: 95px;
}
/* cadres drop */ 
#un, #deux, #trois, #quatre, #cinq, #six, #sept
{
	width: 74px;
	height: 21px;
	border: 2px dashed #165076;/* Vanessa-benesh.css */
	visibility: hidden;
}
/* cadres pour img signes */ 
#kfs1, #kfs2, #kfs3, #kfs4, #kfs5, #kfs6, #kfs7
{
	width: 74px;
	height: 50px;
	visibility: hidden;
	background-color:white;
}
#un /* cadre temps 1 drop */ 
{
	position: absolute;
	top: 21px;
	left: 115px;
}
#kfs1 /* cadre temps 1 pour img signes */ 
{
	position: absolute;
	top: 9px;
	left: 117px;
}
#deux /* cadre temps 2  drop */ 
{
	position: absolute;
	top: 21px;
	left: 202px;
}
#kfs2 /* cadre  temps 2 pour img signes */ 
{
	position: absolute;
	top: 9px;
	left: 203px;
}
#trois /* cadre temps 3  drop */ 
{
	position: absolute;
	top: 21px;
	left: 327px;
}
#kfs3 /* cadre temps 3  pour img signes */ 
{
	position: absolute;
	top: 9px;
	left: 329px;
}
#quatre /* cadre temps 4  drop */ 
{
	position: absolute;
	top: 20px;
	left: 415px;
}
#kfs4 /* cadre temps 3  pour img signes */ 
{
	position: absolute;
	top: 9px;
	left: 415px;
}
#cinq /* cadre temps 4  drop */ 
{
	position: absolute;
	top: 21px;
	left: 522px;
}
#kfs5 /* cadre temps 5  pour img signes */ 
{
	position: absolute;
	top: 9px;
	left: 523px;
}
#six /* cadre temps 6  drop */ 
{
	position: absolute;
	top: 21px;
	left: 625px;
}
#kfs6 /* cadre temps 6  pour img signes */ 
{
	position: absolute;
	top: 9px;
	left: 626px;
}
#sept /* cadre temps 7  drop */ 
{
	position: absolute;
	top: 21px;
	left: 757px;
}
#kfs7 /* cadre temps 7  pour img signes */ 
{
	position: absolute;
	top: 9px;
	left: 759px;
}