a.rollover {
    display: block;
    width: [i]width/2[/i]px;
    height: [i]height/2[/i]px;
    text-decoration: none;
    background: url("[url=http://www.servimg.com/image_preview.php?i=1&u=16181912][img]http://i78.servimg.com/u/f78/16/18/19/12/39389910.jpg[/img][/url]");
}
 
a.rollover:hover {
    background-position: -150px 0;
}
 
.displace {
    position: absolute;
        [i]Wherever you want the image[/i]
}


a.forumlink:hover{
font-variant: small-caps;
letter-spacing: 6px;
 }
.forumlink{
font-weight: bold;
font-variant: small-caps;
 }

.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.descri {
background: color : pink;
border: #9C5B5B 5px solid;
-moz-border-radius: 5px 5px 5px 5px;
}
.fondavatar {
background-color : pink ;
border : 5px solid #ffffff ;
-moz-border-radius: 5px 5px 5px 5px }

/* Menu navigation */
a.mainmenu {
padding-right: 5px;
background-color: pink;
color: brown;
font-size:12px;
font-variant: small-caps;
text-align: center;
border: 3px solid #FFFFFF;}

/* Menu navigation au survol de la souris */
a.mainmenu:hover {
padding-right:10px;
background-color: pink;
color: brown;
font-size:12px;
font-variant: small-caps;
text-align: center;
border: 3px solid #FFFFFF; }

.forumline{
background-color: #pink;
-moz-border-radius: 14px 14px 14px 14px ;
border-bottom: 10px pink solid;
border-top: 10px pink solid;
border-right: 10px pink solid;
border-left: 10px pink solid;}

a.forumlink {
text-align: center;
text-decoration: none;
background-color: #7D3138;
border-bottom: 2px double pink;
border-top: 2px double pink;
-moz-border-radius: 10px ;
border-right: 5px solid pink;
-moz-border-radius: 10px ;
border-left: 5px solid pink;
display:block;
}



a.forumlink:hover {
text-align: center;
text-decoration: none;
background-color: pink;
border-bottom:2px double #7D3138;
border-top: 2px double #7D3138;
-moz-border-radius: 10px ;
border-right: 5px solid #7D3138;
-moz-border-radius: 10px ;
border-left: 5px solid #7D3138;
display:block;
}

.paonglet
        {
        display:inline-block;
        margin-left:20px;
        margin-right:20px;
        padding:10px;
        cursor:pointer;
        background-color: #8A8A8A;
        color: #fff;
        }
        .paonglet_0
        {
        border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        }
        .paonglet_1
        {
          color: #9F0000;
          border-radius: 2px 2px 2px 2px;
          -moz-border-radius: 2px 2px 2px 2px;
          -webkit-border-radius: 2px 2px 2px 2px;
        }

        .contenu_paonglet
        {
                margin-top:-1px;
                padding: 2px;
                display:none;
                height: 320px;
        }

.floatleft{
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}
.floatright{
float: right;
padding: 2%;
margin-left: 2px;
margin-top: 2px;
}

* {
  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: 60px; /* on positionne notre infobulle */
  left: 60px;

  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}

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

.atelierdesc {
background: #430070;
color: #430070;
margin-left: 5px;
margin-top: 2px;
padding: 5px;
padding-left: 2px;
}

.code{
font-family: Comic Sans MS;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
background-color: #000000;
border: #FFFFFF;
border-style: solid;
border: 1px #FFFFFF dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.bodyline {
-moz-border-radius:10px;
}



// © Moïira
3 décembre 2009//
 
  sign
 
a:hover {
text-decoration: none;
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:active {
text-decoration: none;
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:link {
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:visited {
text-decoration: none;
color: black;
text-transform: uppercase;
font-weight: bold;
}
.categling {
border-left: 10px solid #317b4a;
border-right: 10px solid #317b4a;
margin: 0px 0px 8px;
padding: 3px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
color: #ffffff;
font-weight: bold;
background-color: #6eb76e;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
}
.categling:hover {
border-left: 10px solid #1b881b;
border-right: 10px solid #1b881b;
margin: 0px 0px 8px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #333333;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
background-color: #92f492;
}
body {
color: #838383;
}
 


BLA BLA bla
bla. BLA BLA bla bla. BLA BLA bla bla. BLA
BLA bla bla.


 
   
.code {
background-color: #000000;
border:1px #ffffff dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ffffff;
}
     
     
      blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());
        }
     
   
 

 /* =================
                              ===== Message d'accueil =====
        script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
      http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)

 =================  */

 
 
  /*----------------- Ma g?n?ral ----------------- */
 

 /* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}


/*le tableau invisible */

.table25
{
border: none ;
}


/* Liens */

.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px solid black;
 -moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


.a2:hover
{

background-color: black;
color: white;
}



#table22 /* fond du ma */
{
width: 770px;
background-color: #454545;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}




/*-----------------Titre----------------- */


/* Le titre special pour le texte de bienvenu */

.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}


/* le titre special pour les credits */


.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}

/* le titre pour les autres boites */



.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
}


/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */





/* Navigation */

 .navi_ma
 {
  background-color:#afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/* News  */

 .news
 {
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
}

/* Partenaires */

.partenaire_test
{
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/* message de bienvenu */


#bienvenu_ma
{
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
width: 370px;
}
 
/* membres staffs */
 

 
 .staff
{
 background-color: #afaeae;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}


/*crédits */

 
 .credits
 {
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}




/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: black;
}

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


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #afaeae;
color: black;
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 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é */
text-align: center;
font-size: 14px;
}

 height: 100px;
  margin-bottom: 3px;
}
#vkwicks #kwick1 {
  background-color: #FF5100;
}
#vkwicks #kwick2 {
  background-color: #B33900;
}
#vkwicks #kwick3 {
  background-color: #FFD000;
}
#vkwicks #kwick4 {
  background-color: #B39200;
  margin-bottom: none;
}

.kwicks {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.kwicks li{
  display: block;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}

.returnToKwicks {
  display:block;
  border:1px dashed #888;
  padding:5px;
  float:right;
}
.returnToKwicks:hover {
  background-color: #5e5e76;
  text-decoration: none;
  color: #aaa;
}

<div id="table22">
<table class="table25">

<tr>

<td rowspan="2"><h2 class="h2_theme">Navigations</h2><div class="navi_ma">
<a href="http://gleek-club.forumsactifs.net/t28-reglement#81?sid=61f38a2d1353f308e9edb542bf51ce59" class="a2">Le Réglement</a>
<a href="http://gleek-club.forumsactifs.net/t27-contexte#79?sid=61f38a2d1353f308e9edb542bf51ce59" class="a2">Le Contexte</a>
<a href="http://gleek-club.forumsactifs.net/f5-inscriptions-ou-auditions" class="a2">Les Auditions</a>
<a href="http://gleek-club.forumsactifs.net/f28-flood" class="a2">Le Flood</a>
<a href="http://gleek-club.forumsactifs.net/f29-jeux" class="a2">Les Jeux</a>
<a href="http://gleek-club.forumsactifs.net/f33-topsites" class="a2">Les Topsites</a>
<a href="http://gleek-club.forumsactifs.net/f32-partenariat" class="a2">Le Partenariat</a>
<a href="http://gleek-club.forumsactifs.net/f6-gleeks-vacants" class="a2">Postes-Vacants</a>
</div>
</td>

<td align="left">
<h2 class="h2_theme">New's</h2><div class="news">
<p>Nouveau message d'accueil<br>
Nouveau message d'accueil<br>

Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>

Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br></p>
</div>
</td>

<td align="left" colspan="3">
<h2 class="h2_themebienvenu">Bienvenu sur XXXX</h2><div id="bienvenu_ma">Bienvenue Oberschaeffolsheim und wie hopla lacus vulputate blottkopf, vielmols, nullam Pfourtz ! baeckeoffe gravida aliquam Gal. m�nele varius eleifend elementum hopla sed id, gal geht's n�dle Chulia Roberstau mamsell Racing. lotto-owe Chulien jetz gehts los kougelhopf schpeck risus, Morbi gewurztraminer dolor Miss Dahlias turpis, schneck salu dui tchao bissame consectetur senectus m�t�or hoplageiss eget so Yo d�. s'guelt amet munster habitant chambon bredele turpis ante purus placerat in, rucksack Hans Sp�tzle Verdammi Gal ! morbi knack knepfle ornare mollis picon bi�re sit Salu

</div>
</td>
</tr>

<tr>
<td align="left">
<h2 class="h2_theme">Partenaires</h2><div class="partenaire_test" id="scroller_container">
 <div class="jscroller2_left jscroller2_speed-60 jscroller2_mousemove" style="font-size:14px; line-height:50px; white-space:nowrap; margin: 0;"><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a>


<a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" border="0" class="transparence"></a></div></div>
</td>

<td align="left" colspan="2">
<h2 class="h2_theme"> Nos chefs de groupes </h2><div class="staff"><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>

</span></div><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>
</span></div><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>
</span></div>
</div>
</td>

<td align="left">
<h2 class="h2_themecredit">Crédits</h2><div class="credits" >Oberschaeffolsheim und wie hopla lacus vulputate blottkopf, vielmols, nin, rucksack Hans Sp�tzle Verpicon bi�re sit Salu</div>

</td>
</tr>
</table>
</div>

/* =========
                              ===== Message d'accueil =====
        script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
      http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)
  =========*/
 



/* Menu du Message d accueil */

#menu, #menu ul /* Liste */
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}




#menu li /* Elements des listes */ 
{
        float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid #fff ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{
        position: absolute; /* Position absolue */
        width: 126px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li           
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul
{
        margin    : -22px 0 0 126px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left    : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */ 
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul           
{
        border-left    : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}




/* le style du menu personnalisable même pour les novices. */


#menu a:hover /* Lorsque la souris passe sur un des liens */
{
background-image: url("http://i56.tinypic.com/ru475e.jpg");

}


#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : georgia; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        color : #fff; /* couleur du texte ici blanc */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 126px; /* largeur */
        background-color: grey; /* le fond en noire */

}

/* les titre */
.h2_pres
{
font-size: 14px;
text-shadow: 0px 0px 9px white;
color: #3B3A3A;
border-bottom: 1px dashed blue #3B3A3A;;
}

.h1_pres
{
font-size: 16px;
text-shadow: 0px 0px 9px white;
  color: #3B3A3A;
border-bottom: 1px dashed blue #3B3A3A;;
}

/* les boites */


#descr
{
background-image: url('http://i53.tinypic.com/2cdzkmr.jpg');
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
width: 787px;
margin-top:10px;
margin-bottom: 20px;
margin-right: 30px;
margin-left: 10px;
Padding-left: 10px;
Padding-bottom: 10px;
text-align: left;
border: 1px dashed blue #3B3A3A ;
height: 98px;
font-size: 12px;
color: white;

}

#newss
{
margin-top:10px;
background-image: url('http://i53.tinypic.com/2cdzkmr.jpg');
float: left;
border: 1px dashed blue #3B3A3A;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
width: 787px;
margin-bottom: 20px;
margin-right: 30px;
margin-left: 10px;
Padding-left: 10px;
Padding-bottom: 10px;
text-align: left;
background-color: black;
overflow-y: auto;
overflow-x: visible;
height: 150px;
font-size: 12px;
color: white;

}


.staffs  /* les deux premieres boites du bah */
{
height: 215px;
width: 257px;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-left: 10px;
border: 1px dashed blue #3B3A3A;
background-image: url('http://i56.tinypic.com/ru475e.jpg');
text-align: center;
}


.staffss /* la boite toute à droite */
{

height: 215px;
width: 258px;
background-image: url('http://i56.tinypic.com/ru475e.jpg');
float: left;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-left: 10px;
border: 1px dashed blue #3B3A3A;
background-color: black;
text-align: center;

}


/* les scrolles et les bugs */

 /* Pour les defilement */
#scroller_container
{
padding-top: 75px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}

p
{
margin: 0px;
}

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

  #ejs_texte
{
width: 200px;
height: 100px;
color: white;
border: 1px dashed blue.
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 5px;
}