body{margin:0 auto; font-family: 'Source Sans Pro', sans-serif;}
h1{font-family: 'Raleway', sans-serif;}
#header{background:#333;width:100%;height:80px;}
.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  color:white;
}
.menu{
	list-style:none;
	float:left;
	padding:10px;
	font-size:16px;
	cursor:pointer;
	text-align:right;
	font-family: 'Raleway', sans-serif;
}
.menu:hover{
	background:white;
	color:black;
	
}
.menu a{color:white;}
a{color:white;}
a:hover{color:white;text-decoration:underline;}
#titre-img{
	
	color:white;
	font-size:30px;
	z-index:99;
	padding-top:280px;
	margin:0 auto;
	text-align:center;
	filter: brightness(150%);
	
}
.test{
background-image: url('../img/home.jpg');
background-position: center;
  background-size: cover;
  background-repeat: no-repeat;  
 width:100%;
 height:600px; 
  filter: brightness(70%); 
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  }
#center{
	display: grid;
	width:80%;
	margin:0 auto;
	grid-template-columns: repeat(3, 1fr);

}
#englobebox{
	width:100%;
	background:#F5F5F5;
	min-height:400px;
}
.box{text-align:center;background:#F5F5F5;}
#titrecadre{
	font-size:28px;
	
}
#pourquoi{
	width:80%;
	margin:0 auto;
	margin-top:80px;
	
}
#footer{
	width:100%;
	height:300px;
	background:#333;
	margin-top:90px
}

#center1{
	display: grid;
	width:80%;
	margin:0 auto;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 10px;
	  grid-row-gap: 10px;

}
.box1{text-align:center;}
#titrecadre1{
	font-size:18px;
	
}