problème de couleur

2 participants

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

Résolu problème de couleur

Message par Oz-Chan Dim 27 Jan 2013 - 18:59

Bonsoir !
J'ai un petit problème de couleur que je n'arrive pas à comprendre entre firefox et google chrome.
Sur firefox, tout marche comme il faut comme vous le voyez ici : problème de couleur Bon10
Alors que sur google chrome, cela me donne ceci:
problème de couleur Mauvai11
Je ne comprends pas pourquoi il me fait cette erreur... Voici mon HTML et mon CSS.

HTML:
Code:
 <center><div class="predefname">Hellias Skyes</div>
<div class="predefbox">[size=10][color=white]feat. [i]Luca[/i], de [i]Arcana Famiglia[/i][/color][/size]

<table width="90%" border="0"><tr><td width="210px"><span class="gradualfader"><img class="predefpix" src="http://i32.servimg.com/u/f32/17/52/74/50/hell10.jpg"/></span>
<center>[size=10]<input type="checkbox" name="libre" checked/>Libre <input type="checkbox" name="réservé"/>Réservé(e) <input type="checkbox" name="pris"/>Pris(e)[/size]</center></td>

<td><div class="predeftitre">À Savoir</div>
<div class="predefdesc">❥ Chain humain; 29ans d'apparence mais âge inconnu
❥ A un contrat illégal avec <a class="bubulle" href="http://pandora-hearts-abyss.forumactif.com/u1">Ayumi Hasegawa<span> Le pouvoir extérieur d’Hellias n’est pas très compliqué. Il sert de catalyseur à sa contractante quand il se trouve proche d’elle. Le Chain lui permet de garder le contrôle de ses flammes et d’apaiser la douleur que celles-ci lui font subir en plus de son pouvoir d’origine et sa marque sur la poitrine. Mais pour que cela soit totalement efficace, Hell est obligé d’embrasser la personne ayant un tatouage qui lui confère ce pouvoir sur la langue.

Pourtant, le vrai pouvoir d’Hellias ne se trouve pas être celui-ci. Tout comme sa contractante, il possède le pouvoir de contrôler l’élément du feu quelle que soit la forme ou la couleur. Le Chain peut donc créer de puissante tornade de flamme ou encore différences formes qu’il aurait envie de leur donner.</span></a>.</div>
<center><select name="qualités" size="1" style="padding:3px; background-color:#b73737; border:3px double #FFF691; -webkit-border-radius:8px; border-radius:8px;"><OPTION>QUALITÉS<br/> <OPTION>Protecteur<br/> <OPTION> Emotif<br/> <OPTION>Intelligent<br/> <OPTION>Confiant<br/></select><select name="qualités" size="1" style="padding:3px; background-color:#b73737; border:3px double #FFF691; -webkit-border-radius:8px; border-radius:8px;"><OPTION>DÉFAUTS<br/> <OPTION>Trop protecteur<br/><OPTION>Maladroit<br/> <OPTION>Possessif<br/> <OPTION>Têtu<br/></select></center>

<div class="predeftitre">Caractère</div>
<div class="predefdesc"><div style="overflow:auto; height:70px;">Ce jeune homme est quelqu’un qui inspire vite confiance en lui d’après son allure douce et gentille. Malgré son côté Chain, Hellias n’aime pas faire le mal autour de lui et ne se bat que quand la situation devient critique ou pour protéger une personne qui lui est chère. Même s’il ne l’est pas, le jeune homme a un côté très humain et se trouve vite maladroit ou un surplus d’émotion peu vite prendre possession de lui. Le noiraud possède même un petit côté timide et les rougeurs peuvent vite venir sur ses joues. Ne le cherchez donc pas trop si vous ne voulez pas le voir bouder et aller dans son coin ou encore partir en courant. Mais ce côté idiot fait tout autant parti de son charme. Hell possède un fort côté possessif qui fait que dès qu’il voit quelqu’un s’approcher trop de sa contractante, le Chain n’hésitera pas à faire son commentaire et dire ce qu’il pense d’une manière assez maladroite mais amusante. Le jeune garçon adore faire la cuisine et inventer de nouvelles recettes. De plus, il a un petit côté curieux sur tout ce qui concerne la chimie ou encore la magie. D’ailleurs, le Chain aime bien amuser les gens avec ses feux de diverses couleurs en se faisant passer pour un magicien. </div></div>

<div class="predeftitre">Histoire</div>
<div class="predefdesc"><div style="overflow:auto; height:100px;">Jamais Hellias n’aurait douté tomber dans cet endroit nommé l’Abyss soit disant par accident. Enfin, c’est ce qu’on voulut lui faire croire mais il n’était pas bête.  Entendre ce surnom Hell au fil des jours, le jeune homme se douta bien vite de quelque chose mais se laissa faire pour épargner ses jeunes frères. Etant l’ainé d’une famille de trois enfants avec des parents très croyant, ceux-ci ont littéralement jeté leur ainé en pâture à l’Abysse dans l’espoir que celle-ci les laisser tranquille. Heureusement pour lui, la Tragédie eut lieu au même moment et il se transforma en Chain à l’apparence humaine.

Quand il ressortit de l’Abysse grâce à une brèche, Hellias n’attendit pas longtemps avant d’apprendre que cent ans c’était passé…  Le Chain passa environ deux mois à errer dans les rues en mangeant ce qu’il trouvait. C’est un jour alors que le noiraud entendit un vacarme pas possible et des flammes sortirent d’une jeune fille tétanisée, qu’il passa son contrat. Voyant des gens mourir par les flammes, Hell s’élança sur la jeune femme et l’embrassa connaissant son pouvoir de feu comme pas instinct passant le contrat sans le vouloir.  La demoiselle du prénom d’Ayumi se calma donc en tombant dans les pommes et ce dernier s’en voulu beaucoup. Hellias ne comprit rien à la situation mais emporta la petite dans un autre endroit pour que les habitants ne la voient plus. Quand elle se réveilla, le Chain apprit qu’il possédait un pouvoir catalysant celui de la petite et ne comprit jamais cette marque sur sa poitrine.

Ils passèrent six mois ensemble et se rapprochèrent énormément jusqu’à que la mémoire d’Ayumi chavire du jour au lendemain alors qu’Hellias était en course Entre temps, elle disparut emportée par quelqu’un dans une calèche. Depuis ce jour, le Chain cherche sa contractante par tous les moyens sachant très bien que sa mémoire reviendra aussitôt. </div></div></td></tr></table><br/></div>
<div class="linkname"><b>Ayumi Hasegawa</b></div>
<div class="linkbox"><img class="linkpix" src="http://i20.servimg.com/u/f20/12/80/18/70/412.jpg"/><div style="overflow:auto; height:100px;">[size=11][justify]La relation entre Ayumi et Hellias est assez simple. Tu le touches, je te tue. Que cela soit l’un ou l’autre, ils ne supportent pas de se voir triste ou être blessés. La jeune fille a beau être la plus petite, elle aime de temps en temps se comporter comme une grande sœur avec lui bien que ce dernier  la remette vite en place en disant qu’il est l’ainé ! Mais pour le Chain, sa contractante se trouve être beaucoup plus que ça… Bien sûr, il est trop gêné pour le lui dire. Enfin, Hellias devrait commencer par la retrouver en premier lieu… [/justify][/size]</div></div>

et mon CSS
Code:
*::-moz-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

*::-webkit-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

body
{      cursor: url('http://sd-1.archive-host.com/membres/up/2083398183/miam.ico'), auto;
        }
        a {
        cursor: url('http://sd-1.archive-host.com/membres/up/2083398183/opipeoiwenfv.ico'), auto;
        }
       

.forumline {
  padding: 5px;
  border: 2px solid #820E0E;
  border-radius: 5px;
  box-shadow: 0px 2px 10px #c16a6a;
}

a.forumlink {
  margin-top: 20px;
  margin-bottom: -40px;
  padding-left: 40px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -2px;
  height: 4px;
  display: block;
  line-height: 30px;
  background-attachment: scroll;
  background-color: #820E0E;
  border-radius: 10px;
  webkit-border-radius: 10px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

a.forumlink:hover {
  margin-top: 20px;
  margin-bottom: -40px;
  padding-left: 80px;
  text-shadow: 0px 0px 0px;
  height: 4px;
  line-height: 30px;
  background-attachment: scroll;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  letter-spacing: 0px;
}



/* --- LIENS --- */

a {
  text-decoration: none !important;
}

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



/* --- BALISES PERSOS  --- */

.t1 {
  color: #F7DA66;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;
  background-color: #820E0E;
  border: 2px solid #FFDF40;
  border-left: 6px solid #FFDF40;
  border-right: 6px solid #FFDF40;
  border-radius: 0px 30px 0px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.t1:hover
{
  font-size: 180%; background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
    border-radius: 30px 0px 30px 0px;
  -webkit-border-radius: 0px 30px 0px 30px;
}

.t2 {
  color: #F7DA66;
  font-family: georgia;
  font-size: 150%;
  text-shadow: red 1px 1px 2px;
  padding-bottom: 3px;
  border-bottom: 5px solid #820E0E;
}
.t2:hover {
  color: #FF733B;
  border-bottom: 5px solid #FFDF40;
}

.t3 {
  color: #FFDF40;
  font-variant: small-caps;
}
.t3:before { content: "» "; }
.t3:hover:before { content: "» "; color: #FF733B; }
.t3:hover:after { content: "→"; color: #FF733B; padding-left: 5px; }

.important {
  color: #F7DA66;
  font-family: Courier New;
  font-size: 12px;
}

/* --- BALISES DU FORUM --- */

u {
  text-decoration: none;
  border-bottom: 2px solid;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.quote {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.quote:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.code {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.code div.cont_code{ max-height:200px; overflow:auto }
.code:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.spoiler {
  border: 1px solid #C24444;
  background-color: #820E0E;
  padding: 7px 7px 7px 7px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
  box-shadow: 0px 0px 5px #FFEF9C;
}
.spoiler:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -webkit-border-radius: 0px 10px 0px 10px;
  border-radius: 0px 10px 0px 10px;
}
.spoiler_closed {
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}
.spoiler_content {
  color: #FFEF9C;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}

/* --- NAVIGATION --- */

.navi {  position: fixed;
  z-index: 999;
  width: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 2px 0 4px 0;
  border: 1px solid #FFDF40;
  border-radius: 0 0 50px 50px;
  -webkit-border-radius: 0 0 50px 50px;
  background-color: #c16a6a ;
  box-shadow: 0 0 5px #FFDF40;
  -webkit-box-shadow: 10px 0 15px #FFDF40;
}

a.mainmenu {
  padding-right: 5px;
  font-family: Georgia;
  font-size: 14px;
  letter-spacing: -1px;
}
a.mainmenu:before { content: "❥"; color: #870000; font-family: verdana; margin-right: 3px; }

a.mainmenu img {display: none;}



/* --- PROFIL --- */

.avi {
  padding: 10px 5px 10px 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
    -webkit-border-radius: 15px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  box-shadow: 0px 0px 5px #870000;
  -webkit-box-shadow: 0px 0px 5px #870000;
}

.pseudo {
  border-top: 3px solid #820E0E;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #b53c3c;
}
.pseudo:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.name {
  font-size: 20px;
  font-family: Times New Roman;
  letter-spacing: -1px;
  word-spacing: 3px;
}

.rang {
  color: #820E0E;
  padding: 5px;
  border: 1px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.darkie {
  background-color: #804c4c;
  border-radius: 30px 30px 15px 15px;
    -webkit-border-radius: 30px 30px 15px 15px;
  box-shadow: 0px 0px 5px #804c4c;
  -webkit-box-shadow: 0px 0px 5px #804c4c;
}

.proofil {
    color: #820E0E;
    background-image: url("http://i48.servimg.com/u/f48/17/48/68/27/gond10.jpg");
  padding: 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: 0px 0px 2px #870000;
  -webkit-box-shadow: 0px 0px 2px #870000;
}

.proofil:hover {
    background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
}

#profile-advanced-details div.separator{ border-bottom: solid #820E0E; }

/* --- MESSAGES --- */

.blabla {
  padding: 5px;
  border: 1px solid #FFDF40;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://img16.imageshack.us/img16/9683/477g.png");
  box-shadow: 0px 0px 2px #FFDF40;
}



/* --- BOUTON MONTRER/MASQUER --- */

input {
  color: #FFDF40;
  background-color: #820E0E;
    border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.post, reset, select, submit, textarea.inputbox, input.liteoption, input.mainoption,{
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* --- MENU DÉROULANT --- */


/* --- ZONE DE TEXTE/SAISIE --- */

textarea {
  padding: 2px;
  border: 2px solid #820E0E;
  background-image: url("http://img16.imageshack.us/img16/9683/477g.png");
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

/* --- BOUTON ENVOYER BROUILLON --- */


/* --- CHAMPS SUJET--- */

.select {
        background-color:#C24444;
        border:1px solid #820E0E;
        left:0;
        overflow:hidden;
        position:absolute;
        top:0;
        width:0;
        z-index:100;
        }

.select button {
  background-color: #C24444;
  -webkit-border-radius: 5px 5px 5px 5px; }


/* --- TITRES DES CATÉGORIE --- */

.secondarytitle, .secondarytitle h2 {
  text-align: center;
  color : #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}

.cattitle { color: #F7DA66; }

a.cattitle {
  display: block;
  text-align: center;
  text-align: center;
  color: #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}


        /* --- DESCRIPTIONS DES FORUMS --- */
       
        .phalink {
          padding: 0px 5px 1px 5px;
          border: 1px solid #870000;
          background-color: #870000;
          border-radius: 5px;
          margin-bottom:50px;
          border-radius: 0px 0px 5px 5px;
          -webkit-border-radius: 0px 0px 5px 5px;
          -moz-border-radius: 0px 0px 5px 5px;
          letter-spacing: 0px;
          -moz-transition: all 1s;
            -webkit-transition: all 1s;
        }
       
        a.phalink {
          color: #FFDF40;
        }
       
        a.phalink:hover {
          color: #FF733B;
          letter-spacing: 0.5px;
        }
        .desc {
          height: 30px;
          margin-top: 10px;
          margin-bottom: -1px;
          padding: 5px;
          overflow: hidden;
          padding-right: 0px;
  padding-top: 0px;
          text-align: justify;
          border: 2px solid #870000;
          border-top: 6px solid #870000;
          border-radius: 20px 0px 0px 0px;
          -webkit-border-radius: 20px 0px 0px 0px;
          background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
          box-shadow: 0px 0px 2px #c16a6a;
          -moz-box-shadow: 0px 0px 2px #c16a6a;
          -webkit-box-shadow: 0px 0px 2px #c16a6a;
        }
       
        .txtdesc {
  line-height: 15px; font-size: 11px; font-family: verdana, tahoma, serif;
          height: 85px;
        }
          .pix {
                  margin-right: 3px;
                    margin-left: 4px;
                  opacity: 0.5;
                  -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  transition: opacity 1s;
                }
       
        .pix:hover {
                  margin-right: 3px;
                    margin-left: 4px;
          opacity: 1;
          -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  transition: opacity 1s;
        }



/* --- FONDS DES FORUMS ---*/

.row1 {  }
.row2 {  }
.row3 {  }


/* --- COLONNE DE DROITE --- */

.lastie {
  width: 160px;
  height: 59px;
  padding: 10px;
  padding-top: 28px;
  padding-bottom: 9px;
  margin-top: 26px;
  margin-bottom: 30px;
  vertical-align: middle;
  border: 2px solid #870000;
  border-top: 6px solid #870000;
  /*border-bottom: 3px solid #870000;*/
    border-radius: 0px 20px 0px 0px;
  -webkit-border-radius: 0px 20px 0px 0px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  box-shadow: 0px 0px 2px #c16a6a;
  -moz-box-shadow: 0px 0px 2px #c16a6a;
  -webkit-box-shadow: 0px 0px 2px #c16a6a;
}

.stats {
    margin-top: 5px;
  font-size: 12px;
  float: right;}


/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

#chatbox_header .cattitle::before {
      content: "Pandora's Box";
}

body.chatbox {
    background-repeat: no-repeat;
    background: url(http://img16.imageshack.us/img16/9683/477g.png);
    background-color: #C24444;
    background-position: right bottom;
    display: block;
}

#chatbox_members ul li, {
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
}

.chatbox_row_1,.chatbox_row_2 {
    background-color:transparent;
    padding:4px;
}


/* --- GROUPES --- */

a.pnj { color: #000000; font-size: 12px; font-weight: bold;}
a.bezarius { color: #fcf13f; font-size: 12px; font-weight: bold;}
a.nightray { color: #7385FA; font-size: 12px; font-weight: bold; }
a.rainsworth { color: #FF6BEB; font-size: 12px; font-weight: bold; }
a.barma { color: #f89999; font-size: 12px; font-weight: bold; }
a.pandora { color: #a4a4ef; font-size: 12px; font-weight: bold;}
a.baskerville { color: #e18aee; font-size: 12px; font-weight: bold; }
a.chains { color: #a3d6f6; font-size: 12px; font-weight: bold; }
a.contractants { color: #56C77A; font-size: 12px; font-weight: bold; }
a.lutwidge{ color: #92FC65; font-size: 12px; font-weight: bold; }
a.sorciers { color: #D6945E; font-size: 12px; font-weight: bold;}
a.civils { color: #ffae4e; font-size: 12px; font-weight: bold; }
a.nonrpgistes { color: #FFCCCC; font-size: 12px; font-weight: bold;}
a.noblesse { color: #ffffff; font-size: 12px; font-weight: bold;}


/* --- PREDEFINIS --- */

.predefbox {
  width: 650px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  border-top: 10px solid #820E0E;
  border-bottom: 10px solid #820E0E;
  border-radius: 70px 70px 40px 40px;
  -webkit-border-radius: 70px 70px 40px 40px;
}

.predefname {
  margin: 10px 0 -13px 0;
  color: #C24444;
  text-shadow: #820E0E 5px 0px 0px;
  font-family: georgia;
  font-size: 40px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.predefpix {
  padding: 3px;
  border: 1px solid #cc6e54;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.predefpix:hover {
  border: 1px solid #FFF691
}

.predeftitre {
  padding-left: 40px;
  color: #FF733B;
  font-family: georgia;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -2px;
  word-spacing: 5px;
  height: 5px;
  line-height: 6px;
  background-color: #820E0E;
  background-attachment: scroll;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.predeftitre:hover {
  color: #F0B728;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.predefdesc {
  margin: 0 20px 0 20px;
  text-align: justify;
  font-size: 11px;
}

a.bubulle { position: relative; }
a.bubulle span { display: none;  }
a.bubulle span {  display: none; z-index: 999; }
a.bubulle:hover { background: none; z-index: 999; }
a.bubulle:hover span
{ display: inline; position: absolute; top: 15px; left: 15px; width: 250px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg"); color: #FFF691; border: 1px solid #870000;
  padding: 3px; text-align: justify; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; }

.linkname {
  margin: 0 450px -20px 0;
  color: #C24444;
  text-shadow: #820E0E 3px 0px 0px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.linkbox {
  width: 630px;
  padding: 5px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  text-align: justify;
}

.linkpix {
  float: left;
  margin-right: 5px;
}


/* --- PREDEFINIS ACCUEIL--- */

.préd2{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
  TEXT-ALIGN: center;
  border: 6px solid #af0800;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd3{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #1f9200;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd4{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #fff71d;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS RPG --- */

.presbox {
  width: 650px;
  margin-top: 100px;
  padding-bottom: 30px;
  background-color: #C24444;
  border: 1px solid #870000;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.prespix {
  float: left;
  margin: -80px 10px 0 30px;
  padding: 7px;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 6px black;
  -webkit-box-shadow: 1px 1px 6px black;
  box-shadow: 1px 1px 6px black;
}

.pressurname {
  display: block;
  text-align: left;
  margin-left: 270px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  font-style: italic;
  letter-spacing: -2px;
  opacity: 0.6;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presname {
  display: block;
  text-align: left;
  margin-left: 300px;
  margin-top: -10px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  letter-spacing: -2px;
  font-style: italic;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presprofile {
  height: 221px;
  overflow: auto;
  margin: 0 10px 0 0;
  -webkit-margin: 0 30px 0 0px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.prestitre {
  color: #870000;
  font-family: georgia;
  font-size: 28px;
  font-style: italic;
  letter-spacing: -1px;
  height: 14px;
    text-shadow: 1px 1px 6px #FFEF9C;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.presdesc {
  margin: 0 20px 0 20px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS NON RPG ---*/

.youbox {
  width: 600px;
  height: 300px;
  text-align: justify;
  font-size: 10px;
  padding: 0 3px 0 0;
  background-color: #a57a69;
}

.youleft {
  width: 170px;
  height: 300px;
  float: left;
  margin-right: 3px;
  padding: 0 3px 0 3px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
}

.youtitre {
  color: white;
  font-family: Courier New;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 2px solid white;
}

.b1 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* --- RELATION---*/

.rela1{
  background-color: #d6997f;
border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;
  width:600px;}
.rela2{
  text-align:center;
  letter-spacing: -3px;
    font-size:33px;
  font-family:times new roman;
  font-weight:bold;
  credit-site-css: mycandids.tk;
  color: #FFEF9C}
.rela3{
border: 5px solid brown;
 border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;}
.rela4{
  background-color: #FFEF9C;
  border: 3px double yellow;}
.rela5{
  width: 350px;
  padding-left:15px;
  padding-right:15px;
  text-align:center;
  letter-spacing: -1px;
  color: #FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela6{
  color:darkgray;
  font-size:12px;
  font-color: #FFDF40;
  font-family:Georgia;
  background-color: #ffe9a7;
  width: 270px;
  border-radius:40px;}
  .rela7{
letter-spacing: -1px;
  color:#FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela8{
  width:400px;
  height:75px;
  color:#973C08;
  overflow:auto;}
.rela9{
  border-bottom: solid 5px;
  width:750px;
  font-size:18px;
  font-family:times new roman;
  color:#FFEF9C;}
.rela0{
  TEXT-ALIGN: left;
  font-color: #FFEF9C;
    FONT-FAMILY: Times New Roman;
  font-size:27px;}
.rela10{
  background:#FFEF9C;
  font-size: 1px;
  line-height: normal;
border-top-left-radius:10px;
  -font-color:brown;}
.rela11{
  border: 2px solid #FFEF9C;
  width:35em;
  font-color: #FFEF9C;
border-radius:10px;
margin-left;20px}

  /* --- STAFF---*/
.admintitre {
  width: 330px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.admintitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.adminbox {
  width: 310px;
  height: 300px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
.adminame{color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;}
 
.modotitre {
  width: 280px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.modotitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.modobox {
  width: 260px;
    height: 255px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
  /* --- PARTENAIRES--*/
.partenaires_footer_header {
  width: 530px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #870000;
  color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 15px;
  text-shadow: red 1px 1px 2px;}

.partenaires_footer_header:hover{
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  }

.partenaires_footer {
       
  width: 850px;
  height: 64px;
  border: 1px solid #870000;
  border-top: 6px solid #870000;
border-top-left-radius:10px;
border-top-right-radius:  10px;
  -webkit-border-radius: 15 15 0px 0px;
  padding:4px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
        }


        /* PA */
        /* Les propriétés étranges de Lyloox, DEBUT */

        .staff {
          display: inline-block;
        }
        .staff ul { font:.75em "lucida grande", arial, sans-serif; overflow:auto; background:#eee; list-style:none; }
        .staff li { width:100px; height:100px; position:relative;z-index:5; vertical-align:middle; -moz-border-radius:5px; padding:0px; overflow:hidden; float:left; }
        .staff li:hover { position:relative; z-index:10; box-shadow: 0px 0px 2px #000; -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;}
        .staff li:hover p { margin-top:-85px; }
        .staff strong { display:block; letter:spacing:2px; color:#EE6E6E; }
        .staff a {color:#EE6E6E; font-weight:500; }

        .staff div {
          display: inline-block;
        }


        /* Onglet 3 */

        #onglet3 .admins img { border-radius:5%; border: 2px solid orange; margin:3px; }
        #onglet3 h1, #onglet3 h2{ font-size:15px;font-family:Time News Roman,serif; font-style:italic; color:white; text-shadow: 0px 0px 3px #A40000;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; }
        #onglet3 h1:hover, #onglet3 h2:hover { color:#A40000; text-shadow: -5px -3px 2px #870000, 16px 8px #FFA6A6;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;}
        #onglet3 { margin:auto;}
        #onglet3 .admins {display:block; text-align:center; }

        #onglet3 .admins img {margin-top: 3px; margin-left: 0px;}

        #onglet3 .coupsdecoeur
        { margin-left:170px; text-align:center; width:220px; padding:15px; border: 2px dotted #870000; border-radius:30px;
          border-top: 3px solid #FFEF9C; border-right: 1px solid #870000; border-bottom: 3px solid #870000;
          border-left: 1px solid #FFEF9C;}
        #onglet3 .credits {
        clear: none;
        margin: -292px 0 0 430px;
        text-align: center;
        width: 300px;
        height: 256px;
        background-color: whiteSmoke;
        padding: 15px;
        border: 3px solid #FFEF9C;
        font-size: 11px;
        }
        #onglet3 .modos {text-align:center; display:block;}


        /* Autres machins */

        .onglet3 img { padding:2px; border: 1px solid; border-radius:7px; text-align:center; background-color:#EEEEEE; opacity:0.8; }
        .onglet3 img {margin:6px; border: 1px solid; border-radius:7px; }
        .onglet3:hover {opacity:1;}

        .infobulle {position:relative;text-decoration:none; display:inline;}
        .infobulle span {display:none; text-align:justify}
        .infobulle:hover{background:none;cursor:help;z-index:999}
        .infobulle:hover span{border-radius:5px;background-color:#EEEEEE; border-left: 3px solid #EC5E61; border-right: 3px solid #EC5E61;
          display:inline;left:50px;margin-right:5px;padding:8px;position:absolute;top:5px;white-space:normal;width:200px}

        .onglets { text-align:center; margin:auto; display:block;cursor:pointer;}

        .onglet { display:inline-block; height: 34px; width: 150px; }

        .onglet_0 { padding:8px; margin:3px; font-size:16px; }
                .onglet_1 { padding:8px; margin:3px; font-size:16px; }
           
                #onglet_abc.onglet_1{
                background: url('http://i43.servimg.com/u/f43/16/13/48/98/1o10.png');}
                #onglet_ledeuxieme.onglet_1{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o2o10.png');}
                #onglet_ghi.onglet_1 {
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o3o10.png');}
           
                #onglet_abc.onglet_0{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/1f10.png');}
                #onglet_ledeuxieme.onglet_0{
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o2f10.png');}
                #onglet_ghi.onglet_0 {
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o3f10.png');}

        .contenu_onglet { padding:5px; display:none; height:434px}

        .imageetcontexte { text-align:justify; border-left: 3px solid #FFEF9C; border-right: 3px solid #FFEF9C; padding:10px; }

        .blabladesnews { text-align:justify;
          margin:20px; width:530px;
          max-width:550px;
          overflow:auto;
          padding:15px;
          border: 2px dotted #FFEF9C;
          border-radius:30px;
          border-top: 3px solid #FFEF9C;
          border-right: 1px solid #FFEF9C;
          border-bottom: 3px solid #FFEF9C;
          border-left: 1px solid #FFEF9C;
          border-radius: 10px 10px 0px 0px;  }
        .blabladesnews span {
          float:right;
          font-size:23px;
          margin-top:-35px;
          font-family:Verdana,Arial,Helvetica,sans-serif;
          color:#FFDF40;
          text-shadow: 0px 0px 5px #FFDF40;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s; }
        .blabladesnews span:hover {
          margin-right:90px;
          color:FFEF9C;
          text-shadow: -16px -9px #FF733B, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;}
        .blabladesnews h1 { color:#FF733B; text-decoration:blink; display:inline; }
        .blabladesnews h2 { color:#FFDF40; display:inline; }

        /* Animations des prédéfinis, onglet 1 de la PA */
    #predef img{width:160px;
  height:84px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;}
        #predef {margin-left:21px; }
        #predef ul { font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          width:495px;
          background:#96734c;
          list-style:none; }
        #predef li {
          width:160px;
          height:84px;
          position:relative;
          z-index:5;
          margin:5px 0px 5px -60px;
          vertical-align:middle;
          -webkit-vertical-align:middle;
          -moz-border-radius:16px;
          -webkit-border-radius:16px;
          border-radius: 16px;
          padding:0px;
          border:  3px solid #870000;
          overflow:hidden;
          float:left; }
        #predef li:hover {
          position:relative;
            height:84px;
          z-index:10;
          margin-left:-40px;
          border-color:#FFDF40;
          box-shadow: 2px 2px 4px #000;
          -webkit-box-shadow: 2px 2px 4px #000;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
          -o-transform:all;}
        #predef p {
          font-size:10px;
          height:84px;
          padding:0 10px;
          opacity:.8;
          background:#96734c;
          -webkit-transition:margin-top 1.5s ease-out;
          -moz-transition: margin-top 1.5s ease-out;
          transition: margin-top 1.5s ease-out;
              -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
          border-radius: 8px;
          }
        #predef li:hover p
        {
        margin-top:-87px;

        }
        #predef strong { padding-top:3px; display:block; }
        #predef a {color:#FFDF40; font-weight:500; }

        /* Mise en page des liens de navigation, onglet 1 de la PA */
        #navi {float:left; display:block;}
        #navi .entete { width:450px; position:relative; margin-top:-20px; -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;-moz-transform:all;-moz-transition:1s; text-align:center; color:#FFEF9C; text-shadow: 0px 0px 5px yellow; font-family:Time News Roman, serif; margin:auto; display:block; z-index:150; font-size:18px; font-style:italic;}
        #navi .entete:hover { -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; color:#FF733B; letter-spacing:3px; text-shadow: 0px 0px 5px #FF8A8A; }
        #liens { background-image: url(http://i43.servimg.com/u/f43/16/13/48/98/sprout11.png); background-repeat: no-repeat; background-position : center ;  border-radius: 30px; display:table-cell; vertical-align:middle; height:120px; width:500px; max-width:540px; margin:auto; border: 2px solid #870000; border-radius:30px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-align:center; background-color: #C24444; }
        .colonne1 { float:left;width:255px; }
        .colonne2 { margin-left:260px; display:block;}
        .colonne1 a, .colonne2 a {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; padding-left:10px;padding-left:}
        .colonne2 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne2 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne2 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne2 .trefle a:before { content: "♣"; padding-right:5px; }

        .colonne1 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne1 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne1 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne1 .trefle a:before{ content: "♣"; padding-right:5px; }

        .colonne1 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-left:60px !important;}
        .colonne2 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-right:60px !important;}


        /* Les propriétés étranges de Lyloox, FIN */

        /* Le bazar ajouté de Foocha' */

        .onglets span {
        margin-right: 75px;
        }

        #onglet_abc {
        margin-left: 72px;
        }

        #onglet3 {
          border-spacing:0px;
        }

        /* contexte onglet 1 */

        .contexte {
        height: 180px;
        overflow: auto;
        max-width: 355px;
        display: block;
        margin: auto;
        margin-top: 3px;
        background-color: #C24444;
        padding: 15px;
        border: 3px solid #870000;
        font-size: 11px;
        border-radius: 16px;
        overflow: auto;
        }

        /* navigation predefs onglet 1 */

        #lienspredef {
        display: table-cell;
        vertical-align: middle;
        height: 55px;
        width: 500px;
        max-width: 540px;
        margin: auto;
        border: 2px solid #870000;
        border-radius: 30px;
          font-size: 12px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-align: center;
        background-color: #C24444;
        }

        #lienspredef a {
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        padding-left: 10px;
        }

        #lienspredef .pique a:before { content: "♠"; padding-right:5px; }
        #lienspredef .carreau a:before { content: "♦"; padding-right:5px; }
        #lienspredef .trefle a:before { content: "♣"; padding-right:5px; }

        #lienspredef a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none;
        text-decoration:none !important; color:#FF733B; letter-spacing:3px;}
        /* staff */

        .fonda {
                height:62px;
          display: inline-block;
        }
        .fonda ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#eee;
          list-style:none; }

        .fonda li {
          width:230px;
          height:80px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .fonda p {
        font-size: 20px;
        height: 82px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .fonda li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #DE0000;
          padding:2px;
        }
        .fonda li:hover p { margin-top:-85px; }

        .admin {
              height:89px;
          display: inline-block;
        }
        .admin ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .admin li {
          width:145px;
          height:100px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .admin p {
        font-size: 14px;
        height: 97px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .admin li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #FF7B47;
          padding:2px;
        }
        .admin li:hover p { margin-top:-105px; }

        .modo {
                height:65px;
          display: inline-block;
        }
        .modo ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .modo li {
          width:85px;
          height:65px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
        }

        .modo p {
        font-size: 10px;
        height: 63px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
          padding-top: 5px;
        }

        .modo li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #cba78f;
          padding:2px;
        }
        .modo li:hover p { margin-top:-68px; }

        /* Credits */

        .creditstd {
          height:115px;
        background-repeat: no-repeat;
        padding-left: 43px;
        background-position-x: 38px;
        }

        #blacredits {
        width: 480px;
          background-color: #C24444;
        text-align: justify;
        height: 77px;
        overflow: auto;
        margin-bottom: 8px;
          border: 1px solid #870000;
        border-radius: 5px;
        padding: 2px;
        }
     
        /* coup de coeur */

        .coupcoeur img {
        margin-right: 6px;
        margin-bottom: 8px;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #EFFF94;
          border-radius: 5px;
          padding:2px;
        }

        .coupcoeur img:hover {
        border: 2px solid #F07F05;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          padding:2px;
        }


        .coupcoeur div {
        color:#FFEF9C;
          height:19px;
        font-size: 23px;
        margin-top: 2px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-shadow: 0px 0px 5px #FFEF9C;
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        margin-bottom: -6px;
        }

        .coupcoeur div:hover {
          color:#FFDF40;
          text-shadow: -16px -9px #FFA6A6, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
        }

        /* Fin du bazar ajouté de Foocha' */

Je vous remercie de votre futur aide ! et vous souhaite une bonne semaine. ^^


Dernière édition par Oz-Chan le Jeu 7 Fév 2013 - 0:15, édité 2 fois
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Lun 28 Jan 2013 - 20:24

petit up
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Mar 29 Jan 2013 - 19:32

UP
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Mer 30 Jan 2013 - 18:36

UP éè
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Jeu 31 Jan 2013 - 18:10

UP ;_;
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Ven 1 Fév 2013 - 17:59

Up ?
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Sam 2 Fév 2013 - 17:12

Up..
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Dim 3 Fév 2013 - 16:13

Une semaine de UP .o.
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Lun 4 Fév 2013 - 15:44

Toujours UP.
J'avoue que ça devient urgent là ><.
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Mar 5 Fév 2013 - 18:04

Toujours UP
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par Oz-Chan Mer 6 Fév 2013 - 18:39

Up '-'
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par MlleAlys Mer 6 Fév 2013 - 18:51

c'est possible d'avoir un lien ?
MlleAlys

MlleAlys
Membre actif

Messages : 5967
Inscrit(e) le : 12/09/2012

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

Résolu Re: problème de couleur

Message par Oz-Chan Mer 6 Fév 2013 - 18:52

Bonjour,
Bien sur ! Voici le lien de l'image http://pandora-hearts-abyss.forumactif.com/t2351-03-chains#26410
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par MlleAlys Mer 6 Fév 2013 - 19:08

ajoute -webkit-appearance: none; dans le style de la balise select , ça devrait fonctionner !

(ça donne ça :
Code:
<select name="qualités" size="1" style="padding:3px; background-color:#b73737; border:3px double #FFF691; -webkit-border-radius:8px; border-radius:8px; -webkit-appearance:none;">
)
MlleAlys

MlleAlys
Membre actif

Messages : 5967
Inscrit(e) le : 12/09/2012

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

Résolu Re: problème de couleur

Message par Oz-Chan Jeu 7 Fév 2013 - 0:14

Bonsoir !
Le code est bon ! Je vous remercie vraiment de votre aide. ^^
Oz-Chan

Oz-Chan
****

Messages : 388
Inscrit(e) le : 01/01/2010

http://newfofo.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de couleur

Message par MlleAlys Jeu 7 Fév 2013 - 0:36

de rien, heureuse que ça fonctionne ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5967
Inscrit(e) le : 12/09/2012

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

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

- Sujets similaires

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