<style text="xhtml/css" >
/* 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: white;
}



/* effet de transparence FF */

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

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

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





 .contexte
 {
  background-color:white;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 300px;
padding: 5px;
line-height:34px;
padding-top: 10px;
 border:1px solid black;
}





#staff
{
 background-color: white;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
width: 370px;
 border:1px solid black;
}
 
 

 
 .news
{
 background-color: white;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
padding-top: 10px;
 border:1px solid black;
}


 
 .partenaire
 {
 background-color: white;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 5px;
padding: 5px;
padding-top: 10px;
 border:1px solid black;
}





/*-----------------infobulles----------------- */

 
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;
}
</style>
<div id="table22">
<table class="table25">

<tr>

<td rowspan="2"><div class="contexte">
LE CONTEXTE
</div>
</td>



<td align="left" colspan="3">
<div id="staff">
STAFF
</div>
</td>
</tr>

<tr>
<td align="left" colspan="2">
<div class="news">
<div class="infobulle">
NEWS
</div>
</td>

<td align="left" >
<div class="partenaire">
PARTENAIRES
<img src="http://www.igegroup.com/img/testimonios/Dormer%20logo_81x30.jpg" />
_______________________
TOP SITE
</div>
</td>
</tr>
</table>
</div>


<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script>