Aller au contenu
  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions générales !

TheoCMS V.3.1


YanisDEVE

Messages recommandés

Salut ! Je me présente, je m'appelle Yanis, je suis développeur débutant php/css et pro html ! Donc aujourd'hui je voudrais vous présentez le TheoCMS V.3 . Comme vous l'avez vu dans le tire, c'est encore un autre version du TheoCMS Je vais commancer la version 3.1 ! Pour tout test du CMS (Sans PHP donc l'inscription/connexion ne marchera pas) allez sur ce lien : 

Pour avoir accès à ce lien, merci de vous connecter.

. Je vais préscisez avant que tout le CMS est codé sans PHP ! Le PHP est simple à ajouté c'est la plupart du temps pour faire fonctionner la BDD. Comme plus haut je vous ais partagé le site pour tester le CMS, tout ce que je vous montre ici sera du code et les MAJ, sur ce MAJ / CODE index.php :  - Une page de CMS sera partagé par jour dans ce topic ;) Alors soit là !! :)  - 

 

 

  

MAJ DU 25/06/18 à 18h50 : AJOUT DU LOGO ''THEOCMS''

MAJ DU 25/06/18 à 19h12: SUPPRESSION DU LOGO ''THEOCMS'' QUI RENDAIT MOCHE

MAJ DU 25/06/18 à 18h50 : COULEUR DES BORS DES BOX CONNEXION/INSCIRPTION MODIFIE

MAJ DU 25/06/18 à 18h41 : MODIFICATION DU CSS

MAJ DU 25/06/18 à 19h13 : AJOUT D'UN LOGO 

 

Vous pouvez aussi avoir le code du CMS ici


<!doctype html>
<html class="no-js" lang="fr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="geography" content="France"/>
        <meta name="country" content="France"/>
        <meta name="language" content="French"/>
        <meta property="og:locale" content="fr_FR"/>
        <title>TheoCMS V.3.1 - Se faire des amis, s'amuser, se faire connaitre</title>
        <link rel='shortcut icon' type='image/x-icon' href='<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/favicon.ico'/>
        <link rel="canonical" href="<?php echo htmlspecialchars($dConfig['lien']); ?>/"/>
        <meta name="identifier-url" content="<?php echo htmlspecialchars($dConfig['lien']); ?>/"/>
        <meta name="reply-to" content="support"/>
        <meta property="og:site_name" content="<?php echo htmlspecialchars($dConfig['nom']); ?>"/>
        <meta property="og:title" content="<?php echo htmlspecialchars($dConfig['nom']); ?> - Se faire des amis, s'amuser, se faire connaitre"/>
        <meta property="og:url" content="<?php echo htmlspecialchars($dConfig['lien']); ?>"/>
        <meta property="og:description" content="Inscris-toi et rejoins GRATUITEMENT le plus grand hôtel virtuel du monde! Tu pourras rencontrer de nouveaux amis, participer à des jeux, tchatter, créer ton avatar, construire des salles et bien plus encore..."/>
        <meta name="description" content="Inscris-toi et rejoins GRATUITEMENT le plus grand hôtel virtuel du monde! Tu pourras rencontrer de nouveaux amis, participer à des jeux, tchatter, créer ton avatar, construire des salles et bien plus encore..."/>
        <meta name="keywords" content="hotel, inscription, connexion, ado, jeu en ligne, jeu, rétro, rejoindre, créer, communauté">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.min.css"/>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"/>
        <link rel="stylesheet" href="<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/css/flexslider.css">
        <link rel="stylesheet" href="<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/css/styles.css">
        <link rel="stylesheet" href="<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/css/queries.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css"/>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
        <style>header{padding-bottom:20px;}.navigation{background:rgba(0,0,0,0.49);}::-webkit-scrollbar{width:8px;height:8px;overflow:visible;background:inherit;}::-webkit-scrollbar-track{border:solid;border-width:0 0 0 1px;border-color:#c1c1c4;}::-webkit-scrollbar-track:horizontal{border-width:1px 0 0;}::-webkit-scrollbar-track:hover{background-color:#d3d3d5;border-color:#a7a7ab;}::-webkit-scrollbar-track:active{background-color:#dbdbdd;border-color:#b4b4b7;}::-webkit-scrollbar-thumb{border:solid transparent;background-color:#b4b4b7;}::-webkit-scrollbar-thumb:hover{background-color:#b40015;}::-webkit-scrollbar-thumb:active{background-color:#81000f;}::-webkit-scrollbar-thumb:window-inactive{background:#9a9a9e;}.hero{background:url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1482101596-3089.png) #31708f;box-shadow:0px 0px 4px rgba(0,0,0,0.65);min-height:487px;}.hero h1{color:#fff;font-size:40px;margin-bottom:23px;}.hero .hero-content{padding-top:31%;}.testimonial-slider{background:url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1477987535-0003.png) no-repeat center center;background-size:cover;}.btn-fill{color:#fff;border:solid 2px #C62828;background-color:#C62828;}.btn-fill:hover,.btn-fill:focus{border:solid 2px #E53935;background-color:#E53935;}.signup-form .form-input-group i{color:#C62828;}a{color:#C62828;}.signup-form .form-input-group input{border:1px solid #dddfe2;border-radius:3px;}.flex-control-nav{bottom:0;}.hero p.intro{margin-bottom:24px;}.fixed{background:rgba(27,76,101,0.75)!important;border-bottom:1px solid #143546;}@media screen and (min-width: 992px) {.jeu_hotel{background:url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1482101567-6767.png) 79% -25px no-repeat;height:487px;width:842px;padding-top:29%;}}footer{background-color:#152b35;position:relative;}footer .social-share{background-color:#152b35;}.intro-icon{margin-right:6px;margin-top:10px;border-radius:7px;}.features-extra .inscription-wrap{width:566px;height:620px;}</style>
    </head>

    <body id="top">
        <?php if(isset($_GET['inscription']) AND ($_GET['inscription'] == 'ok')) { ?>
            <script>sweetAlert("Bravo !", "Votre inscription a bien été validé, vous pouvez maintenant vous connectez !", "success");</script>
        <?php } ?>
        <?php if(isset($erreurok)){echo '<script>sweetAlert("Bravo !", "'.$erreurok.'", "success");</script>'; } ?>
        <?php if(isset($erreur)){echo '<script>sweetAlert("Oops !", "'.$erreur.'", "error");</script>'; } ?>
        <section class="hero">
            <section class="navigation">
                <header>
                    <div class="header-content">
                        <div class="logo" style="margin-top: -30px;">
                            <a href="#top">
                                <img src="http://hsource.fr/font/habbo_new/<?php echo htmlspecialchars($dConfig['nom']); ?>.gif" alt="<?php echo htmlspecialchars($dConfig['nom']); ?>">
                            </a>
                        </div>

                        <div class="header-nav" style="width: auto;">
                            <form method="post" class="form-inline signup-form mobile_login">
                                <div class="form-input-group" style="width:268px;display: inline-block;border:none;margin-right: 7px;">
                                    <i class="fa fa-user"></i>
                                    <input type="text" placeholder="Pseudonyme <?php echo htmlspecialchars($dConfig['nom']); ?>" name="username" style="border-radius: 3px;" required>
                                </div>

                                <div class="form-input-group" style="width:274px;display: inline-block;border:none;">
                                    <i class="fa fa-lock"></i>
                                    <input type="password" placeholder="Mot de passe" name="password" style="border-radius: 3px;" required autofocus>
                                </div>

                                <button type="submit" name="connexion" class="btn-fill sign-up-btn" style="width: 150px;margin-left: 10px;padding: 17px 0;">Connexion</button>
                            </form>
                        </div>

                        <div class="navicon">
                            <a class="nav-toggle" href="#connexion">
                                <span></span>
                            </a>
                        </div>
                    </div>
                </header>
            </section>

            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="hero-content text-left">
                            <h1 style="text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.55);">Là où l'aventure commence par un rêve</h1>
                            <p class="intro" style="text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.55);">Entre dans un hôtel où tout est gratuit, fais-toi plein d'amis et deviens   célèbre!</p><img src="https://hsource.fr/font/habbo_new/TheoCMS.gif"> </img> 
                            <a href="#inscription" id="ordi_message" class="btn btn-fill btn-large btn-margin-right" style="background: #4CAF50;border: none;box-shadow: 0 3px 0 1px rgba(0,0,0,.3);border-radius: 3px;padding: 24px 30px;font-size: 15px;margin-top: -19px;">Créer un compte gratuitement</a>
                            <a href="#inscription" id="mobile_message" class="btn btn-fill btn-large btn-margin-right" style="background: #4CAF50;border: none;box-shadow: 0 3px 0 1px rgba(0,0,0,.3);border-radius: 3px;padding: 24px 30px;font-size: 15px;margin-top: -19px;">Créer un compte</a>
                            <a href="#connexion" id="mobile_message" class="btn btn-fill btn-large btn-margin-right" style="background: #C62828;border: none;box-shadow: 0 3px 0 1px rgba(0,0,0,.3);border-radius: 3px;padding: 24px 30px;font-size: 15px;margin-top: -19px;">Se connecter</a>
                        </div>
                    </div>

                    <div class="col-md-5">
                        <div class="jeu_hotel"></div>
                    </div>
                </div>
            </div>
        </section>

        <section class="intro section-padding" style="padding: 31px 0;background: #6F00FF;">
            <div class="container" style="padding-top: 23px;">
                <div class="row">
                    <div class="col-md-4 intro-feature">
                        <div class="intro-icon" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/appartement_text.png) center center no-repeat #31708f;width: 61px;height: 61px;border: 2px solid #2c6480;"></div>
                        
                        <div class="intro-content">
                            <font color="#000000">  <h5>Se faire des amis</h5>
                            <p>Un des plus grands monde virtuel où se retrouvent les <?php echo htmlspecialchars($dConfig['nom']); ?>'s pour discuter, jouer, créer des apparts, des groupes et plein d'autres choses!</p>
                        </div></font>
                    </div>

                    <div class="col-md-4 intro-feature">
                        <div class="intro-icon" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/siege_text.png) center center no-repeat #31708f;width: 61px;height: 61px;border: 2px solid #2c6480;"></div>
                        <div class="intro-content">
                            <font color="#000000"><h5>Jouer gratuitement</h5>
                            <p>Un jeu gratuit en ligne dans le quel tu peux explorer un vaste monde de salles, quêtes, discuter et gagner des prix, sans jamais avoir à payer!</p>
                        </div></font>
                    </div>

                    <div class="col-md-4 intro-feature">
                        <div class="intro-icon" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/constru_text.png) center center no-repeat #31708f;width: 61px;height: 61px;border: 2px solid #2c6480;"></div>
                        <div class="intro-content last">
                            <font color="#000000"><h5>La sécurité, notre priorité</h5>
                            <p>Notre site est surveillé tous les jours par des modérateurs professionnels, et il y aura toujours quelqu'un pour t'aider si tu as besoin d'aide.</p></font>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="login_connexion">
            <section class="sign-up section-padding text-center" id="connexion" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/bg_big_edited.png) #e9ebee;border-bottom: 1px solid rgba(0, 0, 0, 0.2);">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-md-offset-3">
                            <div class="feature-list" style="background: rgb(27, 76, 101);padding-top: 15px;padding-bottom: 35px;border-radius: 4px;padding-right: 10px;border: 2px solid #00C4C4;">
                                <h3 style="text-align: left;margin-left: auto;margin-right: auto;width: 80%;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 7px;color: white;">Connexion à <?php echo htmlspecialchars($dConfig['nom']); ?>.</h3>
                                <p style="text-align: left;margin-left: auto;margin-right: auto;width: 80%;padding-bottom:7px;color: #003131;border-bottom: 1px solid #28617d;"><font color="#00FAFA">Entre ci-dessous tes informations <?php echo htmlspecialchars($dConfig['nom']); ?> pour te connecter.</font></p>
                                
                                <form method="post" class="signup-form">
                                    <div class="form-input-group">
                                        <i class="fa fa-user"></i>
                                        <input type="text" name="username" placeholder="Pseudonyme <?php echo htmlspecialchars($dConfig['nom']); ?>" required>
                                    </div>

                                    <div class="form-input-group">
                                        <i class="fa fa-lock"></i>
                                        <input type="password" name="password" placeholder="Mot de passe" required>
                                    </div>

                                    <button type="submit" name="connexion" class="btn-fill sign-up-btn">Connexion</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <section class="sign-up section-padding features-extra section-padding text-center" id="inscription" style="padding: 136px 0 41px;background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1482101596-3089.png) #275b75;">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="feature-list" style="background: rgb(27, 76, 101);padding-top: 15px;padding-bottom: 35px;border-radius: 4px;padding-right: 10px;border: 2px solid #00C4C4;">
                            <h3 style="text-align: left;margin-left: auto;margin-right: auto;width: 80%;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 7px;color: white;">Rejoins-nous!</h3>
                            <p style="text-align: left;margin-left: auto;margin-right: auto;width: 80%;padding-bottom:7px;color: #003131;border-bottom: 1px solid #28617d;"> <font color="#00FAFA"> C'est gratuit (et ça le restera toujours)</p> </font>
                            
                            <form class="signup-form" method="post">
                                <p style="text-align: left;margin-left: 48px;font-size: 14px;color: #e0e0e0;padding-bottom: 0;max-width: 80%;margin: 0 auto 2px;">Ton pseudo peut contenir des lettres en majuscule et minuscule, des chiffres seulement</p>
                                <div class="form-input-group">
                                    <i class="fa fa-user"></i>
                                    <input type="text" name="bean_name" placeholder="Entre un pseudonyme" minlength="3" maxlength="20" required>
                                </div>

                                <p style="text-align: left;margin-left: 48px;font-size: 14px;color: #e0e0e0;padding-bottom: 0;max-width: 80%;margin: 0 auto 2px;">Ton adresse email te sera utile pour changer ton mot de passe</p>
                                <div class="form-input-group">
                                    <i class="fa fa-envelope"></i>
                                    <input type="email" name="bean_email" placeholder="Entre une adresse e-mail" minlength="3" required>
                                </div>

                                <p style="text-align: left;margin-left: 48px;font-size: 14px;color: #e0e0e0;padding-bottom: 0;max-width: 80%;margin: 0 auto 2px;">Ton mot de passe doit contenir au moins 6 caractères</p>
                                <div class="form-input-group">
                                    <i class="fa fa-lock"></i>
                                    <input type="password" name="bean_password" placeholder="Entre un mot de passe" minlength="6" required>
                                </div>

                                <p style="text-align: left;margin-left: 48px;font-size: 14px;color: #e0e0e0;padding-bottom: 0;max-width: 80%;margin: 0 auto 2px;">Répète ton mot de passe</p>
                                <div class="form-input-group">
                                    <i class="fa fa-lock"></i>
                                    <input type="password" name="bean_repassword" placeholder="Répète le mot de passe" minlength="6" required>
                                </div>

                                <div class="form-input-group" style="border:none;margin: 0 auto 0px;height: 32px;">
                                    <p style="line-height: 21px;text-align: left;font-size: 14px;color: #e0e0e0;padding-bottom: 0;">En t'inscrivant, tu acceptes nos <a href="<?php echo htmlspecialchars($dConfig['lien']); ?>file:///C:/Users/USER/Desktop/Condition.html target="_blank" style="color: #60caff;text-decoration:underline;">Condition d'utilisation </a>.</p>
                                </div>

                                <button type="submit" name="inscription" class="btn-fill sign-up-btn" style="background-color:#4CAF50;border: solid 2px #4CAF50;box-shadow: 0 2px 2px 1px rgba(0,0,0,.3);padding: 21px 0;">Finaliser l'inscription gratuitement</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="inscription-wrap wp3" style="background: url(<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/img/1482101612-6602.png) no-repeat 36px center;top: 147px;"></div>
        </section>

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <div class="footer-links">
                            <ul class="footer-group">
                                <li>
                                    <a href="mailto:[email protected]">Aide - Contact</a>
                                </li>

                                <li>
                                    <a href="<?php echo htmlspecialchars($dConfig['lien']); ?>/papers/termsAndConditions" target="_blank">Conditions d'utilisation</a>
                                </li>

                                <li>
                                    <a href="<?php echo htmlspecialchars($dConfig['lien']); ?>/papers/privacy" target="_blank" title="Charte de protection des données personnelles">Charte de protection des... </a>
                                </li>

                                <li>
                                    <a href="http://lightpics.net" title="Hebergeur d'images" target="_blank">LightPics</a>
                                </li>
                            </ul>

                            <p>&copy; 2017 <a href="#top"><?php echo htmlspecialchars($dConfig['nom']); ?> est un projet indépendant, à but non lucratif.</a><br>
                            Nous ne sommes pas approuvés, affiliés, ou offerts par Sulake Corporation Oy.</p>
                        </div>
                    </div>

                    <div class="social-share">
                        <p>Retrouve nous sur tes réseaux sociaux favoris</p>
                        <a href="<?php echo htmlspecialchars($dConfig['twitter']); ?>" target="_blank" class="twitter-share">
                            <i class="fa fa-twitter"></i>
                        </a>

                        <a href="<?php echo htmlspecialchars($dConfig['facebook']); ?>" target="_blank" class="facebook-share">
                            <i class="fa fa-facebook"></i>
                        </a>
                    </div>
                </div>
            </div>
        </footer>
 
        <script type="text/javascript">
        $('#ordi_message').click(function() {
        setTimeout(function(){
        $('#inscriptionpseudo').focus();
          },1300);
        });
        </script>

        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/retina.js/2.1.0/retina.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script src="<?php echo htmlspecialchars($dConfig['lien']); ?>/landing/js/scripts.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.5.0/jquery.flexslider.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/classie/1.0.1/classie.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/3.1.1/jquery.waypoints.min.js"></script>

    </body>
</html>

 

 

Lien à poster
Partager sur d’autres sites

il y a 1 minute, TheJill a dit :

Salut, ça a l'air sympas mais je sais pas si le site de test est beugé ou si c'est volontairement codé comme ça ... :) :

Pour avoir accès à cette image, merci de vous connecter.

Merci, ce n'est pas le site qui beug, c'est le CMS qui est comme ça ;)

 

Lien à poster
Partager sur d’autres sites

il y a 4 minutes, YanisDEVE a dit :

Merci, ce n'est pas le site qui beug, c'est le CMS qui est comme ça ;)

 

ah d'accord, je te conseil de retravailler le placement des boutons des images etc.... mais sinon les couleurs et le thème restent sympas ;)

Lien à poster
Partager sur d’autres sites

Salut,

 

Je trouve que c'est vide et il faudrait repositionner tes éléments car c'est un peu brouillon là.

Mais tu peux y arriver , courage 

Ancien Responsable des modérateurs

Mon discord : Nagasaki#5318
 
16 août 2017   ->  16 février 2020
Je m'en vais ..

 

 

                                   

                                         

  • Haha 1
Lien à poster
Partager sur d’autres sites

Yo,

Je ne comprends pas ce que tu veux faire xD

Actuellement (ta version) du CMS, c'est juste la V3 sans les dossiers CSS, je ne vois pas trop ce que tu as touché..

Pour avoir accès à ce lien, merci de vous connecter.

Lien à poster
Partager sur d’autres sites

il y a une heure, achrafmaziz a dit :

J'aime pas,

c'est moche et mal organisé, venant d'un PRO

 

Comme tu le dis venant d'un pro ? le style c'est css et il à dit débutant en php/css donc y'a aucun rapport le html et bien (c'est lui de base je suppose)

Lien à poster
Partager sur d’autres sites

Il y a 20 heures, Akushi a dit :

 

Comme tu le dis venant d'un pro ? le style c'est css et il à dit débutant en php/css donc y'a aucun rapport le html et bien (c'est lui de base je suppose)

Oui, mais j'ai modif du code html tès pourri@Akushi 

 

Il y a 23 heures, Cypher a dit :

Yo,

Je ne comprends pas ce que tu veux faire xD

Actuellement (ta version) du CMS, c'est juste la V3 sans les dossiers CSS, je ne vois pas trop ce que tu as touché..

Pour avoir accès à ce lien, merci de vous connecter.

C'est pas la version sans css. C'est surtout le html qur j'ai touché

 

Lien à poster
Partager sur d’autres sites

Du code html très pourrie ? 

Mdrrrrrrrr

Ancien Responsable des modérateurs

Mon discord : Nagasaki#5318
 
16 août 2017   ->  16 février 2020
Je m'en vais ..

 

 

                                   

                                         

Lien à poster
Partager sur d’autres sites

Je trouve sa très vide mais sinon les couleur son bien choisi et replace les bouton ;) 

                                    

Autres > Graphiste

Langage > HTML, CSS

En cours > PHP

                                                                                                                                       zouuuuuck.png

Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant
×
×
  • Créer...