Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.
HTML
<div class="md-wrapper">
  <div class="md-hero">

    <h1>Comment pouvons-nous vous aider ?</h1>
    <p>Retrouvez ici toutes les réponses à vos questions concernant l’intégration et l’utilisation de Monext In Store et On Line.</p>

    <div class="md-search">
      <div class="md-search-icon">🔍</div>
      <input type="text" id="faqSearch" placeholder="Rechercher une question, un mot clé...">
      <button onclick="performSearch()">Rechercher</button>
    </div>
  </div>
</div>

<div id="searchView" style="display:none; width: 100%; max-width: 1000px; margin: 40px auto; padding: 20px; background: white; z-index: 9999; position: relative;">
    <div id="resultsCount" style="color: #888; font-size: 14px; margin-bottom: 20px; font-family: Verdana;"></div>
    <div id="searchResultsList" style="font-family: Verdana;"></div>
</div>

<style>
:root {
  --md-primary: #3474FF;
  --md-hero-start: #3474FF;
  --md-hero-mid: #7ca3ff;
  --md-hero-end: #3474FF;
}

/* --- SUPPRESSION DU SCROLL --- */
html, body {
flex: 1 0 auto;
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.md-wrapper {
flex: 1 0 auto;
  font-family: "Verdana", Geneva, sans-serif;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* --- BLOC BLEU --- */
.md-hero {
flex: 1 0 auto;
  background: radial-gradient(circle at top left, var(--md-hero-start) 0%, var(--md-hero-mid) 50%, var(--md-hero-end) 100%);
  width: 100%;
  padding: 80px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0 0 40px 40px;
  box-sizing: border-box;
}

.md-badge {
flex: 1 0 auto;
  background: rgba(255, 255, 255, 0.2);
  color: black;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 24px;
}

.md-hero h1 {
flex: 1 0 auto;
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 20px 0;
  color: black;
}

.md-hero p {
flex: 1 0 auto;
  font-size: 16px;
  color: black;
  max-width: 700px;
  line-height: 1.6;
  margin-bottom: 40px;
}

/* --- BARRE DE RECHERCHE --- */
.md-search {
flex: 1 0 auto;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  padding: 8px 8px 8px 24px;
  border-radius: 100px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 750px;
  box-sizing: border-box;
}

.md-search-icon { 
	flex: 1 0 auto;
	margin-right: 15px; 
}

.md-search input {
   flex: 1 0 auto;
   border: none;
  font-size: 15px;
  font-family: "Verdana", sans-serif;
  outline: none;
}

.md-search button {
flex: 1 0 auto;
  padding: 14px 35px;
  background: var(--md-primary);
  color: white;
  border: none;
  border-radius: 100px;
  font-weight: 600;
  cursor: pointer;
}
</style>

<script>
function performSearch() {
    const input = document.getElementById('faqSearch');
    const filter = input.value.toLowerCase();
    const searchView = document.getElementById('searchView');
    const resultsList = document.getElementById('searchResultsList');
    
    // On cible TOUTES les macros d'onglets possibles dans Confluence
    const allTabMacros = document.querySelectorAll('.aui-tabs, .tabs-container, .composition-tabs-container, [data-macro-name="auitabs"], .md-main-content');

    if (filter.length > 0) {
        // 1. MASQUER TOUTES LES MACROS D'ONGLETS
        allTabMacros.forEach(el => {
            el.style.setProperty('display', 'none', 'important');
        });

        // 2. AFFICHER LA ZONE DE RECHERCHE
        searchView.style.display = "block";
        resultsList.innerHTML = ""; 
        let found = 0;

        // 3. RECHERCHE DANS LES QUESTIONS
        document.querySelectorAll('.md-item').forEach(item => {
            const q = item.querySelector('.md-question').innerText;
            const a = item.querySelector('.md-answer').innerText;
            
            if (q.toLowerCase().includes(filter) || a.toLowerCase().includes(filter)) {
                found++;
                resultsList.innerHTML += `
                    <div class="search-result-item" onclick="resetPage('${q.replace(/'/g, "\\'")}')" style="padding: 20px 0; border-bottom: 1px solid #eee; cursor: pointer;">
                        <span class="result-tag" style="color:var(--primary-blue); font-size: 12px; font-weight: bold;">📖 Reference</span>
                        <h3 style="margin: 8px 0; color: #111; font-size: 18px;">${q}</h3>
                        <p style="margin: 0; color: black; font-size: 14px; line-height: 1.6;">${a}</p>
                    </div>`;
            }
        });
        document.getElementById('resultsCount').innerText = found + " résultats trouvés";
    } else {
        // 4. RÉAFFICHER LES MACROS
        allTabMacros.forEach(el => {
            el.style.setProperty('display', 'flex', '');
            if(el.classList.contains('vertical-tabs')) el.style.display = "block";
        });
        searchView.style.display = "none";
    }
}

function resetPage(questionText) {
    document.getElementById('faqSearch').value = "";
    performSearch(); // Correction ici : performSearch au lieu de searchFAQ
    
    document.querySelectorAll('.md-item').forEach(item => {
        if(item.innerText.includes(questionText)) {
            item.setAttribute('open', 'true');
            item.scrollIntoView({ behavior: 'smooth', block: 'center' });
        }
    });
}

// --- AJOUT POUR LA RECHERCHE INSTANTANÉE ---
document.addEventListener('DOMContentLoaded', function() {
    const inputField = document.getElementById('faqSearch');
    if (inputField) {
        // "input" détecte chaque lettre tapée, le copier-coller et l'effacement
        inputField.addEventListener('input', performSearch);
    }
});
</script>




Tabs Container
directionvertical
Tabs Page
titleMon terminal
classmd-tabs-wrapper
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<div class="md-faq">

<h3 class="md-sub-title"><i class="fa-solid fa-cart-shopping"></i> Commande du terminal de paiement</h3>
	<details class="md-item">
	    <summary class="md-question">
        	Où commander un nouveau terminal de paiement ?
    	</summary>
	    <div class="md-answer">
 			<div class="liensCommande-texte"></div>        
    	</div>
	</details>

	<details class="md-item">
	    <summary class="md-question">
			Comment suivre ma commande de terminal de paiement ?
		</summary>
	    <div class="md-answer">
  			<div class="liensSuiviCommande-texte"></div>         
    	</div>
	</details>

	<details class="md-item">
	    <summary class="md-question">
			Quelle est la différence entre le mode centralisé et le mode autonome ?
    	</summary>
	    <div class="md-answer">
			<ul>
				<li><div><strong>Le Terminal Centralisé : Pour plus de confort et de visibilité.</strong></div>
C’est l'option "clé en main". Tout est piloté à distance : vos mises à jour sont automatiques et vos transactions sont visibles en temps réel sur votre <span class="dashboardLien-texte"></span>. Son grand atout ? Une sécurité maximale. Même en cas d'imprévu avec le terminal, vos données de vente sont sauvegardées sur nos serveurs. Vous encaissez l'esprit tranquille, sans aucune interruption de service.</li>
 				<li><div><strong>Le Terminal Autonome : Pour plus d'indépendance.</strong></div>
C’est une solution directe et robuste. Le terminal gère tout localement : les transactions, les réglages et les mises à jour se font directement sur l’appareil. En fin de journée, il transmet vos encaissements à votre banque de manière indépendante. C’est le choix idéal pour ceux qui préfèrent une gestion simplifiée et intégrée directement à leur matériel.</li>
			</ul>
    	</div>
	</details>

	<details class="md-item">
	    <summary class="md-question">
			Tous les terminaux de paiement de Monext peuvent‑ils fonctionner en mode centralisé ou en mode autonome ?
    	</summary>
	    <div class="md-answer">
			Oui, tous les terminaux de paiement Monext peuvent fonctionner en mode centralisé ou en mode autonome selon vos besoins.
    	</div>
	</details>

	<details class="md-item">
    	<summary class="md-question">
			Puis-je utiliser  mon contrat bancaire sur plusieurs terminaux ?
	    </summary>
    	<div class="md-answer">
			Oui, votre contrat bancaire peut être utilisé sur plusieurs terminaux de paiement.
    	</div>
	</details>

<h3 class="md-sub-title"><i class="fas fa-power-off"></i> Installation du terminal de paiement</h3>
	<details class="md-item">
	    <summary class="md-question">
			Où trouver le guide d'utilisation du terminal de paiement ?
		</summary>
	    <div class="md-answer">
			Les guides d'utilisation des différents terminaux de paiement <a href="https://docs.monext.fr/spaces/DT/pages/1290879400/Guide+d+utilisation"> sont disponibles en cliquant ici.</a>
    	</div>
	</details> 

	<details class="md-item">
	    <summary class="md-question">
			Comment obtenir de l'assistance à l'installation du terminal de paiement ?
		</summary>
	    <div class="md-answer">
			<div class="contactTel-texte">.</div>
		</div>
	</details> 

<h3 class="md-sub-title"><i class="fas fa-scroll"></i> Accessoires et consommables</h3>
	<details class="md-item">
	    <summary class="md-question">
			Mon terminal est-il livré avec une carte de domiciliation bancaire ?
	    </summary>
    	<div class="md-answer">
			<div>Nous avons conçu nos envois pour que vous puissiez commencer à encaisser le plus rapidement possible ! Tout dépend du modèle choisi :</div>
			<ul>
	 			<li>Pour<strong> un terminal de paiement autonome</strong>, vous n’avez aucune démarche supplémentaire à effectuer : votre carte de domiciliation est <strong>directement incluse dans votre colis.</strong> Elle accompagne votre terminal dès son envoi pour vous permettre une mise en service immédiate et sans attente. Vous recevez ainsi une solution complète, prête à l'emploi.</li>
				<li>Pour <strong> un terminal de paiement centralisé</strong>, C'est encore plus simple : ce modèle ne nécessite <strong>aucune carte physique</strong>. La configuration se fait automatiquement à distance via nos serveurs, ce qui vous permet de gagner du temps lors de l'installation.</li>
			</ul>
	    </div>
	</details>

	<details class="md-item">
        <summary class="md-question">
            Comment commander des bobines de papier thermiques pour mon terminal de paiement ?
        </summary>
        <div class="md-answer">
            <div>Monext ne vend pas de bobines de papier thermiques. Toutefois, voici les caractéristiques du terminal de paiement VERIFONE VP100 (VICTA Portable) :</div>
            <ul>
                <li>Largeur de la bobine : 57 mm</li>
                <li>Diamètre de la bobine : 30 mm</li>
            </ul>
            <div>Ils sont disponibles chez les fournisseurs habituels.</div>
        </div>
    </details>

    <details class="md-item">
        <summary class="md-question">
            Comment commander un accessoire pour mon terminal de paiement ?
        </summary>
        <div class="md-answer">
            <div>Les terminaux de paiement sont fournis avec une alimentation électrique, un pin pour la trappe SIM, une batterie et une bobine de papier thermique (si nécessaire).</div>
            <div>Pour tout autre accessoire, nous vous invitons à consulter vos fournisseurs habituels.</div>
        </div>
    </details> 



</div>
Tabs Page
titleMes encaissements
classmd-tabs-wrapper
HTML
<div class="md-faq">

<h3 class="md-sub-title"><i class="fas fa-credit-card"></i> Moyens de paiement </h3>  
<details class="md-item">
    <summary class="md-question">
		Quels sont les moyens de paiement disponibles sur mon terminal de paiement ?
    </summary>
    <div class="md-answer">
<div>Par défaut, votre terminal de paiement est configuré pour accepter les cartes CB, Visa et Mastercard.</div>
<div>D'autres moyens de paiement peuvent également être activés sur demande, notamment :</div>
<ul>
<li>American Express,</li>
<li>Titres-restaurant dématérialisés (CONECS).</li>
</ul>

<div>L'activation de ces options nécessite <strong> un numéro de contrat spécifique. </strong>Pour en savoir plus ou procéder à l'activation, <span class="contactU-texte"></span>.</div>
    </div>
</details>

<details class="md-item">
    <summary class="md-question">
		Comment  ajouter un moyen de paiement ( titres-restaurant dématerialisés (CONECS) et American Express) ?
    </summary>
    <div class="md-answer">
		Vous souhaitez proposer davantage de moyens de paiement à vos clients ? <span class="contactU-texte"></span>. Pensez simplement à préciser le numéro de contrat.
    </div>
  </details>

<details class="md-item">
    <summary class="md-question">
		Comment  supprimer un moyen de paiement?
    </summary>
    <div class="md-answer">
		Pour supprimer un moyen de paiement,  <span class="contactU-texte"></span>. Pensez simplement à préciser le numéro de contrat.
    </div>
  </details>


<details class="md-item">
    <summary class="md-question">
Puis-je réaliser un remboursement depuis mon terminal de paiement ?
    </summary>
    <div class="md-answer">
		Oui, votre terminal bénéficie des opitons de crédit et d'annulation d'une transaction. Pour toute demande d'assistance,  <span class="contactU-texte"></span>.
    </div>
</details>


 
<h3 class="md-sub-title"><i class="fas fa-sync-alt"></i> Télécollecte  </h3>
<details class="md-item">
    <summary class="md-question">
		Qu’est-ce qu’une télécollecte ?
    </summary>
    <div class="md-answer">
		<div>La télécollecte est une étape cruciale de votre activité : c'est le moment où votre terminal transmet le récapitulatif de toutes vos transactions de la journée à votre banque pour qu’elles soient remisées sur votre compte.</div>
		<div>Par défaut, une télécollecte automatique est programmée par Monext. </div>
    </div>
  </details>

<details class="md-item">
    <summary class="md-question">
		À quelle heure mon terminal de paiement fait-il sa télécollecte ?
    </summary>
    <div class="md-answer">
		<div>L’heure de télécollecte dépend de la configuration de votre matériel :</div>
		<ul>
			<li>Si votre terminal est centralisé : La télécollecte s’effectue automatiquement tout au long de la journée, au fil de l’eau. Vous n'avez aucune heure fixe à surveiller.</li>
			<li>Si votre terminal est autonome : Elle est programmée par défaut chaque soir. Veillez simplement à ce que votre terminal reste allumé et connecté. En cas d'écher, une nouvelle tentative aura lieu le lendemain.</li>
		</ul>
    </div>
  </details>

<details class="md-item">
    <summary class="md-question">
		Comment changer l'heure de télécollecte automatique?
    </summary>
    <div class="md-answer">
				<div> <span class="contactUDeb-texte"> </span> Pensez simplement à nous communiquer la nouvelle heure de télécollecte.</div> 
				<div> Pour information : </div> 
				<div class="telecollecte2-texte"></div>  
    </div>
</details>


<details class="md-item">
    <summary class="md-question">
		Comment supprimer la télécollecte automatique ?
    </summary>
    <div class="md-answer">
		<div>La désactivation de la télécollecte automatique peut entraîner un risque d’oubli de validation. Monext propose une télécollecte manuelle, mais recommande de maintenir la télécollecte automatique active pendant les heures de fermeture de votre établissement afin de sécuriser le processus.</div>
		<div> Pour toute demande, <span class="contactU-texte"></span> </div> 
    </div>
</details>

<details class="md-item">
    <summary class="md-question">
		Comment obtenir le détail de la télécollecte?
    </summary>
    <div class="md-answer">
		<div>Il est toujours possible d’obtenir le détail des télécollectes.</div>
		<ul>
			<li>Si votre demande concerne la dernière télécollecte :Vous pouvez rééditer le ticket directement depuis votre terminal de paiement en cliquant sur Transaction => Duplicata => Remise.</li>
			<li>Si votre demande concerne une télécollecte antérieure :notre équipe Support reste à votre disposition pour vous le transmettre. Veillez juste à préciser la date de télécollecte souhaitée.</li>
		</ul>
    </div>
</details>

<details class="md-item">
    <summary class="md-question">
		Je veux changer l'heure de télécollecte d'American Express ou titres-restaurant dématerialisés (CONECS), comment faire?
    </summary>
    <div class="md-answer">
		La télécollecte d’un moyen de paiement est géré par l’acquéreur. MONEXT s’occupe de télécollecter les flux CB-VISA-MASTERCARD. Pour les autres moyens de paiement, nous vous invitons à prendre directement contacts avec les acquéreurs correspondants.  
    </div>
</details> 

<h3 class="md-sub-title"><i class="fas fa-calendar-check"></i>Délais & versements</h3> 
<details class="md-item">
    <summary class="md-question">
		Sous quel délai suis-je crédité ? 
    </summary>
    <div class="md-answer">
		Vous recevez vos fonds dès le lendemain de votre télécollecte (pour toute opération effectuée un jour ouvré). À noter que les banques ne traitant pas les virements les week-ends et jours fériés, les encaissements de fin de semaine sont crédités en début de semaine suivante.
    </div>
</details>
<details class="md-item">
    <summary class="md-question">
		Comment connaître le solde de mon compte ?
    </summary>
    <div class="md-answer">
		<p>
			Votre solde est disponible sur la page d'accueil de votre <span class="dashboardLien-texte"></span>.
			<div>Pour l'afficher, il suffit de : </div>
			<ul>
				<li>cliquer sur l'icone <strong> Financier </strong> puis <strong> Compte de Paiement </strong>  </li>
				<li>Sélectionner la boutique concernée puis cliquer le bouton Rechercher.</li> 
			</ul>
		</p> 
	</div>
</details>

<details class="md-item">
    <summary class="md-question">
		Comment puis-je transférer des fonds sur mon compte ?
    </summary>
    <div class="md-answer">
 		<p>
			<div>Pour alimenter votre compte de paiement, il vous suffit d'effectuer un virement bancaire depuis votre compte bancaire habituel vers votre compte Monext, en utilisant le BIC et l'IBAN communiqués dans votre e-mail d'activation.</div>
			<div>Si vous ne retrouvez plus ces informations, notre équipe Support reste à votre disposition pour vous les transmettre sur simple demande.</div>
		</p>
	</div>
</details>
<details class="md-item">
    <summary class="md-question">
		Comment réconcilier les paiements que je reçois sur mon compte bancaire ?
    </summary>
    <div class="md-answer">
 		<p>
			<div>Pour assurer un suivi précis de vos flux financiers, Monext met à votre disposition un rapport de versements quotidien (Daily Settlement Report), généré à chaque règlement effectué sur votre compte bancaire.</div>
		    <div>Ce rapport détaille l'ensemble des éléments constitutifs de votre versement :</div>
			<ul>
 					<li>les encaissements bruts et nets,</li>
 					<li>les remboursements,</li>
 					<li>les impayés,</li>
 					<li>les frais de commission,</li>
 					<li>les éventuelles corrections et transferts de solde,</li>
 					<li>le montant total réglé.</li>
			</ul>

		</p> 
    </div>
</details>
 

<h3 class="md-sub-title"><i class="fas fa-network-wired"></i> Mode hors ligne</h3>
<details class="md-item">
    <summary class="md-question">
		Puis-je encaisser mes paiements en cas de coupure de courant ?
	</summary>
    <div class="md-answer">
		Oui, vous pouvez continuer à encaisser vos clients. Votre terminal dispose d'une batterie rechargeable et bascule automatiquement sur le réseau mobile en cas de coupure — sans aucune manipulation de votre part.
    </div>
</details>  

<details class="md-item">
    <summary class="md-question">
		Puis‑je encaisser sans connexion WIFI ? 
    </summary>
    <div class="md-answer">
		<div>Oui, si votre terminal ne peut pas se connecter au Wi‑Fi ou à un réseau filaire (Ethernet), il bascule automatiquement sur sa connexion mobile grâce à sa carte SIM intégrée si disponible .</div>
		<div>Cela vous permet de continuer à encaisser vos paiements sans interruption.</div>
	</div>
</details>

</div>
Tabs Page
titleMon compte de paiement
classmd-tabs-wrapper
HTML
<div class="md-faq">
  <h3 class="md-sub-title"><i class="fas fa-user-plus"></i> Souscription  </h3>  
<details class="md-item">
    <summary class="md-question">
		Comment souscrire à un compte de paiement Monext ? 
    </summary>
    <div class="md-answer">
		<p>
			<div>La souscription à un compte de paiement MONEXT est un processus rapide, incluant la vérification de l'identité de l'entreprise, de son représentant légal ainsi que ses bénéficiaires effectifs.</div>
			<div>Elle peut être réalisée en ligne <a href="https://www.monext.com/subscribe"> à partir du portail de souscription </a>ou de manière plus standard via votre interlocuteur commercial.</div>
			<div>A l'issue de ce processus, vous disposerez  :</div>
			<ul>
				<li>d'un compte de paiement,</li>
				<li>de contrats monétiques pour les moyens de paiement et canaux de vente souhaités,</li>
				<li>d'un accès à l'interface commerçant Mybank (Tableau de Bord),</li>
				<li>d'un coffre-fort électronique personnel pour la conservation et l’archivage de vos documents bancaires, sous format électronique,</li>
				<li>de fichiers de reporting pour le suivi de votre activité opérationnelle et financière. </li>
			</ul>
		</p>
    </div>
</details> 
<details class="md-item">
    <summary class="md-question">
Quelles sont les données financières nécessaires pour obtenir une offre précontractuelle ?
    </summary>
    <div class="md-answer">
 		<p> 
 			<div>Pour établir avec précision une offre précontractuelle, nous aurons besoin des données financières suivantes:</div>
 			<ul>
				<li>Le chiffre d'affaires annuel: le montant des ventes en euros réalisées par CB, Visa et Mastercard,</li>
 				<li>Le panier moyen annuel: le montant moyen des ventes en euros réalisées par CB, Visa et Mastercard,</li>
 				<li>Le taux de remboursement annuel: le taux, en %, du montant des remboursements effectués par CB, Visa et Mastercard,</li>
 				<li>Le taux d'impayés annuel: le taux, en %, du montant des impayés liés aux ventes effectuées par CB, Visa et Mastercard,</li>
 				<li>le chiffre d'affaires maximum réalisé sur une journée: le montant, en euros, réalisé sur une journée des ventes réalisées avec CB, Visa et Mastercard.</li>
 			</ul>
			<div>Ces informations nous permettent de vous proposer une offre précise et adaptée à votre activité.</div>
		</p> 
    </div>
  </details> 

 <details class="md-item">
    <summary class="md-question">
Quelles sont les formes d'entreprises éligibles ?
    </summary>
    <div class="md-answer">
  		<p> 
 			<div>Pour souscrire en ligne chez Monext, votre entreprise doit avoir l’une des formes juridiques suivantes : </div>
  			<ul>
				<li>SA, société anonyme,</li>
 				<li>SAS, société par action simplifiée,</li>
 				<li>SASU, société par action simplifiée unipersonnelle,</li>
 				<li>SARL, société à responsabilité limitée.</li>
 			</ul>
			<div>💡Si votre société revêt une forme juridique différente, nous vous invitons à contacter notre service commercial pour trouver la solution adaptée.</div>
    </div>
  </details>

<details class="md-item">
    <summary class="md-question">
		Existe-il des catégories de produits, biens et services dont la vente est interdite ou limitée ?
    </summary>
    <div class="md-answer">
	<div>Oui, certaines activités sont interdites et ne peuvent pas faire l’objet d’un contrat d’acceptation Monext :</div>
		<ul>
		    <li>Pornographie infantile ;</li>
			<li>Vente illégale de drogues, tabacs ;</li>
			<li>Sites Internet de jeux d'argent en fonction de la juridiction en cours dans le pays émetteur ;</li>
			<li>Vente de marchandises contrefaites ou en violation des droits de propriétés ;</li>
			<li>Pornographie « agressive » : bestialité, viol, mutilation… ;</li>
			<li>Agrégateurs[1].</li>
			<li>Toute autre activité punie par la loi est également interdite d’opération.</li>
		</ul> 
	    <div>Certaines activités sont jugées à hauts risques, car elles peuvent générer un taux plus élevé d’impayés. Elles nécessitent une déclaration préalable à Monext et un suivi particulier :</div>
		<ul>
			<li>Cyberlocker (services d’hébergement ou de téléchargement de données) ;</li>
			<li>Fournisseur de Crypto-monnaie ;</li><li>Grossiste en produits pharmaceutiques en vente à distance ou par e-commerce ;</li>
			<li>Détaillant de produits pharmaceutiques en vente à distance ou par e-commerce</li>
			<li>Agence de voyages en marketing direct ;</li><li>Sites de télémarketing en vente à distance ou par e-commerce ;</li>
			<li>Sites de télémarketing pour adultes (« sexshop ») en vente à distance ou par e-commerce ;</li>
			<li>Vente de tabac en vente à distance ou par e-commerce ;</li>
			<li>Sites pour adultes (vente de films, « streaming ») en vente à distance ou par e-commerce ;</li>
			<li>Paris et jeux en ligne en vente à distance ou par e-commerce.</li>
 		</ul> 
        <div>Sans être interdites, ces activités devront faire l’objet d’une déclaration préalable à Monext et d’un suivi particulier par celle-ci.</div>
        <div>Ces listes sont susceptibles d’évoluer selon la législation en vigueur.</div>
		<div>[1] Un agrégateur est un commerçant qui traite les transactions d’un autre commerçant et les communique à sa banque acquéreur sans l’indiquer dans l’opération de paiement.</div>
    </div>
</details> 


<h3 class="md-sub-title"><i class="fas fa-edit"></i>Modifications administratives </h3>  
<details class="md-item">
    <summary class="md-question">
Comment changer ma raison sociale ?
    </summary>
    <div class="md-answer">
		Si vous souhaitez modifier la raison sociale de votre enseigne,<span class="kyc-texte"></span>
    </div>
  </details> 
<details class="md-item">
    <summary class="md-question">
Comment changer mon adresse ?
    </summary>
    <div class="md-answer">
 		Si vous souhaitez modifier l'adresse de votre enseigne,<span class="kyc-texte"></span>
    </div>
  </details> 
<details class="md-item">
    <summary class="md-question">
Comment changer mon SIRET ?
    </summary>
    <div class="md-answer">
 		Si vous souhaitez modifier le numéro SIRET de votre entreprise,<span class="kyc-texte"></span> 
    </div>
  </details> 
<details class="md-item">
    <summary class="md-question">
Comment  changer le nom de mon enseigne sur les tickets terminal de paiement ?
    </summary>
    <div class="md-answer">
Si vous souhaitez changer le libellé de votre enseigne sur les tickets du terminal de paiement, <span class="contactU-texte"></span>. Pensez simplement à préciser le libellé exact que vous souhaitez voir apparaître sur vos tickets.
    </div>
  </details> 
<details class="md-item">
    <summary class="md-question">
		Comment modifier le nom du commerçant sur le relevé bancaire de l'acheteur ?
    </summary>
    <div class="md-answer">
Si vous souhaitez changer le libellé de votre enseigne sur le relevé bancaire de l'acheteur, <span class="contactU-texte"></span>. Pensez simplement à préciser le libellé souhaité.
        <div>Nous transmettons ces informations à la banque de l’acheteur, mais la présentation finale dépend de celle-ci.</div>
	</div>
</details>
<details class="md-item">
    <summary class="md-question">
		Qui dois-je informer en cas de changement de mode de vente, ou de nature des biens, produits et services vendus ?
    </summary>
    <div class="md-answer">
		<div>Votre contrat avec Monext précise votre activité principale (Code NAF) et votre type de commerce (proximité ou en ligne).</div>
		<div>Si vous changez de mode de vente ou de catégories de produits/services, il est important de nous en informer au préalable.</div>
		<div>Par changement de mode de vente, on entend par exemple :</div>
		<ul>
			<li>Passer d’un terminal de paiement ou automate à la vente en ligne,</li>
			<li>Modifier les catégories de biens, produits ou services proposés.</li>
		</ul>
		<div>Cette information nous permet de mettre à jour votre dossier. </div>
	</div>
</details>

 <h3 class="md-sub-title"><i class="fas fa-file-invoice"></i> Relevés et rapports</h3>  

<details class="md-item">
    <summary class="md-question">
Où trouver mon relevé mensuel ?
    </summary>
    <div class="md-answer">
<div>Votre relevé mensuel est disponible à tout moment depuis votre <span class="dashboardLien-texte"></span> : dans le menu Financier > Documents. Vous pouvez le consulter et le télécharger directement depuis cet espace, sans attendre sa réception.
Si le document est absent ou si vous constatez un écart dans les montants indiqués,  <span class="contactU-texte"></span>.
  </details>

<details class="md-item">
    <summary class="md-question">
		Quels sont les rapports financiers disponibles ?
    </summary>
    <div class="md-answer">
   		<p>
 			<div>Monext fournit les rapports financiers suivants :</div>
     		<ul>
				<li>Rapport des versements quotidiens (Daily Settlement Report),</li>
				<li>Rapport des impayés et fraudes (Chargeback and Fraud Report),</li>
 				<li>Rapport des opérations (Operations Report).</li>
  			</ul>  
	    <div>Vous pouvez télécharger ces rapports depuis votre <span class="dashboardLien-texte"></span> en accédant au menu Financier> Mes rapports puis en sélectionnant le rapport que vous souhaitez et cliquez sur Télécharger</div>
		</p>
    </div>
</details>


<h3 class="md-sub-title"><i class="fas fa-file-signature"></i> Réclamation & résiliation</h3>  
<details class="md-item">
    <summary class="md-question">
Quelles sont les modalités de réclamations pour le contrat monétique ?
    </summary>
    <div class="md-answer">
		<div>En cas de difficulté dans le fonctionnement de votre compte de paiement ou pour formuler une réclamation, vous pouvez nous contacter : <div>
		<ul>
			<li>par internet <a href="mailto:reclamation@monext.net"> en nous écrivant par mail à l'adresse reclamation@monext.net,</a></li>
			<li>par courrier à <strong >MONEXT - Services de Paiement, 80 Chemin de la Faisanderie, 13290 Aix-en-Provence, France</strong>,</li>
		</ul>       
		<div>Toute réclamation concernant l’exécution de votre Contrat cadre de services de paiement doit être adressée à MONEXT par écrit dans un délai maximum de six (6) mois à compter de la date de l'opération contestée, sous peine de forclusion.</div>

		<div><i style="color: black !important;">Ce délai est réduit à quinze (15) jours calendaires à compter de la date de débit du compte résultant d'une opération de paiement non garantie, notamment en cas d'impayé.</i></div>

		<div>Nos réponses pourront vous être communiquées sur support papier ou électronique :</div>
		<ul>
			<li>Pour toute demande concernant le compte ou les services de paiement : dans un délai maximal de quinze (15) jours (pour des raisons indépendantes de la volonté de MONEXT, ce délai pourra être porté à trente-cinq [35] jours) ;</li>
			<li>Pour tout autre sujet : Le délai maximal est de 2 mois.</li>
		</ul>
    </div>
</details>
 

<details class="md-item">
    <summary class="md-question">
		Comment résilier mon contrat monétique ?
    </summary>
    <div class="md-answer">
		<div>Nous avons conçu notre contrat monétique pour qu'il s'adapte à l'évolution de votre activité. Si vous souhaitez nous quitter, la démarche est simple et transparente :</div>
		<ul>
			<li><strong>Une grande liberté :</strong> Vous pouvez résilier votre contrat à tout moment, sans avoir à fournir de justification,</li>
			<li><strong>La procédure :</strong> Il vous suffit de nous informer de votre décision par l'envoi d'une lettre recommandée avec accusé de réception (LRAR) ou <a href="https://online.monext.fr/plugins/servlet/theme/portal/1421/create/4544"> via ce formulaire</a>,</li>
			<li><strong>Les délais de préavis :</strong> Pour vous laisser le temps de vous organiser, un préavis de 30 jours est à prévoir de votre côté (ce délai est porté à 2 mois si l'initiative vient de nos services),</li>
			<li><strong>Continuité de votre activité :</strong> Pas d'inquiétude pour votre business ! En cas de départ, vous conservez la pleine liberté de continuer à utiliser vos moyens de paiement avec l'acquéreur de votre choix.</li>
		</ul>
		<div><strong>À noter :</strong> La clôture définitive interviendra une fois que toutes les opérations en cours auront été totalement dénouées, afin de garantir une transition comptable parfaite.</div>
    </div>
</details>


</div>

Tabs Page
titleMon espace client
classmd-tabs-wrapper
HTML
<div class="md-faq">

 
<h3 class="md-sub-title"><i class="fas fa-lock"></i> Accès & authentification</h3>  
<details class="md-item">
    <summary class="md-question">
<div>L’accès à l'<span class="dashboard-texte"></span> est‑il inclus pour tous les clients professionnels, ou varie‑t‑il selon l’offre ?</div>
    </summary>
    <div class="md-answer">
		<div>Oui. Quel que soit votre contrat, tous les clients Monext bénéficient d'un accès à l'<span class="dashboardLien-texte"></span> pour suivre et gérer leur activité.</div>
</div>
</details> 

<details class="md-item">
    <summary class="md-question">
		Comment me connecter à mon compte ?
    </summary>
    <div class="md-answer">
  		<p>
			<div>Votre <span class="dashboardLien-texte"></span> Monext vous permet de :</div>
   			<ul>
				<li>Consulter les opérations réalisées sur votre compte de paiement,</li>
 				<li>Accéder aux documents stockés dans le coffre-fort électronique associé à votre compte,</li>
 				<li>Télécharger des rapports.</li>
    		</ul> 
 			<div>Pour vous connecter à votre compte de paiement Monext, il suffit de vous munir de vos identifiants de connexion qui vous ont été communiqué lors de votre souscription et de vous rendre sur l'<span class="dashboard-texte"></span> :</div>
			<div class="liensDash-texte"></div>
		</p>
    </div>
</details>
 
<details class="md-item">
    <summary class="md-question">
		<div>J’ai perdu mes identifiants de connexion de mon <span class="dashboard-texte"></span>, comment faire ?</div>
    </summary>
    <div class="md-answer">
		Si vous avez perdu vos identifiants, <span class="contactU-texte"></span> Pensez simplement à préciser votre identifiant commerçant ou numéro de contrat monétique.
<div class="liensDash-texte"></div>
	</div>
</details> 
 
<details class="md-item">
    <summary class="md-question">
		<div>Comment ajouter un nouvel utilisateur sur mon <span class="dashboard-texte"></span> ?</div>
    </summary>
    <div class="md-answer">
  		<p>
 			<div>Pour ajouter un utilisateur, cliquez sur l'icône utilisateur en haut à droite de votre <span class="dashboardLien-texte"></span>. Vous pourrez alors définir :</div>
   			<ul>
				<li>son identifiant de connexion,</li>
 				<li>le ou les boutiques qu'il pourra visualiser,</li>
 				<li>son profil utilisateur.</li>
    		</ul> 
 			<div> A noter que la possibilité de créer de nouveaux utilisateurs n'est possible que pour les profils Administrateur.  </div>
 		</p> 
    </div>
</details>

<details class="md-item">
    <summary class="md-question">
		Quels sont les profils utilisateurs disponibles ?
    </summary>
    <div class="md-answer">
  		<p>
 			<div>Vous avez accès aux deux profils utilisateurs suivants :</div>
    		<ul>
				<li>Consultation : ce profil permet uniquement la consultation des opérations sur le compte de paiement ainsi que l'accès aux documents du coffre-fort,</li>
 				<li>Administrateur : ce profil donne les accès du profil Consultation et autorise la création des utilisateurs.</li>
			</ul>
 		</p> 
    </div>
</details>
 

</div>
Tabs Page
titleMon assistance
classmd-tabs-wrapper
HTML
<div class="md-faq">
  <h3 class="md-sub-title"><i class="fas fa-box-open"></i> Assistance à l’installation</h3>

    <details class="md-item">
        <summary class="md-question">
            Comment obtenir de l’assistance pour installer mon terminal de paiement ?
        </summary>
        <div class="md-answer">
            <div class="contactTel-texte"> . </div>
        </div>
    </details>

<details class="md-item">
    <summary class="md-question">
		Comment obtenir une aide technique en cas de problème sur mon terminal ?
	</summary>
    <div class="md-answer">
		<div class="contactTel-texte">.</div>
	</div>
</details>

    <details class="md-item">
        <summary class="md-question">
			Mon terminal de paiement ne propose pas tous les moyens de paiement auxquels j'ai souscrit, que faire ?
        </summary>
        <div class="md-answer">
            <div>
Si vous constatez que certains moyens de paiement ne fonctionnent plus, notamment après le changement de terminal de paiement. <span class="contactTel-texte"></span> 
                
            </div>
        </div>
    </details>
<details class="md-item">
    <summary class="md-question">
J'ai un problème de télécollecte, que faire ?
    </summary>
    <div class="md-answer">
		<div> <span class="contactUDeb-texte"> </span> Pensez à nous préciser la date de la télécollecte pour laquelle vous constatez un problème.</div>  
    </div>
</details> 

<h3 class="md-sub-title"><i class="fas fa-tools"></i>Maintenance des terminaux de paiement</h3>
<details class="md-item">
    	<summary class="md-question">
			Comment fonctionne la maintenance de mon matériel ?
	    </summary>
    	<div class="md-answer">
			<div>Pour garantir la continuité de vos encaissements, nous proposons deux modes d’intervention selon votre contrat.</div>
			<ul>
				<li><strong>L’échange par transporteur : </strong>Nous organisons la livraison d’un terminal de remplacement directement à votre adresse. Pour vous simplifier la vie, le transporteur vous remet le nouveau matériel et récupère l’ancien en un seul passage.</li>
 				<li><strong>L’intervention par technicien :</strong> Un expert se déplace directement dans votre établissement. Il assure le diagnostic technique et la remise en service de votre matériel sur place.</li>
			</ul>
		    <div>Dans les deux cas, vous bénéficiez d'un accès prioritaire à notre assistance téléphonique pour un diagnostic immédiat.</div> 
    	</div>
</details>   

 
<details class="md-item">
    <summary class="md-question">
		Comment suivre la demande de remplacement ?
	</summary>
    <div class="md-answer">
   		<div class="liensSuiviSAV-texte"></div> 
	</div>
</details>  

<h3 class="md-sub-title"><i class="fas fa-tools"></i>Dépannage & messages d’erreur</h3>
<details class="md-item">
    <summary class="md-question">
		Que faire si je constate un écart comptable que je ne comprends pas ?
    </summary>
    <div class="md-answer">
		Si vous constatez un écart comptable, <span class="contactU-texte">.</span>. Pensez simplement à préciser le montant et la date de remise. Nous pourrons ainsi vérifier votre dossier et vous apporter les explications nécessaires.
    </div>
</details>   
<details class="md-item">
    <summary class="md-question">
		Que faire si un message d’erreur s’affiche sur mon terminal de paiement ?
    </summary>
    <div class="md-answer">
		<div class="contactTel-texte">.</div>
	</div>
  </details>
  
     <h3 class="md-sub-title"><i class="fas fa-exclamation-triangle"></i> Casse, vol & perte</h3>

  <details class="md-item">
        <summary class="md-question">
            Que faire en cas de dysfonctionnement de mon terminal de paiement ?
        </summary>
        <div class="md-answer">
			<div class="contactUDeb-texte"><//div>
        </div>
    </details>

	<details class="md-item">
        <summary class="md-question">
            Que faire en cas de vol ou perte de mon terminal de paiement ?
        </summary>
        <div class="md-answer">
            <div>Il est primordial d'informer le service client de la perte ou du vol de votre terminal de paiement <span class="justeMail-texte"></span> Pensez à préciser le le numéro du contrat de maintenance ( si vous en avez un ) afin d'en demander la résiliation.<div>
            <div class="liensCommande-texte"></div>
            <div>Monext rappelle que chaque commerçant est responsable de son/ses terminal(aux) de paiement. À ce titre, nous vous recommandons de vous rapprocher de votre assureur afin de vérifier les modalités de prise en charge en cas de perte ou de vol.</div>
        </div>
    </details>


HTML
<script>
(function () {
  const root = (window.parent && window.parent.document) ? window.parent.document : document;

  function fillTexts() {

    const domiText = `Les terminaux de paiement fonctionnent uniquement avec un contrat acquéreur Monext.`;
    root.querySelectorAll('.domi2-texte').forEach(el => el.innerHTML = domiText);

    const telecollecteText = `
      <p>
        Si votre télécollecte est effectuée avant 23h30 un jour ouvré en France,
        le paiement est crédité le lendemain. Au-delà de 23h30, le versement est
        reporté au surlendemain.<br>
        <strong>Exemples :</strong><br>
        • 5 janvier à 22h → paiement le 6 janvier<br>
        • 5 janvier à 23h45 → paiement le 7 janvier
      </p>
    `;
    root.querySelectorAll('.telecollecte2-texte').forEach(el => el.innerHTML = telecollecteText);

    const dashboardText = `espace client`;
    root.querySelectorAll('.dashboard-texte').forEach(el => el.innerHTML =   dashboardText );

 
    const dashboardLien = `<a href="https://admin.payline.com/v5/back-office/home">espace client</a>`;
    root.querySelectorAll('.dashboardLien-texte').forEach(el => el.innerHTML =   dashboardLien ); 

    const contactMailText = `notre équipe est là pour vous accompagner. Il vous suffit de <a href="https://support.payline.com" class="support-link"> nous contacter via ce lien</a>`;
    root.querySelectorAll('.contactU-texte').forEach(el => el.innerHTML = contactMailText);

    const contactMailDeb = `Notre équipe est là pour vous accompagner, <a href="https://support.payline.com" class="support-link">cliquez simplement ici</a> pour nous contacter.`;
    root.querySelectorAll('.contactUDeb-texte').forEach(el => el.innerHTML = contactMailDeb);

	const justeMail = `<a href="https://support.payline.com" class="support-link">en cliquant simplement ici</a>.`;
    root.querySelectorAll('.justeMail-texte').forEach(el => el.innerHTML =  justeMail );

    const contactTelText = `Notre équipe est à votre disposition pour <a href="tel:+33969326625"> vous accompagner au 09 69 32 66 25 (service disponible du lundi au samedi, de 7h30 à 20h, appel non surtaxé)</a>.`;
    root.querySelectorAll('.contactTel-texte').forEach(el => el.innerHTML = contactTelText);


    const liensDashboard = `<div><a href="https://admin.payline.com/v5/back-office/home"> Voici le lien de l'espace client de production </a></div>
		<div><a href="https://homologation-admin.payline.com/v5/back-office/home"> Voici le lien de l'espace client d'homologation</a></div> `;
     root.querySelectorAll('.liensDash-texte').forEach(el => el.innerHTML =  liensDashboard ); 

	const liensCommande = `<span>Vous pouvez effectuer votre commande en quelques clics directement depuis votre <strong>Espace Client</strong>.</span>
<div>Il vous suffit <a href="https://admin.payline.com/v5/back-office/terminals/shop">de cliquer ici</a> ou de vous rendre dans la rubrique <strong>Paiement en personne</strong>, puis sélcetionner l’onglet <strong>Terminaux</strong>. Vous y trouverez l'option <strong>Commander un terminal</strong> pour finaliser votre commande.`;
	root.querySelectorAll('.liensCommande-texte').forEach(el => el.innerHTML =   liensCommande );  

 const liensSuiviCommande = `<div>Une fois votre commande validée, vous pouvez suivre son acheminement en toute simplicité depuis votre <strong>Espace Client</strong>.</div>
<div>Il vous suffit <a href="https://admin.payline.com/v5/back-office/terminals/orders/search">de cliquer ici</a> ou de vous rendre dans la rubrique <strong>Paiement en personne</strong>, puis de cliquer sur l’onglet <strong>Commandes</strong>. Vous y trouverez le statut de votre commande.`;
	root.querySelectorAll('.liensSuiviCommande-texte').forEach(el => el.innerHTML =    liensSuiviCommande ); 

  const liensSuiviSAV = `<div>Une fois votre demande de remplacement validée, vous pouvez suivre son acheminement en toute simplicité depuis votre <strong>Espace Client</strong>.</div>
<div>Il vous suffit <a href="https://admin.payline.com/v5/back-office/terminals/tickets/search">de cliquer ici</a> ou de vous rendre dans la rubrique <strong>Paiement en personne</strong>, puis sélectionner l’onglet <strong>SAV</strong>. Vous y trouverez le statut de votre commande.`;
	root.querySelectorAll('.liensSuiviSAV-texte').forEach(el => el.innerHTML =    liensSuiviSAV );   
 
    const kycText = `
      nous vous invitons à nous contacter afin que nous puissions mettre à jour votre dossier.
      <div>Veuillez préparer les documents suivants :</div>
      <ul>
        <li>Extrait du KBIS à jour,</li>
        <li>Un relevé d’identité bancaire du compte de versement,</li>
      </ul>
		Cela permet de traiter votre demande rapidement et en toute sécurité.
    `;
    root.querySelectorAll('.kyc-texte').forEach(el => el.innerHTML = kycText);
  }

  if (root.readyState === 'loading') {
    root.addEventListener('DOMContentLoaded', fillTexts);
  } else {
    fillTexts();
  }
})();
</script>




HTML
<style>
/* --- VARIABLES --- */
:root {
    --primary-blue: #3474FF;
    --text-main: #3474FF;
    --text-muted: #141414;
    --border-color: #E9EFFF;
    --card-shadow: 0 10px 30px rgba(0,0,0,0.05);
    --active-shadow: 0 4px 12px rgba(52, 116, 255, 0.3);
}

/* --- STRUCTURE GLOBALE --- */
.aui-tabs.vertical-tabs {
    display: flex !important;
    gap: 25px !important;
    padding: 20px !important;
    align-items: flex-start !important;
    border: none !important;
}

/* --- LE CONTENEUR PRINCIPAL --- */
.aui-tabs.vertical-tabs > .tabs-menu {
    display: flex !important;
    flex-direction: column !important; /* Force l'empilement vertical */
    flex: 0 0 350px !important;
    width: 550px !important;
    background: #FFFFFF !important;
    border-radius: 32px !important;
    padding: 24px !important; /* Padding uniforme tout autour */
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    border: none !important;
	background-image: none !important;
}

/* --- LE TITRE (CORRECTIF FINAL) --- */
.aui-tabs.vertical-tabs > .tabs-menu::before {
    content: "Catégories (5)";
    display: block !important; /* Redevient un bloc normal */
    position: static !important; /* Ne flotte plus au-dessus */
    
    /* Style */
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    color: var(--primary-blue)!important;
    margin-bottom: 34px !important; /* Crée l'espace nécessaire AVEC le menu */
    padding-left: 10px !important;
    white-space: nowrap !important;
}

/* --- LES ÉLÉMENTS DU MENU --- */
.aui-tabs.vertical-tabs > .tabs-menu .menu-item {
    margin-bottom: 8px !important;
    list-style: none !important;
    width: 100% !important;
}

.aui-tabs.vertical-tabs > .tabs-menu .menu-item a {
    display: flex !important;
    align-items: center !important;
    padding: 16px 20px !important;
    border-radius: 18px !important;
    color: black!important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}

/* --- L'ÉTAT ACTIF (BLEU) --- */
.aui-tabs.vertical-tabs > .tabs-menu .menu-item.active-tab a {
    background: #4453FF !important;
    color: #FFFFFF !important;
    box-shadow: 0 10px 20px rgba(68, 83, 255, 0.2) !important;
}

/* --- COLONNE GAUCHE (MENU) --- */
.aui-tabs.vertical-tabs > .tabs-menu {
    flex: 0 0 350px !important;
    width: 350px !important;
    min-width: 350px !important; /* Verrouille la taille pour éviter le rétrécissement */
    background: #FFFFFF !important;
    border-radius: 24px !important;
    padding: 24px 12px !important;
    box-shadow: var(--card-shadow) !important;
    border: none !important;
}

.aui-tabs.vertical-tabs > .tabs-menu .menu-item {
    margin-bottom: 8px !important;
    list-style: none !important;
    padding: 0 !important; /* Aligne parfaitement les icônes dossiers à gauche */
}

.aui-tabs.vertical-tabs > .tabs-menu .menu-item a {
    display: flex !important;
    align-items: center !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
    color: black!important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.aui-tabs.vertical-tabs > .tabs-menu .menu-item.active-tab a {
    background: var(--primary-blue) !important;
    color: #FFFF!important;  
    box-shadow: var(--active-shadow) !important;
}

/* --- COLONNE DROITE (CONTENU) --- */
.aui-tabs.vertical-tabs > .tabs-pane {
    flex: 1 !important;
    background: #FFFFFF !important;
    border-radius: 24px !important;
    padding: 30px !important;
    box-shadow: var(--card-shadow) !important;
}

/* --- TITRES DE CATÉGORIES (H3) ULTRA-COMPACTS --- */
.md-sub-title {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--primary-blue)!important;
    text-transform: uppercase !important;
    margin: 0 !important; /* Supprime l'espace avant et après */
    padding: 15px 0 5px 0 !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* --- QUESTIONS (ACCORDÉONS) --- */
.md-faq {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.md-item {
    margin-top: 0 !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.md-question {
    padding: 16px 20px !important;
    font-weight: 500 !important;
    color: var(--text-muted) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer !important;
}

/* Flèche de droite */
.md-question::after {
    content: "\2304" !important;
    font-size: 20px !important;
    color: var(--primary-blue)!important;
    transition: transform 0.3s ease !important;
}

.md-item[open] .md-question::after {
    transform: rotate(180deg) !important;
}

/* --- RÉPONSES ET FEEDBACK --- */
.md-answer {
    padding: 15px 20px 15px 20px !important; /* Espace bas pour le feedback */
    font-size: 14px !important;
    position: relative !important;
    border-top: 1px solid var(--border-color) !important;
}

/* --- NETTOYAGE CONFLUENCE --- */
.tabs-pane > p, .tabs-pane > br, .md-faq > p, .md-faq > br {
    display: none !important;
}
i {
  margin-right: 10px;
  width: 20px; /* Aligne verticalement toutes les icônes */
  text-align: center;
  color : var(--primary-blue) !important;
}
.parent-container { /* Remplacez par la classe de votre bloc blanc */
    font-size: 0;
}

.parent-container > * {
    font-size: 1rem; /* Remet la taille du texte normale pour le contenu */
    display: inline-block;
}
</style>