# Compagnie

<style id="bkmrk-%3Aroot%7B--ink%3A%2316324f%3B">:root{--ink:#16324f;--brand:#0f5b66;--brand2:#1b7f8f;--panel:#fff;--line:#d9e2ea;--muted:#58687a;--ok:#e7f4ec;--warn:#fff1df;--note:#e8f1fb;}.fd{color:var(--ink);font-family:'Aptos','Segoe UI',sans-serif;line-height:1.7;max-width:960px;margin:0 auto;padding:0 0 48px}.fd .hero{background:linear-gradient(145deg,var(--ink) 0%,var(--brand) 55%,var(--brand2) 100%);color:#fff;padding:36px 40px;border-radius:20px;box-shadow:0 16px 40px rgba(17,54,78,.18);margin-bottom:24px}.fd .eyebrow{display:inline-block;padding:5px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.1);margin-bottom:14px}.fd h1{font-family:Georgia,serif;font-size:30px;line-height:1.15;margin:0 0 10px}.fd .hero p{margin:0;font-size:15px;color:rgba(255,255,255,.88)}.fd .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.fd .badge{padding:5px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:12px;background:rgba(255,255,255,.1)}.fd .sec{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin-bottom:16px;box-shadow:0 4px 14px rgba(19,46,66,.05)}.fd h2{font-family:Georgia,serif;font-size:19px;color:var(--ink);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--line)}.fd p{margin:0 0 10px}.fd .lead{font-size:15px;color:var(--muted)}.fd table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:10px 0}.fd th{background:linear-gradient(180deg,#153b58,#1c5671);color:#fff;padding:11px 14px;font-size:12px;text-transform:uppercase;text-align:left}.fd td{padding:11px 14px;border-top:1px solid var(--line);font-size:14px;vertical-align:top}.fd tr:nth-child(even) td{background:#fbfdfe}.fd ol.wf{margin:0;padding:0;list-style:none;counter-reset:s}.fd ol.wf li{counter-increment:s;position:relative;padding:4px 0 12px 46px}.fd ol.wf li::before{content:counter(s);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,var(--ink),var(--brand2));color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:30px;text-align:center}.fd .callout{border-radius:12px;padding:13px 16px;border:1px solid transparent;margin-bottom:10px}.fd .callout strong{display:block;margin-bottom:4px;font-size:14px}.fd .callout p{margin:0;font-size:14px}.fd .tip{background:var(--ok);border-color:#b9dac4}.fd .warning{background:var(--warn);border-color:#efc98f}.fd .note{background:var(--note);border-color:#c4d5f2}.fd .shot{border:2px dashed #9fb4c2;border-radius:16px;padding:36px 20px;background:repeating-linear-gradient(-45deg,#f5f8fa,#f5f8fa 14px,#edf3f6 14px,#edf3f6 28px);text-align:center;color:#496174}.fd .shot strong{display:block;font-size:14px;margin-bottom:6px;color:var(--ink)}.fd kbd{padding:3px 7px;border-radius:6px;background:#f1f5f8;border:1px solid #c9d7e0;font-size:12px;font-family:Consolas,monospace;color:#24425c}
/* Conteneur swiper */
.fd-swiper{border-radius:14px;overflow:hidden;margin:10px 0 18px}
.fd-swiper .swiper-slide img{width:100%;height:auto;display:block;max-height:480px;object-fit:contain}

/* Base des boutons */
.fd-swiper .swiper-button-prev,.fd-swiper .swiper-button-next{
  border-radius:50%;width:38px!important;height:38px!important;margin-top:-19px;
  box-shadow:0 4px 14px rgba(17,54,78,.3);
  background-position:center;background-repeat:no-repeat;background-size:20px,100%
}

/* Masquer la flèche SVG par défaut de Swiper */
.fd-swiper .swiper-button-prev::after,
.fd-swiper .swiper-button-next::after{content:""!important;display:none!important;width:0!important;height:0!important;font-size:0!important}
.fd-swiper .swiper-navigation-icon{display:none!important}

/* Bouton Précédent — chevron gauche blanc + fond dégradé */
.fd-swiper .swiper-button-prev{
  background-image:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PHBvbHlsaW5lIHBvaW50cz0iMTUgMTggOSAxMiAxNSA2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"),
    linear-gradient(145deg,var(--ink),var(--brand2))!important
}

/* Bouton Suivant — chevron droit blanc + fond dégradé */
.fd-swiper .swiper-button-next{
  background-image:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PHBvbHlsaW5lIHBvaW50cz0iOSAxOCAxNSAxMiA5IDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="),
    linear-gradient(145deg,var(--ink),var(--brand2))!important
}

/* Pagination */
.fd-swiper .swiper-pagination-bullet-active{background:#0f5b66}</style>
<div class="fd" id="bkmrk-fonxtio-%E2%80%94-configurat">
<div class="hero">
<div class="eyebrow">Fonxtio — Configuration</div>
<h1 id="bkmrk-informations-de-votr">Informations de votre entreprise</h1>
<p>Configurez les informations officielles de votre entreprise qui apparaissent sur tous vos documents : factures, devis, bons de livraison.</p>
<div class="badges"><span class="badge">Configuration</span><span class="badge">Administrateurs</span></div>
</div>
<div class="sec"><h2 id="bkmrk-comment-y-acc%C3%A9der-%3F">Comment y accéder ?</h2><p>Menu <kbd>Configuration</kbd> → <kbd>Compagnie</kbd>.</p></div>
<div class="sec"><h2 id="bkmrk-les-informations-%C3%A0-r">Les informations à remplir</h2><table><thead><tr><th>Champ</th><th>À quoi ça sert ?</th><th>Obligatoire ?</th></tr></thead><tbody><tr><td><strong>Nom de l'entreprise</strong></td><td>Le nom qui apparaîtra sur vos documents</td><td>Oui</td></tr><tr><td><strong>Adresse</strong></td><td>L'adresse complète de votre entreprise</td><td>Oui</td></tr><tr><td><strong>Téléphone</strong></td><td>Le numéro de téléphone principal</td><td>Non</td></tr><tr><td><strong>No TPS</strong></td><td>Votre numéro de TPS pour les documents fiscaux</td><td>Non</td></tr><tr><td><strong>No TVQ</strong></td><td>Votre numéro de TVQ pour les documents fiscaux</td><td>Non</td></tr><tr><td><strong>Logo</strong></td><td>Le logo de votre entreprise (fichier image)</td><td>Non</td></tr></tbody></table></div>
<div class="sec"><h2 id="bkmrk-comment-faire-%3F">Comment faire ?</h2><ol class="wf"><li>Remplissez toutes les informations de votre entreprise.</li><li>Ajoutez votre logo si vous en avez un.</li><li>Enregistrez.</li></ol></div>
 <div class="sec"><h2>Aperçu de l’écran</h2>
<div class="swiper fd-swiper" id="fdcar1">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="https://docs.fonxtio.com/uploads/images/gallery/2026-04/compagnie-1.png" alt="Détails compagnie"></div>
    <div class="swiper-slide"><img src="https://docs.fonxtio.com/uploads/images/gallery/2026-04/compagnie-2.png" alt="Détails compagnie"></div>
    <div class="swiper-slide"><img src="https://docs.fonxtio.com/uploads/images/gallery/2026-04/compagnie-3.png" alt="Détails compagnie"></div>
    <div class="swiper-slide"><img src="https://docs.fonxtio.com/uploads/images/gallery/2026-04/compagnie-4.png" alt="Détails compagnie"></div>
    <div class="swiper-slide"><img src="https://docs.fonxtio.com/uploads/images/gallery/2026-04/compagnie-5.png" alt="Détails compagnie"></div>
  </div>
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>
  <div class="swiper-pagination"></div>
</div>
<script>new Swiper('#fdcar1',{pagination:{el:'#fdcar1 .swiper-pagination',clickable:true},navigation:{nextEl:'#fdcar1 .swiper-button-next',prevEl:'#fdcar1 .swiper-button-prev'}});</script>
</div>
</div>
<div class="sec"><div class="callout tip"><strong>💡 Bon à savoir</strong><p>Ces informations apparaissent sur toutes vos factures et documents. Mettez-les à jour si vous déménagez ou changez de numéro de téléphone.</p></div></div>
</div>