Personnalisation pour un codage de catégories fait par NyoTheNeko

Hello ♥

Pour ce codage de catégories en libre service, est-ce qu'il y a la possibilité de réduire la largeur de la taille des catégories à 600 au lieu de 730 ? (si je ne me trompe pas).

J'ai l'habitude de mettre la largeur de mon forum à 600, donc cela me pose quelques soucis et je n'ose pas corriger moi-même, j'ai peur de tout déglinguer ^^'

Merci beaucoup ♥

Oh, un nouveau pseudo

Il faut adapter un peu effectivement. Sur mon forum test, ça fonctionne bien en ajoutant ceci :

Code:

/* Modifications largeur */
.conteneur_forum {
  width: 600px;
}

.description_forum {
  width: 420px;
  margin-left: 5px;
}

.conteneur_liens_ss_forums {
  width: 590px;
}

Coucou toi :)

C'est Sarah-Chan, j'ai changé de pseudo.

Bon, alors sans le code pour décrire les catégories, ça me fait ça : https://2img.net/r/hpimg4/pics/555033Capture.png

Et avec, j'ai ça : https://2img.net/r/hpimg4/pics/507095Capture2.png

J'ai mis exactement les codes qu'il y a en LS et ce que tu m'as dit de rajouter pour le CSS donc je ne comprends pas :/

Le CSS que j'ai mis est à ajouter en plus du CSS du libre service, à la fin :)
Désolée du manque de précision ^^

Si ça ne te donne pas le résultat voulu, est ce que tu peux ajouter le lien de ton forum s'il te plait ? (avec les catégories visibles en invités) ♡

Nihil Scar Winspeare a écrit:"Sur mon forum test, ça fonctionne bien en ajoutant ceci [...]"

Tu l'avais bien précisé, t'inquiète :) Mais merci pour le rappel ♥

C'est ce que j'ai fait du coup et ça m'a donné la capture que tu as vu donc je te passe le lien du forum-test ^^

Si ça marche sur le tien, ça devrait marcher sur le mien :/

Ok, en regardant le code source je vois d'où vient le soucis. Est ce que tu avais copié / collé le code CSS directement depuis le LS puis mis sur ton forum ? Ou bien tu l'avais mis ailleurs entre temps ? (dans un logiciel, ou bien sur un sujet)

Je penche pour la seconde version, car il y a des caractères d'espaces bizarres qui sont apparus. On ne les voit pas quand on regarde directement dans le panneau d'admin, il faut voir le code source pour les voir.
C'est une erreur qu'on voit de plus en plus souvent ces temps ci, c'est bizarre

Si je regarde le code source du CSS, on reconnait le CSS mais avec des caractères devant ^^

Ce que je te conseille :
Retire le CSS du libre service et le CSS que je t'ai fourni.

Valide ton CSS

Et recommence l'étape CSS, c'est à dire copier / coller celui du libre service puis copier / coller celui due ce sujet.

Si ça ne fonctionne pas, est ce que tu peux nous copier / coller ton CSS entier sitouplé ? ♡

Hey ♥

Je l'ai mis direct dans mon CSS après l'avoir copié ! :)

Tiens, vu que ça persiste :

TEMPLATE  (avant le
c'est la PA : NA PAS TOUCHER SVP!)

     

Code:

<div style="width:780px; margin:auto;"><div class="barre">
                                                 <a href="http://">Règlement</a> • <a href="http://">Informations utiles</a> • <a href="http://">Présentations</a> • <a href="http://">Partenariats</a> • <a href="http://">La taverne</a>              
        </div>
        <table>
                                                                          
         <tbody>
                                                                                    
         <tr>
                                                        
         <td>
                                                        
         <div class="imgstaff1">
                                                        
         </div>
                                                          
         <div class="contenustaff1">
                                    <a href="http://">Rin<br />Fondatrice</a>                          
         </div>
                                                          
         <div class="imgstaff2">
                                                        
         </div>
                                                          
         <div class="contenustaff2">
                                    <a href="http://">Nom Prénom<br />Poste</a>                          
         </div><select class="partenaires" onchange="location = this.value"><option selected="selected"  value="">Top Partenaires</option><option value="http://">Nom du forum</option><option value="http://">Nom du forum</option><option value="http://">Nom du forum</option></select>      
         <center>
            <a href="http://"><img src="http://i35.servimg.com/u/f35/19/36/53/41/a2478210.jpg" class="pvs" /></a><a href="http://"><img src="http://i35.servimg.com/u/f35/19/36/53/41/a2478210.jpg" class="pvs" /></a><a href="http://"><img src="http://i35.servimg.com/u/f35/19/36/53/41/a2478210.jpg" class="pvs" /></a>    
         </center>
                                                  
         </td>
                                                      
          <td>
                                                      
         <div class="topsite">
                                <a href="http://www.root-top.com/topsite/maryne261/in.php?ID=2">•</a><br /><a href="http://www.root-top.com/topsite/maryne261/in.php?ID=2">•</a><br /><a href="http://www.root-top.com/topsite/maryne261/in.php?ID=2">•</a><br /><a href="http://www.root-top.com/topsite/maryne261/in.php?ID=2">•</a><br /><a href="http://www.root-top.com/topsite/maryne261/in.php?ID=2">•</a><br /><a href="http://www.root-top.com/topsite/maryne261/in.php?ID=2">•</a>                      
         </div>
                                                      
         </td>
                                                        
         <td>
                                                
         <div class="blocs">
                           Bienvenue ?<br /><span>Ce forum a été créé pour proposer des services à tous ses membres. Les codeurs et les graphistes peuvent vous proposer certaines de vos oeuvres en libre-service ou vous donner des cours pour que vous puissiez améliorer vos compétences. N'oublions pas de citer les écrivains qui sont aussi dans la possibilité de vous (ré)apprendre certaines notions et astuces pour que vous puissez écrire, vous aussi. Enfin, si tout cela n'est pas ce que vous cherchez, il vous est encore possible de faire votre commande auprès des personnes les plus compétente à cela. Et, pour échanger entre vous sans être dans le formel, la taverne vous est totalement ouverte. N'hésitez pas à en profiter tout en restant respectueux envers autrui et la bonne humeur du forum.</span>                      
         </div>
                                                
         <div class="blocs">
           News<br /><span><strong>10/08/16 :</strong> Création du forum<br /><strong>XX/XX/16 :</strong> Ouverture du forum<br /></span>                      
         <a href="http://epicode.bbactif.com/" style="font-size:8px; text-align:center; display:block; font-family:Trebuchet MS; text-transform:uppercase; text-decoration:none!important; text-shadow:none;">Lady sur Epicode</a></div>
                                    
         </td>
                                                  
         </tr>
                                                        
         </tbody>
        </table>
         <br/>
        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<div id="conteneur_onglets_cate">
  <div class="onglet_cate">La paperasse</div>
  <div class="onglet_cate">Les codages</div>
  <div class="onglet_cate">L'écriture</div>
  <div class="onglet_cate">Les graphismes</div>
  <div class="onglet_cate">La Taverne</div>
</div>
<div id="conteneur_cate"><!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorie">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
          <td>
      <div class="secondarytitle"> {catrow.tablehead.L_FORUM} </div>
          </td>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
          <td>
      <!-- BEGIN inc -->
      <!-- END inc -->
            <div class="titre_forum">
              <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
              </h{catrow.forumrow.LEVEL}>
            </div>
            <div class="conteneur_forum">
              <div class="description_forum">
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
              </div>
              <div class="conteneur_stats">
                <img class="folder_img" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                <div class="stats">
                  {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets
                </div>
                <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
              </div>
              <div class="conteneur_liens_ss_forums">
                <marquee onmouseover="this.stop();" onmouseout="this.start();">
         <span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                </marquee>
              </div>
            </div>
          </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
  </div><!-- END catrow --></div>

CSS total (au cas où - Les catégories sont avant le QEELet après la navigation)

Code:

/*IMAGE DE FOND*/
body{
background-image : url('http://i35.servimg.com/u/f35/18/92/23/43/66941310.jpg');
background-repeat  : no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*BARRE DE NAVIGATION*/
.navi a{
  font-family: \\\'Berkshire Swash\\\', cursive;
  color: #fff!important;
  font-size: 20px;
  margin: -7px;
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
.navi a:hover {
  color: #B36D41!important;
}
/*FIN DE BARRE DE NAVIGATION*/

/ DÉBUT CATÉGORIES **/
/ Mise en place du conteneur d'onglets /
#conteneur_onglets_cate {
  / Taille (largeur et hauteur) /
  width: 90%;
  height: 25px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  overflow: visible;
  / Couleur de fond /
  background-color: rgba(178, 178, 178, 0.8);
  display: none;
  text-align: center;
}

/ Mise en forme des noms d'onglets /
#conteneur_onglets_cate div {
  display: inline-block;
  verctical-align: bottom;
  position: relative;
  bottom: 25px;
  margin: 10px;
  / Couleur /
  color: #3C4A55;
  font-size: 16pt;
  / Police d'écriture /
  font-family: 'Dancing Script';
  transition: all ease 1s;
}

/ Effet au passage de la souris sur les noms d'onglets /
#conteneur_onglets_cate div:hover {
  color: #43586B;
  transition: all ease 1s;
}
 
/ CSS pour les onglets /
.onglet_cate {
  cursor: pointer;
}

/ CSS pour retirer le contour de catégories /
.categorie .forumline {
  border: 0px solid;
}

/ Mise en pace du titre de catégorie /
.secondarytitle {
  width: 100%;
  text-align: center;
}

/ Mise en forme du titre de catégorie /
.secondarytitle h2 {
  color: #3C4A55;
  font-size: 20pt;
  font-family: 'Dancing Script';
  letter-spacing: 0px;
  transition: all ease 1s;
}

/ Effet au passage de la souris sur le titre de catégorie /
.secondarytitle h2:hover {
  letter-spacing: 3px;
  transition: all ease 1s;
}

/ Mise en forme du titre de sous-forum 8position) /
.titre_forum {
  width: 90%;
  margin: auto;
  margin-bottom: -10px;
  text-align: left;
}

/ Mise ne forme du lien de sous-forum /
a.forumlink, a.forumlink:link, a.forumlink:active, a.forumlink:visited {
  / Couleur, taille et police /
  color: #141A28;
  font-size: 16pt;
  font-family: 'Dancing Script';
  / Mise ne place de l'effet /
  letter-spacing: 0px;
  transition: all ease 1s;
}

/ Effet au passage de la souris sur les liens de sous-forum /
a.forumlink:hover {
  color: #45576B;
  text-decoration: none !important;
  letter-spacing: 2px;
  transition: all ease 1s;
}

/ Contour des sous-forums /
.conteneur_forum {
  width: 730px;
  margin: auto;
  padding: 10px;
  border-radius: 20px;
  / Couleur de fond /
  background-color: rgba(178, 178, 178, 0.8);
}

/ Countour de la description de sous-froums /
.description_forum {
  display: inline-block;
  vertical-align: top;
  / Taille /
  width: 440px;
  height: 80px;
  padding: 10px;
  margin: 5px;
  margin-left: 60px;
  border-radius: 10px;
  / Couleur de fond /
  background-color: #E6E3DE;
  overflow: hidden;
}

/ Position de l'image dans la description /
.description_forum img {
  float: left;
  margin-right: 10px;
  border-radius: 5px;
}

/ Mise en forme du texte dans la description /
.description_forum p {
  width: 320px;
  height: 70px;
  margin: 0px;
  overflow: auto;
  / Couleur du texte /
  color: #43586B;
  text-align: justify;
}

/ Conteneur des statistiques et dernier message /
.conteneur_stats {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  / Taille /
  width: 140px;
  height: 90px;
  padding-bottom: 10px;
  margin: 5px;
  overflow: hidden;
  border-radius: 10px;
  / Couleur de fond /
  background-color: #E6E3DE;
}

/ Arrondi sur l'image de nouveau/pas de nouveaux/verrouillé /
.conteneur_stats .folder_img {
  border-radius: 10px;
}

/ Mise en forme de X messages dans X sujets /
.conteneur_stats .stats {
  text-align: center;
  / Couleur /
  color: #43586B;
  font-size: 8pt;
  font-family: 'Dancing Script';
}

/ Mise en forme du lien du dernier sujet /
.conteneur_stats .gensmall a {
  color: #3C4A55;
  text-decoration: none !important;
  transition: all ease 1s;
}

/ Effet au hover /
.conteneur_stats .gensmall a:hover {
  color: #B2B2B2;
  text-decoration: none !important;
  transition: all ease 1s;
}

/ Conteneur des liens déflants du sous-forum /
.conteneur_liens_ss_forums {
  / Taille /
  width: 610px;
  height: 15px;
  padding-top: 5px;
  margin: auto;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 10px;
  / Couleur de fond /
  background-color: #E6E3DE;
}

/ Mise en forme des liens vers les sous-forums /
.conteneur_liens_ss_forums a {
  color: #3C4A55;
  text-decoration: none !important;
  transition: all ease 1s;
}

/ Effet au Hover /
.conteneur_liens_ss_forums a:hover {
  color: #B2B2B2;
  text-decoration: none !important;
  transition: all ease 1s;
}
/ FIN CATÉGORIES **/

/*QEEL*/
.groupes a {
font-size:15px;
margin-left:10px;
  ont-family: Times New Roman;
ext-shadow: 0px 0px 4px #ffffff;
    letter-spacing: 0px;
}

.QEEL1 {
background-color : #59A5CB;
width:590px;
text-align: center;
  margin-top:3px;
padding:5px;
}
.QEEL {
background-color : WHITE;
width:288px;
  padding:5px;
text-align: justify;
  height:150px;

}
.QEEL2 {
background-color : white;
  width:288px;
text-align: justify;
padding:5px;
  height:150px;
}
/*FIN DU QEEL*/

/*AFFICHAGE DU SUJET*/
    .battysujet_sujet{
    font-size: 25px;
      color:#001866 !important;
      font-family: 'BenchNine', sans-serif;
      text-transform:uppercase;
      font-weight:normal;
    }

    .battysujet_image{
    display:inline-block;  
    background-color: #000000;
    width: 60px;
    height:60px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: -4px;
    overflow:hidden;
    }

    .battysujet_description{
    position:relative;
    display: inline-block;  
    font-size: 12px;
    background-color: #f1f1f1;
    width: 420px;
    height:50px;
    padding:5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align:justify;
    overflow:hidden;
    }

    .battysujet_etiquette{
    position:absolute;
    right: 5px;
    bottom:5px;
    }

    .battysujet_dernier{
    display: inline-block;
    font-size: 12px;
    background-color: #f1f1f1;
    width: 200px;
    height:50px;
    padding:5px;
    margin: 5px;
    text-align:center;
    overflow:hidden;
    }

    battysujet_type{
    text-transform:uppercase;
    color:#282828;
    }

    .repetcurieux{
      font-size: 12px;
      color:#000;
      font-family: 'Arial';
      font-weight: normal;
      }

    .titresujet{
      font-size: 18px;
      color:#001866 !important;
      font-family: 'BenchNine', sans-serif;
      text-transform:uppercase;
      text-decoration: none !important;
      font-weight:normal;
      }

    .lastpost-avatar img {
     -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
     border-radius: 0px;
    height: 75px;
    width: 45px;
      }

    .battycat_copyright{
      display: block;
      width:auto;
      font-size: 10px;
      font-family: Arial;
      color:#001866;
      text-align:right;
      padding: 5px 10px;
    }

    .battycat_copyright a{
      color:#001866;
      text-decoration: none !important;
      text-transform:uppercase;
    }

/*FIN AFFICHAGE DU SUJET*/

/* PRESENTATION DU SUJET */
    /* TITRE SUJET */
    #tleSBJ {
    margin:auto; padding:10px 0;
    text-transform:uppercase; font-weight:bold;
    background:#f0f0ee; color:black; /* MODIFIABLE */
    }
    /* DATE & OUTILS DE MODERATION */
    .datePOST {
    margin-bottom:5px; padding:10px;
    background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */
    }
    /* APPARENCE MESSAGE */
    div.postbody {
    min-height:400px; padding:10px;
    background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
    text-align:justify;
    }
    /* AVATAR */
    .avaPOST {
    width:200px; height:400px; border:5px solid;
    border-color: #13172f; /* MODIFIABLE */
    transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
    }
    .avaPOST img {
    width:200px; height:400px;
    }
    /* FICHE DE PERSONNAGE */
    .avaPOST div{
    position:absolute; z-index:2; margin-top:-400px;
    width:200px; height:400px; overflow:hidden;
    }
    /* CONTENU FICHE DE PERSONNAGE */
    .avaPOST div div{
    width:190px; height:390px; padding:5px; overflow:auto;
    font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
    transform:translateY(-800px); -webkit-transform:translateY(-800px);
    transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
    }
    .avaPOST:hover div div {
    transform:translateY(400px); -webkit-transform:translateY(400px);
    }
    /* PSEUDONYME */
    .namePOST {
    position:absolute; z-index:3; margin-left:45px; margin-top:165px;
    width:350px; padding:5px;
    text-align:left; text-transform:uppercase;
    transform:rotate(90deg); -webkit-transform:rotate(90deg);
    }
    /* IMAGE RANG */
    .imgrankPOST {
    position:absolute; z-index:3;
    margin-top:-63px;
    }
    /* ICONE EN LIGNE */
    .onS {
    position:absolute; z-index:4;
    margin-left:99px; margin-top:-30px;
    }
    /* BLOC INFORMATIONS JOUEUR */
    .boxPOST {
    padding-top:50px; padding-bottom:5px;
    background:#13172f; /* MODIFIABLE */
    }
    /* TEXTE RANG */
    .rankPOST {
    padding:5px; width:200px;
    text-transform:uppercase; text-align:center;
    color:white;  /* MODIFIABLE */
    }
    /* IMAGES CONTACT JOUEUR */
    .ktactPOST {
    width:210px; padding:5px 0; text-align:center;
    opacity:0.5;
    }
    /* INFORMATIONS JOUEUR */
    .abtPOST {
    padding:5px; width:180px; margin:auto;
    font-size:10px; color:white;  /* MODIFIABLE */
    }
    /* IMAGES INFORMATIONS JOUEUR */
    .abtPOST img{
    margin:auto; max-width:180px;
    }
    /* TRIANGLE BAS PROFIL */
    .triPOST {
    width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
    border-top-color:#13172f; /* MODIFIABLE */
    }
/*FIN AFFICHAGE DES SUJETS*/

/*CHAT BOX*/
/*réglage de la taille de l\\\'avatar*/
#chatbox .cb-avatar {
  margin-right: 8px!important;
  margin-top: 3px!important;
  width: auto!important;
}
#chatbox .cb-avatar > img {
  width: auto!important
}
/*couleur de la ligne*/
.chatbox_row_1 {
  background: #213a63 none repeat scroll 0 0;
  padding: 4px;
}
/*zone de saisie*/
body.chatbox input#message { color: #000!important; }
.cadre_bouton2 {
  border: 1px solid #fff;
  padding-top: 12px;
  transition: all 0.4s ease-in-out;
}
/*FIN CHAT BOX*/

/*PAGE D'ACCUEIL*/
    @font-face {
      font-family: 'Pacifico';
      font-style: normal;
      font-weight: 400;
      src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
    }
    .barre {
      margin: auto;
      width: 700px;
      height: 38px;
      border-radius:30px;
      background: #001866; /*couleur de fond de la barre de liens utiles*/
      border-left: 4px solid #F5DDBB; /*bordure*/
      border-right: 4px solid #F5DDBB; /*bordure*/
      font-family: 'Pacifico'; /*police*/
      text-transform: lowercase; /*lettres en minuscules*/
      font-size: 10px;
      color: #5493B4; /*couleur police*/
      text-align:center;
      margin-bottom:10px;
      box-shadow : 0px 2px 0px #5493B4; /*ombre barre*/
    }
    .barre a {
      font-size: 20px;
      color: #C8CFFE; /*couleur police liens*/
      text-shadow : 0px 2px 0px #5493B4; /*ombre police liens*/
      margin-left: 5px;
      margin-right: 5px;
      text-decoration: none!important;
    }
    .imgstaff1 {
      background-image:url('http://i35.servimg.com/u/f35/19/36/53/41/avatar13.jpg');  /*mettre une icone 200x200 pour le staff ici*/
      background-size:200px 200px;
      height:200px;
      width:200px;
      border-radius:120px;
      border: 6px solid #001866; /*bordure staff grand*/
      margin-left:60px;
      box-shadow : 0px 2px 0px #5493B4; /*ombre derrière image staff grand*/
      }
    .imgstaff2 {
      background-image:url('http://i35.servimg.com/u/f35/19/36/53/41/a2478210.jpg'); /*mettre une icone 150x150 pour le staff ici*/
      background-size:150px 150px;
      height:150px;
      width:150px;
      border-radius:100px;
      border: 6px solid #C8CFFE; /*bordure staff petit*/
      margin-top:-80px;
      position:relative;
      z-index:1;
      box-shadow : 0px 2px 0px #5493B4; /*ombre derrière image staff petit*/
      }
    .contenustaff1 {
      width:200px;
      height:115px;
      border-radius:120px;
      background: rgba(227,184,178,0.6); /*couleur de fond des infos du staff grand*/
      overflow: hidden;
      margin-top:-206px;
      margin-left:66px;
      opacity:0;
      padding-top: 85px;
      text-align: center;
      
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    }
    .contenustaff1:hover {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    }
    .contenustaff1 a {
    font-family: Trebuchet MS;
      font-size: 11px;
      color: #C8CFFE; /*couleur police du lien du staff grand*/
      text-shadow : 0px 1px 0px #5493B4; /*ombre du lien du staff grand*/
      text-decoration: none!important;
      }
    .contenustaff2 {
      width:150px;
      height:90px;
      border-radius:100px;
      background: rgba(245,221,187,0.6); /*couleur de fond des infos du staff petit*/
      overflow: hidden;
      margin-top:-156px;
      margin-left:6px;
      opacity:0;
      padding-top: 60px;
      text-align: center;
      position:relative;
      z-index:2;
      
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    }
    .contenustaff2:hover {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    }
    .contenustaff2 a {
      font-family: Trebuchet MS;
      font-size: 11px;
      color: #001866; /*couleur police du lien de staff petit*/
      text-shadow : 0px 1px 0px #5493B4; /*ombre du lien du staff petit*/
      text-decoration: none!important;
    }
    .partenaires {
      width:230px;
      background:#C8CFFE; /*couleur de fond de la barre partenaires*/
      border: 2px solid #001866; /*bordure barre partenaires*/
      color: #5493B4; /*couleur police*/
      border-radius:10px;
      overflow: hidden;
      display: block;
      margin: auto;
      margin-top:20px;
      margin-bottom:10px;
      font-family: 'Pacifico'; /*police*/
      text-transform: lowercase; /*lettres en minuscules*/
      font-size: 12px;
    }
    .pvs {
      height:50px;
      width:50px;
      border-radius:35px;
      border: 4px solid #5493B4; /*bordure images des pvs*/
      margin-left:5px;
      text-align:center;
      opacity:0.6;
      
      transition:All 0.4s;
    -webkit-transition:All 0.4s;
    -moz-transition:All 0.4s;
    -o-transition:All 0.4s;
      transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    }
    .pvs:hover {
      opacity:1;
      -webkit-transform: rotate(345deg);
    -moz-transform: rotate(345deg);
    -o-transform: rotate(345deg);
    -ms-transform: rotate(345deg);
    }
    .topsite {
      width: 20px;
      text-align:center;
    }
    .topsite b1 a{
      font-size: 20px;
      color: #C8CFFE; /*couleur premier point de top site*/
      text-shadow : 0px 1px 0px #5493B4; /*ombre premier point de top site*/
      text-decoration: none!important;
    }
    .topsite b2 a {
      font-size: 20px;
      color: #001866; /*couleur deuximère point de top site*/
      text-shadow : 0px 1px 0px #5493B4; /*ombre deuxième point de top site*/
      text-decoration: none!important;
    }
    .blocs {
      margin-top: 20px;
      width: 430px;
      height: 185px;
      border-radius:10px;
      background: #C8CFFE; /*couleur de fond de contexte et news*/
      border-left: 4px solid #001866;
      border-right: 4px solid #001866;
      box-shadow: 0px 2px 0px #5493B4;
      text-align: center;
      font-family: 'Pacifico'; /*police titre du bloc*/
      text-transform: lowercase; /*lettres en minuscules*/
      font-size: 20px;
      color: #001866; /*couleur du titre du bloc*/
      text-shadow : 0px 2px 0px #A18093; /*ombre du titre du bloc*/
    }
    .blocs span {
      display: block;
      width: 400px;
      height: 125px;  
      margin: auto;
      padding: 5px;
      text-align: justify;
      font-family: Trebuchet MS;
      font-size:10px;
      color: #5493B4; /*couleur textes des blocs*/
      text-shadow : 0px 0px 0px #5493B4!important;
      text-transform: none!important;
      overflow-y:auto;
      overflow-x:hidden;
    }
/*FIN PAGE D'ACCUEIL*/

Hum, effectivement tout ton CSS est cassé

Si on regarde le code, la coloration est complètement cassée >-<

Par exemple :

Code:

/ Effet au Hover /

Devrait être comme dans le code d'origine du LS :

Code:

/* Effet au Hover */

Ca fait bugger tout le code suite

Tu as aussi des endroits où il manque des lettres :

Code:

  ont-family: Times New Roman;
ext-shadow: 0px 0px 4px #ffffff;

devrait être :

Code:

[code]font-family: Times New Roman;
text-shadow: 0px 0px 4px #ffffff;[/code]

Le CSS total donnera donc ceci je crois :

Code:

/*IMAGE DE FOND*/
body{
background-image : url('http://i35.servimg.com/u/f35/18/92/23/43/66941310.jpg');
background-repeat  : no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*BARRE DE NAVIGATION*/
.navi a{
  font-family: 'Berkshire Swash', cursive;
  color: #fff!important;
  font-size: 20px;
  margin: -7px;
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
.navi a:hover {
  color: #B36D41!important;
}
/*FIN DE BARRE DE NAVIGATION*/

/********* DÉBUT CATÉGORIES ***********/
/* Mise en place du conteneur d'onglets */
#conteneur_onglets_cate {
  /* Taille (largeur et hauteur) */
  width: 90%;
  height: 25px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  overflow: visible;
  /* Couleur de fond */
  background-color: rgba(178, 178, 178, 0.8);
  display: none;
  text-align: center;
}

/* Mise en forme des noms d'onglets */
#conteneur_onglets_cate div {
  display: inline-block;
  verctical-align: bottom;
  position: relative;
  bottom: 25px;
  margin: 10px;
  /* Couleur */
  color: #3C4A55;
  font-size: 16pt;
  /* Police d'écriture */
  font-family: 'Dancing Script';
  transition: all ease 1s;
}

/* Effet au passage de la souris sur les noms d'onglets */
#conteneur_onglets_cate div:hover {
  color: #43586B;
  transition: all ease 1s;
}
 
/* CSS pour les onglets */
.onglet_cate {
  cursor: pointer;
}

/* CSS pour retirer le contour de catégories */
.categorie .forumline {
  border: 0px solid;
}

/* Mise en pace du titre de catégorie */
.secondarytitle {
  width: 100%;
  text-align: center;
}

/* Mise en forme du titre de catégorie */
.secondarytitle h2 {
  color: #3C4A55;
  font-size: 20pt;
  font-family: 'Dancing Script';
  letter-spacing: 0px;
  transition: all ease 1s;
}

/* Effet au passage de la souris sur le titre de catégorie */
.secondarytitle h2:hover {
  letter-spacing: 3px;
  transition: all ease 1s;
}

/* Mise en forme du titre de sous-forum 8position) */
.titre_forum {
  width: 90%;
  margin: auto;
  margin-bottom: -10px;
  text-align: left;
}

/* Mise ne forme du lien de sous-forum */
a.forumlink, a.forumlink:link, a.forumlink:active, a.forumlink:visited {
  /* Couleur, taille et police */
  color: #141A28;
  font-size: 16pt;
  font-family: 'Dancing Script';
  /* Mise ne place de l'effet */
  letter-spacing: 0px;
  transition: all ease 1s;
}

/* Effet au passage de la souris sur les liens de sous-forum */
a.forumlink:hover {
  color: #45576B;
  text-decoration: none !important;
  letter-spacing: 2px;
  transition: all ease 1s;
}

/* Contour des sous-forums */
.conteneur_forum {
  width: 730px;
  margin: auto;
  padding: 10px;
  border-radius: 20px;
  /* Couleur de fond */
  background-color: rgba(178, 178, 178, 0.8);
}

/* Countour de la description de sous-froums */
.description_forum {
  display: inline-block;
  vertical-align: top;
  /* Taille */
  width: 440px;
  height: 80px;
  padding: 10px;
  margin: 5px;
  margin-left: 60px;
  border-radius: 10px;
  /* Couleur de fond */
  background-color: #E6E3DE;
  overflow: hidden;
}

/* Position de l'image dans la description */
.description_forum img {
  float: left;
  margin-right: 10px;
  border-radius: 5px;
}

/* Mise en forme du texte dans la description */
.description_forum p {
  width: 320px;
  height: 70px;
  margin: 0px;
  overflow: auto;
  /* Couleur du texte */
  color: #43586B;
  text-align: justify;
}

/* Conteneur des statistiques et dernier message */
.conteneur_stats {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  /* Taille */
  width: 140px;
  height: 90px;
  padding-bottom: 10px;
  margin: 5px;
  overflow: hidden;
  border-radius: 10px;
  /* Couleur de fond */
  background-color: #E6E3DE;
}

/* Arrondi sur l'image de nouveau/pas de nouveaux/verrouillé */
.conteneur_stats .folder_img {
  border-radius: 10px;
}

/* Mise en forme de X messages dans X sujets */
.conteneur_stats .stats {
  text-align: center;
  /* Couleur */
  color: #43586B;
  font-size: 8pt;
  font-family: 'Dancing Script';
}

/* Mise en forme du lien du dernier sujet */
.conteneur_stats .gensmall a {
  color: #3C4A55;
  text-decoration: none !important;
  transition: all ease 1s;
}

/* Effet au hover */
.conteneur_stats .gensmall a:hover {
  color: #B2B2B2;
  text-decoration: none !important;
  transition: all ease 1s;
}

/* Conteneur des liens déflants du sous-forum */
.conteneur_liens_ss_forums {
  /* Taille */
  width: 610px;
  height: 15px;
  padding-top: 5px;
  margin: auto;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 10px;
  /* Couleur de fond */
  background-color: #E6E3DE;
}

/* Mise en forme des liens vers les sous-forums */
.conteneur_liens_ss_forums a {
  color: #3C4A55;
  text-decoration: none !important;
  transition: all ease 1s;
}

/* Effet au Hover */
.conteneur_liens_ss_forums a:hover {
  color: #B2B2B2;
  text-decoration: none !important;
  transition: all ease 1s;
}
/********* FIN CATÉGORIES ***********/

/* DEBUT LARGEUR PLUS PETITE CATEGORIES */

/* Modifications largeur bloc forum */
.conteneur_forum {
  width: 600px;
}

/* Modifications largeur description forum */
.description_forum {
  width: 420px;
  margin-left: 5px;
}

/* Modifications largeur liens sous forum */
.conteneur_liens_ss_forums {
  width: 590px;
}


/* FIN LARGEUR PLUS PETITE CATEGORIES */

/*QEEL*/
.groupes a {
  font-size:15px;
  margin-left:10px;
  font-family: Times New Roman;
  text-shadow: 0px 0px 4px #ffffff;
  letter-spacing: 0px;
}

.QEEL1 {
background-color : #59A5CB;
width:590px;
text-align: center;
  margin-top:3px;
padding:5px;
}
.QEEL {
background-color : WHITE;
width:288px;
  padding:5px;
text-align: justify;
  height:150px;

}
.QEEL2 {
background-color : white;
  width:288px;
text-align: justify;
padding:5px;
  height:150px;
}
/*FIN DU QEEL*/

/*AFFICHAGE DU SUJET*/
    .battysujet_sujet{
    font-size: 25px;
      color:#001866 !important;
      font-family: 'BenchNine', sans-serif;
      text-transform:uppercase;
      font-weight:normal;
    }

    .battysujet_image{
    display:inline-block; 
    background-color: #000000;
    width: 60px;
    height:60px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: -4px;
    overflow:hidden;
    }

    .battysujet_description{
    position:relative;
    display: inline-block; 
    font-size: 12px;
    background-color: #f1f1f1;
    width: 420px;
    height:50px;
    padding:5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align:justify;
    overflow:hidden;
    }

    .battysujet_etiquette{
    position:absolute;
    right: 5px;
    bottom:5px;
    }

    .battysujet_dernier{
    display: inline-block;
    font-size: 12px;
    background-color: #f1f1f1;
    width: 200px;
    height:50px;
    padding:5px;
    margin: 5px;
    text-align:center;
    overflow:hidden;
    }

    battysujet_type{
    text-transform:uppercase;
    color:#282828;
    }

    .repetcurieux{
      font-size: 12px;
      color:#000;
      font-family: 'Arial';
      font-weight: normal;
      }

    .titresujet{
      font-size: 18px;
      color:#001866 !important;
      font-family: 'BenchNine', sans-serif;
      text-transform:uppercase;
      text-decoration: none !important;
      font-weight:normal;
      }

    .lastpost-avatar img {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    height: 75px;
    width: 45px;
      }

    .battycat_copyright{
      display: block;
      width:auto;
      font-size: 10px;
      font-family: Arial;
      color:#001866;
      text-align:right;
      padding: 5px 10px;
    }

    .battycat_copyright a{
      color:#001866;
      text-decoration: none !important;
      text-transform:uppercase;
    }

/*FIN AFFICHAGE DU SUJET*/

/* PRESENTATION DU SUJET */
    /* TITRE SUJET */
    #tleSBJ {
    margin:auto; padding:10px 0;
    text-transform:uppercase; font-weight:bold;
    background:#f0f0ee; color:black; /* MODIFIABLE */
    }
    /* DATE & OUTILS DE MODERATION */
    .datePOST {
    margin-bottom:5px; padding:10px;
    background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */
    }
    /* APPARENCE MESSAGE */
    div.postbody {
    min-height:400px; padding:10px;
    background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
    text-align:justify;
    }
    /* AVATAR */
    .avaPOST {
    width:200px; height:400px; border:5px solid;
    border-color: #13172f; /* MODIFIABLE */
    transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
    }
    .avaPOST img {
    width:200px; height:400px;
    }
    /* FICHE DE PERSONNAGE */
    .avaPOST div{
    position:absolute; z-index:2; margin-top:-400px;
    width:200px; height:400px; overflow:hidden;
    }
    /* CONTENU FICHE DE PERSONNAGE */
    .avaPOST div div{
    width:190px; height:390px; padding:5px; overflow:auto;
    font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
    transform:translateY(-800px); -webkit-transform:translateY(-800px);
    transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
    }
    .avaPOST:hover div div {
    transform:translateY(400px); -webkit-transform:translateY(400px);
    }
    /* PSEUDONYME */
    .namePOST {
    position:absolute; z-index:3; margin-left:45px; margin-top:165px;
    width:350px; padding:5px;
    text-align:left; text-transform:uppercase;
    transform:rotate(90deg); -webkit-transform:rotate(90deg);
    }
    /* IMAGE RANG */
    .imgrankPOST {
    position:absolute; z-index:3;
    margin-top:-63px;
    }
    /* ICONE EN LIGNE */
    .onS {
    position:absolute; z-index:4;
    margin-left:99px; margin-top:-30px;
    }
    /* BLOC INFORMATIONS JOUEUR */
    .boxPOST {
    padding-top:50px; padding-bottom:5px;
    background:#13172f; /* MODIFIABLE */
    }
    /* TEXTE RANG */
    .rankPOST {
    padding:5px; width:200px;
    text-transform:uppercase; text-align:center;
    color:white;  /* MODIFIABLE */
    }
    /* IMAGES CONTACT JOUEUR */
    .ktactPOST {
    width:210px; padding:5px 0; text-align:center;
    opacity:0.5;
    }
    /* INFORMATIONS JOUEUR */
    .abtPOST {
    padding:5px; width:180px; margin:auto;
    font-size:10px; color:white;  /* MODIFIABLE */
    }
    /* IMAGES INFORMATIONS JOUEUR */
    .abtPOST img{
    margin:auto; max-width:180px;
    }
    /* TRIANGLE BAS PROFIL */
    .triPOST {
    width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
    border-top-color:#13172f; /* MODIFIABLE */
    }
/*FIN AFFICHAGE DES SUJETS*/

/*CHAT BOX*/
/*réglage de la taille de l\\\'avatar*/
#chatbox .cb-avatar {
  margin-right: 8px!important;
  margin-top: 3px!important;
  width: auto!important;
}
#chatbox .cb-avatar > img {
  width: auto!important
}
/*couleur de la ligne*/
.chatbox_row_1 {
  background: #213a63 none repeat scroll 0 0;
  padding: 4px;
}
/*zone de saisie*/
body.chatbox input#message { color: #000!important; }
.cadre_bouton2 {
  border: 1px solid #fff;
  padding-top: 12px;
  transition: all 0.4s ease-in-out;
}
/*FIN CHAT BOX*/

/*PAGE D'ACCUEIL*/
    @font-face {
      font-family: 'Pacifico';
      font-style: normal;
      font-weight: 400;
      src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
    }
    .barre {
      margin: auto;
      width: 700px;
      height: 38px;
      border-radius:30px;
      background: #001866; /*couleur de fond de la barre de liens utiles*/
      border-left: 4px solid #F5DDBB; /*bordure*/
      border-right: 4px solid #F5DDBB; /*bordure*/
      font-family: 'Pacifico'; /*police*/
      text-transform: lowercase; /*lettres en minuscules*/
      font-size: 10px;
      color: #5493B4; /*couleur police*/
      text-align:center;
      margin-bottom:10px;
      box-shadow : 0px 2px 0px #5493B4; /*ombre barre*/
    }
    .barre a {
      font-size: 20px;
      color: #C8CFFE; /*couleur police liens*/
      text-shadow : 0px 2px 0px #5493B4; /*ombre police liens*/
      margin-left: 5px;
      margin-right: 5px;
      text-decoration: none!important;
    }
    .imgstaff1 {
      background-image:url('http://i35.servimg.com/u/f35/19/36/53/41/avatar13.jpg');  /*mettre une icone 200x200 pour le staff ici*/
      background-size:200px 200px;
      height:200px;
      width:200px;
      border-radius:120px;
      border: 6px solid #001866; /*bordure staff grand*/
      margin-left:60px;
      box-shadow : 0px 2px 0px #5493B4; /*ombre derrière image staff grand*/
      }
    .imgstaff2 {
      background-image:url('http://i35.servimg.com/u/f35/19/36/53/41/a2478210.jpg'); /*mettre une icone 150x150 pour le staff ici*/
      background-size:150px 150px;
      height:150px;
      width:150px;
      border-radius:100px;
      border: 6px solid #C8CFFE; /*bordure staff petit*/
      margin-top:-80px;
      position:relative;
      z-index:1;
      box-shadow : 0px 2px 0px #5493B4; /*ombre derrière image staff petit*/
      }
    .contenustaff1 {
      width:200px;
      height:115px;
      border-radius:120px;
      background: rgba(227,184,178,0.6); /*couleur de fond des infos du staff grand*/
      overflow: hidden;
      margin-top:-206px;
      margin-left:66px;
      opacity:0;
      padding-top: 85px;
      text-align: center;
     
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    }
    .contenustaff1:hover {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    }
    .contenustaff1 a {
    font-family: Trebuchet MS;
      font-size: 11px;
      color: #C8CFFE; /*couleur police du lien du staff grand*/
      text-shadow : 0px 1px 0px #5493B4; /*ombre du lien du staff grand*/
      text-decoration: none!important;
      }
    .contenustaff2 {
      width:150px;
      height:90px;
      border-radius:100px;
      background: rgba(245,221,187,0.6); /*couleur de fond des infos du staff petit*/
      overflow: hidden;
      margin-top:-156px;
      margin-left:6px;
      opacity:0;
      padding-top: 60px;
      text-align: center;
      position:relative;
      z-index:2;
     
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    }
    .contenustaff2:hover {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    }
    .contenustaff2 a {
      font-family: Trebuchet MS;
      font-size: 11px;
      color: #001866; /*couleur police du lien de staff petit*/
      text-shadow : 0px 1px 0px #5493B4; /*ombre du lien du staff petit*/
      text-decoration: none!important;
    }
    .partenaires {
      width:230px;
      background:#C8CFFE; /*couleur de fond de la barre partenaires*/
      border: 2px solid #001866; /*bordure barre partenaires*/
      color: #5493B4; /*couleur police*/
      border-radius:10px;
      overflow: hidden;
      display: block;
      margin: auto;
      margin-top:20px;
      margin-bottom:10px;
      font-family: 'Pacifico'; /*police*/
      text-transform: lowercase; /*lettres en minuscules*/
      font-size: 12px;
    }
    .pvs {
      height:50px;
      width:50px;
      border-radius:35px;
      border: 4px solid #5493B4; /*bordure images des pvs*/
      margin-left:5px;
      text-align:center;
      opacity:0.6;
     
      transition:All 0.4s;
    -webkit-transition:All 0.4s;
    -moz-transition:All 0.4s;
    -o-transition:All 0.4s;
      transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    }
    .pvs:hover {
      opacity:1;
      -webkit-transform: rotate(345deg);
    -moz-transform: rotate(345deg);
    -o-transform: rotate(345deg);
    -ms-transform: rotate(345deg);
    }
    .topsite {
      width: 20px;
      text-align:center;
    }
    .topsite b1 a{
      font-size: 20px;
      color: #C8CFFE; /*couleur premier point de top site*/
      text-shadow : 0px 1px 0px #5493B4; /*ombre premier point de top site*/
      text-decoration: none!important;
    }
    .topsite b2 a {
      font-size: 20px;
      color: #001866; /*couleur deuximère point de top site*/
      text-shadow : 0px 1px 0px #5493B4; /*ombre deuxième point de top site*/
      text-decoration: none!important;
    }
    .blocs {
      margin-top: 20px;
      width: 430px;
      height: 185px;
      border-radius:10px;
      background: #C8CFFE; /*couleur de fond de contexte et news*/
      border-left: 4px solid #001866;
      border-right: 4px solid #001866;
      box-shadow: 0px 2px 0px #5493B4;
      text-align: center;
      font-family: 'Pacifico'; /*police titre du bloc*/
      text-transform: lowercase; /*lettres en minuscules*/
      font-size: 20px;
      color: #001866; /*couleur du titre du bloc*/
      text-shadow : 0px 2px 0px #A18093; /*ombre du titre du bloc*/
    }
    .blocs span {
      display: block;
      width: 400px;
      height: 125px; 
      margin: auto;
      padding: 5px;
      text-align: justify;
      font-family: Trebuchet MS;
      font-size:10px;
      color: #5493B4; /*couleur textes des blocs*/
      text-shadow : 0px 0px 0px #5493B4!important;
      text-transform: none!important;
      overflow-y:auto;
      overflow-x:hidden;
    }
/*FIN PAGE D'ACCUEIL*/



Han merci beaucoup ♥

Tout est bon cette fois. C'est bizarre l'apparition de ces symboles, etc.

Par contre, je n'ai pas les onglets comme dans le libre-service. C'est tout ce qui reste en problème ^^'

Tu veux bien regarder d'où vient ce dernier souci ? ♥

Si tu vois mon édition, il y a aussi l'écriture des descriptions qui se met sous l'image, non à côté.

Tiens, voilà la capture :
https://2img.net/r/hpimg4/pics/552193Capture.png

Pour les onglets, est ce que tu as bien ajouté le javascript ? Sachant que si c'est le premier code JS que tu ajoutes, il y a une option "Activer le JS" à changer ^^ (au dessus de la liste des codes js)

Pour les descriptions, j'ai l'impression que tu as réglé le soucis depuis, c'est bon ? :)

... XD Le JS m'a échappé, pardon.

Et oui, j'ai réussi à corriger hé hé.

Merci pour tout ♥

On peut archiver mon sujet, il n'y a plus aucun souci :3