html {
 scroll-behavior: smooth;
}

body {
 font-family: Arial, sans-serif;
 margin-top: 120px;
 margin: 0px;
 padding: 0px;
}

header {
 background-color: #f0f0f0;
 padding: 10px;
 text-align: center;
 top: 0%;
 left: 0%;
 position: fixed;
 z-index: 9999;
}

 select {
  width: 200px;
 }

nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

nav li {
 display: inline-block;
 margin-right: 20px;
}

nav a, #vers_haut a {
 color: #337ab7;
 text-decoration: none;
}

nav a:hover, #vers_haut a:hover {
 color: #337ab7;
}

main {
 display: block;
 margin: 20px;
 margin-top: 120px;
}

section {
 background-color: #f9f9f9;
 padding: 20px;
 scroll-margin-top: 120px;
 margin-bottom: 20px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1, h2, h3, h4 {
 color: #333;
}

figure {
 align-content: 100px 100px ;
 align-items: 100px 100px ;
}

img {
 width: 100%;
 height: auto;
 margin: 20px 0;
}

video {
 width: 100%;
 height: auto;
 margin: 20px 0;
}

footer {
 background-color: #f0f0f0;
 padding: 10px;
 text-align: center;
 clear: both;
}

legend {
 text-align: center;
}

table {
 table-layout: fixed;
}

.cel_left {
 padding-right: 5px;
}

.cel_mid {
 padding: 0px;
}

.cel_right {
 padding-left: 5px;
}

#vers_haut {
 bottom: 0%;
 right: 0%;
 position: fixed;
 z-index: 9999;
}

#pour_langue {
 margin-top: 0%;
 margin-bottom: 10px;
}

.pour_sections {
 height: 1px;
 transform: translateY(-120px);
}

#titre {
 margin-top: 5px;
 margin-bottom: 8px;
}

#ajout_commentaire {
 display: inline_block;
 height: 20px;
 line-height: 10px;
 background-color: #4CAF50; /* couleur verte */
 color: #fff; /* couleur blanche */
 padding: 0px 20px; /* espacement interne */
 margin-top: 20px;
 border: none; /* pas de bordure */
 border-radius: 5px; /* coins arrondis */
 cursor: pointer; /* curseur en forme de main */
 font-size: 16px; /* taille de police */
 font-weight: bold; /* police en gras */
 transition: background-color 0.3s ease-in-out; /* transition de couleur */
}

#ajout_commentaire:hover {
 background-color: #3e8e41; /* couleur verte plus foncée au survol */
}

#ajout_commentaire:active {
 transform: scale(0.9); /* effet de clic */
}