Logto a commencé avec le CIAM pour diverses raisons (nous aurons un autre article à ce sujet). Pendant le développement, nous avons réalisé qu'avoir une compréhension unifiée au sein de l'équipe serait bénéfique avant de porter notre produit au niveau supérieur. Nous espérons que cela vous aidera également à mieux comprendre le paysage IAM.
GaoFounder
Arrêtez de perdre des semaines sur l'authentification des utilisateurs
Lancez des applications sécurisées plus rapidement avec Logto. Intégrez l'authentification des utilisateurs en quelques minutes et concentrez-vous sur votre produit principal.
J'ai commencé à construire Logto car j'ai remarqué que la Gestion des Identités et des Accès (IAM) était devenue de plus en plus complexe et étendue au fil du temps. Le concept d'IAM est même assez large pour donner naissance à de nouveaux concepts, tels que WIAM (Workforce IAM) et CIAM (Customer IAM).
Bien que WIAM et CIAM partagent la même base, ils ont des cas d'utilisation distincts: WIAM est généralement utilisé pour les utilisateurs internes, tandis que CIAM est utilisé pour les clients externes.
Quelques exemples :
WIAM Votre entreprise dispose d'un système d'identité unifié pour les employés, ainsi chacun peut utiliser le même compte pour accéder aux ressources de l'entreprise, telles que les abonnements logiciels, les services de cloud computing, etc.
CIAM Votre librairie en ligne nécessite un système d'identité utilisateur pour les clients et les vendeurs. L'expérience de connexion est une partie essentielle de l'intégration, car elle se situe au sommet de l'entonnoir de conversion.
Logto a commencé avec le CIAM pour diverses raisons (nous aurons un autre article à ce sujet). Pendant le développement, nous avons réalisé qu'avoir une compréhension unifiée au sein de l'équipe serait bénéfique avant de porter notre produit au niveau supérieur. Nous espérons que cela vous aidera également à mieux comprendre le paysage IAM.
Dans cet article, nous nous concentrerons sur les concepts fondamentaux du CIAM et sur les problèmes que nous pourrions rencontrer pendant ou après le flux d'authentification. Nous aborderons également la connexion unique (SSO) et ses scénarios connexes.
💡 L'authentification est initialement définie comme "Qui êtes-vous ?". Cependant, lorsqu'il s'agit d'identités numériques, il est plus précis de démontrer l'authentification en "prouvant la possession de l'identité". (Crédit à Calm-Card-2424)
Si vous découvrez quelque chose qui ne rentre pas dans l'une de ces deux catégories, il est probable qu'il ne soit pas essentiel à l'activité des identités.
Exemples pour l'authentification
Connexion par mot de passe, connexion sans mot de passe, connexion sociale, etc.
L'identité représente généralement un utilisateur ou une machine. Après une authentification réussie, un jeton ID est émis en tant qu'identité.
En d'autres termes, le principal objectif de l'authentification est d'obtenir une identité.
Un locataire est un groupe d'identités :
Lorsque nous parlons de "multi-locataire", nous faisons référence à plusieurs instances Logto qui sont isolées au niveau des identités les unes des autres. En d'autres termes, plusieurs instances Logto.
Notez qu'il y a deux systèmes d'identités isolés, c'est-à-dire que vous ne pouvez pas utiliser l'Identité du Locataire 1 dans le Locataire 2, même pour le même identifiant (e-mail, téléphone, etc.). C'est comme si votre abonnement à Costco n'était pas valide chez Whole Foods.
Tout comme l'identité, une application appartient également à un locataire. Quelques points à se rappeler :
Il n'y a généralement pas de relation directe entre une application et une identité.
Une identité peut représenter une application, mais il n'y a pas de connexion directe entre elles.
Comme les utilisateurs, les applications sont également au niveau des locataires.
Les applications sont du code, tandis que les utilisateurs sont humains.
Le seul objectif des applications est de terminer l'authentification, c'est-à-dire d'obtenir une identité.
Fournisseur d'identité (IdP) et fournisseur de services (SP)#
La différence entre ces deux fournisseurs est subtile mais importante.
Fournisseur d'identité est un service qui fournit l'authentification (AuthN) et délivre des identités.
Vous pouvez trouver diverses explications sur le fournisseur de services de Google, bien qu'elles puissent ne pas être satisfaisantes. Dans mon esprit, le fournisseur de services est un concept relatif :
Fournisseur de services (ou Partie de confiancet dans OIDC) est un service ou un client qui initie l'authentification (AuthN) et demande le résultat aux Fournisseurs d'identité.
Considérez un scénario typique de connexion sociale :
❓ Combien de Fournisseurs de services et de Fournisseurs d'identité dans ce graphique ?
Réponse
Les deux ont deux. L'application iOS est un fournisseur de services pour Logto, tandis que Logto est un fournisseur d'identité. Logto est
aussi un fournisseur de services pour GitHub, tandis que GitHub est un fournisseur d'identité. Ainsi, Logto est à la fois un fournisseur de services et un fournisseur d'identité.
Étude de cas : Une entreprise de solutions technologiques#
Vous êtes directeur technique d'une entreprise de solutions technologiques, vous avez plus de 100 partenaires commerciaux et vous avez livré plus de 300 projets.
Chaque projet est soit une application web soit une application mobile avec un service backend.
Pour chaque partenaire commercial, vous souhaitez réorganiser le système utilisateur pour fournir le SSO entre ses projets.
❓ Comment Logto (ou un produit CIAM) peut-il aider ?
Réponse
Créez une instance Logto pour chaque partenaire commercial. Chaque partenaire détient un Locataire. Les projets sont mappés à "Apps" dans Logto.
Logto offre une expérience de connexion universelle (c'est-à-dire le SSO) au sein d'un Locataire, donc les utilisateurs n'ont pas besoin de se reconnecter lorsqu'ils accèdent à une autre application dans le même Locataire s'ils sont déjà connectés.
Nous avons constaté que le terme "SSO" cause souvent de la confusion. Nous considérons la connexion unique (SSO) comme un comportement, non un concept commercial. Par conséquent, SSO n'équivaut pas à "SSO dans WIAM".
Lorsque nous disons "il faut le SSO", cela peut faire référence à l'un des cas suivants :
👉🏽 Dans une grande entreprise, les employés utilisent les mêmes identifiants pour se connecter à toutes les ressources sous licence de l'entreprise (par exemple, e-mail, IM, services cloud).
C'est le scénario typique de WIAM. Dans ce cas, seul un Fournisseur d'identité est impliqué. Nous ne nous intéressons pas actuellement.
👉🏽 Les utilisateurs finaux utilisent les mêmes identifiants pour se connecter à tous les services développés par la même entreprise (par exemple, GSuite).
Logto se concentre actuellement sur l'approche décrite ci-dessus. Plusieurs fournisseurs d'identité externes, tels qu'un fournisseur de connexion sociale tiers, peuvent exister indépendamment et sans lien.
Malgré cela, Logto reste la source unique de vérité pour les identités, simplement "empruntées" à d'autres fournisseurs. Dans ce cas, Logto agit à la fois comme un Fournisseur d'identité (pour les applications GSuite) et comme un Fournisseur de services (pour les Fournisseurs d'identité externes).
👉🏽 Les utilisateurs finaux ne peuvent utiliser que le Fournisseur d'identité spécifique à leur domaine de messagerie pour effectuer l'authentification. Par exemple, se connecter à Figma avec Google Workspace.
C'est le cas d'utilisation le plus courant de SSO dans CIAM. Regardons cela de plus près.
Si nous voulons nous connecter à Figma en utilisant notre adresse email @silverhand.io, nous pouvons utiliser soit la connexion sociale soit le SSO. Les figures ci-dessous illustrent la différence entre les deux :
Connexion sociale
SSO
En mots :
Après la connexion sociale, les utilisateurs peuvent librement définir un mot de passe ou changer l'adresse e-mail dans Figma
Après le SSO, les utilisateurs ne peuvent pas définir de mot de passe ou modifier les informations personnelles, y compris l'adresse e-mail, car leurs Identités sont gérées par Google Workspace
Dans ce cas, Logto est à la fois un Fournisseur d'identité et un Fournisseur de services. Il semble que le SSO soit plus complexe qu'un processus de connexion normal. Quels sont les avantages pour le propriétaire de l'identité ?
Contrôle centralisé : Garder les informations d'identité et les processus d'authentification en un seul endroit, et s'assurer que les informations utilisateur sont toujours à jour. Il n'est pas nécessaire d'ajouter et de supprimer des licences à travers différentes applications en cas de changements.
Amélioration de l'expérience utilisateur : Les propriétaires d'identité qui nécessitent le SSO sont généralement des entreprises. Leurs employés peuvent utiliser les mêmes identifiants et session partagée pour les applications entre entreprises, telles que Figma, Zoom, Slack, etc.
Sécurité renforcée : Vous avez peut-être remarqué que certaines entreprises requièrent des méthodes de connexion spécifiques, telles que les codes de vérification dynamiques. L'utilisation du SSO peut garantir que chaque employé utilise la même combinaison de méthodes de connexion pour accéder à toutes les ressources.
🤔 Intelligent comme vous, vous avez dû remarquer qu'il s'agit en fait du Cas SSO 1 du point de vue SaaS.
Il est temps de discuter du "X" dans le graphique SSO. Cela représente le processus par lequel Figma connecte le domaine de l'e-mail à un Fournisseur d'identité spécifique. Mais, comment cela fonctionne-t-il ?
Étant donné que la demande provient souvent de clients d'entreprise, nous appelons le processus de "Cas SSO 3" de la section précédente "SSO d'entreprise" pour plus de clarté.
Nous pouvons facilement concevoir une solution naïve : créer un mappage entre les domaines d'e-mail et les méthodes de SSO, puis le mettre à jour manuellement.
L'action du processus "X" est maintenant claire :
🔍 Retrouver la méthode SSO d'entreprise mappée du domaine d'e-mail donné
Ainsi, si vous configurez silverhand.io comme un domaine d'e-mail valide qui se connecte à une URL SSO de Google Workspace, les utilisateurs qui tentent de se connecter avec un e-mail @silverhand.io seront redirigés vers la page de connexion Google Workspace correspondante, au lieu d'être traités sur place.
Lorsque vous n'avez que quelques dizaines de clients qui ont besoin du SSO d'entreprise, gérer manuellement le mappage est correct. Cependant, il y a plus de considérations à prendre en compte :
Que faire s'il y a des centaines ou des milliers de clients SSO d'entreprise ?
Quelle est la relation entre les "utilisateurs normaux" et les "utilisateurs SSO d'entreprise" ?
Les données doivent-elles être isolées entre les différents clients SSO d'entreprise ?
Y a-t-il besoin de fournir un tableau de bord pour les administrateurs SSO d'entreprise afin de voir les utilisateurs actifs, les journaux d'audit, etc. ?
Comment les comptes peuvent-ils être automatiquement désactivés lorsqu'un utilisateur est supprimé du Fournisseur d'identité SSO d'entreprise ?
Et bien plus encore. Comme presque tous les SSO d'entreprise sont basés sur le domaine de l'e-mail, nous pouvons rapidement trouver une meilleure solution :
Si l'utilisateur peut prouver la propriété de ce domaine, il peut configurer le SSO d'entreprise de ce domaine de manière autonome.
Cette solution résout les deux premières questions :
1. Que faire s'il y a des centaines ou des milliers de clients SSO d'entreprise ?
Ils peuvent configurer le SSO d'entreprise de manière autonome.
2. Quelle est la relation entre les "utilisateurs normaux" et les "utilisateurs SSO d'entreprise" ?
Nous ouvrons toutes les méthodes de connexion possibles aux utilisateurs normaux sauf le SSO d'entreprise ; tandis que nous limitons la méthode de connexion au SSO d'entreprise uniquement aux utilisateurs qui tentent de se connecter avec les domaines configurés.
Quant à la troisième question :
3. Faut-il isoler les données entre différents clients SSO d'entreprise ?
Oui et non. Il est temps d'introduire l'organisation.
Nous avons mentionné l'utilisation des domaines d'e-mail pour reconnaître la méthode SSO d'entreprise spécifique à utiliser ; en d'autres termes, appliquer un traitement spécifique à un lot particulier d'utilisateurs.
Cependant, les exigences des clients vont souvent au-delà du seul SSO d'entreprise ; par exemple, les questions 4 et 5 de la section précédente. Au fil des ans, un modèle mature a été développé par des entreprises SaaS exceptionnelles pour résoudre ce genre de problèmes : les Organisations.
Règles des Organisations
Une organisation est un groupe d'identités, généralement plus petit qu'un Locataire.
Toutes les organisations sont associées à un Locataire.
Vous pouvez voir d'autres termes, tels que "Workspace", "Équipe", ou même "Locataire" dans le logiciel. Pour identifier si c'est le concept dont nous discutons, vérifiez simplement s'il représente "un groupe d'identités".
Dans cet article, nous utiliserons le terme "Organisation" pour plus de cohérence.
Dans Notion, vous pouvez créer et rejoindre plusieurs espaces de travail (c'est-à-dire les Organisations) avec la même adresse email et basculer facilement entre eux.
Pour Slack, ça semble être pareil, mais nous soupçonnons qu'il utilise différentes Identités en coulisses puisque nous devons créer un nouveau compte pour chaque espace de travail.
Espaces de travail Slack
Espaces de travail Notion
Notion a un "Plan Personnel" disponible, qui est normalement une Organisation sous-jacente, avec le seul utilisateur (vous) à l'intérieur. Nous ne connaissons pas l'implémentation exacte de Notion, mais cette explication est raisonnable et archivable pour notre modèle.
Chaque Organisation a également un identifiant, généralement appelé "domaine de l'Organisation".
❓ Une application peut-elle être associée à une Organisation ?
Réponse
Oui, tout à fait. Comme nous l'avons discuté au début, une application peut avoir une Identité. Pouvez-vous élaborer un scénario commercial de cela ?
3. Les données doivent-elles être isolées entre les différents clients SSO d'entreprise ?
Oui : Isoler les données commerciales, telles que les messages et les documents, au niveau de l'Organisation.
Non : Conserver les Identités indépendantes, puisqu'elles n'ont pas besoin d'être associées à une Organisation.
Notez qu'il y a trois entités distinctes impliquées ici : les Identités, les Organisations, et les configurations Enterprise SSO ; ce qui a considérablement augmenté la complexité. La question elle-même n'est pas assez spécifique.
4. Y a-t-il besoin de fournir un tableau de bord pour les administrateurs SSO d'entreprise afin de voir les utilisateurs actifs, les journaux d'audit, etc. ?
5. Comment désactiver automatiquement le compte lorsqu'un utilisateur est supprimé du Fournisseur d'identité SSO d'entreprise ?
Ces demandes sont plus orientées vers les affaires et peuvent être mises en œuvre au niveau de l'Organisation. Nous les laissons ouvertes ici.
Nous avons introduit plusieurs concepts : Authentification (AuthN), Autorisation (AuthZ), Identité, Locataire, Application, Fournisseur d'identité (IdP), Fournisseur de services (SP), Connexion unique (SSO), et SSO d'Entreprise (Organisation). Cela peut prendre du temps pour tout comprendre.
En écrivant cet article, j'ai remarqué qu'intéressamment, les plans en ligne les plus coûteux incluent souvent des fonctionnalités exclusives liées à l'autorisation, qui ne sont absolument pas mentionnées dans cet article. Vous avez peut-être déjà quelques questions sur l'autorisation, telles que :
Comment pouvons-nous attribuer des permissions à un utilisateur et les vérifier ?
Quel modèle d'autorisation devrais-je utiliser ?
Quelle est la meilleure pratique pour appliquer un modèle d'autorisation ?
%3btext-align:center%3b%7d%23mermaid-0 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-0 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-0 .cluster text%7bfill:%23333%3b%7d%23mermaid-0 .cluster span%7bcolor:%23333%3b%7d%23mermaid-0 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-0 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-0 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-0 .icon-shape%2c%23mermaid-0 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-0 .icon-shape p%2c%23mermaid-0 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-0 .icon-shape rect%2c%23mermaid-0 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-0_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-0_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Tenant_A_0' d='M319.422%2c45.792L285.043%2c52.66C250.664%2c59.528%2c181.906%2c73.264%2c147.527%2c83.632C113.148%2c94%2c113.148%2c101%2c113.148%2c104.5L113.148%2c108'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Tenant_B_1' d='M373.445%2c62L373.445%2c66.167C373.445%2c70.333%2c373.445%2c78.667%2c373.445%2c86.333C373.445%2c94%2c373.445%2c101%2c373.445%2c104.5L373.445%2c108'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Tenant_C_2' d='M427.469%2c46.018L460.96%2c52.848C494.451%2c59.679%2c561.432%2c73.339%2c594.923%2c83.67C628.414%2c94%2c628.414%2c101%2c628.414%2c104.5L628.414%2c108'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(373.4453125%2c 35)' id='flowchart-Tenant-0' class='node default'%3e%3crect height='54' width='108.046875' y='-27' x='-54.0234375' style='' class='basic label-container'/%3e%3cg transform='translate(-24.0234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='48.046875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eTenant%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(113.1484375%2c 139)' id='flowchart-A-1' class='node default'%3e%3crect height='54' width='210.296875' y='-27' x='-105.1484375' style='' class='basic label-container'/%3e%3cg transform='translate(-75.1484375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='150.296875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentit%c3%a9 : Utilisateur 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(373.4453125%2c 139)' id='flowchart-B-3' class='node default'%3e%3crect height='54' width='210.296875' y='-27' x='-105.1484375' style='' class='basic label-container'/%3e%3cg transform='translate(-75.1484375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='150.296875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentit%c3%a9 : Utilisateur 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(628.4140625%2c 139)' id='flowchart-C-5' class='node default'%3e%3crect height='54' width='199.640625' y='-27' x='-99.8203125' style='' class='basic label-container'/%3e%3cg transform='translate(-69.8203125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='139.640625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentit%c3%a9 : Machine 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-1 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-1 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-1 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-1 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-1 .cluster text%7bfill:%23333%3b%7d%23mermaid-1 .cluster span%7bcolor:%23333%3b%7d%23mermaid-1 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-1 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-1 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-1 .icon-shape%2c%23mermaid-1 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-1 .icon-shape p%2c%23mermaid-1 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-1 .icon-shape rect%2c%23mermaid-1 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-1 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-1_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-1_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-1_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-1_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-1_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-1_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'/%3e%3cg class='edgeLabels'/%3e%3cg class='nodes'%3e%3cg transform='translate(0%2c 0)' class='root'%3e%3cg class='clusters'%3e%3cg data-look='classic' id='IS1' class='cluster'%3e%3crect height='258' width='280.296875' y='8' x='8' style=''/%3e%3cg transform='translate(76.359375%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='143.578125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eSyst%c3%a8me d'identit%c3%a9 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_A_0' d='M148.148%2c99.5L148.148%2c105.75C148.148%2c112%2c148.148%2c124.5%2c148.148%2c136.333C148.148%2c148.167%2c148.148%2c159.333%2c148.148%2c164.917L148.148%2c170.5'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(148.1484375%2c 72.5)' id='flowchart-T1-6' class='node default'%3e%3crect height='54' width='139.171875' y='-27' x='-69.5859375' style='' class='basic label-container'/%3e%3cg transform='translate(-39.5859375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='79.171875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eLocataire 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(148.1484375%2c 201.5)' id='flowchart-A-7' class='node default'%3e%3crect height='54' width='210.296875' y='-27' x='-105.1484375' style='' class='basic label-container'/%3e%3cg transform='translate(-75.1484375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='150.296875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentit%c3%a9 : Utilisateur 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg transform='translate(330.296875%2c 0)' class='root'%3e%3cg class='clusters'%3e%3cg data-look='classic' id='IS2' class='cluster'%3e%3crect height='258' width='529.9375' y='8' x='8' style=''/%3e%3cg transform='translate(201.1796875%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='143.578125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eSyst%c3%a8me d'identit%c3%a9 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_B_1' d='M222.267%2c99.5L209.914%2c105.75C197.561%2c112%2c172.855%2c124.5%2c160.502%2c136.333C148.148%2c148.167%2c148.148%2c159.333%2c148.148%2c164.917L148.148%2c170.5'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_C_2' d='M328.998%2c99.5L341.352%2c105.75C353.705%2c112%2c378.411%2c124.5%2c390.764%2c136.333C403.117%2c148.167%2c403.117%2c159.333%2c403.117%2c164.917L403.117%2c170.5'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(275.6328125%2c 72.5)' id='flowchart-T2-8' class='node default'%3e%3crect height='54' width='139.171875' y='-27' x='-69.5859375' style='' class='basic label-container'/%3e%3cg transform='translate(-39.5859375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='79.171875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eLocataire 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(148.1484375%2c 201.5)' id='flowchart-B-9' class='node default'%3e%3crect height='54' width='210.296875' y='-27' x='-105.1484375' style='' class='basic label-container'/%3e%3cg transform='translate(-75.1484375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='150.296875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentit%c3%a9 : Utilisateur 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(403.1171875%2c 201.5)' id='flowchart-C-11' class='node default'%3e%3crect height='54' width='199.640625' y='-27' x='-99.8203125' style='' class='basic label-container'/%3e%3cg transform='translate(-69.8203125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='139.640625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentit%c3%a9 : Machine 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-2 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-2 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-2 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-2 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-2 .cluster text%7bfill:%23333%3b%7d%23mermaid-2 .cluster span%7bcolor:%23333%3b%7d%23mermaid-2 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-2 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-2 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-2 .icon-shape%2c%23mermaid-2 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-2 .icon-shape p%2c%23mermaid-2 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-2 .icon-shape rect%2c%23mermaid-2 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-2 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-2_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-2_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-2_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-2_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-2_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-2_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_A_Logto_0' d='M127.594%2c33.843L144.508%2c31.536C161.422%2c29.229%2c195.25%2c24.614%2c228.418%2c24.667C261.587%2c24.72%2c294.095%2c29.441%2c310.35%2c31.801L326.604%2c34.161'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Logto_GitHub_1' d='M430.609%2c34.724L447.48%2c32.27C464.352%2c29.816%2c498.094%2c24.908%2c531.176%2c24.738C564.258%2c24.569%2c596.68%2c29.137%2c612.891%2c31.422L629.102%2c33.706'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_GitHub_Logto_2' d='M633.063%2c49.736L616.191%2c52.113C599.32%2c54.491%2c565.578%2c59.245%2c532.496%2c59.265C499.413%2c59.284%2c466.99%2c54.568%2c450.779%2c52.21L434.568%2c49.852'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Logto_A_3' d='M330.563%2c49.264L313.648%2c51.72C296.734%2c54.176%2c262.906%2c59.088%2c229.739%2c59.327C196.571%2c59.566%2c164.064%2c55.132%2c147.811%2c52.914L131.557%2c50.697'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(229.078125%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-76.484375%2c -12)' class='label'%3e%3cforeignObject height='24' width='152.96875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eInviter %c3%a0 se connecter%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(531.8359375%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-32.4609375%2c -12)' class='label'%3e%3cforeignObject height='24' width='64.921875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eRediriger%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(531.8359375%2c 64)' class='edgeLabel'%3e%3cg transform='translate(-76.2265625%2c -12)' class='label'%3e%3cforeignObject height='24' width='152.453125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eRetourner l'ID GitHub%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(229.078125%2c 64)' class='edgeLabel'%3e%3cg transform='translate(-71.34375%2c -12)' class='label'%3e%3cforeignObject height='24' width='142.6875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eRetourner l'ID Logto%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(67.796875%2c 42)' id='flowchart-A-17' class='node default'%3e%3crect height='54' width='119.59375' y='-27' x='-59.796875' style='' class='basic label-container'/%3e%3cg transform='translate(-29.796875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='59.59375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp iOS%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(380.5859375%2c 42)' id='flowchart-Logto-18' class='node default'%3e%3crect height='54' width='100.046875' y='-27' x='-50.0234375' style='' class='basic label-container'/%3e%3cg transform='translate(-20.0234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='40.046875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eLogto%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(687.9609375%2c 42)' id='flowchart-GitHub-19' class='node default'%3e%3crect height='54' width='109.796875' y='-27' x='-54.8984375' style='' class='basic label-container'/%3e%3cg transform='translate(-24.8984375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='49.796875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eGitHub%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-3 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-3 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-3 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-3 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-3 .cluster text%7bfill:%23333%3b%7d%23mermaid-3 .cluster span%7bcolor:%23333%3b%7d%23mermaid-3 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-3 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-3 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-3 .icon-shape%2c%23mermaid-3 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-3 .icon-shape p%2c%23mermaid-3 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-3 .icon-shape rect%2c%23mermaid-3 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-3 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-3_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-3_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-3_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-3_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-3_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-3_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_A_0' d='M292.945%2c46.918L253.939%2c53.598C214.932%2c60.278%2c136.919%2c73.639%2c97.913%2c83.82C58.906%2c94%2c58.906%2c101%2c58.906%2c104.5L58.906%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_B_1' d='M292.945%2c58.835L279.241%2c63.529C265.536%2c68.223%2c238.128%2c77.612%2c224.423%2c85.806C210.719%2c94%2c210.719%2c101%2c210.719%2c104.5L210.719%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_C_2' d='M362.531%2c62L362.531%2c66.167C362.531%2c70.333%2c362.531%2c78.667%2c362.531%2c86.333C362.531%2c94%2c362.531%2c101%2c362.531%2c104.5L362.531%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_U1_3' d='M432.117%2c55.898L449.378%2c61.082C466.638%2c66.265%2c501.159%2c76.633%2c518.419%2c85.316C535.68%2c94%2c535.68%2c101%2c535.68%2c104.5L535.68%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_U2_4' d='M432.117%2c44.843L481.792%2c51.869C531.466%2c58.895%2c630.815%2c72.948%2c680.49%2c83.474C730.164%2c94%2c730.164%2c101%2c730.164%2c104.5L730.164%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_D_5' d='M1072.113%2c50.179L1043.98%2c56.316C1015.846%2c62.453%2c959.579%2c74.726%2c931.446%2c84.363C903.313%2c94%2c903.313%2c101%2c903.313%2c104.5L903.313%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_E_6' d='M1096.747%2c62L1089.81%2c66.167C1082.873%2c70.333%2c1068.999%2c78.667%2c1062.062%2c86.333C1055.125%2c94%2c1055.125%2c101%2c1055.125%2c104.5L1055.125%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_U21_7' d='M1186.651%2c62L1193.588%2c66.167C1200.525%2c70.333%2c1214.399%2c78.667%2c1221.336%2c86.333C1228.273%2c94%2c1228.273%2c101%2c1228.273%2c104.5L1228.273%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_U22_8' d='M1211.285%2c47.874L1246.531%2c54.395C1281.776%2c60.916%2c1352.267%2c73.958%2c1387.512%2c83.979C1422.758%2c94%2c1422.758%2c101%2c1422.758%2c104.5L1422.758%2c108'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(362.53125%2c 35)' id='flowchart-T1-23' class='node default'%3e%3crect height='54' width='139.171875' y='-27' x='-69.5859375' style='' class='basic label-container'/%3e%3cg transform='translate(-39.5859375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='79.171875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eLocataire 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(58.90625%2c 139)' id='flowchart-A-24' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(210.71875%2c 139)' id='flowchart-B-26' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(362.53125%2c 139)' id='flowchart-C-28' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 3%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(535.6796875%2c 139)' id='flowchart-U1-30' class='node default'%3e%3crect height='54' width='144.484375' y='-27' x='-72.2421875' style='' class='basic label-container'/%3e%3cg transform='translate(-42.2421875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='84.484375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eUtilisateur 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(730.1640625%2c 139)' id='flowchart-U2-32' class='node default'%3e%3crect height='54' width='144.484375' y='-27' x='-72.2421875' style='' class='basic label-container'/%3e%3cg transform='translate(-42.2421875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='84.484375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eUtilisateur 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1141.69921875%2c 35)' id='flowchart-T2-33' class='node default'%3e%3crect height='54' width='139.171875' y='-27' x='-69.5859375' style='' class='basic label-container'/%3e%3cg transform='translate(-39.5859375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='79.171875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eLocataire 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(903.3125%2c 139)' id='flowchart-D-34' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1055.125%2c 139)' id='flowchart-E-36' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1228.2734375%2c 139)' id='flowchart-U21-38' class='node default'%3e%3crect height='54' width='144.484375' y='-27' x='-72.2421875' style='' class='basic label-container'/%3e%3cg transform='translate(-42.2421875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='84.484375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eUtilisateur 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1422.7578125%2c 139)' id='flowchart-U22-40' class='node default'%3e%3crect height='54' width='144.484375' y='-27' x='-72.2421875' style='' class='basic label-container'/%3e%3cg transform='translate(-42.2421875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='84.484375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eUtilisateur 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-4 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-4 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-4 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-4 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-4 .cluster text%7bfill:%23333%3b%7d%23mermaid-4 .cluster span%7bcolor:%23333%3b%7d%23mermaid-4 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-4 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-4 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-4 .icon-shape%2c%23mermaid-4 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-4 .icon-shape p%2c%23mermaid-4 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-4 .icon-shape rect%2c%23mermaid-4 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-4 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-4_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-4_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-4_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-4_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-4_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-4_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-4_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_A_B_0' d='M167.064%2c62L157.22%2c68.167C147.376%2c74.333%2c127.688%2c86.667%2c117.844%2c98.333C108%2c110%2c108%2c121%2c108%2c126.5L108%2c132'/%3e%3cpath marker-end='url(%23mermaid-4_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_C_1' d='M108%2c190L108%2c198.167C108%2c206.333%2c108%2c222.667%2c118.443%2c238.602C128.887%2c254.538%2c149.773%2c270.075%2c160.216%2c277.844L170.66%2c285.613'/%3e%3cpath marker-end='url(%23mermaid-4_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_C_A_2' d='M246.459%2c288L257.437%2c279.833C268.416%2c271.667%2c290.372%2c255.333%2c301.35%2c234.5C312.328%2c213.667%2c312.328%2c188.333%2c312.328%2c165C312.328%2c141.667%2c312.328%2c120.333%2c303.049%2c103.854C293.77%2c87.375%2c275.212%2c75.749%2c265.933%2c69.936L256.654%2c64.124'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(108%2c 99)' class='edgeLabel'%3e%3cg transform='translate(-93.7265625%2c -12)' class='label'%3e%3cforeignObject height='24' width='187.453125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eCliquer sur 'Se connecter'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(108%2c 239)' class='edgeLabel'%3e%3cg transform='translate(-100%2c -24)' class='label'%3e%3cforeignObject height='48' width='200'%3e%3cdiv style='display: table%3b white-space: break-spaces%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b width: 200px%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eCliquer sur 'Se connecter avec Google'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(312.328125%2c 163)' class='edgeLabel'%3e%3cg transform='translate(-85.828125%2c -12)' class='label'%3e%3cforeignObject height='24' width='171.65625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eRediriger quand termin%c3%a9%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(210.1640625%2c 35)' id='flowchart-A-41' class='node default'%3e%3crect height='54' width='130.484375' y='-27' x='-65.2421875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-50.2421875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='100.484375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eAccueil Figma%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(108%2c 163)' id='flowchart-B-42' class='node default'%3e%3crect height='54' width='167' y='-27' x='-83.5' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-68.5%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='137'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3ePage de connexion%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(210.1640625%2c 315)' id='flowchart-C-43' class='node default'%3e%3crect height='54' width='81.59375' y='-27' x='-40.796875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-25.796875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='51.59375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eGoogle%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-5 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-5 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-5 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-5 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-5 .cluster text%7bfill:%23333%3b%7d%23mermaid-5 .cluster span%7bcolor:%23333%3b%7d%23mermaid-5 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-5 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-5 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-5 .icon-shape%2c%23mermaid-5 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-5 .icon-shape p%2c%23mermaid-5 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-5 .icon-shape rect%2c%23mermaid-5 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-5 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-5_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-5_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-5_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-5_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-5_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-5_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_A_S_0' d='M151.917%2c62L143.552%2c68.167C135.187%2c74.333%2c118.457%2c86.667%2c110.092%2c98.333C101.727%2c110%2c101.727%2c121%2c101.727%2c126.5L101.727%2c132'/%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_S_B_1' d='M101.727%2c190L101.727%2c196.167C101.727%2c202.333%2c101.727%2c214.667%2c101.727%2c226.333C101.727%2c238%2c101.727%2c249%2c101.727%2c254.5L101.727%2c260'/%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_C_2' d='M101.727%2c318L101.727%2c324.167C101.727%2c330.333%2c101.727%2c342.667%2c101.727%2c354.333C101.727%2c366%2c101.727%2c377%2c101.727%2c382.5L101.727%2c388'/%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_C_D_3' d='M101.727%2c446L101.727%2c452.167C101.727%2c458.333%2c101.727%2c470.667%2c109.555%2c482.604C117.384%2c494.542%2c133.041%2c506.084%2c140.869%2c511.855L148.698%2c517.626'/%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_D_A_4' d='M225.169%2c520L233.534%2c513.833C241.899%2c507.667%2c258.629%2c495.333%2c266.994%2c478.5C275.359%2c461.667%2c275.359%2c440.333%2c275.359%2c419C275.359%2c397.667%2c275.359%2c376.333%2c275.359%2c355C275.359%2c333.667%2c275.359%2c312.333%2c275.359%2c291C275.359%2c269.667%2c275.359%2c248.333%2c275.359%2c227C275.359%2c205.667%2c275.359%2c184.333%2c275.359%2c163C275.359%2c141.667%2c275.359%2c120.333%2c267.531%2c103.896C259.702%2c87.458%2c244.045%2c75.916%2c236.217%2c70.145L228.388%2c64.374'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(101.7265625%2c 99)' class='edgeLabel'%3e%3cg transform='translate(-93.7265625%2c -12)' class='label'%3e%3cforeignObject height='24' width='187.453125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eCliquer sur 'Se connecter'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(101.7265625%2c 227)' class='edgeLabel'%3e%3cg transform='translate(-90.1484375%2c -12)' class='label'%3e%3cforeignObject height='24' width='180.296875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eCliquer sur 'Utiliser SSO'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(101.7265625%2c 355)' class='edgeLabel'%3e%3cg transform='translate(-77.1171875%2c -12)' class='label'%3e%3cforeignObject height='24' width='154.234375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eEntrer l'adresse email%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(101.7265625%2c 483)' class='edgeLabel'%3e%3cg transform='translate(-32.4609375%2c -12)' class='label'%3e%3cforeignObject height='24' width='64.921875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eRediriger%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(275.359375%2c 291)' class='edgeLabel'%3e%3cg transform='translate(-85.828125%2c -12)' class='label'%3e%3cforeignObject height='24' width='171.65625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eRediriger quand termin%c3%a9%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(188.54296875%2c 35)' id='flowchart-A-46' class='node default'%3e%3crect height='54' width='130.484375' y='-27' x='-65.2421875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-50.2421875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='100.484375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eAccueil Figma%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(101.7265625%2c 163)' id='flowchart-S-47' class='node default'%3e%3crect height='54' width='167' y='-27' x='-83.5' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-68.5%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='137'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3ePage de connexion%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(101.7265625%2c 291)' id='flowchart-B-48' class='node default'%3e%3crect height='54' width='105.609375' y='-27' x='-52.8046875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-37.8046875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='75.609375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3ePage SSO%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(101.7265625%2c 419)' id='flowchart-C-49' class='node default'%3e%3crect height='54' width='186.515625' y='-27' x='-93.2578125' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-78.2578125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='156.515625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eX (expliquer plus tard)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(188.54296875%2c 547)' id='flowchart-D-50' class='node default'%3e%3crect height='54' width='165.78125' y='-27' x='-82.890625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-67.890625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='135.78125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eGoogle Workspace%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
