/* base */
body								{ margin: 0; padding: 0; }
.page								{ width: 659px; height: 1000px; float: left; overflow: hidden; }
a									{ border: none !important; outline: none !important; }
a:link								{ border: none !important; outline: none !important; }
a:visited							{ border: none !important; outline: none !important; }
a:hover								{ border: none !important; outline: none !important; }
a:active							{ border: none !important; outline: none !important; }
a:focus								{ border: none !important; outline: none !important; }

/* navigation */
.navigation								{ background: url(images/navigation.gif) no-repeat; width: 659px; height: 35px; margin: 0; padding: 0; float: left; overflow: hidden; }
.navigation li							{ list-style-type: none; height: 35px; float: left; }
.navigation li a						{ background-image: url(images/navigation.gif); background-repeat: no-repeat; height: 35px; float: left; text-indent: -1000em; }
.navigation li.menu-accueil a			{ background-position: 0 0; width: 90px; }
.navigation li.menu-accueil a:hover		{ background-position: 0 -35px; }
.navigation li.menu-jeu a				{ background-position: -90px 0; width: 152px; }
.navigation li.menu-jeu a:hover			{ background-position: -90px -35px; }
.navigation li.menu-personnages a		{ background-position: -242px 0; width: 114px; }
.navigation li.menu-personnages a:hover	{ background-position: -242px -35px; }
.navigation li.menu-serie a				{ background-position: -356px 0; width: 132px; }
.navigation li.menu-serie a:hover		{ background-position: -356px -35px; }
.navigation li.menu-photos a			{ background-position: -488px 0; width: 81px; }
.navigation li.menu-photos a:hover		{ background-position: -488px -35px;}

/* main content */
.main-content						{ width: 659px; height: 933px; position: relative; float: left; }

/* background */
.page-accueil .main-content			{ background: url(images/background-accueil.jpg) no-repeat; }
.page-jeu .main-content				{ background: url(images/background-jeu.jpg) no-repeat; }
.page-personnages .main-content		{ background: url(images/background-personnages.jpg) no-repeat; }
.page-serie .main-content			{ background: url(images/background-serie.jpg) no-repeat; }
.page-concours .main-content		{ background: url(images/background-concours.jpg) no-repeat; }
.page-photos .main-content			{ background: url(images/background-photos.jpg) no-repeat; }

/* bouton */
.bouton								{ width: 100px; height: 100px; float: left; z-index: 100; position: absolute; }

/* page accueil */
.page-accueil .concours				{ top: 220px; left: 0; width: 140px; height: 100px; }
.page-accueil .personnages			{ top: 510px; left: 180px; width: 320px; height: 230px; }
.page-accueil .jeu					{ top: 735px; left: 30px; width: 450px; height: 200px; }
.page-accueil .facebook				{ top: 480px; left: 0; width: 100px; height: 100px; }

/* page jeu */
.page-jeu .concours					{ top: 200px; left: 0; width: 120px; height: 120px; }
.page-jeu .personnages				{ top: 600px; left: 140px; width: 390px; height: 270px; }
.page-jeu .facebook					{ top: 640px; left: 0; width: 100px; height: 100px; }

/* page personnages */
.page-personnages .concours			{ top: 260px; left: 0; width: 140px; height: 120px; }
.page-personnages .jeu				{ top: 600px; left: 120px; width: 480px; height: 330px; }
.page-personnages .facebook			{ top: 660px; left: 0; width: 100px; height: 100px; }

/* page serie */
.page-serie .concours				{ top: 250px; left: 0; width: 140px; height: 120px; }
.page-serie .jeu					{ top: 670px; left: 140px; width: 480px; height: 260px; }
.page-serie .facebook				{ top: 620px; left: 0; width: 100px; height: 100px; }

/* video */
.video								{ width: 480px; height: 294px; z-index: 500; position: absolute; }
.page-accueil .video				{ top: 169px; left: 154px; }
.page-personnages .video			{ top: 229px; left: 154px; }

/* jeu */
.jeu-flash							{ width: 523px; height: 500px; position: absolute; top: 70px; left: 120px; }
#jeu-flash							{ }

/* personnages */
.photo-perso						{ width: 659px; height: 210px; position: absolute; top: 50px; left: 0; z-index: 100; }
.photo-perso .photo					{ position: absolute; top: 0; text-indent: -1000em; }
a.hassan							{ left: 30px; width: 150px; height: 210px; }
a.vince								{ left: 180px; width: 150px; height: 210px; }
a.fx								{ left: 330px; width: 150px; height: 210px; }
a.mano								{ left: 480px; width: 160px; height: 210px; }

.page-hassan .photo-perso			{ background: url(images/hassan.jpg) no-repeat; }
.page-vince .photo-perso			{ background: url(images/vince.jpg) no-repeat; }
.page-fx .photo-perso				{ background: url(images/fx.jpg) no-repeat; }
.page-mano .photo-perso				{ background: url(images/mano.jpg) no-repeat; }

/* footer */
.footer								{ background: url(images/footer.gif) no-repeat; width: 659px; height: 32px; position: relative; float: left; }

/* debug */
/*.jeu,
.personnages,
.concours,
.facebook,
.video,
.photo,
.jeu-flash								{ background: rgba(255, 0, 255, 0.3); }*/