body{
	background: url(bg1.jpg) no-repeat;
	
}



h1{
	background-color: orange;
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
	font-size: 40px;
	text-align: center;
	font-family: 'Pacifico', cursive;
}

#contenu h2{
padding-top: 10px;
font-size: 30px;
font-family: 'Comic Neue', cursive;
padding: 5px;
}

.bordure{
	border-right: dashed 1px black;
}
#contenu p{
	padding: 5px;
	

}
.container{
-webkit-box-shadow: 0 2px 5px 3px #696767;
box-shadow: 0 2px 5px 3px #696767;
}

#contenu{
	background: rgba(255,255,255,0.2);
}


#menu{
	background-color: orange;
}
.nav-item:hover {
	background-color: white;
}
a{
	color: blue;
	text-decoration: none;

}

@media screen and (max-width:576px){
 	.bordure{
 		border: none;
 		border-bottom: dashed 1px black; 
 	}

}






footer{
	padding-top: 5px;
	background-color: orange;
	text-align: center;
	font-size: 13px;
}