/* virtuelaffiche5.css */

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

	.p3a{position:fixed; top:10%; left:6%; width:10%;}
	.p3b{position:fixed; top:10%; left:6%; width:10%; opacity:0;}

	.p4a{position:fixed; top:10%; left:18%; width:10%;}
	.p4b{position:fixed; top:10%; left:18%; width:10%; opacity:0;}

	.p6a{position:fixed; top:10%; left:30%; width:10%;}
	.p6b{position:fixed; top:10%; left:30%; width:10%; opacity:0;}

	.p7a{position:fixed; top:10%; left:42%; width:10%;}
	.p7b{position:fixed; top:10%; left:42%; width:10%; opacity:0;}

	.p3b:hover, .p3b:focus, .p4b:hover, .p4b:focus, .p6b:hover, .p6b:focus, .p7b:hover, .p7b:focus{opacity:1;}}


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

	.p3a{position:fixed; top:11%; left:7%; width:8%;}
	.p3b{position:fixed; top:11%; left:7%; width:8%; opacity:0;}

	.p4a{position:fixed; top:11%; left:17%; width:8%;}
	.p4b{position:fixed; top:11%; left:17%; width:8%; opacity:0;}

	.p6a{position:fixed; top:11%; left:27%; width:8%;}
	.p6b{position:fixed; top:11%; left:27%; width:8%; opacity:0;}

	.p7a{position:fixed; top:11%; left:37%; width:8%;}
	.p7b{position:fixed; top:11%; left:37%; width:8%; opacity:0;}

	.p3b:hover, .p3b:focus, .p4b:hover, .p4b:focus, .p6b:hover, .p6b:focus, .p7b:hover, .p7b:focus{opacity:1;}}


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

	.p3a{position:fixed; top:10%; left:52%; width:5%;}
	.p3b{position:fixed; top:10%; left:52%; width:5%; opacity:0;}

	.p4a{position:fixed; top:10%; left:58%; width:5%;}
	.p4b{position:fixed; top:10%; left:58%; width:5%; opacity:0;}

	.p6a{position:fixed; top:10%; left:64%; width:5%;}
	.p6b{position:fixed; top:10%; left:64%; width:5%; opacity:0;}

	.p7a{position:fixed; top:10%; left:70%; width:5%;}
	.p7b{position:fixed; top:10%; left:70%; width:5%; opacity:0;}

	.p3b:hover, .p3b:focus, .p4b:hover, .p4b:focus, .p6b:hover, .p6b:focus, .p7b:hover, .p7b:focus{opacity:1;}}