#popup-quizz {
    background:url(../../images/popup-quizz/quizz-sprite.png) 0 0 no-repeat;
    width:678px;
    height:442px;
    margin-left: -370px;
    left: 50%;
    position:fixed;
    top:65px;
    z-index: 1101;
    padding:20px 40px;
}
#popup-bg {
    background:url(../../images/popup-quizz/quizz-bg.png);
    position:fixed;
    z-index:1100;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
#popup-close {
    background:url(../../images/popup-quizz/quizz-sprite.png) 0px -504px no-repeat;
    width:15px;
    height:15px;
    position:absolute;
    top:34px;
    right:34px;
}
#popup-quizz .surferImg {
    background:url(../../images/popup-quizz/quizz-sprite.png) -428px -479px no-repeat;
    width:285px;
    height:226px;
    display:inline-block;
    vertical-align: top;
    *float:left;
}

#popup-quizz .q-right {
    display:inline-block;
    width:380px;
    height:190px;
    padding:35px 0 0 0;
    vertical-align: top;
}
#popup-quizz .q-title {
    width:380px;
    height:88px;
    top:1px;
    left:1px;
    display:inline-block;
    position:relative;
}
#popup-quizz .q-title .text {
    font-size:34px;
    color:#f40000;
    display:inline-block;
    width:185px;
    height:50px;
    position:absolute;
    top: 6px;
    left:-5px;
}
#popup-quizz .quizzImg {
    background:url(../../images/popup-quizz/quizz-sprite.png) -208px -523px no-repeat;
    width:197px;
    display:inline-block;
    height:88px;
    position:absolute;
    right: -2px;
    top: -16px;
}
#popup-quizz.answer-line {
    display:block;
    width:380px;
}
#popup-quizz .answer-text {
    width:243px;
    display: inline-block;
    height:31px;
    font-size:14px;
    color:black;
}
#popup-quizz .perc {
    width:129px;
    height:16px;
    background:url(../../images/popup-quizz/quizz-sprite.png) no-repeat;
    display:inline-block;
}
#popup-quizz .percentageImg54 {
    background-position:-15px -504px;
}
#popup-quizz .percentageImg11 {
    background-position:-144px -504px;
}
#popup-quizz .percentageImg35 {
    background-position:-273px -504px;
}
#popup-quizz .quizz-bottom {
    display:block;
    width:678px;
    height:120px;
    position:relative;
}
#popup-quizz .bonne-response {
    color: white;
    display: block;
    font-size: 15px;
    height: 24px;
    padding: 6px 0 0;
    text-align: center;
    width: 678px;
}
#popup-quizz .flow-rider {
    color: #8BB3E5;
    font-size: 9px;
    left: 12px;
    position: absolute;
    top: 36px;
}
#popup-quizz .lower-text {
    color: white;
    font-size: 11px;
    left: 14px;
    line-height: 14px;
    min-height: 109px;
    position: absolute;
    text-align: justify;
    top: 57px;
    width: 430px;
}
#popup-quizz .boatImg {
    background:url(../../images/popup-quizz/quizz-sprite.png) 0px -529px no-repeat;
    width:203px;
    height:126px;
    position:absolute;
    top:57px;
    right:11px;
}
#popup-quizz .voir-toutes-btn {
    background:url(../../images/popup-quizz/quizz-sprite.png) 0px -668px no-repeat;
    display: inline-block;
    height: 35px;
    left: 48px;
    position: absolute;
    top: 158px;
    width: 370px;
}
#popup-quizz .voir-toutes-btn:hover {
    top:159px;
}