/* virtuelquoitesse16.css */

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

.b14a{position:fixed; top:10%; left:6%; width:10%;}
.b14b{position:fixed; top:10%; left:6%; width:10%; opacity:0;}

.b15a{position:fixed; top:10%; left:18%; width:10%;}
.b15b{position:fixed; top:10%; left:18%; width:10%; opacity:0;}

.b17a{position:fixed; top:10%; left:30%; width:10%;}
.b17b{position:fixed; top:10%; left:30%; width:10%; opacity:0;}

.b18a{position:fixed; top:10%; left:42%; width:10%;}
.b18b{position:fixed; top:10%; left:42%; width:10%; opacity:0;}

 h1{font-size:2.5vw; color:white; width:100%;}

.q31{position:fixed; top:35%; left:5%; width: 40%;}
.q32{position:fixed; top:35%; left:55%; width: 40%;}

.titregauche{position:fixed; top:25%; left:5%; color:white;}
.titredroite{position:fixed; top:25%; left:55%; color:white;}

  .b14b:hover, .b14b:focus, .b15b:hover, .b15b:focus, .b17b:hover, .b17b:focus, .b18b:hover, .b18b:focus{opacity:1;}}


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

.b14a{position:fixed; top:12%; left:7%; width:6%;}
.b14b{position:fixed; top:12%; left:7%; width:6%; opacity:0;}

.b15a{position:fixed; top:12%; left:17%; width:6%;}
.b15b{position:fixed; top:12%; left:17%; width:6%; opacity:0;}

.b17a{position:fixed; top:12%; left:27%; width:6%;}
.b17b{position:fixed; top:12%; left:27%; width:6%; opacity:0;}

.b18a{position:fixed; top:12%; left:37%; width:6%;}
.b18b{position:fixed; top:12%; left:37%; width:6%; opacity:0;}

 h1{font-size:2vw; color:white; width:100%;}

.q31{position:fixed; top:35%; left:5%; width:40%;}
.q32{position:fixed; top:35%; left:55%; width:40%;}

.titregauche{position:fixed; top:25%; left:5%; color:white;}
.titredroite{position:fixed; top:25%; left:55%; color:white;}

  .b14b:hover, .b14b:focus, .b15b:hover, .b15b:focus, .b17b:hover, .b17b:focus, .b18b:hover, .b18b:focus{opacity:1;}}


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

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

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

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

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

 h1{font-size:1.8vw; color:white; width:100%;}

.q31{position:fixed; top:40%; left:5%; width:40%;}
.q32{position:fixed; top:40%; left:55%; width:40%;}

.titregauche{position:fixed; top:25%; left:5%; color:white;}
.titredroite{position:fixed; top:25%; left:55%; color:white;}

  .b14b:hover, .b14b:focus, .b15b:hover, .b15b:focus, .b17b:hover, .b17b:focus, .b18b:hover, .b18b:focus{opacity:1;}}


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

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

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

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

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

 h1{font-size:1.8vw; color:white; width:100%;}

.q31{position:fixed; top:40%; left:5%; width:40%;}
.q32{position:fixed; top:40%; left:55%; width:40%;}

.titregauche{position:fixed; top:25%; left:5%; color:white;}
.titredroite{position:fixed; top:25%; left:55%; color:white;}

  .b14b:hover, .b14b:focus, .b15b:hover, .b15b:focus, .b17b:hover, .b17b:focus, .b18b:hover, .b18b:focus{opacity:1;}}