/* V 2.0 */  

html{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}  

h1{
  color: #ffffff;
  background-color: #0583c2; 
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  margin: auto 2% 20px 2%;
}

h2{
  color: #ffffff;
  background-color: #0583c2;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  margin: auto 2% 20px 2%;
}



.header{
  height: 60px;
  background-color: #0583c2;  
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-around;
  flex-wrap: wrap;
  border-radius: 10px;  
  margin: auto 2% 20px 2%;
}

.header a{
  text-decoration: none;
  color: white;
}

.header a:hover{
  text-decoration: underline;
}

.accueil{
  background-color: #cadceb;
  color: #007;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.accueil a{
  text-decoration: none;
  color: #007;
}

.accueil a:hover{
  text-decoration: underline;
  background-color: #fcf6dc;
}

.mosaique{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background-color: #cadceb;  
  color: #007;
  border-radius: 10px;
  margin-bottom: 20px;
}

.mosaique a{
  
  text-decoration: none;
  color: #007;
}

.mosaique a:hover{
  text-decoration: underline;
}

.detail{  
  background-color: #cadceb;
  color: #007;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}

.detail li{
  margin: 20px;
}

.forum{
  flex-direction: column;
  border-color: white;
  width: 250px;
  padding: 0 10px 10px 10px;
  margin: 10px;
  border-width: thin;
  border-style: inset; 
  border-radius: 10px; 
}

.forum:hover{
  border-color: black;
  background-color: #fcf6dc;
}

.footer{
  font-style: italic;
  font-size: smaller;
}