PAGE D'ACCUEIL SAVES DE MELO POUR MIMB

Admin Messages : 7 Date d'inscription : 13/10/2024

Code:: <div class="pagedaccueildemimb">

<div class="titredelapa">
      Bienvenue les sorciers
</div>


<div class="staffsurlapa">
   <img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" /> <img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" /><br /> <img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" /> <img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" />
</div>


<div class="contextesurlapa">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</div>


<div class="scenariossurlapa">

   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
    <br/>
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
    <br/>

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   <br />
</div>


 <span class="liensutilesdelapa">XD XD</span>
 <span class="topsitesdelapa"><span style=" font-size: 18px; text-transform: uppercase; text-align: center;letter-spacing: 4px;">Les topsites</span><br /> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> </span>


<div class="newssurlapa">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</div>

</div>

Admin Messages : 7 Date d'inscription : 13/10/2024

Code:: <div class="pagedaccueildemimb">
<div class="titredelapa">
      Bienvenue les sorciers
</div>


   
<div class="staffsurlapa">
   <div ><img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" /><p>
               <bloody>pseudo staff 1</bloody> <span class="infosdustaffsurlapa">fonda - dc : xx - présente</span><a href="lien mp" target="_blank">mp</a>
      </p> </div>
   <div><img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" /><p>
               <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapa">fonda - dc : xx - présente</span><a href="lien mp" target="_blank">mp</a>
   </p></div>
<br/>
   
   <div><img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" /><p>
               <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapa">fonda - dc : xx - présente</span><a href="lien mp" target="_blank">mp</a>
   </p></div>
   <div><img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" /><p>
               <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapa">fonda - dc : xx - présente</span><a href="lien mp" target="_blank">mp</a>
      </p></div>
      
</div>


<div class="contextesurlapa">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</div>


<div class="scenariossurlapa">

   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
    <br/>
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
    <br/>

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   <br />
</div>


 <span class="liensutilesdelapa">XD XD</span>
 <span class="topsitesdelapa"><span style=" font-size: 18px; text-transform: uppercase; text-align: center;letter-spacing: 4px;">Les topsites</span><br /> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> </span>


<div class="newssurlapa">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</div>

</div>

Code:: /*-----------------------------------------------------------------------------------
----------------------------------- PAGE D'ACCUEIL PAR MELORIA ----------------------------------
-----------------------------------------------------------------------------------*/
/**LE CORPS DE LA PA**/
.pagedaccueildemimb{background-color: green; width: 926px; height: 800px; border: var(--border1);border-radius: 4px;ctext-align: center;color: #fefefe;font: 12px Playfair Display;margin: 0px auto 10px auto;text-align: center;}
.titredelapa{width: 886px;background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 12px;margin-top: 14px;font-weight: bold;padding: 9px 20px;text-transform: uppercase;text-align: center; font: 24px Playfair Display;}

/**LE STAFF SUR LA PA**/
.staffsurlapa{display: flex; justify-content: space-between; width: 206px; height: 250px; position: relative; top: 30px; left: 30px; margin: px;}
.staffsurlapa p { position:absolute; margin-top:-10px; border-radius: 6px;width:60px; height:105px; padding:5px 5px 0; overflow:hidden;opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;text-align:center; font-family: 'Playfair Display', serif; font-size:10px; text-transform: uppercase;}
.staffsurlapa div:hover p { display: inline; opacity:1; background:#304264; color:#efefef; width: 200px; margin-left: -280px;}
.infosdustaffsurlapa{color: black;}
.imagestaffsurlapa{margin: 3px; height: 123px; width: auto; background-color: black; border: 1px white solid; padding: 2px;}

/**LE CONTEXTE SUR LA PA**/
.contextesurlapa{background-color: purple; width: 200px; height: 240px; overflow: auto; position: relative; top: -220px; left: 150px;padding: 10px;text-align: justify;}

/**LES NEWS SUR LA PA**/
.newssurlapa{background-color: purple; width: 200px; height: 140px; overflow: auto; position: relative; top: -410px; left: 530px; padding: 10px;text-align: justify;}

/**LIENS UTILES SUR LA PA**/
.liensutilesdelapa{background-color: yellow; width: 200px; height; 180px; position: relative; top: -300px; left: -300px;}

/**LES SCENARIOS SUR LA PA- LES INFOBULLES**/
/**IMAGE DU SCENARIO**/
.imgdescenariodelapa{width:50px; height: 50px; background-color: white; padding: 3px; border: 1px solid red;}

/**INFOBULLE**/
.scenabulle>div{ position: absolute; opacity: 0; visibility: hidden; display: inline}
.scenabulle:hover>div{opacity: 1; visibility: visible;}
.scenabubulle{ /*Bullescenario*/ width: 200px; height: 150px; padding: 2px; background-color: #42272A;text-align: center; font-size: 12px; color: white; }

/**LE CORPS DU SCENARIO**/
.scenariossurlapa{position: relative; top: -485px; left: 550px; width: 200px; height: 125px; text-align: justify; padding: 3px; color: white; font-size: 11px; text-shadow: 1px 1px 2px black; opacity: 0.8;}

/**LES TOPSITES SUR LA PA**/
.topsitesdelapa{position: relative; top: -425px; left: 180px; padding: 5px; width: 400px; text-align: justify;}

Admin Messages : 7 Date d'inscription : 13/10/2024

Code:: <div class="pagedaccueildemimb">

<div class="titredelapa">
      Bienvenue les sorciers
</div>

 <span class="titredustaffsurlapa">Les queens</span>

<div class="staffsurlapa">

   <div>
         <img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" />
      <p>
            <bloody>pseudo staff 1</bloody> <span class="infosdustaffsurlapa">fonda - dc : xx - présente</span><a href="lien mp" target="_blank">mp</a>
      </p>

   </div>

   
   <div>
         <img class="imagestaffsurlapa" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" />
      <p>
            <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapa">fonda - dc : xx - présente</span><a href="lien mp" target="_blank">mp</a>
      </p>

   </div><br />
   
</div><br />


<div class="staffsurlapabis">

   <div>
         <img class="imagestaffsurlapabis" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" />
      <p>
            <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapabis">fonda - dc : xx - présente</span><a href="lien mp" target="_blank">mp</a>
      </p>

   </div>

   
   <div>
         <img class="imagestaffsurlapabis" src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" />
      <p>
            <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapabis">fonda - dc : xx - présente</span><a href="lien mp" target="_blank">mp</a>
      </p>

   </div>

</div>


<div class="contextesurlapa">

   <div>
         <img class="imgducontextesurlapa" src="https://zupimages.net/up/24/41/zxrp.png" />
      <p>
            <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </span>
      </p>

   </div>
</div>


<div class="scenariossurlapa">

      
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
    <br/>
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
    <br/>

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   
   
<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   

<span class="scenabulle" >
<img src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" class="imgdescenariodelapa"/> <div class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a style="color:#8F9598; text-decoration: none;" href="">UN LIEN</a><br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">DEUX LIEN</a> <br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div>

</span>
   <br/>
</div>


 <span class="topsitesdelapa"><span style=" font-size: 18px; text-transform: uppercase; text-align: center;letter-spacing: 4px;"></span></span>
<center style="" class="titretopsitespa">
      Les topsites
</center><span class="topsitesdelapa"><span style=" font-size: 18px; text-transform: uppercase; text-align: center;letter-spacing: 4px;"></span><br /> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a target="_blank" href=""><img src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> </span><br /> <span class="votetoutesles2h">toutes les 2H</span>



<div class="blasonousabliersurlapa">

   <div>
         <img src="https://www.zupimages.net/up/24/41/4696.png" class="imageblasonousabliersurlapa" />
      <p>
            <bloody class="nomdublasonousabliersurlapa">Nom du blason/sablier</bloody><br /><br /> <span class="infosdublasonousabliersurlapa">000 Points</span>
      </p>

   </div>

   
   <div>
         <img src="https://www.zupimages.net/up/24/41/4696.png" class="imageblasonousabliersurlapa" />
      <p>
            <bloody class="nomdublasonousabliersurlapa">Nom du blason/sablier</bloody><br /><br /> <span class="infosdublasonousabliersurlapa">000 Points</span>
      </p>

   </div>

   
   <div>
         <img src="https://www.zupimages.net/up/24/41/4696.png" class="imageblasonousabliersurlapa" />
      <p>
            <bloody class="nomdublasonousabliersurlapa">Nom du blason/sablier</bloody><br /><br /> <span class="infosdublasonousabliersurlapa">000 Points</span>
      </p>

   </div>

   
   <div>
         <img src="https://www.zupimages.net/up/24/41/4696.png" class="imageblasonousabliersurlapa" />
      <p>
            <bloody class="nomdublasonousabliersurlapa">Nom du blason/sablier</bloody><br /><br /> <span class="infosdublasonousabliersurlapa">000 Points</span>
      </p>

   </div>
      <span class="titredesblasonssurlapa">les sabliers</span>
</div>
</div>

Code:: /*-----------------------------------------------------------------------------------
----------------------------------- PAGE D'ACCUEIL PAR MELORIA ----------------------------------
-----------------------------------------------------------------------------------*/
/**LE CORPS DE LA PA**/
.pagedaccueildemimb{position: relative; background-color: #576785; width: 850px; height: 450px; border: var(--border1);border-radius: 4px;ctext-align: center;color: #fefefe;font: 12px Playfair Display;margin: 0px auto 10px auto;text-align: center;}
.titredelapa{width: 810px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 12px;margin-top: px;font-weight: bold;padding: 9px 20px;text-transform: uppercase;text-align: center; font: 24px Playfair Display;}

/**LE STAFF SUR LA PA**/
.titredustaffsurlapa{position: relative; top: 30px; left: -335px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);width: 15px; border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 8px;text-transform: uppercase;text-align: center;font: 12px Playfair Display; }
/**ADMINS EN HAUT**/
.staffsurlapa{display: flex; justify-content: space-between; width: 150px; height: 160px; position: relative; top: 42px; left: 10px; margin: px;}
.staffsurlapa p { position:absolute; margin-top:-10px; border-radius: 6px;width:60px; height:105px; padding:5px 5px 0; overflow:hidden;opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;text-align:center; font-family: 'Playfair Display', serif; font-size:10px; text-transform: uppercase;}
.staffsurlapa div:hover p { display: inline; opacity:1; background:#576785; color:#efefef; width: 200px; margin-left: -280px; }
.infosdustaffsurlapa{color: black;}
.imagestaffsurlapa{margin: 3px; height: 110px; width: auto; background-color: black; border: 1px white solid; padding: 2px;}
/*ADMINS EN BAS*/
.staffsurlapabis{display: flex; justify-content: space-between; width: 150px; height: 150px; position: relative; top: 6px; left: 10px;}
.staffsurlapabis p { position:absolute; margin-top:-10px; border-radius: 6px;width:60px; height:105px; padding:5px 5px 0; overflow:hidden;opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;text-align:center; font-family: 'Playfair Display', serif; font-size:10px; text-transform: uppercase;}
.staffsurlapabis div:hover p { display: inline; opacity:1; background:#576785; color:#efefef; width: 200px; margin-left: -280px;}
.infosdustaffsurlapabis{color: black;}
.imagestaffsurlapabis{margin: 3px; height: 110px; width: auto; background-color: black; border: 1px white solid; padding: 2px;}

/**LE CONTEXTE SUR LA PA**/
.contextesurlapa{background-color: #304264; width: 400px; height: 255px; overflow: auto; position: relative; top: -280px; left: 200px;padding: px;text-align: justify;overflow: hidden;}
.imgducontextesurlapa{position: relative; width:400px; height: 255px;}
.contextesurlapa p { position:relative; margin-top:px;margin-left:-400px;margin-top: -0px; overflow:hidden;opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;text-align:justify; font-family: 'Playfair Display', serif; font-size:14px; }
.contextesurlapa div:hover p { position: absolute; left:397px;padding:5px ; display: inline; opacity:1; background:#304264; color:white; width:395px; height: 250px;overflow:auto; }

/**LES SCENARIOS SUR LA PA- LES INFOBULLES**/
/**IMAGE DU SCENARIO**/
.imgdescenariodelapa{width:50px; height: 50px; background-color: #304264; padding: 3px; border: 1px solid #AC9CB2;}

/**INFOBULLE**/
.scenabulle>div{ position: absolute; opacity: 0; visibility: hidden; display: inline}
.scenabulle:hover>div{opacity: 1; visibility: visible;}
.scenabubulle{ /*Bullescenario*/ width: 200px; height: 150px; padding: 2px; background-color: #42272A;text-align: center; font-size: 12px; color: white; }

/**LE CORPS DU SCENARIO**/
.scenariossurlapa{position: relative; top: -540px; left: 650px; width: 200px; height: 125px; text-align: justify; padding: 3px; color: white; font-size: 11px; text-shadow: 1px 1px 2px black; opacity: 0.8;}

/**LES TOPSITES SUR LA PA**/
.topsitesdelapa{position: relative; top: -510px; left: 320px; padding: 5px; width: 400px; text-align: justify;}
.titretopsitespa{position: relative; top: -500px; left: 655px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);width: 175px; border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 8px;text-transform: uppercase;text-align: center; font: 10px Playfair Display;}
.votetoutesles2h{position: relative; top: -510px; left: 320px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);width: 175px; border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 8px;text-transform: uppercase;text-align: center; font: 10px Playfair Display;}

/**LES BLASONS OU SABLIERS SUR LA PA**/
.blasonousabliersurlapa{display: flex; position: relative; top: -510px; left: 10px; }
.nomdublasonousabliersurlapa{font-size: 16px; color: white;}
.blasonousabliersurlapa p /*REGLAGE HAUTEUR DE INFOBULLE*/ { position:absolute; margin-top:-10px; border-radius: 6px;width:150px; height:90px; padding:5px 5px 0; overflow:hidden;opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;text-align:center; font-family: 'Playfair Display', serif; font-size:10px; text-transform: uppercase;}
.blasonousabliersurlapa div:hover p /*REGLAGE LARGEUR DE INFOBULLE*/{ display: inline; opacity:1; background:#304264; color:#efefef; width: 150px; height: 90px; margin-left: 50px; }
.infosdublasonousabliersurlapa{color: black;font-size: 14px;}
.imageblasonousabliersurlapa{margin: 4px; height: 30px; width: 30px;; background-color: black; border: 1px white solid; padding: px;}
.titredesblasonssurlapa{position: relative; top: 45px; left: -160px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);width: 175px; height: 10px; border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 8px;text-transform: uppercase;text-align: center; font: 10px Playfair Display;}

Admin Messages : 7 Date d'inscription : 13/10/2024

Code:: /**************************************************************PAGE D'ACCUEIL PAR MELORIA *****************************/
/**LE CORPS DE LA PA**/
.pagedaccueildemimb{position: relative; background-color: #576785; width: 850px; height: 400px; border: var(--border1);border-radius: 4px;ctext-align: center;color: #fefefe;font: 12px Playfair Display;margin: 0px auto 10px auto;text-align: center;}
.titredelapa{width: 810px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 12px;margin-top: px;font-weight: bold;padding: 9px 20px;text-transform: uppercase;text-align: center; font: 24px Playfair Display;}

/**LE STAFF SUR LA PA**/
.titredustaffsurlapa{position: relative; top: 30px; left: -305px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);width: 15px; border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 8px;text-transform: uppercase;text-align: center;font: 12px Playfair Display; }
/**ADMINS EN HAUT**/
.staffsurlapa{display: flex; justify-content: space-between; width: 150px; height: 160px; position: relative; top: 42px; left: 40px; margin: px;}
.staffsurlapa p { position:absolute; margin-top:-10px; border-radius: 6px;width:60px; height:105px; padding:5px 5px 0; overflow:hidden;opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;text-align:center; font-family: 'Playfair Display', serif; font-size:10px; text-transform: uppercase;}
.staffsurlapa div:hover p { display: inline; opacity:1; background:#576785; color:#efefef; width: 200px; margin-left: -280px; }
.infosdustaffsurlapa{color: black;}
.imagestaffsurlapa{margin: 3px; height: 110px; width: auto; background-color: black; border: 1px white solid; padding: 2px;}
/*ADMINS EN BAS*/
.staffsurlapabis{display: flex; justify-content: space-between; width: 150px; height: 150px; position: relative; top: -4px; left: 40px;}
.staffsurlapabis p { position:absolute; margin-top:-10px; border-radius: 6px;width:60px; height:105px; padding:5px 5px 0; overflow:hidden;opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;text-align:center; font-family: 'Playfair Display', serif; font-size:10px; text-transform: uppercase;}
.staffsurlapabis div:hover p { display: inline; opacity:1; background:#576785; color:#efefef; width: 200px; margin-left: -280px;}
.infosdustaffsurlapabis{color: black;}
.imagestaffsurlapabis{margin: 3px; height: 110px; width: auto; background-color: black; border: 1px white solid; padding: 2px;}

/**LE CONTEXTE SUR LA PA**/
.contextesurlapa{background-color: #304264; width: 400px; height: 200px; overflow: auto; position: relative; top: -280px; left: 215px;padding: px;text-align: justify;overflow: hidden;}
.imgducontextesurlapa{position: relative; width:400px; height: 255px;}
.contextesurlapa p { position:relative; margin-top:px;margin-left:-400px;margin-top: -0px; overflow:hidden;opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;text-align:justify; font-family: 'Playfair Display', serif; font-size:14px; }
.contextesurlapa div:hover p { position: absolute; left:397px;padding:8px ; display: inline; opacity:1; background:#304264; color:white; width:395px; height: 190px;overflow:auto; }

/**LES SCENARIOS SUR LA PA- LES INFOBULLES**/
/**IMAGE DU SCENARIO**/
.imgdescenariodelapa{width:50px; height: 50px; background-color: #304264; padding: 3px; border: 1px solid #AC9CB2; border-radius: px;}

/**INFOBULLE**/
.scenabulle>div{ position: absolute; opacity: 0; visibility: hidden; display: inline}
.scenabulle:hover>div{opacity: 1; visibility: visible;}
.scenabubulle{ /*Bullescenario*/ width: 200px; height: 150px; padding: 2px; background-color: #42272A;text-align: center; font-size: 12px; color: white; }

/**LE CORPS DU SCENARIO**/
.scenariossurlapa{position: relative; top: -483px; left: 626px; width: 200px; height: 125px; text-align: justify; padding: 3px; color: white; font-size: 11px; text-shadow: 1px 1px 2px black; opacity: 0.8;}

/**LES TOPSITES SUR LA PA**/
.topsitesdelapa{position: relative; top: -440px; left: 297px; padding: 10px; width: 410px; text-align: justify; }
.titretopsitespa{position: relative; top: -440px; left: 625px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);width: 175px; border-radius: 7px 7px 0 0;color: #fff;letter-spacing: 8px;text-transform: uppercase;text-align: center; font: 10px Playfair Display;}
.votetoutesles2h{padding-left: 4px; position: relative; top: -440px; left: 295px; background-image: linear-gradient(-225deg, #b09eb4 0%, #576785 100%);width: 197px; border-radius: px px 7px 7px;color: #fff;letter-spacing: 8px;text-transform: uppercase;text-align: center; font: 10px Playfair Display;}

/**LES PARTENAIRES**/
.partenaires{position: absolute; top: 320px; color: white; left: 191px; width: 450px; height: 50px; text-align: center; text-decoration: none; }
.link2pa{width: px; border-radius: px px 0 0;color: #fff;letter-spacing: 10px;text-transform: uppercase;text-align: center; font: 10px Playfair Display;text-decoration: none; padding: 10px; }
.selectpartner{width: 400px; height: 20px; background-color: #AB9BB1; letter-spacing: 10px;text-transform: uppercase;text-align: center; font: 12px Playfair Display;text-decoration: none; padding: 1px;}

Code:: <div class="pagedaccueildemimb">

<div class="titredelapa">
      Bienvenue les sorciers
</div>

 <span class="titredustaffsurlapa">Les queens</span>

<div class="staffsurlapa">

   <div>
         <img src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" class="imagestaffsurlapa" />
      <p>
            <bloody>pseudo staff 1</bloody> <span class="infosdustaffsurlapa">fonda - dc : xx - présente</span><a target="_blank" href="lien mp">mp</a>
      </p>

   </div>

   
   <div>
         <img src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" class="imagestaffsurlapa" />
      <p>
            <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapa">fonda - dc : xx - présente</span><a target="_blank" href="lien mp">mp</a>
      </p>

   </div><br />
   
</div><br />


<div class="staffsurlapabis">

   <div>
         <img src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" class="imagestaffsurlapabis" />
      <p>
            <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapabis">fonda - dc : xx - présente</span><a target="_blank" href="lien mp">mp</a>
      </p>

   </div>

   
   <div>
         <img src="https://64.media.tumblr.com/9894b3fd770abc3ad896d4a07ba3fc67/81ba84ceb3e3e1c4-46/s1280x1920/e14975fd72746502389f972651b823307a6d1929.png" class="imagestaffsurlapabis" />
      <p>
            <bloody>pseudo staff</bloody> <span class="infosdustaffsurlapabis">fonda - dc : xx - présente</span><a target="_blank" href="lien mp">mp</a>
      </p>

   </div>

</div>


<div class="contextesurlapa">

   <div>
         <img src="https://zupimages.net/up/24/41/zxrp.png" class="imgducontextesurlapa" />
      <p>
            <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </span>
      </p>

   </div>

</div>


<div class="partenaires">

   <select class="selectpartner" name="choice"> <option value="first"></option> <option selected="" value="second">nos meilleurs copains</option> <option>partenaire</option> <option>partenaire</option></select> <br /> <a class="link2pa" href="#">Nos copains</a> & <a "="" class="link2pa" href="#"> Le devenir</a>
</div>


<div class="scenariossurlapa">

    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
   
    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
   
    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
    <br />
    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
   
    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
   
    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
    <br />
    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
   
    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
   
    <span class="scenabulle"><img class="imgdescenariodelapa" src="https://nsa40.casimages.com/img/2019/09/06/190906074703419277.png" /> </span>
   <div style="" class="scenabubulle">

      <p>
            Du texte
      </p>

      <div style="font-size: 14px; font-weight: normal; text-transform: uppercase;">
            encore du texte
      </div>
         <br /> ϟ <a href="" style="color:#8F9598; text-decoration: none;">UN LIEN</a><br /> ϟ <a style="text-decoration: none; color: #8F9598;" href="">DEUX LIEN</a> <br /> ϟ <a href="" style="text-decoration: none; color: #8F9598;">TROIS LIEN </a><br /><br />
      <center>

      </center>

      <p>

      </p>

   </div><span class="scenabulle"> </span>
   <br />
</div>


 <span class="topsitesdelapa"><span style=" font-size: 18px; text-transform: uppercase; text-align: center;letter-spacing: 4px;"></span></span> <span class="topsitesdelapa"><br /> <a href="" target="_blank"><img style="padding: 2px;" src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a href="" target="_blank"><img style="padding: 2px;" src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a href="" target="_blank"><img style="padding: 2px;" src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> <a href="" target="_blank"><img style="padding: 2px;" src="https://www.zupimages.net/up/24/41/7sxp.png" /></a> </span><br /> <span class="votetoutesles2h">toutes les 2H</span>


</div>