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

.quote, .code, .spoiler { -moz-border-radius: 10px;}

tr.post span.gensmall { display: none; }

div, table {
-moz-border-radius:8px;
-webkit-border-radius: 8px;
border: none;
}

a:hover
{
font-style: italic
}

a {font-variant: small-caps;}

a { text-decoration: none; }


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

.tableaupa .titre {
  font-family: impact;
  text-align: right;
  color:#997a68;
  font-size:24px;
  border-bottom: 2px solid #997a68;
  font-variant:small-caps;
  letter-spacing:1px;
  width:80%;
  margin-bottom:5px;
}
.tableaupa .navigation {
  font-family: impact;
  font-size: 14px;
  color: #a07eb8;
  background-color: #ECE1FA;
  letter-spacing: 1px;
  display: block;
  width: 80%;
  margin-bottom: 3px;
  border-right:3px solid #a07eb8;
  border-left:3px solid #a07eb8;
  text-align: center;
  text-decoration: none;
}
a.imginfo {
float:right;
margin-right:10%;
  width:80%;
  position: relative;   
  color: #997a68;   
  text-decoration: none;     
}   

a.imginfo span {   
  display: none; 
} 

a.imginfo:hover {   
  background: none; 
  z-index: 999; 
  cursor: help;
} 

a.imginfo:hover span {   
  display: inline;   
  position: absolute;   
  white-space: nowrap;   
  right: 80px;   
  background: #ECE1FA;   
  color: #997a68;   
  padding: 3px;       
  border: 3px solid #997a68; 
}
.tableaupa .scrollbar {
  color: #997a68;
  text-align: right;
  width: 80%;
  overflow: auto;
  height: 120px;
padding-right:3px;
}
.topsite{
  width:80%;
  text-align:right;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-webkit-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
-webkit-opacity:1;opacity: 1;
}

.bodylinewidth
{
max-width: 900px;
}

a {outline:none;}

a
{
text-decoration: none;
font-variant: small-caps;
letter-spacing: 1px;
}

a:hover
{
text-decoration: none !important;
}

.mainmenu
{
padding: 3px;
background-color: #eCD5F5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #441769;
color: #121212;
}

a.mainmenu
{
color: #b60202;
font-variant: small-caps;
font-weight: bold;
}


.forumline
{
background-color: #ECE1FA;
background-repeat: repeat-x;
-moz-border-radius: 16px 16px 14px 14px ;
-webkit-border-radius: 16px 16px 14px 14px;
border-bottom: 8px #ECE1FA solid;
border-top: 8px #ECE1FA solid;
border-right: 2px #ECE1FA dotted;
border-left: 2px #ECE1FA dotted;
margin-bottom: 6px;
}

td.row2, td.row3
{
-moz-border-radius: 14px;
-webkit-border-radius: 4 px;
}

.cattitle
{
display: block;
text-align: center;
letter-spacing: 5px;
font-variant: small-caps;
}

a.forumlink
{
display: block;
background-color: #ECE1FA;
-moz-border-radius: 4px;
-webkit-border-radius: 4 px;
border: 1px dotted #ECD5F5;
padding: 2px 2px 2px 20px;
}

a.forumlink:hover
{
display: block;
color: #a36ae8;
font-weight: bold;
background-color: #ECE1FA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px dotted #70519E;
padding: 2px 2px 2px 20px;
}

.topictitle
{
display: block;
padding-left: 10px;
}

.postbody
{
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}

.quote
{
font-size: 11px;
color: #427D96;
background-color: #121212;
padding: 6px;
-moz-border-radius: 6px 6px 4px 4px;
-webkit-border-radius: 6px 6px 4px 4px;
border-left: 1px dotted #492917;
border-top: 6px solid #492917;
border-right: 1px dotted #492917;
border-bottom: 3px solid #492917;
}





.illu
{
float: right;
margin: 4px;
border: 1px dotted #4A4745;
}

.description
{
float: right;
text-align: justify;
font-size: 11px;
}

.cate
{
font-size: 11px;
text-align: justify;
margin-top: 0px;
margin-bottom: -10px;
}



#page_site
{
width: 950px;
min-height: 500px;
background-color: #121212;
-moz-border-radius: 16px 16px 14px 14px ;
-webkit-border-radius: 16px 16px 14px 14px;
border-bottom: 8px #4A4745 solid;
border-top: 8px #4A4745 solid;
border-right: 2px #4A4745 dotted;
border-left: 2px #4A4745 dotted;
margin-bottom: 6px;
margin-top: 50px;
}

#navig
{
margin-top: 5px;
}

.navig_site
{
font-size: 11px;
color: #ECE1FA;
background-color: #427D96;
padding: 6px;
-moz-border-radius: 6px 6px 4px 4px;
-webkit-border-radius: 6px 6px 4px 4px;
border-left: 1px dotted #4A4745;
border-top: 6px solid #4A4745;
border-right: 1px dotted #4A4745;
border-bottom: 3px solid #4A4745;
}

#content_site
{
width: 700px;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
color: #314f5c;
font-size: 11px;
margin-top: 50px;
}

#content_site a
{
color: #427D96;
font-variant: small-caps;
font-weight: bold;
}

#content_site a:hover
{
color: #a07eb8;
font-variant: small-caps;
font-weight: bold;
}

.parag
{
width: 800px;
margin: auto;
background-color: #ECE1FA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px dotted #4A4745;
padding: 4px;
}

legend
{
font-size: 20px;
font-family: lucida calligraphy;
font-weight: bold;
letter-spacing: 2px;
}

fieldset
{
border: 1px dotted #4A4745;
background-color: #ECE1FA;
width: 800px;
margin: auto;
}

#nolink
{
float: right;
background-color: #4A4745;
margin-top: 200px;
}

#menu ul
{margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;}

#menu li
{float: left;
padding: 0px;
background-color: #ECE1FA;}

#menu li a
{display: block;
width: 100px;
color: #a07eb8; /* couleur du texte */
padding: 5px;
text-decoration: none;}

#menu li a:hover
{color: #c3a897;}/* couleur du texte au passage de la souris */


#menu ul li ul  /* cacher les sous-catégories */
{display: none;}

#menu ul li:hover ul
{display: block;}

#menu li:hover ul li
{float: none;}

#menu li ul
{position:absolute;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #70519E;
      width: 80%;
      border: 3px solid #997a68;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #997a68;
      border-right: 3px solid #997a68;
      border-top: 3px solid #997a68;
      color: #70519E;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #70519E;
      border: 3px solid #997a68;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 6px;
      color: #70519E;
      width: 50%;
      text-align: center;
      height: 22px;
      font-size: 11px;
}

<img src="http://i26.servimg.com/u/f26/12/16/27/81/bann_b10.png" border="0" alt="" />
<table align="center" width="100%" class="tableaupa"><tbody>
<tr>
<td style="vertical-align:top;" width="33%">
<center><div class="titre"> Navigation </div>
<a href="http://perles-ecrivains.forumactif.com/rules-f1/rules-t1.htm" class="navigation">Règlement</a>
<a href="http://perles-ecrivains.forumactif.com/you-f3/" class="navigation">Présentation</a>
<a href="http://perles-ecrivains.forumactif.com/partenaires-f9/" class="navigation">Partenariat</a>
</center>
</td>

<td style="vertical-align:top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="text-align:right;">
<font color="burlywood" class="opacity">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y13.png"/></font>
<span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Shaya - Fondatrice<br/></font></td></tr><tr>
<td style="text-align: center;"><a class="imginfo">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y14.png"/></a></td></tr>
<tr><td style="text-align: center;"><font size="1"><a href="http://perles-ecrivains.forumactif.com/profile.forum?mode=viewprofile&u=1">Profil</a> - <a href="http://perles-ecrivains.forumactif.com/msg.forum?mode=post&u=1">Envoyer un MP</a><br/></font></td></tr>
<tr align="center"/></tbody></table></span></a>
<br/><a class="imginfo" style="text-align:right;"><font color="burlywood" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/fae-cl12.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Fée-Clochette - Co-Admin<br/></font></td></tr>
<tr><td style="text-align: center;"><a class="imginfo"><img src="..."/>
</a></td></tr>
<tr><td style="text-align: center;"><font size="1">
<a href="http://perles-ecrivains.forumactif.com/profile.forum?mode=viewprofile&u=2">Profil</a> - <a href="http://perles-ecrivains.forumactif.com/msg.forum?mode=post&u=2">Envoyer un MP</a><br/></font></td></tr>
<tr align="center"/></tbody></table></span></a></td>  </center>
</td>

<td style="vertical-align:top;" width="34%">
<justify><div class="titre"> Description </div><div class="scrollbar">
<justify>Vous aimez écrire des histoires ? Vous voulez les faire partager avec d'autres ? Alors venez par ici ! </justify>

</div></justify>
</td>
</tr>
</tbody></table>
<table align="left" width="80%" class="tableaupa"><tbody>
<tr>
<td width="35%">
<center><div class="titre"> Top partenaires </div>
<form>
<select style="width: 150px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Le top partenaires
</option>

<option value="http://www.eragon.superforum.fr">
Eragon, une Autre Histoire
</option>
<option value="http://dgray-man.superforum.fr/forum.htm">
Le Réveil de Pandore
</option>
<option value="http://le-voyage-de-nemesis.forumactif.org/">
Le Voyage de Nemesis
</option>
<option value="http://twilight-forever01.forumactif.org/forum.htm">
Twilight Forever
</option>
<option value="http://a-vos-plumes.forumactif.com/">
A Vos Plumes
</option>
<option value="http://lantre-de-lankou.xooit.fr/">
L'Antre de l'Ankou
</option>
</select>
</form>
<a href="http://perles-ecrivains.forumactif.com/partenaires-f9/nos-partenaires-t27.htm#59" style="font-family:impact; color:#997a68;">Plus ?</a>
<a href="http://perles-ecrivains.forumactif.com/partenaires-f9/logos-t28.htm" style="font-family:impact; color:#997a68;">Logos</a>
<a href="http://perles-ecrivains.forumactif.com/partenaires-f9/demande-de-partenariat-t7.htm" style="font-family:impact; color:#997a68;">Vous ?</a></center>
</td>
<td width="45%" style="vertical-align:top;">
<center><div class="titre" style="margin-top:10px;"> Cliquez </div><div class="topsite">
<a href="http://www.root-top.com/topsite/ed/in.php?ID=294" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a>
<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=14144" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a>
<a href="http://www.root-top.com/topsite/candymiam/in.php?ID=4947" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a>
<a href="http://www.root-top.com/topsite/nick_pub/in.php?ID=28" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a>
<a href="http://www.root-top.com/topsite/abysses/in.php?ID=3437" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a></div></center>
</td>
</tr>
</tbody></table>
<table width="100%" class="tableaupa"><tbody>
<tr>
<td width="35%" style="vertical-align:top">
<center><div class="titre"> Nous lier </div>
<a href="http://perles-ecrivains.forumactif.com" class="opacity"><img src"#"></a>
</center>
</td>
<td width="65%" style="vertical-align:top; text-align:right;"><div class="titre" style="float:right; margin-right:10%;"> Copyright </div><div style="margin-right:10%; color:#997a68;"><br/>
<br><br>Forum : Shaya & Fée-Clochette<br/>
Design : Shaya<br/>
CSS & Templates : <a href="http://forum.forumactif.com/" class="postlink" target="_blank">Forum gratuit d'entraide</a>, <a href="http://www.css-actif.com" class="postlink" target="_blank">CSS Actif</a> & <a href="http://graphicofolie.forumotion.com/" class="postlink" target="_blank">Graphicofolie</a><br/>
</div>
</td>
</tr>
</tbody></table>

<td style="vertical-align:top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="text-align:right;">
<font color="burlywood" class="opacity">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y13.png"/></font>
<span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Shaya - Fondatrice<br/></font></td></tr><tr>
<td style="text-align: center;"><a class="imginfo">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y14.png"/></a></td></tr>
<tr><td style="text-align: center;"><font size="1"><a href="http://perles-ecrivains.forumactif.com/profile.forum?mode=viewprofile&u=1">Profil</a> - <a href="http://perles-ecrivains.forumactif.com/msg.forum?mode=post&u=1">Envoyer un MP</a><br/></font></td></tr>
<tr align="center"/></tbody></table></span></a>
<br/><a class="imginfo" style="text-align:right;"><font color="burlywood" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/fae-cl12.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Fée-Clochette - Co-Admin<br/></font></td></tr>

<td style="vertical-align:top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="text-align:right;">
<font color="burlywood" class="opacity">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y13.png"/></font>
<span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Shaya - Fondatrice<br/></font></td></tr><tr>
<td style="text-align: center;"><a class="imginfo">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y14.png"/></a></td></tr>
<tr><td style="text-align: center;"><font size="1"><a href="http://perles-ecrivains.forumactif.com/profile.forum?mode=viewprofile&u=1">Profil</a> - <a href="http://perles-ecrivains.forumactif.com/msg.forum?mode=post&u=1">Envoyer un MP</a><br/></font></td></tr>
<tr align="center"/></tbody></table></span></a>
<a class="imginfo" style="text-align:right;"><font color="burlywood" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/fae-cl12.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Fée-Clochette - Co-Admin<br/></font></td></tr>