/* virtuelpropos.css */

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

	nav, .numpage, .creation, .gildas{background-image: linear-gradient(rgb(110,6,55), black); color:white; 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/propos1.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;}
	body{position:absolute; top:30%; left:10%; width:70%; text-align:center;}

	h4{font-size:3vw; color:white; width:80%;}

	.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:3vw; color:white; top:10%; left:56%; width:19%}

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

	.ma{position:fixed; top:9%; left:88%; width:5%;}
	.mb{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;}

	.moi{position:fixed;top:40%; left:66%; width:20%; opacity:0;}
	.creation{position:fixed; top:70%; left:62%; width:30%; opacity:0;}

	.banniereb:hover, .banniereb:focus, .ab:hover, .ab:focus, .mb:hover, .mb: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/propos2.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;}
	body{position:absolute; top:30%; left:3%; width:55%; text-align:center;}

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

	.ma{position:fixed; top:9%; left:93%; width:4%;}
	.mb{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;}

	.moi{position:fixed;top:40%; left:66%; width:20%;}
	.creation{position:fixed; top:85%; left:62%; width:30%; font-size:2vw;}

	.banniereb:hover, .banniereb:focus, .ab:hover, .ab:focus, .mb:hover, .mb: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/propos3.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;}
	body{position:absolute; top:30%; left:3%; width:35%; text-align:center;}

	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:14%}

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

	.ma{position:fixed; top:9%; left:93%; width:3%;}
	.mb{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;}

	.moi{position:fixed;top:40%; left:70%; width:15%;}
	.creation{position:fixed; top:30%; left:68%; width:18%; font-size:1.2vw;}
	.gildas{position:fixed; top:85%; left:61%; width:30%; font-size:1.2vw;}

	.banniereb:hover, .banniereb:focus, .ab:hover, .ab:focus, .mb:hover, .mb: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/propos4.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;}
	body{position:absolute; top:30%; left:3%; width:35%; text-align:center;}

	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:14%}

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

	.ma{position:fixed; top:9%; left:93%; width:3%;}
	.mb{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;}

	.moi{position:fixed;top:40%; left:70%; width:15%;}
	.creation{position:fixed; top:30%; left:68%; width:18%; font-size:1.2vw;}
	.gildas{position:fixed; top:85%; left:61%; width:30%; font-size:1.2vw;}

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