/* ===================================================
   template.css — généré par izyweb Builder
   Utilise les CSS variables définies dans le <head> :
   var(--color-primary), var(--color-secondary),
   var(--color-text), var(--color-bg),
   var(--color-menu-bg), var(--color-menu-text)
   =================================================== */

/* Fond de page */
.page { background: var(--color-bg); position: relative; z-index: 1; }

/* Zone de contenu */
.TheEditeur { background: #f9f9f9; }
.TheEditeur li {
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 40px;
    line-height: 30px;
}
.TheEditeur ul { list-style: none; }

xmp { margin: 0; }
#ecart { clear: both; }

/* Bouton submit contact */
#submit {
    background-color: var(--color-primary);
    border-radius: 13px;
    border: none;
    cursor: pointer;
}
#submit a       { color: #fff; }
#submit a:hover { color: #fff; }

/* Zone contact */
.contact-titre {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    text-align: left;
    padding: 20px 0 10px;
}
.fond-contact  { background: rgba(0, 0, 0, 0.5); }
.container     { background-color: rgba(0, 0, 0, 0.5); }

/* Copyright */
.maincontent { background-color: rgba(0, 0, 0, 0.6); color: #fff; }
.fcopy { color: #fff; margin-top: 10px; }
.maincontent a       { color: #fff; }
.maincontent a:hover { color: var(--color-primary); }

/* Footer mobile */
.footerCell { background: var(--color-menu-bg); }
.footerCell:hover { background: var(--color-secondary); color: #FFC; }

/* Bouton retour haut */
.cRetour {
    position: fixed;
    bottom: 60px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: var(--color-primary);
    border-radius: 50%;
    cursor: pointer;
    display: none;
    z-index: 999;
}

/* Logo texte (si pas d'image) */
.logo-text {
    color: var(--color-menu-text);
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 20px;
    display: block;
    line-height: 68px;
}

/* Inputs formulaire */
.form-control {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
}
.form-respond { min-height: 30px; margin-bottom: 10px; }

/* Slider */
.slider { overflow: hidden; position: relative; }