@charset "UTF-8";
/* Fiche client dans la page (voir scripts/pc/FicheDansPage/ficheDansPage.js)
   Intégrée dans #page (comme le devis) — pas de plein écran. */

/* ---------- Embed dans la zone #page ---------- */
/* style.css : #colonne = 181px + padding-right 5px ; #page padding-left 16em (~256px)
   → bande blanche entre menu et contenu. On colle au menu. */
#page.vc-fdp-page-host > :not(#vc-fdp-page-embed) { display: none !important; }
#page.vc-fdp-page-host {
    min-height: 0 !important;
    position: relative;
    padding-left: 186px !important;
    padding-right: 0 !important;
    padding-top: 50px !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Hauteur = hauteur visible sous la barre (ajustée par ficheDansPage.js) : la page ne défile plus,
   une seule barre de défilement (celle de la fiche). */
.vc-fdp {
    display: none;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 50px);
    margin: 0;
    padding: 0;
    background: #fff;
    box-sizing: border-box;
}
.vc-fdp.ouvert { display: flex; }

.vc-fdp-barre {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    padding: 8px 14px;
    background: #CE323F;
    color: #fff;
    font: 600 14px/1.3 Roboto, Arial, sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.vc-fdp-titre { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vc-fdp-btn {
    border: 1px solid rgba(255,255,255,.7);
    background: transparent;
    color: #fff !important;
    border-radius: 8px;
    padding: 6px 12px;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none !important;
    white-space: nowrap;
}
.vc-fdp-btn:hover { background: rgba(255,255,255,.15); }
.vc-fdp-fermer { background: #fff; color: #AD2733 !important; border-color: #fff; }
.vc-fdp-fermer:hover { background: #fff5f6; }
.vc-fdp-enreg { background: #218838; border-color: #218838; font-weight: 700; }
.vc-fdp-enreg:hover { background: #1b6f2e; }
.vc-fdp-enreg[hidden] { display: none; }
.vc-fdp-cadre {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    border: 0;
    background: #f5f6f8;
    display: block;
}

/* ---------- Listes avec « Fenêtre d'information » ---------- */
html.vc-liste-fiche #contactviewer {
    width: 46%;
    max-width: 53em;
    box-sizing: border-box;
    /* Pas de défilement propre : la fenêtre suit le défilement de la page (position gérée par ficheDansPage.js) */
    position: sticky;
    top: 60px;
}
/* Bloc fenêtre + liste (créé par ficheDansPage.js) : la fenêtre flottante y reste contenue */
html.vc-liste-fiche .vc-liste-zone { display: flow-root; }
html.vc-liste-fiche #contactviewer ~ ul.listeContact { margin-right: calc(46% + 1.5em); }
html.vc-liste-fiche #contactviewer ~ ul.listeContact table { width: 100% !important; table-layout: auto; }
html.vc-liste-fiche #contactviewer ~ ul.listeContact td { word-break: break-word; }
/* Une table par ligne : colonnes alignées d'une ligne à l'autre (largeurs mesurées et appliquées en % par ficheDansPage.js) ;
   tables sans largeurs déclarées (titres de rubrique) : largeur selon le contenu */
html.vc-liste-fiche #contactviewer ~ ul.listeContact table.vc-cols { table-layout: fixed; }
html.vc-liste-fiche #contactviewer ~ ul.listeContact table:not(.vc-cols) td { width: auto !important; }
/* (mesure de la largeur utile des colonnes : texte sur une ligne, table à la largeur de son contenu) */
html.vc-liste-fiche #contactviewer ~ ul.listeContact table.vc-cols-mesure { width: auto !important; table-layout: auto; }
html.vc-liste-fiche #contactviewer ~ ul.listeContact table.vc-cols-mesure td { white-space: nowrap; }
@media (min-width: 1900px) {
    html.vc-liste-fiche #contactviewer ~ ul.listeContact { margin-right: calc(53em + 1.5em); }
}
@media (max-width: 1150px) {
    html.vc-liste-fiche #contactviewer {
        float: none;
        width: auto;
        max-width: none;
        position: static;
        margin: .5em 0 1em;
    }
    html.vc-liste-fiche #contactviewer ~ ul.listeContact { margin-right: 0; }
}

/* Icônes Font Awesome (comme le menu) */
.vc-fdp-btn .vc-ico { margin-right: .35em; }