header{
  text-align:center; 
 width: 100%;
 font-size: 0.9em;
 text-align: center;
 background-color: Khaki;
 border: 2px solid black;
   margin-bottom: 2em;

}
 

ul {

  display:flex;
  flex:1;
  flex-direction:column;

}




body {
 min-height: 32em;
 padding: 1%;
 background-color: #00FFFF	;
 

}


.jour1{
  background-color:#0000DF;
    color:Linen;
  }  
  .jour2{
  background-color:#0000FF;
    color:Linen;
  }  
  .jour3{
  background-color:#7788FF;
    color:Linen;
  }
  .jour4{
  background-color:#6777FF;
    color:Linen;
  }  
  .jour5{
  background-color:#5666FF;
    color:Linen;
  }  
  .jour6{
  background-color:#4555FF	;
    color:Linen;
  }
  .jour7{
  background-color:#000FFF	;
    color:Linen;
  }


main{
  display:flex;
  flex:1;
  flex-direction:column;
  flex: 2;
  margin:1.5em
  
}
 #main-container {
    display: flex;
    flex-direction: row;
    background-color:skyblue ;
    padding: 5em;    
    margin-top:2em;
}  



h2{
  text-align:center;
  font-weight:bold;
  color:Gold;
  transition: 1s;
}
h2:hover{
  color:Black;
}


footer {
 width: 100%;
 font-size: 1em;
 text-align: center;
 background-color: blue;
 color: skyblue;
}
    
    
 nav {
 width: 90%;
 font-size: 1em;
 text-align: center;
 background-color:CornflowerBlue;
 color: skyblue;
 margin-left:2em;
 margin:auto;
 padding:1em;
 
}

main nav{
 flex: 1;
 display: flex;
 justify-content: space-around;
 padding: 1em;
 margin: 1em;
     }

a:hover{
  color:white ;
}
      
    
a {
 background-color: ;
 transition: 1s;
 
}

main section {
 flex: 1;
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 padding: 2em;
 margin: 1.4em;

}


div {
 border: 1px solid black;
}

h1{
  text-decoration:underline;
  font-size :3em;
  color:DarkBlue;
}

p{
  
  font-size: 1.2em;
  color:black;


}

.p2{
  background-color: rgb(4, 4, 124);
  color:white;
  padding: 0.5em;
  position:fixed;
  border: 2px solid rgb(255, 250, 250);
}


.p3{
  color:Beige;
  font-size:1.2em;
  text-align:right;



}