body{
	font:normal 90% "Trebuchet MS", Verdana;
}

#conteneur{	
	background:url(../img/MasterChief2.png) center 0 no-repeat;
	height:2100px; /*exprimé en px car sorti du flux courant*/
	width:100%; /* 1500 */
	margin:0 auto;
}

.bg{
	margin:0 auto;
	background-size:cover;
}

#content{
	width:100%;
	z-index:30;
}

#logo{
	text-align:center;
}
	
#logo img{
	width:49.06666666%; /* 736 */
	height:auto; 
	max-width:736px;
	min-width:261px;
}
	
#accroche{
	text-align:center;
	margin-top:80px;
}
	
#accroche .accroche{
	font-family:"Times New Roman", Times, Serif;
	font-size:2em;
	color:black;
}
	
#accroche p{
	color:white;
	font-size:3em;
	margin-top:30px;
}

h2{
	color:white;
}

#rub1, #rub2{
	position:absolute;
	color:#fff;
	width:40%; /* 600 */
	margin:0 auto;
	background-color:rgba(0, 0, 0, 0.9);
	padding:50px;
	border:solid 5px #50345B;
	border-radius:7px;
}

#rub1{
	top:800px;
	left:15%;
	display:none
}

#rub2{
	top:1400px;
	left:10%;
	display:none;
}

/*==============================================================================*/


#image1{
	position:absolute;
	top:700px;
	left:20px;
	width:42%; /* 630 */
	height:auto;
	max-width:630px;
	margin-left:10px;
}

#image2{
	position:absolute;
	top:1000px;
	right:20px;
	width:37.8%; /* 567 */
	height:auto;
	max-width:567px;
}

#image3{
	position:absolute;
	top:1600px;
	left:20px;
	width:56.66666666%; /* 850 */
	height:auto;
	max-width:850px;
}

#image4{
	position:absolute;
	top:1270px;
	right:20px;
	width:38.4%; /* 576 */
	height:auto;
	max-width:576px;
}

#image5{
	position:absolute;
	top:1300px;
	left:20px;
	width:37.8%; /* 567 */
	height:auto;
	max-width:567px;
}

#info{
	position:fixed;
	top:0;
	left:0;
}

@media screen and (max-width:850px){
	#rub1{left:7%;top:500px;}
	#rub2{left:5%;}
	/*#image5{top:2200px;}*/

@media screen and (max-width:400px){
	#rub1{top:450px;}
	/*#conteneur{background:url(../img/MasterChief3.jpg) center 0 no-repeat;height:2000px}*/

}