*{
	box-sizing:border-box;
	}

nav {
	background:url("../images/fondmenu.jpg") repeat-x;
	position:static;
	bottom:0;
	width:100%;
	padding:1.5em 0 0 0;
	text-align:right;
	}
	
	iframe {
border:0;
}

.first {
margin-bottom: -203px;
}

caption 

legend {
color:white;
font-size: 24px;
}

#field {
border:0;
}

#envoyercontact input:hover {
color:red; 
}

#logo {
	padding: 0  0 0 0;
	margin: 0 0 0 0;
	float:left;
	position:absolute;
	top:3px;
	right:68%;
	width:200px;
	}

#presentation {
	padding-top:3em;
	}
	
#banniere {
	background:url("../images/banniere.jpg") no-repeat 15% 30%;
	background-size: cover;
	height:650px;
	}

	
#banniere2 {
	background:url("../images/fond.jpg") no-repeat 15% 30%;
	background-size: cover;
	height:320px;
	text-align:center;
	font-size: 30px;
	}
	
#banniere3 {
	background:url("../images/fond2.jpg") no-repeat 15% 30%;
	background-size: cover;
	height:auto;
	text-align:center;
	font-size: 15px;
	padding:3px;
	}

#banniere2 p {
	padding: 2px 0 0 0;
	}

#banniere2 img {
	margin: auto 10px 0 10px;
	}

.selection {
	color:#33ff33;
	}
	
body {
    margin: 0;
    height: 100%;
    color: #fff;
    background: url("../images/fond.jpg") no-repeat 15% 30%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
	}
	
html {
	height:100%;
	}

.conteneur1 {
			margin:0 auto;
			width:960px;
			}

.conteneur2 {
			margin:0 auto;
			width:960px;
			text-align:center;
			}
			
.conteneur3 {
			margin:0 auto;
			width:960px;
			text-align:center;
			}

.conteneur3 a {
	color:#049BFF;
	}
	
ul {
	list-style:none;
	padding:0;
	}
	
li {
	display:inline;
	margin:15px 20px 10px;
	}
	
.texte {
	font-size:x-large;
	}
	
a {
	color:#fff;
	text-decoration:blink;
	}
	
a:hover {
		text-decoration:underline
		}

figure {
			margin:50px 0;
	}

#ban {
		padding:50px 0 0;
		position:absolute;
		right:45%;
		}
		
#ban2 {
		padding:60px 0 0;
		float:right;
		margin-top:100px;
		text-align:right;
		}

#image1 {
		display:inline-block;
		margin-right:10px;
		}
		
#image2 {
		display:inline-block;
		margin-left:10px;
		}
		
#video1 {
		display:inline-block;
		margin-right:10px;
		}
		
#video2 {
		display:inline-block;
		margin-left:10px;
		}
		
.conteneur3 figure{
	margin:50px 0 0 0;
	}
		
		
footer {
		text-align:center;
		padding:20px 0 10px 0;
}

footer p {
		margin: 0;
		}
		
	
/* RESPONSIVE */

@media screen and (max-width: 980px) 
	{
	
	img {
		max-width:100%;
		}
	
	#image1 {
		position:static;
		display:block;
		margin-right:0px;
		}
		
	#image2 {
		position:static;
		display:block;
		margin-left:0px;
		}
	
	#video1 {
		position:static;
		display:block;
		margin-right:0px;
		}
		
	#video2 {
		position:static;
		display:block;
		margin-left:0px;
		}
	
	.conteneur2 {
			margin:0 auto;
			width:auto;
			text-align:center;
			}
	
	.conteneur1 {
			margin:0 auto;
			width:auto;
			}
			
	.conteneur3 {
			margin:0 auto;
			width:auto;
			text-align:center;
			}
			
	#ban {
		display:none;
		}
		
	#ban2 {
		padding:0 0 0;
		margin-top:auto;
		right:50%;
		float:none;
		}
	
	#banniere {
	background:url("../images/banniere.jpg") no-repeat 15% 30%;
	background-size: cover;
	height:auto;
	overflow:auto;
	}
	
	#banniere2 {
	background:url("../images/fond.jpg") no-repeat 15% 30%;
	background-size: cover;
	height:auto;
	text-align:center;
	font-size: 30px;
	overflow:auto;
	}
	
	body {
	text-align:center;
	}

	}
	
@media screen and (max-width: 650px) 
	{
	
		#logo {
	display:none;
	}
		
		#menuminecraft {
	text-align:center;	
	}
	
	}
	
/* RESPONSIVE pour petit écran*/
	
@media screen and (max-width: 500px) 
	{
	
	#banniere2 img {
		max-width:85%;
		}
	    .menu {
        width:100%;
        padding:13px 3px;
		}
	
			#menuminecraft {
	text-align:center;	
	}
	
	}