chamilo
/
contents-sources-elearning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
3 Commits
1 Branch
0 Tags
282 MiB
 
 
 
Tag: Branch: Tree: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
contents-sources-elearning/sco125cs80_watcha/teachdoc-140.html

578 lines
36 KiB
Raw Permalink Blame History Escape

<!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 activeli' ><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 subMenuMini16' ><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[9],2);" class="btn btn-outline-light" >&nbsp;>&nbsp;</button><button id="btn-prev" onClick="ctrlpl(basePages[7],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>La visioconférence avec Watcha</h1><div class="c2501"><div class="row"><div class="cell"><div class="c3372"><table class="teachdoctext c1351"><tbody><tr><td class='teachdoctextContent' ><p>La visioconf&eacute;rence sur Watcha est faite pour &ecirc;tre aussi simple que possible.</p>
<p><span class="c1402">1. Cr&eacute;ation d'une visioconf&eacute;rence en dehors d'un salon</span></p></td></tr></tbody></table></div></div></div><div class="row"><div class="cell"><div class="c3577"><table class="teachdoctext c1456"><tbody><tr><td class="teachdoctextContent"><p>Il vous faut alors cliquer sur votre avatar en haut à gauche de votre interface, puis visioconférence.<br/>Vous avez ensuite à entrer un nom de conférence, puis cliquer "rejoindre la conférence".</p></td></tr></tbody></table></div></div><div class="cell"><img src="img_cache/teachcs-20220927-53ym9/2022-10-07_09h52_10.png" class="initialImg"/></div></div><img src="img_cache/teachcs-20220927-53ym9/2022-10-07_09h55_12.png" class="bandeImgFull"/><div class="row"><div class="cell"><div class="c4154"><table class="teachdoctext c1587"><tbody><tr><td class='teachdoctextContent' ><p>S&eacute;lectionner "autoriser" dans la notification pour l'utilisation de votre cam&eacute;ra et de votre microphone, et "je poss&egrave;de un compte Territoire num&eacute;rique ouvert".&nbsp;</p>
<p><em>NB : Tout utilisateur du SITIV et de ses collectivit&eacute;s adh&eacute;rentes a acc&egrave;s &agrave; un compte Territoire num&eacute;rique ouvert (ou TNO).</em></p></td></tr></tbody></table></div></div><div class="cell"><img src="img_cache/teachcs-20220927-53ym9/2022-10-07_09h56_03.png" class="bandeImg"/></div></div><table class="teachdoctext c1291"><tbody><tr><td class='teachdoctextContent' ><p>Remplir le champ avec le nom sur lequel vous souhaitez appara&icirc;tre.<br />Avant de rejoindre la r&eacute;union, vous pouvez agir sur les param&egrave;tres suivants :</p>
<p>muet / actif, d&eacute;marrer / arr&ecirc;ter la cam&eacute;ra, ajouter des participants, s&eacute;lectionner un fond d'&eacute;cran, ou encore d'autres param&egrave;tres via la roue crant&eacute;e.</p></td></tr></tbody></table><img src="img_cache/teachcs-20220927-53ym9/2022-10-07_10h05_08.png" class="bandeImg"/></div><div class="row"></div><div class="row"><div class="cell"><div class="c2529"><div class="c5920"><table class="teachdoctext c1808"><tbody><tr><td class='teachdoctextContent' ><p>Pour inviter des personnes, lorsque vous cliquez sur le bouton d'invitation situ&eacute; sous "rejoindre la r&eacute;union", vous avez le choix entre :</p>
<p>1. r&eacute;cup&eacute;rer le lien de la r&eacute;union pour le partager. Il vous suffira de le copier / coller sur un mail, une discussion etc.</p>
<p>2. partager l'invitation &agrave; la r&eacute;union directement via email en partageant l'invitation &agrave; la r&eacute;union. Attention, il faut que le raccourci entre votre navigateur et vos emails soit au pr&eacute;alable param&eacute;tr&eacute;.</p></td></tr></tbody></table></div></div></div><div class="cell"><img src="img_cache/teachcs-20220927-53ym9/2022-10-07_10h10_41.png" class="bandeImg"/></div></div><div class="row"><div class="cell"><div class="c6574"><table class="teachdoctext c1922"><tbody><tr><td class='teachdoctextContent' ><p>Vous avez cr&eacute;&eacute; votre premi&egrave;re visio !</p>
<p>Vous pouvez maintenant, gr&acirc;ce &agrave; la barre d'outil situ&eacute;e en bas de votre &eacute;cran (si elle n'y est pas, d&eacute;placer la souris sur le bas de votre &eacute;cran) :</p>
<ol>
<li>rendre muet / actif votre micro</li>
<li>d&eacute;marrer ou arr&ecirc;ter votre cam&eacute;ra</li>
<li>activer ou d&eacute;sactiver votre partage d'&eacute;cran</li>
<li>ouvrir le chat : un onglet s'ouvrira &agrave; gauche de votre &eacute;cran. Vous aurez ainsi acc&egrave;s &agrave; une discussion dans la conf&eacute;rence, mais &eacute;galement &agrave; la possibilit&eacute; de r&eacute;aliser des sondages en direct</li>
<li>lever ou baisser la main pour attirer l'attention du mod&eacute;rateur si votre micro est coup&eacute; notamment</li>
<li>Avoir la liste des participants : vous pouvez avoir acc&egrave;s au lien de partage et inviter de nouveaux participants, g&eacute;rer les micros et les cam&eacute;ras de chacun etc.</li>
<li>afficher en vue mosa&iuml;que</li>
<li>Voir d'autres param&egrave;tres notamment les arri&egrave;res plan, les statistiques, partager une audio ou une video sur votre ordinateur etc. Vous avez &eacute;galement, en cas de changement de micro ou d'audio par exemple, la possibilit&eacute; de choisir dans les param&egrave;tres la sortie audio ou du microphone de votre ordinateur dans ce champ</li>
<li>Enfin, vous pouvez sortir de la visioconf&eacute;rence</li>
</ol>
<p>&nbsp;</p></td></tr></tbody></table><img src="img_cache/teachcs-20220927-53ym9/2022-10-07_10h14_33.png" class="bandeImgFull"/></div></div></div><div class="c2598"></div><div class="c3011"></div><div class="c2501"></div><div class="row"><div class="cell"><div class="c6068"><table class="teachdoctext c2145"><tbody><tr><td class="teachdoctextContent"><p><span class="c2185">2. Création d'une visio conférence directement dans un salon, ou bien en conversation privée avec une personne</span></p><p>Avec un simple clic sur l’icône caméra située en haut à droite de votre conversation, vous lancez directement une visioconférence avec les membres d'un salon. Plus besoin de partager un lien ou de devoir planifier la réunion, vous pouvez prendre la parole spontanément, comme dans un open space, pour faire avancer plus rapidement un sujet. Les membres du salon recevront une notification leur permettant de se joindre à la réunion en temps réel.</p></td></tr></tbody></table></div><img src="img_cache/teachcs-20220927-53ym9/2022-10-07_10h42_01.png" class="bandeImgFull"/><div class="c7341"><table class="teachdoctext c2236"><tbody><tr><td class="teachdoctextContent"><p>Un widget (ou encadré) va apparaître en haut de votre discussion, il vous suffit de cliquer sur rejoindre la conférence pour la commencer.</p><p>Vous êtes désormais en ligne !</p><p>Une petite astuce pour agrandir le widget, qui vous sera très utile lors de vos visioconférence par ce biais : cliquer soit sur 1, soit sur 2 dans votre widget, cela l'agrandira fortement !</p><ol><li>cela agrandira votre widget au sein de votre salon </li><li>cela basculera le widget de la visioconférence sur un autre onglet de votre navigateur</li></ol><p>Lors de votre visioconférence, vous aurez les mêmes droits que si vous aviez créé une visioconférence via votre avatar : partage d'écran, couper le micro / caméra, etc.</p><p> </p></td></tr></tbody></table></div><img src="img_cache/teachcs-20220927-53ym9/2022-10-07_10h44_16.jpg" class="bandeImgFull"/></div></div><div class="c8009"><div class="quizzblockdeco"></div><table class="qcmbarre c2379"><tbody><tr><td colspan="2" class="quizzTextqcm"><p>Est ce qu'il est possible d'avoir accès à un chat et des sondages lors d'une visioconférence ?</p></td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0r.png" class="checkboxqcm"/></td><td class="c2451">Oui</td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0.png" class="checkboxqcm"/></td><td class="c2490">Non</td></tr></tbody></table></div><table class="teachdocbtnteach c1507"><tbody><tr><td class="c1536 c1545"><a href="" datatext3="act3|" datatext4="LUDI.nextPage();" datatext5="|" name="submit" type="button" class="btn-btnTeach btnroundblue">Start</a><span class="datatext3 c1556 c1567">act3|</span><span class="datatext4 c1566 c1578">LUDI.nextPage();</span><span class="datatext5 c1576 c1589"></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;}.c1567{display:none;}.c1578{display:none;}.c1589{display:none;}.c1545{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.c3372{width:100%;}.c3577{width:100%;}.c4154{width:100%;}.c5920{width:100%;}.c6068{width:100%;}.c6574{width:100%;}.c7341{width:100%;}.c8009{width:100%;}.c1351{width:97%;}.c1456{width:97%;}.c1587{width:97%;}.c1808{width:97%;}.c1922{width:97%;}.c2185{text-decoration:underline;}.c2145{width:97%;}.c2236{width:97%;}.c2451{text-align:left;}.c2490{text-align:left;}.c2379{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=8;</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>