body {
  background-color: #E8DCC5;
}

.LienBandeau {					/*gère l'affichage du texte dans le bandeau*/
  color: rgb(0,0,0);
  text-decoration:none;
  font-size: 25px;
}

table {						/*gère l'affichage du bandeau*/
  width: 100%;
  height: 75px;
  background-color: #C08A5C;
  position: absolute;				/*absolute (fixed) si doit suivre le mvm de la page*/
  padding: 20px;				/* le plus clair : #C08A5C ; le plus foncé : #C27F5B*/
  top: 0;
  left: 0;
  right: 0;
  border: solid;
  border-color: #8D4925;
}
th {						/*affichage des cellules du bandeau*/
  background-color: #C08A5C;
  text-align: center;
  /*border-style: solid;
  color: rgb(0,0,0);
  border-width: 2px;*/
}

.premiertxt {					/*TROUVER AUTRE SOLUTTION !! empeche la superposition du haut de la page et du bandeau*/
  padding-top: 125px;
}

p {						/*couleur et taille du corps de texte du site*/
  color: #3A2A20;
  font-size: 105%;
}

h1 {						/*couleur des titres h1 des pages*/
  color: #5A2325;
}


footer {					/*gère l'affichage du pied de page*/
  text-align: center;
  padding: 10px;
  background-color: #C08A5C;
  color: black;
  /*position: relative;
  margin-top: 10px;*/
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%; 
}

footer label {
  position: absolute;
  right: 50px;
}

footer p {
  margin: 0 auto;
}

.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ddd;
  border-radius: 30px;
  transition: 0.3s;
}

.switch {
  position: absolute;
  left: auto;
  width: 60px;
  height: 30px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Slider */
.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ddd;
  border-radius: 30px;
  transition: 0.3s;
}
.slider::before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
  transition: 0.3s;
}




/*Page d'accueil*/
#image {
  position: relative;
  padding-left: 25%;
  padding-top: 50px;
  margin-bottom: 100px;
  height: 350px;
}
img {
  position: relative;
  animation: move 10s infinite alternate ease-in-out;
}
@keyframes move {
  from {
    left: -200px;
  }
  to {
    left: 200px;
  }
}

/*Page de conversion*/
center {
  background-color: white;
  margin: 0 auto;
  margin-top: 10%; 
  width: 50%;
/* ou bien :
  border-style: groove;	
  border-width: 5px;
*/
  border-style: solid;
  border-color: orange;
}
h1 {
  margin-top: -30px;
  padding-bottom: 30px;
}
input {
  margin-bottom: 15px;
}


/*Page des créateurs*/
h1 {
  text-align: center;
  text-decoration: underline;
}
p {
  text-align: center;
}
#interdiction {
  padding-left: 45%;
}
h3 {
 text-decoration: underline;
  
}