/* virtuelpetitboutonaffiche.css */


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

	h4{font-size:3vw; color:white; width:80%;}
	.numpage{position:absolute; text-decoration:none; font-size:3vw; color:white; top:10%; left:77%; width:19%}
	.banniere{position:absolute; top:0%; left:2%; width:70%;}
	.journalier{position:fixed; top:17%; left:6%; width:25%; font-size:1.5vw; opacity:0;}

	.patacoule{position:fixed; opacity:0;}
	.patacoule{top:35%; left:47%; width:17%; opacity:0;}

	.pa{position:fixed; top:11%; left:74%; width:8%;}
	.pb{position:fixed; top:11%; left:74%; width:8%; opacity:0;}

	.qa{position:fixed; top:11%; left:84%; width:8%;}
	.qb{position:fixed; top:11%; left:84%; width:8%; opacity:0;}

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

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


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

	h4{font-size:2.3vw; color:white; width:60%;}
	.numpage{position:absolute; text-decoration:none; font-size:2.8vw; color:white; top:12%; left:70%; width:17%}
	.banniere{position:absolute; top:0%; left:2%; width:60%;}
	.journalier{position:fixed; top:17%; left:6%; width:25%; font-size:1.5vw; opacity:0;}

	.patacoule{position:fixed; opacity:0;}
	.patacoule{top:35%; left:47%; width:17%; opacity:0;}

	.pa{position:fixed; top:12%; left:74%; width:7%;}
	.pb{position:fixed; top:12%; left:74%; width:7%; opacity:0;}

	.qa{position:fixed; top:12%; left:82%; width:7%;}
	.qb{position:fixed; top:12%; left:82%; width:7%; opacity:0;}

	.ma{position:fixed; top:12%; left:90%; width:7%;}
	.mb{position:fixed; top:12%; left:90%; width:7%; opacity:0;}

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


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

	h4{font-size:1.3vw; color:white; width:35%;}
	.numpage{position:absolute; text-decoration:none; font-size:1.8vw; color:white; top:4%; left:60%; width:10%}
	.banniere{position:absolute; top:0%; left:2%; width:45%;}
	.journalier{position:fixed; top:17%; left:6%; width:25%; font-size:1.5vw;}

	.patacoule{position:fixed;}
	.patacoule{top:35%; left:47%; width:17%;}

	.pa{position:fixed; top:10%; left:83%; width:3.5%;}
	.pb{position:fixed; top:10%; left:83%; width:3.5%; opacity:0;}

	.qa{position:fixed; top:10%; left:88%; width:3.5%;}
	.qb{position:fixed; top:10%; left:88%; width:3.5%; opacity:0;}

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

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