body {
  font-family: arial, sans-serif;
}

article {
  display: none;
  position: relative;
  /* top: 30px; */
  max-width: 960px;
  /*background-color: #fff;*/
  padding: 20px;
  margin: auto;
}
article date {
  display: block;
  text-align: right;
  padding-top: 10px;
}
article h2 {
  font-family: merriweather, sans-serif;
  /*font-size: 5rem; */
  padding: 10px 0;
  border-bottom: solid #111 2px;
  margin-bottom: 20px;
}
article p {
  line-height: 130%;
  font-size: 160%;
}

button:focus {
	outline: none;
}

/* Bouton Menu */
#Bouton_Menu{
	width: 50px;
	height: auto;
	position: absolute;
	left: 0;
	margin-top: 27px;
	margin-left:15px;
	z-index: 100;
	display: inline-block;
	border: none;
	color: #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-family: Verdana, serif;
	font-size: 16px;
	padding: 8px 16px;
	box-shadow: inset 0 1px 1px 0 #90ADD2,0 5px 0 0 #223955,0 8px 5px 0 #B3B3B3;
	-moz-box-shadow: inset 0 1px 1px 0 #90ADD2,0 5px 0 0 #223955,0 8px 5px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 1px 0 #90ADD2,0 5px 0 0 #223955,0 8px 5px 0 #B3B3B3;
	text-shadow: 0 1px 0 #48576D;
	background-image: linear-gradient(to top, #5884BC, #395e8d);
	background-color: #4471a9;
	text-decoration: none;
	text-align: center;
}
#Bouton_Menu:hover, #Bouton_Menu:active{
	 border: none;
	 color: #FFF;
	 box-shadow: inset 0 1px 0 0 #90ADD2,0 2px 0 0 #223955,0 4px 3px 0 #6B6B6B;
	 -moz-box-shadow: inset 0 1px 0 0 #90ADD2,0 2px 0 0 #223955,0 4px 3px 0 #6B6B6B;
	 -webkit-box-shadow: inset 0 1px 0 0 #90ADD2,0 2px 0 0 #223955,0 4px 3px 0 #6B6B6B;
	 background-color: #395e8d;
}