*
{
    font-family:arial;
    font-size:10pt;
}
body 
{
    margin:0;
    padding:0;
    background:url(../images/skin/bkg_main_index.png) repeat-y top center #797979;
}
html
{
}

input[type=radio]
{
    margin-left:0px;
    margin-top:0px;
}

input[type=checkbox]
{
    margin-left:0px;
}

textarea
{
    height:200px;
    width:100%;
}
object, embed
{
    z-index:0;
}

#shime
{
    z-index:999;
    position:absolute;
}


/*Wrapper*/
/************************************************************/
.pagewrapper{
    background:url(../images/skin/main.png) no-repeat top center;
}

#allcontentwrapper{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    background:#FFFFFF;
}

/*Header*/
#header
{
    background:url(../images/skin/bkg_header.jpg);
    height:90px;
}
#username
{
    font-size:8pt;
    text-align:right;
    padding-right:9px;
    padding-top:10px;
    color:#929292;
}
#quiztitle
{
    font-size:16pt;
    margin-top:5px;
    padding-left:20px;
    background:url(../images/skin/bullet.png) 10px center no-repeat;
    font-weight:normal;
    color:#353131;
}
.navbSep
{
    background:url(../images/base/quiznavbsep.gif) left no-repeat;
    padding-left:15px;
    padding-right:10px;
}
.navbSep3
{
    background:url(../images/base/quiznavbsep.gif) left no-repeat;
}
.navbSepOnly
{
    padding-left:7px;
    padding-right:10px;
}

#navbar
{
    text-align:right;
    padding-top:10px;
    padding-right:9px;
    font-size:8pt;
    background:url(../images/base/logo_netquiz.png) 20px 5px no-repeat;
}

.navbarP
{
    margin-top:0px;
    margin-bottom:0px;
}

.imgArrowNavbar{
    vertical-align:middle;
    margin-bottom:1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .imgArrowNavbar{
        /*SAFARI ONLY HACK*/
        vertical-align:middle;
        margin-bottom:2px;
    }
}

#navbar a
{
    width:0;
    height:0;
    outline:0;  /* for browsers that understand (VOIR FIREFOX - ENLEVE LE PETIT POINTILLE QUAND CLICK HYPERLIEN) */
    color: Black;
    text-decoration:none;
    font-size:8pt;
}
#navbar a:hover
{
    text-decoration:underline;
}

#pageLabel
{
    font-size:8pt;
    margin-left:5px;
}

#navBarPageIndex
{
    font-size:8pt;
}

#navBarPageCount
{
    font-size:8pt;
}

#navBarOf
{
    font-size:8pt;
}
#navBarTxtPageIndex
{
    width:25px;
    font-size:8pt;
    text-align:center;
}
#btnNextEnabled
{
    margin-left:5px;
}


/*Separator*/
/**********************************/

#headersep
{
    height:20px;
    background:url(../images/skin/header_separator.jpg) no-repeat top left;
}

#contentwrapper
{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    background:#FFFFFF;
}

/*Quiz Page NavBar*/
/**********************************/
#pagenavbar
{
    clear:both;
    padding-left:10px;
}
#pagenavbType{
    margin-right:-4px;
}
.pagenavbSep{
    background:url(../images/skin/pagechoicesep.png) left no-repeat;
    padding-left:21px;
    margin-right:-2px;
    font-size:8pt;
}
.pagenavbSepType
{
    background:url(../images/skin/pagechoicesep.png) left no-repeat;
    padding-left:21px;
    margin-right:-2px;
    font-size:8pt;
}
.pagenavbSepScore
{
    margin-right:-2px;
    font-size:8pt;
}
.pagenavbSepIndice
{
    background:url(../images/skin/pagechoicesep.png) left no-repeat;
    padding-left:21px;
    margin-right:-2px;
    font-size:8pt;
}
.pagenavbSepSource
{
    background:url(../images/skin/pagechoicesep.png) left no-repeat;
    padding-left:21px;
    margin-right:-2px;
    font-size:8pt;
}
#pagenavbar a
{
    width:0;
    height:0;
    outline:0;
    color: Black;
    text-decoration:none;
    font-size:8pt;
}
#pagenavbar a:hover
{
    text-decoration:underline;
}

/*Pages*/
/**********************************/
#scrollwrapper
{
    height:100%;
}
#quizpage
{
    background-color:white;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    width:780px;
}
#wrapperMarquage{
    background-color:white;
}
#containerMarquage{
    background-color:white;
    padding-top:20px;
    padding-right:20px;
    padding-bottom:20px;
    padding-left:20px;
    width:580px;
    margin-left:125px;
    margin-right:125px;
    margin-bottom: 30px;
    display:inline-block;
    border:1px solid black;
    line-height:25px;
}
#pageTitle
{
    width:740px;
    padding-bottom:10px;
    padding-left:10px;
    float:left;
    font-size:8pt;
}
#timerTitle
{
    width:230px;
    float:left;
    font-size:7pt;
    text-align:right;
    padding-right:5px;
    padding-top:1px;
    color:#9C9DAB;
}

#soundControls
{
    width:62px;
    float:left;
    text-align:right;
}

#timerContainer
{
    width:120px;
    height:14px;
    padding-left:1px;
    padding-top:2px;
    float:left;
}

#pagecontent
{
    margin-top:50px;
    padding-left:90px;
    padding-right:90px;
}

.medias
{
    text-align:center;
    margin-bottom:15px;
}

#statement
{
    /*OTHERS*/
    padding-left:25px;
    padding-bottom:25px;
    background:url(../images/skin/arrowOnly.png) left 2px no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #statement{
        /*SAFARI ONLY HACK*/
        padding-left:25px;
        background:url(../images/skin/arrowOnly.png) left 1px no-repeat;
    }
}

#textGuidelinequiz
{
    width:556px;
    margin-left:17px;
    margin-bottom:35px;
    margin-top:10px;
}

#textGuidelinequizSep{
    width:556px;
    margin-left:17px;
    height:35px;
    background:url(../images/skin/SeparTextQuestion.gif) no-repeat top left;
}

#question
{
    padding-left:25px;
    padding-right:25px;
}

.questionChoice
{
   margin-top:-3px;
}

.inputBlankChoice
{
    width:100px;
}

#divAnswerChoices{
    line-height:normal;
}

#idMainText
{
    line-height:25px;
}

.spacerUserChoices{
    
}

.mainContainers1{
    width:250px;
    min-height:138px;
    height:auto !important;   
    height:138px;
    float:left;
}

.mainContainers2{
    width:164px;
    min-height:130px;
    height:auto !important;   
    height:130px;
    float:left;
}

.divInTag{
    font-weight:bold;
    background:#D9D9DA;
    padding:3px 3px 3px 3px;
}

.tagStyle1{
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    min-width:68px;
    max-width:180px;
    width:auto !important;
    padding:1px;
    float:left;
}

.tagStyle1_2{
    border-top:1px solid gray;
    border-left:1px solid gray;
    border-right:1px solid gray;
    min-width:68px;
    max-width:164px;
    width:auto !important;
    padding:1px;
    float:left;
}

.tagStyle2{
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    min-width:68px;
    max-width:147px;
    width:auto !important;
    padding:1px;
    float:left;
}

.tagImgStyle1{
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    min-width:5px;
    max-width:180px;
    width:auto !important;
    padding:1px;
    float:left;
}

.tagImgStyle2{
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    min-width:5px;
    max-width:140px;
    width:auto !important;
    padding:1px;
    float:left;
}

.containerStyle1
{
    width:248px;
    min-height:109px;
    height:auto !important;   
    height:109px;
    border:1px solid gray;
    padding:5px; /*SI PROBLEME DE DÉPASSEMENT DANS LA PAGE, VOIR ICI. DEVRA AJUSTER PROBABLEMENT DIMENSIONS DANS question.classement.js*/
    float:left;
}

.containerStyle2
{
    width:154px;
    min-height:109px;
    height:auto !important;   
    height:109px;
    border:1px solid gray;
    padding:5px; /*SI PROBLEME DE DÉPASSEMENT DANS LA PAGE, VOIR ICI. DEVRA AJUSTER PROBABLEMENT DIMENSIONS DANS question.classement.js*/
    float:left;
}

.mainSpaceStyle1
{
    width:30px;
    height:130px;
    float:left;
    border-top:1px solid white;
}

.mainSpaceStyle2
{
    width:18px;
    height:130px;
    float:left;
    border-top:1px solid white;
}

.tagSpaceStyle1
{
    width:180px;
    height:20px;
    float:left;
    border-top:1px solid white;
}

.tagSpaceStyle2
{
    width:86px;
    height:20px;
    float:left;
    border-top:1px solid white;
}

.tagSpaceStyle3
{
    width:156px;
    height:20px;
    float:left;
    border-top:1px solid white;
}

.spaceStyle1
{
    width:30px;
    height:20px;
    float:left;
}

.spaceStyle2
{
    width:31px;
    height:20px;
    float:left;
}

.clearStyle
{
    width:30px;
    height:20px;
    float:left;
}

.emptyLine
{
    width:541px;
    height:27px;
    clear:both;
}

.emptyLineSpaceStyle1
{
    width:30px;
    height:35px;
    float:left;
    border-top:1px solid white;
}

.emptyLineElements
{
    width:100px;
    height:5px;
    clear:both;
    font-size:0;
}

.imgTag
{
    height:50px;
}

.userImgChoice
{
    height:100px;
    margin-bottom:10px;
    cursor:move;
}

.userImgContainer
{
    height:50px;
    cursor:move;
}

.emptySpaceElements
{
    width:5px;
    height:50px;
    font-size:0;
    float:left;
}

.divSpacerDragDrop
{
    width:500px;
    height:50px;
    clear:both;
}

.divDraggable
{
    float:left;
}

.divClear
{
    clear:both;
}

.divDragChoiceCls
{
    font-family:arial;
    font-size:8pt;
}

.navfixed{
    display:block;
    text-align:center;
}

.liAssLabel{
    min-width:20px;
    max-width:250px;
}

.userLink{
    text-decoration:none;
    color:#465EAB;
}

.userLink:hover{
    text-decoration:underline;
}

#resultButtonRedo{
    font-size:8pt;
    color:#606060;
}

#resultButtonPrint{
    font-size:8pt;
    color:#606060;
}

#resultButtonCancel{
    font-size:8pt;
    color:#606060;
}

#resultButtonOK{
    font-size:8pt;
    color:#606060;
}

.navBarDisabled{
    color:gray;
    font-size:8pt;
}

.txtMarquage{
    width:100%;
    height:300px;
}

.aMarquage{
    width:0;
    height:0;
    outline:0;
    color: Black;
    text-decoration:none;
    font-size:8pt;
}

.aMarquage:hover
{
    text-decoration:underline;
}

.colorButtonsOuter
{
    width:21px;
    height:21px;
    border:1px solid #888888;
    float:left;
}

.colorButtonsOuter:hover{
    cursor: pointer;
}

.colorButtonsInner
{
    width:19px;
    height:19px;
    border:1px solid white;
}

.aColorButtons
{
    text-decoration:none;
    outline:0;
}

.clsVisibilityHidden
{
    visibility:hidden;
}

.spacerAfterQuestion{
    height: 50px;
}

.spacerEnd{
    width:500px;
    height:30px;
}

.spacerFeedbackEnd{
    height: 20px;
    background-color: white;
}