Problème avec des onglets background-image sous Firefox

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Sam 29 Déc 2012 - 13:48

Bonjour,

Je ne sais pas si je vais savoir expliquer mon problème avec des mots clairs mais selon moi, il s'agit d'onglets background-image qui ne fonctionnent plus (ils ont fonctionné un temps) sous Firefox alors que sous Google Chrome, tout fonctionne parfaitement.
Pour exemple, voici une capture avec en haut, le rendu sous Firefox et en dessous, celui sous Chrome :
Spoiler:

C'est un problème assez gênant pour tous les utilisateurs de Firefox et si quelqu'un avait une solution quelconque, je l'en remercierai grandement.
Merci à ceux qui réfléchiront sur ce défaut avec moi. I love you

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Matriochka le Sam 29 Déc 2012 - 15:35

Bonjour,

Serait-il possible d’avoir le lien du forum concerné ? N’hésite pas à mettre à jour ton profil pour que ce soit plus simple.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Sam 29 Déc 2012 - 15:47

Voici l'adresse du forum en question : http://perfect.forum-canada.net/
Merci de prêter attention à mon problème. I love you

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Dim 30 Déc 2012 - 15:19

Petit up. Smile
edit : mince y a un décalage d'heure, il manque 30 minutes pour faire 24h. désolée. Embarassed

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Mer 2 Jan 2013 - 22:39

Petit up. I love you

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Sam 5 Jan 2013 - 12:50

Nouveau petit up. Smile

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Milouze14 le Sam 5 Jan 2013 - 18:54

Salut Amaaranth,
tu peux donner l’intégralité du code html et la css stp Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Sam 5 Jan 2013 - 19:47

Bonjour ! Very Happy
Voici les codes de la page html, il y a le css également du coup :
Code:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  <title>PA IMNP</title>

<style>
</style>
</head>
<body>
<script type="text/javascript">

function patonglet0()
              {
document.getElementById('onglet0').style.display='block';
                  document.getElementById('onglet1').style.display='none';
                  document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none';
                  document.getElementById('onglet4').style.display='none';

document.getElementById('onglet5').style.display='none';
document.getElementById('onglet55').style.display='none';
document.getElementById('onglet555').style.display='none';
                 
              }
              function patonglet1()
              {
document.getElementById('onglet0').style.display='none';
                  document.getElementById('onglet1').style.display='block';
                  document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none';
                  document.getElementById('onglet4').style.display='none';

document.getElementById('onglet5').style.display='none';
document.getElementById('onglet55').style.display='none';
document.getElementById('onglet555').style.display='none';
                 
              }
              function patonglet2()
              {
                  document.getElementById('onglet0').style.display='none';
                  document.getElementById('onglet1').style.display='none';

document.getElementById('onglet2').style.display='block';
                 
              document.getElementById('onglet3').style.display='none';
                  document.getElementById('onglet4').style.display='none';

document.getElementById('onglet5').style.display='none';
document.getElementById('onglet55').style.display='none';
document.getElementById('onglet555').style.display='none';
                 
              }
  function patonglet3()
              {
                  document.getElementById('onglet0').style.display='none';
                  document.getElementById('onglet1').style.display='none';

document.getElementById('onglet2').style.display='none';
                 
              document.getElementById('onglet3').style.display='block';
                  document.getElementById('onglet4').style.display='none';

document.getElementById('onglet5').style.display='none';
document.getElementById('onglet55').style.display='none';
document.getElementById('onglet555').style.display='none';
              }
  function patonglet4()
              {
                  document.getElementById('onglet0').style.display='none';
                  document.getElementById('onglet1').style.display='none';

document.getElementById('onglet2').style.display='none';
                 
              document.getElementById('onglet3').style.display='none';
                  document.getElementById('onglet4').style.display='block'; 

document.getElementById('onglet5').style.display='none';
document.getElementById('onglet55').style.display='none';
document.getElementById('onglet555').style.display='none';
              }
 function patonglet5()
              {
                  document.getElementById('onglet0').style.display='none';
                  document.getElementById('onglet1').style.display='none';

document.getElementById('onglet2').style.display='none';
                 
              document.getElementById('onglet3').style.display='none';

document.getElementById('onglet4').style.display='none';
                  document.getElementById('onglet5').style.display='block';
                 
              document.getElementById('onglet55').style.display='none';
document.getElementById('onglet555').style.display='none';
              }
 function patonglet55()
              {
                  document.getElementById('onglet0').style.display='none';
                  document.getElementById('onglet1').style.display='none';

document.getElementById('onglet2').style.display='none';
                 
              document.getElementById('onglet3').style.display='none';

document.getElementById('onglet4').style.display='none';
                  document.getElementById('onglet5').style.display='none';
                 
              document.getElementById('onglet55').style.display='block';
document.getElementById('onglet555').style.display='none';
              }
function patonglet555()
              {
document.getElementById('onglet0').style.display='none';
                  document.getElementById('onglet1').style.display='none';
                  document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none';
                  document.getElementById('onglet4').style.display='none';

document.getElementById('onglet5').style.display='none';
document.getElementById('onglet55').style.display='none';
document.getElementById('onglet555').style.display='block';
}

/*autres onglets contexte intrigue*/

 function patonglet6()
              {
       
                  document.getElementById('onglet6').style.display='block'; 
 document.getElementById('onglet7').style.display='none';
                  document.getElementById('onglet8').style.display='none';
document.getElementById('onglet9').style.display='none';
              }
 function patonglet7()
              {   
                  document.getElementById('onglet6').style.display='none'; 
 document.getElementById('onglet7').style.display='block';
                  document.getElementById('onglet8').style.display='none';
document.getElementById('onglet9').style.display='none';
              }
 function patonglet8()
              {
       
                  document.getElementById('onglet6').style.display='none'; 
 document.getElementById('onglet7').style.display='none';
                  document.getElementById('onglet8').style.display='block';
document.getElementById('onglet9').style.display='none';

              }
 function patonglet9()
              {
       
                  document.getElementById('onglet6').style.display='none'; 
 document.getElementById('onglet7').style.display='none';
                  document.getElementById('onglet8').style.display='none';
document.getElementById('onglet9').style.display='block';

              }

function patonglet10()
              {
 document.getElementById('onglet10').style.display='block';
document.getElementById('onglet11').style.display='none';

              }
 function patonglet11()
              {
              document.getElementById('onglet10').style.display='none';
document.getElementById('onglet11').style.display='block';

              }


              </script><script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://www.vulnera-samento.com/25103.js"></script>





<base target="_parent">




<table class="body" width=""><tbody><tr><td><br><br><br>
<table><tbody><tr><td><table><tbody><tr><td width="250px" height="100px">
<table><tbody><tr><td style="margin-left:-20px"><br><br><div style="margin-top:20px;" class="nav">Navigation</div><br><br><br></td><td><div style="margin-top:0px;" class="contexte"><a href="http://perfect.forum-canada.net/t2-contexte-du-forum" target="_blank">Contexte</a></div><div style="margin-top:0px;" class="règles"><a href="http://perfect.forum-canada.net/t14-reglements">Règlement</a></div><div style="margin-top:0px;" class="scéna"><a href="http://perfect.forum-canada.net/f10-scenarios-valides" target="_blank">Scénarios</a></div><div style="width:120px;
height: 20px;
padding-left:22px;border-radius: 150px 0px 0px 150px;
-o-border-radius:150px 0px 0px 150px;
-moz-border-radius:150px 0px 0px 150px;
-webkit-border-radius:150px 0px 0px 150px;background: #F9F8F6;margin-left:-50px;" class="bottin"><a href="http://perfect.forum-canada.net/f11-les-bottins" target="_blank">Bottins</a></div><div style="margin-top:0px;" class="invite"><a href="http://perfect.forum-canada.net/f3-questions-problemes" target="_blank">Invités</a></div><div style="margin-top:0px;" class="partenaire"><a href="http://perfect.forum-canada.net/f31-partenariats" target="_blank">Partenariats</a></div></td><td><div class="rap">Rapide</div></td></tr></tbody></table>
</td><td><div class="facebook"><a class="facebookcolor" href="http://www.facebook.com/imnotperfectrpg" target="_blank" style="text-decoration:none;">Sur facebook !</a></div><div class="prd"><a class="facebookcolor" href="http://www.pub-rpg-design.com/t68414-i-m-not-perfect-991" target="_blank"  style="text-decoration:none;">Sur prd !</a></div><div style="margin-left:-50px;"><div class="topsite">Votez !</div>
<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=18737" target="_blank"><img src="http://nsa30.casimages.com/img/2012/08/04/120804125029268849.png" width="30px"></a>
<br>
<a href="http://en.root-top.com/toplist/coffeepub/in.php?ID=125" target="_blank"><img src="http://nsa30.casimages.com/img/2012/08/04/120804125029268849.png" width="30px"></a>
<br>
<a href="http://www.root-top.com/topsite/titop/in.php?ID=1541" target="_blank"><img src="http://nsa30.casimages.com/img/2012/08/04/120804125029268849.png" width="30px"></a>
<br><a href="http://en.root-top.com/toplist/anita/in.php?ID=1315" target="_blank"><img src="http://nsa30.casimages.com/img/2012/08/04/120804125029268849.png" width="30px"></a></div>
</td></tr></tbody></table>

<br><br><br>
</td></tr><tr><td><div class="staff">
<!-- BARRE D'ONGLETS IMAGES -->
<table><tbody><tr><td><div id="staffjane" class="mon_onglet" onclick="javascript:patonglet0()"></div></td><td><div id="staffaut" class="mon_onglet" onclick="javascript:patonglet1()"></div></td><td><div id="staffeth" class="mon_onglet" onclick="javascript:patonglet2()"></div></td></tr>
<tr><td><div id="staffjo" class="mon_onglet" onclick="javascript:patonglet3()"></div></td><td><div id="staffdow" class="mon_onglet" onclick="javascript:patonglet4()"></div></td><td><div id="staffser" class="mon_onglet" onclick="javascript:patonglet5()"></div></td><td><div id="staffhel" class="mon_onglet" onclick="javascript:patonglet555()"></div></td></tr></tbody></table>
<!-- FIN BARRE D'ONGLETS IMAGES -->
</div><div class="staffdesc">
<!-- JANE MODULE --><div style="display: none;" id="onglet0">
                        <div class="mon_contenu"><img class="mémé" src="http://i10.servimg.com/u/f10/17/54/48/64/jjombr10.png"><div class="fonda">Fondateur</div></img>
                          <div style="overflow: auto; height: 60px; margin-left: 15px;" class="textstaff"><div style="margin-left:40px;"><a href="http://perfect.forum-canada.net/privmsg?mode=post&amp;u=2" class="postlink" target="_blank">contact</a> - <a href="http://perfect.forum-canada.net/u2" class="postlink" target="_blank">profil</a></div><div class="prenomstaffJJ">Jane J. Wellington</div>
                        </div></div>
                    </div>
<!-- AUTUMN MODULE --><div style="display: none;" id="onglet1">
                        <div class="mon_contenu"><img class="mémé" src="http://i10.servimg.com/u/f10/17/54/48/64/automb10.png"><div class="fonda">Fondatrice</div>
                          <div style="overflow: auto; height: 60px; margin-left: 15px;" class="textstaff"><div style="margin-left:40px;"><a href="http://perfect.forum-canada.net/privmsg?mode=post&amp;u=33" class="postlink" target="_blank">contact</a> - <a href="http://perfect.forum-canada.net/u33" class="postlink" target="_blank">profil</a></div><div class="prenomstaffAU">Autumn L. Savannah</div>
                        </div></div>
                    </div>
<!-- ETHAN MODULE --><div style="display: none;" id="onglet2">
                        <div class="mon_contenu"><img class="mémé" src="http://i10.servimg.com/u/f10/17/54/48/64/thanyo10.png"><div class="admin">Administratrice</div>
                          <div style="overflow: auto; height: 60px; margin-left: 15px;" class="textstaff"><div style="margin-left:40px;"><a href="http://perfect.forum-canada.net/privmsg?mode=post&amp;u=105" class="postlink" target="_blank">contact</a> - <a href="http://perfect.forum-canada.net/u105" class="postlink" target="_blank">profil</a></div><div class="prenomstaffETH">Ethan Sanders</div>
                        </div></div>
                    </div>
<!-- JOAN MODULE --><div style="display: none;" id="onglet3">
                        <div class="mon_contenu"><img class="mémé" src="http://i10.servimg.com/u/f10/17/54/48/64/jojoom10.png"><div class="modo">Modératrice</div>
                          <div style="overflow: auto; height: 60px; margin-left: 15px;" class="textstaff"><div style="margin-left:40px;"><a href="http://perfect.forum-canada.net/privmsg?mode=post&amp;u=53" class="postlink" target="_blank">contact</a> - <a href="http://perfect.forum-canada.net/u53" class="postlink" target="_blank">profil</a></div><div class="prenomstaffJO">Joan A. Kellers</div>
                        </div></div>
                    </div>
<!-- DOWNY MODULE --><div style="display: none;" id="onglet4">
                        <div class="mon_contenu"><img class="mémé" src="http://i10.servimg.com/u/f10/17/54/48/64/dowomb10.png"><div class="modo">Modératrice</div>
                          <div style="overflow: auto; height: 60px; margin-left: 15px;" class="textstaff"><div style="margin-left:40px;"><a href="http://perfect.forum-canada.net/privmsg?mode=post&amp;u=36" class="postlink" target="_blank">contact</a> - <a href="http://perfect.forum-canada.net/u36" class="postlink" target="_blank">profil</a></div><div class="prenomstaffDOW">Downy R. Clarkson</div>
                        </div></div>
                    </div>
<!-- SERENA MODULE --><div style="display: none;" id="onglet5">
                        <div class="mon_contenu"><img class="mémé" src="http://i10.servimg.com/u/f10/17/54/48/64/seryom10.png"><div class="modo">Modératrice</div>
                          <div style="overflow: auto; height: 60px; margin-left: 15px;" class="textstaff"><div style="margin-left:40px;"><a href="http://perfect.forum-canada.net/privmsg?mode=post&amp;u=73" class="postlink" target="_blank">contact</a> - <a href="http://perfect.forum-canada.net/u73" class="postlink" target="_blank">profil</a></div><div class="prenomstaffSE">Serena K. Gomez</div>
                        </div></div>
                    </div>
<!-- HELEN MODULE --><div style="display: none;" id="onglet555">
                        <div class="mon_contenu"><img class="mémé" src="http://i10.servimg.com/u/f10/17/54/48/64/lenomb10.png"><div class="modo">Modératrice</div>
                          <div style="overflow: auto; height: 60px; margin-left: 15px;" class="textstaff"><div style="margin-left:40px;"><a href="http://perfect.forum-canada.net/privmsg?mode=post&amp;u=252" class="postlink" target="_blank">contact</a> - <a href="http://perfect.forum-canada.net/u252" class="postlink" target="_blank">profil</a></div><div class="prenomstaffDOW">Helen S. Connelly</div>
                        </div></div>
                    </div>
<!-- STAFF MODULE --><div style="display: block;" id="onglet55">
                        <div class="mon_contenu"><img class="mémé" src="http://i10.servimg.com/u/f10/17/54/48/64/mamaom10.png"></img><div class="adminmodo">Administration</div>
                          <div style="overflow: auto; height: 60px; margin-left: px;" class="textstaffPLUS"><div class="prenomstaffPLUS">STAFF</div><div style="margin-left:px;">Avouez, ils sont parfaits !</div>

                        </div></div>
                    </div>
</div>
<!-- PLUS STAFF ONGLET --><div id="staffplus" class="mon_onglet" onclick="javascript:patonglet55()"></div>
<!-- FIN PLUS STAFF ONGLET -->


</td></tr></tbody></table>
</td>
<td><div id="boutonaccueil" class="mon_onglet" onclick="javascript:patonglet6()"><div class="prenomonglet">I'm not perfect</div><div style="padding-left:50px;">Bienvenue</div></div><div id="boutoncontexte" class="mon_onglet" onclick="javascript:patonglet7()"><div class="prenomonglet">Contexte</div><div style="padding-left:10px;">L'histoire</div></div><div id="boutonautre" class="mon_onglet" onclick="javascript:patonglet8()"><div class="prenomonglet" style="padding-left:20px;">Intrigue</div>les rebondissements</div></td><td><div class="rondbienvenue"><div class="grandtitrebienvenue">Bienvenue</div><div class="grandtitredetroit">à Détroit</div><div class="contenuongletstrong">
<!-- BIENVENUE MODULE --><div style="display: block;" id="onglet6">
                        <div class="mon_contenu">
                          <div class="textongletstrong"><div class="textonglettitre">Bienvenue</div>
<br><br><div style="overflow: auto; height: 180px; margin-left: px;">Bonjour et bienvenue sur I’m not perfect, forum RPG de type city se déroulant à Détroit. Le forum est ouvert depuis le 12 mars 2012 et depuis cette journée, l’activité n’a jamais faiblie. Si vous souhaitez nous rejoindre, c'est avec un réel plaisir que nous vous accueillerons tous. Nous sommes une équipe dynamique qui ne se prend pas la tête avec les règles. Il est très facile de s’intégrer et de jouer le plus aisément possible. Si vous entrez dans notre monde, c’est que vous êtes un nouveau membre de notre famille. Le forum propose également des topics communs et des intrigues. Si vous avez la moindre question, ne vous gênez surtout pas. L’entièreté du forum reste bien sûr, propriété de ses administrateurs. Merci de ne pas recopier notre travail.</div>
                        </div></div>
                    </div>

<!-- CONTEXTE MODULE --><div style="display: none;" id="onglet7">
                        <div class="mon_contenu">
                          <div class="textongletstrong"><div class="textonglettitre">L'histoire</div>
<br><br><div style="overflow: auto; height: 180px; margin-left: px;"> Mais que se cache-t-il derrière chaque masque, derrière chaque regard? Connait-on réellement tous ceux que nous croyons nos amis, nos voisins, nos collègues? En vérité notre but ultime est de cacher notre vraie nature, car à quoi bon… au-delà des apparences, personne n’est parfait.
Nous voilà donc en plein cœur de Detroit, une ville comme toutes les autres, au Michigan, pour tenter de jongler avec notre vie de tous les jours et ainsi user de nos talents en matière de feindre. <a href="http://perfect.forum-canada.net/t2-contexte-du-forum" target="_blank">ϟ suite </a></div>
                        </div></div>
                    </div>

<!-- AUTRE MODULE --><div style="display: none;" id="onglet8">
                        <div class="mon_contenu">
                          <div class="textongletstrong"><div class="textonglettitre">Les rebondissements</div>
<br><br><div style="overflow: auto; height: 180px; margin-left: px;">
Comment fêter décemment l’halloween de nos jours? Il suffit d’une fête organisée par nul autre que Treesh Hurrighton et d’une chasse aux trésors dans l’obscurité. Était-ce planifié? La chasse peut-être bien, mais qu’en ait il de l’obscurité, de la musique d’épouvante et du verrouillage de toutes les sorties de secours, incluant les fenêtres? Un autre coup tordu des O’Hara, le couple meurtrier de Detroit? C’est à suivre!</div>
                        </div></div>
                    </div>

<!-- NEWS MODULE --><div style="display: none;" id="onglet9">
                        <div class="mon_contenu">
                          <div class="textongletstrong"><div class="textonglettitre">Toute l'actualité</div>
<br><br><div style="overflow: auto; height: 180px; margin-left: -25px;"><ul><li>12.03.12 ~ Ouverture du forum.</li>
<li>22.03.12 ~ Ouverture de l’intrigue #1</li>
<li>13.04.12 ~ Installation de la version 2.0</li>
<li>16.05.12 ~ Installation de la version 3.0</li>
<li>07.06.12 ~ Hesther J. McFadden est nommée modératrice</li>
<li>28.06.12 ~ Nouvelle section complète sur les films/Séries</li>
<li>28.06.12 ~ Braeden K. Wilde est nommé modérateur</li>
<li>02.07.12 ~ Installation de la version 4.0</li>
<li>06.07.12 ~ Ouverture de l’intrigue #2</li>
<li>28.07.12 ~ Ouverture des premières élections de miss/mister perfect</li>
<li>31.07.12 ~ 30 000 messages atteint</li>
<li>02.08.12 ~ 90 membres atteint</li>
<li>03.08.12 ~ Iseult M. Ainsworth est nommée modératrice</li>
<li>04.08.12 ~ Parution de l'édition n°1 du journal de Détroit</li>
<li>05.08.12 ~ Installation de la version 5.0</li>
<li>12.08.12 ~ Ouverture de la mini-intrigue #1</li>
<li>22.08.12 ~ Acceptation de la première personne sur le jeu</li>
<li>23.08.12 ~ Ouverture de l'Event n°1 du journal</li>
<li>23.08.12 ~ Mise en place du système de parrainage</li>
<li>03.09.12 ~ Iseult M. Ainsworth quitte le staff</li>
<li>24.09.12 ~ Installation de la version 6.0</li>
<li>25.09.12 ~ Serena K. Gomez et Joan A. Keller sont nommées modératrices</li>
<li>02.10.12 ~ Ouverture de la chasse à mémé !</li>
<li>07.10.12 ~ Ouverture de l'intrigue #3</li>
<li>08.10.12 ~ Installation de la version 7.0</li>
<li>25.10.12 ~ 50 000 messages atteint</li>
<li>03.11.12 ~ Installation de la version 8.0</li>
<li>11.11.12 ~ I'm not perfect a maintenant son propre <a href="http://www.root-top.com/topsite/perfect/" target="_blank" class="postlink">top site</a></li>
<li>18.11.12 ~ Downy R. Clarkson est nommée modératrice</li>
<li>20.11.12 ~ I'm not perfect arrive sur <a href="http://www.facebook.com/imnotperfectrpg" target="_blank" class="postlink">facebook</a></li>
<li>02.12.12 ~ Installation de la version 9.0</li>
<li>05.12.12 ~ 100 membres atteint</li>
<li>28.12.12 ~ Helen S. Connelly revient dans le staff</li>
</ul></div>
                        </div></div>
                    </div>
<div class="toppartenaire" style="margin-top:65px;"></div>

<!-- SCENA MODULE --><div style="display: block;" id="onglet10">
                        <div class="mon_contenu"><div class="toutscena"><center>

<a href="http://perfect.forum-canada.net/t208-ashley-greene-april-d-savannah" class="bulleqeel"><img src="http://images4.alphacoders.com/209/50-50-209546.jpg" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://images4.alphacoders.com/209/50-50-209546.jpg" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);transform: rotateZ(-5deg); -webkit-transform: rotate(-5deg); box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">April D. Savannah</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟ Ashley Greene ϟ</center><br>
April est attendue par sa soeur, <a href="http://perfect.forum-canada.net/t185-autumn-leah-savannah-fall" target="_blank">Autumn L. Savannah</a>.</div></div></td></tr></tbody></table></span></a>

<a href="http://perfect.forum-canada.net/t827-eric-dane-alex-n-curtis" class="bulleqeel"><img src="http://i38.servimg.com/u/f38/17/58/58/73/edane310.jpg" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://i38.servimg.com/u/f38/17/58/58/73/edane310.jpg" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Alex N. Curtis</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟ Eric Dane ϟ</center><br>
Alex est attendu par sa femme, <a href="http://perfect.forum-canada.net/t816-erin-megan-curtis" target="_blank">Erin M. Curtis</a>.</div></div></td></tr></tbody></table></span></a>


<a href="http://perfect.forum-canada.net/t519-milo-ventimiglia-enzo-au-choix-gomez" class="bulleqeel"><img src="http://www.actucine.com/wp-content/uploads/2012/02/Milo_Ventimiglia-50x50.jpg" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://www.actucine.com/wp-content/uploads/2012/02/Milo_Ventimiglia-50x50.jpg" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Enzo Gomez</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟMilo Ventimiglia ϟ</center><br>
Enzo est attendu par sa soeur, <a href="http://perfect.forum-canada.net/t415-serena-k-gomez-are-you-affraid-of-the-dark" target="_blank">Serena K. Gomez</a>.</div></div></td></tr></tbody></table></span></a>

<a href="http://perfect.forum-canada.net/t43-jared-padalecki-austin-m-wellington" class="bulleqeel"><img src="http://i38.servimg.com/u/f38/17/58/58/73/jpadal10.jpg" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://i38.servimg.com/u/f38/17/58/58/73/jpadal10.jpg" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Austin M. Wellington</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟ Jared Padalecki ϟ</center><br>
Austin est attendu par sa soeur, <a href="http://perfect.forum-canada.net/t29-jane-julia-wellington-what-are-you-doing" target="_blank">Jane J. Wellington</a>.</div></div></td></tr></tbody></table></span></a>

<a href="http://perfect.forum-canada.net/t111-johnny-depp-liam-tanner" class="bulleqeel"><img src="http://i38.servimg.com/u/f38/17/58/58/73/jdepp110.png" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://i38.servimg.com/u/f38/17/58/58/73/jdepp110.png" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Liam Tanner</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟ Johnny Depp ϟ</center><br>
Liam est attendu par son souffre-douleur, <a href="http://perfect.forum-canada.net/t47-maddie-se-presente-a-vous-100" target="_blank">Maddison Wight</a>.</div></div></td></tr></tbody></table></span></a>

<a href="http://perfect.forum-canada.net/t257-naya-rivera-cynthia-bodeen" class="bulleqeel"><img src="http://i38.servimg.com/u/f38/17/58/58/73/nriver10.png" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://i38.servimg.com/u/f38/17/58/58/73/nriver10.png" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Cynthia Bodeen</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟ Naya Rivera ϟ</center><br>
Cynthia est attendue par son amant, <a href="http://perfect.forum-canada.net/t160-lyam-hurringhton-jr-aller-tout-le-monde-paartyy" target="_blank">Lyam Hurringhton</a>.</div></div></td></tr></tbody></table></span></a>

<a href="http://perfect.forum-canada.net/t1572-ashley-benson-avery-lawson" class="bulleqeel"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc6/195268_100002225821242_5713697_q.jpg" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc6/195268_100002225821242_5713697_q.jpg" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Avery Lawson</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟ Ashley Benson ϟ</center><br>
Avery est attendue par sa soeur, <a href="http://perfect.forum-canada.net/t1553-taylor-i-lawson-i-just-don-t-feel-right-and-i-m-mostly-very-tired" target="_blank">Taylor I. Lawson</a>.</div></div></td></tr></tbody></table></span></a>

<a href="http://perfect.forum-canada.net/t819-reese-witherspoon-whitney-smith" class="bulleqeel"><img src="http://imstars.aufeminin.com/stars/fan/reese-witherspoon/reese-witherspoon-20081202-475579_V50.jpg" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://imstars.aufeminin.com/stars/fan/reese-witherspoon/reese-witherspoon-20081202-475579_V50.jpg" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Whitney Smith</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟ Reese Witherspoon ϟ</center><br>
Whitney est attendue par sa soeur, <a href="http://perfect.forum-canada.net/t127-angie-presentation" target="_blank">Angie Smith</a>.</div></div></td></tr></tbody></table></span></a>

<a href="http://perfect.forum-canada.net/t1913-jensen-ackles-gabriel-matthew-jacobson" class="bulleqeel"><img src="http://i193.photobucket.com/albums/z123/emmataylor06/HFE%20Headers%20and%20Footers/JensenAckles07.jpg" style="width: 25px; border-radius: 40px; box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://i193.photobucket.com/albums/z123/emmataylor06/HFE%20Headers%20and%20Footers/JensenAckles07.jpg" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Gabriel M. Jacobson</div><div class="bullenombottom"></div><div class="bulledesc" align="justify"><center>ϟ Jensen Ackles ϟ</center><br>
Gabriel est attendu par sa soeur, <a href="http://perfect.forum-canada.net/t1644-heaven-jacobson-amen-le-pack-j-ai-soif" target="_blank">Heaven E. Jacobson</a>.</div></div></td></tr></tbody></table></span></a> </center>
</div>

<!--ONGLET MEMBRE MOIS-->

<img src="http://nsa29.casimages.com/img/2012/08/04/120804021644260776.png" style="margin-left:90px; margin-top:5px;" width="25px"><div id="boutonmembremois" class="mon_onglet" onclick="javascript:patonglet11()"><div class="prenomonglet1">Membre à l'honneur</div></div>
<!--ONGLET MEMBRE MOIS-->
</div></div>


<!-- MEMBRE MOIS MODULE --><div style="display: none;" id="onglet11">
                        <div class="mon_contenu"><div class="toutmembre"><center>
<table><tbody><tr><td width="120px"><div class="nommembremois">Penny S. Ribbs</div><div class="descmembremois" style="overflow:auto;height:0px;"></div>
</td>
<td><div class="bulleqeel"><img src="http://images2.fanpop.com/images/polls/167000/167179_1231610829356_50.jpg?v=1231610903" style="width: 40px; border-radius: 5px;-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg); -ms-transform: rotateZ(5deg); -o-transform: rotate(5deg);transform: rotateZ(5deg);box-shadow: 0px 0px 3px black;"><span><table><tbody><tr><td><img src="http://images2.fanpop.com/images/polls/167000/167179_1231610829356_50.jpg?v=1231610903" style="width: 40px; border-radius: 5px;-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); -ms-transform: rotateZ(-5deg); -o-transform: rotate(-5deg);transform: rotateZ(-5deg);box-shadow: 0px 0px 3px black;"></td><td valign="top"><div style="margin-left: 10px;"><div class="bullenomscena">Penny S. Ribbs</div><div class="bullenombottom"></div><div class="bulledesc" align="justify">Merci à toi pour ton implication dans le forum !<br><a href="http://perfect.forum-canada.net/u233" target="_blank">son profil</a> ϟ <a href="http://perfect.forum-canada.net/t1890-keep-your-friends-close-and-your-ennemies-closer-penny-ribbs" target="_blank">ses liens</a></div></div></td></tr></tbody></table></span></div> </td></tr></tbody></table>

</center>
</div>
<!--ONGLET MEMBRE MOIS-->
<div id="boutonscenas" class="mon_onglet" onclick="javascript:patonglet10()"><div class="prenomonglet1">Les scénarios</div></div>
<!--ONGLET MEMBRE MOIS-->
</div></div>

</div></div>




</td><td>
<!--ONGLET NEWS-->
<div id="boutonnews" class="mon_onglet" onclick="javascript:patonglet9()"><div class="prenomonglet2">News</div><div style="padding-left:20px;">Toute l'actualité</div></div>
<!--ONGLET NEWS-->



</td></tr></tbody></table>


</body></html>

En tout cas, merci de prêter attention à mon problème. I love you

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Sam 5 Jan 2013 - 19:47

Désolée du DP mais tout ne rentrait pas dans le premier message, ça dépassait la longueur autorisée :/
Donc, voici le css :
Code:
<style type="text/css">

a.bulleqeel:hover,a.bulleqeel :focus{
outline:none;}



a.bulleqeel span{
 line-height: normal;
  font-size: 10px;
  color: #222220;
  font-family: Arial;
  text-align: justify;
position:absolute;
  z-index: 999;
padding:5px;
margin-top:30px;
margin-left:-100px;
border:2px solid #F9F8F6;
background: #ffffff;
 
width: 170px !important;
opacity:0;
/*transform*/
-webkit-transform:scale(0) rotateZ(-12deg);
  -moz-transform:scale(0) rotate(-12deg);
    -ms-transform:scale(0) rotateZ(-12deg);
    -o-transform:scale(0) rotate(-12deg);
        transform:scale(0) rotateZ(-12deg);
/*transition*/
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
/*border-radius*/
-webkit-border-radius:20px;
  -moz-border-radius:20px;
        border-radius:20px;
/*box-shadow*/
box-shadow:2px 2px 2px #909066;
}

.bulleqeel span{
 line-height: normal;
  font-size: 10px;
  color: #222220;
  font-family: Arial;
  text-align: justify;
position:absolute;
  z-index: 999;
padding:5px;
margin-top:40px;
margin-left:-70px;
border:2px solid #F9F8F6;
background: #ffffff;
 
width: 170px !important;
opacity:0;
/*transform*/
-webkit-transform:scale(0) rotateZ(-12deg);
  -moz-transform:scale(0) rotate(-12deg);
    -ms-transform:scale(0) rotateZ(-12deg);
    -o-transform:scale(0) rotate(-12deg);
        transform:scale(0) rotateZ(-12deg);
/*transition*/
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
/*border-radius*/
-webkit-border-radius:20px;
  -moz-border-radius:20px;
        border-radius:20px;
/*box-shadow*/
box-shadow:2px 2px 2px #909066;
}



a.bulleqeel:hover span {
opacity:1;
  position:abosulute;
  z-index:999;
/*transform*/
-webkit-transform:scale(1) rotateZ(0);
  -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotateZ(0);
    -o-transform:scale(1) rotate(0);
        transform:scale(1) rotateZ(0);
}

.bulleqeel:hover span {
opacity:1;
  position:abosulute;
  z-index:999;
/*transform*/
-webkit-transform:scale(1) rotateZ(0);
  -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotateZ(0);
    -o-transform:scale(1) rotate(0);
        transform:scale(1) rotateZ(0);
}



a.bulleqeel{
font-size: 15px;
letter-spacing: 2px;
font-family: Trebuchet;
font-weight: bold;}
a.bulleqeel img {-webkit-transform: rotateZ(0);
  -moz-transform: rotate(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotate(0);
        transform: rotateZ(0);
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;}
a.bulleqeel:hover img {-webkit-transform: rotateZ(0);
  -moz-transform: rotate(-180deg);
    -ms-transform: rotateZ(-180deg);
    -o-transform: rotate(-180deg);
        transform: rotateZ(-180deg);}

.bulleqeel{
font-size: 15px;
letter-spacing: 2px;
font-family: Trebuchet;
font-weight: bold;}
a.bulleqeel img {-webkit-transform: rotateZ(0);
  -moz-transform: rotate(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotate(0);
        transform: rotateZ(0);
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;}
a.bulleqeel:hover img {-webkit-transform: rotateZ(0);
  -moz-transform: rotate(-180deg);
    -ms-transform: rotateZ(-180deg);
    -o-transform: rotate(-180deg);
        transform: rotateZ(-180deg);}




.bullenomscena{
color:  #F23338; text-shadow: 0px 0px 1px #222220; font-family: times new roman; font-size: 20px; letter-spacing: -3px; margin-top: -10px;
}

.bullenombottom{
border-top: 1px solid #9b9b62; width: 100px; margin-top: -5px;
}

.bulledesc{
font-size: 10px; line-height: 10px; letter-spacing: 0px; color:#222220; font-weight: lighter;
}
.bulledesc a{
text-decoration:none;
color:#222220;
border-bottom:1px dotted #222220;
}
.bulledesc a:hover{
color : #F23338 ;
border-bottom:1px dotted #F9F8F6;
-webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
}

.toutscena {
margin-top:10px;
margin-bottom:10px;
}

.toutmembre {
margin-top:5px;
margin-bottom:0px;
}

.body{
background-color:transparent;}


.staff{
-moz-box-shadow:2px 1px 7px #000000;
 -webkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
box-shadow:2px 1px 7px #000000;
 width:200px;
    height:130px;
border-radius:150px;
-o-border-radius:150px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
    position:relative;
margin-right:px;
margin-top:40px;
margin-left:px;
margin-bottom:10px;
background:#F23338;
border:2px solid #F23338;
background-repeat:no-repeat;
background-position:center top;
background-size:165px;
    top:0px;
    left:0px;
-webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.staff--:hover{
-moz-box-shadow:2px 1px 7px #000000;
 -webkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
box-shadow:2px 1px 7px #000000;
background: #F9F8F6;
border:2px solid #F23338;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);

}


#staffjane {
width:60px;
    height:60px;
background-image:url('http://i10.servimg.com/u/f10/17/54/48/64/jca23710.png');
background-repeat:no-repeat;
background-position:center;
background-size:70px;
margin-top: 20px;
margin-left:20px;
border-radius:50px;-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border:1px solid grey;
-moz-transition:1s left,1s width,1s opacity;-webkit-transition:1s left,1s width,1s opacity;-o-transition:1s left,1s width,1s opacity;
transform:scale(0) rotate(-12deg);
transition:all .25s;
cursor:pointer;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#staffjane:hover{
-webkit-transform: rotate(180deg);
moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
cursor:pointer;
}


#staffaut {
width:60px;
    height:60px;
background-image:url('http://media.paperblog.fr/i/584/5843405/mila-kunis-L-QvKQK8.jpeg');
background-repeat:no-repeat;
background-position:center;
background-size:70px;
margin-top: 20px;
margin-left:-20px;
border-radius:50px;-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border:1px solid grey;
-moz-transition:1s left,1s width,1s opacity;-webkit-transition:1s left,1s width,1s opacity;-o-transition:1s left,1s width,1s opacity;
transform:scale(0) rotate(-12deg);
transition:all .25s;
cursor:pointer;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#staffaut:hover{
-webkit-transform: rotate(180deg);
moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
cursor:pointer;
}


#staffeth {
width:60px;
    height:60px;
background-image:url('http://i10.servimg.com/u/f10/17/54/48/64/garret10.png');
background-repeat:no-repeat;
background-position:center top;
background-size:60px;
margin-top: 20px;
margin-left:-20px;
border-radius:50px;-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border:1px solid grey;
-moz-transition:1s left,1s width,1s opacity;-webkit-transition:1s left,1s width,1s opacity;-o-transition:1s left,1s width,1s opacity;
transform:scale(0) rotate(-12deg);
transition:all .25s;
cursor:pointer;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#staffeth:hover{
-webkit-transform: rotate(180deg);
moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
cursor:pointer;
}

#staffjo {
width:40px;
    height:40px;
background-image:url('http://i10.servimg.com/u/f10/17/54/48/64/rooney10.png');
background-repeat:no-repeat;
background-position:top center;
background-size:40px;
margin-bottom: -20px;
margin-left:10px;
border-radius:50px;-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border:1px solid grey;
-moz-transition:1s left,1s width,1s opacity;-webkit-transition:1s left,1s width,1s opacity;-o-transition:1s left,1s width,1s opacity;
transform:scale(0) rotate(-12deg);
transition:all .25s;
cursor:pointer;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#staffjo:hover{
-webkit-transform: rotate(180deg);
moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
cursor:pointer;
}


#staffser {
width:40px;
    height:40px;
background-image:url('http://i10.servimg.com/u/f10/17/54/48/64/26683110.png');
background-repeat:no-repeat;
background-position:top center;
background-size:50px;
margin-bottom: -20px;
margin-left:-30px;
border-radius:50px;-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border:1px solid grey;
-moz-transition:1s left,1s width,1s opacity;-webkit-transition:1s left,1s width,1s opacity;-o-transition:1s left,1s width,1s opacity;
transform:scale(0) rotate(-12deg);
transition:all .25s;
cursor:pointer;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#staffser:hover{
-webkit-transform: rotate(180deg);
moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
cursor:pointer;
}


#staffdow {
width:40px;
    height:40px;
background-image:url('http://i10.servimg.com/u/f10/17/54/48/64/images10.jpg');
background-repeat:no-repeat;
background-position:center top;
background-size:50px;
margin-bottom: -20px;
margin-left:-30px;
border-radius:50px;-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border:1px solid grey;
-moz-transition:1s left,1s width,1s opacity;-webkit-transition:1s left,1s width,1s opacity;-o-transition:1s left,1s width,1s opacity;
transform:scale(0) rotate(-12deg);
transition:all .25s;
cursor:pointer;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#staffdow:hover{
-webkit-transform: rotate(180deg);
moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
cursor:pointer;
}

#staffhel{
width:40px;
    height:40px;
background-image:url('http://i10.servimg.com/u/f10/17/54/48/64/sans_t11.png');
background-repeat:no-repeat;
background-position:center bottom;
background-size:45px;
margin-bottom:  -20px;
margin-left:-30px;
border-radius:50px;-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border:1px solid grey;
-moz-transition:1s left,1s width,1s opacity;-webkit-transition:1s left,1s width,1s opacity;-o-transition:1s left,1s width,1s opacity;
transform:scale(0) rotate(-12deg);
transition:all .25s;
cursor:pointer;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#staffhel:hover{
-webkit-transform: rotate(180deg);
moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
cursor:pointer;
}

#staffplus {
width:75px;
    height:115px;
background-image:url('http://nsa29.casimages.com/img/2012/08/04/120804021644260776.png');
background-repeat:no-repeat;
background-position:left top;
background-size:25px;
margin-top:-55px;
margin-left:320px;
opcacity:1;
-moz-transition:1s left,1s width,1s opacity;-webkit-transition:1s left,1s width,1s opacity;-o-transition:1s left,1s width,1s opacity;
transform:scale(0) rotate(-12deg);
transition:all .25s;
cursor:pointer;
}
#staffplus:hover{
opacity:0.3;
cursor:pointer;
}

.staffdesc{
-moz-box-shadow:2px 1px 7px #000000;
 -webkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
box-shadow:2px 1px 7px #000000;
width:200px;
height: 40px;
border-radius: 150px;
-o-border-radius:150px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
border:2px solid #F23338;
background: #F9F8F6;
margin-left:140px;
margin-top:-40px;
margin-bottom:-40px;
}


.mon_onglet {

width: 50px;
height: 70px;
-moz-border-radius:20px;
-webkit-border-radius: 20px;
border-radius: 20px;
margin-top:-20px;
}
mon_onglet:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
width: 50px;
height: 70px;
-moz-border-radius:20px;
-webkit-border-radius: 20px;
border-radius: 20px;
text-decoration:none;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
margin-top:-20px;
}
.mon_onglet_selected{
display:inline;
color:#222220;
}

.prenomstaffAU {
color : #E8A515;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
margin-bottom:-10px;
}

.prenomstaffJJ {
color : #E04C59 ;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
margin-bottom:-10px;
}

.prenomstaffETH {
color : #E04C59 ;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
margin-bottom:-10px;
}

.prenomstaffJO {
color : #09AB80 ;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
margin-bottom:-10px;
}

.prenomstaffSE {
color : #09AB80 ;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
margin-bottom:-10px;
}

.prenomstaffDOW {
color : #E04C59 ;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
margin-bottom:-10px;
}
.textstaff a{
text-align:center;
font-variant:normal;
font-family: georgia;
align:center;
color : #222220;
font-weight: ;
font-size:13px;
text-transform:;
letter-spacing:-1px;
text-decoration:none;
padding-left:0px;
}

.textstaff a:hover{
font-variant:normal;
font-family: georgia;
text-align:center;
font-style: ;
color:#F23338;
font-weight: ;
font-size:13px;
text-transform:;
letter-spacing:-1px;
text-decoration:none;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.textstaffPLUS {
text-align:center;
font-variant:normal;
font-family: georgia;
text-align:;
color : #222220;
font-weight: ;
font-size:8px;
text-transform:;
letter-spacing:2px;
text-decoration:none;
text-transform:uppercase;
margin-left:0px;
}

.prenomstaffPLUS {
color : #222220;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
margin-bottom:2px;
}

/*css nav rapide*/
.nav{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
padding-left:22px;
padding-top:px;
padding-bottom:0px;
-moz-box-shadow:2px 1px 7px #000000,;
 -webkit-box-shadow:2px 1px 7px #000000, ;
-o-box-shadow:2px 1px 7px #000000, ;
box-shadow:2px 1px 7px #000000, ;
width:120px;
height: 20px;
border-radius: 150px 150px 0px 0px;
-o-border-radius:150px 150px 0px 0px;
-moz-border-radius:150px 150px 0px 0px;
-webkit-border-radius:150px 150px 0px 0px;
border:2px solid #F23338;
background: #F9F8F6;
margin-left:-40px;
margin-top:10px;
margin-bottom:10px;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}

.rap{
text-shadow: 1px 1px 10px #222220;
color : #F9F8F6 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight: ;
font-size:19px;
text-transform:;
letter-spacing:2px;
text-decoration:none;
padding-left:20px;
padding-top:px;
padding-bottom:2px;
-moz-box-shadow:2px 1px 7px #000000,;
 -webkit-box-shadow:2px 1px 7px #000000, ;
-o-box-shadow:2px 1px 7px #000000, ;
box-shadow:2px 1px 7px #000000, ;
width:120px;
height: 20px;
border-radius: 150px 150px 0px 0px;
-o-border-radius:150px 150px 0px 0px;
-moz-border-radius:150px 150px 0px 0px;
-webkit-border-radius:150px 150px 0px 0px;
border:2px solid #F9F8F6;
background: #F23338;
margin-left:-70px;
margin-top:0px;
margin-bottom:10px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.contexte{
padding-left:22px;
padding-top:px;
padding-bottom:-2px;
-moz-box-shadow:2px 1px 7px #000000, ;
 -webkit-box-shadow:2px 1px 7px #000000, ;
-o-box-shadow:2px 1px 7px #000000, ;
box-shadow:2px 1px 7px #000000, ;
width:120px;
height: 20px;
border-radius: 0px 150px 150px 0px;
-o-border-radius:0px 150px 150px 0px;
-moz-border-radius:0px 150px 150px 0px;
-webkit-border-radius:0px 150px 150px 0px;
background: #F23338;
margin-left:-65px;
margin-top:-100px;
margin-bottom:0px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.contexte a{
text-shadow: 1px 1px 2px #222220;
color : #F9F8F6 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.contexte a:hover{
color:#F23338;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


.règles{
padding-left:22px;
padding-top:0px;
padding-bottom:-2px;
-moz-box-shadow:2px 1px 7px #000000 ;
 -webkit-box-shadow:2px 1px 7px #000000 ;
-o-box-shadow:2px 1px 7px #000000 ;
box-shadow:2px 1px 7px #000000 ;
width:120px;
height: 20px;
border: 2px solid #F23338;
border-radius: 150px 0px 0px 150px;
-o-border-radius:150px 0px 0px 150px;
-moz-border-radius:150px 0px 0px 150px;
-webkit-border-radius:150px 0px 0px 150px;
background: #F9F8F6;
margin-left:-50px;
margin-top:-80px;
margin-bottom:0px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.règles a{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-shadow: 1px 1px 2px #F23338;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.règles a:hover{
color:#F9F8F6;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.scéna{
padding-left:22px;
padding-top:px;
padding-bottom:-2px;
-moz-box-shadow:2px 1px 7px #000000, ;
 -webkit-box-shadow:2px 1px 7px #000000, ;
-o-box-shadow:2px 1px 7px #000000, ;
box-shadow:2px 1px 7px #000000, ;
width:120px;
height: 20px;
border-radius: 0px 150px 150px 0px;
-o-border-radius:0px 150px 150px 0px;
-moz-border-radius:0px 150px 150px 0px;
-webkit-border-radius:0px 150px 150px 0px;
background: #F23338;
margin-left:-65px;
margin-top:-60px;
margin-bottom:0px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.scéna a{
text-shadow: 1px 1px 2px #222220;
color : #F9F8F6 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.scéna a:hover{
color:#F23338;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


.bottin{
background-color: #000000;
padding-left:22px;
padding-top:px;
padding-bottom:px;
-moz-box-shadow:2px 1px 7px #000000 ;
 -webkit-box-shadow:2px 1px 7px #000000 ;
-o-box-shadow:2px 1px 7px #000000 ;
box-shadow:2px 1px 7px #000000 ;
width:120px;
height: 20px;
border-radius: 150px 0px 0px 150px;
-o-border-radius:150px 0px 0px 150px;
-moz-border-radius:150px 0px 0px 150px;
-webkit-border-radius:150px 0px 0px 150px;
border: 2px solid #F23338;
margin-left:-50px;
margin-top:0px;
margin-bottom:0px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.bottin a{
color : #222220;
font-variant:normal;
font-family: Lobster;
text-shadow: 1px 1px 2px #F23338;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.bottin a:hover{
color:#F9F8F6;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.invite{
padding-left:22px;
padding-top:px;
padding-bottom:-2px;
-moz-box-shadow:2px 1px 7px #000000, ;
 -webkit-box-shadow:2px 1px 7px #000000, ;
-o-box-shadow:2px 1px 7px #000000, ;
box-shadow:2px 1px 7px #000000, ;
width:120px;
height: 20px;
border-radius: 0px 150px 150px 0px;
-o-border-radius:0px 150px 150px 0px;
-moz-border-radius:0px 150px 150px 0px;
-webkit-border-radius:0px 150px 150px 0px;
background: #F23338;
margin-left:-65px;
margin-top:-20px;
margin-bottom:0px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.invite a{
text-shadow: 1px 1px 2px #222220;
color : #F9F8F6 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.invite a:hover{
color:#F23338;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


.partenaire{
padding-left:22px;
padding-top:px;
padding-bottom:-2px;
border: 2px solid #F23338;
-moz-box-shadow:2px 1px 7px #000000 ;
 -webkit-box-shadow:2px 1px 7px #000000 ;
-o-box-shadow:2px 1px 7px #000000 ;
box-shadow:2px 1px 7px #000000 ;
width:120px;
height: 20px;
border-radius: 150px 0px 0px 150px;
-o-border-radius:150px 0px 0px 150px;
-moz-border-radius:150px 0px 0px 150px;
-webkit-border-radius:150px 0px 0px 150px;
background: #F9F8F6;
margin-left:-50px;
margin-top:0px;
margin-bottom:10px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.partenaire a{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-align:;
text-shadow: 1px 1px 2px #F23338;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.partenaire a:hover{
color:#F9F8F6;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


/* fin nav rapide*/



.topsite{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:28px;
transform:rotate(40deg);
-moz-transform:rotate(40deg);
-webkit-transform:rotate(40deg);
-o-transform:rotate(40deg);
margin-top:-20px;
letter-spacing:0px;
text-decoration:none;}

.facebook{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:16px;
transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
margin-top:60px;
margin-bottom:-140px;
margin-left:-40px;
letter-spacing:0px;
text-decoration:none;}

.prd{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:16px;
transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
margin-top:60px;
margin-bottom:-100px;
margin-left:-10px;
letter-spacing:0px;
text-decoration:none;}

.facebookcolor{
color : #222220 ;
text-shadow: 1px 1px 2px white;
}
.facebookcolor:hover{
color:#F23338;
text-shadow: 1px 1px 2px white;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


/*css pour grand onglet*/

.prenomonglet{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
margin-bottom:2px;
}
.prenomonglet:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.prenomonglet2{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
paddint-left:-5px;
text-decoration:none;
margin-bottom:-3px;
margin-top:-2px;

}
.prenomonglet2:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;

}

#boutonaccueil{
-moz-box-shadow:2px 1px 7px #000000;
 -webkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
box-shadow:2px 1px 7px #000000;
width:200px;
height: 40px;
border-radius: 150px;
-o-border-radius:150px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
border:2px solid #F23338;
background: #F9F8F6;
margin-left:-240px;
margin-top:50px;
text-align:;
padding-left:20px;
font-variant:normal;
font-family: georgia;
color : #222220;
font-weight: ;
font-size:8px;
text-transform:;
letter-spacing:2px;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
}
#boutonaccueil:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
cursor:pointer;
}

#boutoncontexte{
-moz-box-shadow:2px 1px 7px #000000;
 -webkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
box-shadow:2px 1px 7px #000000;
width:200px;
height: 40px;
border-radius: 150px;
-o-border-radius:150px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
border:2px solid #F23338;
background: #F9F8F6;
margin-left:-210px;
margin-top:10px;
padding-left:40px;
font-variant:normal;
font-family: georgia;
text-align:;
color : #222220;
font-weight: ;
font-size:8px;
text-transform:;
letter-spacing:2px;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
}
#boutoncontexte:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
cursor:pointer;
}

#boutonautre{
-moz-box-shadow:2px 1px 7px #000000;
 -webkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
box-shadow:2px 1px 7px #000000;
width:200px;
height: 40px;
border-radius: 150px;
-o-border-radius:150px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
border:2px solid #F23338;
background: #F9F8F6;
margin-left:-190px;
margin-top:10px;
margin-bottom:-30px;
text-align:;
padding-left:12px;
font-variant:normal;
font-family: georgia;
color : #222220;
font-weight: ;
font-size:8px;
text-transform:;
letter-spacing:2px;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
}
#boutonautre:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
cursor:pointer;
}

#boutonnews{
-moz-box-shadow:2px 1px 7px #000000;
 -wwebkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
bbox-shadow:2px 1px 7px #000000;
width:150px;
height: 30px;
border-radius: 150px 150px 0px 0px;
-o-border-radius:150px 150px 0px 0p;
-moz-border-radius:150px 150px 0px 0p;
-webkit-border-radius:150px 150px 0px 0px;
border:2px solid #F23338;
background: #F9F8F6;
margin-left:-42px;
margin-top:-70px;
margin-bottom:50px;
text-align:center;
padding-left:-25px;
padding-bottom:0px;
font-variant:normal;
font-family: georgia;
color : #222220;
font-weight:bold ;
font-size:8px;
text-transform:;
letter-spacing:2px;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
#boutonnews:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
cursor:pointer;
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
#boutonmembremois{
width:200px;
margin-left:115px;
margin-top:-40px;
font-variant:normal;
font-family: Lobster;
color : #222220;
font-weight:bold ;
font-size:16px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
text-transform:lowercase;
cursor:pointer;
}
#boutonmembremois:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
cursor:pointer;
}

#boutonscenas{
width:200px;
margin-left:135px;
margin-top:1px;
font-variant:normal;
font-family: Lobster;
color : #222220;
font-weight:bold ;
font-size:16px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
text-transform:lowercase;
cursor:pointer;
}
#boutonscenas:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
cursor:pointer;
}



.contenuongletstrong{
width:350px;
height: 380px;
-moz-box-shadow:2px 1px 7px #000000;
 -webkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
box-shadow:2px 1px 7px #000000;
border-radius: 50px 50px 200px 200px;
-o-border-radius:50px 50px 200px 200px;
-moz-border-radius:50px 50px 200px 200px;
-webkit-border-radius:50px 50px 200px 200px;
border:2px solid #F23338;
background: #ffffff;
margin-left:-20px;
margin-top:50px;
}

.rondbienvenue{
width:310px;
height: 300px;
-moz-box-shadow:2px 1px 7px #000000;
 -webkit-box-shadow:2px 1px 7px #000000;
-o-box-shadow:2px 1px 7px #000000;
box-shadow:2px 1px 7px #000000;
border-radius: 100px;
-o-border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border:2px solid #F23338;
background: #F23338;
margin-left:-85px;
margin-top:-170px;
}


.textonglettitre{
color : #222220 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:24px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
text-align:center;}

.textongletstrong {
width:320px;
padding-left:20px;
padding-right:5px;
font-variant:normal;
font-family: georgia;
text-align:justify;
color : #222220;
font-weight: ;
font-size:11px;
text-transform:;
letter-spacing:px;
text-decoration:none;
text-transform:none;
}

.textongletstrong a{

font-variant:normal;
font-family: georgia;
text-align:justify;
color : #222220;
font-weight: bold ;
font-size:11px;
text-transform:;
letter-spacing:px;
text-decoration:none;
text-transform:none;
}
.textongletstrong a:hover{
color:#222220;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.nommembremois{
-moz-box-shadow:2px 1px 7px #000000, ;
 -webkit-box-shadow:2px 1px 7px #000000, ;
-o-box-shadow:2px 1px 7px #000000, ;
box-shadow:2px 1px 7px #000000, ;
width:150px;
height: 20px;
border-radius:145px;
-o-border-radius:150px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
background: #222220;
color : #F9F8F6 ;
font-variant:normal;
padding:5px;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:20px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.nommembremois:hover{
color:#F23338;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.descmembremois{
padding-right:5px;
font-variant:normal;
font-family: georgia;
text-align:justify;
color : #222220;
font-weight: ;
font-size:11px;
text-transform:;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
}



input, textarea, select {
border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #F9F8F6;
border:1px solid #F23338;
color: #222220;
margin-left:80px;
margin-top:15px;
target:_blank;
target:blank;
}
input, select, textarea {
border-width: 1px;
border:1px solid #F23338;
color: #222220;
target:_blank;
target:blank;
}
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
background-color: #F9F8F6;
#text_editor_iframe, input, select, textarea {
border:1px solid #F23338;
color: #222220;
font-family: Georgia;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
target:_blank;
target:blank;
}
select {
-webkit-appearance: menulist;
box-sizing: border-box;
-webkit-box-align: center;
border:1px solid #F23338;
color: #222220;
border-image: initial;
white-space: pre;
-webkit-rtl-ordering: logical;
background-color: white;
cursor: default;
target:_blank;
target:blank;
}
input, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
border:1px solid #F23338;
color: #222220;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
target:_blank;
target:blank;
}
}

.autrepartenaire a{
font-variant:normal;
font-family: georgia;
color : #222220
font-weight: bold ;
font-size:11px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
target:_blank;
target:blank;
}
.autrepartenaire a:hover{
color:#F23338;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
target:_blank;
target:blank;
}


.grandtitrebienvenue{
padding-left:px;
padding-top:px;
padding-bottom:px;
width:300px;
height: 50px;
margin-left:70px;
margin-top:-43px;
margin-bottom:px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
text-shadow: 1px 1px 10px #F9F8F6;
color : #222220;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:42px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.grandtitrebienvenue:hover{
color:;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


.grandtitredetroit{
text-transform:;
padding-left:px;
padding-top:px;
padding-bottom:px;
width:300px;
height: 50px;
margin-left:45px;
margin-top:-20px;
margin-bottom:-40px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
text-shadow: 1px 1px 10px #222220;
color : #F9F8F6 ;
font-variant:normal;
font-family: Lobster;
text-align:;
font-weight:bold ;
font-size:58px;
text-transform:;
letter-spacing:0px;
text-decoration:none;}
.grandtitredetroit:hover{
color:;
-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.mémé{
margin-top:-230px;
margin-left:-85px;
height:125px;
}
.adminmodo{
position:absolute;
margin-top:-105px;
margin-bottom:200px;
margin-left:-98px;
color : #222220 ;
text-shadow:1px 1px 2px white;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
}
.fonda{
position:absolute;
margin-top:-105px;
margin-bottom:200px;
margin-left:-80px;
color : #222220 ;
text-shadow:1px 1px 2px white;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
}
.admin{
position:absolute;
margin-top:-105px;
margin-bottom:200px;
margin-left:-100px;
color : #222220 ;
text-shadow:1px 1px 2px white;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
}
.modo{
position:absolute;
margin-top:-105px;
margin-bottom:200px;
margin-left:-85px;
color : #222220 ;
text-shadow:1px 1px 2px white;
font-variant:normal;
font-family: Lobster;
text-align:center;
font-weight:bold ;
font-size:18px;
text-transform:;
letter-spacing:0px;
text-decoration:none;
}


</style>

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Milouze14 le Sam 5 Jan 2013 - 20:41

Re,
je regarde tout çà demain matin,
en attendant pourquoi ne pas avoir déposé la C.S.S
dans la page h.t.m.l.?
Pour l'instant j'ai supprimé les class mémé par meme car les accents peuvent avoir un effet néphaste Wink .

Pour mémé , elle a pu remonter un peu Sourire2 .

Bonne soirée et à demain de très bonheur Affirmatif .

a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Sam 5 Jan 2013 - 20:48

Je l'avais bien mise à l'intérieur malheureusement ici dans le message, la longueur était trop grande pour pouvoir être posté, j'ai du séparer les deux.
Ah mémé, c'est une farceuse ^^

Vraiment, merci de regarder tout ça. I love you

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Milouze14 le Dim 6 Jan 2013 - 10:22

Salut Amaaranth,

quelle galère pour trouver la solution Baston .
Bref, en fait tu avais déposé des transitions qui se contredisées sur plusieurs class.
et d'autre sur des rotations avec un Z à la fin Rolling Eyes .
Tout ceci a été corrigé Amaaranth,
mais il y aura quelques retouches a faire pour l'apparence:
car des class sont attribuées dans le code html mais rien dans la css Wink .

Je t'ai déposé en fichier joint le code de toute la page html.



a++

Fichiers joints
FDF.txt Page HTMLVous n'avez pas la permission de télécharger les fichiers joints.(73 Ko) Téléchargé 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec des onglets background-image sous Firefox

Message par Amaaranth le Dim 6 Jan 2013 - 13:00

OH comment te dire à quel point je suis reconnaissante, j'étais vraiment en galère depuis plusieurs mois et ce petit défaut de design commençait à avoir raison de mes nerfs.
Ouarf, des z à la fin ? XD Apprendre le codage sur le tas des fois, ça peut avoir du négatif ><.
Vraiment un grand merci, le code fonctionne bien maintenant et j'ai pu retoucher un peu pour l'apparence générale. Vraiment merci merci merci ! I love you
Mon problème est bel et bien résolu.

Amaaranth
*

Féminin
Messages : 45
Inscrit(e) le : 25/07/2010

http://never-tell.forumactif.org/
Amaaranth a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum