ChatBox


Créations de thèmes et tests graphiques en tout genre
 
-34%
Le deal à ne pas rater :
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 – 100Hz HDR 10+, ...
919 € 1399 €
Voir le deal

Partagez
Autres html
Maku'
Maku'
Messages : 61
Points : 596
Date d'inscription : 12/09/2014
Age : 32
Localisation : Dijon
MessageSujet: Autres html Autres html EmptyLun 5 Sep - 10:36
Page d'acceuil

Code:
<link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Libre+Baskerville&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
<div class="centre">
                                                                                                                                                
   <div id="C_conteneur">
                                                                                                                                           
      <div id="contexte">
                                                                             <img src="http://img11.hostingpics.net/pics/315496PAContexte.png" alt="Le contexte" />                                                                   
      </div>
                                                                                                                                           
      <div id="C_infobulle">
                                                                                                                                        
         <div class="txtPA">
                                                                                                                                   
            <center>
                                                                           <span class="titrePA">Contexte</span>                                                           
            </center><br /> Un terroriste n'invite jamais un inconnu chez lui. Il craint d'avoir affaire à un policier infiltré ou à un agent des services secrets. Mais il ne se méfie pas des amis de ses enfants...<br />Les agents de Cherub sont tous recrutés entre six et douze ans, au delà les agents sont trop vieux pour espérer un avenir dans l'organisation. Pour éviter toute attache avec le monde extérieurs ou un moyen de pression ce sont uniquement des orphelins comme vous. Nous nous basons sur vos capacités physiques, intellectuelles et psychologiques.Nous vous ferons passer quelques tests, histoire de voir si nous nous sommes pas trompés. Une fois accepté, vous aurez quelques jours pour prendre une décision qui changeras votre vie. Réfléchissez bien, nous sommes quand même très exigeants...                                                             
         </div>
                                                                                                                                        
      </div>
                                                                                                                                           
   </div>
                                                                                                                                          
   <div id="S_conteneur">
                                                                                                                                           
      <div id="staff">
                                                                             <img src="http://img11.hostingpics.net/pics/201588PAStaff.png" alt="Le Staff" />                                                                   
      </div>
                                                                                                                                           
      <div id="S_infobulle">
                                                                                                                                        
         <div class="txtPA">
                                                                                                                                   
            <center>
                                                                           <span class="titrePA">Staff</span>                        <br />                                     
               <table>
                                                                                           
                  <tbody>
                                                                                              
                     <tr>
                                                                                                 
                        <td>
                                                                                                    
                           <div id="adminslide">
                                                                                                                                                                                                                 
                              <div>
                                                                                                                           Zara Asker<br />&<br />Gregory Longjoy                                                                                         
                                 <hr />
                                                                                                                           <a hre="/u1">Profil</a> & Profil<br /><a href="/privmsg?mode=post&u=1">MP</a> & MP <img src="http://img4.hostingpics.net/pics/351150AdminGregZara.png" />                                                                                         
                              </div>
                                                                                                                                                                                                                 
                           </div>
                                                                                                    
                        </td>
                                                                                                 
                        <td>
                                                                                                    
                           <div id="adminslide">
                                                                                                                                                                                                                 
                              <div>
                                                                                                                           Helva Fitzhenry<br />&<br />Itô Koiko                                   
                                 <hr />
                                                                                                                         <a href="/u2">Profil</a> & Profil<br /><a href="/privmsg?mode=post&u=2">MP</a> & MP <img src="http://img4.hostingpics.net/pics/387098AdminItoHelva.png" />                                                                                       
                              </div>
                                                                                                                                                                                                                 
                           </div>
                                                                                                    
                        </td>
                                                                                                 
                     </tr>
                                                                                                            
                  </tbody>
                                                                                           
               </table><br />Nous ne mordons pas, promis ♥                                   
            </center>
                                                                                                             
         </div>
                                                                                                                                        
      </div>
                                                                                                                                           
   </div>
                                                                                                                                      
   <div id="N_conteneur">
                                                                                                                                           
      <div id="news">
                                                                             <img src="http://img11.hostingpics.net/pics/680372PANews.png" alt="Les News" />                                                                   
      </div>
                                                                                                                                           
      <div id="N_infobulle">
                                                                                                                                        
         <div class="txtPA">
                                                                                                                                   
            <center>
                                                                           <span class="titrePA">News</span>                                                           
            </center><br />                                           
            <marquee direction="up" scrollamount="1">
                          
               <p>
                                                                12/04/16 ♥ Petit changement dans le comptage de vos votes : Ce sera désormais par semaines. Tous les dimanche soir/lund, vous pourrez voir le top voteur de la semaine dans l'onglet à droite. Le premier top voteur, soit celui qui squattera le plus cette place, sera assuré d'avoir une bannière à son effigie dans le prochain thème. Cette semaine, c'est Itô qui voté le plus : 72 fois.                                       
               </p>
                                                                                                                    
               <p>
                                                                03/04/16 ♥ Lancement d'une seconde mission de Transition : Une dizaine d'agents partent pour un casse dans la villa d'un millionnaire londonien. Itô parviendra-t-elle à trouver les documents permettant de mettre à jour les finances occultes d'Elliot Ness ? Pour lire, c'est juste <a href="/t270-mission-casse-finances-occultes" target="_blank">là                            </a>         
               </p>
                                  
               <p>
                                                                23/03/16 ♥ Lancement d'une première mission de Transition : Maxwell et Naomi parviendront-ils à passer une semaine sans s'engueuler ? Et accessoirement, parviendront-ils à protéger les deux frères Abdi ? Pour lire, c'est juste <a href="/t259-mission-transition-protection-rapprochee#1790" target="_blank">là</a>.                                       
               </p>
                                          
               <p>
                                                                23/03/16 ♥ Lancement du stage de remise en forme pour les agents convoqués et volontaires ! Il se déroulera de manière sensiblement identique aux missions, ou au PEI. Allez vite le découvrir <a href="/t258-stage-de-remise-en-forme#1788" target="_blanck">ici</a> et souffrez bien ~                           
               </p>
                                                
               <p>
                                                                17/03/16 ♥ Ajout d'un nouveau point contexte, où nous expliquons plus en avant les cours à Cherub. Nous espérons que tout sera clair pour tout le monde, sinon, n’hésitez pas à nous MP !                       
               </p>
                                          
            </marquee>
                                                                                                                     
         </div>
                                                                                                                                        
      </div>
                                                                                                                                           
   </div>
                                                                                                                                    
   <div id="L_conteneur">
                                                                                                                                           
      <div id="liens">
                                                                             <img src="http://img11.hostingpics.net/pics/286586PALiens.png" alt="Les Liens" />                                                                   
      </div>
                                                                                                                                           
      <div id="L_infobulle">
                                                                                                                                        
         <div class="txtPA">
                                                                                                                                   
            <center>
                                                                           <span class="titrePA">Navigation Rapide</span>                                                           
            </center><br />                                             
            <ul class="liste2">
                                                                                                          
               <li>
                                                                <a href="/t1-reglement-general" target="_blank">Règlement</a>                                             
               </li>
                                                                                                          
               <li>
                                                                <a href="/t9-il-etait-une-fois-cherub" target="_blanck">Contexte</a>                                             
               </li>
                                                                                                          
               <li>
                                                                <a href="/t10-les-groupes" target="_blanck">Les Groupes</a>                                             
               </li>
                                                                                                          
               <li>
                                                                <a href="/t11-la-vie-sur-le-campus" target="_blank">La vie sur le Campus</a>                                             
               </li>
                                                                                                          
               <li>
                                                                <a href="/t13-fonctionnement-des-missions" target="_blank">Les missions</a>                         
               </li>
                                                                                                          
               <li>
                                                                <a href="/t12-les-periodes" "="" target="_blanck">Période en Cours</a>                         
               </li>
                                                                                                          
               <li>
                                                                <a href="/t15-banque-d-avatars" target="_blanck">Avatard Libres</a>                         
               </li>
                                                                                                          
               <li>
                                                                <a href="/t2-modele-de-presentation" target="_blanck">Présentation</a>                                             
               </li>
                                                                                                          
               <li>
                                                                <a href="/t28-les-avatars" target="_blanck">Avatars Pris</a>                                             
               </li>
                                                                                                          
               <li>
                                                                <a href="/t244-cherub-periodic-1" target="_blanck">Cherub Periodic</a>                         
               </li>
                                                              
               <li>
                                          <a href="/t8-creditsstaffs" target="_blanck">Crédits&Staffs</a>                       
               </li>
                                                              
               <li>
                                            <a href="/f4-un-probleme" target="_blanck">Vos questions</a>                       
               </li>
                                                                                                          
            </ul>
                                                                                                                     
         </div>
                                                                                                                                        
      </div>
                                                                                                                                           
   </div>
                                                                                                                                
   <div class="boxpart">
                                                                    <span class="titrePA">Nos Partenaires</span>                                                       
      <hr />
                                                                                                                       
      <table>
                                                                                                                          
         <tbody>
                                                                                                                             
            <tr>
                                                                                                                                
               <td>
                                                                            <a href="http://star-city-heroes.forumsrpg.com" target="_blank"><img src="http://www.heberger-image.fr/data/images/65199_88sur31.jpg" alt="Star City Heroes" border="0" /></a>                                                         
               </td>
                                                                                                                                
               <td>
                                                                            <a href="http://rideordie.forum-canada.net/" target="_blank"><img src="http://i1108.photobucket.com/albums/h419/Lady-Hell/logoROD.gif" alt="Ride Or Die" /></a>                                                         
               </td>
                                                                                                                                
               <td>
                                                                            <a href="http://sexpistolsacademyv2.forumactif.org/" target="_blank"><img src="http://zupimages.net/up/14/52/etq3.jpg" alt="Sex Pistols Academy" /></a>                                                         
               </td>
                                                                                                                                
               <td>
                                                                          <a href="http://secrets-de-rosewood.forumactif.org/?tt=1" target="_blank"><img src="http://img15.hostingpics.net/pics/6817144778176001.jpg" alt="Secrets de Rosewood" /></a>                                                         
               </td>
                                                                                                                                
            </tr>
                                                                                                                             
            <tr>
                                                                                                                                
               <td>
                                                                                <a href="http://darkness-rebirth.forumactif.org/" target="_blank"><img src="http://image.noelshack.com/fichiers/2014/41/1412676868-dr-logo-88-31.jpg" alt="Darkness Rebirth" /></a>                                                         
               </td>
                                                                                                                                
               <td>
                                                                            <a href="http://love-pistols.forumactif.com/" target="_blank"><img src="http://zupimages.net/up/16/07/kxst.png" alt="Love Pistols" /></a>                                                         
               </td>
                                                                                                                                
               <td>
                                                                            <a href="http://bloodofheroes.forumactif.org/" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/08/1456262206-majfev2.png" alt="Blood of Heroes" /></a>                                                         
               </td>
                                                                                                                                
               <td>
                                                                            <a href=" http://www.never-utopia.com/" target="_blank"><img src="http://img11.hostingpics.net/pics/742104logo5.jpg" alt="Never Utopia" /></a>                                                         
               </td>
                                                                                                                                
            </tr>
                                                                                                                             
         </tbody>
                                                                                                                          
      </table>
                                                                                                                             
   </div>
                                                                                                                                            
   <div class="onglet_gauche">
                                                            <br />                                                                     
      <div class="miniwidget">
                                                               <span class="titrePA">Top Sites</span><br /><a href="http://www.root-top.com/topsite/obsession27/in.php?IDmark=22266" target="_blank"><img src="http://img4.hostingpics.net/pics/397768boutontopsite.png" alt="Top Site" /></a> <a href="http://www.root-top.com/topsite/gilgamesh/in.php?IDmark=7210" target="_blank"><img src="http://img4.hostingpics.net/pics/397768boutontopsite.png" alt="Top Site" /></a> <a href="http://www.root-top.com/topsite/virtu4lschool/in.php?IDmark=2396" target="_blank"><img src="http://img4.hostingpics.net/pics/397768boutontopsite.png" alt="Top Site" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?IDmark=4453" target="_blank"><img src="http://img4.hostingpics.net/pics/397768boutontopsite.png" alt="Top Site" /></a>                                         
      </div>
                                                                                                                 
      <hr />
                                                                                                                 
      <div class="widget">
                                                               <span class="titrePA">Les Missions</span><a href="/t156-mission-de-haut-vol" target="_blank">De Haut Vol ~ Adrianno & Kelly</a><br /><a href="/t259-mission-transition-protection-rapprochee" target="_blank">Protection Rapprochée ~ Maxwell A. Tijabi & Naomi Estrella</a><br /><a href="/t270-mission-casse-finances-occultes" target"_blank"=""> Finances occultes ~ Itô Koiko & Bruce Horrowitz</a>                                                     
      </div>
                                                                                                                 
      <hr />
                                                                                                                 
      <div class="widget">
                                                               <span class="titrePA">Prédéfinis</span>  <a href="/t24-les-noirs" target="_blank">Matthew Drake, T-Shirt Noir</a><br /><a href="/t192-les-blancs" target="_blank">Allan Buchanan, Médecin du Campus</a>                                                   
      </div>
                                                                                                                 
      <hr />
                                                                                                                 
      <div class="widget">
                                                               <span class="titrePA">Demandes de RP</span><a href="/t220-je-viens-d-arriver" target="_blank">Demande de Kevin</a>                                                     
      </div>
                                                                                                                                   
   </div>
                                                                                                                                              
   <div class="onglet_droite">
                                                                              <br />                                                                   
      <div class="widget">
                                                               <span class="titrePA">Période</span> <br />                                       
         <marquee direction="up" scrollamount="1">
                                                    Ah Décembre 2013. La neige tombe, et Noël approche. Les agents les plus jeunes ont le droit de filer deux semaines dans les Alpes pour skier. Mais qu'ils fassent attention, le PEI approchent. L'heure n'est pas vraiment à la détente. Quand aux agents les plus âgés, ils partent à nouveau en mission, malgré l'ombre qui plane sur l'organisation. Pourquoi un ancien, maint et maint fois récompensé par Mac quand il était encore directeur de Cherub, et même par le premier ministre, est-il désormais le loyal garde du corps d'un criminel ? Si la situation ne se règle pas, cela pourrait marquer la fin de l'organisation. L'Affaire Snowden ressurgit, et n'arrange guère les affaires de Zara Asker, qui met ses deux meilleurs contrôleurs sur le coup.<br />Sur le campus, rare sont ceux au courant, et la vie suit son cours. La Nouvelle Année sera malgré tout joyeuse, grâce au retour de bien des anciens, jusqu'à février et son fatidique PEI.<br /> /!\Dernière Période avant le prochain PEI.                               
         </marquee>
                                                                                        
      </div>
                                                                                                                 
      <hr />
                                                                                                                 
      <div class="widget">
                                                               <span class="titrePA">Recensement</span><br />3 T-Shirt Rouges<br /> <strong>4 T-Shirt Bleu Ciel</strong><br />5 T-Shirt Gris <br />3 T-Shirt Bleu Marine <br />1 T-Shirt Noir <br />5 T-Shirt Blancs                                         
         <hr />
                                                 9 Agents féminins, 12 Agents masculins                                                     
      </div>
                                                                                                                 
      <hr />
                                                                                                                 
      <div class="widget">
                                                               <span class="titrePA">Membres à l'honneurs</span><br />                           
         <table>
                                                               
            <tbody>
                                                                  
               <tr>
                                                                     
                  <td>
                                                                        
                     <div id="adminslide">
                                                                                                                                                                                                           
                        <div>
                                                                                                                     Ambre Ashton   
                           <hr />
                                                                                                                     Top Voteur de la semaine <br />52 fois<br /> Votez plus !<img src="http://image.noelshack.com/fichiers/2015/12/1426536996-353146ambre.png" />                                                                                         
                        </div>
                                                                                                                                                                                                           
                     </div>
                                                                        
                  </td>
                                                                           
                  <td>
                                                                        
                     <div id="adminslide">
                                                                                                                                                                                                           
                        <div>
                                                                                                                     Maxwell A. Tijabi                                     
                           <hr />
                                                                                                                     Exploit du Mois <img src="http://img11.hostingpics.net/pics/496811Max.png" />                                                                                         
                        </div>
                                                                                                                                                                                                           
                     </div>
                                                                        
                  </td>
                                                                     
               </tr>
                                                                  
            </tbody>
                                                               
         </table>
                                                                                                
      </div>
                                                                                                             
      <hr />
                                                                                                             
      <div class="miniwidget">
                                                               <span class="titrePA">Crédits</span><br />Forum Design par Maku'                                               
      </div>
                                                                                                                               
   </div>
                                                                                                                                              
</div><img class="indicgauche" src="http://img11.hostingpics.net/pics/510339flchegauchepa.png" /><img class="indicdroite" src="http://img11.hostingpics.net/pics/538242flchedroitepa.png" />
Revenir en haut Aller en bas
Maku'
Maku'
Messages : 61
Points : 596
Date d'inscription : 12/09/2014
Age : 32
Localisation : Dijon
MessageSujet: Re: Autres html Autres html EmptyLun 5 Sep - 10:37
Fiche partenaire

Code:
<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>Partenaire : CHERUB Campus RPG</title>
                    <link href='http://fonts.googleapis.com/css?family=Vollkorn|Gloria+Hallelujah' rel='stylesheet' type='text/css'>
            <style type="text/css">/* Ici le CSS! */
              a
              {
              color:black;
              transition:1s;
              }
              a:hover
              {
              color:white;
              transition:1s;
              }
          .cadre
              {
              width:500px;
              border-radius:25px 0px 0px 25px;
              border-top:5px white solid;
              border-bottom:5px white solid;
              border-right:1px white solid;
              border-left:1px white solid;
              background:url(http://img15.hostingpics.net/pics/733367FondFiche2.png) repeat;
              }
          .titre
              {
font-family: 'Gloria Hallelujah', cursive;
              font-size:35px;
              letter-spacing: 2px;
              font-variant: small-caps;
              text-shadow: silver 0px 0px 5px;
              text-align:center;
              text-decoration: underline;
              margin-top:10px;
              color:white;
              }
          .contenu
              {
              width:450px;
              margin:auto;
              text-align:justify;
              letter-spacing:-1px;
              font-size:12px;
              font-family: 'Vollkorn', serif;
              color:white;
              }
          .minititre
              {
font-family: 'Gloria Hallelujah', cursive;
              font-size:11px;
              letter-spacing: 2px;
              font-variant: small-caps;
              text-shadow: silver 0px 0px 5px;
              text-align:center;
              text-decoration: underline
              }
          .bulles
              {
              width:400px;
              margin:auto;
              font-size:10px;
              letter-spacing:-1px;
              text-align:center
              }
          .bulle div
              {
              position:relative;
              width:100px;
              height:100px;
              border-radius:50px 50px 50px 50px;
              background-color:silver;
              overflow:hidden;
              font-size:10px;
              text-align:center;
              }
          .bulle img
              {
              left: 0;
              position: absolute;
              top: 0;
              transition: all 1s;
              -moz-transition: all 1s;
              -o-transition: all 1s;
              -webkit-transition: all 1s;
              }
          .bulle div:hover img
              {
              transform: translateX(100px);
              -moz-transform: translateX(100px);
              -o-transform: translateX(100px);
              -webkit-transform: translateX(100px);
              }
          </style>
        </head>

        <body>
            <!-- Ici le HTML! -->
            <div class="cadre">
  <img src="http://img4.hostingpics.net/pics/362478entetepart.png"/>
  <center><a class="titre" href="http://cherub-campus-rpg.forumactif.org/" target="_blank">CHERUB Campus</a></center>
  <div class="contenu">
    <span class="minititre;">Sur une terrain secret défense, en Angleterre, il était des enfants...</span><br/>
    Un terroriste n'invite jamais un inconnu chez lui. Il craint d'avoir affaire à un policier infiltré ou à un agent des services secrets. Mais il ne se méfie pas des amis de ses enfants.<br/>
    Les agents de Cherub sont tous recrutés entre six et douze ans, au delà les agents sont trop vieux pour espérer un avenir dans l'organisation. Pour éviter toute attache avec le monde extérieurs ou un moyen de pression ce sont uniquement des orphelins comme vous. Nous nous basons sur vos capacités physiques, intellectuelles et psychologiques.Nous vous ferons passer quelques tests, histoire de voir si nous nous sommes pas trompés. Une fois accepté, vous aurez quelques jours pour prendre une décision qui changeras votre vie. Réfléchissez bien, nous sommes quand même très exigeants.</div><hr/>
  <div class="contenu">
    <span class="minititre">CHERUB Campus c'est :</span><br/>
    ► Créer des enfants espions, de nombreuses nationalités, cultures<br/>
    ► Leur faire vivre à travers un système de Missions des aventures passionnantes, et même, leur faire sauver le monde du haut de leur quatorze ans<br/>
    ► Une ambiance conviviale, un staff toujours là pour vous<br/>
    ► Un univers riche, qui ne demande que votre touche personnelle<br/>
    ► Un forum où votre personnage aura la possibilité d'évoluer, en bien... Ou en pire.</div><hr/>
  <div class="contenu">
    <span class="minititre">Nouveautés :</span><br/>
    ► 06/04/16 : Et toute une série de nouveaux boutons pour Cherub <br/>
    ► 03/04/16 : Nouvelle mission pour les agents Itô Koiko et Bruce Horowitz : voler les documents financiers d'un millionaire soupçonné d'énormes fraudes fiscales, sous couvert d'un acte de vandalisme.<br/>
    ► 23/03/16 : Nos deux agents les plus expérimentés vont devoir protéger deux frères, et leur mère, sous la menace d'organisations terroristes à cause des propos de cette dernière. Une mission potentiellement dangereuse, pendant laquelle ils seront des journalistes stagiaires.<br/>
    ► 23/01/16 : Ils avaient échoués à l'exercice d'Halloween, ils en récoltent désormais la punition. Un stage de remise en forme est lancé. Mais parmis les 19 agents se trouvent aussi deux aspirantes au prochain PEI désirant se préparer au mieux.<br/>
    ► 17/03/16 : Ajout d'un point contexte sur les cours à Cherub <br/>
  <center><span class="minititre">Stats, Crédits et Liens</span></center><br/>
  <center><table span="bulles">
    <tr>
      <td><div class="bulle"><div>
         <br/>CHERUB<br/>dispose de<br/>26 agents<br/>qui ont participés<br/>à 1823 missions.<img src="http://img4.hostingpics.net/pics/734045BulleHelva.png"/></div></div></td>
      <td><div class="bulle"><div>
        <br/>Forum<br/>design par <a href="http://makurograph.forumactif.org/" target="_blank">Maku'</a><br/>Avec l'aide de<br/><a href="http://www.never-utopia.com/" target="_blank">Never Utopia.</a><br/>Fiche Part par<br/>Maku'.<img src="http://img15.hostingpics.net/pics/330841Bulleboulette.png"/></div></div></td>
      <td><div class="bulle"><div>
        <br/>Deviens<br/>toi aussi un agent !<br/><a href="http://cherub-campus-rpg.forumactif.org/t9-il-etait-une-fois-cherub" target="_blank">Contexte</a><br/><a href="/t1-reglement-general" target="_blank">Règlement</a><br/><a href="http://cherub-campus-rpg.forumactif.org/t13-fonctionnement-des-missions" target="_blank">Missions</a><img src="http://img4.hostingpics.net/pics/831817Bullezara.png"/></div></div></td>
    </tr></table></center><hr/>
  <center><span class="minititre">Nos Boutons</span>
    <br/><a href="http://cherub-campus-rpg.forumactif.org" target="_blank"><img src="http://www.zupimages.net/up/16/13/c0ia.png"/></a><br/><a href="http://cherub-campus-rpg.forumactif.org" target="_blank"><img src="http://www.zupimages.net/up/16/14/4ogm.png"/></a></center><hr/><br/>
    <center><span style="font-size:10px">Fiche mise à jour par le staff de CHERUB Campus<br/>Dernière MAJ le 06/04/16</span></center><br/><br/>
</div>

        </body>
    </html>
Revenir en haut Aller en bas
Maku'
Maku'
Messages : 61
Points : 596
Date d'inscription : 12/09/2014
Age : 32
Localisation : Dijon
MessageSujet: Re: Autres html Autres html EmptyLun 5 Sep - 10:37
Acceuil message

Code:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Forum en Maintenance</title>
       <link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css' />
    <style>
      body
         {
         background-image:url(http://img4.hostingpics.net/pics/976972Fond1.png);
         }
      h1
         {
         font-family:'Permanent Marker', cursive;
         color:#516B98;
         text-shadows:5px 5px 5px silver;
         text-align:center;
         margin-top:20%;
         }
      a
         {
         display:inline-block;
         position:fixed;
         bottom:2%;
         color:#516B98;
         transition:1s;
         font-family:'Permanent Marker', cursive;
         }
      a:hover
         {
         color:silver;
         transition:1s;
         }
      #left
         {
         left:2%;
         }
      #right
         {
         right:2%
         }
      p
         {
         text-align:justify;
         margin:1%;
         font-style:italic;
         }
    </style>
  </head>
  <body>
    <h1>Maintenance</h1>
    <p>Vous l'avez tous attendue, et la voilà qui arrive ! Oui oui, je parle bien de la nouvelle période. Une mission reste en cours, mais ne vous en faites pas, elle sera d'ici peu terminée. Cependant, on n'en pouvait plus d'attendre, on devait vous montrer le nouveau design. Juste encore un peu de patience, et vous pourrez aller sur le forum. Quand tout sera terminé, ne vous en faites pas, nous saurons vous guider à travers tous les changements. Mais sachez quand même que la chatbox vous est ouverte !</p>
    <a href="http://cherub-campus-rpg.forumactif.org/chatbox/index.forum" id="left">Aller sur la Chatbox</a>
    <a href="http://www.forumactif.com" target="_blank" id="right">forumactif.com</a>
  </body>
</html>
Revenir en haut Aller en bas
Maku'
Maku'
Messages : 61
Points : 596
Date d'inscription : 12/09/2014
Age : 32
Localisation : Dijon
MessageSujet: Re: Autres html Autres html EmptyLun 5 Sep - 10:38
Cherub Periodic 1

Code:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Cherub Periodic n°1</title>
       <link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css' />
      <link href='https://fonts.googleapis.com/css?family=Cousine|UnifrakturMaguntia' rel='stylesheet' type='text/css' />
    <style>
      .page
      {
      background-image:url(http://img15.hostingpics.net/pics/398053pattern.png);
      width:500px;
      color:black;
      font-size:12px;
      }
      p
      {
      text-align:justify;
            font-family: 'Cousine', Courrier;
      }
      h1
      {
      font-family:'Permanent Marker', cursive;
      text-align:center;
      font-size:25px;
      text-decoration:underline;
      }
      h2
      {
      font-family:'Permanent Marker', cursive;
      text-align:center;
      font-size:18px;
      text-decoration:underline;
      }
      h3
      {
      text-align:center;
      font-size:15px;
      text-decoration:underline;
      }
      .col
      {
      display:inline-block;
      width:47%;
      margin-right:5px;
      margin-left:5px;
      height:250px;
      overflow:auto;
      border:none;
      }
      .col2
      {
      display:inline-block;
      width:47%;
      margin-right:5px;
      margin-left:5px;
      height:500px;
      overflow:auto;
      border:none;
      }
      /*ONGLETS JAVASCRIPT*/
.contenu_onglet
{
  display:none;
}
.onglet
{
  /* Permet de mettre en forme tous les onglets (enfin la partie à clicker). Par exemple, de tous les entourer. */
font-family:'Permanent Marker', cursive;
}
.onglet:hover
{
  font-weight:bolder;
}
.onglet_0
{
  /* Permet de mettre en forme tous les onglets inactifs. PAr exemple, leur donner une couleur ou couleur de fond particulière. */
}
.onglet_1
{
  /* Permet de mettre en forme l'onglet actif. Par exemple, lui donner une couleur ou couleur de fond particulière. */
      color:#990000;
}
    </style>
  </head>
  <body>
    <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
          </script>
    <script type="text/javascript">
            //<!--
                var anc_onglet = 'un';
                change_onglet(anc_onglet);
        //-->
    </script>
    <div class="page">
      <center>
     <span class="onglet_0 onglet" id="onglet_un" onclick="javascript:change_onglet('un');">Une</span>
       <span class="onglet_0 onglet" id="onglet_deux" onclick="javascript:change_onglet('deux');">Deux</span>
       <span class="onglet_0 onglet" id="onglet_trois" onclick="javascript:change_onglet('trois');">Trois</span>
       <span class="onglet_0 onglet" id="onglet_quatre" onclick="javascript:change_onglet('quatre');">Quatre</span>
       <span class="onglet_0 onglet" id="onglet_cinq" onclick="javascript:change_onglet('cinq');">Cinq</span>
       <span class="onglet_0 onglet" id="onglet_six" onclick="javascript:change_onglet('six');">Six</span>
      </center>
    </div>
    <div class="contenu_onglet" id="contenu_onglet_un">
    <div class="page">
        <h1>Annonces du Staff</h1>
        <div>
          <div class="col">
            <h2>Changement de Design</h2>
            <p>Vous n'avez pas pu passer à côté… Le Design de Cherub a complètement changé ! Ça a même du vous faire un choc, avouez le. Outre le changement de couleur, faisons un petit topo sur tout ce qui a changé. C'est un thème où il faut, je l'avoue, se montrer un peu curieux, car beaucoup de choses sont cachées. Oui, je suis une saleté, mais c'est pour ça que vous m'aimez non ? </p>
            <p>Pour voir les informations de la page d'acceuil, il faut passer votre souris sur l'une des quatre images. En haut à gauche, vous avez le contexte, que vous devez connaître sur le bout des doigts maintenant. A droite, vous trouverez les news. Lisez les régulièrement ! En dessous des news, il y a toute une série de liens utiles pour rapidement retrouver un sujet important. Comme le dernier Cherub Periodic ~ Et enfin, en bas à gauche, vous avez le staff. Comme quoi, elle est est vachement bien remplie cette page d'acceuil. On a même nos adorables partenaires juste en dessous ~</p>
            <p>Cependant, pour avoir d'avantages d'informations, vous avez deux volets à droite et à gauche de votre écran. Passez votre souris dessus pour les ouvrir. A gauche, vous trouverez les top sites pour voter, les missions en cours, avec qui doit y répondre, des prédéfinis qui n'attendent que vous, et même les demandes de rp actuellement en cours. A droite, vous avez le contexte de la période actuelle, le recensement des membres, le membre du mois et le top voteur du mois, et enfin, les crédits, parce que je suis un brin mégalo sur les bords ~</p>
            <p>Dans la partie en bas dite du QEEL (qui est en ligne) vous avez désormais une description de chaque groupe, et un lien pour accéder à la liste des membres de chaque groupe (cliquez sur le T-shirt 8D). </p>
            <p>Et là, je sens déjà arriver la question : Mais où est donc la Chatbox ? Très simple. Elle est dans la barre de navigation, tout en haut de l'écran. Vous voyez, c'est très facile. </p>
            <p>J'espère en tout cas que ce nouveau design vous plaît. La forme du forum ne devrait plus changer maintenant que nous avons un design propre et qui marche du tonnerre. Il n'y aura plus que les couleurs et les images que changeront  chaque période. N'hésitez pas à commenter dessus, à dire ce qui vous plaît, ou ce qui vous plaît pas, nous prendrons en compte chacune de vos remarques. </p>
          </div>
          <div class="col">
            <h2>Recensement des Agents</h2>
            <p>Afin de déterminer clairement nos effectifs, nous avons décidé de mettre en place un petit recensement. Rassurez vous, il ne s'agit nullement de supprimer les membres qui ne répondraient pas. D'ailleurs, ce recensement s'adressera uniquement aux gris, bleus marines et noirs.</p>
            <p>Vous avez, à partir du lancement de celui-ci, deux semaines pour déclarer si oui ou non vous pourrez participer à votre mission de transition et/ou une mission sur la période. Si vous ne vous recensez pas, pas de missions tout simplement. Les agents non validés doivent avoir au moins finit leur fiche pour y répondre.</p>
            <p>Prenez en compte qu'une mission de transition, nommée ainsi parce qu'elle ne doit pas durer longtemps, est à cheval sur les deux périodes, et vous permet avant tout de faire un petit bilan de ce qui s'est passé pour votre personnage. Si vous êtes très chargé actuellement, mais que ça devrait aller mieux dans deux mois, vous pouvez dire que vous ne participerez pas à cette mission de transition, mais seulement à la grosse mission.</p>
            <p>Ce sera donc votre choix exclusif de participer à des missions. Par la suite, il vous faudra assumer votre choix, ne pas disparaitre pour ensuite dire que vous ne pouviez de toute façon par répondre régulièrement.</p>
          </div>
        </div>
        <div>
          <div class="col">
            <h2>Retour sur les délais en mission/PEI</h2>
            <p>Nous allons continuer sur les réponses aux missions. Sachant que le système au PEI sera analogue. Vous avez du constater qu'il y a à chaque fois un délais. Un délais qui ne fut pas toujours bien respecté. Afin de ne plus perdre la dynamique des missions, nous avons décidés de nous montrer plus radicaux.</p>
            <p>C'est à dire que lors de la période précédente, nous laissions couler. Au final, nous même mettions des semaines à répondre.</p>
            <p>Désormais, à partir du moment où le délais est écoulé, le MJ pourra répondre à la place du ou des agent(s) qui n'a(ont) pas répondu.</p>
            <p>Si l'absence ou l'incapacité de répondre n'a pas été signalée au maitre du jeu, alors votre agent n'aura pas atteint ses objectifs. Le compte rendu sera alors de plus en plus défavorable vis à vis de lui. De plus, concernant les points distribués à la fin de la mission, moins vous avez répondu, moins vous en aurez.</p>
            <p>Si au contraire, vous avez avertit le Maitre du Jeu, celui ci fera remplir à votre agent les objectifs. Il ne prendra cependant aucune initiative, et ne donnera aucun élément pour faire avancer l'enquête. Vous ne perdrez pas de points en plus (mais vous n'en gagnerez pas non plus, tout de même). </p>
            <p>Si le délai est dépassé, mais que le MJ n'a pas encore répondu, vous pouvez encore répondre ! Alors, n'hésitez pas non plus.</p>
          </div>
          <div class="col">
            <h2>Événement</h2>
            <p>Le staff lance un évènement pour cette période ! Il se déroulera pour tous les agents inscrits sur le forum du 20 décembre 2013 au 3 janvier 2014. Je suis sûr que vous savez déjà ce que ce sera : LE SKI !</p>
            <p>Cette quinzaine, comprenant Noël et la Nouvelle Année sera gratuite pour tous les rouges et les bleus ciels. Cependant, les autres agents devront s'acquitter hors role play d'un privilège : Sortie de Territoire. Exceptionnellement, celui ci sera pour cet évènement uniquement à moitié prix. De manière rp, cela traduit que votre agent a été suffisament méritant pour que son responsable de formation l'inscrive (ou suffisamment persuasif, allez savoir).</p>
            <p>Là bas seront organisés des courses, un parcours en raquettes, une soirée de Noël et une soirée de Nouvel An. C'est l'occasion pour donner à vos agents d'incroyables vacances.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="contenu_onglet" id="contenu_onglet_deux">
    <div class="page">
      <h1>Des Agents au Top</h1>
      <div>
        <div class="col">
          <h2>Troubles chez les mormons</h2>
          <p>Itô Koiko et Jake Smelton ne sont peut être que des inconnus pour vous. Pourtant, nous pressentons que vous entendrez par la suite leurs noms plusieurs fois. Jeunes agents, ils ont menés aux États Unis une mission avec brio.</p>
          <p>C'est à Salt Lake City qu'ils ont brillé, alors qu'ils devaient mettre sous les barreaux un prêtre mormon qui incitait les jeunes au vandalisme homophobe. Il leur a fallu un petit mois pour permettre l'infiltration de Jake dans le groupe de vandale, et l'arrestation s'est fait dès le deuxième acte auquel participa l'agent.</p>
          <p>Mais leur véritable tour de force fut évidemment d'avoir réussi à s'offrir un week-end au parc Disney-Land, et pour ça, ils ont toutes nos félicitations. Bien joué les gris !</p>
        </div>
        <div class="col">
          <h2>Loups Tueurs</h2>
          <p>Agentes et agents de Cherub, un séisme a eu lieu ! Maxwell Tijabi, agent tristement célèbre pour sa violence -ce pourquoi l'auteur de ce papier restera anonyme- a obtenu son T-shirt noir ! Si nous devons effectivement le féliciter pour cette ultime récompense, nous nous demandons tout de même comment l'a-t-il obtenu, alors que jusque là, il se l'était vu refusé -à raison- du fait de son comportement. </p>
          <p>Il ne vous étonnera pas qu'il s'agissait d'une mission en solitaire. Évidemment, ainsi, il ne risquait ni de blesser ni de compromettre la couverture de ses partenaires. Nous avons aussi apprit qu'il s'agissait de retrouver et infiltrer un groupe de tueurs en série. Une tâche qui ne dut guère être difficile pour lui, car ce mec est un psychopathe fini. </p>
          <p>Nous finirons en émettant à nouveau un avertissement contre lui pour TOUS les agents : ne l'approchez pas, il est dangereux, et pourrait bien vous envoyer à l'hôpital juste pour s'amuser. Nous ne comprenons pas pourquoi il n'est toujours pas viré de Cherub, mais en attendant, soyez prudent. </p>
        </div>
      </div>
      <div>
        <div class="col">
          <h2>Présence Russe</h2>
          <p>Un nouveau trafic de drogue est à ajouté au tableau de chasse de Cherub, et cette fois ci, ce sont les agents Bruce Horowitz et Piotr Kozar qui s'y sont collés, avec succès donc. Ils ont permit le démantèlement d'un groupe mafieux russe, qui non content de s'occuper de trafics de drogues se livrait aussi à la prostitution et autres activités illicites.</p>
          <p>Cette mission fut cependant particulière, car le suspect se refusait de faire intervenir des gamins dans ses activités mafieuses. Ainsi, cette fois ci, pas question pour les deux gris d'infiltrer le trafic. Il n'y en a cependant pas eu besoin. En devenant ami avec leur cible respective, ils sont très facilement mit sur écoute l'ensemble de la maison, et à partir de là, les policiers purent enfin débloquer l'affaire.</p>
          <p>Mais la mission montra aussi qu'il existe un réseau en Grande Bretagne de ces petites mafias russes, toutes sous les ordres d'un "Grand Chef" qui se trouve en Russie. Puisque couper les pattes ne sert à rien, attendons donc de voir comment Cherub s'occupera de couper la tête de toute cette organisation. Alors les gris, prêts à remettre le couvert ?</p>
        </div>
        <div class="col">
          <h2>Les Élus de la Terre Promise</h2>
          <p>A peine sorti du PEI que déjà, Zoël Swayze fait parti des grands, grâce à l'acquisition de son T-shirt bleu marine. Et il l'a bien mérité, car cette mission semble avoir été placée sous le signe du mauvais oeil. Un soucis d'effectif, forçant deux gris à aller sur une mission de risque élevé, même si l'une était déjà expérimentée. Mais justement, c'est elle qui tomba gravement malade à leur arrivée en Israël !</p>
          <p>Mais Zoël a su garder la tête froide, et a souhaité continuer la mission. Un bleu marine fut envoyé en renfort, alors qu'il rentrait à peine d'une autre mission. Tout semblait bien se passer. Mais quelque chose a posé problème. On ne sait pas quoi exactement, la direction n'ayant rien voulu nous dire. Mais ce quelque chose mit à jour la couverture des agents, qui durent s'enfuir. Enfin, tenter de s'enfuir.</p>
          <p>Car seul le petit gris, qui partait pour la première fois en mission d'infiltration, réussi à s'échapper. Puis avec l'aide d'un ancien de Cherub, général du SAS et mari de la contrôleuse de mission, il retourna dans le bâtiment, pour aider Helva Fitzhenry et Luke Gallagher à s'enfuir aussi. Tirons lui tous notre chapeau, car il lui en a fallu, des couilles, du talent et de la détermination pour réaliser cet exploit. Luke Gallagher a ensuite quitté Cherub. Est ce que cela a un lien avec l'échec de cette mission ? Mystère.</p>
        </div>
      </div>
    </div>
    </div>
    <div class="contenu_onglet" id="contenu_onglet_trois">
    <div class="page">
      <h1>Rumeurs du Campus</h1>
      <div>
        <div class="col">
          <h2>Les bons comptes font les bons amis, ou pas.</h2>
          <p>L’agent turbulent Peter John Kozar aurait donné de l’argent à une t-shirt rouge. La raison serait un remboursement. Le russe aurait brisé volontairement la vitre de la jeune fille pour pénétrer la chambre. Apparemment il aurait suivi quelqu’un qui aurait aussi entré la chambre de la rouge. La convocation dans le bureau de Zara Asker de Peter J. Kozar a mené par une punition. Le blond a donc passé quelques heures à courir sur la piste. Mais nous savons tous qu’il en a l’habitude. </p>
        </div>
        <div class="col">
          <h2>Une bataille de nourriture, une chose rare.</h2>
          <p>Vous l’avez petite vécu si vous étiez dans le réfectoire un soir de novembre. Mais qu’est ce qui a pu engendrer une telle cacophonie. Personne ne sait, ou plutôt personne ne veut le dire. Cela impliquerait dénoncer quelqu’un qui a engendré un jeu qui n’arrive pas souvent à CHERUB. Certains élèves ont tout de même souffert. Plusieurs se sont retrouvé à l’infirmerie, mais pour la plupart sans réelle gravité. </p>
        </div>
      </div>
      <div>
        <div class="col">
          <h2>Un exercice difficile.</h2>
          <p>La nuit d’Halloween a engendré un exercice des plus complexes. Du moins au vu du faible taux de réussite. Les instructeurs ont même été obligé de séparé les différents agents en plusieurs stages de remise en forme. Nous leur souhaitons bien du courage, ou pas. Ils n’avaient qu’à être en forme. On peut aussi saluer la performance d’Itô Koiko qui a été la première à boucler cet exercice sans s’être fait prendre par les instructeurs. </p>
        </div>
        <div class="col">
          <h2>Une femme pour dompter Maxwell ?</h2>
          <p>Est-il encore besoin de présenter Maxwell Abbas Tijabi ? Si ? Montagne de muscle, collabo, violent, vulgaire, arrogant. Je suis sûre que ça vous revient maintenant. Et bien figurez vous que des sources très sûres nous ont appris quelque chose de stupéfiant :</p>
          <p>Maxwell aurait laisser passer une effronterie d'une bleu marine. D'une nana. Oh, on sait qu'il est dragueur, mais tout de même, il ne l'avait encore jamais fait. Alors, pensez vous que cette Naomi Estrella puisse dompter la terreur du campus ?</p>
        </div>
      </div>
    </div>
    </div>
    <div class="contenu_onglet" id="contenu_onglet_quatre">
      <div class="page">
        <h1>Page des Membres</h1>
        <div>
          <div class="col2">
            <h2>Ambre Ashton</h2>
            <p>Je m'appelle Squik et je suis un écureuil. Je vis dans une forêt de pins, une pinède, comme disent les hiboux qui savent tout. J'étais tranquillement vautré dans mon fauteuil devant ma télé. Je regardais les pubs. Il y en a des pas mal en ce moment ! Comme celle-là : Legolas et Aragorn discutent, Aragorn râle parce que son épée est sale et qu'elle perd son tranchant. Legolas lui conseille un produit miracle en montrant ses propres lames parfaitement propres et tranchantes. La pub finit quand Legolas et Aragorn décapitent un orc en riant. Alors que je me marrais doucement, j'entendis un bruit. Hein ? Je me levai en grognant et sortis dehors. Allons bon ! Des humains ! Et dire que je payais la peau des fesses justement pour ne pas en avoir sous la truffe ! Rah ! Ces propriétaires ! Tous des arnaqueurs !</p>
            <p>Je remarquai soudain mon voisin du dessus, Monsieur Jack un pinson aimable et très serviable ! Bon, ce n'était pas tout, mais il fallait virer les humains. Avec Monsieur Jack, on avait l'habitude. Il s'envola pendant que grimpai pour choper des pommes de pin. Je revins sur ma branche et Monsieur Jack revint avec deux de ses amis : Henri et Max prêts pour l'attaque. Je me mis à grignoter les pommes de pin et je lançai avec beaucoup de soin mes pelures pleines de bave vers le repas des humains. Je tirai la langue et lançai le trognon de pomme de pin en plein sur le pare-brise.</p>
            <p>Puis Jack et ses potes s'élancèrent en visant avec grand soin les humains avec...Leurs déjections. Oui, c'est dégueulasse ! Mais autant que les humais qui viennent avec leur grosse voiture ! Jack, Max et Henri étaient vraiment doués ! En trois minutes top chrono les humains replièrent bagages, montèrent dans leur grosse voiture et partirent. Jack se posa sur la branche. Je m'approchai de lui et lui lançai :</p>
            <p>-Tape m'en cinq mon poto !</p>
            <p>On se fit un check puis je rentrais chez moi. Je me vautrai de nouveau devant ma télé où Arwen donnait des conseils capillaire à Thranduil.</p>
          </div>
          <div class="col2">
            <h2>Itô Koiko ~ La Chute</h2>
            <p>Mon cœur se sert de plus en plus, et à chaque pas, je frôle la syncope. Plus que trente secondes, et mon destin se jouera.</p>
            <p>Comment en suis je arrivée là ? J'ai travaillé, encore et encore, sans relâche. Combien de fois suis-je tombée ? Combien de fois ais-je manqué de me retrouver à l'hôpital, forcée d'abandonner tout espoir. Mais toujours, je me suis relevée, et jamais je n'ai abandonné.</p>
            <p>La clef de toute réussite est là : le travail, et surtout l'espoir.</p>
            <p>Mes rêves les plus fous m'ont conduite partout dans le monde, grimpant sans cesse sur la plus haute marche du podium, écrasant mes adversaires de ma supériorité.</p>
            <p>Combien de fois en ais-je rêver, je l'ignore, mais certainement moins de fois que j'ai répété chacun de mes sauts, chacun de mes éléments. Ceux là, je les travaille depuis un mois, et je passe plusieurs heures par jour à les pratiquer. Le plus simple d'abord, pour se fier à la poutre, puis de plus en plus dur, et plus la difficulté augmente, plus la série s'allonge. Des heures et des heures sur cet agrès, tentant ensuite les choses les plus folles.</p>
         <p>Mais quel bonheur ! Quel bonheur de ne vivre que pour ce que l'on aime. Combien ont cette chance ? Si peu. Les compétions amateurs me l'ont bien montrées. Tant au départ, si peu à l'arrivée.</p>
         <p>Cette année est la mienne. Certes, mes jambes tremblent, et mes pas sont peu assurés. C'est le dernier agrès, et je suis la dernière à passer. La plus haute marche du podium est à ma portée, je le sais. Je souffle, je compte jusqu'à vingt en allemand, et je sens mes jambes se raffermir. Rien de plus qu'un passage, devrais-je penser. Comment le pourrais-je ?</p>
            <p>Je commence. Je salue, je pose mes mains sur la poutre, et d'un saut puissant, je me place à l'ATR, pile au dessus de l'agrès. Un. Deux. Trois. Je contracte mes abdominaux, et tout doucement, je descend en équerre. Un. Deux. Trois. Parfait. Je souris. Tout se passe au mieux pour le moment. Un peu de chorégraphie, que j'exécute à l'instinct, suivant un peu la dernière musique du sol, qui me permet de me dresser du haut de mon mètre soixante dix sur la poutre. Mon visage est radieux. Je peux le faire. Je le sais. Suivent les sauts. Saut de biche enchaîné saut cosaque tour complet et demi. Deux pas, saut popa. J'effectue alors une rondade twist carpée avec vrille complète, et je stabilise parfaitement mon arrivée. J'entends les applaudissements fuser de partout, et désormais, je me sens on ne peut plus détendue. Le reste de mon mouvement s'effectue sans anicroche, et j'arrive à mon élément favori, celui qui allie mon pire cauchemars qu'est la poutre à mon agrès favori, les barres. Le thésa. Quart de tour. Je m'élance en flip arrière, quittant tout support momentanément, pour retrouver de mes mains la poutre et enchaîner le tour d'appui arrière.</p>
        <p>Mais d'un coup, mon épaule se déboîte, et dans un horrible craquement, je lâche la poutre. C'est fini pour moi, la première place m'échappe à nouveau. Je me relève malgré tout, car il me reste ma sortie à faire, jusqu'à ce que je me rende compte que mon bras refuse de bouger. Déjà mon entraîneur et des soigneurs accourent vers moi. Je sens alors la douleur dans mon épaule, ma tête tourne et...</p>
        <p>Je n'ai plus de raisons de vivre. Je viens de lamentablement échouer aux Jeux Olympiques. Sans sortie, j'ai échoué au pied du podium. Mais surtout, je ne ferais plus jamais de gymnastique de ma vie. En face de moi s'étend la Seine.</p>
        <p>Trois pas d'élans, et j'accomplis finalement la fin de mon enchaînement, une rondade flip triple salto arrière tendu deux fois vrillé. Mon os craque une dernière fois. Puis je fonce à une vitesse folle dans le vide, rejoignant l'eau du fleuve.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="contenu_onglet" id="contenu_onglet_cinq">
    <div class="page">
        <h1>Quelques repères pour la Période</h1>
        <div>
          <div class="col">
            <h2>Le monde pleure avec l'Afrique</h2>
            <p>Le 5 décembre 2013, le monde entier pleure avec l'Afrique du Sud, suite à la mort d'un des plus grands hommes du XXième siècle : Nelson Mandela. Partout dans le monde, on salue ce grand homme d'une minute de silence. Un grand hommage lui sera rendu, par tous les politiques. Les dirigeants de nombreux pays se rendront à son enterrement, dont la Reine d'Angleterre. </p>
            <p>Ce n'est cependant pas ceci qui arrêtera les nombreuses guerres en Afrique. Le jour même, en Centrafrique, deux batailles se déroulent. Quelques jours plus tard, un attentat a lieu au Mali, en réponse à l'engagement de plusieurs pays africains en faveur du président malien dans cette guerre opposant des séparatistes islamistes et le gouvernement en place. </p>
            <p>Si en janvier, la guerre en Centrafrique prend fin, de nouvelles violences ont lieu cette fois ci en Nigeria, où des islamistes massacrent les habitants de deux villages. Ce n'est que le début de nombreuses atrocités qui se dérouleront par la suite. En 2014 retentira le nom de Boko Haram.</p>
          </div>
          <div class="col">
            <h2>Révolution en Ukraine</h2>
            <p>Le 21 novembre 2013 signait la fin des négociations entre l'Union Européenne et l'Ukraine vis à vis d'un accord d'association, et d'aides financières. Ce jour signait aussi un rapprochement avec la Russie. En réponse, des milliers de manifestants pro-européens se regroupent à Kiev, et manifestent contre cette décision. Viktor Ianoukovytch, président de l'Ukraine et proche de Vladimir Poutine est remis en question par les manifestants. Ces premières manifestations marquent le début de la révolution Ukrainienne dans une escalade à la violence. </p>
            <p>Le 8 décembre marque la plus grande manifestation d'Ukraine depuis la Révolution Orange. Selon les organisateurs, un million de personnes seraient descendues dans les rues. Le mois de décembre se déroule sans accident majeur, mais la tension montera peu à peu, notamment face à l'attitude du président qui ignore complètement les manifestants de la place Maïdan.</p>
            <p>Malgré un appel au calme des États Unis début janvier, les manifestations sont de plus en plus durement réprimées. Le 15 janvier, le parlement vote plusieurs lois liberticides dénoncées par les ONG et plusieurs États. Certains cadres militaires appellent l'armée et la police à rejoindre le mouvement et à ne pas appliquer les nouvelles lois. Une semaine après celles ci, les premiers morts sont découverts. Deux manifestants, l'un tué par balles, l'autre battu à mort. Le gouvernement autorise alors les forces de l'ordre à se montrer d'autant plus…. Violentes. Les policiers détuisent même un centre de la Croix Rouge qui soignait les manifestants. En réponse à ceci, des activistes prennent d'assaut une chaine de télévision, pour montrer le comportement de la police vis à vis d'eux : humiliation et brutalité choquent tout le monde, et les forces de l'ordre s'excuse. Mais rien ne changera vraiment. Ce 22 janvier provoquera des manifestations dans d'autres provinces, puis le recul du gouvernement. Ces gestes n’apaiseront pas plus les manifestants.</p>
            <p>Ceux-ci occuperont encore la place Maïdan pendant plus de deux semaines, résistant aux forces anti-émeutes. Le 18 février est donné l'ordre de vider cette place. La violence reprend, les émeutes mènent à la mort de vingt cinq personnes. Quinze manifestants, un journaliste, neuf policiers. Le gouvernement autorise alors l'utilisation de la force létale contre les manifestants : les policiers tirent désormais à balle réelle sur les citoyens. Ces événements marquent la défection des proches de  Viktor Ianoukovytch.</p>
            <p>Le 21 février se déroulent des négociations entre Ianoukovytch, les chefs de l'opposition, les ministres des Affaires Étrangères allemand, polonais et français et un représentant de la Russie. Un accord de sortie de crise est signé par tous, à l'exception de la Russie. Rapidement sera votée au parlement le retour à la Constitution de 2004. Puis le président fuit. Le 22 février, le parlement met aux arrêts le Ministre de l'Intérieur -pour avoir donné l'ordre de tirer à balles réelles- et la résidence du président est ouverte au public. Peu à peu, les amis de Ianoukovytch démissionnent, et sont remplacés par des membres de l'opposition. Le parlement vote alors rapidement la destitution du président, bien que celui-ci, désormais en Russie, dénonce un coup d'état. </p>
            <p>Au 22 février, le bilan officiel fait état de quatre vingt-deux morts et de six cents vint deux blessés. En trois mois, l'on passa de manifestations pacifique à une véritable révolution. Mais les choses sont encore loin d'être fnies pour ce pays profondément déstabilisé. </p>
          </div>
        </div>
        <div>
          <div class="col">
            <h2>Sorties au Cinéma</h2>
            <p>Un petit tour d'horizon des films les plus marquant sortis entre décembre 2013 et février 2014. Comme ça, vous saurez ce que vos agents vont pouvoir aller voir ! </p>
            <p>En décembre sont donc sortis : La Reine des Neiges, le dernier Disney, dont on a encore la musique en tête. Une biographie d'un personnage illuste mort le même mois, Mandela : Un long chemin vers la liberté. Les plus nerd d'entre nous ont peut être hésité entre Albator, corsaire de l'espace et Le Hobbit : La désolation de Smaug. Mais si on est d'avantage cinéphile, on se souvient surtout de décembre 2013 pour Le loup de Wall-Street, et les amateurs de thriller se sont jetés sur Zulu. </p>
            <p>Mais c'est après les blockbusters de décembre que l'on put crier au génie grâce notamment à Twelve Years a Slave et Dallas Buyers Club. La vie rêvée de Walter Mitty et Le vent se lève nous ont invités à rêvé -surtout le deuxième, Miyazaki powaaa- mais je parierais bien sur le fait que nos chers têtes blondes se précipiteront d'avantage sur Paranormal activity : the marked ones. A moins qu'ils ne tentent discrètement d'aller voir un film plus adulte, comme, par exemple, à tout hasard… Nymphomaniac ? Attention à ne pas se faire chopper. </p>
            <p>Mais rien ne vaudra jamais la plus super géniale des aventures, La Grande Aventure Lego sortie en février. Pas même le peplum Pompeï, ou le remake Robocop, deux blockbusters aux moyens démesurés. Triste mois que celui de février… Heureusement qu'il y avait quand même cette comédie décalée et burlesque. Mais si, vous savez : The Grand Budapest Hotel</p>
          </div>
          <div class="col">
            <h2>Système Éducatif Brittanique</h2>
            <p>On a pu se rendre compte dans divers missions que le système éducatif brittanique ne vous était pas vraiment familier. Je vais donc vous en toucher deux mots ici. On parle bien du système éducatif brittanique (Angleterre, Pays de Galle, Écosse, Irlande du Nord), ce ne sera donc pas le même dans un autre pays. Nous vous conseillons vraiment d'étudier la question pour ces autres pays, ou de voir avec le staff. </p>
            <p>En ce qui concerne le Royaume Unis, l'école obligatoire commence l'année des cinq ans. A partir de là, on compte les années de Year 1 à Year 13 au maximum.</p>
            <p>Les Year 1 à Year 6 sont les équivalents de notre école primaire. Les brittaniques ont deux examens majeurs à passer, le premier en Year 2. Oui, à 6 ans. L'examen consiste simplement à vérifier s'ils savent bien lire et écrire. Le second est en year 6 et permet le passage en lycée.</p>
            <p>Il existe deux lycées différents dans l'éducation publique : les <i>grammar school</i> où les places sont limitées, et donc seuls les meilleurs sélectionnés sur concours, et les <i>comprehensive state</i> soit les lycées publics que nous connaissons en France aussi et que les agents en mission fréquentent principalement.</p>
            <p>Les premières années au lycée sont pour préparer le Key Stage 3, un examen généraliste qui a lieu à la fin de la Year 9, soit l'année des 13 ans.</p>
            <p>Les élèves brittaniques ayant réussis peuvent alors choisir leurs matières pour le CGSE (<i>General Certificate of Secondary Education</i>). Cinq sont obligatoires : Mathématiques, Anglais, Biologie, Chime et Physique. Après, selon leur école, les élèves ont le choix jusqu'à parmis 40 matières. Le minimum pour le CGSE est six matières, mais les écoles exigent généralement de leurs élèves qu'ils en choisissent entre neuf et douze.</p>
            <p>Le CGSE se prépare en deux ans. L'examen a lieu pendant les vacances d'été après la Year 11, cette année étant celle chez nous de la seconde, à 15 ans.</p>
            <p>A partir de ce CGSE, les élèves ont alors le choix entre continuer l'école ou arrêter. S'ils continuent, c'est pour préparer le <i>A-Level</i> soit le diplôme qui leur permettra d'aller à l'unversité. Le A-Level est composé au minimum de trois matières, mais la plupart des universités en demandant quatre. Il se passe en deux ans.</p>
            <p>Parallèmement à ce système se trouvent les <i>public schools</i> qui n'ont de publiques que le nom. Ce sont en fait des écoles privées, particulièrement chères, et vos agents ont peu de chance d'en intégrer une en mission.</p>
            <p>A Cherub, ce système est légèrement chamboulé. Vous passez les épreuves d'un examen à divers moments, selon votre niveau. Ainsi, il se peut que vous prépariez votre CGSE de mathémtiques en même temps que votre Key Stage 3 en Histoire. Notez les matières étudiées par votre agent et à quel niveau dans votre dossier peut être une bonne idée ~ </p>
          </div>
        </div>
      </div>
    </div>
    <div class="contenu_onglet" id="contenu_onglet_six">
    <div class="page">
        <h1>Des Contrôleurs déjà au boulot</h1>
        <div>
          <div class="col">
            <h2>Helva Fitzhenry</h2>
            <p>Cette histoire ne sentait pas bon du tout. Jamais encore Cherub n'avait été autant en danger. Si ces documents étaient tous réunis entre les mains d'une même personne, décryptés, analysés correctement, alors le scandale qui éclaterait surpasserait de loin, de très loin, toutes ces ridicules petites affaires nées des révélations d'Edward Snowden.</p>
            <p>C'est pourquoi Zara lui avait demandé en urgence de s'occuper de cette mission. Laissant celle qu'elle préparait depuis plus des moins à un autre. L'irlandaise comprenait. Elle devrait partir dans trois jours. Elle venait de terminer l'équipe avec laquelle elle partait. Elle soupira. Elle n'avait eu que des gris. La mission, bien qu'urgente, ne présentait pas beaucoup de risques. Mais ils avaient intérêt à être à la hauteur.</p>
            <p>Sinon, ce serait tous les autres agents qui seraient en danger.</p>
          </div>
          <div class="col">
            <h2>Henry Jones</h2>
            <p>Le doyen des contrôlleurs de mission regretta soudainement de ne pas être déjà à la retraite. La mission ne lui était pas destiné, de base. Mais de recents évènements avaient poussé Zara a attribuer une mission prioritaire à Helva Fitzhenry. Et c'est lui qui héritait le cadeau empoisonné. Il se demandait quand même ce qui avait poussé Zara à prendre sa décision. Helva était une véritable spécialiste du monde arabe, contrairement à lui.</p>
            <p>Il ne pouvait pas enlever ça à la jeune femme. Elle avait regroupé un amont important de documents qu'il lui faudrait lire, ainsi que ses agents. Le mission sera en plein Londres. L'objectif ? Intégrer un groupe islamiste. Enfin, suspecter de l'être, mais le MI-5 n'avait guère de doute. Le groupe faisait apparemment du recrutement seulement. Mais cela restait une mission aux risques particulièrement élevés. Fort heureusement, il était assuré d'avoir exclusivement des agents très expérimentés pour cette mission.</p>
            <p>En ces temps où l'effectif, et surtout l'effectif expérimenté, manquait, ce n'était pas rien. Il avait déjà une bonne idée de qui il aurait besoin pour cette mission.</p>
          </div>
        </div>
        <div>
          <div class="col">
            <h2>Clara Brightwood</h2>
            <p>Clara avait le coeur qui battait. Elle allait aller à sa première missions d'importance en tant que contrôleuse de mission. Finies les missions casses et les petites affaires, elle passait aux choses sérieuses. Le crime organisé. Et pas juste n'importe quelle petite bande. Non, elle partait au Japon, pour se frotter à des Yakuzas. Un agent avait été d'office choisit. Un T-shirt noir expérimenté, qui avait récolté un nombre impressionnant de rapports favorables.</p>
            <p>Elle savait pourquoi elle avait eu le droit à la crème de la crème. Comme c'était justement sa première mission d'importance, on lui a permit d'avoir un agent avec qui il était facile de travailler. Ils sélectionneraient ensemble une jeune fille. Elle serait leur grande demi soeur.</p>
            <p>Non, il n'y avait pas à dire. Elle avait vraiment hâte de commencer cette mission. Puis elle jeta un coup d'oeil à son autre dossier. C'est vrai qu'elle avait aussi cette casse à gérer...</p>
          </div>
          <div class="col">
            <h2>Erwart Asker</h2>
            <p>La situation était critique. Pour obliger Zara à modifier les missions au dernier moment. Il avait passé deux heures dans le bureau de sa femme cet après midi, avec Helva. Car Zara avait besoin d'eux en toute urgence.</p>
            <p>Il fallait absolument retrouver celui qui a réussi ce coup de génie : voler des documents Cherub. Ce n'était certainement pas ce mec de Gibraltar, lui n'avait fait que les recevoir. Helva se chargerait de lui. Non, son boulot à lui, c'était de retrouver l'homme.</p>
            <p>Ils devaient le mettre hors d'état de nuire.</p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
Revenir en haut Aller en bas
Contenu sponsorisé
MessageSujet: Re: Autres html Autres html Empty
Revenir en haut Aller en bas
Autres html
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
MakuroGraph :: Thèmes :: Thème CHERUB :: Hiver 2013/2014-