/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 juin 2014, 09:27:34
    Author     : didier
*/
a {
    border-style: none;
    outline: medium none;
    text-decoration: none;
}

#conteneur_QCM{
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    text-align : left;
    height:890px;
    /*background-color : #999999;   */
}

#entete_commun_question {
    width: 1024px;
    height : 220px;
    background: url("../images/maquette/maquette2013/questions/haut.png") no-repeat;
}
#entete_bouton_commun_question {
    /*background: none repeat scroll 0 0 blue;*/
    height: 178px;
    margin-left: 867px;
    margin-top: -76px;
    width: 149px;
}
#btn_arreter_test{
    height: 72px;
    margin-left: -53px;
    margin-top: -77px;
    width: 211px;
}

#btn_repondre_plus_tard{
    height: 82px;
    margin-left: -53px;
    margin-top: -1px;
    width: 211px;
}

#btn_aide {
    height: 66px;
    margin-left: -53px;
    margin-top: 0;
    width: 211px;   
}

#btn_valider_reponse {
    float: right;
    height: 75px;
    margin-top: 0;
    width: 543px;
    visibility: hidden;
    position: fixed;
    top: -10000px;
}

#btn_valider_non_reponse {
    float: right;
    height: 75px;
    margin-top: 0;
    width: 543px;
    visibility: visible;
}

#ennonce_question {
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 18px;
    height: 75px;
    margin-left: 10px;
    margin-top: -41px;
    width: 816px; 
}

#qcm_reponse_1 {
    /*background: url("../images/maquette/template_jcs/ZoneRep-QCM4etQCM2-releve.png") no-repeat scroll 0 0 transparent;*/
    float: left;
    height: 292px;
    margin-left: 63px;
    width: 437px;
}

#texte_reponse1 {
    /*color: #FFFFFF;*/
    font-family: Helvetica,Arial,Verdana,sans-serif;
    height: 228px;
    margin-left: 28px;
    margin-top: 39px;
    width: 401px;
    font-size : 16px;
}


#texte_reponse9_1 {
    /*color: #FFFFFF;*/
    font-family: Helvetica,Arial,Verdana,sans-serif;
    height: 239px;
    margin-left: 28px;
    margin-top: 178px;
    width: 401px;
    font-size : 16px;
}

#qcm_reponse_2 {
    /*background: url("../images/maquette/template_jcs/ZoneRep-QCM4etQCM2-releve.png") no-repeat scroll 0 0 transparent;*/
    float: right;
    height: 291px;
    margin-right: 75px;
    margin-top: 0;
    width: 410px;
}

#texte_reponse2 {
   /* color: #FFFFFF;*/
    font-family: Helvetica,sans-serif Arial,Verdana;
    height: 225px;
    margin-left: 0;
    margin-top: 40px;
    width: 403px;
    font-size : 16px;
}

#texte_reponse9_2 {
    /*color: #FFFFFF;*/
    font-family: Helvetica,sans-serif Arial,Verdana;
    height: 238px;
    margin-left: -2px;
    margin-top: 178px;
    width: 404px;
    font-size : 16px;
}


#clear_both {
    clear: both;
}

#qcm_reponse_3 {
   /* background: url("../images/maquette/template_jcs/ZoneRep-QCM4etQCM2-releve.png") no-repeat scroll 0 0 transparent;*/
     float: left;
    height: 290px;
    margin-left: 80px;
    margin-top: 11px;
    width: 418px;
}

#texte_reponse3 {
    /*color: #FFFFFF;*/
    font-family: Helvetica,Arial,Verdana,sans-serif;
    height: 246px;
    margin-left: 12px;
    margin-top: 13px;
    width: 399px;
    font-size : 16px;
}

#qcm_reponse_4 {
   /* background: url("../images/maquette/template_jcs/ZoneRep-QCM4etQCM2-releve.png") no-repeat scroll 0 0 transparent;*/
    float: right;
    height: 288px;
    margin-right: 73px;
    margin-top: 11px;
    width: 436px;
}

#texte_reponse4 {
   /* color: #FFFFFF;*/
    font-family: Helvetica,Arial,Verdana,sans-serif;
    height: 245px;
    margin-left: 24px;
    margin-top: 14px;
    width: 401px;
    font-size : 16px;
}


#texte_reponse1_4img {
    font-family: Helvetica,Arial,Verdana,sans-serif;
   /* color: #FFFFFF;*/
    height: 118px;
    margin-left: 20px;
    margin-top: 15px;
    width: 324px;
}

#texte_reponse2_4img {
   /* color: #FFFFFF;*/
    font-family: Helvetica,Arial,Verdana,sans-serif;
    height: 120px;
    margin-left: 19px;
    margin-top: 8px;
    width: 324px;   
}

#texte_reponse3_4img {
    /*color: #FFFFFF;*/
    font-family: Helvetica,Arial,Verdana,sans-serif;
    height: 120px;
    margin-left: 19px;
    margin-top: 7px;
    width: 324px;
}

#texte_reponse4_4img {
    /*color: #FFFFFF;*/
    font-family: Helvetica,Arial,Verdana,sans-serif;
    height: 120px;
    margin-left: 19px;
    margin-top: 2px;
    width: 324px;
}

#qcm_reponse_1_4img {
    float: left;
    height: 152px;
    margin-left: 9px;
    width: 345px;
}

#qcm_reponse_2_4img {
    float: left;
    height: 152px;
    margin-left: 9px;
    width: 343px;
}

#qcm_reponse_3_4img {
    float: left;
    height: 152px;
    margin-left: 9px;
    width: 345px;
}

#qcm_reponse_4_4img {
    float: left;
    height: 134px;
    margin-left: 9px;
    width: 346px;
}

#corpsHotSpot {
    height : 596px;
    background: url("../images/maquette/maquette2013/strip-top1.jpg") no-repeat scroll 0 0 transparent;	
    margin-left:7px;
    width:1008px;
}
#corpsQCM {
    background: url("../images/maquette/maquette2013/questions/centre2.png") no-repeat;
    width: 1024px;
    height: 596px;
}
#corpsQCM2 {
    background: url("../images/maquette/maquette2013/questions/qcm2.png") no-repeat scroll 0 0 transparent;
    height: 596px;
    width: 1024px;
}
#corpsQCM4Img {
    background: url("../images/maquette/maquette2013/questions/question_image.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 596px;
    width: 379px;
}
#container_img {
    margin-top: 47px;    
}

.image_centree {
    margin-top : -32px;
    width: 61%;
}
#space{
    clear:both;
}
table{ 
    font-size: 14px;
    margin-top: 0;
    padding-top: 0;
}

table span{ 
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.puce{ 
	float:right;
	width:0%; 
	visibility:hidden;
} 

#imgname{
    border: #FFCC00 1px solid;
    /*margin-top:5px;*/
    cursor: crosshair;
    z-index: 1;
} 

#valider_img {
    float: left;
    margin-top: 10px;
    padding: 5px;
    height: 1px;
    width: 1px;
}
.btn_qcm {
	font-weight: bold;
	font-size: 14px;
	/*color: white;*/
	/*line-height: normal;*/
	text-decoration: none;
	text-align:left;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.btn_qcm:link {
	color: #fff; 
	text-decoration: none;
	outline: none;
}
.btn_qcm:visited {
	color: #fff; 
	text-decoration: none;
	outline: none;
}
.btn_qcm:active {
	color: #fff; 
	text-decoration: none;
	outline: none;
}
.btn_qcm:hover {
	color: #fff;
	height: 149px;
	width: 502px; 
	text-decoration: none;
	outline: none;
	background:#ffffff;
}

.btn_qcm_act {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	color : #000;
}

.img_btn_qcm{
	width:33px;
	height:34px;
	background-repeat : no-repeat;
} 

#image1 {
    /*
    margin-top: -51px; 
    margin-left: -19px;  
    width: 32px;
    height: 32px;
    background-image : url("../images/maquette/template_jcs/Zonevide.png");
    
    margin-top: -34px\9;  
    float: right;
    margin-top: -11px;*/
    margin-left: -13px;
    margin-top: -16px; 

}

#image2 {
    /*
    margin-top: -51px; 
    margin-left: -19px;
    width: 32px;
    height: 32px;
    background-image : url("../images/maquette/template_jcs/Zonevide.png") ;   
    margin-top: -48px\9; 
        float: right;
	margin-top: -11px;*/
    float: left;
    margin-left: -14px;
    margin-top: -34px;
   
}

#image3 {
    /*
    margin-top: -51px; 
    margin-left: -19px;
    width: 32px;
    height: 32px;
    background-image : url("../images/maquette/template_jcs/Zonevide.png");    
    margin-top: -48px\9;   
        float: right;
	margin-top: -11px;*/
    float: left;
    margin-left: -14px;
    margin-top: -37px;
    
   
}

#image4 {
    /*
    margin-top: -51px; 
    margin-left: -19px;
    width: 32px;
    height: 32px;
    background-image : url("../images/maquette/template_jcs/Zonevide.png") ;   
    margin-top: -48px\9; 
        float: right;
	margin-top: -11px;*/
    float: left;
    margin-left: -14px;
    margin-top: -39px;    
}



#mire, #mire1, #mire2, #mire3, #mire4, #mire5, #mire6{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    cursor: crosshair;
    z-index: 5;
}

#footer {
    background: url("../images/maquette/maquette2013/questions/bandeau_bas.png") no-repeat scroll 0 0 transparent;
    height: 74px;
    width: 1024px;     
}

#clock{
    background: url("../images/maquette/maquette2013/questions/chrono.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 74px;
    margin-top: -1px;
    width: 145px;
}
#clock2 {
    color: #FFFFFF;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 34px;
    font-weight: bold;
    margin-left: 4px;
    margin-top: 16px;
    text-align: center;
    text-decoration: none;
}

#question {
    color: #0C4065;
    float: left;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin-left: 88px;
    margin-top: 21px;
    width: 200px;
}
.numero_question {
    color: #000000;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 21px;
    left: 1%;
    position: relative;
    top: -1px;
}

/* RESULTATS*/
#conteneur_choix_module {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align : left;
	height:768px;   
}
#entete_texte_resultat_echoue {
    background: url("../images/maquette/maquette2013/ecran_echoue-certif.png") repeat scroll 0 0 transparent;
    height: 100px;
    width: 1024px;     
}

#entete_texte_resultat_reussi {
    background: url("../images/maquette/maquette2013/ecran_succes.png") repeat scroll 0 0 transparent;
    height: 100px;
    width: 1024px;     
}

#fond_resultat {
    background: url("../images/maquette/maquette2013/bloc_resultat.png") no-repeat scroll 0 0 transparent;
    height: 690px;
    margin-top: -30px;
}

#bloc_haut_gauche {
    color: #004376;
    float: left;
    height: 196px;
    margin-left: 64px;
    margin-top: 25px;
    text-align: center;
    width: 424px;
}

.bloc_haut_gauche_vert {
    color: #006d10;
    font-weight: bold;
    font-size: 18px;
}
.bloc_haut_droit_vert {
    color: #006d10;
    font-weight: bold;
    font-size: 18px;
    margin-left : 3px; 
}

.bloc_bas_gauche_vert {
    color: #006d10;
    font-weight: bold;
    font-size: 18px;
    /*margin-left : 39px;*/    
}

.bloc_haut_gauche_rouge {
    color: #d90000;
    font-weight: bold;
    font-size: 18px;
}


.bloc_haut_gauche_bleue {
    color: #004376;
    font-weight: bold;
    font-size: 18px; 
}

.bloc_haut_gauche_bleue_petit {
    color: #004376;
    font-weight: bold;
    font-size: 22px;     
}

.bloc_haut_gauche_bleue_grand {
    color: #004376;
    font-weight: bold;
    font-size: 22px;     
}

#bloc_haut_droit{
    color: #004376;
    float: right;
    font-size: 12px;
    height: 213px;
    margin-right: 62px;
    margin-top: 25px;
    width: 420px;
    text-align: center;
}

.bloc_haut_droit_bleue {
    color: #004376;
    font-weight: bold;
    font-size: 18px; 
}

.bloc_haut_droit_bleue_petit {
    color: #004376;
    font-weight: bold;
    font-size: 14px;     
}

.bloc_haut_droit_bleue_grand {
    color:#004376;
    font-weight: bold;
    font-size: 26px;     
}

#bloc_bas_gauche {
    color: #004376;
    float: left;
    height: 207px;
    margin-left: 73px;
    margin-top: 68px;
    text-align: center;
    width: 405px;
}

.bloc_bas_droit_bleue {
    color: #000000;
    font-weight: bold;
    font-size: 18px;  
    
}

#bloc_bas_droit{
    color: #004376;
    float: right;
    height: 210px;
    margin-right: 48px;
    margin-top: 22px;
    width: 440px; 
    text-align: center;
}

#bloc_bas_droit_result{
    color: #004376;
    float: right;
    height: 210px;
    margin-right: 70px;
    margin-top: 55px;
    text-align: center;
    width: 420px;
}

#bloc_bas_droit_fin_session{
    color: #004376;
    float: right;
    height: 210px;
    margin-right: 57px;
    margin-top: 72px;
    text-align: center;
    width: 440px;  
}

#nom_test {
    color : #004376;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: bold;    
}

#resultat_test {
    color: #004376;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 20px;
    font-weight: bold;   
}

#bloc_resultat_test {	
    height: 123px;
    margin-left: 534px;
    margin-top: -122px;
    width: 466px;
}

#bloc_taux_reponse_categorie {
    color: #004376;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 297px;
    margin-left: 25px;
    margin-top: 45px;
    width: 472px;
    font-style : italic;
    overflow: auto;
}

#bloc_taux_reponse_niveau {
    color: #004376;
    font-family: Helvetica,Arial,Verdana,sans-serif;  
    font-size: 15px;
    font-style : italic;    
    font-weight: bold;
    height: 125px;
    margin-left: 533px;
    margin-top: -300px;
    width: 468px; 
    overflow: auto;
}

#bloc_btn_autre_test {
    color: #004376;
    font-family: Helvetica,Arial,Verdana,sans-serif;    
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    height: 125px;
    margin-left: 533px;
    margin-top: 54px;
    width: 468px;
}

#texte_vert {
    color : #66cc00;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 26px;
    font-weight: bold; 
    font-style: italic;  
}

#texte_orange {
    color : #ff6600;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 26px;
    font-weight: bold; 
    font-style: italic;    
}

.ui-progressbar {
    height: 19px;
    margin-bottom: -3px;
    overflow: hidden;
    text-align: left;  
}

.ui-progressbar .ui-progressbar-value {
    margin: -18px -18px -18px -1px;
}

#list_test_fin_de_session{
    margin-left: 185px;
}

.bloc_haut_droit_rouge, .bloc_bas_gauche_rouge {
    color: #d90000;
    font-weight: bold;
    font-size: 18px;
}
/* RESULTATS*/

.couleur_login_erreur_rouge_bold {
   color: #E2001A;
   font-family: Helvetica,sans-serif,Arial,Verdana;
   font-size: 20px;
   font-weight: bold;   
}