<div class="a0"><div class="ae"></div><div class="af"></div>
<div class="im0"><img src="https://zupimages.net/up/20/08/1ier.png" class="im" /></div><!--

--><div class="ag"><span class="pza">Titre du lien - </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.

<span class="pza">Titre du lien - </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.

<span class="pza">Titre du lien - </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.

<span class="pza">Titre du lien - </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.</div><!--

--><div class="ah"><span class="tt">Pseudo du membre</span></div><!--

--><div class="cr"><a class="cra" href="https://agora-ls.forumactif.com/" target="_blank">Agora</a></div><!--

--><div class="tio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt.
Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros.Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. </div>
</div>
<style>@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400|Bebas+Neue&display=swap'); .a0 {width: 565px; height: 500px; margin: auto; overflow: hidden; line-height: 15px;} .ae {background-color: #EEEEEE; width: 165px; height: 500px;} .af {background-color: #979797; width: 398px; height: 500px; position: relative; top: -500px; left: 165px;} .im0 {width: 290px; padding: 15px; background-color: #979797; border: 1px solid #FFF; position: relative; top: -920px; left: 15px;} .im {border: 10px solid #FFF;} .ag {background-color: #FFF; width: 175px; height: 302px; overflow: auto; padding: 10px; position: relative; top: -1242px; left: 351px; font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-color: #404040; line-height: 13px;} .ag::-webkit-scrollbar {width: 2px; height: 10px; background-color: #EEEEEE;} .ag::-webkit-scrollbar-track {background-color: #EEEEEE;} .ag::-webkit-scrollbar-thumb {background-color: #FFF; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .ah {font-family: 'Bebas Neue', cursive; color: #FFF; position: relative; top: -1600px; left: 193px;} .tt {font-size: 48px;} .cr {font-family: 'Barlow Condensed', sans-serif; font-size: 10px; position: relative; top: -1210px; left: 500px; color: #FFF;} .tio {width: 250px; height: 250px; background-color: #FFF; overflow: auto; padding: 10px; font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-color: #404040; line-height: 13px; position: relative; top: -1568px; left: 41px; opacity: 0; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear;  transition: opacity 0.5s linear;} .tio:hover {opacity: 1; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear;  transition: opacity 0.5s linear;} .tio::-webkit-scrollbar {width: 2px; height: 10px; background-color: #EEEEEE;} .tio::-webkit-scrollbar-track {background-color: #EEEEEE;} .tio::-webkit-scrollbar-thumb {background-color: #FFF; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .pza {font-family: 'Bebas Neue', cursive; font-size: 14px; display: block; color: #404040;} a.cra{color: #fff; opacity: 0.7; font-size: 12px;} a.cra:hover{color: #fff; opacity: 1}</style>

<div class="b0"><div class="be"></div><div class="bf"></div><div class="amq0"><img src="https://zupimages.net/up/20/08/77pt.png" class="amq" /></div><div class="psz"><span class="r">Groupe - </span><span class="rr">Pseudo</span></div><!--

--><div class="dr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Etiam id lobortis diam, ac vehicula enim. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod.</div></div><!-- fin du codage

--><div class="b0"><div class="be"></div><div class="bf"></div><div class="amq0"><img src="https://zupimages.net/up/20/08/77pt.png" class="amq" /></div><div class="psz"><span class="r">Groupe - </span><span class="rr">Pseudo</span></div><!--

--><div class="dr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Etiam id lobortis diam, ac vehicula enim. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod.</div></div><!-- fin du codage

--><div class="b0"><div class="be"></div><div class="bf"></div><div class="amq0"><img src="https://zupimages.net/up/20/08/77pt.png" class="amq" /></div><div class="psz"><span class="r">Groupe - </span><span class="rr">Pseudo</span></div><!--

--><div class="dr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Etiam id lobortis diam, ac vehicula enim. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod.</div></div><!--
fin du codage --><div class="b0"><div class="be"></div><div class="bf"></div><div class="amq0"><img src="https://zupimages.net/up/20/08/77pt.png" class="amq" /></div><div class="psz"><span class="r">Groupe - </span><span class="rr">Pseudo</span></div><!--

--><div class="dr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Etiam id lobortis diam, ac vehicula enim. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod.</div></div><!--
fin du codage --><a class="cr0" href="https://agora-ls.forumactif.com/" target="_blank">Agora</a>

<style>@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400|Bebas+Neue&display=swap'); .b0 {width: 565px; height: 155px; margin: auto;} .be {background-color: #EEEEEE; width: 165px; height: 155px;} .bf {background-color: #979797; width: 398px; height: 155px; position: relative; top: -155px; left: 165px;} .amq0 {position: relative; top: -293px; left: 22px; padding: 5px; border: 1px solid #979797; width: 110px;} .amq {border: 5px solid #979797} .psz {width: 365px; text-align: right; color: #FFF; font-family: 'Bebas Neue', cursive;position: relative; top: -400px; left: 180px;} .r {font-size: 18px;} .rr {font-size: 30px;} .dr {background-color: #FFF; width: 345px; text-align: justify; position: relative; top: -397px; left: 180px; height: 65px; font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-color: #404040; line-height: 13px; overflow: auto; padding: 10px;} .dr::-webkit-scrollbar {width: 2px; height: 10px; background-color: #EEEEEE;} .dr::-webkit-scrollbar-track {background-color: #EEEEEE;} .dr::-webkit-scrollbar-thumb {background-color: #FFF; -moz-border-radius: 0px; -webkit-border-radius: 0px;} a.cr0 {text-align: center; font-size: 11px; display: block; opacity: 0.5;} a.cr0:hover {opacity: 0.8;}</style>

<div class="b0"><div class="be"></div><div class="bf"></div><div class="amq0"><img src="https://zupimages.net/up/20/08/77pt.png" class="amq" /></div><div class="psz"><span class="r">Groupe - </span><span class="rr">Pseudo</span></div><!--

--><div class="dr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt dolor viverra aliquet commodo. Etiam ornare dui et dolor lacinia tincidunt. Morbi mattis nulla quis iaculis mattis. Ut eget nulla nibh. Praesent nec luctus dui, condimentum maximus eros. Etiam id lobortis diam, ac vehicula enim. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod. Quisque pharetra, est vel euismod.</div></div><!--
fin du codage -->