Probleme avec infobulle de mon QEEL

[Jiben]

Bonjour a vous,

je rencontre un problème avec l'infobulle des mes groupes.

Capture d'écran :



Mes problème sont les suivant :

• Je voudrais que la police dans l'infobulle soit plus petit, en minuscules mais le début des phrases en Majuscules.
  
• Et je voudrais enlevé le fond transparent de mon infobulle car ce n'est pas trop lisible :s

Voici mon CSS :

Code:

/*
----------------------------------
Fond des casses pour le tutoriel
----------------------------------
*/

.fond {
background-color: none;
}

.fond:hover {
background-color: red;
}


/*
----------------------------------
Les top des sujet du QEEL
----------------------------------
*/

.contour
{text-align: center;
border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}

/*
----------------------------------
infobulle de mes groupes
----------------------------------
*/

a.infobulle {position: relative;}

a.infobulle span {display: none;}

a.infobulle:hover
{background: #1D3C40;
z-index: 999;
}

a.infobulle:hover span
{display: inline;
position: absolute;
white-space: nowrap;
top: 22px;
left: 0px;
background-color: #1D3C40;
color: white;
padding: 0px;
border: 1px solid white;
-moz-border-radius : 0px 0px 10px 10px;}


/*
----------------------------------
Les Groupes du QEEL
----------------------------------
*/


.groupes a:hover{
text-decoration: none !important;
border-bottom: 1px dashed #FFFFFF;
border-top: 1px dashed #FFFFFF;
background-color: #D0D0D0;
-moz-border-radius : 10px 0px 10px 0px;
height:30px;
padding-right:8px;
padding-left:8px;
padding-bottom:2px;
background-color: #295b63;
}


.groupes{
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
border: 1px #D0D0D0 ridge;
-moz-border-radius : 10px 0px 10px 0px;
height:30px;
padding-right:8px;
padding-left:8px;
padding-bottom:2px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}


/*
----------------------------------
autres ^^
----------------------------------
*/


.complet{
text-align:center;
color:;
}

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

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


.navig{
margin-bottom:1px;
margin-left:15px;
margin-right:15px;
background-color:#295359;
display:block;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
}

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

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

.block{
padding-bottom:20px;
}



#bienvenue {
  color: #F7F7F7;
  background-color: #295359;
  text-align: center;
  font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:20px;
font-weight:bold;
}

.titre {
  color: #F7F7F7;
  background-color: #295359;
  text-align: center;
  font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:18px;
}

.top {
  border: 1px solid #F7F7F7;
  background-color: #295359;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:4px;
}

a.imginfo {   
position: relative;   
color: white;   
text-decoration: none;   
border-bottom: 0px white 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: #295359;   
color: white;   
padding: 3px;   
border: 1px  inset white;
-moz-border-radius:10px; 
}


body.chatbox {
    background-color: #1D3C40;
}


a.mainmenu {
background: transparent
filter:alpha(opacity=80);
opacity:0.80;
background-color: #1D3C40;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #23aa9c;
font-size: 11px;}

a.mainmenu:hover{
background-color: #ffffff;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #1D3C40;
font-size: 12px;}



body { cursor: crosshair }

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


a:hover {
font-variant : small-caps;
letter-spacing: 1px;
text-decoration: none; color:#3f818a ; border-bottom: 1px dotted #3f818a;}


.forumline{background-color: transparent}

td.row1,td.row3.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}

td.row2,td.row1.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}

td.row3{
filter:alpha(opacity=80);
opacity:0.80;}


a { text-decoration: none; }


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

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

.quote {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;
color: #948A30}

.code {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;}
color: #948A30;


.forumline{
-moz-border-radius:6px;}


th.secondarytittle {-moz-border-radius-topleft :10px;}
th.lastmess {-moz-border-radius-topright :10px;}
    th.secondarytitle {
    -moz-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;}


.cadreava{
padding : 5px;
background-color:#295359;
-moz-border-radius:5px;}
   
.cadrepro{
background-color:#295359;
-moz-border-radius:5px;}


.nom {
background-color: #295359;
margin: 0px 0px 0px 0px;
font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif;
font-size: 15px;
font-weight: bold;
text-indent: 5%;
text-transform: capitalize;
text-align: left;
color: White;
border-width: 5px;
border-color: white;
border-style: solid ;
border-left: 2px solid white;
border-top: 2px solid white;
border-right: 2px solid  white;
border-bottom: 2px solid  white;
-moz-border-radius-topright: 30px;
-webkit-border-radius-topright: 30px;
width: 300px;}

.nom_souligne {
border-bottom: 1px solid white;}

a:link {
text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}

a:link : hover{
text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}


/* limitation-signature */

.limitation-signature img {
max-width: 500px;
max-height: 200px;}


Je vous remercie d'avance de votre aide

JIben

[Jiben]

up

[Jiben]

up svp

[Jiben]

up

[Jiben]

a locker svp

[Ashlee]

Pourrait-on avoir le code permettant d'avoir cet effet (celui à mettre dans le template) ??? :/ Siteplais

[Jiben]

avoir quel effet