Demande toujours d'actualité :)

Salut ^^

Voilà mon essai ^^ http://forum-test-onyx4.forum-canada.com/

Juste pour savoir, à quoi correspondent les 6 images dans le dernier rectangle à droite? Tes partenaires sont habituellement de quelle grandeur? et tes top-sites, est-ce que tu connais aussi leur taille?

Hellow merci de prendre ma commande :)

Les tops site je vais surement prendre de petit icone.

Pour les partenaires j'aime bien le format 88*31 et sinon pour les images dans le bas c'est les postes vacants ^^

Sinon merci c'est tout simplement magnifique :)

Pour les PVs pense tu pouvoir rajouter une petite info-bulle ou je pourrais mettre le prénom du poste en question ? ou sinon le même effet que pour le concept ?

Bien sûr ^^

C'est correct comme ça? http://forum-test-onyx4.forum-canada.com/

Elle est tout simplement SUBLIME ! Merci beaucoup Onyx

Merci ^^

Alors voici les codes \o/

CSS :

Code:

/************************************************** Début Page d'accueil **************************************************/


/*Bloc de la page d'accueil*/
#pa {
  position: relative;
  width: 776px;
  height: 376px;
  margin: auto;
  background-image: url('http://i59.servimg.com/u/f59/17/10/65/34/sans_t16.jpg');
  text-align: left;
  padding-top: 24px;
  padding-left: 4px;
  color: #efefef;
  font-family: verdana;
  font-size: 10px;
}
/*Liens de la page d'accueil*/
#pa a {
  color: #ffffff;
}
/*Liens survolés de la page d'accueil*/
#pa a:hover {
  color: #650000;
}


/*Bloc du concept*/
#concept {
  float: left;
  position: relative;
  width: 175px;
  height: 222px;
  overflow: hidden;
}
/*Texte du concept*/
#concept_text {
  width: 163px;
  height: 210px;
  margin: 1px;
  padding: 5px;
  text-align: justify;
  overflow: auto;
}
/*Image du concept*/
#concept_img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 175px;
  height: 222px;
  transition: 0.5s;
}
/*Glissement de l'image du concept*/
#concept:hover #concept_img {
  left: 200px;
}


/*Bloc du staff*/
#staff {
  float: left;
  position: relative;
  width: 313px;
  height: 133px;
  margin-left: 12px;
}
/*Bloc de chaque staffien*/
.staff_infobulles {
  float: left;
  width: 67px;
  height: 50px;
  margin-top: 6px;
  margin-left: 9px;
}
/*Images du staff*/
.staff_img {
  width: 67px;
  height: 50px;
}
/*Infobulles du staff*/
.staff_infobulle {
  position: absolute;
  bottom: 11px;
  left: 9px;
  width: 294px;
  height: 66px;
  transform: scale(0);
  transition: 0.5s;
}
/*Apparition de l'infobulle du staff*/
.staff_infobulles:hover .staff_infobulle {
  transform: scale(1);
}
/*Information du staff*/
.staff_info {
  float: left;
  width: 130px;
  height: 51px;
  margin-top: 7px;
  padding: 4px;
}
/*Petit texte du staff*/
.staff_text {
  float: left;
  width: 132px;
  height: 39px;
  margin-top: 12px;
  margin-left: 8px;
  padding: 4px;
  text-align: justify;
  border: 1px solid #353535;
  overflow: auto;
}
/*Message de bienvenue du staff*/
#mess_accueil {
  position: absolute;
  bottom: 12px;
  left: 10px;
  width: 285px;
  height: 49px;
  padding: 4px;
  text-align: justify;
  overflow: auto;
  transform: scale(1);
  transition: 0.5s;
}
/*Disparition du message du staff*/
.staff_infobulles:hover ~ #mess_accueil {
  transform: scale(0);
}


/*Bloc de l'event*/
#event {
  float: left;
  position: relative;
  width: 312px;
  height: 59px;
  margin-top: 28px;
  margin-left: 14px;
  overflow: hidden;
}
/*Texte de l'event*/
#event_text {
  width: 300px;
  height: 47px;
  padding: 5px;
  margin: 1px;
  text-align: justify;
  overflow: auto;
}
/*Image de l'event*/
#event_img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 312px;
  height: 59px;
  transition: 0.5s;
}
/*Glissement de l'image de l'event*/
#event:hover #event_img {
  left: 337px;
}

/*Bloc de la navigation*/
#navig_pa {
  float: left;
  width: 120px;
  height: 212px;
  margin-top: -132px;
  margin-left: 14px;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  line-height: 1.95em;
}
/*Liens de la navigation*/
#navig_pa a {
  text-shadow: 0px 0px 0px #650000;
}
/*Liens survolés de la navigation*/
#navig_pa a:hover {
  text-shadow: 0px 0px 3px #650000;
}


/*Bloc des top-sites*/
#top_sites {
  float: left;
  width: 103px;
  height: 83px;
  margin-top: -130px;
  margin-left: 11px;
  padding: 5px;
  text-align: center;
}
/*Images des top-sites*/
#top_sites img {
  opacity: 0.8;
}
/*Images des top-sites survolés*/
#top_sites img:hover {
  opacity: 1;
}


/*Bloc des crédits*/
#credits {
  float: left;
  width: 103px;
  height: 104px;
  margin-top: -27px;
  margin-left: 12px;
  padding: 5px;
}


/*Bloc des membres du mois*/
#membres_mois {
  float: left;
  width: 175px;
  height: 113px;
  margin-top: 23px;
  margin-left: -1px;
  text-align: center;
}
/*Images des membres du mois*/
#membres_mois img {
  width: 67px;
  height: 50px;
  margin: 8px;
}
/*Infos des membres du mois*/
#membres_mois_info {
  width: 142px;
  height: 36px;
  margin: auto;
  margin-top: -2px;
  padding: 4px;
  text-align: center;
  background-color: rgba(100,100,100,0.5);
}


/*Bloc des partenaires*/
#partenaires {
  float: left;
  width: 301px;
  height: 102px;
  margin-top: 23px;
  margin-left: 15px;
  padding: 5px;
  text-align: center;
}
/*Images des partenaires*/
#partenaires img {
  width: 88px;
  height: 31px;
  margin: 2px;
  opacity: 0.8;
}
/*Images des partenaires survolés*/
#partenaires img:hover {
  opacity: 1;
}


/*Bloc des pvs*/
#pvs {
  float: left;
  width: 246px;
  height: 103px;
  margin-top: 22px;
  margin-left: 14px;
  padding: 5px;
  padding-top: 3px;
  text-align: center;
}
/*Bloc de chaque pv*/
.pvs_infobulles {
  position: relative;
  display: inline-block;
  width: 67px;
  height: 50px;
  margin: 1px;
  margin-left: 1px;
  margin-right: 2px;
}
/*Images des pvs*/
#pvs img {
  width: 67px;
  height: 50px;
}
/*Infobulles des pvs*/
.pv_infobulle {
  position: absolute;
  z-index: 1;
  bottom: 50px;
  left: -10px;
  width: 79px;
  height: auto;
  padding: 3px;
  background-color: #303030;
  border-radius: 3px;
  box-shadow: 0px 0px 5px 2px #000000;
  transform: scale(0);
  transition: 0.2s;
}
/*Apparition de l'infobulle des pvs*/
.pvs_infobulles:hover .pv_infobulle {
  transform: scale(1);
}

/************************************************** Fin Page d'accueil **************************************************/

HTML (Page d'accueil) :

Code:

<div id="pa">
                                                                                              
   <div id="concept">
                                                                                                 
      <div id="concept_text">
                                                 Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. Contexte. 
      </div>
                                                    <img src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t12.jpg" alt="concept_img" id="concept_img" />                                             
   </div>
                                                                                          
   <div id="staff">
                                                                                       
      <div class="staff_infobulles">
                                             <img class="staff_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" alt="staff1" />                                   
         <div class="staff_infobulle">
                                                                                             
            <div class="staff_info">
                                                     Pseudo<br />Rang<br />Absence<br /><a href="#" target="_blank">Profil</a> - <a href="#" target="_blank">Messages Privés</a>                                           
            </div>
                                                                                             
            <div class="staff_text">
                                                     Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. Texte staff 1. 
            </div>
                                                                                             
         </div>
                                                                                
      </div>
                                                                             
      <div class="staff_infobulles">
                                             <img class="staff_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" alt="staff2" />                                   
         <div class="staff_infobulle">
                                                                                             
            <div class="staff_info">
                                                     Pseudo<br />Rang<br />Absence<br /><a href="#" target="_blank">Profil</a> - <a href="#" target="_blank">Messages Privés</a>                                           
            </div>
                                                                                             
            <div class="staff_text">
                                                     Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2. Texte staff 2.                                           
            </div>
                                                                                             
         </div>
                                                                                
      </div>
                                                                             
      <div class="staff_infobulles">
                                             <img class="staff_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" alt="staff3" />                                   
         <div class="staff_infobulle">
                                                                                             
            <div class="staff_info">
                                                     Pseudo<br />Rang<br />Absence<br /><a href="#" target="_blank">Profil</a> - <a href="#" target="_blank">Messages Privés</a>                                           
            </div>
                                                                                             
            <div class="staff_text">
                                                     Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3. Texte staff 3.                                       
            </div>
                                                                                             
         </div>
                                                                                
      </div>
                                                                             
      <div class="staff_infobulles">
                                             <img class="staff_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" alt="staff4" />                                   
         <div class="staff_infobulle">
                                                                                             
            <div class="staff_info">
                                                     Pseudo<br />Rang<br />Absence<br /><a href="#" target="_blank">Profil</a> - <a href="#" target="_blank">Messages Privés</a>                                           
            </div>
                                                                                             
            <div class="staff_text">
                                                     Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4. Texte staff 4.                                         
            </div>
                                                                                             
         </div>
                                                                                
      </div>
                                                                                               
      <div id="mess_accueil">
                                                   Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue. Message de bienvenue.                                   
      </div>
                                                                                         
   </div>
                                                                            
   <div id="event">
                                                                                                 
      <div id="event_text">
           Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. Event. 
      </div>
                                                    <img src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t15.jpg" alt="event_img" id="event_img" />                                             
   </div>
                                                                
   <div id="navig_pa">
                                <a target="_blank" href="/forum">Accueil</a><br /><a target="_blank" href="/search">Rechercher</a><br /><a target="_blank" href="/memberlist">Membres</a><br /><a target="_blank" href="/groups">Groupes</a><br /><a target="_blank" href="/profile?mode=editprofile">Profil</a><br />  <a target="_blank" id="mpo" href="/privmsg?folder=inbox">Messagerie</a><br /><a target="_blank" href="/login">Connexion</a><br /><a target="_blank" href="/login?logout">Déconnexion</a><br /><a target="_blank" href="/register">S'inscrire</a>                           
   </div>
                                                      
   <div id="top_sites">
                            <strong>Top-sites</strong><br /><br />    <a target="_blank" href="/forum"><img alt="top-sites" src=" " /></a> <a target="_blank" href="/forum"><img alt="top-sites" src=" " /></a> <a target="_blank" href="/forum"><img alt="top-sites" src=" " /></a> <a target="_blank" href="/forum"><img alt="top-sites" src=" " /></a>               
   </div>
                                                  
   <div id="credits">
                                PA par Onyx de <a href="http://www.never-utopia.com/" target="_blank">Never-Utopia</a>                       
   </div>
                                          
   <div style="clear: both;">
                                             
   </div>
                                            
   <div id="membres_mois">
                            <img alt="membre du mois" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /><img alt="membre du mois" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" />                     
      <div id="membres_mois_info">
                               <strong>Membres du mois</strong><br /><br />Pseudo et Pseudo                   
      </div>
                                               
   </div>
                                
   <div id="partenaires">
                      <a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a><a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a><a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a><a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a><a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a><a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a><a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a><a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a><a target="_blank" href="/forum"><img alt="partenaire" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /></a>     
   </div>
                            
   <div id="pvs">
                                           
      <div class="pvs_infobulles">
                     <img alt="pv_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /><span class="pv_infobulle"><a target="_blank" href="#">Nom du PV 1</a></span>         
      </div>
                           
      <div class="pvs_infobulles">
                     <img alt="pv_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /><span class="pv_infobulle"><a target="_blank" href="#">Nom du PV 2</a></span>         
      </div>
                           
      <div class="pvs_infobulles">
                     <img alt="pv_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /><span class="pv_infobulle"><a target="_blank" href="#">Nom du PV 3</a></span>         
      </div>
                           
      <div class="pvs_infobulles">
                     <img alt="pv_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /><span class="pv_infobulle"><a target="_blank" href="#">Nom du PV 4</a></span>         
      </div>
                           
      <div class="pvs_infobulles">
                     <img alt="pv_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /><span class="pv_infobulle"><a target="_blank" href="#">Nom du PV 5</a></span>         
      </div>
                           
      <div class="pvs_infobulles">
                     <img alt="pv_img" src="http://i59.servimg.com/u/f59/17/10/65/34/sans_t13.jpg" /><span class="pv_infobulle"><a target="_blank" href="#">Nom du PV 6</a></span>           
      </div>
                             
   </div>
                                          
   <div style="clear: both;">
                                             
   </div>
</div>

Je ne comprend pas mon fond ne s'affiche pas

http://enkilisar.forum-canada.com/

C'est bizarre... Tout est dans ton CSS, mais c'est comme s'il n'y avait rien... Tu me passe ton CSS en entier? Peut-être qu'il y a quelque chose qui intéragit avec l'id de la pa?

Le voilà

Code:

a:link, a:hover
{
  text-decoration : none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 3;
}

/*Par Alu' pour NU*/
.fondpost{
  background-color: #F0F0F0;
  border: 1px solid #BABABA;
  border-radius:500px / 90px;
  padding: 50px 15px;
  min-height: 230px;
  margin-top: 10px;
}

/*Profil et affichage de lavatar par Alu pour Never utopia */
.profilmembre {
  border: 1px solid #a19388;
  position:relative;
  margin-right:10px;/*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
  background-color:#F0F0F0;
}

.pseudo{
  padding-top:4px;
  width:200px;
  height:31px;
  background-color:#F0F0F0;
  position:relative;
  text-align:center;
  color:#949046;
  font:Josefin Slab, Georgia;
  text-transform:uppercase;
}
.pseudo .name a{font-size:24px; font-weight:300;color:#737373 !important;}

.flecheprofil{
  width:0px;
  height:0px;
  border:8px solid transparent;
  border-left:25px solid #F0F0F0;
  position:absolute;
  top:10px;
  left:200px;
}

.rang {
  width:136px;
  height:19px;
  background-color: #F0F0F0;
  font: 10px Josefin Slab, Georgia;
  line-height:95%;
  text-transform: uppercase;
  color:#636363;
  margin:-15px auto 5px auto;
  padding:2px;
  text-align:center; 
  position:relative;
  z-index:2;
  -moz-box-shadow: 0px 0px 8px 0px #F0F0F0;
  -webkit-box-shadow: 0px 0px 8px 0px #F0F0F0;
  -o-box-shadow: 0px 0px 8px 0px #F0F0F0;
  box-shadow: 0px 0px 8px 0px #F0F0F0;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#F0F0F0, Direction=NaN, Strength=8);
}
.infoprofil{
  position:absolute;
  top:35px;
  left:0;
  background:rgba(0, 0, 0, 0.75);
  opacity:0;
  filter:alpha(opacity=0);
  height:320px;
  width:200px;
  text-align:center;
  font:13px sans-serif 500;
  text-transform:uppercase;
  color:#8A8A8A;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.infoprofil:hover{opacity:1; filter:alpha(opacity=100);}

.infoprofil .label span {
  visibility:visible;
  text-decoration:underline;
  display:block;
  background-color:rgba(0, 0, 0, 0.65);
  color:#8A8A8A !important;
  padding:5px;
  margin: 5px 0 -5px 0;
}
.infoprofil .label{visibility:hidden;}
.infoprofilrep {
  visibility:visible;
  display:block;
  background-color:#FOFOFO;
  padding:3px;
  margin:-5px 0 -3px 0;
}
/*fin du profil ****************************************************/

 /  /* --------------------------------- PA --------------------------------- */

/************************************************** Début Page d'accueil **************************************************/


/*Bloc de la page d'accueil*/
#pa {
  position: relative;
  width: 776px;
  height: 376px;
  margin: auto;
  background-image: url('http://i59.servimg.com/u/f59/17/10/65/34/sans_t16.jpg');
  text-align: left;
  padding-top: 24px;
  padding-left: 4px;
  color: #efefef;
  font-family: verdana;
  font-size: 10px;
}
/*Liens de la page d'accueil*/
#pa a {
  color: #ffffff;
}
/*Liens survolés de la page d'accueil*/
#pa a:hover {
  color: #650000;
}


/*Bloc du concept*/
#concept {
  float: left;
  position: relative;
  width: 175px;
  height: 222px;
  overflow: hidden;
}
/*Texte du concept*/
#concept_text {
  width: 163px;
  height: 210px;
  margin: 1px;
  padding: 5px;
  text-align: justify;
  overflow: auto;
}
/*Image du concept*/
#concept_img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 175px;
  height: 222px;
  transition: 0.5s;
}
/*Glissement de l'image du concept*/
#concept:hover #concept_img {
  left: 200px;
}


/*Bloc du staff*/
#staff {
  float: left;
  position: relative;
  width: 313px;
  height: 133px;
  margin-left: 12px;
}
/*Bloc de chaque staffien*/
.staff_infobulles {
  float: left;
  width: 67px;
  height: 50px;
  margin-top: 6px;
  margin-left: 9px;
}
/*Images du staff*/
.staff_img {
  width: 67px;
  height: 50px;
}
/*Infobulles du staff*/
.staff_infobulle {
  position: absolute;
  bottom: 11px;
  left: 9px;
  width: 294px;
  height: 66px;
  transform: scale(0);
  transition: 0.5s;
}
/*Apparition de l'infobulle du staff*/
.staff_infobulles:hover .staff_infobulle {
  transform: scale(1);
}
/*Information du staff*/
.staff_info {
  float: left;
  width: 130px;
  height: 51px;
  margin-top: 7px;
  padding: 4px;
}
/*Petit texte du staff*/
.staff_text {
  float: left;
  width: 132px;
  height: 39px;
  margin-top: 12px;
  margin-left: 8px;
  padding: 4px;
  text-align: justify;
  border: 1px solid #353535;
  overflow: auto;
}
/*Message de bienvenue du staff*/
#mess_accueil {
  position: absolute;
  bottom: 12px;
  left: 10px;
  width: 285px;
  height: 49px;
  padding: 4px;
  text-align: justify;
  overflow: auto;
  transform: scale(1);
  transition: 0.5s;
}
/*Disparition du message du staff*/
.staff_infobulles:hover ~ #mess_accueil {
  transform: scale(0);
}


/*Bloc de l'event*/
#event {
  float: left;
  position: relative;
  width: 312px;
  height: 59px;
  margin-top: 28px;
  margin-left: 14px;
  overflow: hidden;
}
/*Texte de l'event*/
#event_text {
  width: 300px;
  height: 47px;
  padding: 5px;
  margin: 1px;
  text-align: justify;
  overflow: auto;
}
/*Image de l'event*/
#event_img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 312px;
  height: 59px;
  transition: 0.5s;
}
/*Glissement de l'image de l'event*/
#event:hover #event_img {
  left: 337px;
}

/*Bloc de la navigation*/
#navig_pa {
  float: left;
  width: 120px;
  height: 212px;
  margin-top: -132px;
  margin-left: 14px;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  line-height: 1.95em;
}
/*Liens de la navigation*/
#navig_pa a {
  text-shadow: 0px 0px 0px #650000;
}
/*Liens survolés de la navigation*/
#navig_pa a:hover {
  text-shadow: 0px 0px 3px #650000;
}


/*Bloc des top-sites*/
#top_sites {
  float: left;
  width: 103px;
  height: 83px;
  margin-top: -130px;
  margin-left: 11px;
  padding: 5px;
  text-align: center;
}
/*Images des top-sites*/
#top_sites img {
  opacity: 0.8;
}
/*Images des top-sites survolés*/
#top_sites img:hover {
  opacity: 1;
}


/*Bloc des crédits*/
#credits {
  float: left;
  width: 103px;
  height: 104px;
  margin-top: -27px;
  margin-left: 12px;
  padding: 5px;
}


/*Bloc des membres du mois*/
#membres_mois {
  float: left;
  width: 175px;
  height: 113px;
  margin-top: 23px;
  margin-left: -1px;
  text-align: center;
}
/*Images des membres du mois*/
#membres_mois img {
  width: 67px;
  height: 50px;
  margin: 8px;
}
/*Infos des membres du mois*/
#membres_mois_info {
  width: 142px;
  height: 36px;
  margin: auto;
  margin-top: -2px;
  padding: 4px;
  text-align: center;
  background-color: rgba(100,100,100,0.5);
}


/*Bloc des partenaires*/
#partenaires {
  float: left;
  width: 301px;
  height: 102px;
  margin-top: 23px;
  margin-left: 15px;
  padding: 5px;
  text-align: center;
}
/*Images des partenaires*/
#partenaires img {
  width: 88px;
  height: 31px;
  margin: 2px;
  opacity: 0.8;
}
/*Images des partenaires survolés*/
#partenaires img:hover {
  opacity: 1;
}


/*Bloc des pvs*/
#pvs {
  float: left;
  width: 246px;
  height: 103px;
  margin-top: 22px;
  margin-left: 14px;
  padding: 5px;
  padding-top: 3px;
  text-align: center;
}
/*Bloc de chaque pv*/
.pvs_infobulles {
  position: relative;
  display: inline-block;
  width: 67px;
  height: 50px;
  margin: 1px;
  margin-left: 1px;
  margin-right: 2px;
}
/*Images des pvs*/
#pvs img {
  width: 67px;
  height: 50px;
}
/*Infobulles des pvs*/
.pv_infobulle {
  position: absolute;
  z-index: 1;
  bottom: 50px;
  left: -10px;
  width: 79px;
  height: auto;
  padding: 3px;
  background-color: #303030;
  border-radius: 3px;
  box-shadow: 0px 0px 5px 2px #000000;
  transform: scale(0);
  transition: 0.2s;
}
/*Apparition de l'infobulle des pvs*/
.pvs_infobulles:hover .pv_infobulle {
  transform: scale(1);
}

/************************************************** Fin Page d'accueil **************************************************/
    /* --------------------------------- FIN PA --------------------------------- */
    /* -------------------------------- CATEGORIES -------------------------------- */
/*********** CODE DES CATEGORIES par PHANTASMAGORIA SUR PRD ********/
.modifcat {
background-color: #ddb3a2;
padding-bottom: -10px; margin-bottom: 5px;}

.catégoz{
position : relative ;
top : 70px ;  transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -khtml-transform: rotate(4deg);}

.catégoz h2 { font-size: 17px; font-family: Georgia; text-shadow: 0px 0px 2px #a99279;
text-transform: uppercase; color: #7d6a5c; letter-spacing: -1px;}

.statdescrip {
padding: 20px 5px 5px 5px; border-radius: 10px;
-webkit-border-radius: 10px;}

.fond_global_cat { background-color: #ebd8d0; margin-left: 10px; margin-right: 10px; width: 760px;
padding-bottom: 1px; border: 1px solid #cc9e8e; margin-bottom: 1px;}

.descrip_bloc {
width: 470px;
height:50px;
overflow: auto;
text-align: justify;
color: #fff; font-size: 9px;}

.stat_general {

padding: 5px;
height:70px; width: 160px; font-size: 9px; border-radius: 10px;
-webkit-border-radius: 10px;} 

.stat1 {
padding: 2px; color: #cc9e8e; letter-spacing: -2px; font-size: 13px; border-bottom: 1px solid #cc9e8e;
font-family: Georgia;}

.forumdesc1 {
text-align: center;
padding: 5px; border-radius: 10px;
-webkit-border-radius: 10px;} 

.sousfofo {

padding-top: -15px; padding-bottom : 9px; text-align: center; height: 10px; border-top: 2px solid #cc9e8e;  }

.sousfofo a {
color: #cc9e8e;
font-family: Georgia;
font-size: 10px; text-transform : uppercase; padding-top: -5px; }

.sousfofo a:hover {
color: #702828;
padding: 2px; font-family: Georgia;
text-shadow: 0px 0px 2px solid #7d6a5c; font-size: 10px; text-transform : uppercase; }

.forumtitre a {
 display:inline-block;
font-size: 25px;
color: #8a3c36; margin-bottom: -35px; 
text-decoration: none;
font-family: Georgia;
padding-left: 30px; letter-spacing: -4px; -moz-transition: all 1s;
-o-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s; }

/* Personnalisation titre - lien survolé */
.forumtitre  a:hover, .forumtitre  a:active {
color:#5c2924;  letter-spacing: 5px;
font-size: 25px;
text-decoration: none;
font-family: Georgia;}

            /************** FIN DES CODES ********************/
        /* -------------------------------- FIN CATEGORIES -------------------------------- */
    /* --------------------------------- QEEL --------------------------------- */

    /* Fond du QEEL */
    .fond_qeel {
      padding: 10px;
      background-image: url('http://i39.servimg.com/u/f39/18/89/99/63/sans_t49.jpg');
      background-color: #000000;
      background: no-repeat;
      box-shadow: 2px 2px 10px #4B1401;
      -moz-box-shadow: 2px 2px 10px #4B1401;
      -webkit-box-shadow: 2px 2px 10px #4B1401;
    }

    /* Titre du QEEL */
    .titre_qeel {
      font-family: 'Dancing Script', cursive;
      font-size: 40px;
      text-align: center;
      position: relative;
      top: -1.3em;
      color: #2A0202;
    }

    /* Transparence des 24h dernières heures et anniversaires */
    #kaboum .row1 {
      background-color: transparent;
    }

    /* Système d'onglets */
    .paonglet {
      display: inline-block;
      cursor: pointer;
    }
             
    .contenu_paonglet {
      padding: 25px;
      display: none;
      width: 150px;
      height: 150px;
      overflow: auto;
      background-color: #530600;
      border-left: 2px solid #2A0202;
      border-right: 2px solid #2A0202;
      color: #9B1E00;
      text-align: justify;
      font-size: 11px;
    }

    .contenu_paonglet a{
      text-decoration: none !important;
    }

    /* --------------------------------- FIN QEEL --------------------------------- */

Remplace ton CSS par ceci et ça devrait marcher :

Code:

a:link, a:hover
{
  text-decoration : none !important;
}
.bodylinewidth
{
  position: relative;
  z-index: 3;
}

/************************************************** Début Profil **************************************************/

/*Par Alu' pour NU*/
.fondpost{
  background-color: #F0F0F0;
  border: 1px solid #BABABA;
  border-radius:500px / 90px;
  padding: 50px 15px;
  min-height: 230px;
  margin-top: 10px;
}

/*Profil et affichage de lavatar par Alu pour Never utopia */
.profilmembre {
  border: 1px solid #a19388;
  position:relative;
  margin-right:10px;/*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
  background-color:#F0F0F0;
}

.pseudo{
  padding-top:4px;
  width:200px;
  height:31px;
  background-color:#F0F0F0;
  position:relative;
  text-align:center;
  color:#949046;
  font:Josefin Slab, Georgia;
  text-transform:uppercase;
}
.pseudo .name a{font-size:24px; font-weight:300;color:#737373 !important;}

.flecheprofil{
  width:0px;
  height:0px;
  border:8px solid transparent;
  border-left:25px solid #F0F0F0;
  position:absolute;
  top:10px;
  left:200px;
}

.rang {
  width:136px;
  height:19px;
  background-color: #F0F0F0;
  font: 10px Josefin Slab, Georgia;
  line-height:95%;
  text-transform: uppercase;
  color:#636363;
  margin:-15px auto 5px auto;
  padding:2px;
  text-align:center; 
  position:relative;
  z-index:2;
  -moz-box-shadow: 0px 0px 8px 0px #F0F0F0;
  -webkit-box-shadow: 0px 0px 8px 0px #F0F0F0;
  -o-box-shadow: 0px 0px 8px 0px #F0F0F0;
  box-shadow: 0px 0px 8px 0px #F0F0F0;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#F0F0F0, Direction=NaN, Strength=8);
}
.infoprofil{
  position:absolute;
  top:35px;
  left:0;
  background:rgba(0, 0, 0, 0.75);
  opacity:0;
  filter:alpha(opacity=0);
  height:320px;
  width:200px;
  text-align:center;
  font:13px sans-serif 500;
  text-transform:uppercase;
  color:#8A8A8A;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.infoprofil:hover{opacity:1; filter:alpha(opacity=100);}

.infoprofil .label span {
  visibility:visible;
  text-decoration:underline;
  display:block;
  background-color:rgba(0, 0, 0, 0.65);
  color:#8A8A8A !important;
  padding:5px;
  margin: 5px 0 -5px 0;
}
.infoprofil .label{visibility:hidden;}
.infoprofilrep {
  visibility:visible;
  display:block;
  background-color:#FOFOFO;
  padding:3px;
  margin:-5px 0 -3px 0;
}
/************************************************** Fin Profil **************************************************/

/************************************************** Début Page d'accueil **************************************************/


/*Bloc de la page d'accueil*/
#pa {
  position: relative;
  width: 776px;
  height: 376px;
  margin: auto;
  background-image: url('http://i59.servimg.com/u/f59/17/10/65/34/sans_t16.jpg');
  text-align: left;
  padding-top: 24px;
  padding-left: 4px;
  color: #efefef;
  font-family: verdana;
  font-size: 10px;
}
/*Liens de la page d'accueil*/
#pa a {
  color: #ffffff;
}
/*Liens survolés de la page d'accueil*/
#pa a:hover {
  color: #650000;
}


/*Bloc du concept*/
#concept {
  float: left;
  position: relative;
  width: 175px;
  height: 222px;
  overflow: hidden;
}
/*Texte du concept*/
#concept_text {
  width: 163px;
  height: 210px;
  margin: 1px;
  padding: 5px;
  text-align: justify;
  overflow: auto;
}
/*Image du concept*/
#concept_img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 175px;
  height: 222px;
  transition: 0.5s;
}
/*Glissement de l'image du concept*/
#concept:hover #concept_img {
  left: 200px;
}


/*Bloc du staff*/
#staff {
  float: left;
  position: relative;
  width: 313px;
  height: 133px;
  margin-left: 12px;
}
/*Bloc de chaque staffien*/
.staff_infobulles {
  float: left;
  width: 67px;
  height: 50px;
  margin-top: 6px;
  margin-left: 9px;
}
/*Images du staff*/
.staff_img {
  width: 67px;
  height: 50px;
}
/*Infobulles du staff*/
.staff_infobulle {
  position: absolute;
  bottom: 11px;
  left: 9px;
  width: 294px;
  height: 66px;
  transform: scale(0);
  transition: 0.5s;
}
/*Apparition de l'infobulle du staff*/
.staff_infobulles:hover .staff_infobulle {
  transform: scale(1);
}
/*Information du staff*/
.staff_info {
  float: left;
  width: 130px;
  height: 51px;
  margin-top: 7px;
  padding: 4px;
}
/*Petit texte du staff*/
.staff_text {
  float: left;
  width: 132px;
  height: 39px;
  margin-top: 12px;
  margin-left: 8px;
  padding: 4px;
  text-align: justify;
  border: 1px solid #353535;
  overflow: auto;
}
/*Message de bienvenue du staff*/
#mess_accueil {
  position: absolute;
  bottom: 12px;
  left: 10px;
  width: 285px;
  height: 49px;
  padding: 4px;
  text-align: justify;
  overflow: auto;
  transform: scale(1);
  transition: 0.5s;
}
/*Disparition du message du staff*/
.staff_infobulles:hover ~ #mess_accueil {
  transform: scale(0);
}


/*Bloc de l'event*/
#event {
  float: left;
  position: relative;
  width: 312px;
  height: 59px;
  margin-top: 28px;
  margin-left: 14px;
  overflow: hidden;
}
/*Texte de l'event*/
#event_text {
  width: 300px;
  height: 47px;
  padding: 5px;
  margin: 1px;
  text-align: justify;
  overflow: auto;
}
/*Image de l'event*/
#event_img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 312px;
  height: 59px;
  transition: 0.5s;
}
/*Glissement de l'image de l'event*/
#event:hover #event_img {
  left: 337px;
}

/*Bloc de la navigation*/
#navig_pa {
  float: left;
  width: 120px;
  height: 212px;
  margin-top: -132px;
  margin-left: 14px;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  line-height: 1.95em;
}
/*Liens de la navigation*/
#navig_pa a {
  text-shadow: 0px 0px 0px #650000;
}
/*Liens survolés de la navigation*/
#navig_pa a:hover {
  text-shadow: 0px 0px 3px #650000;
}


/*Bloc des top-sites*/
#top_sites {
  float: left;
  width: 103px;
  height: 83px;
  margin-top: -130px;
  margin-left: 11px;
  padding: 5px;
  text-align: center;
}
/*Images des top-sites*/
#top_sites img {
  opacity: 0.8;
}
/*Images des top-sites survolés*/
#top_sites img:hover {
  opacity: 1;
}


/*Bloc des crédits*/
#credits {
  float: left;
  width: 103px;
  height: 104px;
  margin-top: -27px;
  margin-left: 12px;
  padding: 5px;
}


/*Bloc des membres du mois*/
#membres_mois {
  float: left;
  width: 175px;
  height: 113px;
  margin-top: 23px;
  margin-left: -1px;
  text-align: center;
}
/*Images des membres du mois*/
#membres_mois img {
  width: 67px;
  height: 50px;
  margin: 8px;
}
/*Infos des membres du mois*/
#membres_mois_info {
  width: 142px;
  height: 36px;
  margin: auto;
  margin-top: -2px;
  padding: 4px;
  text-align: center;
  background-color: rgba(100,100,100,0.5);
}


/*Bloc des partenaires*/
#partenaires {
  float: left;
  width: 301px;
  height: 102px;
  margin-top: 23px;
  margin-left: 15px;
  padding: 5px;
  text-align: center;
}
/*Images des partenaires*/
#partenaires img {
  width: 88px;
  height: 31px;
  margin: 2px;
  opacity: 0.8;
}
/*Images des partenaires survolés*/
#partenaires img:hover {
  opacity: 1;
}


/*Bloc des pvs*/
#pvs {
  float: left;
  width: 246px;
  height: 103px;
  margin-top: 22px;
  margin-left: 14px;
  padding: 5px;
  padding-top: 3px;
  text-align: center;
}
/*Bloc de chaque pv*/
.pvs_infobulles {
  position: relative;
  display: inline-block;
  width: 67px;
  height: 50px;
  margin: 1px;
  margin-left: 1px;
  margin-right: 2px;
}
/*Images des pvs*/
#pvs img {
  width: 67px;
  height: 50px;
}
/*Infobulles des pvs*/
.pv_infobulle {
  position: absolute;
  z-index: 1;
  bottom: 50px;
  left: -10px;
  width: 79px;
  height: auto;
  padding: 3px;
  background-color: #303030;
  border-radius: 3px;
  box-shadow: 0px 0px 5px 2px #000000;
  transform: scale(0);
  transition: 0.2s;
}
/*Apparition de l'infobulle des pvs*/
.pvs_infobulles:hover .pv_infobulle {
  transform: scale(1);
}

/************************************************** Fin Page d'accueil **************************************************/


/************************************************** Début Categories **************************************************/
/*********************************** DEBUT CODE DES CATEGORIES par PHANTASMAGORIA SUR PRD ***********************************/

.modifcat {
background-color: #ddb3a2;
padding-bottom: -10px; margin-bottom: 5px;}

.catégoz{
position : relative ;
top : 70px ;  transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -khtml-transform: rotate(4deg);}

.catégoz h2 { font-size: 17px; font-family: Georgia; text-shadow: 0px 0px 2px #a99279;
text-transform: uppercase; color: #7d6a5c; letter-spacing: -1px;}

.statdescrip {
padding: 20px 5px 5px 5px; border-radius: 10px;
-webkit-border-radius: 10px;}

.fond_global_cat { background-color: #ebd8d0; margin-left: 10px; margin-right: 10px; width: 760px;
padding-bottom: 1px; border: 1px solid #cc9e8e; margin-bottom: 1px;}

.descrip_bloc {
width: 470px;
height:50px;
overflow: auto;
text-align: justify;
color: #fff; font-size: 9px;}

.stat_general {

padding: 5px;
height:70px; width: 160px; font-size: 9px; border-radius: 10px;
-webkit-border-radius: 10px;} 

.stat1 {
padding: 2px; color: #cc9e8e; letter-spacing: -2px; font-size: 13px; border-bottom: 1px solid #cc9e8e;
font-family: Georgia;}

.forumdesc1 {
text-align: center;
padding: 5px; border-radius: 10px;
-webkit-border-radius: 10px;} 

.sousfofo {

padding-top: -15px; padding-bottom : 9px; text-align: center; height: 10px; border-top: 2px solid #cc9e8e;  }

.sousfofo a {
color: #cc9e8e;
font-family: Georgia;
font-size: 10px; text-transform : uppercase; padding-top: -5px; }

.sousfofo a:hover {
color: #702828;
padding: 2px; font-family: Georgia;
text-shadow: 0px 0px 2px solid #7d6a5c; font-size: 10px; text-transform : uppercase; }

.forumtitre a {
 display:inline-block;
font-size: 25px;
color: #8a3c36; margin-bottom: -35px; 
text-decoration: none;
font-family: Georgia;
padding-left: 30px; letter-spacing: -4px; -moz-transition: all 1s;
-o-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s; }

/* Personnalisation titre - lien survolé */
.forumtitre  a:hover, .forumtitre  a:active {
color:#5c2924;  letter-spacing: 5px;
font-size: 25px;
text-decoration: none;
font-family: Georgia;}

/*********************************** FIN CODE DES CATEGORIES par PHANTASMAGORIA SUR PRD ***********************************/
/************************************************** Fin Categories **************************************************/


/************************************************** Début Qeel **************************************************/
    /* Fond du QEEL */
    .fond_qeel {
      padding: 10px;
      background-image: url('http://i39.servimg.com/u/f39/18/89/99/63/sans_t49.jpg');
      background-color: #000000;
      background: no-repeat;
      box-shadow: 2px 2px 10px #4B1401;
      -moz-box-shadow: 2px 2px 10px #4B1401;
      -webkit-box-shadow: 2px 2px 10px #4B1401;
    }

    /* Titre du QEEL */
    .titre_qeel {
      font-family: 'Dancing Script', cursive;
      font-size: 40px;
      text-align: center;
      position: relative;
      top: -1.3em;
      color: #2A0202;
    }

    /* Transparence des 24h dernières heures et anniversaires */
    #kaboum .row1 {
      background-color: transparent;
    }

    /* Système d'onglets */
    .paonglet {
      display: inline-block;
      cursor: pointer;
    }
             
    .contenu_paonglet {
      padding: 25px;
      display: none;
      width: 150px;
      height: 150px;
      overflow: auto;
      background-color: #530600;
      border-left: 2px solid #2A0202;
      border-right: 2px solid #2A0202;
      color: #9B1E00;
      text-align: justify;
      font-size: 11px;
    }

    .contenu_paonglet a{
      text-decoration: none !important;
    }

/************************************************** Fin Qeel **************************************************/

Sa marche parfaitement merci beaucoup

De rien ^^

Si tout est bon, n'oublie pas l'icône "terminé" pour qu'on puisse archiver ^^

L'icone est mit et merci encore ^^ elle est fantastique (L)