<br />
<b>Deprecated</b>:  Implicit conversion from float 254.72160000000002 to int loses precision in <b>/home/clients/b2a92f73a587e2e4288a280e2179b8e1/web/patwe/saviese/config/ecran_securite.php</b> on line <b>696</b><br />
<?xml 
version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="https://patwe.ch/saviese/spip.php?page=backend.xslt" ?>
<rss version="2.0" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:atom="http://www.w3.org/2005/Atom"
>

<channel xml:lang="fr">
	<title>Culture Savi&#233;sanne</title>
	<link>https://patwe.ch/saviese/</link>
	<description></description>
	<language>fr</language>
	<generator>SPIP - www.spip.net</generator>
	<atom:link href="https://patwe.ch/saviese/spip.php?page=backend" rel="self" type="application/rss+xml" />

	<image>
		<title>Culture Savi&#233;sanne</title>
		<url>https://patwe.ch/saviese/IMG/siteon0.jpg?1517702571</url>
		<link>https://patwe.ch/saviese/</link>
		<height>42</height>
		<width>144</width>
	</image>



<item xml:lang="fr">
		<title>28 minutes de reportage !</title>
		<link>https://patwe.ch/saviese/spip.php?article17</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article17</guid>
		<dc:date>2016-01-29T13:25:01Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les reporters &#224; Sion
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Clovis Luyet : Qui sont les Savi&#233;sans
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le mulet&lt;br class='autobr' /&gt;
...&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique2" rel="directory"&gt;Archives Radio&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;28 minutes de reportage !
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les reporters &#224; Sion
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Clovis Luyet : Qui sont les Savi&#233;sans
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le mulet
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Clovis Luyet : Les partis politiques &#224; Savi&#232;se
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; ...&lt;/p&gt;
&lt;div class=&#034;spip_document_92 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-92 mejs__retroplayer&#034; data-id=&#034;900c7c58ede20d4b59eb5b7271ad5c45&#034; src=&#034;IMG/mp3/journal-de-midi_19720717_stand_19669557-clovis-luyet.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Le &#034;Sii&#034; de Savi&#232;se</title>
		<link>https://patwe.ch/saviese/spip.php?article13</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article13</guid>
		<dc:date>2011-04-03T03:27:53Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;Recette par Maria Mounir, en fran&#231;ais. &lt;br class='autobr' /&gt;
Vid&#233;o de l'&#233;mission &#034;De si de la&#034; de la T&#233;l&#233;vision Suisse Romande. novembre 2006.&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique7" rel="directory"&gt;Le Sii : dessert Savi&#233;san&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;Explication rapide en fran&#231;ais - Emission &#034;De ci, de l&#224;&#034; de Canal 9 &#224; Savi&#232;se&lt;/p&gt;
&lt;div class=&#034;spip_document_89 spip_document spip_documents spip_document_video spip_documents_center spip_document_center&#034;&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt;
&lt;div class=&#034;video-intrinsic-wrapper&#034; style='height:0;width:320px;max-width:100%;padding-bottom:75%;position:relative;'&gt; &lt;div class=&#034;video-wrapper&#034; style=&#034;position: absolute;top:0;left:0;width:100%;height:100%;&#034;&gt; &lt;video class=&#034;mejs mejs-89&#034; data-id=&#034;c91bd53cd2bf4a4a03cb314dc84ada3f&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;pluginPath&#034;:&#034;plugins-dist/medias/lib/mejs/&#034;,&#034;loop&#034;:false,&#034;videoWidth&#034;:&#034;100%&#034;,&#034;videoHeight&#034;:&#034;100%&#034;}' width=&#034;100%&#034; height=&#034;100%&#034; controls=&#034;controls&#034; preload=&#034;none&#034; &gt; &lt;source type=&#034;video/mp4&#034; src=&#034;IMG/mp4/le_sii.mp4&#034; /&gt; &lt;object width=&#034;320&#034; height=&#034;240&#034; type=&#034;application/x-shockwave-flash&#034; data=&#034;plugins-dist/medias/lib/mejs/mediaelement-flash-video.swf&#034;&gt; &lt;param name=&#034;movie&#034; value=&#034;plugins-dist/medias/lib/mejs/mediaelement-flash-video.swf&#034; /&gt; &lt;param name=&#034;flashvars&#034; value=&#034;controls=true&amp;file=IMG/mp4/le_sii.mp4&#034; /&gt; &lt;img src='https://patwe.ch/saviese/local/cache-vignettes/L64xH64/mp4-d7cc4-f1e42.svg?1764627321' width='64' height='64' alt='Impossible de lire la video' /&gt; &lt;/object&gt; &lt;/video&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zLWRpc3QvbWVkaWFzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjQ4ODA0MTEyJyxtZWpzY3NzPSdwbHVnaW5zLWRpc3QvbWVkaWFzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2NDg4MDQxMTInOwp2YXIgbWVqc2xvYWRlcjsKKGZ1bmN0aW9uKCl7dmFyIGE9bWVqc2xvYWRlcjsidW5kZWZpbmVkIj09dHlwZW9mIGEmJihtZWpzbG9hZGVyPWE9e2dzOm51bGwscGx1Zzp7fSxjc3M6e30saW5pdDpudWxsLGM6MCxjc3Nsb2FkOm51bGx9KTthLmluaXR8fChhLmNzc2xvYWQ9ZnVuY3Rpb24oYyl7aWYoInVuZGVmaW5lZCI9PXR5cGVvZiBhLmNzc1tjXSl7YS5jc3NbY109ITA7dmFyIGI9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO2IuaHJlZj1jO2IucmVsPSJzdHlsZXNoZWV0IjtiLnR5cGU9InRleHQvY3NzIjtkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKGIpfX0sYS5pbml0PWZ1bmN0aW9uKCl7ITA9PT1hLmdzJiZmdW5jdGlvbihjKXtqUXVlcnkoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLm5vdCgiLmRvbmUsLm1lanNfX3BsYXllciIpLmVhY2goZnVuY3Rpb24oKXtmdW5jdGlvbiBiKCl7dmFyIGU9ITAsaDtmb3IoaCBpbiBkLmNzcylhLmNzc2xvYWQoZC5jc3NbaF0pO2Zvcih2YXIgZiBpbiBkLnBsdWdpbnMpInVuZGVmaW5lZCI9PQp0eXBlb2YgYS5wbHVnW2ZdPyhlPSExLGEucGx1Z1tmXT0hMSxqUXVlcnkuZ2V0U2NyaXB0KGQucGx1Z2luc1tmXSxmdW5jdGlvbigpe2EucGx1Z1tmXT0hMDtiKCl9KSk6MD09YS5wbHVnW2ZdJiYoZT0hMSk7ZSYmalF1ZXJ5KCIjIitjKS5tZWRpYWVsZW1lbnRwbGF5ZXIoalF1ZXJ5LmV4dGVuZChkLm9wdGlvbnMse3N1Y2Nlc3M6ZnVuY3Rpb24oYSxjKXtmdW5jdGlvbiBiKCl7dmFyIGI9alF1ZXJ5KGEpLmNsb3Nlc3QoIi5tZWpzX19pbm5lciIpO2EucGF1c2VkPyhiLmFkZENsYXNzKCJwYXVzaW5nIiksc2V0VGltZW91dChmdW5jdGlvbigpe2IuZmlsdGVyKCIucGF1c2luZyIpLnJlbW92ZUNsYXNzKCJwbGF5aW5nIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGF1c2VkIil9LDEwMCkpOmIucmVtb3ZlQ2xhc3MoInBhdXNlZCIpLnJlbW92ZUNsYXNzKCJwYXVzaW5nIikuYWRkQ2xhc3MoInBsYXlpbmciKX1iKCk7YS5hZGRFdmVudExpc3RlbmVyKCJwbGF5IixiLCExKTsKYS5hZGRFdmVudExpc3RlbmVyKCJwbGF5aW5nIixiLCExKTthLmFkZEV2ZW50TGlzdGVuZXIoInBhdXNlIixiLCExKTthLmFkZEV2ZW50TGlzdGVuZXIoInBhdXNlZCIsYiwhMSk7Zy5hdHRyKCJhdXRvcGxheSIpJiZhLnBsYXkoKX19KSl9dmFyIGc9alF1ZXJ5KHRoaXMpLmFkZENsYXNzKCJkb25lIiksYzsoYz1nLmF0dHIoImlkIikpfHwoYz0ibWVqcy0iK2cuYXR0cigiZGF0YS1pZCIpKyItIithLmMrKyxnLmF0dHIoImlkIixjKSk7dmFyIGQ9e29wdGlvbnM6e30scGx1Z2luczp7fSxjc3M6W119LGUsaDtmb3IoZSBpbiBkKWlmKGg9Zy5hdHRyKCJkYXRhLW1lanMiK2UpKWRbZV09alF1ZXJ5LnBhcnNlSlNPTihoKTtiKCl9KX0oalF1ZXJ5KX0pO2EuZ3N8fCgidW5kZWZpbmVkIiE9PXR5cGVvZiBtZWpzY3NzJiZhLmNzc2xvYWQobWVqc2NzcyksYS5ncz1qUXVlcnkuZ2V0U2NyaXB0KG1lanNwYXRoLGZ1bmN0aW9uKCl7YS5ncz0hMDthLmluaXQoKTtqUXVlcnkoYS5pbml0KTtvbkFqYXhMb2FkKGEuaW5pdCl9KSl9KSgpOy8qXV0+Ki88L3NjcmlwdD4=&#034;&gt;&lt;/div&gt; &lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Vid&#233;o en patois (arpitan/francoproven&#231;al) de Savi&#232;se. Sous-titres en orthographie de r&#233;f&#233;rence ORB et en FRAN&#199;AIS !&lt;/p&gt;
&lt;iframe width=&#034;100%&#034; height=&#034;600&#034; src=&#034;https://www.youtube.com/embed/4lMvf9E-WG4&#034; title=&#034;YouTube video player&#034; frameborder=&#034;0&#034; allow=&#034;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&#034; allowfullscreen&gt;&lt;/iframe&gt;
&lt;p&gt;
Introduction to the the recipe of the Sii with English subtitles (Avec sous-titres en anglais)&lt;/p&gt;
&lt;div class=&#034;spip_document_91 spip_document spip_documents spip_document_video spip_documents_center spip_document_center&#034;&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt;
&lt;div class=&#034;video-intrinsic-wrapper&#034; style='height:0;width:392px;max-width:100%;padding-bottom:91.84%;position:relative;'&gt; &lt;div class=&#034;video-wrapper&#034; style=&#034;position: absolute;top:0;left:0;width:100%;height:100%;&#034;&gt; &lt;video class=&#034;mejs mejs-91&#034; data-id=&#034;13f62fd3d261d9a2b19ac7960b55bece&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;pluginPath&#034;:&#034;plugins-dist/medias/lib/mejs/&#034;,&#034;loop&#034;:false,&#034;videoWidth&#034;:&#034;100%&#034;,&#034;videoHeight&#034;:&#034;100%&#034;}' width=&#034;100%&#034; height=&#034;100%&#034; controls=&#034;controls&#034; preload=&#034;none&#034; &gt; &lt;source type=&#034;video/mp4&#034; src=&#034;IMG/mp4/i_sii_-_specialitat_de_saviese_-_introduccion_per_maria.mp4&#034; /&gt; &lt;object width=&#034;392&#034; height=&#034;360&#034; type=&#034;application/x-shockwave-flash&#034; data=&#034;plugins-dist/medias/lib/mejs/mediaelement-flash-video.swf&#034;&gt; &lt;param name=&#034;movie&#034; value=&#034;plugins-dist/medias/lib/mejs/mediaelement-flash-video.swf&#034; /&gt; &lt;param name=&#034;flashvars&#034; value=&#034;controls=true&amp;file=IMG/mp4/i_sii_-_specialitat_de_saviese_-_introduccion_per_maria.mp4&#034; /&gt; &lt;img src='https://patwe.ch/saviese/local/cache-vignettes/L64xH64/mp4-d7cc4-f1e42.svg?1764627321' width='64' height='64' alt='Impossible de lire la video' /&gt; &lt;/object&gt; &lt;/video&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zLWRpc3QvbWVkaWFzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNjQ4ODA0MTEyJyxtZWpzY3NzPSdwbHVnaW5zLWRpc3QvbWVkaWFzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE2NDg4MDQxMTInOwp2YXIgbWVqc2xvYWRlcjsKKGZ1bmN0aW9uKCl7dmFyIGE9bWVqc2xvYWRlcjsidW5kZWZpbmVkIj09dHlwZW9mIGEmJihtZWpzbG9hZGVyPWE9e2dzOm51bGwscGx1Zzp7fSxjc3M6e30saW5pdDpudWxsLGM6MCxjc3Nsb2FkOm51bGx9KTthLmluaXR8fChhLmNzc2xvYWQ9ZnVuY3Rpb24oYyl7aWYoInVuZGVmaW5lZCI9PXR5cGVvZiBhLmNzc1tjXSl7YS5jc3NbY109ITA7dmFyIGI9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO2IuaHJlZj1jO2IucmVsPSJzdHlsZXNoZWV0IjtiLnR5cGU9InRleHQvY3NzIjtkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKGIpfX0sYS5pbml0PWZ1bmN0aW9uKCl7ITA9PT1hLmdzJiZmdW5jdGlvbihjKXtqUXVlcnkoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLm5vdCgiLmRvbmUsLm1lanNfX3BsYXllciIpLmVhY2goZnVuY3Rpb24oKXtmdW5jdGlvbiBiKCl7dmFyIGU9ITAsaDtmb3IoaCBpbiBkLmNzcylhLmNzc2xvYWQoZC5jc3NbaF0pO2Zvcih2YXIgZiBpbiBkLnBsdWdpbnMpInVuZGVmaW5lZCI9PQp0eXBlb2YgYS5wbHVnW2ZdPyhlPSExLGEucGx1Z1tmXT0hMSxqUXVlcnkuZ2V0U2NyaXB0KGQucGx1Z2luc1tmXSxmdW5jdGlvbigpe2EucGx1Z1tmXT0hMDtiKCl9KSk6MD09YS5wbHVnW2ZdJiYoZT0hMSk7ZSYmalF1ZXJ5KCIjIitjKS5tZWRpYWVsZW1lbnRwbGF5ZXIoalF1ZXJ5LmV4dGVuZChkLm9wdGlvbnMse3N1Y2Nlc3M6ZnVuY3Rpb24oYSxjKXtmdW5jdGlvbiBiKCl7dmFyIGI9alF1ZXJ5KGEpLmNsb3Nlc3QoIi5tZWpzX19pbm5lciIpO2EucGF1c2VkPyhiLmFkZENsYXNzKCJwYXVzaW5nIiksc2V0VGltZW91dChmdW5jdGlvbigpe2IuZmlsdGVyKCIucGF1c2luZyIpLnJlbW92ZUNsYXNzKCJwbGF5aW5nIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGF1c2VkIil9LDEwMCkpOmIucmVtb3ZlQ2xhc3MoInBhdXNlZCIpLnJlbW92ZUNsYXNzKCJwYXVzaW5nIikuYWRkQ2xhc3MoInBsYXlpbmciKX1iKCk7YS5hZGRFdmVudExpc3RlbmVyKCJwbGF5IixiLCExKTsKYS5hZGRFdmVudExpc3RlbmVyKCJwbGF5aW5nIixiLCExKTthLmFkZEV2ZW50TGlzdGVuZXIoInBhdXNlIixiLCExKTthLmFkZEV2ZW50TGlzdGVuZXIoInBhdXNlZCIsYiwhMSk7Zy5hdHRyKCJhdXRvcGxheSIpJiZhLnBsYXkoKX19KSl9dmFyIGc9alF1ZXJ5KHRoaXMpLmFkZENsYXNzKCJkb25lIiksYzsoYz1nLmF0dHIoImlkIikpfHwoYz0ibWVqcy0iK2cuYXR0cigiZGF0YS1pZCIpKyItIithLmMrKyxnLmF0dHIoImlkIixjKSk7dmFyIGQ9e29wdGlvbnM6e30scGx1Z2luczp7fSxjc3M6W119LGUsaDtmb3IoZSBpbiBkKWlmKGg9Zy5hdHRyKCJkYXRhLW1lanMiK2UpKWRbZV09alF1ZXJ5LnBhcnNlSlNPTihoKTtiKCl9KX0oalF1ZXJ5KX0pO2EuZ3N8fCgidW5kZWZpbmVkIiE9PXR5cGVvZiBtZWpzY3NzJiZhLmNzc2xvYWQobWVqc2NzcyksYS5ncz1qUXVlcnkuZ2V0U2NyaXB0KG1lanNwYXRoLGZ1bmN0aW9uKCl7YS5ncz0hMDthLmluaXQoKTtqUXVlcnkoYS5pbml0KTtvbkFqYXhMb2FkKGEuaW5pdCl9KSl9KSgpOy8qXV0+Ki88L3NjcmlwdD4=&#034;&gt;&lt;/div&gt; &lt;/figure&gt;
&lt;/div&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Politique &#224; Savi&#232;se : 1920-1972</title>
		<link>https://patwe.ch/saviese/spip.php?article12</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article12</guid>
		<dc:date>2007-07-22T07:40:34Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;Sollicit&#233; par un &#233;tudiant, le pr&#233;sident de Savi&#232;se d'alors, Clovis Luyet, brosse un portrait de la politique &#224; Savi&#232;se de 1920 &#224; 1972.&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique6" rel="directory"&gt;Histoire&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;div class=&#034;spip_document_24 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;11&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-24 mejs__retroplayer&#034; data-id=&#034;91cdb7007d02e604d4dfcbb14f1aa119&#034; src=&#034;IMG/mp3/1920-1924.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1920-1924
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_25 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;11&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-25 mejs__retroplayer&#034; data-id=&#034;dc8760bcd3fe22d91b62cacdca2f17b3&#034; src=&#034;IMG/mp3/1928-1932.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1928-1932
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_26 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;11&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-26 mejs__retroplayer&#034; data-id=&#034;f35a1c330b0a92d3c24dfbbfa302c104&#034; src=&#034;IMG/mp3/1933-1934.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1933-1934
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_27 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;49&#034; data-legende-lenx=&#034;x&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-27 mejs__retroplayer&#034; data-id=&#034;a9794761bd945061407b22086f51a644&#034; src=&#034;IMG/mp3/1935_-_Emergence_des-fractions-du-parti-d-entente.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1935-Emergence des fractions du parti d'entente
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_28 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;6&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-28 mejs__retroplayer&#034; data-id=&#034;3b8fffe9f1a5ce6cb83ce9ddf8fb314c&#034; src=&#034;IMG/mp3/1936.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1936
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_29 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-29 mejs__retroplayer&#034; data-id=&#034;c16be2ac682529099ab1a6dd749301d5&#034; src=&#034;IMG/mp3/1940.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_30 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;11&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-30 mejs__retroplayer&#034; data-id=&#034;81725015e91554d78dc6b364e010f51a&#034; src=&#034;IMG/mp3/1944-1948.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1944-1948
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_31 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;11&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-31 mejs__retroplayer&#034; data-id=&#034;ddb5d856fd63ba3b2b151b11c9ce579e&#034; src=&#034;IMG/mp3/1952-1955.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1952-1955
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_32 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;6&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-32 mejs__retroplayer&#034; data-id=&#034;4281c604cd0e89f13edb29412e858ddc&#034; src=&#034;IMG/mp3/1956.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1956
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_33 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;16&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-33 mejs__retroplayer&#034; data-id=&#034;d73700051b17ec345706421f593efed2&#034; src=&#034;IMG/mp3/1962-1964-1967.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1962-1964-1967
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_34 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;25&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-34 mejs__retroplayer&#034; data-id=&#034;9d1b40ad55908152c2568a202cafd365&#034; src=&#034;IMG/mp3/1964-1968-Andr-Reynard-2.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1964-1968-Andr&#233;-Reynard
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_35 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;26&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-35 mejs__retroplayer&#034; data-id=&#034;c67aa802e26907688f2800188df89d5b&#034; src=&#034;IMG/mp3/1968-liste-Andr-Reynard.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1968-Liste-Andr&#233;-Reynard
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_36 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;6&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-36 mejs__retroplayer&#034; data-id=&#034;b5a46843748020873b81b69cc099ab05&#034; src=&#034;IMG/mp3/1968.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1968
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_37 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;20&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-37 mejs__retroplayer&#034; data-id=&#034;a4189ce9964c0618d00f3d2578609638&#034; src=&#034;IMG/mp3/1972-1e-partie.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1972 - 1&#232;re partie
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_38 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;16&#034; data-legende-lenx=&#034;&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-38 mejs__retroplayer&#034; data-id=&#034;4bcb70bbc8e3c71681589bcea9c70fb2&#034; src=&#034;IMG/mp3/1972-2e-partie.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;1972-2&#232;-partie
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_39 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;32&#034; data-legende-lenx=&#034;x&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-39 mejs__retroplayer&#034; data-id=&#034;8872264ea336e026b299467632041c1d&#034; src=&#034;IMG/mp3/general-1-pouvoir-du-president.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;general-1-pouvoir du president
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_40 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;42&#034; data-legende-lenx=&#034;x&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-40 mejs__retroplayer&#034; data-id=&#034;8547190e3bde4039b622d2a2a34664b1&#034; src=&#034;IMG/mp3/general-2-deputes-saviesans-de-l-entente.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;general-2 d&#233;put&#233;s savi&#233;sans de l'entente
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_41 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;38&#034; data-legende-lenx=&#034;x&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-41 mejs__retroplayer&#034; data-id=&#034;0f2ed520b95df010a6b44397694150f1&#034; src=&#034;IMG/mp3/general-3-juge-de-paix-de-la-commune.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;general-3 juge de paix de la commune
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_42 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;33&#034; data-legende-lenx=&#034;x&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-42 mejs__retroplayer&#034; data-id=&#034;41f3087a87fe7edbbf58f00371e74c8b&#034; src=&#034;IMG/mp3/general-4-legislatif-et-executif-a-Saviese.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;genera-4 l&#233;gislatif et ex&#233;cutif
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_43 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;53&#034; data-legende-lenx=&#034;x&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-43 mejs__retroplayer&#034; data-id=&#034;55cfa3ffb32512fbfdc6232c3f4d9a4f&#034; src=&#034;IMG/mp3/general-5-assemblee-primaire-ou-alors-bourgoisiale.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;general-5 assembl&#233;e primaire ou alors bourgeoisiale
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_44 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;78&#034; data-legende-lenx=&#034;xx&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-44 mejs__retroplayer&#034; data-id=&#034;15d6b1997ab4a99757ed2e50de328d3a&#034; src=&#034;IMG/mp3/general-6-proprosition-de-conseil-general-pour-remplacer-l-assemblee-primaire.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;general-6 proposition de conseil g&#233;n&#233;ral pour remplacer l'assembl&#233;e primaire
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div class=&#034;spip_document_45 spip_document spip_documents spip_document_audio spip_document_avec_legende spip_document_player spip_documents_player spip_doc_player&#034; data-legende-len=&#034;33&#034; data-legende-lenx=&#034;x&#034;
&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-45 mejs__retroplayer&#034; data-id=&#034;e34630a2be531daa2f6d6099dc2abffa&#034; src=&#034;IMG/mp3/general-7-nombre-de-conseillers.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre '&gt;&lt;strong&gt;general-7 Nombre de conseillers
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Emission &#034;All&#244; Colette&#034; sur Savi&#232;se</title>
		<link>https://patwe.ch/saviese/spip.php?article10</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article10</guid>
		<dc:date>2007-03-17T08:56:44Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;Le journaliste d' &#034;All&#244; Colette&#034; se prom&#232;ne &#224; St Germain,&lt;br&gt;
et interroge les personnalit&#233;s du villages, ou autres...&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique2" rel="directory"&gt;Archives Radio&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Clovis Luyet : Pr&#233;sident
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Georges P&#233;lissier : Gendarme
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Fernand Luyet : Instituteur&lt;/p&gt;
&lt;div class=&#034;spip_document_87 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-87 mejs__retroplayer&#034; data-id=&#034;9de043909f435fefb91d0dae6c734c13&#034; src=&#034;IMG/mp3/emission-sur-saviese-1-clovis-luyet-george-pelissier-fernand.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le cur&#233; Charles Mayor pr&#233;sente sommairement la &#034;F&#234;te-Dieu&#034; de Savi&#232;se&lt;/p&gt;
&lt;div class=&#034;spip_document_86 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-86 mejs__retroplayer&#034; data-id=&#034;cb046a53541622c4d286da8a3ee04087&#034; src=&#034;IMG/mp3/emission-sur-saviese-2-clovis-luyet-george-pelissier-fernand.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le mar&#233;chal-f&#233;rand et forgeron Berthousod
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Jean-Charles Grand- L'horlogerie : remontage de mouvements de montre (N'existe plus &#224; Savi&#232;se... depuis quand exactement ?)&lt;/p&gt;
&lt;div class=&#034;spip_document_84 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-84 mejs__retroplayer&#034; data-id=&#034;a07de12d8a85a894b9c91331056fa05b&#034; src=&#034;IMG/mp3/emission-sur-saviese-3.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Paul Reynard : secr&#233;taire communal
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Serge Genolet
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Cyrile H&#233;ritier : Vigneron
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; M. Hercanet
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Mme Roten (cafeti&#232;re) et M. Dubuis (confection) : Les prix&lt;/p&gt;
&lt;div class=&#034;spip_document_85 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-85 mejs__retroplayer&#034; data-id=&#034;a8aa976c9c0e8e9cd8cf2789eff711c7&#034; src=&#034;IMG/mp3/emission-sur-saviese-4.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Pr&#233;sentation de &#034;La cuisine des mayens&#034;</title>
		<link>https://patwe.ch/saviese/spip.php?article9</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article9</guid>
		<dc:date>2007-03-17T08:52:50Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;S&#233;rie d'&#233;missions radio sur la cuisine des Mayens &lt;br&gt;&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique1" rel="directory"&gt;La Cuisine des Mayens&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_chapo'&gt;&lt;p&gt;Les mayens = les chalets qu'on occupait avec le b&#233;tail au printemps et en automne, &#224; mi-hauteur entre les habitations et les alpages. Les vaches n'occupaient l'alpage qu'en &#233;t&#233;.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Ces &#233;missions de radio ont &#233;t&#233; enregistr&#233;es et diffus&#233;es en direct sur &#034;Rh&#244;ne FM&#034; tous les samedis de juillet et ao&#251;t 2001.&lt;/p&gt;
&lt;p&gt;Nous les diffusons ici avec l'autorisation expresse de cette station de radio et celle de Maria, bien s&#251;r !&lt;/p&gt;
&lt;p&gt; Pour plus de d&#233;tails et des renseignements sur les recettes ou sur le livre qui pourrait &#234;tre bient&#244;t &#233;dit&#233;, envoyez un courriel &#224; &lt;a &lt;br class='autobr' /&gt;
href=&#034;mailto:maria.mounir@bluewin.ch&#034;&gt;maria.mounir@bluewin.ch&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Emission 1</title>
		<link>https://patwe.ch/saviese/spip.php?article8</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article8</guid>
		<dc:date>2007-03-17T08:49:55Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;&lt;br&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La mont&#233;ee au mayen
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le &#034;coujenadz&#243;&#034;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La confiture &#224; la cr&#232;me
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le pain perdu
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les croques-Monsieur&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique1" rel="directory"&gt;La Cuisine des Mayens&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; L'arriv&#233;e au mayen&lt;/p&gt;
&lt;div class=&#034;spip_document_53 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-53 mejs__retroplayer&#034; data-id=&#034;12d8d1062eedaf78f98a01c053e9235b&#034; src=&#034;IMG/mp3/rhone-fm-maria-1.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le &#034;coujenadzo&#034;&lt;/p&gt;
&lt;div class=&#034;spip_document_52 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-52 mejs__retroplayer&#034; data-id=&#034;c45c74262aa5c9f1c490cbc3605c4942&#034; src=&#034;IMG/mp3/rhone-fm-maria-2-coujenadzo.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La confiture &#224; la cr&#232;me&lt;/p&gt;
&lt;div class=&#034;spip_document_51 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-51 mejs__retroplayer&#034; data-id=&#034;b861b27963d7ef95514848094b1b701b&#034; src=&#034;IMG/mp3/rhone-fm-maria-3-confiture-a-la-creme.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le pain perdu&lt;/p&gt;
&lt;div class=&#034;spip_document_50 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-50 mejs__retroplayer&#034; data-id=&#034;674d7f2dd2a850d2ed254a2bb6449238&#034; src=&#034;IMG/mp3/rhone-fm-maria-4-le-pain-perdu.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le croque monsieur po&#234;l&#233;&lt;/p&gt;
&lt;div class=&#034;spip_document_49 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-49 mejs__retroplayer&#034; data-id=&#034;d542f1699bbd9cdd0b82e73bf4f3f3f9&#034; src=&#034;IMG/mp3/rhone-fm-maria-5-le-croque-monsieur-2.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Emission 2</title>
		<link>https://patwe.ch/saviese/spip.php?article7</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article7</guid>
		<dc:date>2007-03-17T08:48:07Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;&lt;br&gt;Les l&#233;gumes&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique1" rel="directory"&gt;La Cuisine des Mayens&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les l&#233;gumes en g&#233;n&#233;ral&lt;/p&gt;
&lt;div class=&#034;spip_document_54 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-54 mejs__retroplayer&#034; data-id=&#034;1352ac28c61acc333932b8290ac5b3de&#034; src=&#034;IMG/mp3/rhone-fm-maria-6-les-legumes.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les soupe des mayens&lt;/p&gt;
&lt;div class=&#034;spip_document_56 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-56 mejs__retroplayer&#034; data-id=&#034;0e8a369c6d83b03b5e8fd4720b00f0e8&#034; src=&#034;IMG/mp3/la-soupe-des-mayens.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les orties, l'ail, les oignons&lt;/p&gt;
&lt;div class=&#034;spip_document_55 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-55 mejs__retroplayer&#034; data-id=&#034;58f1aa2d796a001a36f937b86fbb3c15&#034; src=&#034;IMG/mp3/epinards-orties-ail-oignons.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Emission 3</title>
		<link>https://patwe.ch/saviese/spip.php?article6</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article6</guid>
		<dc:date>2007-03-16T23:27:10Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;Le fromage dans tous ses &#233;tats&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique1" rel="directory"&gt;La Cuisine des Mayens&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le s&#233;rac&lt;/p&gt;
&lt;div class=&#034;spip_document_59 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-59 mejs__retroplayer&#034; data-id=&#034;391e2c8b3cb15bd082f5543e886099c6&#034; src=&#034;IMG/mp3/rhone-fm-maria-8-le-serac-2.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le s&#233;rac appr&#234;t&#233;&lt;/p&gt;
&lt;div class=&#034;spip_document_57 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-57 mejs__retroplayer&#034; data-id=&#034;137b99a1d7432ea9375342bc1e618965&#034; src=&#034;IMG/mp3/rhone-fm-maria-9-le-serac-apprete-3.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La fondue &#233;conomique&lt;/p&gt;
&lt;div class=&#034;spip_document_58 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-58 mejs__retroplayer&#034; data-id=&#034;08e7a83552a24bd7bdbf159e2b8571f0&#034; src=&#034;IMG/mp3/rhone-fm-maria-10-fondue-economique-4.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le fromage en g&#233;n&#233;ral&lt;/p&gt;
&lt;div class=&#034;spip_document_60 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-60 mejs__retroplayer&#034; data-id=&#034;ee009c28bcdf17661f034cc0c79ceb52&#034; src=&#034;IMG/mp3/rhone-fm-maria-7-le-fromage.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Emission 4</title>
		<link>https://patwe.ch/saviese/spip.php?article5</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article5</guid>
		<dc:date>2007-03-16T23:24:47Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;&lt;br&gt;Les gourmandises dont on pouvait jouir au mayen :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le sucre sous toutes ses formes
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les p&#226;tisseries
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le beurre
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le pain
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La bouillie
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La cr&#232;me et la goutte !&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique1" rel="directory"&gt;La Cuisine des Mayens&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les bonbons
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le sirop
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le sucre Candy
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La m&#233;lasse&lt;/p&gt;
&lt;div class=&#034;spip_document_65 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-65 mejs__retroplayer&#034; data-id=&#034;8c80fd32e579a44da13d5be6adfe04f7&#034; src=&#034;IMG/mp3/01piste1.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La patisserie
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les Merveilles de la Saint Pierre
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le Flon (g&#226;teau aux pommes)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le g&#226;teau &#224; la rhubarbe
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les biscuits
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Travailler &#034;sur le genou&#034;&lt;/p&gt;
&lt;div class=&#034;spip_document_83 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-83 mejs__retroplayer&#034; data-id=&#034;c06cd588b27131c7d29b5213cd2f7563&#034; src=&#034;IMG/mp3/02piste2.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Recette des &#034;cuisses dames&#034;&lt;/p&gt;
&lt;div class=&#034;spip_document_64 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-64 mejs__retroplayer&#034; data-id=&#034;ef9f4a9b9122170f6f2540d2942f5dc0&#034; src=&#034;IMG/mp3/03piste3.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La compote de rhubarbe sauvage
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les &#034;cr&#233;p&#233;s&#034; = galettes aux pommes
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La &#034;merluche&#034; = la morue -&gt; cr&#232;pes &#224; la morue
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le beurre clarifi&#233; pour tartiner le pain&lt;/p&gt;
&lt;div class=&#034;spip_document_66 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-66 mejs__retroplayer&#034; data-id=&#034;9d2b75e3b5bec9e20e76d851e0684454&#034; src=&#034;IMG/mp3/04piste4.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le pudding
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les restes de pain = les &#034;tranches parisiennes&#034;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Avec raisins sec ou fruits&lt;/p&gt;
&lt;div class=&#034;spip_document_63 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-63 mejs__retroplayer&#034; data-id=&#034;d8ba1a1af93d6c4a05d493f97fcdfa7c&#034; src=&#034;IMG/mp3/05piste5.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;La farine
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La bouillie pour b&#233;b&#233; paysanne
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les &#034;ach&#233;lettes&#034; = bouillie &#224; la farine
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La cr&#232;me sucr&#233;e &#224; l'eau-de-vie&lt;/p&gt;
&lt;div class=&#034;spip_document_62 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-62 mejs__retroplayer&#034; data-id=&#034;6bfca3f16bf30265fb507ea38b0c24fe&#034; src=&#034;IMG/mp3/06piste6.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Emission 5</title>
		<link>https://patwe.ch/saviese/spip.php?article4</link>
		<guid isPermaLink="true">https://patwe.ch/saviese/spip.php?article4</guid>
		<dc:date>2007-03-16T23:16:35Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Dzakye Mounir</dc:creator>



		<description>&lt;p&gt;&lt;br&gt;P&#226;tes diverses&lt;/p&gt;

-
&lt;a href="https://patwe.ch/saviese/spip.php?rubrique1" rel="directory"&gt;La Cuisine des Mayens&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les p&#226;tes en g&#233;n&#233;ral&lt;/p&gt;
&lt;div class=&#034;spip_document_70 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-70 mejs__retroplayer&#034; data-id=&#034;01c382881f1a3f297b269cb16d88be6e&#034; src=&#034;IMG/mp3/rhone-fm-maria-11-les-pates-1.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les cornettes du chalet&lt;/p&gt;
&lt;div class=&#034;spip_document_69 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-69 mejs__retroplayer&#034; data-id=&#034;ccac50bf3b7372b474ef027f3156309a&#034; src=&#034;IMG/mp3/rhone-fm-maria-12-les-cornette-du-chalet-2.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les &#034;keuneufles&#034;&lt;/p&gt;
&lt;div class=&#034;spip_document_68 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-68 mejs__retroplayer&#034; data-id=&#034;736bfa7a9c2fcfc70dc2ab4c5a6e09c5&#034; src=&#034;IMG/mp3/rhone-fm-maria-13-les-keuneufle.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les macaronis-patates&lt;/p&gt;
&lt;div class=&#034;spip_document_67 spip_document spip_documents spip_document_audio spip_document_player spip_documents_player spip_doc_player&#034;&gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;mejs-audio-wrapper audio-wrapper mejs-audio-wrapper-skin-retroplayer&#034; style='width:400px;max-width:100%;margin:0 auto;'&gt; &lt;audio class=&#034;mejs mejs-67 mejs__retroplayer&#034; data-id=&#034;5258c766c2621ee12f2956b1bae916c8&#034; src=&#034;IMG/mp3/rhone-fm-maria-14-les-macaronis-patates.mp3&#034; type=&#034;&#034; data-mejsoptions='{&#034;alwaysShowControls&#034;: true,&#034;loop&#034;:false,&#034;audioWidth&#034;:&#034;100%&#034;}' data-mejsplugins='null' controls=&#034;controls&#034; &gt;&lt;/audio&gt;
&lt;/div&gt;&lt;span style=&#034;display: none;&#034;&gt;
&lt;div class=&#034;base64javascript10206612496a2c8538c7a423.59527265&#034; title=&#034;PHNjcmlwdD4vKjwhW0NEQVRBWyovdmFyIG1lanNwYXRoPSdwbHVnaW5zL2F1dG8vcGxheWVyLWYwMzA1LXY0LjAuMi9saWIvbWVqcy9idWlsZC9tZWRpYWVsZW1lbnQtYW5kLXBsYXllci5taW4uanM/MTY1MTU4MDMzOCcsbWVqc2Nzcz0ncGx1Z2lucy9hdXRvL3BsYXllci1mMDMwNS12NC4wLjIvbGliL21lanMvYnVpbGQvbWVkaWFlbGVtZW50cGxheWVyLm1pbi5jc3M/MTY1MTU4MDMzOCc7CnZhciBtZWpzbG9hZGVyOwooZnVuY3Rpb24oKXt2YXIgYT1tZWpzbG9hZGVyOyJ1bmRlZmluZWQiPT10eXBlb2YgYSYmKG1lanNsb2FkZXI9YT17Z3M6bnVsbCxwbHVnOnt9LGNzczp7fSxpbml0Om51bGwsYzowLGNzc2xvYWQ6bnVsbH0pO2EuaW5pdHx8KGEuY3NzbG9hZD1mdW5jdGlvbihjKXtpZigidW5kZWZpbmVkIj09dHlwZW9mIGEuY3NzW2NdKXthLmNzc1tjXT0hMDt2YXIgYj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJsaW5rIik7Yi5ocmVmPWM7Yi5yZWw9InN0eWxlc2hlZXQiO2IudHlwZT0idGV4dC9jc3MiO2RvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoYil9fSxhLmluaXQ9ZnVuY3Rpb24oKXshMD09PWEuZ3MmJmZ1bmN0aW9uKGMpe2pRdWVyeSgiYXVkaW8ubWVqcyx2aWRlby5tZWpzIikubm90KCIuZG9uZSwubWVqc19fcGxheWVyIikuZWFjaChmdW5jdGlvbigpe2Z1bmN0aW9uIGIoKXt2YXIgZT0hMCxoO2ZvcihoIGluIGQuY3NzKWEuY3NzbG9hZChkLmNzc1toXSk7Zm9yKHZhciBmIGluIGQucGx1Z2lucykidW5kZWZpbmVkIj09CnR5cGVvZiBhLnBsdWdbZl0/KGU9ITEsYS5wbHVnW2ZdPSExLGpRdWVyeS5nZXRTY3JpcHQoZC5wbHVnaW5zW2ZdLGZ1bmN0aW9uKCl7YS5wbHVnW2ZdPSEwO2IoKX0pKTowPT1hLnBsdWdbZl0mJihlPSExKTtlJiZqUXVlcnkoIiMiK2MpLm1lZGlhZWxlbWVudHBsYXllcihqUXVlcnkuZXh0ZW5kKGQub3B0aW9ucyx7c3VjY2VzczpmdW5jdGlvbihhLGMpe2Z1bmN0aW9uIGIoKXt2YXIgYj1qUXVlcnkoYSkuY2xvc2VzdCgiLm1lanNfX2lubmVyIik7YS5wYXVzZWQ/KGIuYWRkQ2xhc3MoInBhdXNpbmciKSxzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5maWx0ZXIoIi5wYXVzaW5nIikucmVtb3ZlQ2xhc3MoInBsYXlpbmciKS5yZW1vdmVDbGFzcygicGF1c2luZyIpLmFkZENsYXNzKCJwYXVzZWQiKX0sMTAwKSk6Yi5yZW1vdmVDbGFzcygicGF1c2VkIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGxheWluZyIpfWIoKTthLmFkZEV2ZW50TGlzdGVuZXIoInBsYXkiLGIsITEpOwphLmFkZEV2ZW50TGlzdGVuZXIoInBsYXlpbmciLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2UiLGIsITEpO2EuYWRkRXZlbnRMaXN0ZW5lcigicGF1c2VkIixiLCExKTtnLmF0dHIoImF1dG9wbGF5IikmJmEucGxheSgpfX0pKX12YXIgZz1qUXVlcnkodGhpcykuYWRkQ2xhc3MoImRvbmUiKSxjOyhjPWcuYXR0cigiaWQiKSl8fChjPSJtZWpzLSIrZy5hdHRyKCJkYXRhLWlkIikrIi0iK2EuYysrLGcuYXR0cigiaWQiLGMpKTt2YXIgZD17b3B0aW9uczp7fSxwbHVnaW5zOnt9LGNzczpbXX0sZSxoO2ZvcihlIGluIGQpaWYoaD1nLmF0dHIoImRhdGEtbWVqcyIrZSkpZFtlXT1qUXVlcnkucGFyc2VKU09OKGgpO2IoKX0pfShqUXVlcnkpfSk7YS5nc3x8KCJ1bmRlZmluZWQiIT09dHlwZW9mIG1lanNjc3MmJmEuY3NzbG9hZChtZWpzY3NzKSxhLmdzPWpRdWVyeS5nZXRTY3JpcHQobWVqc3BhdGgsZnVuY3Rpb24oKXthLmdzPSEwO2EuaW5pdCgpO2pRdWVyeShhLmluaXQpO29uQWpheExvYWQoYS5pbml0KX0pKX0pKCk7LypdXT4qLzwvc2NyaXB0Pg==&#034;&gt;&lt;/div&gt; &lt;style&gt;/*
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 &gt; 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__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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/css/img/controls-retroplayer.svg'); mask-image: url('https://patwe.ch/saviese/plugins/auto/player-f0305-v4.0.2/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;
}
&lt;/style&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;br&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>



</channel>

</rss>
