https://ecoute.theosept.fr/ fr SPIP - www.spip.net (Sarka-SPIP) https://ecoute.theosept.fr/local/cache-vignettes/L144xH72/siteon0-d8ebd.png?1788124990 https://ecoute.theosept.fr/ 72 144 https://ecoute.theosept.fr/spip.php?article281 https://ecoute.theosept.fr/spip.php?article281 2017-01-11T21:09:10Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Retrouve le polisson inconnu qui se cache dans cette musique : <br class='autobr' /> | <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Retrouve le polisson inconnu qui se cache dans cette musique :</p> <div class="spip_document_496 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div> <p>|</p> </div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article272 https://ecoute.theosept.fr/spip.php?article272 2017-01-11T21:08:57Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute ce polisson : <br class='autobr' /> Retrouve-le qui se cache dans cette musique : <br class='autobr' /> | <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute ce polisson :</p> <table class="table spip"> <tbody> <tr class='row_odd odd'> <td><div class="spip_document_495 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div></td></tr> </tbody> </table> <p>Retrouve-le qui se cache dans cette musique :</p> <div class="spip_document_494 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div> <p>|</p> </div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article274 https://ecoute.theosept.fr/spip.php?article274 2017-01-11T21:08:55Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute ce polisson : <br class='autobr' /> Retrouve-le qui se cache dans cette musique : <br class='autobr' /> | <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute ce polisson :</p> <table class="table spip"> <tbody> <tr class='row_odd odd'> <td><div class="spip_document_492 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div></td></tr> </tbody> </table> <p>Retrouve-le qui se cache dans cette musique :</p> <div class="spip_document_493 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div> <p>|</p> </div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article275 https://ecoute.theosept.fr/spip.php?article275 2017-01-11T21:08:53Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute ce polisson : <br class='autobr' /> Retrouve-le qui se cache dans cette musique : <br class='autobr' /> | <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute ce polisson :</p> <table class="table spip"> <tbody> <tr class='row_odd odd'> <td><div class="spip_document_491 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div></td></tr> </tbody> </table> <p>Retrouve-le qui se cache dans cette musique :</p> <div class="spip_document_490 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div> <p>|</p> </div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article276 https://ecoute.theosept.fr/spip.php?article276 2017-01-11T21:08:51Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute ce polisson : <br class='autobr' /> Retrouve-le qui se cache dans cette musique : <br class='autobr' /> | <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute ce polisson :</p> <table class="table spip"> <tbody> <tr class='row_odd odd'> <td><div class="spip_document_489 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div></td></tr> </tbody> </table> <p>Retrouve-le qui se cache dans cette musique :</p> <div class="spip_document_488 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div> <p>|</p> </div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article277 https://ecoute.theosept.fr/spip.php?article277 2017-01-11T21:08:49Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute ce polisson : <br class='autobr' /> Retrouve-le qui se cache dans cette musique : <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute ce polisson :</p> <div class="spip_document_487 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div> <p>Retrouve-le qui se cache dans cette musique :</p> <div class="spip_document_486 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div></div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article278 https://ecoute.theosept.fr/spip.php?article278 2017-01-11T21:08:46Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute ce polisson : <br class='autobr' /> Retrouve-le qui se cache dans cette musique : <br class='autobr' /> | <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute ce polisson :</p> <table class="table spip"> <tbody> <tr class='row_odd odd'> <td><div class="spip_document_485 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div></td></tr> </tbody> </table> <p>Retrouve-le qui se cache dans cette musique :</p> <div class="spip_document_484 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div> <p>|</p> </div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article279 https://ecoute.theosept.fr/spip.php?article279 2017-01-11T21:08:44Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute ce polisson : <br class='autobr' /> Retrouve-le qui se cache dans cette musique : <br class='autobr' /> | <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute ce polisson :</p> <table class="table spip"> <tbody> <tr class='row_odd odd'> <td><div class="spip_document_1048 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div></td></tr> </tbody> </table> <p>Retrouve-le qui se cache dans cette musique :</p> <div class="spip_document_482 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div> <p>|</p> </div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article280 https://ecoute.theosept.fr/spip.php?article280 2017-01-11T21:08:41Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute la forme de ce polisson : <br class='autobr' /> Retrouve-le qui se cache, parfois un peu transformé mais avec toujours la même forme, dans cette musique : <br class='autobr' /> | <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute la forme de ce polisson :</p> <table class="table spip"> <tbody> <tr class='row_odd odd'> <td><div class="spip_document_480 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div></td></tr> </tbody> </table> <p>Retrouve-le qui se cache, parfois un peu transformé mais avec toujours la même forme, dans cette musique :</p> <div class="spip_document_481 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div> <p>|</p> </div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div> https://ecoute.theosept.fr/spip.php?article273 https://ecoute.theosept.fr/spip.php?article273 2017-01-11T20:15:45Z text/html fr Anne-Marie <p>Jouer <br class='autobr' /> Ecoute ce polisson : <br class='autobr' /> Retrouve-le qui se cache dans cette musique : <br class='autobr' /> Fiche pédagogique</p> - <a href="https://ecoute.theosept.fr/spip.php?rubrique69" rel="directory">Série 01</a> <div class='rss_texte'><div class="onglets_bloc_initial"><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Jouer</a></h2><div> <p>Ecoute ce polisson :</p> <div class="spip_document_479 spip_document spip_documents spip_document_audio player spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player wmp'> <div class="mejs-audio-wrapper audio-wrapper" style='width:48px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-wmp" data-id="0493b90a2ab3bc8f3955553a72b9cd10" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%","features":["progress","playpause"]}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* WMP player */ .mejs__container.mejs__wmp { height: 65px !important; background: none; } .mejs__wmp .mejs__controls { background: transparent url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp-bg.png') center 16px no-repeat; height: 65px; } .mejs__wmp .mejs__button, .mejs__wmp .mejs__time { position: absolute; background: transparent; } .mejs__wmp .mejs__time { padding: 10px 4px 0; } .mejs__wmp .mejs__controls .mejs__time-rail { height: 20px; padding-top: 5px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-buffering { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-loaded { background-color: rgba(255,255,255,0.3); width: 0; height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-hovered { height: 3px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-current { height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 -80px; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-handle .mejs__time-handle-content { left: 0; display: none; } .mejs__wmp .mejs__controls .mejs__time-rail .mejs__time-float { display: none; } .mejs__wmp .mejs__controls .mejs__playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs__wmp .mejs__controls .mejs__playpause-button button { width: 40px; height: 40px; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat 0 0; margin: 0; padding: 0; } .mejs__wmp .mejs__controls .mejs__pause button { background-position: 0 -40px; } .mejs__wmp .mejs__controls .mejs__currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs__wmp .mejs__controls .mejs__duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs__wmp .mejs__controls .mejs__volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px -17px; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__unmute button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -42px 0; width: 20px; height: 15px; } .mejs__wmp .mejs__controls .mejs__volume-button .mejs__volume-slider { background: rgba(102,102,102,0.6); } .mejs__wmp .mejs__controls .mejs__horizontal-volume-total { top:8px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__fullscreen-button button { margin: 0; padding: 0; background: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-wmp.png') no-repeat -63px 0; width: 15px; height: 14px; } .mejs__wmp .mejs__controls .mejs__captions-button { display: none; } /* END: WMP player */ </style></span> </dt></figure> </div> <p>Retrouve-le qui se cache dans cette musique :</p> <div class="spip_document_478 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player"> <figure class="spip_doc_inner"> <dt class='spip_doc_titre player retroplayer'> <div class="mejs-audio-wrapper audio-wrapper" style='width:400px;max-width:100%;margin:0 auto;'> <audio class="mejs mejs-retroplayer" data-id="a6c7d38488408d63c1b9386c97bc3360" src="" type="" data-mejsoptions='{"alwaysShowControls": true,"loop":false,"audioWidth":"100%"}' data-mejsplugins='null' controls="controls" ></audio> </div><span style="display: none;"> <div class="base64javascript17911704356adb4b8a2777d4.14865716" title="PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjA2MTQ0MjQ3JyxtZWpzY3NzPSdzcXVlbGV0dGVzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2MDYxNDQyNDgnOwoJdmFyIG1lanNsb2FkZXIsbWVqc3N0YXJ0OyFmdW5jdGlvbigpe3ZhciBlPW1lanNsb2FkZXI7dm9pZCAwPT09ZSYmKG1lanNsb2FkZXI9ZT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pLGUuaW5pdHx8KGUuY3NzbG9hZD1mdW5jdGlvbihzKXtpZih2b2lkIDA9PT1lLmNzc1tzXSl7ZS5jc3Nbc109ITA7dmFyIHQ9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO3QuaHJlZj1zLHQucmVsPSJzdHlsZXNoZWV0Iix0LnR5cGU9InRleHQvY3NzIixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKHQpfX0sZS5nZXRTY3JpcHQ9ZnVuY3Rpb24oZSxzKXt2YXIgdD1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKSxuPWRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJzY3JpcHQiKVswXTt0LmFzeW5jPTEsdC5vbmxvYWQ9dC5vbnJlYWR5c3RhdGVjaGFuZ2U9ZnVuY3Rpb24oZSxuKXsobnx8IXQucmVhZHlTdGF0ZXx8L2xvYWRlZHxjb21wbGV0ZS8udGVzdCh0LnJlYWR5U3RhdGUpKSYmKHQub25sb2FkPXQub25yZWFkeXN0YXRlY2hhbmdlPW51bGwsdD12b2lkIDAsIW4mJnMmJnNldFRpbWVvdXQocywwKSl9LHQuc3JjPWUsbi5wYXJlbnROb2RlLmluc2VydEJlZm9yZSh0LG4pfSxlLmluaXQ9ZnVuY3Rpb24oKXshMD09PWUuZ3MmJmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLmZvckVhY2goKGZ1bmN0aW9uKHMpe2lmKCFzLmNsYXNzTGlzdC5jb250YWlucygiZG9uZSIpJiYhcy5jbGFzc0xpc3QuY29udGFpbnMoIm1lanNfX3BsYXllciIpKXt2YXIgdDtzLmNsYXNzTGlzdC5hZGQoImRvbmUiKSwodD1zLmlkKXx8KHQ9Im1lanMtIitzLmRhdGFzZXQuaWQrIi0iK2UuYysrLHMuaWQ9dCk7dmFyIG4sYT17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXSxxdWFsaXRpZXM6W10sc291cmNlczpbXX07Zm9yKG4gaW4gYSl7dmFyIGk7KGk9cy5kYXRhc2V0WyJtZWpzIituXSkmJihhW25dPUpTT04ucGFyc2UoaSkpfWZ1bmN0aW9uIG8ocyl7ZS5nZXRTY3JpcHQoYS5wbHVnaW5zW3NdLChmdW5jdGlvbigpe2UucGx1Z1tzXT0hMCxkKCl9KSl9ZnVuY3Rpb24gZCgpe3ZhciBzPSEwO2Zvcih2YXIgbiBpbiBhLmNzcyllLmNzc2xvYWQoYS5jc3Nbbl0pO2Zvcih2YXIgaSBpbiBhLnBsdWdpbnMpdm9pZCAwPT09ZS5wbHVnW2ldPyhzPSExLGUucGx1Z1tpXT0hMSxvKGkpKTohMT09PWUucGx1Z1tpXSYmKHM9ITEpO2lmKHMpe2Eub3B0aW9ucy5zdWNjZXNzPWZ1bmN0aW9uKGUscyl7ZnVuY3Rpb24gdCgpe3ZhciBzPWUuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7ZS5wYXVzZWQ/KHMuY2xhc3NMaXN0LmFkZCgicGF1c2luZyIpLHNldFRpbWVvdXQoKGZ1bmN0aW9uKCl7cy5jbGFzc0xpc3QuY29udGFpbnMoInBhdXNpbmciKSYmKHMuY2xhc3NMaXN0LnJlbW92ZSgicGxheWluZyIpLHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2luZyIpLHMuY2xhc3NMaXN0LmFkZCgicGF1c2VkIikpfSksMTAwKSk6KHMuY2xhc3NMaXN0LnJlbW92ZSgicGF1c2VkIikscy5jbGFzc0xpc3QucmVtb3ZlKCJwYXVzaW5nIikscy5jbGFzc0xpc3QuYWRkKCJwbGF5aW5nIikpfXQoKSxlLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLHQsITEpLGUuYWRkRXZlbnRMaXN0ZW5lcigicGxheWluZyIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZSIsdCwhMSksZS5hZGRFdmVudExpc3RlbmVyKCJwYXVzZWQiLHQsITEpLHMuYXV0b3BsYXkmJihlLm11dGVkPSEwKX07bmV3IE1lZGlhRWxlbWVudFBsYXllcih0LGEub3B0aW9ucyl9fWQoKX19KSl9KSxlLmdzfHwoInVuZGVmaW5lZCIhPXR5cGVvZiBtZWpzY3NzJiZlLmNzc2xvYWQobWVqc2NzcyksZS5ncz1lLmdldFNjcmlwdChtZWpzcGF0aCwoZnVuY3Rpb24oKXtlLmdzPSEwLGUuaW5pdCgpLCJsb2FkaW5nIj09PWRvY3VtZW50LnJlYWR5U3RhdGUmJmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoIkRPTUNvbnRlbnRMb2FkZWQiLGUuaW5pdCksb25BamF4TG9hZChlLmluaXQpfSkpKX0oKTsKLypdXT4qLzwvc2NyaXB0Pg=="></div> <style>/* Pour personaliser les couleurs du player, ajoutez dans votre CSS : .mejs-audio-wrapper-skin-retroplayer { --player-main-color: #c41558; --player-bg-color: #ddd; --player-bg-hover-color: #fff; --player-bg-mute-color: #ccc; } ou simplement .mejs-audio-wrapper-skin-retroplayer { font-size:1.5em; color:purple; } */ .mejs-audio-wrapper-skin-retroplayer { min-width:20em; max-width:100%; height:3em !important; } .mejs-audio-wrapper-skin-retroplayer > audio{ height:3em !important; width: 100% !important; background:#1b1b1b; opacity: 75%; } .mejs__retroplayer { height:3em !important; } .mejs__retroplayer .mejs__controls { height:3em !important; border: 0.125em solid var(--player-main-color,currentColor); background: #eee; } .mejs__retroplayer .mejs__button button svg { visibility: hidden; } .mejs__retroplayer .mejs__playpause-button { font-size: inherit; position: absolute; left: 50%; top:1em; margin-left: -1em; width: 2em; height: 2em; } .mejs__retroplayer .mejs__playpause-button button { color:inherit; border:0.125em solid transparent; border-radius: 50%; width: 100%; height: 100%; margin: 0; padding: 0; font-size: inherit; background: rgba(255,255,255,0.33); } .mejs__retroplayer .mejs__playpause-button button:after { content:''; display:block; position:absolute; top:-0.125em; left:-0.125em; right: -0.125em; bottom:-0.125em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 4em 4em; mask-size: 4em 4em; -webkit-mask-position: right top; mask-position: right top; } .mejs__retroplayer .mejs__playpause-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__playpause-button.mejs__pause button:after { -webkit-mask-position: left top; mask-position: left top; } .mejs__retroplayer .mejs__playpause-button button:hover { background-color:var(--player-bg-hover-color,#fff); border-color:var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__volume-button { font-size: inherit; position: absolute; left: 50%; top:1.25em; margin-left: 2em; width: 1.5em; height: 1.5em; } .mejs__retroplayer .mejs__volume-button button { color:inherit; border:2px solid transparent; border-radius: 50%; font-size: inherit; background:transparent; width: 100%; height: 100%; margin: 0; padding: 0; } .mejs__retroplayer .mejs__volume-button button:after { content:''; display:block; position:absolute; top:-0.09375em; left:-0.09375em; right: -0.09375em; bottom:-0.09375em; background-color:var(--player-main-color,currentColor); -webkit-mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); mask-image: url('https://ecoute.theosept.fr/plugins/auto/player/v4.3.0/css/img/controls-retroplayer.svg'); -webkit-mask-size: 3em 3em; mask-size: 3em 3em; -webkit-mask-position: right top; mask-position: right bottom; } .mejs__retroplayer .mejs__volume-button button:hover { background-color: var(--player-bg-hover-color,#fff); border-color: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__volume-button button:hover:after { filter: brightness(0.8); } .mejs__retroplayer .mejs__volume-button.mejs__unmute button:after { background-color:var(--player-bg-mute-color, #ccc); -webkit-mask-position: left bottom; mask-position: left bottom; } .mejs__retroplayer .mejs__horizontal-volume-slider { font-size: inherit; color:inherit; position: absolute; left: 50%; top:1.25em; height: 1.5em; margin-left: 3.75em; } .mejs__retroplayer .mejs__horizontal-volume-slider:hover { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-total { top:50%; width: 100%; background: var(--player-bg-mute-color, #ccc); font-size: inherit; height: 0.5em; margin-top: -0.25em; } .mejs__retroplayer .mejs__horizontal-volume-slider .mejs__horizontal-volume-current { font-size: inherit; height: 100%; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-rail { position: absolute; margin: 0; padding: 0; top:0.25em; left: 1em; right: 1em; width: auto; height: 1em; font-size: inherit; } .mejs__retroplayer .mejs__duration-container { color:inherit; font-size: inherit; position: absolute; right: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__duration-container .mejs__duration { display: block; text-align: right; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__currenttime-container { color:inherit; font-size: inherit; position: absolute; left: 1em; top:1.25em; margin: 0; padding: 0; height: 1em; width: auto; } .mejs__retroplayer .mejs__currenttime-container .mejs__currenttime { display: block; text-align: left; font-size: 0.75em; height: 100%; line-height: 1.25em; width: auto; color: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-slider { margin-top: 0; background: transparent; position: relative; font-size: inherit; height: 100%; } .mejs__retroplayer .mejs__time-slider::before { content:''; display: block; position: absolute; top:50%; left: 0; right: 0; height: 0.125em; margin-top: -0.0625em; background: var(--player-main-color,currentColor); } .mejs__retroplayer .mejs__time-handle { border: 0; cursor: pointer; left: 0; top:0; width: 0.375em; height: 1em; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__retroplayer .mejs__time-handle-content { position: absolute; top:50%; margin-top: -0.375em; left:-0.375em; display: block; width: 0.75em; height: 0.75em; border:0.125em solid var(--player-main-color,currentColor); background: var(--player-bg-hover-color,#fff); border-radius: 50%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mejs__retroplayer .mejs__time-slider .mejs__time-current{ background: var(--player-main-color,currentColor); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-loaded { background: hsla(0,0%,100%,.4); height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered { background: var(--player-main-color,currentColor); opacity: 0.5; height: 0.25em; top:50%; margin-top:-0.125em; } .mejs__retroplayer .mejs__time-slider .mejs__time-hovered.negative { background: var(--player-bg-hover-color,#fff); } .mejs__retroplayer .mejs__controls .mejs__time-float { font-size: 0.625em; width:4em; height:1.8em !important; border:0; margin-bottom:0; background-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-corner { border-top-color:var(--player-bg-color,#ddd); } .mejs__retroplayer .mejs__controls .mejs__time-float .mejs__time-float-current { font-size:1em; width:100%; text-align:center; height:100%; line-height:1.8em; margin:0; } </style></span> </dt></figure> </div></div></div><div class="onglets_contenu"><h2 class="cs_onglet"><a href="#">Fiche pédagogique</a></h2><div><!--[if !IE]><!--><iframe src="spip.php?page=pdfjs&id_document=506" width="100%" height="600" title="Fiche pédagogique" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" name="pdf_506" allowfullscreen></iframe><!--<![endif]--> <!--[if IE]><iframe src="IMG/pdf/fiche_pedagogique.pdf" width="100%" height="600" class="spip_document_506 lecteurpdf lecteufpdf-506 spip_documents" title="Fiche pédagogique" name="pdf_506" allowfullscreen></iframe><![endif]--></div></div></div> <p></p></div>