/* CSS Quizz */ .QuizzCol2 {margin-right:10px; text-align:right; font-size:1.2em; } /* Pour le quizz */ #questionnaire { margin-top:-30px} #questionnaire h1.titre_quiz {color:#3E6CA4;} #questionnaire h1.titre_quiz span{color:#3A3A3A; margin-top:-10px; font-weight:bold; font-size:0.8em;} p.description_quiz {margin-bottom:20px; color:#3A3A3A; margin-top:30px;} p.description_quiz span { color:#9C1919; line-height:30px} ul.etatavancement {width:100%;Height:23px;position:relative} ul.etatavancement li {border-top:solid 1px #FFFFFF; float:left;color:#A5A396; font-size:1.1em; line-height:16px; width:24px; font-weight:bold;list-style-type:none; text-align:center; padding: 2px 5px 3px 5px; margin:0px} ul.etatavancement li.titre_avancement {width:70px; text-align:left; border-left:solid 1px #COBFBB; border-top:solid 1px #COBFBB; padding-left:4px; font-weight:bold; background:#FFF} ul.etatavancement li.encours {background:#85c5d6; color: #FFFFFF; border-top:solid 1px #85c5D6; font-weight:bold; } ul.etatavancement li.apres {font-weight:normal; } ul.etatavancement li.avant { border-top:solid 1px #FFFFFF; background: #FFF; } ul.etatavancement li.reponse {font-weight:bold; padding-left:8px; border-right:solid 1px #FFFFFF;} ul.etatavancement li.bon { color:#78A350; } ul.etatavancement li.pasbon {color:#9c1919;} .quizz_recap {font-size:1.2em; } .reponseetapesuivante {font-size:1em; } .bonnereponse { color:#78A350; font-weight:bold; } .mauvaisereponse { color:#9c1919; font-weight:bold; } .tableauquiz {border-left:solid 1px #C0BFBB;border-right:solid 1px #C0BFBB;border-bottom:solid 1px #C0BFBB;border-top:solid 1px #C0BFBB; margin-top:-2px; font-size:1.2em; ;} .tableauquiz_centre {padding: 4px 4px 14px 4px; font-size:1.1em; } .cell_impair {background-color: #E7E5E6; padding:5px 0px 5px 15px; font-weight:normal; font-size:1em;} .cell_pair {background-color: #FFFFFF; padding:5px 0px 5px 15px; font-weight:normal; font-size:1em;} .cell_impair_img {background-color: #E7E5E6; padding:5px 0px 15px 0px; margin-left:21%; font-weight:normal; font-size:1em;} .cell_pair_img {background-color: #FFFFFF; padding:5px 0px 15px 0px; margin-left:21%; font-weight:normal; font-size:1em;} .cell_impair_img_droit {background-color: #E7E5E6; padding:5px 0px 15px 0px; margin-right:21%; font-weight:normal; font-size:1em;} .cell_pair_img_droit {background-color: #FFFFFF; padding:5px 0px 15px 0px; margin-right:21%; font-weight:normal; font-size:1em; } /* FF le 06/04/10 */ .zone_image { margin:0px 5px 5px 5px; float:left; width:150px; } .zone_image_droite { margin:0px 5px 5px 5px; float:right; width:150px; height:130px; } .question_quizz {background-color: #F7F7EF; margin:5px 0px 5px 15px; } /* Fin FF 06/04/10 */ button.bouton_envoyer {background: url("/hub_img/valider.gif") no-repeat center center; width: 100px; height: 20px; border: none;cursor: pointer;margin-bottom: 5px;} button.bouton_envoyer span {visibility: hidden;} /* Quizz Resulat */ #quizz_resultat div.col1 {float: left;width: 58%; margin:0;} #quizz_resultat div.col1 div.headline h1.titre_quiz {font-size: 1.5em; margin:0; font-weight: bold;} #quizz_resultat div.col1 div.quizz_rep {font-size: 1.2em; margin:0; font-weight: normal; margin-bottom:10px} #quizz_resultat div.col1 div.zone-description {font-size: 1.2em;color: #3A3A3A; margin-top:15px;} #quizz_resultat div.col1 div.zone-description h2 {font-size: 1em; font-weight : bold; margin-top:10px; margin-left:5px; margin-right:15px;} #quizz_resultat div.zone-description p {margin-left: 5px; margin-right:27px; font-size: 1em; text-align:justify;} #quizz_resultat div.col1 div.zone-description p.reponse-client {font-size: 1em; margin-left:5px; font-style:italic} #quizz_resultat div.col1 div.zone-description p.bonne-reponse {margin-top:-5px; margin-left:5px; color:#000000 ;font-weight : bold;} #quizz_resultat div.col1 div.zone-description p.commentaire {font-size: 1em; margin-left:5px;} #quizz_resultat div.col2 {float: left;width: 42%; } #quizz_resultat div.col2 div.les_scores {float: left; ;margin-top:20px} #quizz_resultat div.col2 div.les_scores div.entete { margin-left:-1px; background-color: none} #quizz_resultat div.col2 div.les_scores div.graphique { padding: 15px 2px 0px 5px; color: #980000; font-size: 1.2em; font-weight: bold; background-color:#FFFFFF; -moz-border-radius: 0px 0px 8px 8px; margin-top:-3px; } #quizz_resultat div.col2 div.les_scores div.graphique div.reponse-ligne {padding-bottom: 15px; font-size: 1em ;} #quizz_resultat div.col2 div.les_scores div.graphique div.barre_graph {height: 1.5em; float: left ; vertical-align:bottom } #quizz_resultat div.col2 div.les_scores div.graphique div.reponse-ligne div.libelle-reponse { color: #333333;} #quizz_resultat div.col2 div.les_scores div.graphique div.reponse-ligne div.libelle-reponse span {font-weight: bold; color: #980000;} #quizz_resultat div.col2 div.les_scores div.graphique div.pourcentage {padding-left: 5px;margin-right: 0px; width: 30px; margin-left: auto; float: left;} #quizz_resultat div.col2 div.votre_score {float: left; margin-top:15px; font-size: 1.2em ; color:#ffffff; } #quizz_resultat div.col2 div.votre_score div.entete { margin-left:-1px; background-color: none} #quizz_resultat div.col2 div.votre_score div.commentaire {margin-top:-3px; background-color: #85c5d6; -moz-border-radius: 0px 0px 8px 8px; } #quizz_resultat div.col2 div.votre_score h2 {padding: 5px 0px 0px 10px; } #quizz_resultat div.col2 div.votre_score p {padding: 5px 15px 5px 10px; font-size: 1.1em ; text-align:justify; } #quizz_resultat div.col2 div.votre_score a {color:#ffffff; font-weight: bold;} #quizz_resultat div.col2 div.votre_score p.votre_score {padding: 0px 10px 0px 10px} #quizz_resultat div.rejouer {padding: 15px 15px 15px 15px; } #quizz_resultat div.rejouer p a {background: url(/Hub_img/rejouer.gif) no-repeat bottom right; height: 20px; display: block; margin:auto ; padding-top:25px;} #quizz_resultat div.rejouer p a span {display: none;} /** Liste des quizz **/ #liste_questionnaire {color: #333333; padding-bottom: 10px; font-size:1.2em;} #liste_questionnaire h2 { color:#333333; font-weight: bold;} #liste_questionnaire p {color: #333333; text-align: left; font-size:1.1em;} #texte_quiz {color: #333333; background:none;text-align: left; } #texte_quiz span{color:#9C1919; font-weight:bold; } #Liste_quiz {clear: both;; color: #FFFFFF; background: #000000; } .Liste_quizz_entete {float:left; color: #FFFFFF; background: #666666; width: 70%; font-size:1.2em; } .libelle_quiz {float:left; width: 74%; padding: 5px 0px 5px 5px; } .libelle_quiz_Col2 {float:right; width: 24%; padding: 5px 0px 5px 0px; } .Liste_quizz_encart {float:right; background: url(/Hub_img/Bloc_bleu_info_cles.gif) no-repeat ; width: 29%; } .Liste_quizz_encart p {color: #333333; text-align: justify; font-size:1.2em; padding: 36px 28px 10px 5px; } .Liste_quizz_encart p span {font-weight:bold; } .Liste_quizz_encart a { color: #000000; } .Liste_quizz_encart p.Psecond {color: #333333; text-align: justify; font-size:1.2em; padding: 5px 28px 0px 5px; } .Liste_quizz_vue { width: 69%; font-size:1.1em; } .title_quiz_col1 {float:left; width: 76%; padding: 5px 0px 5px 0px; border-bottom:solid 1px #666666; } .title_quiz_col1 a { color: #000000; } .title_quiz_col2hub {float:right; width: 24%; padding: 5px 0px 5px 0px; border-bottom:solid 1px #666666; color: #333333; } .title_quiz_col2part {float:right; width: 24%; padding: 5px 0px 5px 0px; border-bottom:solid 1px #666666; color:#6C4A75; } .title_quiz_col2pro {float:right; width: 24%; padding: 5px 0px 5px 0px; border-bottom:solid 1px #666666; color:#3C6052; } .title_quiz_col2as {float:right; width: 24%; padding: 5px 0px 5px 0px; border-bottom:solid 1px #666666; color:#3E66A4; } .title_quiz_col2ja {float:right; width: 24%; padding: 5px 0px 5px 0px; border-bottom:solid 1px #666666; color:#CE5811; }