AccueilFAQRechercherMembresGroupesS'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.


    Prédéfinis Simples, Gris et Epurés

    Partagez
    avatar
    Kanae
    FémininAge : 26Messages : 350

    le Ven 4 Nov 2016 - 7:47



    Prédéfinis Simples, Gris et Epurés



    Bonjour !

    Je continue sur ma lancée des LS de message avec cette fois-ci une fiche de personnage prédéfini. Au final c'est tout mon ancien thème qui va finir par y passer, mais si ça peut faire des heureux, pourquoi s'en priver x)...


    Petit aperçu :
    Cliquez ici


    Parce qu'il s'agit d'un travail regroupant plusieurs éléments, vous pouvez aller voir la Fiche de Présentation, le Journal de Bord, ainsi que la Fiche de Liens que j'ai codées dans le même genre.

    N'hésitez pas non plus à jeter un oeil à l'excellent travail d'Halloween qui a répondu à l'une de mes demandes et a confectionné un superbe QEEL qui s'inscrit dans le même design.


    J'ai choisi de ne pas mettre le code sous hide, mais un petit mot gentil, des encouragements ou des critiques constructives seront très appréciées ! N'hésitez surtout pas à me donner votre avis !
    Cela m'aidera à m'améliorer, alors un grand merci à ceux qui prendront le temps de le faire Very Happy !


    Par respect pour les nombreuses nuits passées à coder ceci et à sauvegarder la cohérence des autres codes, merci de ne pas retirer les crédits.




    Version Brute



    Code brut à insérer directement dans un message :



    Code:
    <div style="background-color: #E4E4E4; width: 530px ; margin: auto; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000; color: #353535; font-family: 'Verdana'; font-size: 11px;"><img src="http://media.tumblr.com/08591baec96e41fb9ee99106037ea6b4/tumblr_inline_n5f0omBL5E1qhyycq.gif" style="width: 100%; heigh: 280px;"/><div style="background-color: #F0F0F0; border-top: 4px solid #B0C3AB; border-bottom: 2px solid #BEBEBE; height: 40px; width: 100%;"><div style="text-align: center; margin-top: 10px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px">Prénom Nom</span></div></div><div style="margin: -3px 0 0 10px; color: #BEBEBE; font-size: 10px; font-family: arial narrow;">feat Personnalité choisie</div><div style="text-align: right; margin: -10px 10px 0 250px; font-family: georgia; font-variant: small-caps; font-size: 11px; font-style: italic; letter-spacing : 2px; color: #879E9B;">"Citation classe de la mort qui tue tout à travers le monde"</div>



    <div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Rôle</div>
    <div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
    <div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
    <table><tr><td><img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; float: right; border-bottom-right-radius: 15px; width: 100px; border-top-left-radius: 15px; margin: 12px 30px 0 0;"></td></tr><tr><td><div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 300px; height: 120px; margin-left: 30px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 10px; overflow: auto;"><b>Nom :</b> <i>Renseigner</i>
    <b>Prénom :</b> <i>Renseigner</i>
    <b>Age :</b> <i>Renseigner</i>
    <b>Groupe :</b> <i>Groupe du personnage</i>
    <b>Métier :</b> <i>Faut bien gagner sa vie</i>
    <b>Ambition :</b> <i>Renseigner</i></div></td></tr></table>

    <div style="background-color: #ffffff; margin: 5px 30px 0 30px; padding: 5px 10px 10px 10px; text-align: justify;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus.</div></div>

    <div style="margin: 0 0 -22px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Relations</div>
    <div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
    <div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
    <table><tr><td>
    <img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; border-top-left-radius: 15px; margin-left: 30px;" /></td><td><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Prénom Nom</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr><tr><td>

    <img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; border-bottom-right-radius: 15px; width: 100px; border-top-left-radius: 15px; margin-left: 30px;" /></td><td><br /><div style="text-align: right; margin-right: 40px; font-family: georgia; font-variant: small-caps; font-size: 14px; font-style: italic; letter-spacing : 2px; color: #879E9B;">Prénom Nom</div><div style="background-color: #ffffff; height: 120px; margin: 0 30px 0 18px; padding: 10px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr></table></div>

    <div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Indications</div>
    <div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
    <div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
    <div style="background-color: #ffffff; margin: 0 30px 0 30px; padding: 10px; text-align: justify;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus.</div></div><a style="display: block; margin-top: -3px; text-align: center; color: #BEBEBE; font-size: 10px; font-family: arial narrow;" href="http://www.never-utopia.com">© Kanae de Never-Utopia</a></div>




    Et pour ceux qui rechercheraient une version un peu plus évidente à installer sur un forum (moins à modifier, attention !) :



    Version Simplifiée



    Code simplifié à insérer directement dans un message :



    Code:
    <div class="fond_1"><img src="http://nsa34.casimages.com/img/2014/10/01/141001090448446613.png" style="width: 100%; heigh: 280px;"/><div class="fond_entete"><div class="bloc_guillemet"><b>“</b><span style="color: #1C3734; font-variant: small-caps; margin-top: -2px; letter-spacing: 2px">Prénom Nom</span></div></div><div class="bloc_credit">feat Personnalité choisie</div><div class="bloc_citation">"Citation classe de la mort qui tue tout à travers le monde"</div>



    <div style="margin: 0 0 -24px 80px; font-family: georgia; font-size: 24px; color: #B0C3AB;">Rôle</div>
    <div style="background-color: #DFDFDF; margin: 0 10px 0 10px; padding-bottom: 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">
    <div style="background-color: #8D838D; height: 1px; margin: -7px 30px 0 30px;"></div><div style="background-color: #B0C3AB; height: 2px; margin: 0 30px 0 30px;"></div>
    <table><tr><td><img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; float: right; border-bottom-right-radius: 15px; width: 100px; border-top-left-radius: 15px; margin: 12px 30px 0 0;" /></td></tr><tr><td><div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 300px; height: 120px; margin-left: 30px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 10px; overflow: auto;"><b>Nom :</b> <i>Renseigner</i>
    <b>Prénom :</b> <i>Renseigner</i>
    <b>Age :</b> <i>Renseigner</i>
    <b>Groupe :</b> <i>Groupe du personnage</i>
    <b>Métier :</b> <i>Faut bien gagner sa vie</i>
    <b>Ambition :</b> <i>Renseigner</i></div></td></tr></table>

    <div class="fond_3" style="margin: 5px 30px 0 30px; padding: 5px 10px 10px 10px; height: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus.</div></div>

    <div class="titre_1">Relations</div>
    <div class="fond_2">
    <div class="style_1"></div><div class="style_2"></div>
    <table><tr><td>
    <img src="http://nsa33.casimages.com/img/2014/10/01/14100109044833549.png" class="img_100" /></td><td><div class="bloc_nom">Prénom Nom</div><div class="fond_3" style="height: 120px; margin: 0 30px 0 18px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr><tr><td>

    <img src="http://nsa33.casimages.com/img/2014/10/01/14100109044833549.png" class="img_100" /></td><td>
    <div class="bloc_nom">Prénom Nom</div><div class="fond_3" style="height: 120px; margin: 0 30px 0 18px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr></table></div>

    <div class="titre_1">Indications</div>
    <div class="fond_2">
    <div class="style_1"></div><div class="style_2"></div>
    <div class="fond_3" style="margin: 5px 30px 0 30px; padding: 5px 10px 10px 10px; height: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus.</div></div><a class="bloc_credit" style="margin-left: 220px;" href="http://www.never-utopia.com">© Kanae de Never-Utopia</a></div>



    Code à insérer dans le CSS de votre forum :



    Si vous avez déjà installé dans le CSS de votre forum les éléments proposés dans la fiche de présentation ou dans la fiche de lien, certains éléments sont susceptibles de se répéter ! Veillez donc bien à repérer uniquement les éléments que vous n'avez pas déjà installés afin de vous épargner du temps et de garder une fiche de CSS claire et lisible.



    Code:
    /* ---------------------------------Fiche Prédéfinis--------------------------------- */
    .fond_1
    {
    background-color: #E4E4E4;
    margin: 20px;
    padding-bottom: 10px;
    box-shadow: 3px 3px 5px #000000;
    color: #353535;
    font-family: 'Verdana';
    font-size: 11px;
    }
    .fond_2
    {
    background-color: #DFDFDF;
    margin-left: 10px;
    padding-bottom: 20px;
    margin-right: 10px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    }
    .fond_3
    {
    background-color: #F0F0F0;
    border: 2px solid #BEBEBE;
    width: 196px;
    height: 152px;
    margin-left : 28px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 10px;
    overflow: auto;
    }
    .style_1
    {
    background-color: #B0C3AB;
    width: 100%
    height: 4px;
    }
    .style_2
    {
    background-color: #8D838D;
    height: 1px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: -7px;
    }
    .fond_entete
    {
      background-color: #F0F0F0;
      border-top: 4px solid #B0C3AB;
      border-bottom: 2px solid #BEBEBE;
      height: 40px;
      width: 100%;
    }
    .bloc_guillemet
    {
    text-align: right;
    margin-right: 10px;
    margin-top: -24px;
    font-family: georgia;
    font-size: 36px;
    text-shadow: 1px 1px 2px #1A1A1A;
    color: #353535;
    }
    .bloc_citation
    {
      text-align: right;
      margin: -10px 10px 0 250px;
      font-family: georgia;
      font-variant: small-caps;
      font-size: 11px;
      font-style: italic;
      letter-spacing : 2px;
      color: #879E9B;
    }
    .bloc_nom
    {
      text-align : right;
      margin-right: 40px;
      font-family: georgia;
      font-variant: small-caps;
      font-size: 14px;
      font-style: italic;
      letter-spacing: 2px;
      color: #879E9B;
    }
    .titre_1
    {
    font-family: georgia;
    margin-left: 80px;
    margin-bottom: -24px;
    font-size: 24px;
    color: #B0C3AB;
    }
    .credits
    {
    margin-top: -3px;
    margin-left: 10px;
    color: #BEBEBE;
    font-size: 10px;
    font-family: arial narrow;
    }
    .img_100
    {
      border: 2px solid #BEBEBE;
      width: 100px;
      border-top-left-radius: 15px;
      border-bottom-right-radius: 15px;
      margin-left: 30px;
    }
    /* --------------------------------- FIN Fiche Préfédinis --------------------------------- */


    Dernière édition par Kanae le Mer 21 Déc 2016 - 16:54, édité 2 fois

    avatar
    Onyx
    FémininAge : 24Messages : 3134

    le Mer 21 Déc 2016 - 5:03

    Salut!

    C'est tout beau, il y a seulement 2 détails que j'ai corrigé, à savoir le fait que tu dois refermer les balises de tes images avec un "/" à la fin et aussi qu'il n'existe pas de tableau sans cellules. Donc tu ne peux pas simplement mettre un table et un tr sans mettre le td dedans. C'est une erreur de structure.

    Bref, j'ai effectué les corrections donc je valide le Ls qui sera déplacé sous peu.

    Merci de ton partage!



    avatar
    Lilynufare
    FémininAge : 28Messages : 341

    le Dim 1 Jan 2017 - 18:10

    merci :)
    avatar
    Kelalin
    FémininAge : 26Messages : 1958

    le Dim 1 Jan 2017 - 18:57

    Merci pour le partage !
    avatar
    supernaturalcat7
    FémininAge : 26Messages : 3

    le Lun 30 Jan 2017 - 1:14

    Love it.
    avatar
    Choucroute Mozzarella
    FémininAge : 22Messages : 40

    le Sam 8 Avr 2017 - 13:44

    Merci !
    avatar
    Asa Ikeda
    FémininAge : 24Messages : 35

    le Jeu 4 Mai 2017 - 16:04

    merci pour ce code ^^
    avatar
    Keiko113
    FémininAge : 26Messages : 13

    le Lun 19 Fév 2018 - 14:31

    Merci pour ce partage Very Happy
    avatar
    Mikoya
    FémininAge : 21Messages : 8

    le Lun 6 Aoû 2018 - 23:52

    Génial, merci **
    avatar
    JemAedan
    FémininAge : 31Messages : 27

    le Dim 9 Sep 2018 - 20:05

    Coucouuuuuuu merci pour la fiche elle est parfaite *-*
    Contenu sponsorisé


      La date/heure actuelle est Sam 20 Oct 2018 - 1:00