/* virtuelmentions.css */

	nav{top:0%; left:0%; height:25%; width:100%; position:fixed;}

	body{position:absolute; top:26%; left:1%; width:95%; text-align:center;}

	nav, .numpage{background-image: linear-gradient(rgb(234,236,199), black); color:black; text-align:center; border:1px black solid; list-style:none;}


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

	body{background: url("../images/fonds/mentions1.jpg") fixed no-repeat;
	font-family: Calibri, Arial, "Arial Black", "Comic Sans MS", "Courier New", Georgia, Impact, "Times New Roman", "Trebuchet MS", Verdana, sans-serif;}

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

	.numpage{position:absolute; text-decoration:none; font-size:2.5vw; color:white; top:10%; left:56%; width:22%}

	.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;}

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

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


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

	body{background: url("../images/fonds/mentions2.jpg") fixed no-repeat;
	font-family: Calibri, Arial, "Arial Black", "Comic Sans MS", "Courier New", Georgia, Impact, "Times New Roman", "Trebuchet MS", Verdana, sans-serif;}

	h4{font-size:2.3vw; color:white; width:60%;}

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

	.numpage{position:absolute; text-decoration:none; font-size:2.8vw; color:white; top:12%; left:60%; width:22%}

	.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;}

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

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


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

	body{background: url("../images/fonds/mentions3.jpg") fixed no-repeat;
	font-family: Calibri, Arial, "Arial Black", "Comic Sans MS", "Courier New", Georgia, Impact, "Times New Roman", "Trebuchet MS", Verdana, sans-serif;}

	h4{font-size:1.3vw; color:white; width:35%;}

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

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

	.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;}

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

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


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

	body{background: url("../images/fonds/mentions4.jpg") fixed no-repeat;
	font-family: Calibri, Arial, "Arial Black", "Comic Sans MS", "Courier New", Georgia, Impact, "Times New Roman", "Trebuchet MS", Verdana, sans-serif;}

	h4{font-size:1.3vw; color:white; width:35%;}

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

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

	.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;}

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

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