|
|
<!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 activeli' ><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[7],2);" class="btn btn-outline-light" > > </button><button id="btn-prev" onClick="ctrlpl(basePages[5],0);" class="btn btn-outline-light" > < </button></nav><div id="message-bottom" class="fixed-top-message" >Page not complete.</div><body style="background-color:#D8D8D8;" ><div class="panel-teachdoc"><h1>Charte d'utilisation d'un chat</h1><div class="c2501"><table class="teachdoctext c1291"><tbody><tr><td class="teachdoctextContent"><p>Le chat, au sein d'une collectivité, est de plus en plus utilisé, et peut être un excellent outil de travail et de communication.</p><p>Mais tout le monde ne s'est pas familiarisé avec les normes sociales implicites qui ont évolué au fil des années.</p><p>C'est pourquoi nous avons besoin d'un guide du chat. Un document que vous pouvez partager avec vos amis, votre famille ou vos collègues qui, sans le savoir, enfreignent les règles du chat social.</p><p>Du privé au professionnel, voici les 16 règles du code de bonnes pratiques du chat.</p><p>(extrait du site internet<em> https://www.userlike.com/fr/blog/chat-code-de-bonne-conduite</em>)</p></td></tr></tbody></table></div><div class="row"><div class="cell"><div class="c2529"><table class="teachdoctext c1345"><tbody><tr><td class="teachdoctextContent"><p>1. <strong>Plus c'est parfois moins</strong> : Un nombre trop important de points d'exclamation et de points d'interrogation déforment le contenu de votre message, au lieu de lui donner du sens. Les points d'exclamation peuvent animer les e-mails et les chats, mais doivent être utilisés avec modération. </p><p>2.<strong> Evitez les majuscules</strong> : Dans le langage écrit, les phrases en majuscules symbolisent les hurlements.</p><p>3. <strong>Restreignez le nombre d'emojis</strong> : Les emojis sont parfaits pour ajouter du sens à la communication par écrit, même dans la communication d'affaires. Ils peuvent rendre le chat plus personnel, façonner son atmosphère et assouplir les situations dans lesquelles un terme pourrait être interprété de manière négative. N'ajoutez un émoji que si c’est nécessaire - si celui-ci clarifie le sens de votre message - et évitez les doubles émojis, comme vous éviteriez le double point d'exclamation. Enfin sachez aussi que tout le monde n'interprète pas le même émoji de la même façon.</p><p>4. <strong>Abrégez sciemment</strong> : L'utilisation excessive d'abréviation pourrait vous rendre paresseux et vous laisser paraître non-professionnel.</p><p>5. <strong>Evitez les sujets chargés d'émotion</strong> : comparé aux autres canaux, le chat a la barrière de prise de contact la plus faible. C'est l'une des raisons pour lesquelles nous chattons autant. Mais cela rend aussi le chat impropre à des sujets chargés d'émotion. Un message concernant le décès d’un membre de la famille, par exemple, ne devrait pas être échangé d'une manière aussi frivole. Les sentiments doivent pouvoir être perçus à la fois par le récepteur et par l'émetteur. De plus, le caractère de la communication écrite permet moins de faire passer des sentiments que le téléphone.</p><p>6.<strong> Acceptez les intentions positives </strong>: avec le chat, on a vite fait de s'offenser. L'absence de communication implicite augmente la probabilité de signification ambiguë. Et le biais négatif de notre esprit nous pousse à interpréter toute ambiguïté comme négative. La plupart des messages ne sont pourtant pas censés être négatifs. Pour éviter les malaises persistants, optez pour l'interprétation positive. Si vous êtes convaincu qu'il s'agit d'un sous-entendu négatif, faites en sorte d'en être sûr en posant des questions à ce sujet.</p><p>7.<strong> Evitez l'ambiguïté</strong> : en tant qu'expéditeur, vous devez viser une ambiguïté minimale dans vos messages. Le sarcasme peut être formidable, mais le chat n'est pas le canal pour ça.</p><p>8. <strong>Soyez transparent</strong> : Au téléphone, vous remarquez rapidement lorsque votre interlocuteur n'écoute plus. Au sein du chat, ce n'est pas si évident. Une façon d'y parvenir est de faire des acquiescements verbaux, comme <em>"oui", "je vois", "très bien" </em>, lorsqu'on vous envoie des messages. Cela montre que vous suivez le fil. Une autre est d'indiquer ce que vous faites, si cela peut interférer avec votre conversation. <em>"Je vérifie ça, un instant" </em>, suffira amplement pour mettre fin au biais de négativité.</p><p>9. <strong>Ne soyez pas trop inquiet au sujet des fautes de frappe </strong></p><p>10. <strong>Ne chattez pas à la façon d'un mail</strong> : Le chat est comme une conversation orale, sous forme de texte. L'une des caractéristiques principales de la conversation orale est que vous pouvez l'interrompre à tout moment.</p><p>11.<strong> Messagerie instantanée ne signifie pas réponse instantanée</strong></p><p>12. <strong>Utiliser une image réelle </strong>: pour plus d'humanité et rendre vivant les salons !</p><p>13. <strong>Guidez judicieusement vos clients à travers votre site web</strong> : Vous pouvez envoyer simplement le lien à travers le chat, pour que le visiteur puisse lui-même cliquer dessus.</p><p>14. <strong>Ne répondez pas aux messages non envoyés</strong> (en train d'être tapés) : Tant que le visiteur n'a pas appuyé sur le bouton d'envoi, cela veut dire qu’il est encore en train de structurer ses pensées. Répondre à un message non envoyé est comme une atteinte à la vie privée. Ne le faites surtout pas.</p><p>15. <strong>Adaptez votre niveau de formalité</strong> : certains préconisent le formel, cependant. Si vous offrez un soutien par chat, faites preuve d'un bon code de conduite en adaptant votre niveau de formalité à votre partenaire de chat.</p><p>16. <strong>Excusez un manquements au code de conduite</strong> : la véritable révélation se manifeste par la tolérance à l'égard des erreurs d'autrui !</p><p> </p><p> </p></td></tr></tbody></table></div></div></div><div class="c2598"></div><div class="c3011"></div><div class="c2501"></div><table class="teachdocbtnteach c1507"><tbody><tr><td class="c1536 c1562"><a href="" datatext3="act3|" datatext4="LUDI.nextPage();" datatext5="|" name="submit" type="button" class="btn-btnTeach btnroundblue">Start</a><span class="datatext3 c1556 c1584">act3|</span><span class="datatext4 c1566 c1595">LUDI.nextPage();</span><span class="datatext5 c1576 c1606"></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;box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 10px 0px;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;}.c1584{display:none;}.c1595{display:none;}.c1606{display:none;}.c1562{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;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=6;</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+'\'" > </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> |