body {
  margin: 0;
  font-family: 'Raleway', Arial, sans-serif;
  background-color: #353535;
  color: #F9F5E8;
  text-decoration: none;
}

/* --- Bandeau titre --- */
.bandeauTitre {
  height: 8em;
  width: 100%;
  gap: 3.75em;
  position:fixed;
  background-color: #353535;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.bandeauTitre img {
  width: 20em;
  justify-content: center;
  /*cursor: pointer;*/
}
@media (max-width: 768px) {
  .bandeauTitre { flex-direction: column; gap: 0.0em; }
  .bandeauTitre img { width: 14em; }
}

/* --- Bandeau image --- */
.bandeauVideo video {
  width: 100%;
  height: 23.75em;
  object-fit: cover;
  margin-top: 8em;
}
@media (max-width: 768px) {
  .bandeauVideo video {
    height: auto;
    aspect-ratio: 16/7;
  }
}

/* --- Zone liens --- */
.zoneLiens {
  text-align: center;
  margin: 2em;
  margin-bottom: 2em;
  justify-content: center;
  pad: 2em;
}

.zoneLiens img {
  justify-content: center;
  height: 2em;
  width: auto;
  padding: 2em;
  text-decoration: none;
}

.zoneLiens img:hover {
  transform: scale(1.25);
  transition: transform 0.1s ease-out;
}

/*.zoneRS {
  align-content: center;
  display: flex;
  justify-content: center;
}*/

/* --- Zone partenaires --- */

.zonePartenaires {
  text-align: center;
  justify-content: center;
  background-color: #F9F5E8;
  color: #353535;
  padding: 1em;
}
.zonePartenaires h1 {
  font-size: 1em;
  font-weight: 100;
}

.zonePartenaires img {
 justify-content: center;
   height: 1.5em;
  width: auto;
 padding: 0.5em;
}

/* --- Zone prod --- */

.zoneProd {
  text-align: center;
  justify-content: center;
  background-color: #353535;
  color: #F9F5E8;
  padding: 1em;
  margin-bottom: 5em;
}
.zoneProd h1 {
  font-size: 1em;
  font-weight: 100;
}

.zoneProd img {
 justify-content: center;
   height: 3em;
  width: auto;
 padding: 0.5em;
}

/* --- Zone RS (footer) --- */
.zoneRS {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5em;
  background: #353535;
  display: flex;
  align-items: center;
  justify-content: center;
  /*font-size: 15px;
  font-weight: 300;
  color: white;*/
  z-index: 100;
  text-decoration: none;
}

.zoneRS img {
  text-align: center;
  margin: 1em;
  margin-bottom: 1em;
  justify-content: center;
  height: 1.00em;
  width: auto;
}

.zoneRS img:hover {
  transform: scale(1.25);
  transition: transform 0.1s ease-out;
}

a[href^="tel"] {
  color: white !important;
  text-decoration: none !important;
}

a[href] {
  color: white !important;
  text-decoration: none !important;
}