/*
   css du pluqin quiz


   vous pouvez surcharger ce fichier
   veuillez juste laisser les instructions display:none pour un bon fonctionnement du jeu
*/




/* wrapper */
#quiz { border-radius: 10px;border:1px solid #ddd;padding: 0 25px 20px 30px;margin-right:15px;margin-bottom:20px;width:100%}

.quiz-item,      
.quiz-bilan {display:none;}    /* cache les etapes  au depart */

/* quiz commun */
#quiz .perdant  {color:red; font-weight:bold;}
#quiz .gagnant  {color:green;font-weight:bold;}
#quiz .score {font-size:1.5em;font-weight:bold;color:#000000;padding:10px 15px;margin:15px;text-align:center}
#quiz h1 {margin-bottom:15px;color:#555555;font-size:1.3em;border:0;padding:10px 70px; font-family: 'Dosis', sans-serif;font-weight:bold}
.quiz-item .nav input 
 {display:none;background-color:#8a749c;color:#ffffff;font-size:1.3em;border:0;padding:5px 20px; font-family: 'Dosis', sans-serif;font-weight:bold; margin: 0 5px}
 #quiz div.rang  {background-color:#8a749c;color:#ffffff;font-size:1.5em;border:0;padding:5px 25px; font-family: 'Dosis', sans-serif;font-weight:bold; float:left}/*{background-color:#b30a89; float:left;font-size:14px;font-weight:bold;padding:3px 8px;margin-right:10px;color:#fff}*/

 
/* commentaires */

#quiz .commentaire-global {font-size:1em;padding:7px 10px 0 10px;margin-top:10px;color:black;display:none;}      /* cache les ocmmentaires au depart */
#quiz .commentaire-ok   {font-size:1em;padding:7px 10px 0 10px;margin-top:10px;color:black;display:none;}  /* {background:#C3FFA0;border-radius:1em;padding:7px 12px;margin:10px 0;display:none;}   /* 2015 - cache au depart */
#quiz .commentaire-notok {font-size:1em;padding:7px 10px 0 10px;margin-top:10px;color:black;display:none;}  /*{background:#FCA6A6;border-radius:1em;padding:7px 12px;margin:10px 0;display:none;}   /* 2015 - cache au depart  */



/* cache les boutons au depart */
.quiz-item .nav {margin:15px 0;padding-left:15px;text-align:center}

#quiz .identifiant {font-size:small;color:#999;text-align:center}
#quiz .question {border-left:0 solid #f58c46;padding:0 ;margin:1.8em 0;font-size:1em}


.quiz-bilan  {}
.quiz-bilan .nav  {padding:15px 0;font-size:1.1em;}
.quiz-bilan table {margin:15px 0 !important;border-collapse:collapse;margin:0 auto; width:97%}
.quiz-bilan tr {border-bottom:1px solid #666;}
.quiz-bilan td {padding:5px;} 
.quiz-bilan th {padding:7px;} 
.quiz-bilan input  {text-align:center;cursor:  pointer;background-color:#00a33b;color:#ffffff;font-size:1.2em;border:0;padding:5px 20px; font-family: 'Dosis', sans-serif;font-weight:bold; margin: 20px 33% 10px 33%}
td.quiz-nb {font-weight:bold}

/* texte à trous */
.trous .perdant,  
.trous .gagnant  {border:1px solid;padding:0 5px;}
.trous {font-size:11px;line-height:1.6em;}
form.trous  {}

/* QCM / QCU */
.qcmu  {}
.trou-qcu, .trou-qcm  {padding:8px 5px}
.qcm {font-family:Verdana,sans-serif;background-color:#fff;border:0;color:black;font-size:1em;padding:0}
.qcmu .commentaire {border:2px solid #ddd;padding:7px 12px;margin-top:5px;display:none;font-size:1.1em}   /* cache les ocmmentaires au depart */
.qcmu .prop {display:inline; font-size:1.1em;padding-left:10px}
input.trou-item {padding:3px}

/* tableau */
#quiz table.quiz {border-collapse:collapse;width:100%;font-size:14px;}
#quiz table.quiz th {background:#efefef;font-family: 'Dosis', sans-serif;font-weight:bold;font-size:17px}
#quiz table.quiz th, 
#quiz table.quiz td {padding: 10px !important; border:1px solid #ddd;text-align:center;vertical-align:middle}
table.quiz .col1 {background:white;text-align:left;}
table.quiz  .prop {float:right;display:block;width:16px;height:16px;}
table.quiz  .gagnant {background:transparent url(../img/cross_green.png) no-repeat center center;}
table.quiz  .perdant {background:transparent url(../img/cross_red.png) no-repeat center center;}

/* tableau ouvert */
/* pas de croix */
table.quiz-tableau-ouvert .gagnant,
table.quiz-tableau-ouvert .perdant {background-image:none;}


/* ne pas casser bo > config plugin */
li#quiz  {padding:2px;margin:0;border-radius:0;border:none;}  
li#quiz .resume {margin-left:70px;}
li#quiz .check {margin-left:5px;}


/* chrono */
.quiz-chrono-message-wrapper,
.quiz-chrono-message {display:none;}
.quiz-chrono {float:right;border:7px solid #aaa;color:#666;border-radius:100%;height:7rem;width:7rem;text-align:center;line-height:5.5rem;font-size:0.9m;margin-top:15px}
.quiz-chrono-message-wrapper {background:#eee;padding:1em;margin:1em 0;}



/* doc */
.quiz-doc {background:#6bcdf4;border-radius:.5rem;padding:0.8rem;margin-top:1rem;}
.code-yaml {background:#000;padding:.2em 0.4em;border-radius:.4em;color:#46d13e;}



div.quiz-bilan div.nav input, .quiz-bilan input {    background: #00a33b !important;    border: none !important;}