/* Compléments pour la version statique (Cloudflare Pages) */

/* Notes clients : étoiles en CSS (le sprite rating-sprit.png n'a pas été archivé) */
.avis > i {
  background: none !important;
  position: relative;
  width: auto;
  height: 23px;
  font-style: normal;
  font-size: 21px;
  line-height: 23px;
  letter-spacing: 2px;
}
.avis > i::before { content: "★★★★★"; color: #ddd; }
.avis > i::after {
  content: "★★★★★";
  color: #bd5108;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
  width: var(--note, 100%);
}
.avis-0  { --note: 0%; }
.avis-1  { --note: 10%; }
.avis-2  { --note: 20%; }
.avis-3  { --note: 30%; }
.avis-4  { --note: 40%; }
.avis-5  { --note: 50%; }
.avis-6  { --note: 60%; }
.avis-7  { --note: 70%; }
.avis-8  { --note: 80%; }
.avis-9  { --note: 90%; }
.avis-10 { --note: 100%; }

/* Formulaires remplacés par des liens mailto */
#FormDevis.devis-mail p {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
#FormDevis.devis-mail p a { color: #fff; font-weight: 700; }
#FormDevis .btn.btn-submit { text-align: center; }
#FormDevis .btn.btn-submit:hover { background-color: #bd5108; color: #fff; }
.contact-content #FormDevis.devis-mail p { color: inherit; }
.contact-content #FormDevis.devis-mail p a { color: #003c67; }
#rappel_immediat .btn.btn-submit { display: inline-block; font-size: 13px; }
#rappel_immediat .btn.btn-submit:hover { background: #bd5108; color: #fff; }

section.temoin .avis-mail .btn {
  display: block;
  background: #003c67;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 20px;
  border-radius: 0.25rem;
}
section.temoin .avis-mail .btn:hover { background: #bd5108; }
section.temoin .liste-avis .item-tem { margin: 20px 0; }
section.temoin .liste-avis .item-tem span { font-weight: 700; }

/* Carte OpenStreetMap */
#Map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Page réalisations / 404 */
.real { padding: 40px 0; }
.real-title {
  color: #003c67;
  text-align: center;
  margin-bottom: 15px;
}
.real-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 30px;
}
.real-item { margin: 0 0 30px; }
.real-item img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 5px;
}
.real-item figcaption {
  font-size: 14px;
  color: #333;
  margin-top: 8px;
  text-align: center;
}