[Optimisation d'un forum..]

[Invité]

Bonjours,
Voilà , mon forum à des bords arrondis , sauf que il n'est optimiser que pour Mozilla & j'aimerais que pour plus de simplicité , j'aimerais qu'il soit optimisé pour Chrome.. Breff , j'ai beau chercher un code , je ne trouve pas , pourriez vous m'aidez pour pouvoir optimiser mon forum?


Merci.

[ge80]

Bonjour


ICI -> Votre bonheur

.arrondi {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Ou ici
Mais avec la solution des images.

Cordialement,
Ge

[Invité]

Regardez par exemple ici : mon forum test.. ; les bords arrondis ne marche pas sur GC..

edit : je dois mettre sa dans tous le CSS , enfin modifier tous les codes?

[ge80]

Ceci se fait avec la CSS et/ou les code HTML (tout dépend de l'endroit où cela doit être réalisé)

Ou ici
Mais avec la solution des images.

[Invité]

bahh il faudrait que le forum soit optimiser entièrement sachant que le thème est arrondis , j'ai juste rajouter les arrondis au niveaux des catégories.. Je comprends pas trop ce qu'il faut que je fasse..

[ge80]

DAns votre CSS ::
prenons un exemple

Code:

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}

Code:

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */

-webkit-border-radius: 5px; /* on ajoute pour un autre navigateur */

height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}

[Invité]

voilà mon CSS

Code:

u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none; text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;}

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

.quote{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #ffffff;
    border: 5px #C5C5C5 solid;
    }

}
a.mainmenu{
 text-decoration: none;
 color : #C5C5C5;
}
a.mainmenu:hover{
 text-decoration: none;
border: 1px dotted #CDCDCD;
 color : #c1bbb3;
 }

.forumline{
    background-color: #ffffff;
    border: 3px #ffffff solid;
    }



.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#F2EDDB}


.statistiques
{
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}



.bodyline { border: 10px solid #ffffff; }

div.infobulle {
  position: relative;
  float: left;
}

div.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;

.titrefora {border-bottom: 4px inset #ddedf7;
    border-left:1px solid #ddedf7;
    border-right:1px solid #ddedf7;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    width: 350px;
    padding: 2px;}

.descrip {background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}

.tablo{
border-right:5px solid #ddedf7;
width: 80%;}

.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}


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


.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}

div.infobulle {
  position: relative;
  float: left;
}

div.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}

    a { text-decoration: none; }
    body
    .forumline {
    border : 1px dashed ##0A0A0A;
    }
    .titre_tableau
    {
    font-variant: small-caps;
    background-image: url(image_de_fond.jpg);
    background-repeat: repeat-x; /*pour une répétition horizontale*/
    }

    a {font-variant: small-caps;}

 
    }

    .postdetails.poster-profile a img {
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    border: 3px solid #000000;
    }
    .backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

    .profil_contour
    {
    border: 3px solid-black; /*La bordure*/
    background-color: color: rgb(48.30.24); /*Le fond*/
    }
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;


    .tstaff{
    font-size:1em;
    }

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

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

    .thumbnail:hover span{
    visibility: visible;
    top: 50px;
    left: 25px; /*position where enlarged image should offset horizontally */
    width: 160px
    }

    table.bodylinewidth
    {
    position: relative;
    top: -9px;
    }

    table.bodylinewidth
    {
    position: relative;
    bottom: -9px;
    }

    a.infobulle {
      position: relative;
    }

    a.infobulle span {
      display: none;
    }
    a.infobulle:hover {
      background: none;
      z-index: 999;

    }
    a.infobulle:hover span {
      display: inline;
      position: absolute;

      white-space: nowrap;

      top: 10px;
      left: 2px;

      background: #333333;

      color: blue;
      padding: 6px;

   
      border: 10px radius blue;
      border-radius: 10px radius blue;
    }

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

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    }

    a { text-decoration: none; }

    .topiclist dl.icon {
    min-height: 50px;
    background-position: 2px 50%;
    }
    * html .topiclist dl.icon {
    height: 50px;
    }
    ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    }
    ul.pmlist dt,ul.pmlist dd.dterm {
    padding-left: 50px;
    }

    .haccordion li .hpanel{
    width: 100%; /*For users with JS disabled: Width of each content*/
    height: 206px;  /*For users with JS disabled: Height of each content*/
    }

    /*lien menu accordéon*/
    .lienadmin
    {
    background-color: #440503;
    padding-bottom:6px;
    padding-top:6px;
    padding-left:5px;
    padding-right:5px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    }

    .lienadmin:hover
    {
    color: #e7c02e;
    text-shadow: 1px 1px 1px #e7c02e;
    }

    .blablapa
    {
    width: 350px;
    color : #e7c02e;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #440503;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    border-bottom:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }

    .Tadaga
    {
    width: 350px;
    color : #3E57F7;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #440503;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    border-bottom:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }


    .RP
    {
    width: 350px;
    color : #224DCC;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #AFC1FA;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #16318A;
    border-left:4px solid #16318A;
    border-top:1px solid #16318A;
    border-bottom:1px solid #16318A;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }

    .Naruto
    {
    width: 350px;
    color : #9E9E9E;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #FFFFFF;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #000000;
    border-left:4px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    font-size:1em;
    }

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

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

    .thumbnail span
    {
    position: absolute;
    background-color: #494747;
    padding: 5px;
    left: -1000px;
    border: 1px groove #F0BF5D;
    visibility: hidden;
    color: #FFFFFF;
    text-decoration: none;
    }

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

    .thumbnail:hover span{
    visibility: visible;
    top: 50px;
    left: 25px; /*position where enlarged image should offset horizontally */
    width: 160px;
    }

    table.bodylinewidth
    {
    position: relative;
    top: -9px;
    }

    table.bodylinewidth
    {
    position: relative;
    bottom: -9px;
    }

    .infobulle {
      position: relative;
    }

    .infobulle span {
      display: none;
    }

    .infobulle:hover {
      background: none;
      z-index: 999;
    }

    .infobulle:hover span {
      display: inline;
      position: absolute;
      white-space: nowrap;
      top: 10px;
      left: 2px;
      background: #333333;
      color: blue;
      padding: 6px;
      border: 10px radius blue;
      border-radius: 10px radius blue;
    }

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    }

    a { text-decoration: none; }

    .topiclist dl.icon {
    min-height: 50px;
    background-position: 2px 50%;
    }

    * html .topiclist dl.icon {
    height: 50px;
    }

    ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    }

    ul.pmlist dt,ul.pmlist dd.dterm {
    padding-left: 50px;
    }

    .en_tete{
      width:700px;
      min-height:400px;
      height:auto;
      background-color:black;
      margin:auto;
      border:solid 0px #CCCCCC;
      }

 
       
        a.infobulle {
          position: relative;
        }

        a.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }

        a.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

        }

        a.infobulle:hover span {
          display: inline; /* ceci affiche l'infobulle */
          position: absolute;
          white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
          top: -300px; /* on positionne notre infobulle */
          left: 155px;
          background: #707070; /* arrière-plan de l'infobulle */
          color: black; /* texte dans l'infobulle */
          padding: 3px;
          /* bordures de votre infobulle*/
          border: 1px dotted black;
          border-left: 1px dotted black;
        }
     
      .complet{
    text-align:center;
    color:#FFFFFF;
    }

    .complet a{
    color:#FFFFFF;
    text-decoration:none;
    }

    .context{
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    }

    .titrebas{
    color: #66625A ;
    background-color:#6A939C;
    text-align: center;
    font-variant: small-caps;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size:18px;
    margin-bottom:5px;
    }

    .bas{
    background-#6A939C;
    -moz-border-radius:10px;
    padding:5px;
    }

    .navig{
    margin-left:15px;
    margin-right:15px;
    margin-bottom:1px;
    background-color:#9C9393;
    display:block;
    border-left:5px solid #aeadad;
    border-right:5px solid #aeadad;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .navig:hover{
    border-left:5px solid #6A939C;
    border-right:5px solid #6A939C;
    }

    .textscroll{
    overflow:auto;
    width:290px;
    height: 90px;
    }

    .block{
    padding-bottom:20px;
    }

    .logo{
    padding-bottom:20px;
    }

    #bienvenue{
    color: #FFFFFF;
    background-color: #9C9393;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size:20px;
    }

    .titre {
    color: #FFFFFF;
    background-color: #9C9393;
    text-align: center;
    font-variant: small-caps;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size:18px;
    }

    .top {
    border: 1px solid #FFFFFF;
    background-color: #ffffff;
    padding:1px;
    }

    a.imginfo {
    position: relative;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 0px #ffffff solid;
    padding-right:10px;
    }

    a.imginfo span {
    display: none;
    }

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

    a.imginfo:hover span {
    display: inline;
    position: absolute;
    white-space: nowrap;
    top: 10px;
    left: 20px;
    background: #ddedf7;
    color: #000000;
    padding: 2px;
    border: 2px solid #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */


--' je regarde sa...

[ge80]

Prenons

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;

il faut ajouter pour les autres navigateurs

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;

-webkit-border-radius: 7px;
-khtml-border-radius: 7px;

et ceci pour chaque classe de votre CSS qui a la ligne -moz .....

[Invité]

donc , je rajoute juste :

-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
suivant la taille des px ou je change pas la taille des px?

[ge80]

tout à fait
/* Pour Gekko(Firefox) */
-moz-border-radius: 7px 7px 7px 7px;
signifie 7px pour les quatre coins que l'on peut simplifier en
-moz-border-radius: 7px;

et pour d'autres
/* Pour webkit (Safari,Chrome ou Chromium) */
-webkit-border-radius: 7px;
/* Pour Konqueror: */
-khtml-border-radius: 7px;

[Invité]

j'essaye , je posterais le code , que je vous montrerais ok?:f
merci

[ge80]

Pas de souci mais vous devriez réussir

[Invité]

Oui , mais il y a quelques codes ou j'hésite , je fouille un peux partout ^^
la , sa doit être bon *croise les doigts*

Code:

u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
-moz-border-radius:10px;}
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;

I{border-bottom:none; text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #ffffff;
border-left: 9px solid ##ffffff;
border-right: 9px solid ##ffffff;
-moz-border-radius:6px;}
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;

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

.quote{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
line-height: 125%;
background-color; #F5DEB3;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;

.code{
font-family: Tahoma;
font-size: 11px;
color: #1f1f1f;
background-color: #F5DEB3;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #ffffff;
    border: 5px #C5C5C5 solid;
    }

}
a.mainmenu{
 text-decoration: none;
 color : #C5C5C5;
}
a.mainmenu:hover{
 text-decoration: none;
border: 1px dotted #CDCDCD;
 color : #c1bbb3;
 }

.forumline{
    background-color: #ffffff;
    border: 3px #ffffff solid;
    }



.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#F2EDDB}


.statistiques
{
border:0px;
background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}



.bodyline { border: 10px solid #ffffff; }

div.infobulle {
  position: relative;
  float: left;
}

div.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;

.titrefora {border-bottom: 4px inset #ddedf7;
    border-left:1px solid #ddedf7;
    border-right:1px solid #ddedf7;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    width: 350px;
    padding: 2px;}

.descrip {background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right: 4px;
display: block;
height:75px;
padding:4px;}

.tablo{
border-right:5px solid #ddedf7;
width: 80%;}

.ssfo{
background-color: #ddedf7;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:4px;
width: 180px;
text-align: left;}


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


.mainmenu{
background: #ddedf7;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, serif;
font-size: 11px;
text-align: center;
padding:0px;
}

div.infobulle {
  position: relative;
  float: left;
}

div.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: 1px;
left: 1px;
background-color: #FFFFFF;
color: #000000;
padding: 2px;
border: 1px solid #000000;
}

    a { text-decoration: none; }
    body
    .forumline {
    border : 1px dashed ##0A0A0A;
    }
    .titre_tableau
    {
    font-variant: small-caps;
    background-image: url(image_de_fond.jpg);
    background-repeat: repeat-x; /*pour une répétition horizontale*/
    }

    a {font-variant: small-caps;}

 
    }

    .postdetails.poster-profile a img {
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    border: 3px solid #000000;
    }
    .backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

    .profil_contour
    {
    border: 3px solid-black; /*La bordure*/
    background-color: color: rgb(48.30.24); /*Le fond*/
    }
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;


    .tstaff{
    font-size:1em;
    }

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

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

    .thumbnail:hover span{
    visibility: visible;
    top: 50px;
    left: 25px; /*position where enlarged image should offset horizontally */
    width: 160px
    }

    table.bodylinewidth
    {
    position: relative;
    top: -9px;
    }

    table.bodylinewidth
    {
    position: relative;
    bottom: -9px;
    }

    a.infobulle {
      position: relative;
    }

    a.infobulle span {
      display: none;
    }
    a.infobulle:hover {
      background: none;
      z-index: 999;

    }
    a.infobulle:hover span {
      display: inline;
      position: absolute;

      white-space: nowrap;

      top: 10px;
      left: 2px;

      background: #333333;

      color: blue;
      padding: 6px;

   
      border: 10px radius blue;
      border-radius: 10px radius blue;
    }

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

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
    }

    a { text-decoration: none; }

    .topiclist dl.icon {
    min-height: 50px;
    background-position: 2px 50%;
    }
    * html .topiclist dl.icon {
    height: 50px;
    }
    ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    }
    ul.pmlist dt,ul.pmlist dd.dterm {
    padding-left: 50px;
    }

    .haccordion li .hpanel{
    width: 100%; /*For users with JS disabled: Width of each content*/
    height: 206px;  /*For users with JS disabled: Height of each content*/
    }

    /*lien menu accordéon*/
    .lienadmin
    {
    background-color: #440503;
    padding-bottom:6px;
    padding-top:6px;
    padding-left:5px;
    padding-right:5px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    }

    .lienadmin:hover
    {
    color: #e7c02e;
    text-shadow: 1px 1px 1px #e7c02e;
    }

    .blablapa
    {
    width: 350px;
    color : #e7c02e;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #440503;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    border-bottom:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }

    .Tadaga
    {
    width: 350px;
    color : #3E57F7;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #440503;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    border-bottom:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }


    .RP
    {
    width: 350px;
    color : #224DCC;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #AFC1FA;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #16318A;
    border-left:4px solid #16318A;
    border-top:1px solid #16318A;
    border-bottom:1px solid #16318A;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }

    .Naruto
    {
    width: 350px;
    color : #9E9E9E;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #FFFFFF;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #000000;
    border-left:4px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    font-size:1em;
    }

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

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

    .thumbnail span
    {
    position: absolute;
    background-color: #494747;
    padding: 5px;
    left: -1000px;
    border: 1px groove #F0BF5D;
    visibility: hidden;
    color: #FFFFFF;
    text-decoration: none;
    }

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

    .thumbnail:hover span{
    visibility: visible;
    top: 50px;
    left: 25px; /*position where enlarged image should offset horizontally */
    width: 160px;
    }

    table.bodylinewidth
    {
    position: relative;
    top: -9px;
    }

    table.bodylinewidth
    {
    position: relative;
    bottom: -9px;
    }

    .infobulle {
      position: relative;
    }

    .infobulle span {
      display: none;
    }

    .infobulle:hover {
      background: none;
      z-index: 999;
    }

    .infobulle:hover span {
      display: inline;
      position: absolute;
      white-space: nowrap;
      top: 10px;
      left: 2px;
      background: #333333;
      color: blue;
      padding: 6px;
      border: 10px radius blue;
      border-radius: 10px radius blue;
    }

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    }

    a { text-decoration: none; }

    .topiclist dl.icon {
    min-height: 50px;
    background-position: 2px 50%;
    }

    * html .topiclist dl.icon {
    height: 50px;
    }

    ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    }

    ul.pmlist dt,ul.pmlist dd.dterm {
    padding-left: 50px;
    }

    .en_tete{
      width:700px;
      min-height:400px;
      height:auto;
      background-color:black;
      margin:auto;
      border:solid 0px #CCCCCC;
      }

 
       
        a.infobulle {
          position: relative;
        }

        a.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }

        a.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

        }

        a.infobulle:hover span {
          display: inline; /* ceci affiche l'infobulle */
          position: absolute;
          white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
          top: -300px; /* on positionne notre infobulle */
          left: 155px;
          background: #707070; /* arrière-plan de l'infobulle */
          color: black; /* texte dans l'infobulle */
          padding: 3px;
          /* bordures de votre infobulle*/
          border: 1px dotted black;
          border-left: 1px dotted black;
        }
     
      .complet{
    text-align:center;
    color:#FFFFFF;
    }

    .complet a{
    color:#FFFFFF;
    text-decoration:none;
    }

    .context{
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    }

    .titrebas{
    color: #66625A ;
    background-color:#6A939C;
    text-align: center;
    font-variant: small-caps;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size:18px;
    margin-bottom:5px;
    }

    .bas{
    background-#6A939C;
    -moz-border-radius:10px;
    padding:5px;
    }

    .navig{
    margin-left:15px;
    margin-right:15px;
    margin-bottom:1px;
    background-color:#9C9393;
    display:block;
    border-left:5px solid #aeadad;
    border-right:5px solid #aeadad;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .navig:hover{
    border-left:5px solid #6A939C;
    border-right:5px solid #6A939C;
    }

    .textscroll{
    overflow:auto;
    width:290px;
    height: 90px;
    }

    .block{
    padding-bottom:20px;
    }

    .logo{
    padding-bottom:20px;
    }

    #bienvenue{
    color: #FFFFFF;
    background-color: #9C9393;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size:20px;
    }

    .titre {
    color: #FFFFFF;
    background-color: #9C9393;
    text-align: center;
    font-variant: small-caps;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size:18px;
    }

    .top {
    border: 1px solid #FFFFFF;
    background-color: #ffffff;
    padding:1px;
    }

    a.imginfo {
    position: relative;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 0px #ffffff solid;
    padding-right:10px;
    }

    a.imginfo span {
    display: none;
    }

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

    a.imginfo:hover span {
    display: inline;
    position: absolute;
    white-space: nowrap;
    top: 10px;
    left: 20px;
    background: #ddedf7;
    color: #000000;
    padding: 2px;
    border: 2px solid #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

.cadreavatar {
width: 200px;
height: 320px;
-moz-border-radius:30px;
border: 10px solid #ffffff; }
/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B1DCED;
border-right: 10px solid #B1DCED;
border-left: 10px solid #B1DCED;
background-color: #B1DCED;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */

[ge80]

vous avez des erreur de } fermantes aux mauvais endroits.
ou oublié

.quote{
border-bottom-width: 1px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}

Après....
Des oublis et une simplification en

input,textarea, select {
-moz-border-radius:9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
}

bien tout relire

[Invité]

oula je comprends pas trop.. déjà que pour faire certaines choses j'ai du mal alors la

[ge80]

OK
je corrige vos erreurs et les commente.

[Invité]

Merci ; donc après sa , mon forum sera optimisé pour:
Mozilla , Chrome et Safari si je comprends bien?

[ge80]

tout à fait mais que d'erreurs.

je ne suis pas certain de ne pas avoir oublié quelques erreurs.

Il y avait plus de } fermantes que de { ouvrantes

Code:

    u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
   }
   /* mauvaise position */

    I{border-bottom:none; text-decoration: none    }

    a:hover{text-transform:uppercase;}

    .bodylinewidth {    width:70%}
   
   a.forumlink{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    background-color: #ffffff;
    border-bottom: 2px dotted #ffffff;
    color:#oooooo;
    font-family: Georgia;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: left;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    background-color: #ffffff;
    border-left: 9px solid ##ffffff;
    border-right: 9px solid ##ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   }
   /* mauvaise position  */

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

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #1f1f1f;
    line-height: 125%;
    background-color; #F5DEB3;
    border: #1f1f1f;
    border-style: solid;
    border: 1px #1f1f1f;
    dotted;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   }
   /* oubli  */
    .code{
    font-family: Tahoma;
    font-size: 11px;
    color: #1f1f1f;
    background-color: #F5DEB3;
    border: #1f1f1f;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px
    border: 1px #c4bfb5;
    dotted;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   }
   /* mauvaise position */
    input,textarea, select {
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    }


    a {font-variant: small-caps;}
    .forumline{-moz-border-radius:15px;}
    .bodyline {-moz-border-radius:40px;}

    a.forumline{
        background-color: #ffffff;
        border: 5px #C5C5C5 solid;
        }

    a.mainmenu{
    text-decoration: none;
    color : #C5C5C5;
    }
    a.mainmenu:hover{
    text-decoration: none;
    border: 1px dotted #CDCDCD;
    color : #c1bbb3;
    }

    .forumline{
        background-color: #ffffff;
        border: 3px #ffffff solid;
        }



    .milieu {width: 90%;
   margin: 0px;
   border: 1px solid #ffffff;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding: 5px;
   background-color:#F2EDDB}


    .statistiques    {
    border:0px;
    background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
    background-repeat: no-repeat;
    background-position: center;
    height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes    {
    background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
    border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
    -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
   
   
   height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }



    .bodyline { border: 10px solid #ffffff; }

    div.infobulle {
      position: relative;
      float: left;
    }

    div.infobulle span {
      display: none; /* ceci masque l'infobulle */
    }
    div.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    div.infobulle:hover span {
    display: inline;
    position: absolute;
    top: Ypx;
    left: Xpx;
    background-color: #FFFFFF;
    color: #000000;
    padding: 2px;
    border: 1px solid #000000;
      }
   /* oubli */

    .titrefora { border-bottom: 4px inset #ddedf7;
        border-left:1px solid #ddedf7;
        border-right:1px solid #ddedf7;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        width: 350px;
        padding: 2px; }

    .descrip { background-color: #ddedf7;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    margin-right: 4px;
    display: block;
    height:75px;
    padding:4px;}

    .tablo{
    border-right:5px solid #ddedf7;
    width: 80%;}

    .ssfo{
    background-color: #ddedf7;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:4px;
    width: 180px;
    text-align: left;}


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


    .mainmenu{
    background: #ddedf7;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    font-family: Georgia, Verdana, Arial, serif;
    font-size: 11px;
    text-align: center;
    padding:0px;
    }

    div.infobulle {
      position: relative;
      float: left;
    }

    div.infobulle span {
      display: none; /* ceci masque l'infobulle */
    }
    div.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    div.infobulle:hover span {
    display: inline;
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #FFFFFF;
    color: #000000;
    padding: 2px;
    border: 1px solid #000000;
    }

a { text-decoration: none; }

.forumline {
        border : 1px dashed ##0A0A0A;
        }
.titre_tableau        {
        font-variant: small-caps;
        background-image: url(image_de_fond.jpg);
        background-repeat: repeat-x; /*pour une répétition horizontale*/
        }

a {font-variant: small-caps;}

.postdetails.poster-profile a img {
        -moz-border-radius-bottomleft:15px;
        -moz-border-radius-bottomright:15px;
        -moz-border-radius-topleft:15px;
        -moz-border-radius-topright:15px;
        border: 3px solid #000000;
        }
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

.profil_contour        {
        border: 3px solid-black; /*La bordure*/
        background-color: color: rgb(48.30.24); /*Le fond*/

        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
   }
   /* mauvaise position */

        .tstaff{
        font-size:1em;
        }

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

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

        .thumbnail:hover span{
        visibility: visible;
        top: 50px;
        left: 25px; /*position where enlarged image should offset horizontally */
        width: 160px
        }

        table.bodylinewidth        {
        position: relative;
        top: -9px;
        }

        table.bodylinewidth        {
        position: relative;
        bottom: -9px;
        }

        a.infobulle {
          position: relative;
        }

        a.infobulle span {
          display: none;
        }
        a.infobulle:hover {
          background: none;
          z-index: 999;

        }
        a.infobulle:hover span {
          display: inline;
          position: absolute;

          white-space: nowrap;

          top: 10px;
          left: 2px;

          background: #333333;

          color: blue;
          padding: 6px;

     
          border: 10px radius blue;
          border-radius: 10px radius blue;
        }

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

        textarea, .textarea.post, input.post {
        -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
        }

        a { text-decoration: none; }

        .topiclist dl.icon {
        min-height: 50px;
        background-position: 2px 50%;
        }
        * html .topiclist dl.icon {
        height: 50px;
        }
        ul.topics dt,ul.topics dd.dterm {
        padding-left: 50px;
        }
        ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 50px;
        }

        .haccordion li .hpanel{
        width: 100%; /*For users with JS disabled: Width of each content*/
        height: 206px;  /*For users with JS disabled: Height of each content*/
        }

        /*lien menu accordéon*/
        .lienadmin        {
        background-color: #440503;
        padding-bottom:6px;
        padding-top:6px;
        padding-left:5px;
        padding-right:5px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px 10px 0px 0px;
        }

        .lienadmin:hover        {
        color: #e7c02e;
        text-shadow: 1px 1px 1px #e7c02e;
        }

        .blablapa        {
        width: 350px;
        color : #e7c02e;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #440503;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        border-bottom:1px solid #e7c02e;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

        .Tadaga        {
        width: 350px;
        color : #3E57F7;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #440503;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        border-bottom:1px solid #e7c02e;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }


        .RP        {
        width: 350px;
        color : #224DCC;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #AFC1FA;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #16318A;
        border-left:4px solid #16318A;
        border-top:1px solid #16318A;
        border-bottom:1px solid #16318A;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

        .Naruto        {
        width: 350px;
        color : #9E9E9E;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #FFFFFF;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #000000;
        border-left:4px solid #000000;
        border-top:1px solid #000000;
        border-bottom:1px solid #000000;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        font-size:1em;
        }

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

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

        .thumbnail span        {
        position: absolute;
        background-color: #494747;
        padding: 5px;
        left: -1000px;
        border: 1px groove #F0BF5D;
        visibility: hidden;
        color: #FFFFFF;
        text-decoration: none;
        }

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

        .thumbnail:hover span{
        visibility: visible;
        top: 50px;
        left: 25px; /*position where enlarged image should offset horizontally */
        width: 160px;
        }

        table.bodylinewidth        {
        position: relative;
        top: -9px;
        }

        table.bodylinewidth        {
        position: relative;
        bottom: -9px;
        }

        .infobulle {
          position: relative;
        }

        .infobulle span {
          display: none;
        }

        .infobulle:hover {
          background: none;
          z-index: 999;
        }

        .infobulle:hover span {
          display: inline;
          position: absolute;
          white-space: nowrap;
          top: 10px;
          left: 2px;
          background: #333333;
          color: blue;
          padding: 6px;
          border: 10px radius blue;
          border-radius: 10px radius blue;
        }

        textarea, .textarea.post, input.post {
        -moz-border-radius:10px;
        }

        a { text-decoration: none; }

        .topiclist dl.icon {
        min-height: 50px;
        background-position: 2px 50%;
        }

        * html .topiclist dl.icon {
        height: 50px;
        }

        ul.topics dt,ul.topics dd.dterm {
        padding-left: 50px;
        }

        ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 50px;
        }

        .en_tete{
          width:700px;
          min-height:400px;
          height:auto;
          background-color:black;
          margin:auto;
          border:solid 0px #CCCCCC;
          }

   
         
            a.infobulle {
              position: relative;
            }

            a.infobulle span {
              display: none; /* ceci masque l'infobulle */
            }

            a.infobulle:hover {
              background: none; /* correction d'un bug IE */
              z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

            }

            a.infobulle:hover span {
              display: inline; /* ceci affiche l'infobulle */
              position: absolute;
              white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
              top: -300px; /* on positionne notre infobulle */
              left: 155px;
              background: #707070; /* arrière-plan de l'infobulle */
              color: black; /* texte dans l'infobulle */
              padding: 3px;
              /* bordures de votre infobulle*/
              border: 1px dotted black;
              border-left: 1px dotted black;
            }
       
          .complet{
        text-align:center;
        color:#FFFFFF;
        }

        .complet a{
        color:#FFFFFF;
        text-decoration:none;
        }

        .context{
        padding-left:20px;
        padding-right:20px;
        font-size:14px;
        }

        .titrebas{
        color: #66625A ;
        background-color:#6A939C;
        text-align: center;
        font-variant: small-caps;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:18px;
        margin-bottom:5px;
        }

        .bas{
        background-#6A939C;
        -moz-border-radius:10px;
      -webkit-border-radius: 10px;
        padding:5px;
        }
        .navig{
        margin-left:15px;
        margin-right:15px;
        margin-bottom:1px;
        background-color:#9C9393;
        display:block;
        border-left:5px solid #aeadad;
        border-right:5px solid #aeadad;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        }

        .navig:hover{
        border-left:5px solid #6A939C;
        border-right:5px solid #6A939C;
        }

        .textscroll{
        overflow:auto;
        width:290px;
        height: 90px;
        }

        .block{
        padding-bottom:20px;
        }

        .logo{
        padding-bottom:20px;
        }

        #bienvenue{
        color: #FFFFFF;
        background-color: #9C9393;
        text-align: center;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:20px;
        }

        .titre {
        color: #FFFFFF;
        background-color: #9C9393;
        text-align: center;
        font-variant: small-caps;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:18px;
        }

        .top {
        border: 1px solid #FFFFFF;
        background-color: #ffffff;
        padding:1px;
        }

        a.imginfo {
        position: relative;
        color: #ffffff;
        text-decoration: none;
        border-bottom: 0px #ffffff solid;
        padding-right:10px;
        }

        a.imginfo span {
        display: none;
        }

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

        a.imginfo:hover span {
        display: inline;
        position: absolute;
        white-space: nowrap;
        top: 10px;
        left: 20px;
        background: #ddedf7;
        color: #000000;
        padding: 2px;
        border: 2px solid #ffffff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

    .cadreavatar {
    width: 200px;
    height: 320px;
    -moz-border-radius:30px;
    border: 10px solid #ffffff; }
    /* TITRE CATEGORIE */
    .titrecat {
    text-align: center;
    padding-top: -15px;
    padding-bottom: 15px;
    display: block;
    width: 80%;
    border-top: 10px solid #B1DCED;
    border-right: 10px solid #B1DCED;
    border-left: 10px solid #B1DCED;
    background-color: #B1DCED;
    color: #FFF;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */

essayer ceci en préservant le CSS qui fonctionne dans un fichier texte.

[Invité]

Il y a quelques petits soucis , voici la comparaison entre Mozilla & Chrome :
Mozilla :

Spoiler:

Chrome :

Spoiler:

, sinon , ya eu des corrections à certains endroit..

[ge80]

C'est bien ce que je craignais..

Chrome (dernière version) à quelques soucis avec les arrondis et la CSS 3.

D'où mon lien avec des arrondi avec images aux quatre coins

Je regarde, par un test, si il y a moyen de contourner tout en gardant la CSS.

[Invité]

Ha , c'est ce que j'avais lu je sais plus trop ou..
Merci à vous en tout cas

[ge80]

Votre CSS n'est pas modifiée

Vérifier de bien enregistrer les modifications de votre feuille CSS.

Regarder s'il n'y a pas un message d'erreur lors de l'enregistrement.

[Invité]

Aucun message d'erreur et rien n'a bouger..

[ge80]

La css ne change pas... en voici la preuve.

Code:


a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #ffffff;
border-bottom: 2px dotted #ffffff;
color:#oooooo;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}

faites vous VALIDER juste au dessus des Options du CSS ?

[Invité]

Pourtant , je change le CSS à partir de couleur & rien ne bouge.. j'ai copier/coller celui que vous m'aviez donner et coller dessus après avoir effacer le vieux.. rien..
Oui , je valide bien.

[ge80]

et si vous revenez en édition est-ce que cette partie comporte la ligne webkit ????

a.forumlink{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;

[Invité]

Oui , elle le comporte.

[ge80]

C'est étrange car je ne la vois pas.
Veuillez, svp, me redonner le lien de votre forum...


edit : c'est ok il est passé

et cette zone fonctionne avec Chrome donc la CSS est correcte.



N'avez-vous pas des templates modifiées ?

[Invité]

[XXXX] voila LE VRAI FORUM en construction & le forum test : http://photographie.forumgratuit.org/
édit : si , index_box ; viewtopic_body & rpg_sheet_edit...

[ge80]

Merci


Les modifications sont maintenant prisent en compte.

N'avez-vous pas des templates modifiées ?

La réponse à cette question posée plus haut est ?



un nouvel essai

Code:

    u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
   }
   /* mauvaise position */

    I{border-bottom:none; text-decoration: none    }

    a:hover{text-transform:uppercase;}

    .bodylinewidth {    width:70%}
   
   a.forumlink{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    background-color: #ffffff;
    border-bottom: 2px dotted #ffffff;
    color:#oooooo;
    font-family: Georgia;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: left;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    background-color: #ffffff;
    border-left: 9px solid ##ffffff;
    border-right: 9px solid ##ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   }
   /* mauvaise position  */

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

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #1f1f1f;
    line-height: 125%;
    background-color; #F5DEB3;
    border: #1f1f1f;
    border-style: solid;
    border: 1px #1f1f1f;
    dotted;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   }
   /* oubli  */
    .code{
    font-family: Tahoma;
    font-size: 11px;
    color: #1f1f1f;
    background-color: #F5DEB3;
    border: #1f1f1f;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px
    border: 1px #c4bfb5;
    dotted;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   }
   /* mauvaise position */
    input,textarea, select {
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    }


    a {font-variant: small-caps;}
    .forumline{-moz-border-radius:15px;}
    .bodyline {-moz-border-radius:40px;}

    a.forumline{
        background-color: #ffffff;
        border: 5px #C5C5C5 solid;
        }

    a.mainmenu{
    text-decoration: none;
    color : #C5C5C5;
    }
    a.mainmenu:hover{
    text-decoration: none;
    border: 1px dotted #CDCDCD;
    color : #c1bbb3;
    }

    .forumline{
       -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
        background-color: #ffffff;
        border: 3px #ffffff solid;
        }



    .milieu {width: 90%;
   margin: 0px;
   border: 1px solid #ffffff;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding: 5px;
   background-color:#F2EDDB}


    .statistiques    {
    border:0px;
    background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
    background-repeat: no-repeat;
    background-position: center;
    height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes    {
    background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
    border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
    -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
   
   
   height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }



    .bodyline { border: 10px solid #ffffff; }

    div.infobulle {
      position: relative;
      float: left;
    }

    div.infobulle span {
      display: none; /* ceci masque l'infobulle */
    }
    div.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    div.infobulle:hover span {
    display: inline;
    position: absolute;
    top: Ypx;
    left: Xpx;
    background-color: #FFFFFF;
    color: #000000;
    padding: 2px;
    border: 1px solid #000000;
      }
   /* oubli */

    .titrefora { border-bottom: 4px inset #ddedf7;
        border-left:1px solid #ddedf7;
        border-right:1px solid #ddedf7;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        width: 350px;
        padding: 2px; }

    .descrip { background-color: #ddedf7;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    margin-right: 4px;
    display: block;
    height:75px;
    padding:4px;}

    .tablo{
    border-right:5px solid #ddedf7;
    width: 80%;}

    .ssfo{
    background-color: #ddedf7;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:4px;
    width: 180px;
    text-align: left;}


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


    .mainmenu{
    background: #ddedf7;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    font-family: Georgia, Verdana, Arial, serif;
    font-size: 11px;
    text-align: center;
    padding:0px;
    }

    div.infobulle {
      position: relative;
      float: left;
    }

    div.infobulle span {
      display: none; /* ceci masque l'infobulle */
    }
    div.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    div.infobulle:hover span {
    display: inline;
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #FFFFFF;
    color: #000000;
    padding: 2px;
    border: 1px solid #000000;
    }

a { text-decoration: none; }

.forumline {
        border : 1px dashed ##0A0A0A;
        }
.titre_tableau        {
        font-variant: small-caps;
        background-image: url(image_de_fond.jpg);
        background-repeat: repeat-x; /*pour une répétition horizontale*/
        }

a {font-variant: small-caps;}

.postdetails.poster-profile a img {
        -moz-border-radius-bottomleft:15px;
        -moz-border-radius-bottomright:15px;
        -moz-border-radius-topleft:15px;
        -moz-border-radius-topright:15px;
        border: 3px solid #000000;
        }
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

.profil_contour        {
        border: 3px solid-black; /*La bordure*/
        background-color: color: rgb(48.30.24); /*Le fond*/

        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
   }
   /* mauvaise position */

        .tstaff{
        font-size:1em;
        }

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

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

        .thumbnail:hover span{
        visibility: visible;
        top: 50px;
        left: 25px; /*position where enlarged image should offset horizontally */
        width: 160px
        }

        table.bodylinewidth        {
        position: relative;
        top: -9px;
        }

        table.bodylinewidth        {
        position: relative;
        bottom: -9px;
        }

        a.infobulle {
          position: relative;
        }

        a.infobulle span {
          display: none;
        }
        a.infobulle:hover {
          background: none;
          z-index: 999;

        }
        a.infobulle:hover span {
          display: inline;
          position: absolute;

          white-space: nowrap;

          top: 10px;
          left: 2px;

          background: #333333;

          color: blue;
          padding: 6px;

     
          border: 10px radius blue;
          border-radius: 10px radius blue;
        }

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

        textarea, .textarea.post, input.post {
        -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
        }

        a { text-decoration: none; }

        .topiclist dl.icon {
        min-height: 50px;
        background-position: 2px 50%;
        }
        * html .topiclist dl.icon {
        height: 50px;
        }
        ul.topics dt,ul.topics dd.dterm {
        padding-left: 50px;
        }
        ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 50px;
        }

        .haccordion li .hpanel{
        width: 100%; /*For users with JS disabled: Width of each content*/
        height: 206px;  /*For users with JS disabled: Height of each content*/
        }

        /*lien menu accordéon*/
        .lienadmin        {
        background-color: #440503;
        padding-bottom:6px;
        padding-top:6px;
        padding-left:5px;
        padding-right:5px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px 10px 0px 0px;
        }

        .lienadmin:hover        {
        color: #e7c02e;
        text-shadow: 1px 1px 1px #e7c02e;
        }

        .blablapa        {
        width: 350px;
        color : #e7c02e;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #440503;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        border-bottom:1px solid #e7c02e;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

        .Tadaga        {
        width: 350px;
        color : #3E57F7;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #440503;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        border-bottom:1px solid #e7c02e;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }


        .RP        {
        width: 350px;
        color : #224DCC;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #AFC1FA;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #16318A;
        border-left:4px solid #16318A;
        border-top:1px solid #16318A;
        border-bottom:1px solid #16318A;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

        .Naruto        {
        width: 350px;
        color : #9E9E9E;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #FFFFFF;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #000000;
        border-left:4px solid #000000;
        border-top:1px solid #000000;
        border-bottom:1px solid #000000;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        font-size:1em;
        }

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

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

        .thumbnail span        {
        position: absolute;
        background-color: #494747;
        padding: 5px;
        left: -1000px;
        border: 1px groove #F0BF5D;
        visibility: hidden;
        color: #FFFFFF;
        text-decoration: none;
        }

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

        .thumbnail:hover span{
        visibility: visible;
        top: 50px;
        left: 25px; /*position where enlarged image should offset horizontally */
        width: 160px;
        }

        table.bodylinewidth        {
        position: relative;
        top: -9px;
        }

        table.bodylinewidth        {
        position: relative;
        bottom: -9px;
        }

        .infobulle {
          position: relative;
        }

        .infobulle span {
          display: none;
        }

        .infobulle:hover {
          background: none;
          z-index: 999;
        }

        .infobulle:hover span {
          display: inline;
          position: absolute;
          white-space: nowrap;
          top: 10px;
          left: 2px;
          background: #333333;
          color: blue;
          padding: 6px;
          border: 10px radius blue;
          border-radius: 10px radius blue;
        }

        textarea, .textarea.post, input.post {
        -moz-border-radius:10px;
        }

        a { text-decoration: none; }

        .topiclist dl.icon {
        min-height: 50px;
        background-position: 2px 50%;
        }

        * html .topiclist dl.icon {
        height: 50px;
        }

        ul.topics dt,ul.topics dd.dterm {
        padding-left: 50px;
        }

        ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 50px;
        }

        .en_tete{
          width:700px;
          min-height:400px;
          height:auto;
          background-color:black;
          margin:auto;
          border:solid 0px #CCCCCC;
          }

   
         
            a.infobulle {
              position: relative;
            }

            a.infobulle span {
              display: none; /* ceci masque l'infobulle */
            }

            a.infobulle:hover {
              background: none; /* correction d'un bug IE */
              z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

            }

            a.infobulle:hover span {
              display: inline; /* ceci affiche l'infobulle */
              position: absolute;
              white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
              top: -300px; /* on positionne notre infobulle */
              left: 155px;
              background: #707070; /* arrière-plan de l'infobulle */
              color: black; /* texte dans l'infobulle */
              padding: 3px;
              /* bordures de votre infobulle*/
              border: 1px dotted black;
              border-left: 1px dotted black;
            }
       
          .complet{
        text-align:center;
        color:#FFFFFF;
        }

        .complet a{
        color:#FFFFFF;
        text-decoration:none;
        }

        .context{
        padding-left:20px;
        padding-right:20px;
        font-size:14px;
        }

        .titrebas{
        color: #66625A ;
        background-color:#6A939C;
        text-align: center;
        font-variant: small-caps;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:18px;
        margin-bottom:5px;
        }

        .bas{
        background-#6A939C;
        -moz-border-radius:10px;
      -webkit-border-radius: 10px;
        padding:5px;
        }
        .navig{
        margin-left:15px;
        margin-right:15px;
        margin-bottom:1px;
        background-color:#9C9393;
        display:block;
        border-left:5px solid #aeadad;
        border-right:5px solid #aeadad;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        }

        .navig:hover{
        border-left:5px solid #6A939C;
        border-right:5px solid #6A939C;
        }

        .textscroll{
        overflow:auto;
        width:290px;
        height: 90px;
        }

        .block{
        padding-bottom:20px;
        }

        .logo{
        padding-bottom:20px;
        }

        #bienvenue{
        color: #FFFFFF;
        background-color: #9C9393;
        text-align: center;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:20px;
        }

        .titre {
        color: #FFFFFF;
        background-color: #9C9393;
        text-align: center;
        font-variant: small-caps;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:18px;
        }

        .top {
        border: 1px solid #FFFFFF;
        background-color: #ffffff;
        padding:1px;
        }

        a.imginfo {
        position: relative;
        color: #ffffff;
        text-decoration: none;
        border-bottom: 0px #ffffff solid;
        padding-right:10px;
        }

        a.imginfo span {
        display: none;
        }

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

        a.imginfo:hover span {
        display: inline;
        position: absolute;
        white-space: nowrap;
        top: 10px;
        left: 20px;
        background: #ddedf7;
        color: #000000;
        padding: 2px;
        border: 2px solid #ffffff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

    .cadreavatar {
    width: 200px;
    height: 320px;
    -moz-border-radius:30px;
    border: 10px solid #ffffff; }
    /* TITRE CATEGORIE */
    .titrecat {
    text-align: center;
    padding-top: -15px;
    padding-bottom: 15px;
    display: block;
    width: 80%;
    border-top: 10px solid #B1DCED;
    border-right: 10px solid #B1DCED;
    border-left: 10px solid #B1DCED;
    background-color: #B1DCED;
    color: #FFF;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */