@charset "utf-8";
/* CSS Document */
body{background:#000000;font-family:Arial, Helvetica, sans-serif;color:#fff;}
#container{width:916px;height:602px;margin:auto}
img{border:0;margin:0;padding:0}
#top{display:block;width:916px;height:269px;padding:0;margin:0;border:0;}

#middle{display:block;width:916px;height:293px;padding:0;margin:0;border:0;}
#quiz{float:right;height:293px;width:252px;padding:0;margin:0;border:0;}
#video{float:left;width:482px;height:293px;padding:0;margin:0;border:0;background:url(../images/beatles_video1.jpg);background-repeat: no-repeat;}
#bottom{height:38px;display:block;}
#questions{height:137px;width:252px;display:block;color:#fff;background:url(../images/beatles_questions_fond1.png);background-repeat: no-repeat;padding:0;margin:0;border:0;}
#questions p{padding:0;margin:0 0 0 30px;color:#92c0e5;font-size:12px}
.btn_valider{background:url(../images/btn_validez.png);background-repeat: no-repeat; width:217px;height:38px;border:0;cursor:hand;cursor:pointer;margin-left:32px;margin-top:20px}
#suivant{padding:0;margin:0;background:url(../images/beatles_questions_fond2.png);background-repeat: no-repeat;height:38px;width:252px;float:right}
.btn_suivant{background:url(../images/btn_suivant.png);background-repeat: no-repeat; width:217px;height:38px;border:0;cursor:hand;margin-left:32px;margin-top:0}
#footer{}
a {color:#fff;font-size:12px}
.mauvaiseReponse{text-tranform:uppercase;color:#f40829;padding-left:30px;padding-top:25px;display:block;}
.bonneReponse{text-tranform:uppercase;color:#41d121;padding-left:30px;padding-top:25px;display:block;}

/*page formulaire*/
#topForm{display:block;width:916px;height:242px;padding:0;margin:0;border:0;}
#middleForm{display:block;width:916px;height:358px;padding:0;margin:0;border:0;}
#formulaire{background:url(../images/beatles_formulaire_fond.jpg);background-repeat: no-repeat;padding:0;margin:0;border:0;width:520px;height:358px;float:left}
#formulaire form{padding-right:50px;}
#formulaire form input{width:240px;}
#formulaire form select{marin: 0px; padding: 0px}
#formulaire form select#user_form_dob_year{margin-right:105px}
#formulaire form label{color:#92c0e5;font-size:12px;margin-right:20px}
#formulaire form p{text-align:right;margin:3px;color:#92c0e5;font-size:12px;}

/*page résultat*/
#topResultat{display:block;width:916px;height:329px;padding:0;margin:0;border:0;}
#middleResultat{display:block;width:916px;height:69px;padding:0;margin:0;border:0;background:url(../images/beatles_resultat_fond.jpg);background-repeat: no-repeat;}
#middleResultat p{margin:0 0 0 218px;width:600px}
#defiez{display:block;width:916px;height:202px;padding:0;margin:0;border:0;background:url(../images/beatles_resultat_defiez.jpg);background-repeat: no-repeat;}

/* jQuery Popup */  
#popup {height: 100%;width: 100%;background: #333;position: absolute;top: 0;-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;filter:alpha(opacity=90);z-index:+00}
#popupContent{width:400px;margin:auto;background:url(../images/fond_noir.png);padding:20px;min-height:300px;margin-top:50px}

.error { color: red }