html, body { min-height: 100%; }
body { padding: 0; margin: 0; }
#container {background: url("https://savoir-maigrir.aujourdhui.com/img_aj/jmc/bilan-minceur/video_landing_background.jpg") no-repeat center center fixed !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position:absolute; min-height:100%; width:100%;}
#wrap { max-width: 860px !important; margin:0 auto; padding:10px;}
#main_content { background-image: url("https://savoir-maigrir.aujourdhui.com/img_aj/jmc/bilan-minceur/white_background.png"); padding: 10px; box-shadow: 0 0 5px 0 #606060; border-radius: 20px; border: solid 2px #ffffff; }
#main_content h1 {font: bold 22px arial; color:#000; text-align:center;}
div.vid_container{max-width:500px; margin:0 auto; box-shadow:0 0 4px 0 #606060; border:none;}
.minisite-vid-l2 { margin: 20px auto; position: relative; text-align: center; }
.minisite-vid-l2 .vid-shaper { display: block; width: 100%; }
.minisite-vid-l2 .l2-vids, .minisite-vid-l2 > iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
p.registerstep { text-align: center;  }
p.registerstep img { width: 100%; max-width: 679px; margin: 0 auto; }
#questions { border-radius: 10px; box-shadow: 0 0 3px 0 #606060; margin: 0 auto; padding: 0; width: 81%; }
#questions h2 { margin:0; font: bold 18px arial; color: #ffffff; padding: 10px; background: #f38900; border-top-left-radius: 10px; border-top-right-radius: 10px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); }
.question_list{background:#ffffff; padding:10px 20px 20px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.question_list h3 { font: bold 18px arial; color: #000000; }
.question_list p {font: normal 16px arial; }
.question_list b { font: bold 16px arial; }
.question_list p span.filloutform { display: block; float: left; font-size: 14px; font-weight: bold; padding-top: 2px !important; width: 45%; text-align:right; padding-right:5%; }
.bmbig { background-color: white; border: 1px solid #b8b7b7; color: #5f4f4e; font: 14px Arial; height: 18px; margin-right: 5px; width: 56px; }
.bmbig-select { background-color: white; border: 1px solid #b8b7b7; color: #5f4f4e; font: 14px Arial; margin-right: 2px; width: 56px; }
.fset { border: medium none; display: block; margin: 0; padding: 0; }
ul.multichoice { margin: 0px; padding: 0; position:relative;}
ul.multichoice li { padding: 0px 0px 0px 20px; list-style: none; font:normal 16px arial; vertical-align: middle; color: #292929; }
ul.multichoice li.choice-over { background-color: #f1f1ed; color: #000000; }
ul.multichoice li label { display: block; padding: 3px 0px 3px 0px; }
ul.multichoice li label img { line-height: 1em; vertical-align: middle; }
ul.multichoice li span { padding-left: 15px; }
.profil-test { height: 16px; opacity: 0; position: absolute; width: 16px; filter: alpha(opacity=0); margin: 0; }
.je-continue { background: url(/img/payment/button_je-continue.png) no-repeat; }
.je-continue-over { background: url(/img/payment/button_je-continue.png) no-repeat; }
.je-finish { background: url(/img/payment/button_je-termine-mon-bilan.png) no-repeat; }
.je-finish-over { background: url(/img/payment/button_je-termine-mon-bilan.png) no-repeat; }
 ul.body_parts li { float: left; position: relative; width: 23%; }
span.question_choices{display:inline-block; width:80%; vertical-align:top; margin-left:0;}
.hidden-question {display:none;}
.profil-test { height: 16px; margin: 0; opacity: 100; position: relative; width: 16px;}

div.floatright {text-align:right; margin:10px 0px;}
.backtoprevious {font: normal 12px arial; color:#f38900; padding:5px 8px; text-decoration:underline; /*box-shadow: 0 0 5px 0 #d6d4d4;*/ }

@media only screen and (max-width: 768px) {
    #questions {width: 100%; }
}

 @media only screen and (max-width: 480px) {
#questions h2 {font: bold 16px arial;}
.question_list p span.filloutform {text-align: center; width: 100%;}
.question_list p {font: 14px arial;text-align: center; }
.question_list h3 { color: #000000; font: bold 16px arial; }
ul.multichoice li {padding: 0;}
ul.body_parts li{width: 45%; float: left; position: relative;}
.question_list p {font: normal 14px arial; }
.question_list b { font: bold 14px arial; }
    #gotoQuestions img {width:100%;}

}