/* Feuille de styles pour l'exercice 14 */

div#wrapper	{
	background-image: url('../images/bg_avec_encadre.jpg');
}


div.encadre_travailleur	{
	width: 400px;
	float: left;
}

div#autonome	{
	width: 450px;
}


div#autonome img	{
	margin-left: 110px;
	margin-top: 40px;
	float: left;
}

div#bulle_1_droppable	{
	background-image: url('../images/orange/bulle_autonome.gif');
	height: 139px;
	width: 210px;
	margin-top: 20px;
	margin-left: 215px;
}

div.mini_bulle_1	{
	font-size: 13px;
	font-family: Corbel, Calibri, sans serif;
	margin-top: 5px;
	float: right;
	display: none;
}

div.bubble_1_p	{
	background-image: url('../images/orange/petite_bulle_verte.png');
	width: 73px;
	height: 46px;
	padding: 12px;
	padding-left: 17px;
	margin-right: 80px;
}

div.bubble_1_g	{
	background-image: url('../images/orange/big_bulle_verte.png');
	width: 114px;
	height: 67px;
	padding: 17px;
	padding-left: 19px;
	margin-right: 57px;
}

div#employe img	{
	margin-top: 40px;
	float: right;
	margin-right: 40px;
}

div#bulle_2_droppable	{
	background-image: url('../images/orange/bulle_employe.gif');
	height: 139px;
	width: 209px;
	margin-top: 20px;
	margin-left: 45px;
}

div.mini_bulle_2	{
	font-size: 13px;
	font-family: Corbel, Calibri, sans serif;
	margin-top: 5px;
	display: none;
}

div.bubble_2_p	{
	background-image: url('../images/orange/petite_bulle_mauve.png');
	width: 97px;
	height: 46px;
	padding: 18px 7px;
	padding-left: 18px;
	margin-left: 90px;
}

div.bubble_2_g	{
	background-image: url('../images/orange/big_bulle_mauve.png');
	width: 111px;
	height: 60px;
	padding: 21px;
	margin-left: 75px;
}

div#encadre_items	{
	height: 178px;
	width: 695px;
	position: absolute;
	bottom: 10px;
	padding-left: 115px;
	padding-right: 100px;
	padding-top: 6px;
}

div#encadre_items div.item_draggable	{
	float: left;
	background-image: url('../images/encadre_drag.gif');
	width: 151px;
	height: 63px;
	font-family: Corbel, Calibri, sans serif;
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	margin-left: 45px;
	margin-bottom: 4px;
	cursor: pointer;
	cursor: hand;
}

#rangee2	{
	padding-left: 110px;
}

div#encadre_items  #phrase1, div#encadre_items  #phrase5	{
	height: 53px;
	padding-top: 20px;
}

p#msg_erreur,h4#msg_bravo	{
	clear:both;
	text-align:center;
	font-family: Corbel, Calibri, sans serif;
	font-size: 18px;
	color: #c86e00;
	display: none;
}

h4#msg_bravo	{
	color: #00457c;
	font-size: 24px;
	position: absolute;
	left: 200px;
	bottom: 80px;
}