You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

570 lines
33 KiB

<!doctype html><html><head><title>TeachDoc engine</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="css/scorm.css?v=4" rel="stylesheet" type="text/css" /></head><div class=div-teachdoc><div class=deco-teachdoc ></div><img class="logotop-teachdoc" src="img/classique/oel_back.jpg" /><div class="progress-teachdoc" ><div class="left-text-progress" >0%</div><div class="left-teach-progress" ><div class="left-barre-progress" ></div></div></div><div class="list-teachdoc_wrapper"><ul class="list-teachdoc"><li style='position:relative;' pagebehav='2' onClick='ctrlpl(125,2,1,2);' class='NodeLvl1 subMenuSco1 pgh125 subMenuMini0' ><span class='dotSubLudi' ></span><span>Watcha</span></li><li style='position:relative;' pagebehav='1' class='NodeLvl1' ><span>Watcha pour Novices</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(127,2,2,2);' class='NodeLvl2 subMenuSco2 pgh127 subMenuMini1' ><span class='dotSubLudi' ></span><span>Se connecter à Watcha</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(129,2,3,2);' class='NodeLvl2 subMenuSco3 pgh129 subMenuMini2' ><span class='dotSubLudi' ></span><span>Présentation de l'outil</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(128,2,4,2);' class='NodeLvl2 subMenuSco4 pgh128 subMenuMini3' ><span class='dotSubLudi' ></span><span>Comment converser avec une seule personne</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(130,2,5,2);' class='NodeLvl2 subMenuSco5 pgh130 subMenuMini4' ><span class='dotSubLudi' ></span><span>Comment créer un salon privé ou public</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(148,2,6,2);' class='NodeLvl2 subMenuSco6 pgh148 subMenuMini5' ><span class='dotSubLudi' ></span><span>Charte d'utilisation d'un chat</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(150,2,7,2);' class='NodeLvl2 subMenuSco7 pgh150 subMenuMini6' ><span class='dotSubLudi' ></span><span>Règles de l'outil informatique Watcha</span></li><li style='position:relative;' pagebehav='2' class='NodeLvl1' ><span>Watcha intermédiaire : La visio et les partages simplifiés !</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(140,2,8,2);' class='NodeLvl2 subMenuSco8 pgh140 subMenuMini7' ><span class='dotSubLudi' ></span><span>La visioconférence par Watcha</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(141,2,9,2);' class='NodeLvl2 subMenuSco9 pgh141 subMenuMini8' ><span class='dotSubLudi' ></span><span>Partager un document ou un répertoire</span></li><li style='position:relative;' pagebehav='2' class='NodeLvl1' ><span>Watcha Intermédiaire : personnalisations possibles</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(131,2,10,2);' class='NodeLvl2 subMenuSco10 pgh131 subMenuMini9' ><span class='dotSubLudi' ></span><span>Watcha : personnalisation de son interface</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(133,2,11,2);' class='NodeLvl2 subMenuSco11 pgh133 subMenuMini10' ><span class='dotSubLudi' ></span><span>Personnalisation de l'apparence et de ses préférences</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(134,2,12,2);' class='NodeLvl2 subMenuSco12 pgh134 subMenuMini11' ><span class='dotSubLudi' ></span><span>Personnalisation de son identité</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(136,2,13,2);' class='NodeLvl2 subMenuSco13 pgh136 subMenuMini12' ><span class='dotSubLudi' ></span><span>Gérer les notifications</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(135,2,14,2);' class='NodeLvl2 subMenuSco14 pgh135 subMenuMini13' ><span class='dotSubLudi' ></span><span>Créer un nouvel espace</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(146,2,15,2);' class='NodeLvl2 subMenuSco15 pgh146 subMenuMini14' ><span class='dotSubLudi' ></span><span>Maximiser les widgets</span></li><li style='position:relative;' pagebehav='2' class='NodeLvl1' ><span>Watcha avancé </span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(143,2,16,2);' class='NodeLvl2 subMenuSco16 pgh143 subMenuMini15' ><span class='dotSubLudi' ></span><span>Bannir et expulser un utilisateur</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(144,2,17,2);' class='NodeLvl2 subMenuSco17 pgh144 activeli' ><span class='dotSubLudi' ></span><span>Gérer un salon : permissions, rôles et clôture</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(147,2,18,2);' class='NodeLvl2 subMenuSco18 pgh147 subMenuMini17' ><span class='dotSubLudi' ></span><span>Fils de discussion</span></li><li style='position:relative;' pagebehav='2' class='NodeLvl1' ><span>Questionnaire final</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(152,2,19,2);' class='NodeLvl2 subMenuSco19 pgh152 subMenuMini18' ><span class='dotSubLudi' ></span><span>Questionnaire final</span></li></ul></div></div><nav id="nav-bottom" class="fixed-top-nav fixed-top-nav-classic" ><div class="span-ludi-progress" ><div class="barre-ludi-progress" ></div></div><button id="btn-next" onClick="ctrlpl(basePages[18],2);" class="btn btn-outline-light" >&nbsp;>&nbsp;</button><button id="btn-prev" onClick="ctrlpl(basePages[16],0);" class="btn btn-outline-light" >&nbsp;<&nbsp;</button></nav><div id="message-bottom" class="fixed-top-message" >Page not complete.</div><body style="background-color:#D8D8D8;" ><div class="panel-teachdoc"><h1>Gérer son salon : permissions et clôture</h1><div class="c2501"></div><div class="row"><div class="cell"><div class="c2529"><table class="teachdoctext c1345"><tbody><tr><td class='teachdoctextContent' ><p>La gestion des droits (ou permissions) est assez simple. Il vous faut vous rendre sur votre salon, puis dans les informations du salon, cliquer sur "personnes", puis sur l'invit&eacute; dont vous voulez modifier le r&ocirc;le.&nbsp;</p>
<p>Le r&ocirc;le est automatiquement mis par d&eacute;faut, mais vous pouvez choisir de mettre la personne en mod&eacute;rateur, voire en administrateur du salon.</p></td></tr></tbody></table></div></div></div><div class="c2786"><table class="teachdocplugteach c1528"><tbody><tr><td class="c1441"><div class="plugteachcontain"><div class="topinactiveteach"></div><iframe frameborder="0" src="https://www.youtube.com/embed/UdiFO1udTBY" class="c1468"></iframe><span class="typesource">iframe-obj</span><span class="datatext1">https://www.youtube.com/embed/UdiFO1udTBY</span><span class="datatext2">350</span><span class="typesource">iframe-obj</span></div></td></tr></tbody></table></div><div class="row"></div><div class="row"><div class="cell"><div class="row"><div class="cell"><div class="c4040"><table class="teachdoctext c1581"><tbody><tr><td class='teachdoctextContent' ><p>En cliquant sur les 3 points situ&eacute;s &agrave; droite de votre salon, dans l'onglet lat&eacute;ral de gauche, vous aurez acc&egrave;s aux param&egrave;tres du salon. Aller ensuite dans l'onglet "r&ocirc;les et permissions".</p>
<p>Ces param&egrave;tres vont vous aider &agrave; affiner les permissions associ&eacute;es &agrave; chaque r&ocirc;le. Vous pouvez ainsi moduler, pour chaque salon, les permissions de chaque r&ocirc;le que vous allez confier. A noter entre autre les possibilit&eacute;s suivantes :</p>
<ul>
<li>inviter des utilisateurs,</li>
<li>envoyer des messages,</li>
<li>changer le nom du salon,</li>
<li>changer les permissions, etc.</li>
</ul>
<p>Par exemple, si vous choisissez la permission "envoyer des messages" uniquement pour les mod&eacute;rateurs et les administrateurs, les personnes qui auront le r&ocirc;le "par d&eacute;faut" ne pourront plus participer &agrave; la discussion, mais seulement la suivre.</p>
<p>&nbsp;</p></td></tr></tbody></table></div></div><div class="cell"><img src="img_cache/teachcs-20220927-53ym9/2022-10-10_11h04_34.png" class="bandeImg"/></div></div><img src="img_cache/teachcs-20220927-53ym9/2022-10-10_11h03_29.png" class="bandeImg"/></div></div><div class="row"><div class="cell"><div class="c4670"><table class="teachdoctext c1758"><tbody><tr><td class="teachdoctextContent"><p>Si vous êtes administrateur d'un salon, et que vous souhaitez le clôturer, il vous faudra aller également dans les "paramètres" du salon, puis "général", puis cliquer sur "quitter le salon". Un dernier message vous demandant si vous voulez vraiment le quitter s'ouvrira. </p><p>Attention, si vous êtes la dernière personne du salon, plus personne n'aura accès à celui-ci. A utiliser donc avec parcimonie.</p></td></tr></tbody></table></div></div></div><div class="c2598"></div><div class="c3011"></div><div class="c2501"></div><div class="c4554"><div class="quizzblockdeco"></div><table class="qcmbarre c1869"><tbody><tr><td colspan="2" class="quizzTextqcm"><p>Est ce que les rôles peuvent être modulés en fonction des différents salons ?</p></td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0r.png" class="checkboxqcm"/></td><td class="c1941">oui</td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0.png" class="checkboxqcm"/></td><td class="c1980">non</td></tr></tbody></table></div><div class="row"></div><table class="teachdocbtnteach c1507"><tbody><tr><td class="c1536 c1554"><a href="" datatext3="act3|" datatext4="LUDI.nextPage();" datatext5="|" name="submit" type="button" class="btn-btnTeach btnroundblue">Start</a><span class="datatext3 c1556 c1576">act3|</span><span class="datatext4 c1566 c1587">LUDI.nextPage();</span><span class="datatext5 c1576 c1598"></span></td></tr></tbody></table><div class="c2735"></div><div class="c2508"></div><div class="c3646"></div><div class="row"><div class="cell"></div></div></div><style>body,html {height: 100%;margin: 0;}* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.cell{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;min-height:75px;min-width:250px;display:table-cell;vertical-align:middle;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-left-style:dashed;border-top-color:rgb(169, 204, 227);border-right-color:rgb(169, 204, 227);border-bottom-color:rgb(169, 204, 227);border-left-color:rgb(169, 204, 227);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;width:8%;height:auto !important;}.panel{width:90%;max-width:800px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;margin-top:50px;margin-right:auto;margin-left:auto;margin-bottom:30px;background-color:white;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:gray;border-right-color:gray;border-bottom-color:gray;border-left-color:gray;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;color:black;font-weight:100;}h1{text-align:center;font-weight:100;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.logo path{pointer-events:none;fill:none;stroke-linecap:round;stroke-width:7;stroke:rgb(255, 255, 255);}blockquote{border-left-width:2px;border-left-style:solid;border-left-color:rgb(204, 204, 204);margin-left:1.5rem;padding-left:1rem;}.bandeImg{margin-top:5px;margin-bottom:5px;width:100%;display:block;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;min-height:75px;height:auto !important;}.c1576{display:none;}.c1587{display:none;}.c1598{display:none;}.c1554{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.c2786{width:100%;}.c1528{width:100%;text-align:center;}.c4040{width:100%;}.c4554{width:100%;}.c4670{width:100%;}.c1468{width:100%;min-height:350px;z-index:1;height:350px;overflow:hidden;}.c1441{text-align:center;padding:10px;width:100%;position:relative;}.c1581{width:97%;}.c1758{width:97%;}.c1941{text-align:left;}.c1980{text-align:left;}.c1869{width:100%;}@media (max-width: 768px){.cell{min-width:300px;width:100%;display:table;}}@media (min-width: 500px){.bandeImg{margin-left:auto;margin-right:auto;max-width:450px;}}
.teachdoctext{
width:100%;
}
.teachdoctext tr td{
padding-top:15px;
padding-bottom:15px;
}
.audioByLudi{
display: block;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
}
.initialImg {
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
width : auto;
max-width:850px;
}
.bandeImg{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
width : 100%;
max-width:450px;
}
.bandeImgFull{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
width : 100%;
max-width:850px;
}
.bandeImgOverview{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
width : 100%;
max-width: 800px;
}
.bandeImgOverview{
border-right: solid 10px #D2B4DE;
}
/* Events style */
.dhcondiMB ,.dhcondiMC ,.dhcondiMD ,.dhcondiME ,.dhcondiMF{
border-left: solid 5px #D98880;
}
.overviewImgOnLive{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left: auto;
margin-right: auto;
width : 100%;
max-width: 800px;
border : solid 2px #EAEDED;
cursor: pointer;
z-index : 50;
}
.overviewImgOnLive img{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left: auto;
margin-right: auto;
width : 100%;
max-width: 800px;
z-index : 40;
cursor: pointer;
}
.overviewImgOnLive:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 40px;height: 40px;
margin-top: -20px;margin-left: -20px;
border-radius: 20px;
transition: inherit;
background-color: #5DADE2;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
z-index : 60;
transition: all 0.2s ease-out;
opacity : 0.3;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaGVpZ2h0PSIyNCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICB3aWR0aD0iMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzQiCiAgIHNvZGlwb2RpOmRvY25hbWU9Inpvb20taW4td2hpdGUuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMSAoM2JjMmU4MTNmNSwgMjAyMC0wOS0wNykiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjExOTIiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iODY3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxNS41MTcxMzEiCiAgICAgaW5rc2NhcGU6Y3g9IjEzLjk1MDQ4NyIKICAgICBpbmtzY2FwZTpjeT0iMTIuODU1NzA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Im0xMSAyYzQuOTcwNTYyNyAwIDkgNC4wMjk0MzcyNSA5IDkgMCAyLjEyNDc3OS0uNzM2MzEwMiA0LjA3NzU4MzYtMS45Njc2OTI2IDUuNjE3MTc1N2wzLjY3NDc5OTQgMy42NzU3MTc1Yy4zOTA1MjQzLjM5MDUyNDMuMzkwNTI0MyAxLjAyMzY4OTMgMCAxLjQxNDIxMzYtLjM2MDQ4NC4zNjA0ODM5LS45Mjc3MTUuMzg4MjEzNS0xLjMyMDAwNjIuMDgzMTg4NmwtLjA5NDIwNzQtLjA4MzE4ODYtMy42NzU3MTc1LTMuNjc0Nzk5NGMtMS41Mzk1OTIxIDEuMjMxMzgyNC0zLjQ5MjM5NjcgMS45Njc2OTI2LTUuNjE3MTc1NyAxLjk2NzY5MjYtNC45NzA1NjI3NSAwLTktNC4wMjk0MzczLTktOSAwLTQuOTcwNTYyNzUgNC4wMjk0MzcyNS05IDktOXptMCAyYy0zLjg2NTk5MzI1IDAtNyAzLjEzNDAwNjc1LTcgNyAwIDMuODY1OTkzMiAzLjEzNDAwNjc1IDcgNyA3IDMuODY1OTkzMiAwIDctMy4xMzQwMDY4IDctNyAwLTMuODY1OTkzMjUtMy4xMzQwMDY4LTctNy03em0wIDNjLjU1MjI4NDcgMCAxIC40NDc3MTUyNSAxIDF2MmgyYy41NTIyODQ3IDAgMSAuNDQ3NzE1MyAxIDFzLS40NDc3MTUzIDEtMSAxaC0ydjJjMCAuNTUyMjg0Ny0uNDQ3NzE1MyAxLTEgMXMtMS0uNDQ3NzE1My0xLTF2LTJoLTJjLS41NTIyODQ3NSAwLTEtLjQ0NzcxNTMtMS0xcy40NDc3MTUyNS0xIDEtMWgydi0yYzAtLjU1MjI4NDc1LjQ0NzcxNTMtMSAxLTF6IgogICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Y5ZjlmOSIgLz4KPC9zdmc+Cg==);
}
.overviewImgOnLive:hover:after {
margin-top: -23px;
margin-left: -23px;
border-radius: 23px;
width: 46px;
height: 46px;
background-size: 26px 26px;
opacity : 1;
}
.videoByLudi{
margin:5px;
}
.teachdocbtn{
width : 100%;
text-align : center;
}
.teachdocbtn td{
width : 100%;
text-align : center;
padding : 10px;
}
.teachdocbtnteach td{
width : 100%;
text-align : center;
padding : 10px;
}
.teachdocplugteach{
position : relative;
width : 100%;
}
.teachdocplugteach td{
position : relative;
width : 100%;
}
.teachdocplugteach a{
display: none;
}
.plugteachcontain{
position : relative;
display: inline-block;
width : 99%;
margin : 0.5%;
min-height : 150px;
border : dotted 0px gray;
}
.plugteachuicontain{
position : relative;
display: inline-block;
width : 100%;
margin : 0px;
background-color: #E8DAEF;
padding : 7px;
min-height : 30px;
border : dotted 1px rgb(204, 26, 174);
}
.topinactiveteach{
position : absolute;
right : 0px;
top : 0px;
bottom : 10px;
left : 20px;
background-color: transparent;
}
.rapidselectorgrapvideo{
position : absolute;
right : 0px;
top : 0px;
bottom : 5px;
left : 5px;
background-color: transparent;
border : dotted 1px rgb(204, 26, 174);
}
.cell{
vertical-align: middle;
}
@media (max-width: 800px){
.cell{
min-width : 300px;
width : 100%;
display: table;
height : auto;
vertical-align : middle;
}
}
:root {
--main-color-1: #289FED;
}
body{
background-color :#d1d1e0!important;
font-family: sans-serif;
}
.teachdoctextContent {line-height: 1.4;}
h1{
text-align:center;
font-weight: 100;
margin: 0px;
}
h2{
text-align : left;
font-weight : 100;
font-size : 20px;
margin : 0px;
margin-top : 10px;
margin-left : -40px;
margin-right : 25px;
padding-left : 25px;
padding-top : 5px;
padding-bottom : 5px;
background-color : rgb(83, 83, 143);
color : white;
-webkit-box-shadow: 5px 5px 0px 0px #289FED, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: 5px 5px 0px 0px #289FED, 5px 5px 15px 5px rgba(0,0,0,0);
}
.sectioncollapse{
text-align : center;
font-size : 22px;
background-color : rgb(83, 83, 143);
color:white;
padding : 10px;
margin : 10px;
margin-left : 0px;
margin-right : 0px;
background-image : url(img/classique/arrow-collapsel.png);
background-position: right center;
background-repeat: no-repeat;
cursor : pointer;
}
/* Notices */
samp {
font-family: 'Hahmlet', serif;
font-size : 17px;
background-color : #aad8f6;
padding: 5px;
padding-left: 35px;
background-image : url(img/classique/infos.png);
background-position: left center;
background-repeat: no-repeat;
border-radius: 4px;
}
address {
font-family: 'Hahmlet', serif;
font-size : 17px;
color: #9F6000;
background-color: #FEEFB3;
padding: 5px;
padding-left: 35px;
background-image : url(img/classique/warning.png);
background-position: left center;
background-repeat: no-repeat;
border-radius: 4px;
}
blockquote {
border-left: 2px solid #ccc;
margin-left: 1.5rem;
padding-left: 1rem;
}
/*button only*/
.btnteachgreen{
color: #fff;
background-color: #229954;
border-color: #1E8449 ;
padding: 7px 13px;
margin-bottom: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px;
}
.btnteachblue{
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
padding: 7px 13px;
margin-bottom: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px;
}
.btnroundblue{
color: transparent;
background-color : rgb(0, 151, 169);
border: 1px solid #2e6da4;
background-image : url(img/btn/mat-right.png);
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
width: 56px;
height: 56px;
padding: 0px 0px;
margin-bottom : 0;
font-size : 15px;
font-weight : 400;
line-height : 56px;
border-radius: 50%;
}
.btnroundblueprev{
color: transparent;
background-color : rgb(0, 151, 169);
border: 1px solid #2e6da4;
background-image : url(img/btn/mat-left.png);
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
width: 56px;
height: 56px;
padding: 0px 0px;
margin-bottom : 0;
font-size : 15px;
font-weight : 400;
line-height : 56px;
border-radius: 50%;
}
.btnroundbluecheck{
color: transparent;
background-color : rgb(0, 151, 169);
border: 1px solid #2e6da4;
background-image : url(img/btn/mat-check.png);
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
width: 56px;
height: 56px;
padding: 0px 0px;
margin-bottom : 0;
font-size : 15px;
font-weight : 400;
line-height : 56px;
border-radius: 50%;
}
.btn-btnTeach{
display: inline-block;
text-decoration: none;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn-btnTeach:hover{
transform: scale(0.96);
}
/*button only*/
.videoByLudi{
max-width:960px;
min-height:100px;
max-height:540px;
width:98%;
margin-left:1%;
}
.audioByLudi{
width:90%;
margin-left:auto;
margin-right:auto;
}
.separatorteach {
position : relative;
width:98%;
margin-left:1%;
margin-right:1%;
height : 32px;
border: 0px solid gray;
}
.separatorteach:before {
content : "";
position : absolute;
height : 6px;
background-color : var(--main-color-1, #b3b3b3);
margin-left:1%;
width : 98%;
top : 12px;
border-radius : 3px;
}.qcmbarre{
text-align: left;
width:100%;
}
.quizzTextqcm{
text-align: left;
}
.loadcontentfram{
background-color: #EBF5FB!important;
}
.quizzcontentpluginactiv{
background-color: #EBF5FB;
border: 1px solid #ebf5fbd7;
border-radius: 8px;
margin-top: 6px;
margin-bottom: 6px;
}
.qcmbarre {
position : relative;
background-color: #EBF5FB;
border: 1px solid #ebf5fbd7;
border-radius: 8px;
padding-bottom : 20px;
margin-top: 6px;
margin-bottom: 6px;
}
.quizzblockdeco {
display: none;
position: absolute;
right : 0px;
bottom : 0px;
width: 50px;
height: 50px;
}
.qcmbarre tbody:after , .quizzcontentplug tbody:after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 40px;
height: 40px;
border-radius: 16px 0;
border-bottom-right-radius: 8px;
transition: inherit;
background-color: #5DADE2;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDM2IDM2IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJxdWVzdGlvbi5zdmciCiAgIHdpZHRoPSIzNiIKICAgaGVpZ2h0PSIzNiIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wLjEgKDNiYzJlODEzZjUsIDIwMjAtMDktMDcpIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMTkxIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc2NyIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMTEuNjE2MzM2IgogICAgIGlua3NjYXBlOmN4PSIxOS44OTk1ODUiCiAgICAgaW5rc2NhcGU6Y3k9IjIxLjYyODAzMSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiIC8+CiAgPHBhdGgKICAgICBkPSJNIDE4LjAxNDQ2OCwwLjQxMjE1ODMxIEEgMTcuNTE0MzkzLDE3LjYyNzQ4NCAwIDEgMCAzNS41Mjg4NTksMTguMDM5NjQyIDE3LjUzNDI1LDE3LjY0NzQ2OSAwIDAgMCAxOC4wMTQ0NjgsMC40MTIxNTgzMSBaIE0gMjAuMDM1NTI3LDI3LjUzMjAyNyBhIDIuMDIxMjI4MywyLjAzNDI3OTUgMCAxIDEgMCwtNy4wMWUtNCB6IG0gMi43NDIzODEsLTcuNDEwMTExIGEgNi42OTAwMDMsNi43MzMyMDAzIDAgMCAxIC0zLjQxNjE3NiwxLjg1MDg3MiB2IDAuMTM0NzM1IGEgMS4zNDcyNjExLDEuMzU1OTYwNSAwIDEgMSAtMi42OTQ1MjIsMCB2IC0xLjM1NTk2MSBhIDEuMzQ3MzI4MywxLjM1NjAyOCAwIDAgMSAxLjM0NzI2MSwtMS4zNTU5NiA0LjA0MTU4MjUsNC4wNjc2NzkzIDAgMSAwIC00LjA0MTc4MywtNC4wNjc4OCAxLjM0NzI2MTUsMS4zNTU5NjA5IDAgMCAxIC0yLjY5NDUyMywwIDYuNzM2MzA0OSw2Ljc3OTgwMTQgMCAxIDEgMTEuNDk5NzQzLDQuNzk0MTk0IHoiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJmaWxsOiNmOWY5Zjk7c3Ryb2tlLXdpZHRoOjAuMTY4OTUiIC8+Cjwvc3ZnPgo=);
}
.qcmbarre td{
padding : 1px;
margin : 0px;
}
.qcmbarre .quizzTextqcm{
padding : 20px;
padding-bottom : 20px;
padding-left:20px;
}
.qcmbarre .quizzTextqcm p{
padding : 0px;
margin : 0px;
}
.qcmbarre .quizzTextTd{
width: 54px;
padding : 0px;
}
.checkboxqcm{
padding : 0px;
margin : 0px;
width:30px;
height:30px;
margin-left:15px;
}.cell{border:dashed 0px #A9CCE3;}.displayhideCondiMB,.displayhideCondiMC,.displayhideCondiME{display:none;}</style><script>var pageBindex=17;</script><script>var localIdTeachdoc=80;var progressBtop=19;var titleMod = "Watcha";var pQuizzTheme = "blue-contrast.css";var basePages = new Array();basePages[0]=0;basePages[1]=125;basePages[2]=127;basePages[3]=129;basePages[4]=128;basePages[5]=130;basePages[6]=148;basePages[7]=150;basePages[8]=140;basePages[9]=141;basePages[10]=131;basePages[11]=133;basePages[12]=134;basePages[13]=136;basePages[14]=135;basePages[15]=146;basePages[16]=143;basePages[17]=144;basePages[18]=147;basePages[19]=152;
function installEdit(){
var icoAd = 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAE64AABOuAbGhbCcAAARKSURBVEhLrVRraFtlGH7Pl5xzck6TNGmWLjPpWqStOnRM50SxVsqcG3PVX2IVb6CoKJ1uiGOrs6gwKdKOIfhDpPOGE4bu0ipMZeAPhzCEuuLa1PSWNPelaXOSk3M/fudbOqpu68U9/85zHp7ney/fR8ENQu+n/WspCnYhZNuNbKgZU4YsS9/dkIC+/v5bsfEhu93+GEVRyOJUVYVioWCQj/+Dn8+dC/EcdwCb71xsXhIEUBUF2YhqlUjk836fx/MGQuiRfEFwG4Zh0zSNmCuKQjSrDvg2nHBNCEqvDNRzTbW+Ghqh2WQmwwuFAkXMTdOSiasKOBlOeAuGfiReVp9PlzWWwiXU+7xOUFQhnUnjIjQ7likUmIdWPORTkUQgJ2n7sor+qmGajMWJ5TIwwixs5JCpi0VlfHqyVBLFMxqF9q6ogpOReCAraa/nFeNF3TSrLK4gijA0MQ3noykwTETdXFON1rhdv5Ql6eB8SZhadgUDYzPejKLvzqtGp2qYPosrSRL8MT4FsUwONF0HjrZDS6h2+InmQGdVFffrHU1N2rLWdDAcp/Gpn51TjT0L5qqmw4XxaYimLxFzCyxN5+ws3805eWJucUtW8EM07bhUlF9Jy3qfZphEL6sanA9HYDqVIRq8/+B2sLkdtwVfOLjtgVOErOC6FZyOzDjTJeWZrKy/u2AuygoMT+C2pLNEY5l7ODaxObi2i6O4QUIuwjUDvh+L8Zmy3pGXtHdwW9wWJ8oyjEzPwEQygwdqEvNqB5u6pbbmcNDj/PrNh+6+3KtFuGrAYCTFpFTzUUE3uhTDDFlXRsbXPxyLY/MU7j9pL7gcTG5DwPdxQ7Xr6L6tWwRC/gv/CRiYTFA5VWkrqnqvrJsNljl+ArB5AsZiSXyXLpuztF2+py7wWUON+8jbO+7LEfIq+MeQB8Ix26wOLfOqfqakGazFWRtycSoGw5NRorHAM7TU1lj3UU9761sV6pq4UoFpmtS8brYVVP2rBXPrtGMzSRiJxonGAm5L6c6b/F8wFOquUNfFlYDcfHF9XRW73wAIWt8K7vN4IkWGurDnLpYVG9d4jnl4tvv9XS1lQi4BEpBKpfCTYexsdrGbNnt5/EYZMIk3ZTQ6A1Ll2eUZu9Lorz4RcDvf62l/MEXIZYAESKrpw4O8l0aUt9HJQD0oMIpPbu28BTtCxsZ1/rO+Km7Ph+2tMUIuE+Sx0/jA/aORqb3VbqfbSlRmc+Bi7BArSdZvY1MocLa/Y/v23775XLSIlcB2+OgJ6sKfI1tG/pp8eiwyZdN1FfxeN9RyNHAsIzh47ifahp76/fiXJG2lQMX5Ag8mbBAEgR4avgjHT/8IiXRWcrHMUGvQ19vRHHr5k8e3zVX0KwbKzWZrONa+1ck75PrQuhEK0P54Mvskxzte8rn5vofvuj1Z0a4K1GsHPmBy+bn1+XyBDgb8Zb/fn+7p6lzWCi4NgL8BrsYOB26chCcAAAAASUVORK5CYII=")';
var sty = " style='background-image:"+icoAd+";background-position:center center;background-repeat:no-repeat;";
sty += " border:1px solid #8dcbf3;background-color:#ffffff;height:32px;width:32px;font-size:16px;line-height:19px;padding:0px;";
sty += " position:absolute;top:10px;right:5px;text-align:center;border-radius:50%;border:1px solid #8dcbf3;cursor:pointer;' ";
if(window.parent){
var url = window.parent.location;
if(url.href.indexOf("teachdoc=edit")!=-1){
var main = url.href.substring(0,url.href.indexOf('main/'));
var renderBtn = '<a ' + sty + ' class="menu-button fa icons" onClick="window.parent.location=\''+main+'plugin/adv_oel_tools_teachdoc/oel_tools_teachdoc_link.php?action=redir&idLudiLP='+localIdTeachdoc+'\'" >&nbsp;</a>';
var panelTools = document.querySelector(".deco-teachdoc");
if(panelTools){
panelTools.innerHTML = renderBtn;
} else {
panelTools = document.getElementById("nav-bottom");
if(panelTools){
panelTools.innerHTML = panelTools.innerHTML + renderBtn;
}
}
var panel = document.querySelector(".panel-teachdoc-large");
if(panel){
panelTools = document.getElementById("nav-bottom");
if(panelTools){
renderBtn = renderBtn.replace("right:5px;","left:200px;");
renderBtn = renderBtn.replace("background-color:#ffffff;","background-color:black;");
renderBtn = renderBtn.replace("#8dcbf3","black");
renderBtn = renderBtn.replace("#8dcbf3","black");
renderBtn = renderBtn.replace("32px","38px");
renderBtn = renderBtn.replace("32px","38px");
panelTools.innerHTML = panelTools.innerHTML + renderBtn;
}
}
}
}
}
function correctPosition(){
var panel = document.querySelector(".panel-teachdoc");
if(!panel){
panel = document.querySelector(".panel-teachdoc-large");
}
if(panel){
var panelHeight = panel.clientHeight;
var larg = window.innerWidth;
var haut = window.innerHeight-70;
if(panelHeight<haut){
panel.style.top = ((haut-panelHeight)/2) + 'px';
}else{
panel.style.top = '10px';
panel.style.marginTop = '50px';
}
}
}
setTimeout(function(){correctPosition();applyThemeToColors();},100);
setTimeout(function(){installEdit();},1000);
</script><script type="text/javascript" src="gloss.js?v=11td261"></script><script type="text/javascript" src="jq.js?v=11"></script><script type="text/javascript" src="api.js?v=11"></script><script type="text/javascript" src="ng.js?v=11"></script><link type="text/css" href="css/plug.css?v=11" rel="stylesheet" /></body></html>