Problème de code CSS

[Kaipy]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 30/05/2016
Lien du forum : http://fireemblemfates.forumactif.org/

Description du problème

Bonjour,

je rencontre un problème avec un codage de mon forum. Chaque fois que j'essaie de le valider, ce message s'affiche " Erreur

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.'

Je ne sais pas ce qu'il faut ajouter ou enlever, et les petites bordures blanches qui sont sur les cotés des catégories de mon forum ont disparues. Merci de m'aider, cordialement.

Code:

a.forumlink {
   color: #292F51;
   font: 100%, serif;
   text-transform : uppercase;
   text-align: center;
   border-bottom: 1px dotted;
   letter-spacing: 3px;
   display: block;
   }

.quote .code
  width: 500px;
  overflow-x: auto;


/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Venez discuter dans la taverne !" ; }
#chatbox_header .catBottom .cattitle {
    color: ;


.selectCode
  float:right;
  text-transform: uppercase;
  cursor:pointer;
color: blue;


.signature_div img
  max-height:400px;
  max-width:500px;


a  text-decoration: none;

.blog_cal-content
color:#292F51;

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

a:hover
text-decoration: none ; color: #292F51; border-bottom: 1px dotted #292F51;

     
.forumline
background-color:#292F51;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 2px #292F51 double;
border-top: 2px #292F51 double;
border-right: 2px #292F51 double;
border-left: 2px #292F51 double;

input, textarea, select
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;


.postdetails.poster-profile a img
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
border: 5px double #292F51;


.profil_contour

border:  4px #292F51 double; /*La bordure*/
background-color:#062B33 ; /*Le fond*/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;


#i_logo {margin-top:-10px;margin-right:-10px; margin-left:-10px;

/*ENLEVER LE SOULIGNEMENT DES LIENS*/
a:hover{text-decoration: none !important;
a{text-decoration: none !important;}

/* MARGES DU FORUM */
body {margin-top:-1px;margin-bottom:-1px;
body{margin-top: 0px;
body{margin-bottom: 0px;}
.bodyline{box-shadow:#292F51 0px 0px 5px;
/*JUSTIFICATION*/

.postbody text-align:justify; font-family:arial;
  display: block;
  padding-left: 6px;
  padding-right: 4px;


.mes-credits

    font-weight:normal;
    font-variant:small-caps;
    color:#292F51;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;

body{
background-position: top-center;
}


/**QEEL**/
 
.statistiques
border:0px;
background-image: url("http://img11.hostingpics.net/pics/363104popo.png");
background-repeat: no-repeat;
background-position:top-left;
height:400px;

.groupes
;border: 3px #292F51 double;
-moz-border-radius : 15px 0px 15px 0px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;}

.groupes:hover{
;border: 3px #292F51 double;
-moz-border-radius : 0px 15px 0px 15px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;}


/* TITRES DES CATEGORIE */

a.forumlink:link, a.forumlink:visited {
font-family: serif;
background-color: #292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #292F51;
  border-bottom-right-radius: 10px
display: block;
border-radius-topleft: 15px;
border-radius-topright: 0px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 0px;

}

a.forumlink:link, a.forumlink:visited:hover {
font-family: serif;
background-color:#292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #D2D8EA;
display: block;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 15px;

}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #292F51;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #292F51;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #292F51; /*ou alors si tu veux une image :*/
border: double 3px #292F51; /*on définit le style de la bordure sa largeur et sa couleur*/
}

.titre{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Script MT Bold;
letter-spacing: -1px;
font-size: 18px;
font-weight:bold;
background-color:#292F51;
border-bottom: 3px double #292F51;
color: #292F51;
text-align: center;
padding:3px;
}

.sous{
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #292F51;
font-style:italic;
color:#292F51;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
             
             
             
              --------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #000000; 
  color: #ffffff;
 
  border: 2px #ffffff solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #ffffff;
  -moz-box-shadow: 1px 1px 5px #ffffff;
  -webkit-box-shadow: 1px 1px 5px #ffffff;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
     
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #ffffff;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits {
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px;
  height: 70px;
  overflow: auto;
}


/* Titres */{
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px;
  width: 20px;
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000; 
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums Forumactif


Le CSS – Comment ça marche ?

Un code CSS se présente toujours de la façon suivante.

Code:

sélecteur {
attribut: valeur;
… ;
attribut: valeur;
}

- Le sélecteur (ou ensemble de sélecteurs) est un id une class ou un élément html
- Une accolade ouvrante
- Un ou plusieurs couples d'attributs/valeurs chacun suivi d'un point-virgule
- une accolade fermante.

Votre feuille CSS doit contenir autant d'accolades ouvrantes que fermantes, ce qui n'est pas votre cas.

Reprenons votre CSS

Code:

a.forumlink {
  color: #292F51;
  font: 100%, serif;
  text-transform : uppercase;
  text-align: center;
  border-bottom: 1px dotted;
  letter-spacing: 3px;
  display: block;
  }

Ce bloc est correct, il y a tout ce qu'il faut, prenez exemple dessus, le reste de votre CSS étant truffé d'erreurs.

Code:

.quote .code
  width: 500px;
  overflow-x: auto;

Là il n'y a aucune accolade, donc le code ne sera au mieux pas pris en compte, au pire provoquera le dysfonctionnement de tout ce qui suit.

Code:

#chatbox_header .cattitle strong { display: none; }

Code correct, on peut en effet omettre les sauts de ligne.

Code:

#chatbox_header .catBottom .cattitle {
    color: ;

Code incorrect : vous définissez un attribut color mais ne lui affectez aucune valeur. De surcroît l'accolade fermante est manquante.

Tout le reste du CSS est à revérifier, la plupart des blocs ne disposant d'aucune accolade.

[Kaipy]

Merci beaucoup pour votre accueil et votre réponse qui m'a permis d'en apprendre plus sur le CSS !
J'ai ajouté toutes les accolades que j'ai pu voir manquantes et les bordures sont réapparues mais il y'a encore un petit problème visiblement. Est-ce que j'aurais oublié une accolade à un endroit ? Je n'arrive pas à trouver ou. Merci d'avance pour votre aide.

Code:

a.forumlink {
   color: #292F51;
   font: 100%, serif;
   text-transform : uppercase;
   text-align: center;
   border-bottom: 1px dotted;
   letter-spacing: 3px;
   display: block;
   }

.quote .code {
  width: 500px;
  overflow-x: auto;
  }


/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Venez discuter !" ; }


.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
color: blue;
  }


.signature_div img {
  max-height:400px;
  max-width:500px;
  }

a  text-decoration: none; {
.blog_cal-content
color:#292F51;
  }
 
a:link {text-decoration: none; }
a:hover{text-decoration: none !important; }

a:hover {
text-decoration: none ; color: #292F51; border-bottom: 1px dotted #292F51;
 }
     
.forumline {
background-color:#292F51;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 2px #292F51 double;
border-top: 2px #292F51 double;
border-right: 2px #292F51 double;
border-left: 2px #292F51 double;
 }
 
input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;
 }
 
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
border: 5px double #292F51;
}
 
.profil_contour {

border:  4px #292F51 double; /*La bordure*/
background-color:#062B33 ; /*Le fond*/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
 }


#i_logo {margin-top:-10px;margin-right:-10px; margin-left:-10px; {

/*ENLEVER LE SOULIGNEMENT DES LIENS*/
a:hover{text-decoration: none !important;
a{text-decoration: none !important;
}

/* MARGES DU FORUM */
body {margin-top:-1px;margin-bottom:-1px;}
body{margin-top: 0px;}
body{margin-bottom: 0px;}
.bodyline{box-shadow:#292F51 0px 0px 5px;
}
/*JUSTIFICATION*/

.postbody text-align:justify;{ font-family:arial;
  display: block;
  padding-left: 6px;
  padding-right: 4px;


.mes-credits}

    font-weight:normal;{
    font-variant:small-caps;
    color:#292F51;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
}

body {
background-position: top-center;
}


/**QEEL**/
 
.statistiques {
border:0px;
background-image: url("http://img11.hostingpics.net/pics/363104popo.png");
background-repeat: no-repeat;
background-position:top-left;
height:400px;
}

.groupes {
;border: 3px #292F51 double;
-moz-border-radius : 15px 0px 15px 0px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;
}

.groupes:hover {
;border: 3px #292F51 double;
-moz-border-radius : 0px 15px 0px 15px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;
}


/* TITRES DES CATEGORIE */

a.forumlink:link, a.forumlink:visited {
font-family: serif;
background-color: #292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #292F51;
  border-bottom-right-radius: 10px
display: block;
border-radius-topleft: 15px;
border-radius-topright: 0px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 0px;
}

a.forumlink:link, a.forumlink:visited:hover {
font-family: serif;
background-color:#292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #D2D8EA;
display: block;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 15px;
}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #292F51;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #292F51;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span {
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
 }

.thumbnail:hover span {
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #292F51; /*ou alors si tu veux une image :*/
border: double 3px #292F51; /*on définit le style de la bordure sa largeur et sa couleur*/
 }

.titre {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Script MT Bold;
letter-spacing: -1px;
font-size: 18px;
font-weight:bold;
background-color:#292F51;
border-bottom: 3px double #292F51;
color: #292F51;
text-align: center;
padding:3px;
}

.sous {
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #292F51;
font-style:italic;
color:#292F51;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
             
             
             
              --------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #000000; 
  color: #292F51;
 
  border: 2px #292F51 solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #292F51;
  -moz-box-shadow: 1px 1px 5px #292F51;
  -webkit-box-shadow: 1px 1px 5px #292F51;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
     
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #292F51
  text-shadow: 0px 0px 8px #000000;
  border: #292F51 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #292F51;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits {
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px;
  height: 70px;
  overflow: auto;
}


/* Titres */{
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px;
  width: 20px;
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000; 
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}

[no_way]

Bonjour et bienvenue , remplacez votre code par celui-ci:

Code:

a.forumlink {
  color: #292F51;
  font: 100%, serif;
  text-transform : uppercase;
  text-align: center;
  border-bottom: 1px dotted;
  letter-spacing: 3px;
  display: block;
  }

.quote .code {
  width: 500px;
  overflow-x: auto;
  }


/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Venez discuter !" ; }


.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
color: blue;
  }


.signature_div img {
  max-height:400px;
  max-width:500px;
  }

a  text-decoration: none; {
.blog_cal-content
color:#292F51;
  }
 
a:link {text-decoration: none; }
a:hover{text-decoration: none !important; }

a:hover {
text-decoration: none ; color: #292F51; border-bottom: 1px dotted #292F51;
 }
   
.forumline {
background-color:#292F51;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 2px #292F51 double;
border-top: 2px #292F51 double;
border-right: 2px #292F51 double;
border-left: 2px #292F51 double;
 }
 
input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;
 }
 
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
border: 5px double #292F51;
}
 
.profil_contour {

border:  4px #292F51 double; /*La bordure*/
background-color:#062B33 ; /*Le fond*/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
 }


#i_logo {margin-top:-10px;margin-right:-10px; margin-left:-10px;}

/*ENLEVER LE SOULIGNEMENT DES LIENS*/
a,a:hover{text-decoration: none !important;}

/* MARGES DU FORUM */
body {margin-top:-1px;margin-bottom:-1px;}
body{margin-top: 0px;}
body{margin-bottom: 0px;}
.bodyline{box-shadow:#292F51 0px 0px 5px;
}
/*JUSTIFICATION*/

.postbody text-align:justify;{ font-family:arial;
  display: block;
  padding-left: 6px;
  padding-right: 4px;


.mes-credits}

    font-weight:normal;{
    font-variant:small-caps;
    color:#292F51;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
}

body {
background-position: top-center;
}


/**QEEL**/
 
.statistiques {
border:0px;
background-image: url("http://img11.hostingpics.net/pics/363104popo.png");
background-repeat: no-repeat;
background-position:top-left;
height:400px;
}

.groupes {
;border: 3px #292F51 double;
-moz-border-radius : 15px 0px 15px 0px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;
}

.groupes:hover {
;border: 3px #292F51 double;
-moz-border-radius : 0px 15px 0px 15px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;
}


/* TITRES DES CATEGORIE */

a.forumlink:link, a.forumlink:visited {
font-family: serif;
background-color: #292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #292F51;
  border-bottom-right-radius: 10px
display: block;
border-radius-topleft: 15px;
border-radius-topright: 0px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 0px;
}

a.forumlink:link, a.forumlink:visited:hover {
font-family: serif;
background-color:#292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #D2D8EA;
display: block;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 15px;
}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #292F51;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #292F51;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span {
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
 }

.thumbnail:hover span {
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #292F51; /*ou alors si tu veux une image :*/
border: double 3px #292F51; /*on définit le style de la bordure sa largeur et sa couleur*/
 }

.titre {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Script MT Bold;
letter-spacing: -1px;
font-size: 18px;
font-weight:bold;
background-color:#292F51;
border-bottom: 3px double #292F51;
color: #292F51;
text-align: center;
padding:3px;
}

.sous {
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #292F51;
font-style:italic;
color:#292F51;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
           
           
           
              --------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #000000;
  color: #292F51;
 
  border: 2px #292F51 solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #292F51;
  -moz-box-shadow: 1px 1px 5px #292F51;
  -webkit-box-shadow: 1px 1px 5px #292F51;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
   
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #292F51
  text-shadow: 0px 0px 8px #000000;
  border: #292F51 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #292F51;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits {
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px;
  height: 70px;
  overflow: auto;
}


/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px;
  width: 20px;
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}

si vous utilisez notepad++:

[Kaipy]

Superbe, merci beaucoup ! =D

[Chacha]

Bienvenue sur le forum de support de Forumactif Bonjour, Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.