h1 {
color: black;
background-color: green;
border: 1px solid black;
text-align:center;
}
img {
	width: 200px;
}
p {
	padding: 1em;
 
}
.first {
font-weight: bold;
}
.done {
text-decoration: line-through;
}
#polite {
font-family: cursive;
}
#rude {
font-family: monospace;
text-transform: uppercase;
}
.titre {
text-decoration: underline;
}		
h3 {
padding: 1em;
color: black;
text-decoration: underline;
background-color: green;
}
h2 {
padding: 1em;
color: black;
background-color: green;

}
body {
    font-family: "Trebuchet MS";
}
.menu {
    display: flex;                
    padding:0;                    
    background-color: #ccc;       
    justify-content: space-around;
}
.menu li {
    list-style-type: none ;       
  
}
.menu a {
    display:block;                
    min-width: 120px;             
    
    margin: 0.5rem;               
    padding: 0.4rem 0;            
    text-align: center;             
    background-color: #1ABC9C;    
    color: #fff;                  
    text-decoration: none;        
    border: 1px solid #fff;       
    border-radius: 4px;           
    
    transition: all 1s ;          
}
.menu a.actif {    
    background-color: #1ABC9C ; 
    color: #fff ;
    border-color: #fff ;
}
.menu a:hover,
.menu a:hover.actif{
    background-color: #ed2794;
    color: #ffe843;
    border-color: #ffe843;
}
*{
    margin: 0px;
    padding: 0px;
    font-family: Avenir, sans-serif;
}

nav{
    width: 100%;
    margin: 0px auto 40px auto;
    background-color: white;
    position: sticky;
    top: 0px;
}

nav ul{
    list-style-type: none;
}

nav li{
    float: left;
    width: 25%;/*100% divisé par le nombre d'éléments de menu*/
    text-align: center;/*Centre le texte dans les éléments de menu*/
}

/*Evite que le menu n'ait une hauteur nulle*/
nav ul::after{
    content: "";
    display: table;
    clear: both;
}

nav a{
    display: block; /*Toute la surface sera cliquable*/
    text-decoration: none;
    color: black;
    border-bottom: 2px solid transparent;/*Evite le décalage des éléments sous le menu à cause de la bordure en :hover*/
    padding: 10px 0px;/*Agrandit le menu et espace la bordure du texte*/
}

nav a:hover{
    color: orange;
    border-bottom: 2px solid gold;
}

.conteneur{
  margin: 0px 20px;
  height: 1500px;
}