html, body {
 margin: 20px;
 padding: 20px;
 }
 
body {
 background-color: rgb(4, 43, 17); 
 font-family: Verdana, sans-serif; 
 font-size: 100%;
 }
 
ul#menu_horizontal {  /*Ici , c'est ma configuration, à vous de la changer */
width : 900px;
height : 25px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
li.bouton_gauche {
float : left;
}
li.bouton_droite {
float : right;
}
 
h1 {
 font-size: 200%; 
 color: rgb(214, 19, 19); 
 text-align: center;
 }
h2 {
 font-size: 150%; 
 color: rgb(255, 72, 0); 
 padding-left: 15px;
 }
p,ul,li,td {
 color: blue; 
 }
a:link {
 color: green;
 text-decoration: underline;
 }
a:visited {
 color: rgb(71, 45, 71);
 }
a:hover {
 color: red;
 text-decoration: none;
}
a:active, a:focus {
 color: red;
}


article{
    margin-left:100px; 
    margin-right:100px; 
    margin-top:0px; 
     
    text-align: justify;
    margin-bottom: 25px;
    padding-top: 70px;
    }
    
    
    
   section {
 padding:20px;
 background:lavender;
 text-align: justify;
 margin-bottom:25px;
 padding-top: 10px;
 margin-left:20px;
 margin-right:20px;
 margin-top:20px;
 border:5px solid rgb(179, 94, 87);
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 color:maroon
}



aside{
        position : relative;
        width : 200px;
        background-color : #706b64;
        box-shadow : 0px 2px 5px #1c1a19;
        border-radius : 7px;
        padding : 10px;
        color : white;
        font-size : 0.9em;
        float : left;
        border:5px solid green;
    }
    
 
    
    
footer {


}