<span style="display: block; position: relative; width: 300px; margin-left: auto; margin-right: auto; margin-bottom: -60px; height: 40px; background-color: #d3c3a9; border-top: 4px solid #ac6140; border-left: 1px solid #ac6140; border-right: 1px solid #ac6140; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; -htm-border-radius: 30px; font-family: trebuchet; padding: 5px; font-size: 24px; color: #74331a; text-align: center; font-weight: bold;">Nom du Club</span>
<div style="width: 95%; margin: auto; background-color: #d3c3a9; border-top: 4px solid #ac6140; border-bottom: 4px solid #ac6140; border-left: 1px dashed #ac6140; border-right: 1px dashed #ac6140; border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; -htm-border-radius: 20px;">
<span style="display: block; text-align: right; padding-right: 20px; font-family: courier new; font-size: 16px; letter-spacing: 2px; width: 500px; float: right; color: #ac6140; text-shadow: 1px 1px 0px #ffffff;"><span style="font-size: 40px;">"</span>Mets ici une citation qui correspond à ton Club.
<span style="font-size: 40px;">"</span></span>
<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140; margin-top: 100px; margin-bottom: -100px;"></span>
<center><table><tr><td><span style="display: block; width: 100px; height: 100px; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center; border: 5px solid #ac6140; -moz-border-radius: 100px; border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; margin: 10px;"></span></td>
<td><span style="display: block; width: 100px; height: 100px; background: url(http://h2.mabellephoto.com/time-is-runnig-out-scenes-de-vie-8d6041C100.jpg) center center; border: 5px solid #ac6140; -moz-border-radius: 100px; border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; margin: 10px;"></span></td></tr></table></center>
<div style="float: left; width: 250px; height: 250px; overflow: auto; background-color: #ece2d2; border: 1px solid #ca876a; box-shadow: 0px 0px 4px #ac6140; -moz-box-shadow: 0px 0px 4px #ac6140; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; padding: 4px; margin: 10px;">
<span style="display: block; height: 20px; font-size: 18px; text-align: center; letter-spacing: 4px; font-weight: bold; font-variant: small-caps;">Pourquoi du comment</span>
<span style="display: block; float: left; width: 100px; height: 100px; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center; border: 5px solid #ac6140; margin: 6px;"></span>
<b>|- Pourquoi ce Club ?</b> :
<b>|- Comment as-tu eu cette idée ?</b> :
</div><div style="float: right; width: 250px; height: 250px; overflow: auto; background-color: #ece2d2; border: 1px solid #ca876a; box-shadow: 0px 0px 4px #ac6140; -moz-box-shadow: 0px 0px 4px #ac6140; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; padding: 4px; margin: 10px;">
<span style="display: block; height: 20px; font-size: 18px; text-align: center; letter-spacing: 4px; font-weight: bold; font-variant: small-caps;">Général</span>
<b>|- Directeur/trice</b> :
<b>|- Sous Directeur/trice</b> :
<b>|- Userbarre (Facultatif)<b/> :
<b>|- Membres</b> :
</div>
<div style="clear: both;">
<span style="font-family: trebuchet; padding: 5px; font-size: 32px; color: #74331a; text-align: center; font-weight: bold; letter-spacing: 4px; padding-left: 20px;"><i>"My Club"</i> - Description</span>
<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140;"></span>
<span style="display: block; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; margin: 10px; text-align: justify;"> Description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description - description. </span>
<span style="font-family: trebuchet; padding: 5px; font-size: 32px; color: #74331a; text-align: center; font-weight: bold; letter-spacing: 4px; padding-left: 20px;"><i>"Do you like it ?"</i> - Rejoins-nous</span>
<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140;"></span>
<span style="display: block; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; margin: 10px; text-align: justify;">Trouves des arguments pour convaincre des personne de venir !</span>
<a style="display: block; text-align: right; color: #a48567; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; padding-right: 20px;" href="http://never-utopia.com">© Never-Utopia</a>
</div> </div>
