body{font-size:16px}
html{font-size:90%}
@media (max-width:1024px){.ui-tabs .ui-tabs-nav li{overflow:hidden;text-overflow:ellipsis;max-width:10%}}
@media(min-width:60em){html{font-size:10%}}body,table{font-family:Arial,Tahoma,no-serif}
h1{font-size:1.8em}#interruption,#passer,#pause,#resultat-recherche
li,#showReponse,.lien{cursor:pointer}#resultat-recherche
li:hover,.lien:hover{text-decoration:underline;color:#7787C2}
span.liendirect{border:1px dashed;padding:2px 4px;margin-left:5px}
span.lientdirect a{text-decoration:none}
.surligne{background-color:#ff0;font-weight:700}
.invisible{display:none}.petit{font-size:1em}
.moyen{font-size:1.5em}
.grand{font-size:2.5em}#questions,#questions table,#reponsesLive,#reponsesLive
table{font-size:1.5em}@media(min-width:60em){
.petit{font-size:1.3em}
.moyen{font-size:2em}
.grand{font-size:3.5em}#questions,#questions table,#reponsesLive,#reponsesLive table{font-size:2.5em}}
.right{display:bl ock;float:right}
.rouge{color:#7787C2}
.bleu{color:#7787C2}
.gris{color:#7787C2}
.new::after{content:"nouveauté !";color:#7787C2;vertical-align:super;font-size:60%}
.correction{border-left:1px solid #7787C2;font-family:serif;float:left;width:32%;margin-right:1%}
.correction>div{border-top:1px solid ;margin-bottom:10px;margin-left:10px}
.correction img:active{position:fixed;z-index:10;left:50%;margin-left:-250px;top:50vh;margin-top:-250px;width:500px;height:500px}
#sliderc,#slidert{margin-top:10px;margin-bottom:5px}#tpsaff,#tpscach,#vnbq{font-weight:700;color:#7787C2}fieldset{display:inline-block}
.gras{font-weight:700}#truc{font-size:1px;clear:both}
.valin{vertical-align:middle}
.s200{width:200px;height:200px}
.s150{width:150px;height:150px}
.s100{width:100px;height:100px}
.clearfix{clear:both}
#progressbar{position:absolute;top:4.6em;width:60%;margin:0 20%;background-color:#7787C2;border:1px solid #000;height:2em}@media(min-width:60em){#progressbar{top:8em}}
#progressbarInner{width:0%;height:100%;text-align:left;line-height:2em;font-size:1em;background-color:#999;color:#fff;max-width:100%}
#affichage{margin:10px auto;border:2px #7787C2 solid;text-align:center;height:100%;width:95%;display:table}#affichage #questions,
#reponsesLive{display:table-cell;vertical-align:middle}
#decompte,#loader,#loader2{position:absolute;background:#000;color:#7787C2;border:2px solid #555;text-align:center;font-size:250%;z-index:105;padding-top:10%;top:10px;left:10px;right:10px;bottom:10px;opacity:.8}
#slidernbq{display:inline-block;margin-left:20px;width:220px}
#divOnlineReponse{z-index:10;position:absolute;bottom:25px;left:50%;margin-left:-320px;text-align:center;width:640px;padding:5px}
#divOnlineReponse,#divOnlineReponse button,#divOnlineReponse input{font-size:1.5em}
#onlineReponse{text-align:center}
.jsxtext{margin-top:-.56em;margin-left:-.4em}
.top2em{margin-top:-2em}.enonce1,
.enonce2{font-size:.7em;display:block;padding:.2em}
.enonce1{background:#fff;color:#000;margin-left:20%}
.enonce2{background:#000;color:#fff;margin-right:20%}
table.center td{text-align:center;width:4em}.centrer{text-align:center}
#messagefin{position:absolute;top:20%;left:20%;right:20%;background:rgba(0,0,0,.8);border:2px #555 solid;z-index:10;color:#7787C2;font-size:500%;text-align:center;padding:10px}
#fond,#passage{display:none}#fond{z-index:5;background:#7787C2!50;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7}
#restart{position:absolute;right:20px;top:40px;cursor:pointer;font-size:2em;font-weight:700}
#passage{z-index:8;position:absolute;top:10px;bottom:150px;left:10px;right:10px}
#chrono{float:right;margin-top:5px;margin-right:5px;background:#ddd;border:2px #7787C2 solid;padding:5px;font-size:150%}@media(min-width:60em){
#chrono{float:right;margin-top:10px;margin-right:10px;background:#ddd;border:2px #7787C2 solid;padding:20px;font-size:300%}}
.numeroImpair{background:#E6AF73}
.numeroPair{background:#E6AF73}
#numero{margin-top:5px;margin-right:5px;border:2px #7787C2 solid;height:50px;float:left}
#interruption{float:right;margin-top:5px;margin-right:5px;background:#ddd;border:2px #7787C2 solid;padding:10px;font-size:150%}
#passer,#showReponse{float:right;margin-top:5px;margin-right:5px;background:#ddd;border:2px #7787C2 solid;padding:10px;font-size:150%}
#pause{float:right;margin-top:5px;margin-right:5px;background:#7787C2;border:2px #7787C2 solid;padding:10px;font-size:80%;line-height:215%}@media(min-width:60em){
#numero{height:100px;margin-top:10px;margin-right:10px;border:2px #7787C2 solid}
#interruption{margin-top:10px;margin-right:10px;background:#ddd;border:2px #7787C2 solid;padding:20px;font-size:300%}
#passer,#showReponse{margin-top:10px;margin-right:10px;background:#ddd;border:2px #8e846b solid;padding:20px;font-size:300%}
#pause{margin-top:10px;margin-right:10px;background:#7787C2;border:2px #7787C2 solid;padding:20px;font-size:100%;line-height:350%}}
#liste-questions,
#resultats{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:stretch}@media(min-width:60em){
#liste-questions,
#resultats{font-size:2em;text-align:left}}
#tesReponses{background:#ccc;border:1px dotted #000}
#tesReponses ol{padding-left:10px}
#tesReponses li.ok:after{content:url(../images/checkok.png);margin-left:3px}
.col50{float:left;width:49%;margin-right:1%}
.col33{float:left;width:32%;margin-right:1%}
.cols-3{-webkit-column-count:3;column-count:3;-webkit-column-gap:20px;column-gap:20px;-webkit-column-rule:2px solid #555;column-rule:2px solid #555}
.cols-3 li{break-inside:avoid}
.reponse1{background:#fff;color:#000}
.reponse2{background:#000;color:#fff}#rep-graphique{width:600px;height:400px;margin:10px auto;vertical-align:middle}canvas{background-color:#e9e9e9;border:2px dotted #000}#canvas img{margin-top:48px}
.fonc-correction{width:150px;height:150px;margin:auto}ul.MAJ,ul.MAJ li{font-size:9.5pt;color:#000}ol{counter-reset:repas}ol li{list-style-type:none;counter-increment:repas;margin-bottom:10px}
ol li:before{font-size:.8em;content:counter(repas);padding:4px 10px 4px;text-align:right;margin-right:8px;vertical-align:middle;background:#678;-webkit-border-radius:20px 50px 50px 0;border-radius:20px 50px 50px 0;font-weight:700;color:#fff;display:inline-block;width:1em}.ui-dialog
ol{padding-left:0;cursor:pointer}ul
.MAJ{clear:both;background:#fff;opacity:.6}
.MAJ a{color:#00f;text-decoration:none}
.MAJ a:hover{text-decoration:underline}video#bgvid{float:right;width:400px;margin-left:20px;background:url('../multimedia/demo CM.jpg') no-repeat}
.panier-options{background:#7787C2}
#changestyle{display:flex;position:absolute;bottom:0;left:20px;height:1.5em;font-size:.8em;border-radius:10px 10px 0 0;background:#7787C2;padding-top:5px}
#changestyle div{margin:0 5px;background:#fff;border-radius:5px 5px 0 0;padding:5px;line-height:1em;color:#7787C2}
#copyicons{position:absolute;bottom:0;right:20px;height:1.5em;font-size:.8em;border-radius:10px 10px 0 0;background:#7787C2;padding:5px 7px 0 7px}
#presentation{display:flex;font-size:16px;justify-content:center;flex-wrap:wrap;width:100%;margin-top:2em}
#presentation>img{margin:1em;width:242px;height:200px;background:#7787C2;}
#presentation div{position:relative;text-align:center;text-shadow:1px 1px #7787C2;font-size:1.6em;margin:10px;margin-top:2em;width:20%;height:100px;background:#7787C2;padding-top:1em;cursor:pointer;border:4px solid #7787C2;border-radius:5px 5px 10px 10px}
#presentation div:hover{background:#7787C2;border-color:#7787C2;box-shadow:0 8px 6px -6px #000,-1px 2px 20px rgba(255,255,255,.6) inset}
#presentation div a{color:#7787C2;text-decoration:none}#presentation div img{width:96px;height:96px;position:absolute;top:-48px;left:calc(50% - 48px)}