:root{--fond:#f7f5f0;--carte:#fff;--texte:#14232e;--doux:#5b6b77;--bleu:#0f2a44;--bleu-clair:#1f6fb2;--bord:#d5dde3;--vert:#157347;--rouge:#b42318}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fond);color:var(--texte);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.35}.page{flex-direction:column;min-height:100dvh;display:flex}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:10px;width:100%;max-width:440px;margin:10px auto;padding:12px 14px 14px}@media (max-width:470px){.carte{width:auto;margin:8px}}.accroche{color:var(--doux);margin:0 0 8px;font-size:14px}h1{color:var(--noir,#15171c);margin:4px 0 8px;font-size:20px}h2{color:var(--bleu);margin:0 0 6px;font-size:18px}.texte{margin:0 0 8px}.info{color:var(--doux);word-break:break-all;margin:0 0 10px;font-size:14px}.attente{color:var(--doux)}form,section{flex-direction:column;gap:8px;display:flex}.champ{flex-direction:column;gap:3px;font-size:14px;font-weight:600;display:flex}.champ small{color:var(--doux);font-size:12px;font-weight:400}input[type=text],input[type=email],input[type=password],input:not([type]){border:1px solid var(--bord);width:100%;color:var(--texte);background:#fff;border-radius:7px;min-width:0;padding:9px 10px;font-size:16px}input:focus{outline:2px solid var(--bleu-clair);outline-offset:0}.masque{-webkit-text-security:disc}.ligne-mdp{align-items:stretch;gap:6px;display:flex}.ligne-mdp input{flex:1}.case{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.case input{flex:none;width:18px;height:18px;margin:0}button{font:inherit;cursor:pointer;border-radius:7px}button:disabled{opacity:.6;cursor:default}.principal,.secondaire,.danger{border:1px solid #0000;width:100%;padding:10px 12px;font-size:16px;font-weight:700}.principal{background:var(--degrade-or,#b8862b);color:#fff;text-shadow:0 1px 1px #6b4c1066;border-color:#a8791f}.secondaire{color:var(--bleu);border-color:var(--bleu);background:#fff}.danger{background:var(--rouge);color:#fff}.petit{color:var(--bleu);border:1px solid var(--bord);background:#fff;flex:none;padding:6px 10px;font-size:14px;font-weight:600}.colonne{flex-direction:column;gap:8px;display:flex}.liens{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.lien{color:var(--bleu-clair);text-align:left;background:0 0;border:none;padding:2px 0;font-size:14px;text-decoration:underline}.lien.discret{color:var(--doux);font-size:13px}.voile{z-index:10;background:#0f2a4466;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.voile-message{z-index:20;background:#0f2a4433}.fenetre{background:#fff;border-radius:10px;width:100%;max-width:380px;padding:12px 14px}.message{border-left:6px solid var(--vert);background:#fff;border-radius:10px;align-items:center;gap:10px;max-width:360px;padding:10px 12px;display:flex;box-shadow:0 6px 24px #0f2a4433}.message.mauvais{border-left-color:var(--rouge)}.message p{margin:0;font-size:15px}:root{--or:#b8862b;--or-fonce:#8a6418;--or-clair:#f3dc8f;--degrade-or:linear-gradient(180deg, #e2bd63 0%, #c9962e 45%, #9c7322 100%);--noir:#15171c}.page{background:radial-gradient(circle at 20% 10%,#fff 0%,#f7f5f0 55%,#efebe2 100%)}.entete{background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo boutons""titre boutons""slogan slogan";align-items:start;gap:6px 12px;margin:10px 12px 0;padding:8px 14px;display:grid;box-shadow:0 4px 18px #8a641814}.logo{flex:none;align-items:center;gap:8px;text-decoration:none;display:flex}.losange{border-radius:50%;width:40px;height:40px}.marque{width:auto;height:54px;display:block}@media (min-width:1000px){.marque{height:82px}.losange{width:52px;height:52px}}.entete .logo{grid-area:logo}.entete .slogan{grid-area:slogan}.titre-entete{color:var(--noir);grid-area:titre;margin:0;font-size:19px;font-weight:800;line-height:1.2}.colonne-boutons{flex-direction:column;grid-area:boutons;gap:5px;width:150px;display:flex}.colonne-boutons>*{width:100%;margin:0}.colonne-boutons .bouton-or,.colonne-boutons .nav-lien,.colonne-boutons .choix-langue{text-align:center;padding:6px 8px;font-size:14px}.nav-lien{background:var(--degrade-or);color:#fff;border:1px solid #a8791f;border-radius:10px;padding:6px 8px;font-size:14px;font-weight:700}.nav-lien:hover{filter:brightness(1.06)}.choix-langue{border:1px solid var(--bord);color:var(--noir);background:#fff;border-radius:8px;padding:6px;font-size:14px}.bouton-or{background:var(--degrade-or);color:#fff;text-shadow:0 1px 1px #6b4c1066;border:1px solid #a8791f;border-radius:10px;padding:9px 14px;font-size:16px;font-weight:700;box-shadow:0 3px 10px #8a641833,inset 0 1px #fff3c955}.bouton-blanc{color:var(--or-fonce);background:#fff;border:1.5px solid #d9bf7f;border-radius:10px;padding:9px 14px;font-size:16px;font-weight:700}.grand{padding:12px 20px;font-size:18px}.accueil{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tableau femme""telephone telephone";gap:12px;width:100%;max-width:1440px;margin:0 auto;padding:12px;display:grid}.slogan{text-align:center;grid-area:slogan}.tableau{grid-area:tableau}.telephone{grid-area:telephone}.cote-femme{z-index:3;grid-area:femme;align-self:start;display:flex;position:relative}.receptionniste.femme{margin:0;transform:scaleX(-1)}.cote-femme .receptionniste.femme{margin-left:-20px}.tableau{z-index:1;position:relative}@media (max-width:999px){.accueil{grid-template-columns:minmax(0,1fr);grid-template-areas:"tableau""telephone";column-gap:0}.cote-femme{grid-area:tableau;place-self:start end;margin:6px 10px 0 0}.cote-femme .receptionniste.femme{height:230px;margin:0}}@media (max-width:520px){.cote-femme{justify-self:start;margin:16px 0 0 266px}}.grand-titre{color:var(--noir);margin:0 0 6px;font-size:26px;line-height:1.15}.sous-titre{color:#2c2f36;margin:0 0 10px;font-size:16px}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.garanties{color:#3a3d44;margin:8px 0 0;font-size:13px}.tableau{background:linear-gradient(160deg,#fff 0%,#fbfaf7 60%,#f4efe4 100%);border:10px solid #15171c;border-radius:28px;outline:3px solid #c9962e;padding:14px;box-shadow:0 12px 30px #8a641833}.titre-tableau{color:var(--noir);margin:0;font-size:30px;font-weight:800}.sous-tableau{color:var(--or);margin:0 0 10px;font-size:17px;font-weight:600}.grille-tableau{grid-template-columns:1fr;gap:12px;display:grid}.colonne-gauche,.colonne-droite{flex-direction:column;gap:10px;display:flex}.cadre-jour{background:#fff;border:1.5px solid #e3cf9c;border-radius:12px;padding:8px 10px 10px;box-shadow:0 4px 14px #8a64181a}.jour{margin-bottom:6px;font-size:15px;font-weight:700}.point-or{color:var(--or)}.interieur-jour{border:1px solid #ecdcb2;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.interieur-jour div{align-items:baseline;gap:8px;display:flex}.interieur-jour b{color:var(--or-fonce);min-width:34px;font-size:22px}.interieur-jour span{font-size:14px}.suggestion{color:#2b2415;background:linear-gradient(135deg,#f8e7b6 0%,#e7c879 55%,#d2a94f 100%);border:1px solid #d2ad5d;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;font-size:14px;display:flex}.suggestion b{color:#8a5d0c;font-size:16px}.vos-appels{color:var(--noir);border-top:1px solid #ecdcb2;margin:0;padding-top:8px;font-size:19px}.appel{background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:0 2px 10px #0000000f}.calendrier{flex:none;width:24px;height:24px}.puce{background:var(--or);border-radius:50%;flex:none;width:8px;height:8px;margin:0 8px}.appel-texte{flex-direction:column;flex:1;min-width:0;display:flex}.appel-texte b{font-size:16px}.appel-texte span{color:#3a3d44;font-size:13px}.appel-heure{flex-direction:column;flex:none;align-items:flex-end;gap:4px;font-size:15px;display:flex}.pastille{background:var(--degrade-or);color:#fff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.stats{grid-template-columns:1fr;gap:6px;display:grid}.stat{text-align:left;background:#fff;border:1.5px solid #e3cf9c;border-radius:10px;flex-direction:row;align-items:center;gap:8px;padding:5px 10px;font-size:13px;display:flex}.stat-haut{align-items:center;gap:6px;display:flex}.stat-haut b{font-size:22px}.stat-signe{color:var(--or);font-size:20px;font-weight:700}.stat-signe.rond{border:1.5px solid var(--or);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:inline-flex}.stat-mot{font-size:13px}.telephone{justify-content:center;display:flex}.ecran{background:#fff;border:10px solid #15171c;border-radius:38px;outline:3px solid #c9962e;flex-direction:column;gap:8px;width:100%;max-width:340px;padding:10px 12px 12px;display:flex;box-shadow:0 12px 30px #8a641833}.barre-etat{justify-content:space-between;padding:0 6px;font-size:13px;font-weight:700;display:flex}.reseau{letter-spacing:1px;font-size:10px}.tel-entete{align-items:center;gap:8px;display:flex}.tel-entete div{flex-direction:column;display:flex}.tel-entete b{font-size:16px}.tel-entete span{color:#3a3d44;font-size:12px}.tel-logo{background:var(--degrade-or);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.vert{color:#16a34a;font-size:9px}.bulles{flex-direction:column;gap:6px;display:flex}.bulle{white-space:pre-line;border-radius:14px;max-width:84%;padding:7px 10px;font-size:13px;animation:.35s ease-out arrive}.bulle.appelant{color:var(--noir);background:#e9e9eb;border-bottom-left-radius:4px;align-self:flex-start}.bulle.agent{background:var(--degrade-or);color:#fff;text-shadow:0 1px 1px #6b4c1055;border-bottom-right-radius:4px;align-self:flex-end}.bulle.agent.bleu{background:linear-gradient(90deg,#2f6fdc 0%,#5b6fb0 55%,#b8862b 100%)}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tel-pied{background:var(--degrade-or);color:#fff;text-align:center;border-radius:8px;align-self:center;padding:4px 10px;font-size:12px;font-weight:700}.liste-fonctions{flex-direction:column;gap:4px;margin:0 0 10px;padding-left:20px;display:flex}.fenetre{flex-direction:column;gap:8px;max-height:90dvh;display:flex;overflow:auto}.fenetre h2,.fenetre .texte{margin:0}.fenetre-compte{flex-direction:column;gap:4px;width:100%;max-height:92dvh;margin:0;display:flex;overflow:auto}.fermer-compte{text-align:center;align-self:center}@media (min-width:760px){.grille-tableau{grid-template-columns:.85fr 1.6fr}.grand-titre{font-size:34px}}@media (min-width:1000px){.entete{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo titre boutons""logo slogan boutons";align-items:center;row-gap:4px}.titre-entete{text-align:center;align-self:end;font-size:28px}.entete .slogan{align-self:start}.accueil{grid-template-columns:minmax(0,660px) auto auto;grid-template-areas:"tableau femme telephone";justify-content:end;gap:14px 0;max-width:none;padding:14px 24px 10px}.tableau{align-self:center;padding:18px 22px}.titre-tableau{font-size:40px}.sous-tableau{font-size:19px}.telephone{align-items:flex-end}.grand-titre{margin-top:0;font-size:34px}.sous-titre{font-size:18px}}@media (max-width:520px){.entete{gap:6px;margin:6px 6px 0;padding:6px 8px}.losange{width:32px;height:32px}.marque{height:40px}.colonne-boutons{gap:4px;width:118px}.page .rectangle-bleu.dans-colonne{display:none}.page .rectangle-bleu.sous-entete{width:calc(100% - 12px);margin:6px 6px 0;display:block}.colonne-boutons .bouton-or,.colonne-boutons .nav-lien,.colonne-boutons .choix-langue{padding:5px 4px;font-size:13px}.titre-entete{font-size:17px}.accueil{gap:10px;padding:8px}.grand-titre{font-size:23px}}.espace{flex-direction:column;gap:10px;width:100%;max-width:1100px;margin:0 auto;padding:10px 12px 16px;display:flex}.espace-haut{justify-content:space-between;align-items:center;gap:8px;display:flex}.espace-titre{color:var(--noir);margin:0;font-size:24px}.rubriques{flex-wrap:wrap;gap:6px;display:flex}.rubrique{color:var(--noir);background:#fff;border:1.5px solid #e3cf9c;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;font-weight:700;display:inline-flex}.rubrique b{background:var(--degrade-or);color:#fff;border-radius:8px;padding:1px 7px;font-size:13px}.rubrique.active{background:var(--degrade-or);color:#fff;border-color:#a8791f}.rubrique.active b{color:var(--or-fonce);background:#fff}.liste-appels{flex-direction:column;gap:8px;display:flex}.vide{color:var(--doux);margin:0}.fiche-appel{background:#fff;border:1px solid #ecdcb2;border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;display:flex;box-shadow:0 2px 10px #0000000a}.fiche-appel.nouveau{border-left:5px solid var(--or)}.fiche-ligne{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.fiche-ligne b{font-size:16px}.fiche-date{color:var(--doux);flex:none;font-size:13px}.fiche-infos{color:#3a3d44;flex-wrap:wrap;gap:2px 12px;font-size:13px;display:flex}.fiche-rdv{color:var(--or-fonce);font-weight:700}.fiche-resume{margin:0;font-size:14px}.fiche-actions,.outils{flex-wrap:wrap;gap:6px;display:flex}.petit.rouge{color:var(--rouge);border-color:#e7b4ae}.bulles.petites .bulle{font-size:13px}.bulle small{opacity:.8;font-weight:700}.mon-agent{flex-direction:column;gap:8px;max-width:720px;display:flex}.mon-agent textarea,.mon-agent select{width:100%;font:inherit;border:1px solid var(--bord);color:var(--texte);resize:vertical;background:#fff;border-radius:7px;padding:9px 10px;font-size:16px}.ligne-voix{align-items:flex-end;gap:8px;display:flex}.ligne-voix .champ{flex:1}.essai{border-top:1px solid #ecdcb2;flex-direction:column;gap:8px;margin-top:6px;padding-top:10px;display:flex}.essai h2{color:var(--noir);margin:0;font-size:19px}.fenetre-appel{background:#fff;border:1px solid #ecdcb2;border-radius:12px;max-height:50dvh;padding:8px;overflow-y:auto}.ligne-saisie{flex-direction:row;gap:6px;display:flex}.ligne-saisie input{flex:1}.champ textarea,.champ select,.champ input{font-weight:400}.telephone{flex-direction:row;align-items:flex-end;gap:0;position:relative}.receptionniste{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;width:auto;height:520px;margin-right:3px;position:relative}.telephone .ecran{z-index:1;position:relative}@media (min-width:1000px){.telephone{margin-left:16px}.cote-femme .receptionniste.femme{margin-left:-110px}.tableau{padding-right:120px}}@media (min-width:1000px) and (max-width:1279px){.cote-femme .receptionniste.femme{margin-left:-84px}.tableau{padding-right:92px}.receptionniste{height:400px}.telephone .ecran{max-width:300px}}@media (max-width:999px){.receptionniste{height:440px}.telephone .ecran{max-width:300px}}@media (max-width:520px){.receptionniste{height:300px}.telephone .ecran{flex:auto;min-width:0}}.cliquable{cursor:pointer}.cliquable:hover,.cliquable:focus-visible{outline-offset:1px;border-radius:8px;outline:2px solid #e3cf9c}.pied-page{text-align:center;justify-content:center;padding:4px 12px 12px;display:flex}.pied-page .garanties{margin:0}.ecriture{color:#f0c75e;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 12px #f0c75ebf;font-size:24px;font-weight:800;line-height:1.3;display:inline-block;position:relative}.ecriture-reste{color:#0000;text-shadow:none}.curseur{width:0;animation:.9s step-end infinite clignote;display:inline-block;overflow:visible}@keyframes clignote{50%{opacity:0}}@media (max-width:520px){.ecriture{font-size:18px}}.page{position:relative}@media (min-width:1280px){.sur-accueil .colonne-boutons{z-index:4;gap:6px;width:190px;position:absolute;top:218px;left:max(16px,50vw - 626px)}.sur-accueil .colonne-boutons .bulle-slogan{display:block}}.rectangle-bleu{color:#fff;font:inherit;text-align:center;cursor:pointer;text-shadow:0 1px 1px #0003;background:linear-gradient(90deg,#2f6fdc 0%,#5b6fb0 55%,#b8862b 100%);border:0;border-radius:10px;margin:0;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.3}.rectangle-bleu.sous-entete{display:none}.bulle-slogan{color:#fff;text-align:center;background:#000000b8;border-radius:14px;margin:0;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.3;display:none}.encadre-noir{color:#fff;text-align:center;background:#000000d1;border-radius:12px;flex-direction:column;gap:6px;margin-top:8px;padding:12px 14px;display:flex}.encadre-noir p{margin:0;font-size:15px;line-height:1.35}.encadre-noir b{color:#fff;font-size:15px}