body {
font-family: Verdana, sans-serif; 
background-color: #ECFDF5;
font-size: 15px; color:black; line-height: 2;}

h1 { padding: 20px; color: #396251; }

h2 { text-align: center; font-size: 40px; color: #98cfbf; }

h3 {text-decoration: none; text-align: center; color: black; 
font-size: 20px;}

a { text-decoration: underline;  color: black; }
a:hover { background-color: #ECFDF5; }


.global { width: 1200px; margin: 0 auto; background-color: white;}

.entete { height: 120px; padding: 10px; 
 font-size: 14px; display: flex; padding: 10px 20px; height: 100px; }


.contenu {text-align: left;}


.pied {line-height: 0.75;padding: 10px; background: grey; 
font-size: 12px; color: #ffffd5; text-align: center; }

span.trait1 { padding: 18px; background-color: #d2eae3;
text-align: center; width: 100%;}

span.trait { padding: 18px; background-color: #d2eae3;
text-align: justify; width: 50%;}

span.trait2 { padding: 18px; background-color: #d2eae3;
text-align: justify; width: 33%;}

span.trait3 { padding: 5px; background-color: #d2eae3;
text-align: center; width: 33%;}

.tett { display: flex; }

span.rdv { padding: 18px; width: 25%; background-color: #d2eae3;
text-align: justify;}

.iett { display: flex; }


.boutton { background-color: #ECFDF5; color: black;
border: 2px solid #98cfbf; width: 100px; height: 40px}

form {text-align: center;}

hr {border: 1px solid #98cfbf;}

.blocmenu {  background-color:white; text-align: center; }

#menu { display: flex; list-style-type: none;}
#menu li {flex: 1 1 auto;}
#menu li a, #menu li a:visited {
display: block; height: 35px; line-height: 35px;
padding: 10px 20px; font-size: 16.85px;
text-decoration: none; color: black;}
#menu li a:hover {background-color:#ECFDF5;}


.rdv-button {
  display: inline-block;
  background-color: #7adcf0;
  padding: 12px 20px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  font-family: sans-serif;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: background-color 0.3s;
}