/* mise en forme mascotte et paragraphes typing effects */

/* mascotte gauche */

#left {
	position:relative;
	top:200px;
	left:200px;
}

#right {
	position:relative;
	top:50px;
	left:700px;
}

#leftbubble {
	position:relative;
	top:-90px;
	left:320px;
}

#rightbubble {
	position:relative;
	top:-250px;
	left:410px;
}


#typedtext {	
	font-size:20px;
	position:absolute;
	top:190px;
	left:545px;
	width:245px;
	text-align:center;
	
	font-weight:bold;
	text-decoration:underline;
}

#typedtext2 {
	font-size:20px;
	position:absolute;
	top:365px;
	left:650px;
	width:240px;
	text-align:center;
	font-style:italic;
	text-decoration:underline;
}

#accueil a {
	color:black;
}

#accueil a:hover {
	color:rgb(63,165,235);
	cursor:pointer;


}