<link href="http://fonts.googleapis.com/css?family=Play|Monda|Electrolize" rel="stylesheet" type="text/css">

<div class="bgfondpla"><div class="bgtitrepla">Nom de l'organisation
<div class="gauchepla"><!--
--><div class="plahaut"><a href="#cha1">Fondation</a></div><!--
--><div class="plamilieu"><a href="#cha2">Histoire et but</a></div><!--
--><div class="plamilieu"><a href="#cha3">Hiérarchie</a></div><!--
--><div class="plamilieu"><a href="#cha4">Influence</a></div><!--
--><div class="plabas"><a href="#cha5">Ressources</a></div></div></div>
<div class="divplaimg" style="background-image:url(http://i37.servimg.com/u/f37/17/57/57/43/earth10.jpg);"></div><!--
--><div class="descpla"><div class="descplatitre">Informations principales</div><p><u><b>Nom :</b></u> TEXTE
<u><b>Race(s) :</b></u> TEXTE
<u><b>Catégorie :</b></u> TEXTE
<u><b>Type :</b></u> TEXTE
<u><b> Siège principal :</b></u> TEXTE
</p>
<div class="descplatitre">Informations secondaires</div><p><u><b>Fondateur(s) :</b></u> TEXTE
<u><b>Leadeur(s) actuels :</b></u> TEXTE
<u><b>Date de création :</b></u> TEXTE
<u><b>Localisation générale :</b></u> TEXTE
<u><b>Nombre de membres :</b></u> TEXTE
<u><b>Capitaux max :</b></u> TEXTE
</p></div>
<div class="scrollcodexpla">
<div class="codexchap" id="cha1">Histoire et but</div>
<center><img src="lien de votre image" style="width:450px;"></center>
 TEXTE

<div class="codexchap" id="cha2">Fondation</div>
<center><img src="lien de votre image" style="width:450px;"></center>
 TEXTE

<div class="codexchap" id="cha3">Hiérarchie et membres importants</div>
<center><img src="lien de votre image" style="width:450px;"></center>
 TEXTE

<div class="codexchap" id="cha4">Influence</div>
<center><img src="lien de votre image" style="width:450px;"></center>
 TEXTE

<div class="codexchap" id="cha5">Ressources</div>
<center><img src="lien de votre image" style="width:450px;"></center>
 TEXTE


</div></div>

<style type="text/css">.bgfondpla{margin:auto;background-image:url(http://image.noelshack.com/fichiers/2014/01/1419862913-bgfond02.png);border-radius:20px; width:671px;background-size:701px;color:ghostwhite;height:815px;border:5px inset #0567a5;border:5px solid #023251;max-height:815px;vertical-align:middle;padding:5px 15px;}.gauchepla{display:block;background-color:rgba(2, 50, 81,0.85);position:relative;left:-25px;top:0px;border-radius:2px 15px 15px 2px;width:300px;height:300px;float:left;opacity:0;transition:0.75s;margin-right:-300px;}.bgtitrepla{text-align:center;font-family:Play;}.bgtitrepla:hover .gauchepla{opacity:1;left:2px;top:23px;transition:0.75s;}.divplaimg{background-size:300px;border-radius:2px 15px 15px 2px;width:300px;height:300px;border:2px solid #0575a6;margin-top:5px;display:inline-block;margin-right:5px;}.descpla{background-image:url(http://image.noelshack.com/fichiers/2014/01/1419865437-fonddescpla.png);font-size:11px;text-align:justify;width:350px;height:300px;overflow:auto;display:inline-block;border:2px solid #0575a6;color:lightblue;border-radius:15px 2px 2px 15px;}.descplatitre{background-color:#0E4A69;height:20px;font-family:Play;font-size:14px;padding:2px 5px 0px;text-align:center;color:gold;font-variant: small-caps;}.descpla p{margin:2.5px 10px;font-family:Monda;}.plahaut, .plamilieu, .plabas{border-radius:5px;width:200px;height:25px;padding:2.5px 5px;background-color:#0E4A69;box-shadow:0px 0px 5px 1px black, 0px 0px 10px 2px #2971A5 inset;margin:10px auto;transition:0.5s;}.plahaut a, .plamilieu a, .plabas a{color:lightblue;font-family:'Monda';font-size:14px;font-variant: small-caps;}.plahaut:hover, .plamilieu:hover, .plabas:hover{border-radius:7.5px;transition:0.75s;box-shadow:0px 0px 5px 0px navy, 0px 0px 5px 1px lightblue inset;}.plahaut:hover a, .plamilieu:hover a, .plabas:hover a{color:dodgerblue;transition:0.5s;}.scrollcodexpla{height:453px;overflow:auto;margin-top:10px;padding:0 10px;}.musi{text-align:center;margin:-5px auto 0;padding:0 5px 5px;width:250px;height:15px;font-style:italic;font-size:12px;font-family:'Monda';color:gold;border:3px solid #023251;vertical-align:top;transition:0.5s;}.musi iframe{opacity:0;margin-left:10px;margin-top:5px;transition:0.5s;}.musi:hover iframe{opacity:1;transition:0.5s;}</style>