.conteneur{
	background-color:white;
	display:block;
	width:100%;
	height:800px;
	position:absolute;
	top:0%;
	left:0%;
	background-image: url('image de fond.png');
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
}
.n-affiche{
	display: none;
}
.conteneur-mobil{
	display:none;
}
@media screen and (max-width:414px){
.conteneur{
	display:none;	
}
.conteneur-mobil{
	display:block;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:1300px;
	background-color:white;
	text-align: center;
}
.grande-baniere-mobil{
	display:block;
	position: fixed;
	top:0%;
	left:0%;
	background-color:blue;
	text-align: center;
	color:white;
	width:100%;
	height:50px;
}
.title-1-mobil{
	position:absolute;
	top:1%;
	left:2%;
	font-family:cursive;
	font-weight:bold;
}
#ghost-mobil{
	position:absolute;
	top:4%;
	left:88%;
	width:35px;
	height:auto;
	border-radius:2px;
	
}
.htitre-mobil{
margin-top:25%;
color:blue;

}
.affiche-mobil{
	margin-top:25%;
	display: block;

}
.extrait-mobil{
	display:block;
	margin-top:3%;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 5%;
	width:93%;
	height:250px;
	border:1px dashed blue;
	justify-items: center;
	text-align: center;
	border-radius:3px;
}
#bulletin-mobil{
  display:block;
  width:120px;
  height: auto;
  margin-top:4%;
}
.first-link-mobil{
	text-decoration:none;
	color:white;
	text-align: center;
	border:1px solid blue;
	background-color:blue;
	width:70%;
	height: 30px;
	margin-top:10%;
	display: block;
	padding-top:7px;
	font-weight:bold;
	font-size:110%;
}


}

.ghost{
	display:none;
}



.grande-baniere{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:50px;
	background-color:blue;
	color:white;
	text-align:center;
	font-weight:bold;
	font-size:110%;
}
h1{
	margin-top:5%;
	color:white;
	font-family:cursive;
	font-style:italic;
}
.title-1{
	position:absolute;
	top:2%;
	left:2%;
	color:white;
	font-family:cursive;
	font-weight:bold;
	font-size:110%;
}

#ghost{
	position: absolute;
	top:1%;
	left:97%;
	width:30px;
	height:auto;
	border-radius:50px;
	z-index: 2;
}
.affiche{
	position:absolute;
	top:20%;
	left:15%;
	width:69%;
	height:300px;
	border:1px solid white;
	display:block;
	padding: 4%;
	justify-items: center;
	text-align: center;
	opacity:0.8;
	background-color:white;
}
.extrait{
	display:inline-block;
	vertical-align: top;
	width:30%;
	height:300px;
	
	margin:5%;
	justify-items: center;
	text-align: center;
}
#bulletin{
	display:block;
	width:120px;
	height:auto;
	margin-top:4%;
	margin-bottom:4%;
}
.first-link{
	text-decoration: none;
	display:block;
	color:white;
	text-align: center;
	background-color:blue;
	border:1px solid blue;
	width:250px;
	height:30px;
	margin-top:10%;
	font-weight:bold;
	padding:5px;
	font-size:130%;

}