body{margin:0;padding:0;    }

	#wrapper{margin: 0 auto;text-align:center;    }

	#framed{position:relative;width:800px; height:600px;position:absolute;top:-300px;left:-300px;z-index:1    ;}
	/*#framed{position:relative;width:1000px; height:1150px;position:absolute;top:-420px;left:-240px;z-index:1    ;}*/

	/* avant de gérer via JS cf plus bas...

	#framed{position:relative;width:1000px; height:1300px;position:absolute;top:-555px;left:-240px;z-index:1    ;}

	 valait 760px */

@media only screen and (min-width: 200px) {

	#point{position:absolute;color:#3a6ea5;top:347px;left:430px;z-index:2 ;font-size:30px;}

	#cercle{position:absolute;color:#3a6ea5;top:245px;left:318px;z-index:4 ;font-size:30px;}

	#texte{position:absolute;margin-right: 10px;background-color: white;color:#3a6ea5;

	top:652px;left:122px;width:116px;height:18px;z-index:3;

	font-family:sans-serif;font-size:16px;font-weight: bold;}

	#avert{position:absolute;margin-right: 10px;color:silver;

	top:686px;left:160px;width:150px;height:18px;z-index:3;

	font-family:sans-serif;font-size:16px;font-style: italic;text-decoration: none; display:none;}

}