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
30 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,0,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,0,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,0,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,0,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,0,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' class='NodeLvl1' ><span>Watcha intermédiaire : La visio et les partages simplifiés !</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(140,0,6,2);' class='NodeLvl2 subMenuSco6 pgh140 subMenuMini5' ><span class='dotSubLudi' ></span><span>La visioconférence par Watcha</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(141,0,7,2);' class='NodeLvl2 subMenuSco7 pgh141 subMenuMini6' ><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,0,8,2);' class='NodeLvl2 subMenuSco8 pgh131 subMenuMini7' ><span class='dotSubLudi' ></span><span>Watcha : personnalisation de son interface</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(133,0,9,2);' class='NodeLvl2 subMenuSco9 pgh133 subMenuMini8' ><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,0,10,2);' class='NodeLvl2 subMenuSco10 pgh134 subMenuMini9' ><span class='dotSubLudi' ></span><span>Personnalisation de son identité</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(136,0,11,2);' class='NodeLvl2 subMenuSco11 pgh136 subMenuMini10' ><span class='dotSubLudi' ></span><span>Gérer les notifications</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(135,0,12,2);' class='NodeLvl2 subMenuSco12 pgh135 subMenuMini11' ><span class='dotSubLudi' ></span><span>Créer un nouvel espace</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(146,0,13,2);' class='NodeLvl2 subMenuSco13 pgh146 subMenuMini12' ><span class='dotSubLudi' ></span><span>Maximiser les widgets</span></li><li style='position:relative;' pagebehav='2' class='NodeLvl1' ><span>Aide et tutoriels de Watcha</span></li><li style='position:relative;' pagebehav='0' onClick='ctrlpl(137,0,14,0);' class='NodeLvl2 subMenuSco14 pgh137 activeli' ><span class='dotSubLudi' ></span><span>Trouver l'aide et les tutoriels de Watcha</span></li><li style='position:relative;' pagebehav='2' class='NodeLvl1' ><span>Watcha avancé </span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(143,0,15,2);' class='NodeLvl2 subMenuSco15 pgh143 subMenuMini14' ><span class='dotSubLudi' ></span><span>Bannir et expulser un utilisateur</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(144,0,16,2);' class='NodeLvl2 subMenuSco16 pgh144 subMenuMini15' ><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,0,17,2);' class='NodeLvl2 subMenuSco17 pgh147 subMenuMini16' ><span class='dotSubLudi' ></span><span>Fils de discussion</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(148,0,18,2);' class='NodeLvl2 subMenuSco18 pgh148 subMenuMini17' ><span class='dotSubLudi' ></span><span>Charte d'utilisation d'un chat</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(150,0,19,2);' class='NodeLvl2 subMenuSco19 pgh150 subMenuMini18' ><span class='dotSubLudi' ></span><span>Règles de l'outil informatique Watcha</span></li><li style='position:relative;' pagebehav='2' class='NodeLvl1' ><span>Questionnaire final</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(152,0,20,2);' class='NodeLvl2 subMenuSco20 pgh152 subMenuMini19' ><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[15],0);" class="btn btn-outline-light" >&nbsp;>&nbsp;</button><button id="btn-prev" onClick="ctrlpl(basePages[13],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>Document</h1><div class="c2501"><table class="teachdoctext c1291"><tbody><tr><td class="teachdoctextContent"><p>This is a demo content for Chamilo Studio. For the development, you shouldn't edit this file, instead you can modufy and rename it.</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 data-highlightable="1">Nec sane haec sola pernicies orientem diversis cladibus adfligebat.Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis <strong data-highlightable="1">excursibus </strong></p><ul><li data-highlightable="1">cuncta miscere, ex latrociniis </li><li data-highlightable="1">alente inpunitate adulescentem </li><li data-highlightable="1">ad bella gravia proruperunt</li></ul><p>Inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium.</p></td></tr></tbody></table></div></div><div class="cell"><img src="img/classique/docs-icon-3.png" class="bandeImg"/></div></div><div class="c2598"></div><div class="c3011"></div><div class="c2501"></div><table class="teachdocbtnteach c1507"><tbody><tr><td class="c1536 c1540"><a href="" datatext3="act3|" datatext4="LUDI.nextPage();" datatext5="|" name="submit" type="button" class="btn-btnTeach btnroundblue">Start</a><span class="datatext3 c1556 c1562">act3|</span><span class="datatext4 c1566 c1573">LUDI.nextPage();</span><span class="datatext5 c1576 c1584"></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;}.cell{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;min-height:75px;height:auto !important;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%;}.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;}.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;}.c1562{display:none;}.c1573{display:none;}.c1584{display:none;}.c1540{text-align:center;padding:10px;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=14;</script><script>var localIdTeachdoc=80;var progressBtop=20;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]=140;basePages[7]=141;basePages[8]=131;basePages[9]=133;basePages[10]=134;basePages[11]=136;basePages[12]=135;basePages[13]=146;basePages[14]=137;basePages[15]=143;basePages[16]=144;basePages[17]=147;basePages[18]=148;basePages[19]=150;basePages[20]=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=11nx7q3"></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>