Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
#1 Espace membre - Le Design
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Iktus" data-source="post: 6863113" data-attributes="member: 334036"><p style="text-align: center"><img src="http://image.prntscr.com/image/2339d8d580aa4364bf4199e114f3825b.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Bonjour, bonsoir.</p> <p style="text-align: center"></p> <p style="text-align: center">Aujourd'hui je lance ma série pour <strong><span style="color: #0080ff">créer un espace membre assez complet</span></strong>. J'ai eu pas mal d'aide grâce à RG pour apprendre diverse choses que je ne savais pas faire et je remercie tout ceux qui m'ont aidé à en arriver là.</p> <p style="text-align: center"></p> <p style="text-align: center">Nous allons voir aujourd'hui la partie <span style="color: #0080ff"><strong>design</strong></span> et le formulaire de <strong><span style="color: #0080ff">connexion</span></strong> et <span style="color: #0080ff"><strong>d'inscription</strong></span> partie HTML.</p> <p style="text-align: center">Tout d'abord, je vous conseil de vous rendre sur <a href="https://themeforest.net" target="_blank">ThemeForest</a> ou <a href="http://wrapbootstrap.com/" target="_blank">WrapBootstrap</a>.</p> <p style="text-align: center">À vous de choisir la Template dont vous avez eu un coup de c<span style="font-size: 15px">œ</span>ur et de l'acheter ou l'avoir gratuitement de diverse façon. <span style="font-size: 9px">(httrack)</span> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite375" alt=":trollface:" title="Trollface :trollface:" loading="lazy" data-shortname=":trollface:" /></p> <p style="text-align: center"></p> <p style="text-align: center">Je vous conseil de faire pour le moment la page d'<strong><span style="color: #ff8000">accueil</span></strong>, de <span style="color: #ff8000"><strong>connexion</strong></span> et d'<span style="color: #ff8000"><strong>inscription</strong></span>.</p> <p style="text-align: center">Je ne serais comment vous expliquez comment faire un jolie design car c'est selon vos goûts, mais je vais vous faire part de mes pages <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite400" alt="::):" title="Smile ::):" loading="lazy" data-shortname="::):" />.</p> <p style="text-align: center">[SPOILER="Mon design"]</p> <p style="text-align: center">[SPOILER="Connexion (login.php)"]<img src="http://image.prntscr.com/image/53b854f17076441da46f22cf4ac1205c.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> [/SPOILER]</p> <p style="text-align: center"></p> <p style="text-align: center">[SPOILER="Inscription (register.php)"]<img src="http://image.prntscr.com/image/fab39af2fd4e4633a3099f19b6076307.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> [/SPOILER]</p> <p style="text-align: center"></p> <p style="text-align: center">[SPOILER="Accueil"]<img src="http://image.prntscr.com/image/e2e272a779954c70a8193e75958f8456.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> [/SPOILER]</p> <p style="text-align: center">[/SPOILER]</p> <p style="text-align: center"></p> <p style="text-align: center">J'ai utilisé un .htaccess pour pouvoir supprimer les extensions des liens (.php), je trouve que sa fait plus propre <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p> <p style="text-align: left">[CODE]RewriteEngine on</p> <p style="text-align: left">RewriteCond %{REQUEST_FILENAME} !-d</p> <p style="text-align: left">RewriteCond %{REQUEST_FILENAME} !-f</p> <p style="text-align: left">RewriteRule ^(([A-Za-z0-9\-_]+/)*[A-Za-z0-9\-_]+)?$ $1.php[/CODE]</p> <p style="text-align: center"></p> <p style="text-align: center">Une fois votre <span style="color: #ff8000"><strong>design </strong></span>achever, nous allons passer au <strong><span style="color: #00b300">formulaire HTML</span> </strong>de la page de connexion.</p> <p style="text-align: center"></p> <p style="text-align: center">Donc, le <span style="color: #00b300"><strong>formulaire HTML</strong></span> se fait entre les balises <span style="color: #ff0000"><strong><form></strong></span> et <span style="color: #ff0000"><strong></form></strong></span>, pas besoin d'être un expert pour savoir cela<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite406" alt="::p:" title="Stick Out Tongue ::p:" loading="lazy" data-shortname="::p:" /></p> <p style="text-align: center"></p> <p style="text-align: center">Je suppose que vous allez utilisé des<strong> <span style="color: #ff0000">input</span>, <span style="color: #ff0000">button</span> </strong>et <span style="color: #ff0000"><strong>a</strong></span>. Pour ma part je vais utiliser les <strong><span style="color: #ff0000">input</span></strong> pour la partie où l'on rentre le nom d'utilisateur et le mot de passe, le <strong><span style="color: #ff0000">button</span></strong> pour le bouton de connexion et un <strong><span style="color: #ff0000">a</span></strong> pour la redirection vers la page d'inscription.</p> <p style="text-align: center"></p> <p style="text-align: center">Une fois votre schéma en tête, on commence!</p> <p style="text-align: center">Vous allez vous rendre dans votre balise <strong><span style="color: #ff0000"><form></span></strong> et ajouter<span style="color: #0080ff"><strong> action=""</strong></span> et <span style="color: #0080ff"><strong>method="post"</strong></span>, ce qui doit vous donner</p><p>[HTML]<form action="" method="post">[/HTML]</p><p style="text-align: center">Dans votre<strong><span style="color: #ff0000"> input</span></strong> où nous écrirons le <span style="color: #b300b3"><strong>nom d'utilisateur</strong></span>, vous allez rajouter <span style="color: #0080ff"><strong>name="identifiant"</strong></span>.</p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center">Maintenant, nous allons faire pareil dans notre <strong><span style="color: #ff0000">input</span></strong> du mot de passe, mais à la place de mettre <span style="color: #0080ff"><strong>identifiant </strong></span>dans notre<span style="color: #0080ff"><strong> name=""</strong></span>, nous allons mettre <span style="color: #0080ff">motdepasse</span>, ce qui donne <span style="color: #0080ff"><strong>name="motdepasse"</strong></span>.</p> <p style="text-align: center"></p> <p style="text-align: center">Nous avons fini avec nos <strong><span style="color: #ff0000">input</span></strong>, maintenant il ne reste plus cas faire le <span style="color: #ff0000"><strong>bouton</strong></span>.</p> <p style="text-align: center">Donc, nous allons donner le <strong><span style="color: #b300b3">type</span> <span style="color: #0080ff">submit</span></strong> à notre <span style="color: #ff0000"><strong>button</strong></span> et le <span style="color: #b300b3"><strong>name</strong></span> <strong><span style="color: #0080ff">connexion</span></strong>. Ce qui donne</p><p>[HTML]<button type="submit" name="connexion">Se connecter</button>[/HTML]</p><p style="text-align: center"></p> <p style="text-align: center">Maintenant, si vous souhaitez faire un bouton permettant de rediriger l'utilisateur sur la page d'inscription, il vous suffit de mettre une balise <strong><span style="color: #ff0000">a</span></strong> avec un <span style="color: #00b300"><strong>href</strong></span>. Ce qui donne</p><p>[HTML]<a href="register">Inscription</a>[/HTML]</p><p style="text-align: center"></p> <p style="text-align: center">Tu t'es perdu ? <img src="/images/smiley-pack/panic.gif" class="smilie" loading="lazy" alt=":panic:" title="Paniqué :panic:" data-shortname=":panic:" /></p> <p style="text-align: center">Aucun problème! Voilà mon code entier <img src="/images/smiley-pack/dance.gif" class="smilie" loading="lazy" alt=":dance:" title="Dance :dance:" data-shortname=":dance:" /></p> <p style="text-align: left">[HTML]<form role="form" action="" method="post"></p> <p style="text-align: left"><fieldset></p> <p style="text-align: left"><div class="form-group"></p> <p style="text-align: left"><input class="form-control" type="text" name="identifiant" placeholder="Nom d'utilisateur"></p> <p style="text-align: left"></div></p> <p style="text-align: left"><div class="form-group"></p> <p style="text-align: left"><input class="form-control" type="password" name="motdepasse" placeholder="Mot de passe"></p> <p style="text-align: left"></div></p> <p style="text-align: left"><button class="btn btn-success btn-block" type="submit" name="connexion">Se connecter</button></p> <p style="text-align: left"><a href="register" class="btn btn-primary btn-block">Inscription</a></p> <p style="text-align: left"></fieldset></p> <p style="text-align: left"></form> [/HTML]</p> <p style="text-align: left"></p> <p style="text-align: center"><img src="http://image.prntscr.com/image/92bc4097d28c46da8076c1ddea5ae297.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Pour le formulaire d'inscription, je ne vais pas tout vous détailler, c'est entièrement pareil sauf que vous rajoutez les <strong><span style="color: #ff0000">input</span></strong> <strong><span style="color: #b3b300">email</span></strong> et <span style="color: #b30059"><strong>répète ton mot de passe</strong></span> avec comme<span style="color: #00b3b3"> <strong>name</strong></span><strong> <span style="color: #0080ff">email</span></strong> et <span style="color: #0080ff"><strong>motdepasse_confirme</strong></span> et sur le bouton, toujours de <span style="color: #00b3b3"><strong>type</strong></span> <strong><span style="color: #0080ff">submit</span></strong> et en <strong><span style="color: #b300b3">name</span></strong> <strong><span style="color: #0080ff">inscription</span></strong>. Ne t'inquiète pas, je ne l'ai pas détaillé car j'ai tout détaillé au dessus, c'est presque pareil à quelque chose prêt <img src="/data/assets/smilies/joueur.gif" class="smilie" loading="lazy" alt=":p" title="Joueur :p" data-shortname=":p" /></p> <p style="text-align: center"></p> <p style="text-align: left">[HTML]<form role="form" action="" method="post"></p> <p style="text-align: left"><fieldset></p> <p style="text-align: left"><div class="form-group col-lg-6"></p> <p style="text-align: left"><label>Nom d'utilisateur</label></p> <p style="text-align: left"><input type="text" name="identifiant" class="form-control" placeholder="Nom d'utilisateur"></p> <p style="text-align: left"></div></p> <p style="text-align: left"><div class="form-group col-lg-6"></p> <p style="text-align: left"><label>Email</label></p> <p style="text-align: left"><input type="email" name="email" class="form-control" placeholder="Email"></p> <p style="text-align: left"></div></p> <p style="text-align: left"><div class="form-group col-lg-6"></p> <p style="text-align: left"><label>Mot de passe</label></p> <p style="text-align: left"><input type="password" name="motdepasse" class="form-control" placeholder="Mot de passe"></p> <p style="text-align: left"></div></p> <p style="text-align: left"><div class="form-group col-lg-6"></p> <p style="text-align: left"><label>Répète-le</label></p> <p style="text-align: left"><input type="password" name="motdepasse_confirme" class="form-control" placeholder="Répète-le"></p> <p style="text-align: left"></div></p> <p style="text-align: left"><div class="col-sm-12"></p> <p style="text-align: left"><div class="checkbox"></p> <p style="text-align: left"><label></p> <p style="text-align: left"><span></p> <p style="text-align: left"><input type="checkbox"></p> <p style="text-align: left">J'accepte les <a href="javascript:void(0);">Conditions Générale d'Utilisation</a></p> <p style="text-align: left"></span></p> <p style="text-align: left"></label></p> <p style="text-align: left"></div></p> <p style="text-align: left"></div></p> <p style="text-align: left"><button class="btn btn-info btn-block" type="submit" name="inscription">S'inscrire</button></p> <p style="text-align: left"><a href="login" class="btn btn-success btn-block">Retour à la connexion</a></p> <p style="text-align: left"></fieldset></p> <p style="text-align: left"></form>[/HTML]</p> <p style="text-align: left"></p> <p style="text-align: center"><img src="http://image.prntscr.com/image/6487449807f44161a7aee159ca36cd96.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">J'accepte toute critique positive, sa fait longtemps je n'ai pas fais de rédaction donc voilà <img src="/images/smiley-pack/blush.gif" class="smilie" loading="lazy" alt=":blush:" title="Gêné :blush:" data-shortname=":blush:" /></p> <p style="text-align: center">Bonne journée/soirée à vous <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p> <p style="text-align: center"></p> <p style="text-align: center">-----------------------------------------------------------</p> <p style="text-align: center">#2 Espace membre - Connexion & Inscription</p> <p style="text-align: center">#3 Espace membre - Ranks & Grades</p> <p style="text-align: center">#4 Espace membre - Les profils</p> <p style="text-align: center">#5 Espace membre - Les articles</p> <p style="text-align: center">#6 Espace membre - Shoutbox</p> <p style="text-align: center">#7 Espace membre - Paramètres</p> <p style="text-align: center">#8 Espace membre - Rechercher un membre</p> <p style="text-align: center">À suivre ...</p> <p style="text-align: center">-----------------------------------------------------------</p></blockquote><p></p>
[QUOTE="Iktus, post: 6863113, member: 334036"] [CENTER][IMG]http://image.prntscr.com/image/2339d8d580aa4364bf4199e114f3825b.png[/IMG] Bonjour, bonsoir. Aujourd'hui je lance ma série pour [B][COLOR=#0080ff]créer un espace membre assez complet[/COLOR][/B]. J'ai eu pas mal d'aide grâce à RG pour apprendre diverse choses que je ne savais pas faire et je remercie tout ceux qui m'ont aidé à en arriver là. Nous allons voir aujourd'hui la partie [COLOR=#0080ff][B]design[/B][/COLOR] et le formulaire de [B][COLOR=#0080ff]connexion[/COLOR][/B] et [COLOR=#0080ff][B]d'inscription[/B][/COLOR] partie HTML. Tout d'abord, je vous conseil de vous rendre sur [URL='https://themeforest.net']ThemeForest[/URL] ou [URL='http://wrapbootstrap.com/']WrapBootstrap[/URL]. À vous de choisir la Template dont vous avez eu un coup de c[SIZE=4]œ[/SIZE]ur et de l'acheter ou l'avoir gratuitement de diverse façon. [SIZE=1](httrack)[/SIZE] :troll: Je vous conseil de faire pour le moment la page d'[B][COLOR=#ff8000]accueil[/COLOR][/B], de [COLOR=#ff8000][B]connexion[/B][/COLOR] et d'[COLOR=#ff8000][B]inscription[/B][/COLOR]. Je ne serais comment vous expliquez comment faire un jolie design car c'est selon vos goûts, mais je vais vous faire part de mes pages ::):. [SPOILER="Mon design"] [SPOILER="Connexion (login.php)"][IMG]http://image.prntscr.com/image/53b854f17076441da46f22cf4ac1205c.png[/IMG] [/SPOILER] [SPOILER="Inscription (register.php)"][IMG]http://image.prntscr.com/image/fab39af2fd4e4633a3099f19b6076307.png[/IMG] [/SPOILER] [SPOILER="Accueil"][IMG]http://image.prntscr.com/image/e2e272a779954c70a8193e75958f8456.png[/IMG] [/SPOILER] [/SPOILER] J'ai utilisé un .htaccess pour pouvoir supprimer les extensions des liens (.php), je trouve que sa fait plus propre :)[/CENTER] [LEFT][CODE]RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(([A-Za-z0-9\-_]+/)*[A-Za-z0-9\-_]+)?$ $1.php[/CODE][/LEFT] [CENTER] Une fois votre [COLOR=#ff8000][B]design [/B][/COLOR]achever, nous allons passer au [B][COLOR=#00b300]formulaire HTML[/COLOR] [/B]de la page de connexion. Donc, le [COLOR=#00b300][B]formulaire HTML[/B][/COLOR] se fait entre les balises [COLOR=#ff0000][B]<form>[/B][/COLOR] et [COLOR=#ff0000][B]</form>[/B][/COLOR], pas besoin d'être un expert pour savoir cela::p: Je suppose que vous allez utilisé des[B] [COLOR=#ff0000]input[/COLOR], [COLOR=#ff0000]button[/COLOR] [/B]et [COLOR=#ff0000][B]a[/B][/COLOR]. Pour ma part je vais utiliser les [B][COLOR=#ff0000]input[/COLOR][/B] pour la partie où l'on rentre le nom d'utilisateur et le mot de passe, le [B][COLOR=#ff0000]button[/COLOR][/B] pour le bouton de connexion et un [B][COLOR=#ff0000]a[/COLOR][/B] pour la redirection vers la page d'inscription. Une fois votre schéma en tête, on commence! Vous allez vous rendre dans votre balise [B][COLOR=#ff0000]<form>[/COLOR][/B] et ajouter[COLOR=#0080ff][B] action=""[/B][/COLOR] et [COLOR=#0080ff][B]method="post"[/B][/COLOR], ce qui doit vous donner[/CENTER] [HTML]<form action="" method="post">[/HTML] [CENTER]Dans votre[B][COLOR=#ff0000] input[/COLOR][/B] où nous écrirons le [COLOR=#b300b3][B]nom d'utilisateur[/B][/COLOR], vous allez rajouter [COLOR=#0080ff][B]name="identifiant"[/B][/COLOR]. Maintenant, nous allons faire pareil dans notre [B][COLOR=#ff0000]input[/COLOR][/B] du mot de passe, mais à la place de mettre [COLOR=#0080ff][B]identifiant [/B][/COLOR]dans notre[COLOR=#0080ff][B] name=""[/B][/COLOR], nous allons mettre [COLOR=#0080ff]motdepasse[/COLOR], ce qui donne [COLOR=#0080ff][B]name="motdepasse"[/B][/COLOR]. Nous avons fini avec nos [B][COLOR=#ff0000]input[/COLOR][/B], maintenant il ne reste plus cas faire le [COLOR=#ff0000][B]bouton[/B][/COLOR]. Donc, nous allons donner le [B][COLOR=#b300b3]type[/COLOR] [COLOR=#0080ff]submit[/COLOR][/B] à notre [COLOR=#ff0000][B]button[/B][/COLOR] et le [COLOR=#b300b3][B]name[/B][/COLOR] [B][COLOR=#0080ff]connexion[/COLOR][/B]. Ce qui donne[/CENTER] [HTML]<button type="submit" name="connexion">Se connecter</button>[/HTML] [CENTER] Maintenant, si vous souhaitez faire un bouton permettant de rediriger l'utilisateur sur la page d'inscription, il vous suffit de mettre une balise [B][COLOR=#ff0000]a[/COLOR][/B] avec un [COLOR=#00b300][B]href[/B][/COLOR]. Ce qui donne[/CENTER] [HTML]<a href="register">Inscription</a>[/HTML] [CENTER] Tu t'es perdu ? :panic: Aucun problème! Voilà mon code entier :dance:[/CENTER] [LEFT][HTML]<form role="form" action="" method="post"> <fieldset> <div class="form-group"> <input class="form-control" type="text" name="identifiant" placeholder="Nom d'utilisateur"> </div> <div class="form-group"> <input class="form-control" type="password" name="motdepasse" placeholder="Mot de passe"> </div> <button class="btn btn-success btn-block" type="submit" name="connexion">Se connecter</button> <a href="register" class="btn btn-primary btn-block">Inscription</a> </fieldset> </form> [/HTML] [/LEFT] [CENTER][IMG]http://image.prntscr.com/image/92bc4097d28c46da8076c1ddea5ae297.png[/IMG] Pour le formulaire d'inscription, je ne vais pas tout vous détailler, c'est entièrement pareil sauf que vous rajoutez les [B][COLOR=#ff0000]input[/COLOR][/B] [B][COLOR=#b3b300]email[/COLOR][/B] et [COLOR=#b30059][B]répète ton mot de passe[/B][/COLOR] avec comme[COLOR=#00b3b3] [B]name[/B][/COLOR][B] [COLOR=#0080ff]email[/COLOR][/B] et [COLOR=#0080ff][B]motdepasse_confirme[/B][/COLOR] et sur le bouton, toujours de [COLOR=#00b3b3][B]type[/B][/COLOR] [B][COLOR=#0080ff]submit[/COLOR][/B] et en [B][COLOR=#b300b3]name[/COLOR][/B] [B][COLOR=#0080ff]inscription[/COLOR][/B]. Ne t'inquiète pas, je ne l'ai pas détaillé car j'ai tout détaillé au dessus, c'est presque pareil à quelque chose prêt :p [/CENTER] [LEFT][HTML]<form role="form" action="" method="post"> <fieldset> <div class="form-group col-lg-6"> <label>Nom d'utilisateur</label> <input type="text" name="identifiant" class="form-control" placeholder="Nom d'utilisateur"> </div> <div class="form-group col-lg-6"> <label>Email</label> <input type="email" name="email" class="form-control" placeholder="Email"> </div> <div class="form-group col-lg-6"> <label>Mot de passe</label> <input type="password" name="motdepasse" class="form-control" placeholder="Mot de passe"> </div> <div class="form-group col-lg-6"> <label>Répète-le</label> <input type="password" name="motdepasse_confirme" class="form-control" placeholder="Répète-le"> </div> <div class="col-sm-12"> <div class="checkbox"> <label> <span> <input type="checkbox"> J'accepte les <a href="javascript:void(0);">Conditions Générale d'Utilisation</a> </span> </label> </div> </div> <button class="btn btn-info btn-block" type="submit" name="inscription">S'inscrire</button> <a href="login" class="btn btn-success btn-block">Retour à la connexion</a> </fieldset> </form>[/HTML] [/LEFT] [CENTER][IMG]http://image.prntscr.com/image/6487449807f44161a7aee159ca36cd96.png[/IMG] J'accepte toute critique positive, sa fait longtemps je n'ai pas fais de rédaction donc voilà :blush: Bonne journée/soirée à vous :) ----------------------------------------------------------- #2 Espace membre - Connexion & Inscription #3 Espace membre - Ranks & Grades #4 Espace membre - Les profils #5 Espace membre - Les articles #6 Espace membre - Shoutbox #7 Espace membre - Paramètres #8 Espace membre - Rechercher un membre À suivre ... -----------------------------------------------------------[/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
#1 Espace membre - Le Design
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut