/* virtuelpetitboutonquoitesse.css */


@media screen and (min-width: 150px) and (max-width: 700px){img{width:100%;}

	.bannierea{position:absolute; top:0%; left:2%; width:45%;}
	.banniereb{position:absolute; top:0%; left:2%; width:45%; opacity:0;}

	.aa{position:fixed; top:2%; left:88%; width:5%;}
	.ab{position:fixed; top:2%; left:88%; width:5%; opacity:0;}

	.pa{position:fixed; top:9%; left:88%; width:5%;}
	.pb{position:fixed; top:9%; left:88%; width:5%; opacity:0;}

	.ma{position:fixed; top:16%; left:88%; width:5%;}
	.mb{position:fixed; top:16%; left:88%; width:5%; opacity:0;}

	.quoitesse{position:absolute; text-decoration:none; font-size:3vw; color:white; top:10%; left:65%; width:15%}

	.ab:hover, .ab:focus, .banniereb:hover, .banniereb:focus, .mb:hover, .mb:focus, .pb:hover, .pb:focus{opacity:1;}}


@media screen and (min-width: 701px) and (max-width: 1000px){img{width:100%;}

	.bannierea{position:absolute; top:0%; left:2%; width:45%;}
	.banniereb{position:absolute; top:0%; left:2%; width:45%; opacity:0;}

	.aa{position:fixed; top:1%; left:93%; width:4%;}
	.ab{position:fixed; top:1%; left:93%; width:4%; opacity:0;}

	.pa{position:fixed; top:9%; left:93%; width:4%;}
	.pb{position:fixed; top:9%; left:93%; width:4%; opacity:0;}

	.ma{position:fixed; top:17%; left:93%; width:4%;}
	.mb{position:fixed; top:17%; left:93%; width:4%; opacity:0;}

	.quoitesse{position:absolute; text-decoration:none; font-size:2.8vw; color:white; top:12%; left:70%; width:15%}

	.ab:hover, .ab:focus, .banniereb:hover, .banniereb:focus, .mb:hover, .mb:focus, .pb:hover, .pb:focus{opacity:1;}}


@media screen and (min-width: 1001px) and (max-width: 2500px){img{width:100%;}

	.bannierea{position:absolute; top:0%; left:2%; width:45%;}
	.banniereb{position:absolute; top:0%; left:2%; width:45%; opacity:0;}

	.aa{position:fixed; top:1%; left:93%; width:3%;}
	.ab{position:fixed; top:1%; left:93%; width:3%; opacity:0;}

	.pa{position:fixed; top:9%; left:93%; width:3%;}
	.pb{position:fixed; top:9%; left:93%; width:3%; opacity:0;}

	.ma{position:fixed; top:17%; left:93%; width:3%;}
	.mb{position:fixed; top:17%; left:93%; width:3%; opacity:0;}

	.quoitesse{position:absolute; text-decoration:none; font-size:1.8vw; color:white; top:4%; left:60%; width:10%}

	.ab:hover, .ab:focus, .banniereb:hover, .banniereb:focus, .mb:hover, .mb:focus, .pb:hover, .pb:focus{opacity:1;}}


@media screen and (min-width: 2501px) and (max-width: 8000px){img{width:100%;}

	.bannierea{position:absolute; top:0%; left:2%; width:45%;}
	.banniereb{position:absolute; top:0%; left:2%; width:45%; opacity:0;}

	.aa{position:fixed; top:1%; left:93%; width:3%;}
	.ab{position:fixed; top:1%; left:93%; width:3%; opacity:0;}

	.pa{position:fixed; top:9%; left:93%; width:3%;}
	.pb{position:fixed; top:9%; left:93%; width:3%; opacity:0;}

	.ma{position:fixed; top:17%; left:93%; width:3%;}
	.mb{position:fixed; top:17%; left:93%; width:3%; opacity:0;}

	.quoitesse{position:absolute; text-decoration:none; font-size:1.8vw; color:white; top:4%; left:60%; width:10%}

	.ab:hover, .ab:focus, .banniereb:hover, .banniereb:focus, .mb:hover, .mb:focus, .pb:hover, .pb:focus{opacity:1;}}