Problème centrer et arrondis

[Oz-Chan]

Bonjour,
Comme beaucoup de monde en ce moment. Je ne m'en sors pas avec le css3 et j'ai quelques petits problèmes dont je n'ai pas trouvé de solution.
Ma colonne de droit et donc devenue carrée et n'est plus centrée avec le reste... Je vous laisse voir:

Serait-il possible de m'aider à remettre mes arrondis ainsi que de recentrer avec ce qu'il y a à gauche? Voici mon css:

Code:

*::-moz-selection {
  color: #F4F4F4;
  background: #9AC220 none repeat scroll 0 0;
}

body {
  margin-top: 10px;
}

.forumline {
  padding: 5px;
  border: 1px solid #cccccc;
border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  box-shadow: 0px 0px 20px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}

a.forumlink {
  margin-top: 10px;
  margin-bottom: -8px;
  padding-left: 40px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -2px;
  height: 7px;
  display: block;
  line-height: 12px;
  background-attachment: scroll;
  background-color: #C0C0C0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

a.forumlink:hover {
  margin-top: 10px;
  margin-bottom: -8px;
  padding-left: 40px;
  text-shadow: 0px 0px 0px;
  height: 7px;
  line-height: 12px;
  background-attachment: scroll;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}



/* --- LIENS --- */

a {
  text-decoration: none !important;
  cursor: crosshair;
}

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



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

.t1 {
  color: #9AC220;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: black 1px 1px 2px;
  padding: 7px 7px 7px 7px;
  background-color: #D8D8D8;
  border: 2px solid #F4F4F4;
  border-left: 6px solid #F4F4F4;
  border-right: 6px solid #F4F4F4;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 5px #A0A0A0;
  -moz-box-shadow: 0px 0px 5px #A0A0A0;
  -webkit-box-shadow: 0px 0px 5px #A0A0A0;
}
.t1:hover { font-size: 180%; background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); }

.t2 {
  color: #9AC220;
  font-family: georgia;
  font-size: 150%;
  text-shadow: #6A6A6A 1px 1px 2px;
  padding-bottom: 3px;
  border-bottom: 5px solid #C0C0C0
}
.t2:hover { color: #5e97db; border-bottom: 5px solid #959595; }

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

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

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



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

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

.quote {
  background-color: #D8D8D8;
  border: 1px solid #C0C0C0;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}
.quote:hover { background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); }

.code {
  background-color: #D8D8D8;
  border: 1px solid #C0C0C0;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}
.code div.cont_code{ max-height:200px; overflow:auto }
.code:hover { background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); }

.spoiler {
  border: 1px solid #C0C0C0;
  background-color: #D8D8D8;
  padding: 7px 7px 7px 7px;
  -moz-border-radius: 10px 0px 10px 0px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}
.spoiler:hover { background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); }
.spoiler_closed {
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  border: 1px solid #CACACA;
}
.spoiler_content {
  color: #808080;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  border: 1px solid #CACACA;
}



/* --- NAVIGATION --- */

.navi {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 999;
  width: 100%;
  background-color: #F4F4F4;
  border-bottom: 3px solid #4188BE;
  padding: 3px;
}

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

a.mainmenu img {display: none;}



/* --- PROFIL --- */

.avi {
  padding: 10px 5px 10px 5px;
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}

.pseudo {
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #F4F4F4;
}
.pseudo:hover {
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

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

.rang {
  padding: 5px;
  border: 1px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
}

.darkie {
  -moz-border-radius: 30px 30px 15px 15px;
  -webkit-border-radius: 30px 30px 15px 15px;
  border-radius: 30px 30px 15px 15px;
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}

.proofil {
  padding: 5px;
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
  box-shadow: 0px 0px 2px #C0C0C0;
  -moz-box-shadow: 0px 0px 2px #C0C0C0;
  -webkit-box-shadow: 0px 0px 2px #C0C0C0;
}



/* --- MESSAGES --- */

.blabla {
  padding: 5px;
  border: 1px solid #C0C0C0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  box-shadow: 0px 0px 2px #C0C0C0;
  -moz-box-shadow: 0px 0px 2px #C0C0C0;
  -webkit-box-shadow: 0px 0px 2px #C0C0C0;
}



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

input {
  color: #5E97DB;
  border: 1px solid #F4F4F4;
  background-color: #F4F4F4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

input.post, select, textarea.inputbox, input.liteoption, input.mainoption {
  background-color: #F4F4F4;
}


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

select {
  background-color: #F4F4F4;
  border: 1px solid #F4F4F4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


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

textarea {
  padding: 2px;
  border: 1px solid #F4F4F4;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}


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

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

.cattitle { color: #9ac220; }

a.cattitle {
  display: block;
  text-align: center;
  text-align: center;
  color: #9ac220;
  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: 1px 5px 1px 5px;
  border: 1px solid #F4F4F4;
  background-color: #F4F4F4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

a.phalink {
  color: #9AC220;
  font-size: 10px;
}

a.phalink:hover {
  color: #5E97DB;
}

.desc {
  margin-top: 10px;
  padding: 5px;
  text-align: justify;
  border: 1px solid #C0C0C0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  box-shadow: 0px 0px 2px #C0C0C0;
  -moz-box-shadow: 0px 0px 2px #C0C0C0;
  -webkit-box-shadow: 0px 0px 2px #C0C0C0;
}

.pix {
  float: left;
  margin-right: 10px;
}



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

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


.lastie {
  width: 160px;
  padding: 5px;
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 40px 40px 20px 20px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  box-shadow: 0px 0px 2px #C0C0C0;
  -moz-box-shadow: 0px 0px 2px #C0C0C0;
  -webkit-box-shadow: 0px 0px 2px #C0C0C0;
}

.stats {
  margin-top: 3px;
}



/* --- PAGE D'ACCUEIL --- */

#menupa ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#menupa li { float: left; margin: auto; padding: 2; }
#menupa li a { display: block; width: 137px; color: #5e97db; text-decoration: none; padding: 5px; letter-spacing: -1px; font-size: 10px; margin: 2px; background-color: #f4f4f4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#menupa li a:hover { color:#9AC220; background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); -moz-box-shadow: 0px 0px 3px #fff; -webkit-box-shadow: 0px 0px 3px #fff; box-shadow: 0px 0px 3px #fff; }
#menupa ul li ul { display:none; }
#menupa ul li:hover ul { display:block; }
#menupa li:hover ul li { float:none; }
#menupa li ul { position:absolute; }

.contexte {
  width: 250px;
  height: 180px;
  overflow: auto;
  margin: -235px 45px 55px 0;
  text-align: justify;
}

.staffou {
  padding: 3px;
  border: 1px solid #9AC220;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.staffou:hover { border: 1px solid #5e97db; }

.news {
  height: 114px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 5px dotted;
}
.scan {
  padding-right: 10px;
  text-align: left;
  font-size: 9px;
}


.patitre {
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #F4F4F4;
  text-align: center;
  color: #9AC220;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.patitre:hover {
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

.pabox {
  padding: 5px 10px 5px 10px;
  border: 1px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  text-align: justify;
}

.paimg {
  background-color: #B8B8B8;
  border: 2px solid #ADADAD;
  padding: 5px;
  -moz-border-radius: 10px 10px 10px 10px;
}

a.infobulle { position: relative; }
a.infobulle span { display: none; }
a.infobulle span { display: none; z-index: 999; }
a.infobulle:hover { background: none; z-index: 999; }
a.infobulle:hover span { display: inline; position: absolute; white-space: nowrap; top: 15px; left: 15px; padding: 3px; background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg"); color: #909090; border: 1px solid #F4F4F4; border-right: 3px solid #F4F4F4; border-left: 3px solid #F4F4F4; padding: 3px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; }

/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

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

# body.chatbox {
    background-repeat: no-repeat;
    background-image: url(http://i30.servimg.com/u/f30/12/80/18/70/ozuuuu12.jpg);
    background-position: right bottom;
    display: block;
}

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

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


/* --- GROUPES --- */

a.bezarius { color: #C7C718; }
a.nightray { color: #696767; }
a.rainsworth { color: #D455CC; }
a.barma { color: #AB2929; }
a.pandora { color: #276692; }
a.baskerville { color: #AD00A1; }
a.chains { color: #438CC4; }
a.contractants { color: #5F802D; }
a.lutwidge{ color: #7CBA24; }
a.sorciers { color: #8F5528; }
a.civils { color: #B55007; }
a.nonrpgistes { color: #92809C; }


/* --- PREDEFINIS --- */

.predefbox {
  width: 650px;
  background-color: #D2D2D2;
  border: 2px solid #F4F4F4;
  border-top: 10px solid #F4F4F4;
  border-bottom: 10px solid #F4F4F4;
  -moz-border-radius: 70px 70px 40px 40px;
  -webkit-border-radius: 70px 70px 40px 40px;
  border-radius: 70px 70px 40px 40px;
}

.predefname {
  margin: 10px 0 -13px 0;
  color: #F4F4F4;
  font-family: georgia;
  font-size: 40px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.predefpix {
  padding: 3px;
  border: 1px solid #9AC220;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.predefpix:hover {
  border: 1px solid #5E97DB;
}

.predeftitre {
  padding-left: 40px;
  color: #5E97DB;
  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: #C0C0C0;
  background-attachment: scroll;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.predeftitre:hover {
  color: #9AC220;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

.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://img268.imageshack.us/img268/3452/tshirt10.jpg"); color: #909090; border: 1px solid #F4F4F4; 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: #F4F4F4;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

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

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


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

.presbox {
  width: 650px;
  margin-top: 100px;
  padding-bottom: 30px;
  background-color: #F4F4F4;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.prespix {
  float: left;
  margin: -80px 10px 0 30px;
  padding: 7px;
  background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg");
  -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: #9AC220;
  font-family: georgia;
  font-size: 42px;
  font-style: italic;
  letter-spacing: -2px;
  opacity: 0.6;
  text-shadow: 1px 1px 6px #37450b;
}

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

.presprofile {
  height: 221px;
  overflow: auto;
  margin: 0 10px 0 255px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.prestitre {
  color: #9AC220;
  font-family: georgia;
  font-size: 28px;
  font-style: italic;
  letter-spacing: -1px;
  height: 14px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

.presdesc {
  margin: 0 20px 0 20px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg");
  -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: #F4F4F4;
}

.youleft {
  width: 170px;
  height: 300px;
  float: left;
  margin-right: 3px;
  padding: 0 3px 0 3px;
  background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg");
}

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

Je vous remercie d'avance pour votre future aide !

[Lixyr]

Bonjour.

Par hasard, n'auriez-vous pas fait la mise à jour de Firefox ? La version 13.0 n'affiche pas les arrondis, du moins c'était encore le cas hier. Ca pourrait expliquer le pourquoi du comment ce changement.

Cordialement.

[Oz-Chan]

Bonsoir,
C'est effectivement ça oui ! J'ai réussi à résoudre quelques petits trucs avec le css3 mais cet endroit... Impossible je n'y arrive pas... ><
Je vous remercie de votre réponse !

[Manumanu]

Plus précisément, elle ne prend plus en charge -moz-border-radius et ses sous-propriétés (et c'est bien mieux ainsi).

Il faut passer par la propriété CSS exacte.
http://www.w3schools.com/cssref/css3_pr_border-radius.asp

[Oz-Chan]

Justement j'y suis passée mais je n'y arrive pas. J'ai déjà été sur ce site.

[Manumanu]

Dans ton CSS, tu as une classe .lastie, qui a toujours -moz-border-radius.

[Oz-Chan]

Oui mais si je l'enlève, comme je l'ai dit avant, je n'arrive pas à remettre l'arrondis et le centrer. Je n'aurais pas ouvert ce topic s'il fallait juste le retirer. Ce qui est simple. XD

[Manumanu]

Retire juste le -moz- devant, en laissant la propriété. Je t'assure que ça marche.

Pour l'alignement par contre, je pense que c'est juste qu'ils ont aussi corrigé le comportement bizarre de Firefox rapport aux marges des éléments en border-box comme les tableaux... Parce que ce n'est aligné en haut pour aucun navigateur.

Il faudrait ajouter une classe au span qui contient la div "lastie", tu sais faire ?

[Oz-Chan]

Désolé du retard ><.
J'ai réussi à faire tout comme je le désirai !
Je ferme donc le topic merci =D