<div style="background-image:url(http://img214.imageshack.us/img214/7619/pagaccueil.png); background-repeat:no-repeat;
background-position: center;"><div class="accueil"><div class="titrebienvenue">Bienvenue sur Conception Art, </div><div class="accueil"><div class="usernamebienvenue">{USERNAME}!</div>

<table>
  <tr>
 
    <td rowspan="2" class="cell">
<!--EQUIPE-->
 
  <div class="titre">Equipe</div>

 
  <p><!--SOUSOU-->
  <div class="infobulle"><img src="http://img822.imageshack.us/img822/9477/conne.png" alt="`Sousou" />
  <span>
    <div class="titre">`Sousou</div>
      Fondatrice

  </span></div>
  <!--FIN SOUSOU-->
 
<br>
  <!--MADEMOISELLE M-->
  <div class="infobulle"><img src="http://img822.imageshack.us/img822/9477/conne.png" alt="Mademoiselle M" />
  <span>
    <div class="titre">Mademoiselle M</div>
      Fondatrice

  </span>
  </div>
  <!--MADEMOISELLE M--></p>

<!--EQUIPE-->
  </td>

  </td>
 
  <td  align="right">
<!--NAVIGATION-->
 
  <ul id="nav">
  <li><a href="http://conception-art.graphforum.com/">Lien 1</a></li>
  <li><a href="http://conception-art.graphforum.com/">Lien 2</a></li>
  <li><a href="http://conception-art.graphforum.com/">Lien 3</a></li>
  <li><a href="http://conception-art.graphforum.com/">Lien 4</a></li>
  </ul>

<!--FIN NAVIGATION-->
  </td>
 
  <td align="left">
<!--NAVIGATION 2-->

  <ul id="nav">
  <li><a href="http://conception-art.graphforum.com/">Lien 5</a></li>
  <li><a href="http://conception-art.graphforum.com/">Lien 6</a></li>
  <li><a href="http://conception-art.graphforum.com/">Lien 7</a></li>
  <li><a href="http://conception-art.graphforum.com/">Lien 8</a></li>
  </ul>

<!--FIN NAVIGATION 2-->
  </td>

 
  <td rowspan="2"  class="cell" width="20%">
<!--NOS COPAINS-->
 
  <div class="titre">Nos copains</div>

  <p><marquee style="height: 200px" direction="up" onmouseover=this.stop(); onmouseout=this.start();>
    <a href="http://zestedecouleurs.forumactif.org/forum.htm">
<img src="http://images.imagehotel.net/s8xxkgw5ll.png"></a>



  </marquee></p>
<!--FIN NOS COPAINS-->
  </td>

  </tr>
  <tr>
 
  <td colspan="2"  class="cell" width="60%">
<!--CONTEXTE-->

  <div class="titre">Blabla </div>

<p><marquee scrollamount="2" style="height: 100px" direction="up" onmouseover=this.stop(); onmouseout=this.start();>Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte texte Texte texte texte texte texte texte</marquee> </p>
 
<!--FIN CONTEXTE-->
  </td>
  </tr>

<td colspan="3"  class="cell">

<!--SOTW GAGNANTE-->
 <div class="titre">Sotw gagnante de la semaine</div>

  <div align="center"><table><tr><td>
<!--SOTW1-->
  <div class="infobulle"><img src="http://nsa19.casimages.com/img/2010/11/08/101108090240958612.png" alt="Sotw 1" />
  <span>
    <div class="titre">Sotw 1</div>
      by Mademoiselle M

<a href="http://conception-art.graphforum.com/">Sa galerie</a>
  </span></div>
  </a>
<!--FIN SOTW 1-->
  </td>

<!--FIN SOTW GAGNANTE-->
  </td>

<!--CREDITS-->

<div class="titre">Crédits</div>


<!--CREDITS-->
 </td>
  </tr>
</table>

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

/*DEBUT PA*/


.titrebienvenue {
    display:block;
    color: #9cc6f5;
    text-transform:uppercase;
}

.usernamebienvenue {
    display:block;
    color: #8d76ef;
    text-transform:uppercase;
    font-size: 25px
}

.cell {
text-align:center;
padding:5px;
vertical-align:top;
}

/*INFOBULLE*/
div.infobulle {
position: relative;
}

div.infobulle span {
display: none;
}

div.infobulle:hover {
background: #4d4b4b;
z-index: 999;
}

div.infobulle:hover span {
display: inline;
position: absolute;

white-space: nowrap;

top: 60px;
left: 60px;

background-image: url(http://storage.canalblog.com/30/93/617180/47864995.png);

background: #4d4b4b;
color: Coral;
padding: 3px;


border: 1px solid #000000;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}
/*FIN INFOBULLE*/

/*TITRE ET LIENS*/

#nav {
width:200px;
list-style:none;
margin:0;
padding:0;

}

#nav li {
background: #c00 ;
color: #fff ;
border: 1px solid #600 ;
margin-bottom: 1px ;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

#nav li a {
display:block;
background: #bf7398;
color: #fff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 0 ;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

#nav li a:hover, #navigation li a:focus, #navigation li a:active {
background: Gold ;
}

.titre {
display:block;
background: #8c7bd4;
color: #fff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 0 ;
border: 1px solid #600 ;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

/*FIN TITRE ET LIENS*/