html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,
dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td,menu
{/* margin:0; */padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;/*fontcolorhere*/color: #FFFFFF;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,menu{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
button::-moz-focus-inner { padding: 0; border: 0 }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*==TEMPORAIRE==*/
#template_footer {display:none;}
/*========= BASE =========*/

body { font:16px/16px 'Open Sans', arial, sans-serif; text-align: center; /*backgroundcolorhere*/background-color: #000000; max-width:100%; position:relative; }
a { text-decoration: none; color: #000; }
a:hover { color: #555; }

.wrapper { max-width:500px; min-height:466px; text-align:left; margin:0 auto; padding-top:15px; }

footer { background:#1e1e1e; color:#fff; height:50px; padding:20px 0; }
footer a { color:#fff; }

/*========= HEADER =========*/

header { width:100%; text-align: center; display:block; }
header h1 { margin-bottom:20px; margin-top:10px; font-size:34pt; color: #ffd05c; text-transform:uppercase; vertical-align:middle; 
    vertical-align:middle; font-weight:bold; }
#side-img { display:inline-block; width:82px; height:93px; border:5px solid #fff; box-shadow:1px 1px 10px rgba(0,0,0,0.10); vertical-align:middle; }
header p { font-size:12px; line-height:14px; margin:15px 0; text-align:left; }
header p strong { font-weight:bold; }
#timer { font-weight:bold; }

/*========= QUESTIONS =========*/

.questions, .final { display:none; width:100%; }
.questions h1 { font-size:16px; font-weight:700; line-height:19px; margin-bottom:10px; }
.questions h1 b { color: #ffd05c; }
#q1 {display: inline-block;}

.final { text-align:center; }
.final .status { font-size:14px; line-height:25px; color: #bf0000; font-weight: bold; margin-bottom: 10px; }
.status { display: none; }
#status1 { display: block; }
#status5 { color:#000; }
#status5 b { color:#49b70a; display:block; }

#loading-bar { width: 208px; height: 13px; margin-bottom: 5px; border: 1px solid #777; border-radius: 3px; display: inline-block; 
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.25); background-color: #c9c9c9; overflow: hidden; }
#loading-bar span { border-right: 1px solid rgba(94, 255, 0, .7); box-shadow: inset -2px 1px 3px rgba(94, 255, 0, .7); width: 1px; 
    height: 13px; display: block; -webkit-transition: width 0.4s ease-in; transition: width 0.4s ease-in; }

#checklist { display: none; }
.numbers { width: 32px; height: 32px; color: #fff; font-size: 18px; line-height: 32px; font-weight: bold; background-color: #909090; 
    display: inline-block; border: 1px solid #fff; border-radius: 100%; text-align: center; position: absolute; left: 0; }
#checklist li { display: none; text-align: left; font-size: 15px; line-height: 17px; color: #636363; padding-left: 20px; margin-bottom: 10px; }
#checklist #check1 { display: block; }
.approved { display: none; }
#rules-title { font-size:19px; line-height:21px; text-align:left; margin:0 0 10px 20px; }
#rules li { text-align: left; padding-left: 40px; position: relative; font-size: 14px; color: #636363; line-height: 17px; margin-bottom: 10px; }
#warning { font-size: 11px; color: #909090; line-height: 13px; margin: 12px 0; }

.show { display: inline-block;
    -webkit-animation: showElement 1s 1;
    -moz-animation:    showElement 1s 1;
    -ms-animation:     showElement 1s 1;
    -o-animation:      showElement 1s 1;
    animation:         showElement 1s 1;
}

@-webkit-keyframes showElement {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes showElement {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes showElement {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes showElement {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes showElement {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/*========= BTN =========*/

#choices li, .yes, #agree {padding:5px; font-size:38px; line-height:52px; color:#fff; cursor:pointer;
   background: #ffd05c;
}

#choices li, .no, #agree {padding:5px; font-size:38px; line-height:52px; color:#fff; cursor:pointer;
    background: #aaa;
}

#choices li:active, .yes:active, .no:active, #loading-bar span {background: rgb(73,194,1);
   
    background: -moz-linear-gradient(top,  rgb(73,194,1) 0%, rgb(37,151,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(73,194,1)), color-stop(100%,rgb(37,151,0)));
    background: -webkit-linear-gradient(top,  rgb(73,194,1) 0%,rgb(37,151,0) 100%);
    background: -o-linear-gradient(top,  rgb(73,194,1) 0%,rgb(37,151,0) 100%);
    background: -ms-linear-gradient(top,  rgb(73,194,1) 0%,rgb(37,151,0) 100%);
    background: linear-gradient(to bottom,  rgb(73,194,1) 0%,rgb(37,151,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c201', endColorstr='#259700',GradientType=0 );
}

.yes, .no { width:100%; height:42px; line-height:42px; margin-bottom:10px; display:block; text-align:center; text-shadow:0 0px 2px rgba(0,0,0,0.4); }



.agreeButton {
    display: block;
}