Design Version 5

<script type="text/javascript">
//<!--
function change_onglet(name)
{
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
</script>

<!--CODE JAVA POUR DEFILEMENT-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#newsbox { height: 230px; position: relative; overflow: hidden; }
#newslist { position: absolute; padding: 0 0.5em; }
</style>
<script language="javascript" type="text/javascript">
 
var pos;
var speed = 1;
var pos_initial;
 
function startAnim() {
   var e = document.getElementById('newsbox');
   pos_initial = e.clientHeight + 10;
   pos = pos_initial;
   setInterval('anim()', 30); <!--réglage vitesse défilement-->
}
function anim() {
   var e = document.getElementById('newslist');
   e.style.visibility = 'visible';
   e.style.top = Math.floor(pos) + 'px';
   pos = pos - speed;
   if(pos < -e.clientHeight) pos = pos_initial;
}
window.onload = function() {
  var e = document.getElementById('newsbox');
  e.onmouseover = function() { speed = 0; };
  e.onmouseout = function() { speed = 1; };
  startAnim()
};
</script>

<!--PA COMPLETE-->
<table width="800" height="520" cellspacing="10" style="background-image:url(http://img11.hostingpics.net/pics/60632920pa.png); repeat:no-repeat; border="0"" border="0">
  <tr >
      <td valign="top" rowspan="4">
      <!--SECTION A VOTRE SERVICE-->
         <div class="titres" >A VOTRE SERVICE</div>
            <!--TABLEAU STAFF-->
            <br/><br/>
            <table cellspacing="2" border="0" >
                     <!-- SHAYNE -->
               <tr align="center">
                  <td>
                     <a class="infobulle" href="http://sevensinscity.superforum.fr/privmsg?mode=post&u=2" target="_blank">
                        <img src="http://s3.postimage.org/36k6t9fwk/s_shayne.jpg" alt="" />
                        <span><center><img src="http://img4.hostingpics.net/pics/723096JD34.gif" width="100" height="56" alt="Shayne" /><br/>Shayne Grant<br/>Administratrice</center></span>
                     </a>
                  </td>
               </tr>
                     <!-- ALONA -->
               <tr align="center">
                  <td>
                     <a class="infobulle"  href="http://sevensinscity.superforum.fr/privmsg?mode=post&u=8" target="_blank">
                        <img src="http://s3.postimage.org/36k1unef8/s_alona.png" alt="" />
                        <span><center><img src="http://img51.imageshack.us/img51/6715/52979813.gif" alt="Alona" /><br/>Alona Garvey<br/>Administratrice</center></span>
                     </a>
                  </td>
               </tr>
                     <!-- IAN -->
               <tr align="center">
                  <td>
                     <a class="infobulle" href="http://sevensinscity.superforum.fr/privmsg?mode=post&u=68" target="_blank">
                        <img src="http://i52.tinypic.com/2gt3zop.jpg" alt="" />
                        <span><center><img src="http://www.gifsoup.com/imager.php?id=2187037&t=o" width="100" height="56" alt="Ian" /><br/>Ian Matthews<br/>Modératrice</center></span>
                     </a>
                  </td>
               </tr>
                     <!-- ALEXA -->
               <tr align="center">
                  <td>
                     <a class="infobulle" href="http://sevensinscity.superforum.fr/privmsg?mode=post&u=78" target="_blank">
                        <img src="http://s3.postimage.org/36k0741xg/s_alexa.jpg" alt="" />
                        <span><center><img src="http://img4.hostingpics.net/pics/932476meganfoxaGIFSoupcom.gif" alt="Alexa" /><br/>Alexa Fernandez<br/>Modératrice</center></span>
                     </a>
                  </td>
               </tr>
               <tr>
                  <td height="190"; valign="bottom"><div style="font-size:10px">
                     <span style="vertical-align:bottom">@ SevenSinsCity. Design version 5 Makarov. <br> Toute reproduction partielle ou totale interdite</span></div>
                  </td>
               </tr>
            </table>
         
      </td>
 
      <td valign="top" rowspan="2">
        <!--CASE CONTENANT LES ONGLETS-->
         <span class="onglet_0 onglet" id="onglet_drh" onmouseover="javascript:change_onglet('drh');">Bienvenue</span>
         <span class="onglet_0 onglet" id="onglet_drh1" onmouseover="javascript:change_onglet('drh1');">Actus</span>
         <span class="onglet_0 onglet" id="onglet_drh2" onmouseover="javascript:change_onglet('drh2');">Credits</span>

         <!-- ONGLET BIENVENUE --><div class="contenu_onglet_PA" id="contenu_onglet_drh"><div align="center"><br/>
                  
         <table border="0" width="470" cellspacing="3">
           <tr>
              <td width="365">
               <div class="titres2">Bienvenue à Seven Sins, antichambre de l'Enfer.... </div>
               <div align="justify"><br/><br/>Nous voici en l'an de grâce 2021, Printemps. La ville connue d'antan sous le nom de Bright Falls a été renommée Seven Sins City par les autorités. Dans les bas quartiers le mal règne en maître; une prison high tech et quasi imprenable a fait son apparition; la loi martiale n'est jamais respectée à la lettre et l'armée use de la force pour maintenir un semblant d'ordre dans ce capharnaüm urbain; les flics corrompus sont légions; la guerre civile a éclaté... et chacun fait ce qu'il peut pour tenter de survivre dans un semblant de quiétude.<br/><br/>À Seven Sins City, ville de tous les péchés et antichambre de l'Enfer, les pauvres sont devenus très pauvres et les riches très riches. Les ouvriers sont exploités par leurs patrons, et les patrons ont de plus haut patron...<br/>Ne cherchez pas, c'est la Mafia !<br/></div>
               <div text align="right"><a href="http://sevensinscity.superforum.fr/t522-contexte-de-seven-sins">En savoir plus</a></div>
              </td>
              <td width="100" valign="middle" align="center">
               <font size="3"><p><a href="http://sevensinscity.superforum.fr/t520-reglement-du-forum" class="postlink" target="_blank">Règlement</a></p>
               <p><a href="http://sevensinscity.superforum.fr/t522-contexte-de-seven-sins" class="postlink" target="_blank">Contexte</a></p>
               <p><a href="http://sevensinscity.superforum.fr/t3-2-en-savoir-plus-sur-les-groupes" class="postlink" target="_blank">Groupes</a></p>
               <p><a href="http://sevensinscity.superforum.fr/postes-vacants-f4/" class="postlink" target="_blank">Postes Vacants</a></p>
               <p><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/nos-partenaires-t28.htm" class="postlink" target="_blank">Nos Amis</a></p>
               <p><a href="http://sevensinscity.superforum.fr/questions-et-suggestions-f19/" class="postlink" target="_blank">Coin Invités</a></p></font>
              </td>
           </tr>
         </table></div></div>

               <!-- ONGLET ANNONCES -->
         <div class="contenu_onglet_PA" id="contenu_onglet_drh1" style="display:none;"><br/>
         <blockquote style="height: 280px; overflow: auto; margin : 5px; padding-right : 15px">
         <br/> Nous sommes actuellement au <u>Printemps 2021</u>.
         <br/>
            <div style="width:365px" class="titres2">Saison 1 - La bombe disparue</div>
            <br/>
            23h, un soir, un bar. Le genre d'endroit miteux et puant dont les bas-fonds de Sin City se font une fierté. Vladimir Makarov s'est déplacé en personne pour accueillir sa commande, un petit bijou de bomba artisanale. Mais Vladimir a été trahi. La moitié de la ville au courant, le bar plonge dans le plus indescriptible chaos.
            La bombe a disparu. Qui l'a prise ? Où est-elle ? Personne ne le sait. Mais tout le monde la cherche.
            <br/>
            <div style="width:365px" class="titres2">Rubrique nécrologique</div>
            <br/>
            Nous avons la tristesse de vous annoncer le décès du Général James Shepard, mort au combat. <a href="http://sevensinscity.superforum.fr/t602-un-jour-triste-a-seven-sins-city-tout-le-monde">Assister à son enterrement.</a>
            <div><a href="http://sevensinscity.superforum.fr/f18-scenario">Plus d'actus</a></div>
               <br/>
               <div style="width:365px" class="titres2">WANTED</div>
                  <br/> Nous recherchons activement -
                  <ul><li> des Bushidos</li>
                  <li> des Makarov</li></ul>
               Merci de privilégier ces groupes et les <a href="http://sevensinscity.superforum.fr/f4-postes-vacants"><font color="white">Postes Vacants</font></a>
            </blockquote></div>
      
          <!-- ONGLET CREDITS -->
          <div class="contenu_onglet_PA" id="contenu_onglet_drh2" style="display:none;">
            <div align="center">
               <br/>Forum ouvert le 09/07/2010
               <br/><br/><b>15 lignes minimum par post</b>
            </div>
               <br/><br/>Contexte par Alex et Nono
               <br/> PV par Alex, Nono & Jo
               <br/>Design version 5 Spécial "Makarov & Constructivisme Russe" <br/>Mis en place en Septembre 2011 <br/>Réalisé par Nono (graphique), Jo et RoseOD (codage)
         </div>

      </td>
 
      <td width="130" >
      <!--LIENS TOP SITES-->
         <div class="titres">VOTEZ !</div><br/><br/>
         <div style="font-size:21px; text-align:center;">
            <a href="http://www.root-top.com/topsite/velusia/in.php?ID=4253" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[1]" width="30" height="30" />
            </a>
            <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=4933" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[2]" width="30" height="30" />
            </a> <br/><br/>       
            <a href="http://www.root-top.com/topsite/blueberry/in.php?ID=2817" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[3]" width="30" height="30" />
            </a>
            <a href="http://www.root-top.com/topsite/odealavie/in.php?ID=649" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[4]" width="30" height="30" />
            </a><br/><br/>
            <a href="http://www.root-top.com/topsite/candymiam/in.php?ID=5196" class="postlink" target="_blank">
               <img src="http://s4.postimage.org/2j4nf944/image.png" alt="[5]" width="30" height="30" />
            </a>
            <br/><br/>
         </div>
      </td>
   </tr>
 
   <tr>   
 
      <td rowspan="3" align="center">
      <!--LIENS SITES PARTENAIRES-->
         <div class="titres">NOS AMIS</div><br/>
                  
            <div id='newsbox'>
               <div id='newslist' style='visibility: hidden'>
                  <a href="http://eternalis.jdrforum.com/forum.htm" class="postlink" target="_blank" rel="nofollow">
                     <img src="http://i76.servimg.com/u/f76/11/66/39/15/eterna10.png" alt="Eternalis" />
                  </a>
                  
                  <a href="http://auxportesdelenfer.forumotion.com" class="postlink" target="_blank" rel="nofollow">
                     <img src="http://i65.servimg.com/u/f65/11/25/40/17/logo410.png" alt="Aux portes de l'enfer" />
                  </a>
                  
                  <a href="http://csi-la.forumpro.fr" class="postlink" target="_blank" rel="nofollow">
                     <img src="http://i53.tinypic.com/30j4js2.jpg" alt="CSI LA" />
                  </a>
                  
                  
                  <a href="http://a-new-beginning.forumactif.com" class="postlink" target="_blank">
                     <img src="http://i65.servimg.com/u/f65/11/25/40/17/anb_lo13.png" alt="A new beginning" />
                  </a>
                  
                  <a href="http://nomoredrama.forumactif.org/forum">
                     <img src="http://i56.tinypic.com/2n0slg0.jpg" alt="No more drama" />
                  </a>
                  
                  <a href="http://earth-playground.forumactif.org/forum.htm" class="postlink" target="_blank">
                     <img src="http://i687.photobucket.com/albums/vv240/Manoucha/Logo-v5-1.jpg" alt="Earth Playground" >
                  </a>
                  
                  <a href="http://asaria.forumpro.fr" class="postlink" target="_blank">
                     <img src="http://nsa07.casimages.com/img/2009/04/25/090425023846653662.png" alt="Asaria" >
                  </a>
                  
                  <a href="http://terra616.nextgenforum.com/forum.htm" class="postlink" target="_blank">
                     <img src="http://i35.servimg.com/u/f35/11/95/83/61/terra-12.jpg" alt="Terra 616" />
                  </a>
                  
                  <a href="http://nomansland-original.forumactif.com/forum.htm" class="postlink" target="_blank">
                     <img src="http://i65.servimg.com/u/f65/11/25/40/17/no_man21.png" alt="No man's land" />
                  </a>
                  
                  <a href="http://morsmordre.forums-actifs.com/" class="postlink" target="_blank">
                     <img src="http://i56.tinypic.com/1zqeqa9.jpg" alt="Morsmordre" />
                  </a>
                  
                  <a href="http://sherlock-21-century.forumactif.com/forum.htm" class="postlink" target="_blank">
                     <img src="http://img641.imageshack.us/img641/6498/iconshbakerstreet.png" alt="Sherlock Century" />
                  </a>
               </div>
            </div>
                  
      </td>
   </tr>

   <tr>
   
      <td align="center" valign="top">
      <!-- POSTES VACANTS-->
         <div class="titres">ON LES RECHERCHE</div><br/>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/la-shadow-company7-8-t224.htm#4385" target="_blank">
            <img src="http://s1.postimage.org/1g3gfc5j8/pv2.jpg" class="Image" width="35" height="75" border="0" alt="Evan Anders"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/t226-les-policiers-6-6#4407" target="_blank">
            <img src="http://img11.hostingpics.net/pics/456936amanda.jpg" class="Image" width="35" height="75" border="0" alt="Kate Burrows"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/la-shadow-company7-8-t224.htm#4386" target="_blank">
            <img src="http://s1.postimage.org/1g3i2vi10/pv3.jpg" class="Image" width="35" height="75" border="0" alt="David Stillson"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-bushido-6-7-t230.htm#4455" target="_blank">
            <img src="http://s1.postimage.org/1g3jqeuis/pv4.jpg" class="Image" width="35" height="75" border="0" alt="Dan Nakamura"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-geishas-t15.htm#36" target="_blank">
            <img src="http://s1.postimage.org/1g3n1hjic/pv6.jpg" class="Image" width="35" height="75" border="0" alt="Aya Fusaki"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/t225-les-civils-9-9#4396" target="_blank">
            <img src="http://s1.postimage.org/1g3ldy70k/pv5.jpg" class="Image" width="35" height="75" border="0" alt="Steven O'Bryan"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-makarov-7-9-t229.htm#4438" target="_blank">
            <img src="http://img11.hostingpics.net/pics/674778mila.jpg" class="Image" width="35" height="75" border="0" alt="Irina Gretchenko"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-mercenaires-4-6-t223.htm#4368" target="_blank">
            <img src="http://s1.postimage.org/1g3qck8hw/pv8.jpg" class="Image" width="35" height="75" border="0" alt="Edward Black"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-makarov-7-9-t229.htm#4437" target="_blank">
            <img src="http://img11.hostingpics.net/pics/765633liev.jpg" class="Image" width="35" height="75" border="0" alt="Dmitri Bokariov"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/t225-les-civils-9-9#4394" target="_blank">
            <img src="http://s1.postimage.org/1g3tnmxhg/pv10.png" class="Image" width="35" height="75" border="0" alt="Arya Koriskova"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/t239-les-amazones-4-7#4422" target="_blank">
            <img src="http://s1.postimage.org/1g3vb69z8/pv11.jpg" class="Image" width="35" height="75" border="0" alt="Jaimie Preston"/>
         </a>
         <a href="http://sevensinscity.superforum.fr/postes-vacants-f4/les-bushido-6-7-t230.htm#4451" target="_blank">
            <img src="http://s1.postimage.org/1g3wypmh0/pv12.jpg" class="Image" width="35" height="75" border="0" alt="Tatsuo Bushido"/>
         </a>
         <br /><br />
         <a href="http://best-rpg.forumpro.fr" target="_blank">
         <img src="http://i43.tinypic.com/nvsej6.png" title="Best RPG, le site de référencement d’RPGs" alt="Best RPG, le site de référencement d’RPGs">
         </a>
      </td>
   </tr>
</table>

<script type="text/javascript">
//<!--
var anc_onglet = 'drh';
change_onglet(anc_onglet);
//-->
</script>

body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

/* arrondis des zones de textes by BestRPG */
input,textarea, select {border-radius: 10px; }

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #1A1515; /* arrière-plan de l'infobulle */

  color: white; /* texte dans l'infobulle */
  font-size: 10px;
  font-variant: normal;
  text-align: justify;
  text-transform: none;
  text-decoration: none;
  padding: 4px;
  width: 160px;
  height: auto;

  /* bordures de votre infobulle*/
  border: 4px solid #FFFFFF;
  border-left: 4px solid #FFFFFF;
}

#lnrbox
{
position: fixed;
bottom: 50px;
left: 0px;
background-color: #couleur;
background-position: center;
border: 1px solid #couleur;
border-bottom: 4px solid #couleur;
z-index: 999;
}

a.mainmenu:link, a.mainmenu:visited{
margin-left : 4px;
margin-right : 4px;
font-family :Georgia;
color: #257DAD;
background-image: url("");
text-align:left;
border-left: 9px solid #630808;
border-right: 9px solid: url("");
}

/*TITRE FORUM*/
a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #FFFFFF;
color: #FFFFFF;
letter-spacing: 4px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("");
color: #AE0000;
text-align: center;
display: block;
border-bottom: 5px solid #AE0000;
-moz-border-radius:10px;
}

/*LIENS*/
a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}

/*CODE*/
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #7598B3;/*texte*/
background-color: #1A2F42;/*fond*/
border: #08355E;/*bordure*/
border-style: solid;
border-left-width: 7px;
border-top-width: 0px;
border-right-width: 7px;
border-bottom-width: 0px;
padding:10px;
-moz-border-radius:10px;}

/*CITATION*/
.quote{
font-family: Tahoma;
font-size: 12px;
color: #7598B3;
line-height: 125%;
background-color: #1A2F42;
border: #08355E;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px;
-moz-border-radius:6px;}

/*SPOILER*/
.spoiler{
font-family: verdana;
font-size: 11px;
color: #7598B3;
line-height: 125%;
background-color: #1A2F42;
border: #08355E;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px}

/*APPARENCE FORUM*/
.forumline {-moz-border-radius:10px;}
.forumline{color: #FFFFFF;
-moz-border-radius: 14px 14px 14px 14px;
border-bottom: 5px solid  ;
border-top: 5px solid;
border-right: 5px solid ;
border-left: 5px solid ;}

/*texte toujours justifié*/
.postbody {
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
}

/*Soulignement des liens a plus !!!!*/
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


/* QEEL */

.onglets_0 {

font-family            : verdana;
font-weight            : bold;
text-align            : center;
color              : #3D4952;
}

/*.onglet_1 {

font-family            : verdana;
font-weight            : bold;
text-align            : center;
color              : #3D4952;
}
*/

.message {
font-family            : verdana;
text-align            : center;
color              : #3D4952;
}

.cadre {
  background-color            : #1A1515;
  width                    : 360px;
  height                    : 190px;
  -moz-border-radius-topleft      : 40px;
  -moz-border-radius-bottomright  : 40px;
  font-size                  : 11px;
  font-color                  : #BDBDBD;
  border                    : #FFFFFF 3px solid;
}

/* MESSAGE D'ACCUEIL*/

.onglet{
color                    : #FFFFFF;
font-size                  : 14px;
background-image            : url(http://i53.tinypic.com/108ixig.png);
opacity: 0.6;
background-color            : #2C2828;
display                    : inline-block;
letter-spacing              : 3px;
width                    : 110px;
height                    : 20px
border-top                  : 1px solid #3F484D;
border-left                  : 1px solid #3F484D;
border-right              : 1px solid #3F484D;
text-align                  : center;
text-shadow                  : 0 0 15px #e0d6b7;
}

.contenu_onglet_PA{
background-image            : url(http://img11.hostingpics.net/pics/79013837bg.png);
background-repeat: repeat;
margin-top                  : 0px;
margin-bottom              : 5px;
margin-right              : 2px;
margin-left                  : 2px;
padding-left              : 15px;
padding-right              : 15px;
padding-top                  : 10px;
padding-bottom              : 10px;
font-size                  : 12px;
height                    : 300px;
width                    : 470px;
-webkit-border-radius        : 20px 20px 20px 20px;
text-align                  : justify;
border-top                  : 3px dashed #a29e9f;
}

.titres{
background-color            : #524949;
-moz-border-radius-topright      : 10px;
-moz-border-radius-bottomleft  : 10px;
font-size                  : 14px;
color: #FFF6D8;
text-align                  : center;
width                    : 100%;
}

.titres2{
background-color            : #1A1515;
-moz-border-radius-topright      : 10px;
-moz-border-radius-bottomleft  : 10px;
font-size                  : 14px;
color: #FFF6D8;
text-shadow : #FFF6D8 3px 3px 10px
text-align                  : center;
width                    : 100%;
}

* {
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 0px; /* on positionne notre infobulle */
  left: 40px;

  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}

/* SCROLLER BOX (pour partenaires) */
#scroller_container {
 position: relative;
 width: 120px;
 height: 200px;
 overflow: hidden;
}

#scroller p {
 padding: 0;
}

/*IMAGE TRANSPARENCY*/
.Image
{
    opacity : 0.8;
}

.Image:hover
{
    opacity : 1;
}