AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-38%
Le deal à ne pas rater :
-38% sur la barre de son Yamaha YAS-108 (ODR 15€)
184.99 € 299.99 €
Voir le deal

    Fiche de Pub, i-frame

    Klash
    Klash
    MasculinAge : 39Messages : 20653

    le Dim 24 Juin 2012 - 18:30

    Rappel du premier message :



    Bonjour à tous, je vous propose donc une fiche de pub pré-remplie, ils vous suffira donc je changer ce qui vous intéresse soit dans la partie html ou bien le css pour utiliser cette fiche, il vous faut être fondateur de votre forum.

    Ce qui donne une fois fini :


    Il va falloir créer une page Html rien de compliquer je vous rassure c'est tout simple. D'abord ouvrez votre panneau d'administration, puis allez dans module, puis pages html et cliquez sur création en mode avancé (html).


    Puis coller le code de la fiche en entier que je vais vous passer.
    Ensuite validez et là vous aurez votre page html de crée. Le lien vous servira pour votre fiche de pub, donc copiez-le.


    Puis utilisez le lien pour faire votre pub.

    Le lien de la pub sera à insérer comme suit:
    Code:
    <iframe src="votre lien de page html" width="610px" height="1175"; frameborder="no"; ></iframe>


    Code complet de la fiche merci de laisser le crédit un petit merci aussi serait sympa enjoy you like it.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Fiche pub</title>
    <style type="text/css">

    .titre-forum
    {
    font-family: "palatino linotype",palatino,serif;
    color: #545D5E;
    margin-top: -60px;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 3px 3px 1px #cccccc;
    filter: dropshadow(color=#cccccc, offx=3, offy=3);
    }

    .header {
    border-bottom:ridge 1px #161616;
    margin: auto;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,229,229))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    width: 560px;
    height: 80px;
    -moz-border-radius: 20px 20px 0px 10px / 10px 10px 10px 0px;
    -webkit-border-radius: 20px 20px 0px 10px / 10px 10px 10px 0px;
    -khtml-border-radius: 20px 20px 0px 10px / 10px 10px 10px 0px;
    border-radius: 20px 20px 0px 10px / 10px 10px 10px 0px;
    -moz-box-shadow: 2px 4px 4px #8a8a8a;
    -webkit-box-shadow: 2px 4px 4px #8a8a8a;
    box-shadow: 2px 4px 4px #8a8a8a;

     
       
    }



    .back {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(238,238,238) 0%, rgb(204,204,204) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(204,204,204))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* IE10+ */
    background: linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 3px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    }

    .titre {
    color: #eae9e9;
    font-family: helvetica,serif;
    margin-bottom: 10px;
    padding: 1px;
    font-size: 16px;

    }

    .lier {
    color: #eae9e9;
    font-family: helvetica,serif;
    margin-bottom: 10px;
    padding: 1px;
    font-size: 16px;
    text-align: center;
    background-color: #eae9e9;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 18px;
    letter-spacing: 4px;
    display: block;
    width: 100%;
    color: #717171;
    }

    .stat {
    color: #eae9e9;
    font-family: helvetica,serif;
    margin-bottom: 10px;
    padding: 1px;
    font-size: 16px;
    text-align: center;
    background-color: #eae9e9;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 18px;
    letter-spacing: 4px;
    display: block;
    width: 100%;
    color: #717171;
    }

    .lien a {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,229,229))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 34px;
    color: #717171;
    text-shadow: 1px 1px 0px #FFFFFF;
    line-height: 34px;
    }

    .lien a:hover {
    background: rgb(226,226,226); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 50%, rgb(209,209,209) 51%, rgb(254,254,254) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(226,226,226)), color-stop(50%,rgb(219,219,219)), color-stop(51%,rgb(209,209,209)), color-stop(100%,rgb(254,254,254))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 34px;
    color: #717171;
    text-shadow: 1px 1px 0px #FFFFFF;
    line-height: 34px;
    }


    .bod {
    background-color: #aaaaaa;
    min-height: 58px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }

    .para {
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    position: absolute;
    width: 260px;
    height: 150px;
    overflow: auto;
    border: double 2px #000000;
    padding: 1px;   
    }

    .para1 {
    display: block;
    position: absolute;
    float: left;
    margin-top: 3px;
    margin-left: 280px;
    width: 260px;
    height: 150px;
    overflow: auto;
    border: double 2px #000000;
    padding: 1px;   
    }

    .para2 {
    display: block;
    position: absolute;
    float: left;
    margin-left: 10px;
    margin-top: 165px;
    width: 260px;
    height: 150px;
    overflow: auto;
    border: double 2px #000000;
    padding: 1px;   
    }

    .para3 {
    display: block;
    position: absolute;
    float: left;
    margin-left: 280px;
    margin-top: 165px;
    width: 260px;
    height: 150px;
    overflow: auto;
    border: double 2px #000000;
    padding: 1px;
    margin-bottom: 50px;   
    }

    .second {
    background-color: #aaaaaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 555px;
    height: 330px;
    margin: auto;
    border: 1px dotted #000;
    text-align: justify;
    color: #eae9e9;
    font-size: 13px;
    }

    .troisième {
    background-color: #aaaaaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 555px;
    margin: auto;
    border: 1px dotted #000;
    text-align: center;
    color: #eae9e9;
    font-size: 13px;
    }

    .quatrième {
    background-color: #aaaaaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 555px;
    margin: auto;
    border: 1px dotted #000;
    text-align: center;
    color: #eae9e9;
    font-size: 13px;
    }

    .border {
    border: 1px dotted #000;
    width: 555px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    }

    .qeel_infos {
    color: #000;   
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(245,246,246) 0%, rgb(219,220,226) 21%, rgb(184,186,198) 49%, rgb(221,223,227) 80%, rgb(245,246,246) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,246,246)), color-stop(21%,rgb(219,220,226)), color-stop(49%,rgb(184,186,198)), color-stop(80%,rgb(221,223,227)), color-stop(100%,rgb(245,246,246))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(245,246,246) 0%,rgb(219,220,226) 21%,rgb(184,186,198) 49%,rgb(221,223,227) 80%,rgb(245,246,246) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(245,246,246) 0%,rgb(219,220,226) 21%,rgb(184,186,198) 49%,rgb(221,223,227) 80%,rgb(245,246,246) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(245,246,246) 0%,rgb(219,220,226) 21%,rgb(184,186,198) 49%,rgb(221,223,227) 80%,rgb(245,246,246) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(245,246,246) 0%,rgb(219,220,226) 21%,rgb(184,186,198) 49%,rgb(221,223,227) 80%,rgb(245,246,246) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    width: 500px;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    }
       
    </style>
    </head>


    <body>
    <table width="600" border="0" cellspacing="0" cellpadding="10" class="back">
      <tr>
        <td><div class="header"></div><div class= titre-forum> Ton Forum </div></td>
      </tr>
      <tr>
        <td><div class="border">
        <div class="bod">
      <table width="100%" border="0" cellspacing="5" cellpadding="0" style="height: 58px;">
      <tr>
        <td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a><td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a><td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a><td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a><td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a></td>

      </tr></table></div></div>


    <div class="second">
    <table width="100%" border="0" cellspacing="10">
      <tr>
        <div class="para"width="90%"valign="top"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div>
    <div class="para1"width="90%"valign="top"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div>
        <div class="para2"width="90%"valign="top"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div>
        <div class="para3"width="90%"valign="top"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div>
        </tr></table></div>
         
    <div class="troisième">
    <table width="100%" border="0" cellspacing="10">
      <tr>
        <td class="pub" width="90%" valign="top">
      <span class="lier"> Nous lier ?</span><br><br>
        <a href="http://www.never-utopia.com/" target="_blank"><img src="http://i70.servimg.com/u/f70/09/00/56/80/miniba15.png"/></a><br><br>
        <textarea><a href="http://www.never-utopia.com/" target="_blank"><img src="http://i70.servimg.com/u/f70/09/00/56/80/miniba15.png"/></a></textarea><br><br>
       
        <a href="http://www.never-utopia.com/" target="_blank"><img src="http://img4.hostingpics.net/pics/666823logo6.jpg"/></a><br><br>
        <textarea><a href="http://www.never-utopia.com/" target="_blank"><img src="http://img4.hostingpics.net/pics/666823logo6.jpg"/></a></textarea><br><br>
       
        <a href="http://www.never-utopia.com/" target="_blank"><img src="http://img4.hostingpics.net/pics/876649logo1.jpg"/></a><br><br>
        <textarea><a href="http://www.never-utopia.com/" target="_blank"><img src="http://img4.hostingpics.net/pics/876649logo1.jpg"/></a></textarea>
        </td></tr></table></div>
       
        <div class="quatrième">
    <table width="100%" border="0" cellspacing="10">
      <tr>
        <td class="stats" width="90%" valign="top">
      <span class="stat">Quelques Stats</span><br><br>
    <div class="qeel_infos">Nous avons <strong><span class="FORUMCOUNTUSER">0</span></strong> utilisateurs enregistrés.<br>
    Nos membres ont postés un total de <strong><span class="FORUMCOUNTPOST">0</span></strong> messages.<br>
    Dernier membre à nous avoir rejoints. <strong><span class="FORUMLASTUSER">Klash</span></strong>.<br>
    </div><br />Mise en page et codage par © <a href="http://www.never-utopia.com/">Never-Utopia</a></td></tr></table></div>
    </body>
    </html>


    Dernière édition par Klash le Mer 29 Avr 2015 - 8:10, édité 7 fois



    Fiche de Pub, i-frame - Page 7 376864signichigo
    Allison01
    Allison01
    FémininAge : 35Messages : 218

    le Lun 21 Avr 2014 - 22:23

    Oh merci Very Happy je prend :)
    Sentenza
    Sentenza
    MasculinAge : 35Messages : 95

    le Jeu 24 Avr 2014 - 15:18

    merci beaucoup!
    Klemmeria
    Klemmeria
    FémininAge : 20Messages : 147

    le Lun 5 Mai 2014 - 21:44

    C vraiment bow



    Fiche de Pub, i-frame - Page 7 Btqy
    Zorume
    Zorume
    FémininAge : 23Messages : 84

    le Mer 7 Mai 2014 - 22:23

    Pas mal du tout =)
    Merci du partage !
    avatar
    Nanouille
    FémininAge : 22Messages : 12

    le Sam 10 Mai 2014 - 17:55

    Merci
    Chaya Escanor
    Chaya Escanor
    FémininAge : 26Messages : 15

    le Mar 13 Mai 2014 - 16:52

    Thank's ♥
    Ryu-Kin
    Ryu-Kin
    FémininAge : 33Messages : 125

    le Mer 14 Mai 2014 - 0:39

    merci
    Titou2302
    Titou2302
    MasculinAge : 17Messages : 95

    le Sam 17 Mai 2014 - 9:07

    Merci !

    avatar
    Gedomaru
    FémininAge : 22Messages : 70

    le Dim 18 Mai 2014 - 20:30

    Merci! ^^
    avatar
    Sépia
    FémininAge : 23Messages : 70

    le Mar 20 Mai 2014 - 16:44

    Merci!
    Kau
    Kau
    FémininAge : 18Messages : 148

    le Lun 26 Mai 2014 - 18:03

    merci ^^
    Vegvisir
    Vegvisir
    FémininAge : 20Messages : 411

    le Jeu 29 Mai 2014 - 17:46

    Cool :3
    Merci bien ! ^^



    Fiche de Pub, i-frame - Page 7 1
    Risa
    Risa
    FémininAge : 31Messages : 252

    le Ven 30 Mai 2014 - 19:05

    Le truc qui simplifie la vie, si je me souviens bien.
    Merci du partage
    Asuka
    Asuka
    FémininAge : 26Messages : 105

    le Sam 31 Mai 2014 - 5:17

    Merci :)



    Fiche de Pub, i-frame - Page 7 975531MisakiHino3
    Alumine
    Alumine
    FémininAge : 22Messages : 488

    le Sam 31 Mai 2014 - 11:57

    Merci beaucoup (=
    Eden.
    Eden.
    FémininAge : 27Messages : 201

    le Mer 4 Juin 2014 - 13:44

    Merci je voulais savoir comment marchait les iframe ^^
    Risa
    Risa
    FémininAge : 31Messages : 252

    le Sam 7 Juin 2014 - 2:36

    Merci, dommage qu'on ait plus les aperçus :/
    Sina
    Sina
    FémininAge : 26Messages : 33

    le Sam 7 Juin 2014 - 13:33

    Thanks !



    Fiche de Pub, i-frame - Page 7 SinaSignatureNU
    Flower_*
    Flower_*
    FémininAge : 25Messages : 605

    le Lun 9 Juin 2014 - 8:27

    Merci
    Ananké
    Ananké
    FémininAge : 33Messages : 45

    le Lun 9 Juin 2014 - 20:56

    Merci beaucoup :)
    Kathee
    Kathee
    FémininAge : 26Messages : 669

    le Ven 20 Juin 2014 - 2:07

    Merci beaucoup ! Very Happy




    Fiche de Pub, i-frame - Page 7 NL0GKc3
    • Venez donc voir ce petit petit fofo :heart:
    avatar
    Luti
    FémininAge : 29Messages : 18

    le Lun 23 Juin 2014 - 15:59

    Merci bien !
    PrincesseÔ
    PrincesseÔ
    FémininAge : 22Messages : 220

    le Mar 24 Juin 2014 - 14:11

    Merci c'est super :)
    Kiki85
    Kiki85
    MasculinAge : 25Messages : 396

    le Lun 7 Juil 2014 - 14:51

    merci !
    Kau
    Kau
    FémininAge : 18Messages : 148

    le Lun 7 Juil 2014 - 19:01

    Merci *O*
    Contenu sponsorisé


      La date/heure actuelle est Ven 5 Juin 2020 - 8:43