article{   box-sizing: border-box;left:25%; width:500px; height: auto; padding:20px; border-bottom: 10px solid transparent; 
  margin: auto; font-family: 'Raleway', sans-serif; color:white; background-color:#242424; }
article:hover{background-color:#6E6E6E;}
body{ background-color: #000000;}
.pomme { color:#761111; background-color:#cacaca; width:900px;}
h1{ color:#FFFFFF; text-align:center; font-size:50px; text-shadow:6px  6px rgba(0,0,0,0.80)}
h3{ color:#FFFFFF; text-align:center; font-size:30px; text-shadow:6px  6px rgba(0,0,0,0.80)}
a{display: block;
    margin-left: auto;
    margin-right: auto;text-decoration:none; color:rgb(82, 82, 82);transition:ease-in 0.3s}
a:active{color:rgba(8,0,116,1.00);}
a:hover{color:rgb(211, 211, 211); transition:ease-in 0.5s}

ul { list-style:none; background-color:#F1BF2C; 
  float:left; font-family: 'Raleway', sans-serif; padding:15px; }
#menu{ position:fixed;top:200px; left:40px; }