Young Revolution

http://i41.tinypic.com/2ltt5jc.jpg

<div id="pa_yr"><h1>Bienvenue à SEOUL</h1>
<span class="links"><a href="">Contexte</a></span><span class="links"><a href="">Règlement</a></span><span class="links"><a href="">Scénarios</a></span><span class="links"><a href="">Bottins d'avatars</a></span><span class="links"><a href="">Lexique</a></span><span class="links"><a href="">Partenariats</a></span><br/><div><div id="part"><img src="http://img15.hostingpics.net/pics/761197part.png"/><img src="http://img15.hostingpics.net/pics/761197part.png"/><img src="http://img15.hostingpics.net/pics/761197part.png"/><img src="http://img15.hostingpics.net/pics/761197part.png"/><img src="http://img15.hostingpics.net/pics/761197part.png"/><img src="http://img15.hostingpics.net/pics/761197part.png"/></div><a href="">Vous !</a><a href="">Plus ?</a><div id="top">top</div></div><div><div id="staff"><div id="1"><img src="http://25.media.tumblr.com/2effda694033c45dc059762555da8086/tumblr_mumval9ezF1rf68woo1_250.gif" height="90"/><font>Nom Prénom</font><a href="">MP</a><a href="">Présentation</a><a href="">Profil</a></div><div id="2"><img src="http://25.media.tumblr.com/0a0a6716c6d8baf69ca921c54f3e513f/tumblr_mumval9ezF1rf68woo3_250.gif" height="90"/><font>Nom Prénom</font><a href="">MP</a><a href="">Présentation</a><a href="">Profil</a></div><div id="3"><img src="http://25.media.tumblr.com/f81489ce9c37299155704f55f7a31433/tumblr_mumval9ezF1rf68woo4_250.gif" height="90"/><font>Nom Prénom</font><a href="">MP</a><a href="">Présentation</a><a href="">Profil</a></div><div id="4"><img src="http://31.media.tumblr.com/0dc04e92a642a40516eab81d4c73f581/tumblr_mumval9ezF1rf68woo2_250.gif" height="90"/><font>Nom Prénom</font><a href="">MP</a><a href="">Présentation</a><a href="">Profil</a></div><font><span id="moins">◀</span> FUCK <span id="plus">▶</font></span></div><div id="member"><img src="http://25.media.tumblr.com/f1ec7a0853d2d85bcebe58a4b7ddf122/tumblr_mpsejs99VD1ruh3lwo6_250.gif"/><br/><br/><font>Nom Prénom</font><br/>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br/><a href="">MP</a><a href="">Profil</a></div></div><div><div id="news">news</div></div>
</div>

/**PA YR**/
@font-face {
  font-family: 'Dorsa';
  font-style: normal;
  font-weight: 400;
  src: local('Dorsa'), local('Dorsa-Regular'), url(http://themes.googleusercontent.com/static/fonts/dorsa/v4/2nGoyekyJwdQo01pNwjk8w.woff) format('woff');
}

#pa_yr {width:700px;height:370px;
color:black;
  background:#4c322e;
font-size:12px;}

#pa_yr h1 {font-size:5.3em;
  font-family: 'Dorsa';
font-weight:200;
  color:#aca7a7;
text-transform:uppercase;
margin-bottom:-5px;
letter-spacing:5px;}

#pa_yr font {
  font-family: 'Dorsa';}

#pa_yr a {margin:7px;color:#1b0e0e;
position:relative;}

#pa_yr span.links {display:inline-block;vertical-align:center;
height:20px;width:100px;margin:-0px 5px -5px;
font-size:10px;
  color:#918282;
  font-family: times new roman;
text-transform:uppercase;}

#pa_yr > div {display:inline-block;vertical-align:top;}
#pa_yr div div {background:#6a4540;
margin:5px;
border:0px blue solid;}

#pa_yr #part {width:200px;height:170px;
  padding:5px;margin-bottom:-10px;
position:relative;}
#pa_yr #part img {margin:2px;width:60px;}

#pa_yr #top {width:200px;height:70px;
padding:5px;}

#pa_yr #staff {width:258px;height:158px;
padding:1px 1px 1px 4px;}
#pa_yr #staff div {height:110px;margin-bottom:-5px;}
#pa_yr #staff font { /*fuck*/
  font-size:36px;font-weight:bold;
letter-spacing:10px;}
#pa_yr #staff div font {font-size:26px;display:block;
margin:-18px 0 -5px;text-shadow:1px 2px 0 #c3bdbd;
letter-spacing:6px;font-weight:200;
}
#pa_yr #staff div a {margin:4px;
}

#pa_yr #member {width:264px;height:105px;
overflow:hidden;
position:relative;
  line-height:10px;
font-size:11px;}
#pa_yr #member a {margin:4px;
  z-index:0;
}
#pa_yr #member font {
  font-size:26px;
}
#pa_yr #member img {width:264px;
  position:absolute;top:0;left:0;
  z-index:3;
  
transition:all 1s;
-o-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-webkit-transition:all 1s;}
#pa_yr #member:hover img {margin-left:260px;}

#pa_yr #news {width:150px;height:260px;
padding:5px;}

$(document).ready(function() {

nb=1;
$("#pa_yr #staff div").css("display", "none");
$("#pa_yr #staff #1").css("display","block");

$("span#plus").click(function(){
nb++;
if(nb==5){nb=1};
$("#pa_yr #staff div").css("display", "none");
$("#pa_yr #staff #"+nb).css("display","block");
console.log(nb);

});
$("span#moins").click(function(){
nb--;
if(nb==0){nb=4};
$("#pa_yr #staff div").css("display", "none");
$("#pa_yr #staff #"+nb).css("display","block");
});


});