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.
 
 
 

560 lines
31 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 activeli' ><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 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[2],2);" class="btn btn-outline-light" >&nbsp;>&nbsp;</button><button id="btn-prev" style="opacity:0.2;" 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>Présentation de Watcha </h1><div class="c2501"><table class="teachdoctext c1291"><tbody><tr><td class="teachdoctextContent"><p>Watcha est une plateforme de collaboration Open Source visant à faciliter les échanges entre les équipes et partenaires sans compromettre la sécurité des informations échangées.</p></td></tr></tbody></table></div><div class="row"><div class="cell"><div class="c2529"><table class="teachdoctext c1345"><tbody><tr><td class="teachdoctextContent"><blockquote><p>Avec des équipes hybrides (en présentiel, terrain ou à distance), les collaborateurs sont submergés et les outils utilisés se multiplient ce qui rend les collaborations moins efficaces et complexifie l’accès aux bonnes informations, au bon moment, sur le bon canal.</p><p>Dans l’espace de travail Watcha, les échanges sont regroupés dans des espaces dédiés appelés «conversations». Il existe 2 types de conversations :</p><ul><li>les «messages directs» qui sont des conversations entre deux personnes ;</li><li>les « salons » qui sont des conversations incluant au moins trois personnes, idéal pour travailler sur un sujet précis, un projet ou regrouper une équipe. Ces salons centralisent toutes les informations – et toutes les personnes qui doivent y avoir accès ont ainsi le même niveau de connaissance. En plus d’un espace de messagerie « classique », c’est à partir de là que vous pourrez lancer vos réunions de travail via visioconférence et accéder aux documents (tableur, présentation ou traitement de texte) en lien avec le sujet du salon que vous aurez défini.</li></ul></blockquote></td></tr></tbody></table></div></div></div><div class="c2598"></div><div class="c3011"></div><div class="c2501"></div><div class="c2645"></div><div class="row"><div class="cell"><img src="img_cache/teachcs-20220927-53ym9/2022-10-10_14h31_58.png" class="bandeImgFull"/></div></div><table class="teachdocbtnteach c1507"><tbody><tr><td class="c1536 c1519"><a href="" datatext3="act3|" datatext4="LUDI.nextPage();" datatext5="|" name="submit" type="button" class="btn-btnTeach btnroundblue">Start</a><span class="datatext3 c1556 c1541">act3|</span><span class="datatext4 c1566 c1552">LUDI.nextPage();</span><span class="datatext5 c1576 c1563"></span></td></tr></tbody></table><div class="c2735"></div><div class="c2508"></div><div class="c3646"></div><div class="row"></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;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;min-height:75px;height:auto !important;}.c1541{display:none;}.c1552{display:none;}.c1563{display:none;}.c1519{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.c2645{width:100%;}@media (max-width: 768px){.cell{min-width:300px;width:100%;display:table;}}
.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=1;</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>