p, ul, li, ol, h1, h2, h3, h4, h5, h6, form
{ padding: 0; margin: 0; list-style: none; }
img 
{ border: none; }

body
{ border: solid 1px #FFDE00; background: #FFFBCE; margin: 0px; padding: 0px 5px 5px 5px; }
#body
{ margin: 0px auto; width: 914px; }
h1
{ color: #FFB400; font: 22px/32px arial; text-align: left; }

#header div.frame
{ width: 914px; height: 72px; overflow: hidden; background: #c03 url("header.png") no-repeat; }
#header div.compaq
{ float: left; padding: 22px 0px 0px 16px; }
#header div.compaq a
{ display: block; width: 172px; height: 31px; }
#header div.intel
{ float: left; padding: 10px 0px 0px 25px; }
#header div.intel a
{ display: block; width: 83px; height: 58px; }
#header div.compteur
{ float: left; padding: 22px 0px 0px 55px; }
#header div.compteur div.content
{ width: 175px; height: 21px; line-height: 21px; font: bold 17px arial,sans serif; color: white; overflow: hidden; text-align: center; }
#header div.auth
{ float: left; padding: 6px 0px 0px 100px; }

#menu div.frame
{ background: #323232 url("menu.png") no-repeat; overflow: hidden; width: 914px; height: 52px; }
#menu div.frame-finish
{ background: #323232; }
#menu div.jeux
{ padding-left: 204px; }
#menu div.jeux,
#menu div.vote,
#menu div.gagner,
#menu div.potes
{ float: left; }
#menu a
{ display: block; background: url("menu.button.png") no-repeat 0px 52px; height: 52px; }
#menu div.jeux a
{ width: 137px; }
#menu div.vote a
{ width: 152px; }
#menu div.gagner a
{ width: 110px; }
#menu div.potes a
{ width: 129px; }
#menu div.jeux a:hover
{ background-position: 0px 0px; }
#menu div.vote a:hover
{ background-position: -137px 0px; }
#menu div.gagner a:hover
{ background-position: -289px 0px; }
#menu div.potes a:hover
{ background-position: -399px 0px; }

#home
{ background: url("back.jpg") no-repeat bottom; width: 914px; height: 662px; overflow: hidden; position: relative; }
#home div.title
{ position: absolute; top: 140px; left: 200px; }
#home div.title p
{ font: bold 15px/22px arial,sans arial; color: black; font-variant: small-caps; text-align: center; }
#home div.title span.red
{ color: #c03; }
#home div.title strong
{ font-size: 23px; }
#home div.macaron
{ position: absolute; top: 96px; left: 9px; }
#home div.macaron a
{ display: block; background: url("macaron.png") no-repeat; width: 174px; height: 118px; }
#home div.modedemploi
{ position: absolute; top: 641px; left: 225px; background: url("modedemploi.png") no-repeat; }
#home div.modedemploi a
{ display: block; width: 105px; height: 21px; }
#home div.reglement
{ position: absolute; top: 641px; left: 334px; background: url("reglement.png") no-repeat; }
#home div.reglement a
{ display: block; width: 96px; height: 21px; }
#home div.participe
{ position: absolute; top: 560px; left: 284px; background: url("participe.png") no-repeat; }
#home div.participe a
{ display: block; width: 106px; height: 42px; }
#home #main div.frame
{ padding: 10px 0px 0px 10px; }

#main
{ width: 586px; height: 331px; overflow: hidden; position: absolute; left: 36px; top: 219px; }

#top5
{ background: url("top5.png") no-repeat; width: 190px; height: 211px; overflow: hidden; position: absolute; left: 691px; top: 255px; }
#top5 div.frame
{ padding: 30px 10px 0px 10px; overflow: hidden; }
#top5 li
{ font: 11px/26px arial,sans serif; width: 170px; height: 26px; overflow: hidden; }
#top5 li a
{ text-decoration: none; color: black; }
#top5 li span.score
{ font-size: 21px; color: #c03; padding-left: 6px; }
#top5 li span.pseudo
{ font-weight: bold; font-size: 13px; }
#top5 li.tous
{ font: 13px/40px arial,sans serif; text-align: center; height: 40px; }
#top5 li.tous a
{ color: black; text-decoration: underline !important; }

#auth-error
{ position: absolute; width: 173px; height: 52px; top: 72px; left: 740px; background: #c03 url("auth.error.png") no-repeat left; }
#auth-error p
{ font: 13px/13px arial,sans serif; color: white; margin: 10px 6px 10px 30px; }

#emploi
{ background: url("back.jpg") no-repeat bottom; width: 914px; height: 662px; overflow: hidden; position: relative; }
#emploi div.modedemploi
{ position: absolute; top: 641px; left: 225px; background: url("modedemploi.png") no-repeat; }
#emploi div.modedemploi a
{ display: block; width: 105px; height: 21px; }
#emploi div.reglement
{ position: absolute; top: 641px; left: 334px; background: url("reglement.png") no-repeat; }
#emploi div.reglement a
{ display: block; width: 96px; height: 21px; }

#invente
{ background: url("back.jpg") no-repeat bottom; width: 914px; height: 662px; overflow: hidden; position: relative; }
#invente div.title
{ position: absolute; top: 134px; left: 36px; }
#invente div.title p
{ font: 13px/19px arial,sans arial; color: black; }
#invente div.title span.red
{ color: #c03; }
#invente div.title strong
{ font-size: 19px; }
#invente #main div.frame
{ background-position: 9px 9px; background-repeat: no-repeat; height: 323px; }
#invente #main div.titre
{ padding: 16px 0px 0px 70px; }
#invente #main div.titre input
{ width: 440px; }
#invente #main div.texte
{ padding: 16px 0px 0px 70px; }
#invente #main div.texte textarea
{ height: 120px; width: 440px; }
#invente #main div.rules
{ padding: 4px 0px 0px 70px; clear: left; }
#invente #main div.rules div.field
{ float: left; padding-right: 6px; }
#invente #main div.optin
{ padding: 16px 0px 0px 70px; clear: left; }
#invente #main div.optin div.field
{ float: left; padding-right: 6px; }
#invente #main div.label
{ font: 13px arial,sans serif; }
#invente div.submit
{ position: absolute; top: 560px; left: 240px; }
#invente div.submit input
{ width: 186px; height: 48px; margin: 0; padding:  48px 0 0; border: 0; background: transparent url(validetoncenario.png) no-repeat center top; overflow: hidden; cursor: pointer; cursor: hand; }
form>#invente div.submit input
{ height: 0px; }
#invente #main div.error
{ font: 11px/11px arial,sans serif; }
#invente #main div.error p
{ color: white; background: #c03; padding: 1px 3px; float: left; }
#invente div.finish p
{ font: 15px arial,sans serif; color: black; font-variant: small-caps; margin-top: 140px; text-align: center; background: url("ornement.png") bottom no-repeat; padding-bottom: 14px; }
#invente div.votepour 
{ position: absolute; top: 460px; left: 250px; background: url("votepour.png") no-repeat; }
#invente div.votepour a
{ display: block; width: 154px; height: 79px; }
#invente div.decor
{ position: absolute; top: 220px; left: 640px; width: 270px; }
#invente div.decor p
{ font: 15px arial,sans serif; color: black; text-align: center; margin-bottom: 4px; }
#invente div.decor li
{ float: left; margin: 0px 8px 8px 0px; }
#invente div.decor div.field
{ float: left; padding: 3px 0px 0px 0px; width: 20px; }
#invente div.decor div.label
{ float: left; }
#invente div.decor label
{ display: block; width: 55px; height: 55px; background-repeat: no-repeat; }
#invente div.decor label.decor-1
{ background-image: url("icon-1.jpg"); }
#invente div.decor label.decor-2
{ background-image: url("icon-2.jpg"); }
#invente div.decor label.decor-3
{ background-image: url("icon-3.jpg"); }
#invente div.decor label.decor-4
{ background-image: url("icon-4.jpg"); }
#invente div.decor label.decor-5
{ background-image: url("icon-5.jpg"); }
#invente div.decor label.decor-6
{ background-image: url("icon-6.jpg"); }
#invente div.decor label.decor-7
{ background-image: url("icon-7.jpg"); }
#invente div.decor label.decor-8
{ background-image: url("icon-8.jpg"); }
#invente div.decor label.decor-9
{ background-image: url("icon-9.jpg"); }
#invente div.modedemploi
{ position: absolute; top: 641px; left: 225px; background: url("modedemploi.png") no-repeat; }
#invente div.modedemploi a
{ display: block; width: 105px; height: 21px; }
#invente div.reglement
{ position: absolute; top: 641px; left: 334px; background: url("reglement.png") no-repeat; }
#invente div.reglement a
{ display: block; width: 96px; height: 21px; }

div.video
{ background: url("content.video.jpg") no-repeat; }
div.invente
{ background: url("content.invente.jpg") no-repeat; }
div.dotation
{ background: url("content.dotation.jpg") no-repeat; }
div.emploi
{ background: url("content.emploi.jpg") no-repeat; }
div.back-1 div.frame
{ background-image: url("back-1.jpg"); }
div.back-2 div.frame
{ background-image: url("back-2.jpg"); }
div.back-3 div.frame
{ background-image: url("back-3.jpg"); }
div.back-4 div.frame
{ background-image: url("back-4.jpg"); }
div.back-5 div.frame
{ background-image: url("back-5.jpg"); }
div.back-6 div.frame
{ background-image: url("back-6.jpg"); }
div.back-7 div.frame
{ background-image: url("back-7.jpg"); }
div.back-8 div.frame
{ background-image: url("back-8.jpg"); }
div.back-9 div.frame
{ background-image: url("back-9.jpg"); }

#dotation
{ background: url("back.jpg") no-repeat bottom; width: 914px; height: 662px; overflow: hidden; position: relative; }
#dotation div.modedemploi
{ position: absolute; top: 641px; left: 225px; background: url("modedemploi.png") no-repeat; }
#dotation div.modedemploi a
{ display: block; width: 105px; height: 21px; }
#dotation div.reglement
{ position: absolute; top: 641px; left: 334px; background: url("reglement.png") no-repeat; }
#dotation div.reglement a
{ display: block; width: 96px; height: 21px; }

#galerie
{ background: url("back.jpg") no-repeat bottom; width: 914px; height: 662px; overflow: hidden; position: relative; }
#galerie ul.story
{ padding: 13px 0px 0px 13px; height: 331px; }
#galerie ul.story li
{ float: left; font: 13px/15px arial,sans serif; margin: 0px 8px 8px 0px; padding-left: 60px; background-repeat: no-repeat; cursor: pointer; cursor: hand; }
#galerie ul.story li.icon-1
{ background-image: url("icon-1.jpg"); }
#galerie ul.story li.icon-2
{ background-image: url("icon-2.jpg"); }
#galerie ul.story li.icon-3
{ background-image: url("icon-3.jpg"); }
#galerie ul.story li.icon-4
{ background-image: url("icon-4.jpg"); }
#galerie ul.story li.icon-5
{ background-image: url("icon-5.jpg"); }
#galerie ul.story li.icon-6
{ background-image: url("icon-6.jpg"); }
#galerie ul.story li.icon-7
{ background-image: url("icon-7.jpg"); }
#galerie ul.story li.icon-8
{ background-image: url("icon-8.jpg"); }
#galerie ul.story li.icon-9
{ background-image: url("icon-9.jpg"); }
#galerie ul.story li a
{ color: black; text-decoration: none; display: block; overflow: hidden; }
#galerie ul.story li.end
{ clear: left; height: 0px; width: 0px; }
#galerie ul.story li div.score a
{ width: 123px; height: 25px; font: bold 21px/25px arial,sans serif; color: #c03;}
#galerie ul.story li div.titre a
{ width: 123px; height: 15px; font: 11px/15px arial,sans serif; }
#galerie ul.story li div.pseudo a
{ width: 123px; height: 15px; font: 13px/15px arial,sans serif; }
#galerie div.pages
{ position: absolute; top: 560px; left: 140px; }
#galerie ul.pages li
{ float: left; padding: 0px 3px; }
#galerie ul.pages li
{ font: bold 15px/15px arial,sans serif; color: black; }
#galerie ul.pages li a
{ color: black; text-decoration: none; padding: 1px 3px; }
#galerie ul.pages li a:hover
{ background: #c03; color: white; }
#galerie ul.pages li.selected a
{ background: #c03; color: white; }
#galerie div.order
{ position: absolute; top: 196px; left: 40px; }
#galerie div.order p
{ font: 13px arial,sans serif; color: black; }
#galerie div.order p a
{ color: black; }
#galerie div.order p a.selected
{ color: #c03; }
#galerie div.search label
{ font: 13px arial,sans serif; color: black; }
#galerie div.search
{ position: absolute; top: 300px; left: 660px; }
#galerie div.search div.field
{ float: left; width: 164px; }
#galerie div.search div.field input
{ width: 160px; }
#galerie div.search div.vachercher input
{ width: 39px; height: 20px; margin: 0; padding: 20px 0 0; border: 0; background: transparent url(auth.ok.png) no-repeat center top; overflow: hidden; cursor: pointer; cursor: hand; }
form>#galerie div.search div.vachercher input
{ height: 0px; }
#galerie div.modedemploi
{ position: absolute; top: 641px; left: 225px; background: url("modedemploi.png") no-repeat; }
#galerie div.modedemploi a
{ display: block; width: 105px; height: 21px; }
#galerie div.reglement
{ position: absolute; top: 641px; left: 334px; background: url("reglement.png") no-repeat; }
#galerie div.reglement a
{ display: block; width: 96px; height: 21px; }

#voir
{ background: url("back.jpg") no-repeat bottom; width: 914px; height: 662px; overflow: hidden; position: relative; }
#voir #main div.pseudo
{ position: absolute; top: 10px; left: 10px; font: bold 13px arial,sans serif; color: black; }
#voir #main div.vote
{ position: absolute; top: 30px; left: 10px; font: bold 19px arial,sans serif; color: #c03; }
#voir #main div.titre
{ position: absolute; top: 20px; left: 160px; font: 19px arial,sans serif; color: black; width: 400px; text-align: center; overflow: hidden; }
#voir #main div.texte
{ position: absolute; top: 70px; left: 30px; font: 13px/15px arial,sans serif; color: black; width: 370px; height: 190px; overflow: auto; }
#voir #main div.pour
{ position: absolute; top: 278px; left: 180px; }
#voir #main div.pour a
{ display: block; width: 110px; height: 31px; background: url("pour.png") no-repeat; }
#voir #main div.contre
{ position: absolute; top: 274px; left: 300px; }
#voir #main div.contre a
{ display: block; width: 93px; height: 41px; background: url("contre.png") no-repeat; }
#voir div.vote-accepted
{ position: absolute; top: 166px; left: 100px; }
#voir div.vote-accepted p
{ font: 15px arial,sans serif; font-variant: small-caps; }
#voir div.vote-accepted p a
{ color: #c03; }
#voir #main div.frame
{ height: 323px; background-position: 9px 9px; background-repeat: no-repeat; }
#voir #main.back-1 div.texte,
#voir #main.back-4 div.texte,
#voir #main.back-5 div.texte,
#voir #main.back-7 div.texte
{ left: 180px; }
#voir div.search label
{ font: 13px arial,sans serif; color: black; }
#voir div.search
{ position: absolute; top: 300px; left: 660px; }
#voir div.search div.field
{ float: left; width: 164px; }
#voir div.search div.field input
{ width: 160px; }
#voir div.search div.vachercher input
{ width: 39px; height: 20px; margin: 0; padding: 20px 0 0; border: 0; background: transparent url(auth.ok.png) no-repeat center top; overflow: hidden cursor: pointer; cursor: hand; }
form>#voir div.search div.vachercher input
{ height: 0px; }
#voir div.modedemploi
{ position: absolute; top: 641px; left: 225px; background: url("modedemploi.png") no-repeat; }
#voir div.modedemploi a
{ display: block; width: 105px; height: 21px; }
#voir div.reglement
{ position: absolute; top: 641px; left: 334px; background: url("reglement.png") no-repeat; }
#voir div.reglement a
{ display: block; width: 96px; height: 21px; }

#potes
{ background: url("back.jpg") no-repeat bottom; width: 914px; height: 662px; overflow: hidden; position: relative; }
#potes div.modedemploi
{ position: absolute; top: 641px; left: 225px; background: url("modedemploi.png") no-repeat; }
#potes div.modedemploi a
{ display: block; width: 105px; height: 21px; }
#potes div.reglement
{ position: absolute; top: 641px; left: 334px; background: url("reglement.png") no-repeat; }
#potes div.reglement a
{ display: block; width: 96px; height: 21px; }
#potes #main p
{ font: 15px arial,sans serif; color: black; font-variant: small-caps; text-align: center; margin-top: 20px; margin-bottom: 30px; }
#potes #main div.mail
{ padding-top: 4px; clear: left; }
#potes #main div.mail div.label
{ float: left; padding-left: 200px; }
#potes #main div.mail label
{ font: 11px/22px arial,sans serif; }
#potes #main div.mail div.field
{ float: left; padding-left: 8px; }
#potes div.envoie
{ position: absolute; top: 498px; left: 278px; }
#potes div.envoie input
{ width: 118px; height: 40px; margin: 0; padding: 40px 0 0; border: 0; background: transparent url(pote.ok.png) no-repeat center top; overflow: hidden; cursor: pointer; cursor: hand; }
form>#potes div.envoie input
{ height: 0px; }
#potes div.error span
{ background: #c03; padding: 1px 3px; font: 11px/20px arial; color: white; margin-left: 8px; }
#potes div.mail-sended
{ position: absolute; top: 456px; left: 270px; }
#potes div.mail-sended p
{ font: 15px arial,sans serif; font-variant: small-caps; }
#potes div.mail-sended p a
{ color: #c03; }

#login
{ position: relative; }
#login label
{ font: 13px arial,sans serif; color: white; line-height: 16px; width: 90px; overflow: hidden; }
#login input.pseudo,
#login input.password
{ width: 110px; border: 0px; height: 16px; padding: 1px 2px; }
#login p.hey
{ font: 13px arial,sans serif; color: white; white-space: nowrap; position: absolute; top: 24px; left: 60px; }
#login a.create,
#login a.deconnect,
#login a.forget
{ font: 11px arial,sans serif; color: white; white-space: nowrap; }
#login input.go
{ position: absolute; top: 25px; left: 220px; width: 39px; height: 20px; padding: 20px 0 0; margin: 0; border: 0; background: transparent url(auth.ok.png) no-repeat center top; overflow: hidden; cursor: pointer; cursor: hand; }
form>#login input.go
{ height: 0px; }
#login label.pseudo
{ position: absolute; top: 4px; left: 0px; }
#login label.password
{ position: absolute; top: 26px; left: 0px; }
#login input.pseudo
{ position: absolute; top: 4px; left: 100px; }
#login input.password
{ position: absolute; top: 26px; left: 100px; }
#login a.create 
{ position: absolute; top: 48px; left: 0px; }
#login a.forget
{ position: absolute; top: 48px; left: 100px; }
#login a.deconnect
{ position: absolute; top: 48px; left: 190px; }

#home.bandeau
{ background: url("bandeau.jpg"); }