* {font-family:Arial, Helvetica, sans-serif}

body {background:url(images/fond_accueil.gif) center top no-repeat #6F4576; padding:0; margin:0}
body.inscription {background:url(images/fond_inscription.gif) center -1px no-repeat #6F4576; padding:0; margin:0}
body.quizz {background:url(images/fond_quizz.gif) center top no-repeat #6F4576; padding:0; margin:0}
body.recette {background:url(images/fond_recette.gif) center -2px no-repeat #6F4576; padding:0; margin:0}
body.mentions {background:url(images/fond_mentions.gif) center top no-repeat #6F4576; padding:0; margin:0}
body.reglement {background:url(images/fond_reglement.gif) center top no-repeat #6F4576; padding:0; margin:0}
body.bravo {background:url(images/fond_bravo.gif) center top no-repeat #6F4576; padding:0; margin:0}
body.merci{background:url(images/fond_credits.gif) center top no-repeat #6F4576; padding:0; margin:0}
body.credits, body.gagnants  {background:url(images/fond_credits.gif) center top no-repeat #6F4576; padding:0; margin:0}

#centre {width:800px; min-height:590px; margin:auto}
body.inscription #centre {background:url(images/inscription.gif)}
body.quizz #centre {background:url(images/quizz.gif); height:1012px}
body.recette #centre {background:url(images/recette.gif)}
body.bravo #centre {background:url(images/bravo.gif)}
body.gagnants #centre {background:url(images/gagnants.gif)}
body.merci #centre {background:url(images/merci.gif)}
body.credits #centre {background:url(images/credits.gif)}
body.mentions #centre {background:url(images/mentions.gif); height:786px}
body.reglement #centre {height:1948px}

#footer {width:800px; height:30px; margin:0 auto 20px auto; background:#722F72}

#footer, #footer * {font-size:10px; color:#fff; text-align:center}

#inscription {margin:50px 0 0 470px; padding:0; position:absolute; width:330px; height:410px}
#inscription, #inscription p {color:#fff; font-size:12px}


#inscription input#email, #inscription input#adresse, #inscription input#tel {width:298px; height:19px; background:url(images/input_email.gif) no-repeat; border:0; padding:1px 10px}
#inscription input#prenom, #inscription input#nom, #inscription input#code_postal {width:105px; height:21px; background:url(images/input_prenom.gif) no-repeat; border:0; padding:2px 10px}
#inscription input#ville, #inscription input#universite {width:168px; height:22px; background:url(images/input_ville.gif) no-repeat; border:0; padding:2px 10px}

#inscription #p2 {margin-bottom:0}
#inscription #p2 {margin:-6px 0 0 138px}
#inscription #submit {width:185px; height:47px; background:url(images/valide.gif); border:0; margin:11px 0 0 139px}
#inscription #civilite {width:61px}
#inscription #niveau {width:125px}
#inscription p.input {margin:6px 0}


#quizz {margin:50px 0 0 470px; padding:0; position:absolute; width:330px; height:300px}
#quizz p a {color:#FDAB0B; font-size:14px; font-weight:bold; text-decoration:none}
#quizz, #quizz * {color:#fff; font-size:12px}
#quizz input {margin-left:20px}
#quizz h2 {padding:10px 0 0 40px; min-height:26px; margin:8px 0 0 0}
#quizz h2.q1 {background:url(images/q1.gif) no-repeat}
#quizz h2.q2 {background:url(images/q2.gif) no-repeat}
#quizz h2.q3 {background:url(images/q3.gif) no-repeat}
#quizz h2.q4 {background:url(images/q4.gif) no-repeat}
#quizz h2.q5 {background:url(images/q5.gif) no-repeat}

#quizz #submit {width:154px; height:49px; background:url(images/valide_quizz.gif); border:0; margin:837px 0 0 96px; position:absolute}

#recette {margin:40px 0 0 460px; padding:0; position:absolute; width:324px; min-height:300px}
#recette, #recette * {color:#fff; font-size:12px}

#recette .p1 {font-weight:bold; margin-bottom:35px; padding-left:10px}
#recette .p2 {padding-top:62px; padding-left:10px}
#recette .p2 a  {font-weight:bold; margin-bottom:35px; color:#FFB310; font-size:14px; text-decoration:none}
#recette .p3 {padding-left:10px}

#recette ul{padding:0; margin-left:0}
#recette li {list-style-type:none; padding:0 0 0 25px; margin:0 0 6px 0; background:url(images/puce_recette.gif) no-repeat 0 -10px}

#bravo {margin:50px 0 0 470px; padding:0; position:absolute; width:330px; min-height:300px; padding-top:108px}
#bravo, #bravo * {color:#722F72; font-size:12px}

#bravo p {margin:2px 0; color:#fff !important; text-align:justify}
#bravo p b {color:#FFB310 !important;}
#bravo p.intro {margin-bottom:20px}
#bravo input {width:85px; height:17px; line-height:18px; border:0; background:url(images/input_nom2.gif) no-repeat; padding:1px 8px 0 8px}
#bravo input.email {width:105px; height:18px; line-height:18px; border:0; background:url(images/input_email2.gif) no-repeat; padding:1px 8px 0 8px}

#bravo #facebook {position:absolute; margin:144px 0 0 110px}
#bravo #facebook img {border:2px solid #fff}
#bravo #submit {width:128px; height:32px; background:url(images/valide2.gif); border:0; margin:22px 0 0 90px}

#flash_inscription, #flash_bravo, #flash_recette, #flash_quizz {position:absolute}
#flash_ipod {position:absolute; margin:368px 0 0 280px}

#credits {margin:50px 0 0 470px; padding:0; position:absolute; width:330px; min-height:300px; padding-top:50px}
#credits, #credits * {color:#fff; font-size:12px}

#credits h2 {background:url(images/puce_credits.gif) no-repeat; padding-left:20px; font-size:16px}

#retour {padding:3px 0 0 18px; display:block; width:300px}
#retour img {border:0}

#mentions {margin-top:30px}
#mentions, #mentions * {color:#fff; font-size:12px; text-align:justify}

#mentions p {padding-left:25px; background:url(images/puce_credits.gif) no-repeat; margin-left:20px}

#reglement {padding-top:30px; padding-left:30px; padding-right:20px}
#reglement h2 {font-size:12px; color:#FFB310; padding-left:20px; background:url(images/puce_reglement.gif) no-repeat}
#reglement {font-size:12px; color:#fff; text-align:justify; line-height:16px}
#reglement a {color:#FFB310}

#lien {width:76px; height:56px; display:block; position:absolute; margin:520px 0 0 710px}
#lien.inscription {width:76px; height:56px; display:block; position:absolute; margin:854px 0 0 710px}
#lien.quizz {width:76px; height:56px; display:block; position:absolute; margin:948px 0 0 710px}
#lien.bravo {width:76px; height:56px; display:block; position:absolute; margin:530px 0 0 710px}
#lien.reglement {width:76px; height:56px; display:block; position:absolute; margin:1882px 0 0 710px}
#lien.mentions {width:76px; height:56px; display:block; position:absolute; margin:720px 0 0 710px}

#gagnants {margin:71px 0 0 490px; padding:0; position:absolute; width:324px; min-height:300px}

#gagnants, #gagnants * {font-size:14px; color:#fff; font-weight:bold}
#gagnants a {color:#FFB310}