body {
background: url(fond.jpg) no-repeat;
background-size: 1920px 1800px;
}

@media(max-width: 767px) {
	div.imagelien {
		float: center;
		width: 90%;
	}
	
	h1 {
		text-decoration: none;
        color: red;
	}
}

h1 {
  border-bottom: 5px solid;
  border-color: black;
  background-color:white;
  color: black;
  text-align: center;
  font-family:MV Boli;
  font-size: 52px;
  font-style:normal;
  margin-left:5%;
  margin-right:5%;
  margin-top:3%;
  background: rgba(255, 255, 255, 0.5);
}

p {
  border: 2px solid;
  border-radius: 2px;
  border-color: #444444;
  color: black;
  font-family:trebuchet ms;
  font-size: 20px;
  text-align: center;
  font-weight:bold;
  margin-left:200px;
  margin-right:200px;
  margin-top:25px;
}

div.Texte {
color:black;
text-align:center;
font-size:20px;
font-family:trebuchet ms;
padding:10px;
border-bottom: 2px solid;
border-color: black;
margin-left: 5%;
margin-right: 5%;
margin-top:20px;
margin-bottom:20px;
}

div.imagelien {
border: 1px solid #444444;
margin-left: 4%;
margin-right: 1.2%;
margin-bottom:25px;
margin-top:20px;
float: left;
width: 19%;
height: auto;
text-align: center;
box-shadow: 5px 5px 35px;
}

div.imagelien img {
height: auto;
width: 100%;
border-bottom: 1px solid #444444;
}

div.imagelien:hover {
opacity:0.6;
}

a {
text-decoration: none;
color: black;
}

div.lien {
padding: 5px;
color:black;
font-family:trebuchet ms;
text-align: center;
font-size:20px;
}

div.pic {
margin-top:60px;
}

div.pic img {
border-bottom: 1px solid #444444;
margin-left: 5%;
margin-right: 5%;
width:90%;
height:auto;
border: 2px solid #444444;
border-radius: 5px;
}

div.txt {
color:black;
text-align:center;
font-size:18px;
font-family:calibri;
padding:10px;
border-top: 1px solid;
border-color: black;
margin-left: 5%;
margin-right: 5%;
margin-top: 33%;
}