/* Général */		
   
html {
	height: 100%;
	box-sizing: border-box;
}
body {
	background-color: #2e2d35;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	height: 100%;
	line-height: 1.5;
	font-size: 14pt;
	margin: 0;
}

code {
	background: #464646;
	padding: 0.3em 0;
	font-size: 1.1em;
}

input, select, textarea {
	border: 0;
	font-family: 'Montserrat', sans-serif;
	border-bottom: 1px solid #fff;
	padding: 0.6em 0.8em;
	background: #43424a;
	color: #fff;
	outline: 0;
	font-size: 1em;
	margin: 0 0 2em 0;
	width: calc(100% - 1.6em);
	transition-duration: 0.1s;
}

input:hover,
select:hover,
textarea:hover {
	border-bottom: 1px solid #e1c9aa;
}

input:focus,
select:focus,
textarea:focus {
	border-bottom: 1px solid #df9a41;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(https://www.vodio.fr/assets/images/index.svg) !important;
	background-repeat: no-repeat, repeat !important;
	background-position: right .7em top 50%, 0 0 !important;
	background-size: .65em auto, 100% !important;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
}

select[multiple] {
	background-image: unset !important;
}

textarea {
	line-height: 1.8;
}
option {
	padding: 0.3em 0.5em;
	transition-duration: 0.1s;
}

input[type=submit],
.administration #accept,
.administration #acceptepconseil,
.administration #acceptdetails,
.administration #actif_mypassword,
.administration #supprimer_mypassword,
.administration #crop_image,
.administration #transcriptgo,
.administration #delbenef,
.administration #addbenef,
.administration .frameuploadreload {
	cursor: pointer;
	background: #568dbf;
	border-bottom: 0;
	width: 100%;
}

.administration #delbenef,
.administration #addbenef {
	width: fit-content;
}

.administration #transcriptgo {
	margin: 1em 0 0 0;
	transition-duration: 0.1s;
}

.administration #transcriptspeed {
	background: #2e2d35;
	margin-top: 0.8em;
	margin-right: 5px;
	border-bottom: unset;
	cursor: pointer;
	text-align: center;
	width: 40px;
	padding: 0.4em 0 0 0;
	transition-duration: 0.1s;
}

.administration #optparam_show {
	cursor: pointer;
	border-bottom: 0;
	width: 100%;
}

input[type=submit]:hover,
.administration #accept:hover,
.administration #acceptepconseil:hover,
.administration #acceptdetails:hover,
.administration #actif_mypassword:hover,
.administration #supprimer_mypassword:hover,
.administration #crop_image:hover,
.administration #transcriptgo:hover,
.administration #delbenef:hover,
.administration #addbenef:hover,
.administration .frameuploadreload:hover {
	background: #3877b1;
}

.administration #optparam_show:hover {
	background: #49484d;
}

.administration #optparam {
	visibility: hidden;
	height: 0;
}

.nouveaute {
	background: #ff6c00;
	padding: 0.2em 0.6em 0.2em 0.5em;
	margin: 0;
	border-radius: 5px;
	font-size: 0.8em;
	font-weight: bold;
}

.qrcode {
	width: 100px !important;
	margin: 0 !important;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
	opacity: 0.001;
	margin-bottom: 1.5em;
	display: block;
	padding: 0;
	height: 1px;
	width: 1px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label  {
	position: relative;
	padding: 0 1em 0 2.5em;
	line-height: 0;
	cursor: pointer;
	font-size: 0.8em;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: -0.1em;
	width: 1.4em;
	height: 1.4em;
	border: 1px solid #ccc;
	background: #43424a;
	box-shadow: inset 0 1px 3px rgba(0,0,0, 0.1), 0 0 0 rgba(203, 34, 237, 0.2);
	-webkit-transition: all .275s;
	transition: all .275s;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
	border-radius: 0.7em;
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
	content: '✕';
	position: absolute;
	top: 0.55em;
	left: 0.25em;
	font-size: 1.15em;
	color: #fff;
	line-height: 0;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
	content: '';
}

[type="radio"]:checked + label:before {
	background: #ccc;
	outline: 0.3em solid #43424a;
	outline-offset: -0.33em;
}

[type="checkbox"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0) rotate(45deg);
	transform: scale(0) rotate(45deg);
}

[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: 252528;
}

[type="checkbox"]:disabled:checked + label:after,
[type="radio"]:disabled:checked + label:after {
	color: #848484;
}

[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label {
	color: #848484;
}

[type="text"]:disabled {
	opacity: 0.3;
}

.comparatiftable {
	max-width: 100%;
	max-height: 800px;
	overflow: scroll;
	position: relative;
	font-size: 0.7em;
}

.comparatiftable table {
	position: relative;
	border-collapse: separate;
	border-spacing: 0;
}

.comparatiftable td,
.comparatiftable th {
	padding: 0.8em 0.5em;
	text-align: center;
	color: #000;
	background: #fbfbfb;
	border: 1px solid #0000000d;
}

.comparatiftable td a {
	color: #000 !important;
}

.comparatiftable td a:hover {
	color: #4977ae !important;
}

.comparatiftable thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: #61a2ca;
	color: #fff;
	white-space: nowrap;
	box-shadow: 10px 0 20px #00000080;
	cursor: move;
}

.comparatiftable thead th:first-child {
	background: none;
	box-shadow: unset;
	border: unset;
	cursor: auto;
}

.comparatiftable tbody th {
	position: -webkit-sticky;
	position: sticky;
	text-align: left;
	left: 0;
	color: #fff;
	background: #324c92;
}

.comparatiftable tbody th:first-child {
	padding: 0.6em 0.8em !important;
	box-shadow: 0 8px 20px #00000080;
}

.comparatiftable .souscathead {
	background: #304a6a;
	border-left: 4px solid #ffffff85;
}

.comparatiftable .souscat {
	background: #4977ae;
	border-left: 4px solid #ffffff85;
}

.comparatiftable .comparatifvert {
	background: #dbffca;
}

.comparatiftable .comparatifrouge {
	background: #ffcaca;
}

.comparatiftable .comparatiforange {
	background: #ffedca;
}

.comparatiftable .comparatifdetails {
	font-size: 0.9em;
	margin-top: 0.5em;
	color: #000000b0;
}

.comparatiftable .tdempty {
	background-color: #2e2d35;
}

.comparatiftable .drag {
	background-color: #417899;
}

.comparatiftable .over {
	background-color: #417899;
}

.comparatiftableinner .comparatiflegend {
	font-size: 0.8em;
	margin: 1em 0 2em;
	color: #ffffffdb;
}

.comparatiftableinner .comparatiflegend a {
	color: #ffffffdb !important;
}

.comparatiftable th button {
	font-weight: normal;
	font-size: 1.4em;
	padding: 0;
}

.comparatiftable .bulle {
	position: absolute;
	background: #fff;
	color: #000;
	padding: 1em;
	top: 0.5em;
	left: 12.2em;
	box-shadow: 0 0 10px #00000050;
	border-radius: 5px;
	display: none;
	width: 18em;
}

.comparatiftable .bulle:before {
    content:"\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -15px;
}

.marquee {
    width: 100%;
    line-height: 40px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 100s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

	@media (max-width: 1280px) {
		
		code {
			font-size: 0.7em;
		}
		
		[type="checkbox"]:not(:checked),
		[type="checkbox"]:checked,
		[type="radio"]:not(:checked),
		[type="radio"]:checked {
			margin-bottom: 2em;
		}

		[type="checkbox"]:not(:checked) + label:after,
		[type="checkbox"]:checked + label:after,
		[type="radio"]:not(:checked) + label:after,
		[type="radio"]:checked + label:after {
			top: 0.375em;
			left: 0.0645em;
			font-size: 2em;
		}
		
		[type="checkbox"]:not(:checked) + label,
		[type="checkbox"]:checked + label,
		[type="radio"]:not(:checked) + label,
		[type="radio"]:checked + label  {
			font-size: 1.2em;
		}
		
		.comparatiftableinner .filters {
			margin-top: -14em;
		}
		
		.comparatiftable {
			font-size: 1em;
		}
	
	}

	@media (max-device-width: 480px) {
		
		code {
			font-size: 0.5em;
		}

		[type="checkbox"]:not(:checked) + label:after,
		[type="checkbox"]:checked + label:after,
		[type="radio"]:not(:checked) + label:after,
		[type="radio"]:checked + label:after {
			top: 0.49em;
			left: 0.15em;
			font-size: 1.2em;
		}
		
		.comparatiftable {
			font-size: 1.8em;
			max-height: 1340px;
		}
		
		.comparatiftable .souscathead,
		.comparatiftable .souscat {
			border-left: 10px solid #ffffff85;
		}
		
		.comparatiftableinner .filters {
			font-size: 2em;
		}

		.comparatiftableinner .comparatiflegend {
			margin: 2em 0 4em;
		}
	
	}

button {
	background: none;
	border: none;
	outline: none;
	font-family: inherit;
	color: inherit;
	cursor: pointer;
	background-color: transparent;
}

#container {
	margin: 0;
	width: 100%;
}

.clear {
	clear: both;
}

.blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

	@media (max-width: 1680px) {

		body {
			font-size: 12pt;
		}

	}
	
	@media (max-width: 1280px) {

		::-webkit-scrollbar {
			width: 1em;
		}
		::-webkit-scrollbar-button {
			background: #ccc
		}
		::-webkit-scrollbar-track-piece {
			background: #888
		}
		::-webkit-scrollbar-thumb {
			background: #eee
		}​

		body {
			font-size:17pt;
		}

	}

	@media (max-device-width: 480px) {

		body {
			font-size:22pt;
		}

	}
	

/* Titres */

h1, h2, h3, h4, h5 {
	width: 100%;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	margin: 2em 0 1em 0;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 0.8em;
}
h5 {
	font-size: 0.6em;
}

#center_td {
	padding: 3em 0;
}

.center_td {
	background-image: url(https://www.vodio.fr/assets/images/logofond.png);
	background-size: 80%;
	background-position: -20% 0;
	background-repeat: no-repeat;
	min-height: 400px;
}

.noclick {
	pointer-events: none;
}

	@media (max-width: 1280px) {
		
		.center_td {
			background-size: 90%;
			background-position: -20% 10%;
		}
		
	}


/* Liens */

a,
a:active,
a:link,
a:visited {
	color: #51779d;
	border-bottom: 1px dotted #000;
	text-decoration: none;
	transition-duration: 0.1s;
}
a:hover {
	color: #df9a41;
}

.max_container {
	max-width: 1680px;
	margin: 0 auto;
	padding-right: 1em !important;
	padding-left: 1em !important;
}


/* Bouttons */

.button {
	background: #ffa55c;
	color: #000;
}


/* Player */

.audio-player {
	display: none;
	width: 100%;
	height: 4.5em;
	background: #2e2d35;
	position: fixed;
	bottom: 0;
	z-index: 2;
}

.audio-player-inner {
	width: 100%;
	height: 4.5em;
	background: #2e2d35;
}

.audio-player-inner:first-child {
 z-index: 1;
}

.audio-player .bottom_ombragegauche,
.audio-player .bottom_ombragedroite {
	margin-top: -3.5em;
}
	
.audio-player:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	width: 100%;
	max-width: 1700px;
	border-top: 1px solid #3d3d40;
}

.audio-player-inner a {
	color: #fff;
}

.player-pochette {
	width: 5em;
	height: 5em;
	position: absolute;
	bottom: 0;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	aspect-ratio: 1 / 1;
	transition-duration: 0.1s;
	background: #000;
	box-shadow: 0 0 5px #000;
}

.player_one {
	width: 30%;
	float: left;
	height: 4.5em;
}

.player_one a {
	border-bottom: 0;
}

.player_two {
	float: left;
	width: 40%;
	height: 4.5em;
}

.audioplayer-playpause {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
	margin: 0 auto;
	transition-duration: 0.1s;
	background-image: url(https://www.vodio.fr/assets/images/play.png);
	background-position: 55% 50%;
	background-size: 60%;
	background-repeat: no-repeat;
    background-color: #ddd !important;
}

.audioplayer-playing .audioplayer-playpause {    
    background-image: url(https://www.vodio.fr/assets/images/pause.png);
}

.player-controls:not(.audioplayer-playing) .audioplayer-playpause:hover {
    background-color: #fff !important;
	filter: grayscale(0.5);
}

.audioplayer-playing .audioplayer-playpause:hover {
    background-color: #fff !important;
	filter: grayscale(0.5);
}

.secback,
.secforw {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #555363 !important;
    border-radius: 50%;
	color: #fff;
    cursor: pointer;
	font-size: 0.8em;
	margin: 0 1em;
	transition-duration: 0.1s;
}
.secback:hover,
.secforw:hover {
    background: #6b6977 !important;
}

.player_two .btn_playlist {
	cursor: pointer;
	border-radius: 7px;
	font-size: 0.8em;
	transition-duration: 0.1s;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	float: unset;
}

.player_two .btn_speed {
	display: none;
	cursor: pointer;
	border-radius: 7px;
	font-size: 0.8em;
	transition-duration: 0.1s;
	width: 40px;
}

.player_three {
	width: 30%;
	float: left;
	height: 4.5em;
	line-height: 1.2;
}

.player_three .playlist,
.player_three .favoris,
.player_three .fermerplayer {
	cursor: pointer;
	border-radius: 7px;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://www.vodio.fr/assets/images/playlistbtn.png);
	width: 31px;
	height: 24px;
	transition-duration: 0.1s;
	margin: 0 0 0 0.2em;
}

.player_three .favoris {
	background-image: url(https://www.vodio.fr/assets/images/favorisbtn.png);
}

.player_three .fermerplayer {
	background-image: url(https://www.vodio.fr/assets/images/fermerplayerbtn.png);
}

.player_three .playlist[data-activ='off'],
.player_three .favoris[data-activ='off'] {
	filter: opacity(0.3);
	cursor: auto;
}

.player_three .on {
	background-color: #49bde2;
}

.player_three .speed:hover,
.player_three .playlist:hover,
.player_three .favoris:hover,
.player_three .fermerplayer:hover {
    background-color: #6b6977 !important;
}

.player_three .popup {
	display: none;
	position: absolute;
	color: #000;
	background: #fff;
	width: fit-content;
	margin: 0;
	padding: 0.1em 0.5em;
	border-radius: 0.5em;
	opacity: 0.8;
	font-size: 0.8em;
	right: 15em;
}

.player-titre {
	font-size: 0.7em;
	margin-left: 8em;
	position: absolute;
	top: 0.4em;
	width: 30em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.player-infos {
	font-size: 0.7em;
	margin-left: 8em;
	position: absolute;
	bottom: 0.8em;
	width: 30em;
}

.player-infos a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	bottom: 1em;
	position: absolute;
}

.player-infos span {
	font-size: 0.6em;
}

.player-controls {
	text-align: center;
	padding-top: 7px;
	height: 50px;
	align-items: center;
	display: flex;
	width: fit-content;
	margin: 0 auto;
}

.player_list {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 20px;
	width: 500px;
	max-height: 500px;
	background-color: #2e2d35;
	box-shadow: 0 0 30px #000;
	overflow: auto;
	padding: 0.6em;
	font-size: 0.8em;
	line-height: 1.5;
	z-index: 1;
}

.player_list_item {
	display: table;
	border-bottom: 1px solid #3d3d40;
	padding: 0.9em 0 0.9em 0;
}	

.player_list_item button {
	text-align: center;
	padding: 0 1.8em 0 1.3em;
	width: 20px;
	height: 20px;
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
	transition-duration: 0.1s;
}

.player_list_item .btnlink,
.player_list_snd button {
	width: 100%;
	height: auto;
	text-align: left;
	font-size: 1em;
	padding: 0;
}

.player_list_snd button {
	padding: 0.7em 0.3em 0.7em;
}

.del_playlist {
	background-image: url(https://www.vodio.fr/assets/images/playlistremove.png);
	transition-duration: 0.1s;
}

.del_playlist:hover {
	background-image: url(https://www.vodio.fr/assets/images/playlistremoveon.png);
}

.del_favoris {
	background-image: url(https://www.vodio.fr/assets/images/favorisremove.png);
	transition-duration: 0.1s;
}

.del_favoris:hover {
	background-image: url(https://www.vodio.fr/assets/images/favorisremoveon.png);
}

.player_list_item div:first-child {
	width: auto;
	color: transparent;
}

.player_list_item div {
	display: table-cell;
	padding: 0.1em 0.3em;
	cursor: pointer;
	vertical-align: middle;
	width: 100%;
	transition-duration: 0.1s;
}

.player_list_item div:hover {
	background-color: #43424a;
}

.player_list_item div span {
	float: left;
	width: 100%;
	font-size: 0.7em;
	margin: 0.3em 0;
}

.totalplaylist {
	margin-top: 2em;
	text-align: right;
}

.player_list_snd {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 20px;
	width: 400px;
	max-height: 500px;
	background: #2e2d35;
	box-shadow: 0 0 30px #000;
	overflow: auto;
	padding: 0.6em 0.9em;
	font-size: 0.8em;
	line-height: 1.5;
	transition-duration: 0.1s;
	z-index: 1;
}

.player_list_snd_item {
	padding: 0.7em 0.3em 0.7em;
	cursor: pointer;
	width: 100%;
	float: left;
	border-bottom: 1px solid #3d3d40;
	transition-duration: 0.1s;
}

.player_list_snd_item:hover {
	background-color: #43424a;
}

.player_list_snd_item span {
	float: left;
	width: 100%;
	font-size: 0.7em;
	margin: 0.3em 0;
}

.player_list .remove {
	width: 2%;
	float: left;
}

.player_list_close {
	position: fixed;
	color: #fff;
	padding: 0 0.3em 0.1em 0.3em !important;
	font-size: 1.3em !important;
	right: 2.2em;
	cursor: pointer;
	transition-duration: 0.1s;
	background: #5b5964 !important;
	border-radius: 0.2em;
	margin-top: 0.5em;
	width: auto !important;
}

.player_list_close:hover {
	color: #49bde2;
}

	@media (max-width: 1680px) {
		
		.player-controls {
			padding-top: 4px;
		}
		
		.player_three {
			line-height: 1.3;
		}
		
		.player_three .playlist,
		.player_three .favoris,
		.player_three .fermerplayer {
			height: 21px;
			background-size: 47%;
		}
		
	}

	@media (max-width: 1280px) {
		
		.audio-player {
			height: 8em;
		}
		
		.player-pochette {
			width: 9em;
			height: 9em;
		}
		
		.player_one,
		.player_three {
			width: 20%;
		}
		
		.player_two {
			width: 60%;
		}
		
		.player_three {
			padding-top: 1em;
		}
		
		.player_three .popup {
			font-size: 1.2em;
			right: 1em;
			bottom: 4em;
		}
		
		.player-titre,
		.player-infos {
			display: none;
		}
		
		.player_list,
		.player_list_snd {
			font-size: 1.5em;
			width: 600px;
			max-height: 800px;
		}
		
		.player_list_snd {
			width: 650px;
			bottom: 160px;
		}
		
		.player_list {
			width: 800px;
			bottom: 160px;
		}
		
		.player-controls {
			padding-top: 20px;
		}
		
		.audioplayer-playpause {
			width: 58px;
			height: 58px;
		}
		
		.player_two .btn_playlist {
			background-size: 80%;
		}
		
		.secback,
		.secforw {
			font-size: 1em;
			width: 50px;
			height: 50px;
		}
		
		.player_two .btn_speed {
			font-size: 1.5em;
		}
		
		.player_three .playlist,
		.player_three .favoris,
		.player_three .fermerplayer {
			width: 3em;
			height: 2.5em;
			background-size: 60%;
		}
		
	}
	
	@media (max-width: 1280px) and (orientation: landscape) {
		
		.player_list,
		.player_list_snd {
			font-size: 1.5em;
			width: 600px;
			max-height: 300px;
			bottom: 140px;
		}
		
		.player_list_snd {
			width: 480px;
		}
		
	}

	@media (max-device-width: 480px) {
		
		.audio-player {
			font-size: 1.7em;
			height: 4em;
		}
		
		.player_one {
			width: 0%;
		}
		
		.player_three {
			width: 30%;
			padding-top: 0;
		}
		
		.player_three .popup {
			font-size: 0.8em;
			right: 1em;
			bottom: 6em;
		}
		
		.audio-player .bottom_ombragegauche,
		.audio-player .bottom_ombragedroite {
			margin-top: -206px;
		}
		
		.player_one {
			display: none;
		}
		
		.player_two {
			width: 70%;
		}
		
		.player_two .btn_playlist {
			margin-top: 0.2em;
		}
		
		.player_two .btn_speed {
			font-size: 0.5em;
		}
		
		.audioplayer-playpause {
			width: 65px;
			height: 65px;
		}
		
		.secback,
		.secforw {
			font-size: 0.4em;
			padding: 0.4em;
			margin: 0 0.8em;
		}
		
		.player-controls {
			padding-top: 15px;
			zoom: 1.5;
			margin: 0.1em auto 0.3em;
		}
		
		.player_three .speed {
			padding: 0.2em 0.2em;
		}
		
		.player_three .playlist,
		.player_three .favoris,
		.player_three .fermerplayer {
			width: 60px;
			height: 64px;
			background-size: 75%;
			margin: -2.5em 0 0 0;
		}
		
		.player_list,
		.player_list_snd {
			bottom: 150px;
			zoom: 1.7;
		}
		
		.player_list {
			width: 82%;
			padding: 0.5em 1em;
			font-size: 0.8em;
			max-height: 650px;
		}
		
		.player_list_snd {
			width: 60%;
			font-size: 0.8em;
			max-height: 650px;
		}
		
		.player_list_close {
			right: unset;
			margin: -1.5em 0 0 -0.7em;
			box-shadow: 0 0 30px #000;
			border-radius: 0;
		}
		
	}
	

/* Formulaire de contact, répondeur et recherche */

#contacta, #repondeura {
	display: none;
    width: 100%;
    height: 700px;	
	background-color: #2e2d35;
	border-bottom: 1px solid #3d3d40;
}

#recherchea {
	display: none;
	position: absolute;
	width: 30em;
	height: auto;
	border-bottom: 0;
	margin-top: 1em;
	margin-left: calc(1680px - 30em - 1.6em);
	box-shadow: 0 0 30px #000;	
	background: url(https://www.vodio.fr/assets/images/iconsearch.png), #43424a;
	background-size: auto 50%;
	background-position: 98% 50%;
	background-repeat: no-repeat;
	z-index: 1;
}

#rechercheresults {
	display: none;
	position: absolute;
	width: 50em;
	height: auto;
	max-height: 450px;
	overflow: auto;
	border-bottom: 0;
	margin-top: 5em;
	margin-left: calc(1680px - 50em);
	background: #2e2d35;
	box-shadow: 0 0 30px #000;
	z-index: 1;
}

#rechercheresults ul {
	margin: 0;
	padding: 0;
}

#rechercheresults li {
	list-style: none;
	margin: 0;
	padding: 0.5em 0.7em;
	cursor: pointer;
	transition-duration: 0.1s;
	font-size: 0.9em;
}

#rechercheresults li:hover {
	background: #43424a;
}

#rechercheresults li a {
	color: #fff;
	border-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

#input_faq {
	background: url(https://www.vodio.fr/assets/images/iconsearch.png), #43424a;
	background-size: auto 50%;
	background-position: 98% 50%;
	background-repeat: no-repeat;
	font-size: 0.8em;
}

#reponse_faq {
	display: none;
	margin: 0;
}

#reponse_faq ul {
	margin: 0;
	list-style: unset;
	margin-left: 1em;
}

#reponse_faq li {
	font-size: 1em;
	padding: 0.2em 0;
}

.contact_faq_input {
	width: 22em;
}

.contact_faq_reponse ul {
	padding-left: 0;
	list-style: inside !important;
	margin: -0.5em 0 2em 0 !important;
	text-align: left;
}

.contacta_close,
.repondeura_close {
	color: #fff;
	padding: 0 0.3em 0.1em 0.3em;
	right: 2.2em;
	cursor: pointer;
	transition-duration: 0.1s;
	background: #5b5964;
	border-radius: 0.2em;	
	position: inherit;
	width: fit-content;
	float: right;
	font-size: 1em;
	margin-top: 2em;
	transition-duration: 0.1s;
}

.contacta_close:hover,
.repondeura_close:hover {
	color: #49bde2;
}

.formulairemailombres {
	margin-top: 0 !important;
}

.formulairemail_frame {
    width: 100%;
	height: 600px;
}

.formulairemail_content {
	font-size: 0.8em;
}

.formulairemail_content textarea {
	height: 65px;
	resize: none;
}

.formulairemail_content_inputwidthdim {
	width: 10em !important;
}

.formulairemail_error {
	border: 1px solid #F00 !important;
}

.formulairemail_content .rgpd,
.formulairemail_content .rgpdrecord {
	font-size: 0.7em;
}

.formulairemail_content .copyright {
	font-size: 0.7em;
	text-align: left;
}

.formulairemail_success {
    font-size: 1.2em;
}

.formulairemail_content .btn-record ,
.formulairemail_content .btn-send {
	background: #568dbf;
	height: auto;
	border: 0;
	font-family: 'Montserrat', sans-serif;
	padding: 0.6em 0.8em;
	color: #fff;
	outline: 0;
	font-size: 1em;
	margin: 0 0 2em 0;
	width: 100%;
	cursor: pointer;
	transition-duration: 0.1s;
}

.formulairemail_content .btn-record-on {
	background: #ffa75f;
}

.formulairemail_content audio {
	display: none;
	width: 100%;
}

.formulairemail_content .progress {
	display: none !important;
}

.formulairemail_content .mailinput,
.formulairemail_content .btn-send,
.formulairemail_content .rgpdrecord {
	display: none;
}

	@media (max-width: 1680px) {
		
		#recherchea {
			width: 50%;
			right: 1.35em;
			margin-left: 0;
			font-size: 1.3em;
		}
		
		#rechercheresults {
			width: 80%;
			right: 2em;
			margin-left: 0;
			margin-top: 6em;
		}
		
		#rechercheresults li {
			padding: 0.8em 2em;
			font-size: 1.3em;
		}
		
	}

	@media (max-width: 1280px) {
		
		/* Formulaire de contact, répondeur et recherche */
		
		#contacta, #repondeura {
			height: 960px;
		}
		
		#input_faq {
			font-size: 1.2em;
		}
		
		#reponse_faq ul {
			margin-left: 1.2em;
		}
		
		.formulairemailombres {
			margin-top: 10px !important;
		}
		
		.formulairemail_content {
			font-size: 1.4em;
		}
		
		.formulairemail_frame {
			height: 830px;
		}
		
		.contacta_close,
		.repondeura_close {
			font-size: 2em;
			margin-top: 1em;
		}
		
		.formulairemail_content .rgpd {
			font-size: 0.8em;
		}
		
		.record_first audio {
			margin: -1em 0;	
		}
		
		.formulairemail_content .rgpdrecord {
			font-size: 0.8em;
			margin: -2em 0 -1.5em 0;
		}
		
		.formulairemail_content .copyright {
			font-size: 0.8em;
		}
		
	}
	
	@media (max-width: 1280px) and (orientation: landscape) {
		
		#rechercheresults {			
			max-height: 280px;			
		}
		
	}

	@media (max-device-width: 480px) {
		
		/* Formulaire de contact, répondeur et recherche */
		
		#contacta, #repondeura {
			height: 1630px;
		}
		
		#recherchea {
			width: calc(100% - 2.5em);
			left: 0.5em;
			font-size: 1.3em;
		}
		
		#rechercheresults {
			width: calc(100% - 1em);
			left: 0.5em;
			max-height: 950px;
		}
		
		#rechercheresults li {
			font-size: 0.6em;
		}
		
		#input_faq {
			font-size: 1.3em;
		}
		
		#reponse_faq li {
			font-size: 1.5em;
		}
		
		.contact_faq_reponse li {
			font-size: 1em !important;
		}
		
		.contact_faq_input {
			width: calc(100% - 1.6em);
			font-size: 3em !important;
		}
		
		.formulairemailombres {
			margin-top: -35px !important;
		}
		
		.formulairemail_content {
			font-size: 1.4em;
		}
		
		.formulairemail_frame {
			height: 1540px;
		}
		
		.contacta_close,
		.repondeura_close {
			font-size: 2em;
			margin-top: 1em;
		}
		
		.formulairemail_content .rgpd {
			font-size: 0.6em;
		}
		
		.record_first audio {
			zoom: 2;
			margin: -1em 0;	
		}
		
		.formulairemail_content .rgpdrecord {
			font-size: 0.3em;
			margin: -10em 0 -5em 0;
		}
		
		.formulairemail_content .copyright {
			font-size: 1.5em;
		}
		
	}


/* Frameplay */

#container_frameplayer_surdiv {
	height: 100%;
}

#container_frameplayer {
	margin: 0;
	width: 100%;
	font-size: 13px;
	background: #2E2D35E6;
	top: calc(50% - 90px);
	position: relative;
}

.frameplayer_playlist {
	top: calc(50% - 240px) !important;
}

#container_frameplayer .vodiologo {
	position: absolute;
	right: 0;
	top: 105px;
	margin: 1.5em 3em;
	cursor: pointer;
	display: none;
}

#container_frameplayer .vodiologo img {
	width: 4em;
}

#container_frameplayer .frame_logo {
	width: 180px;
	height: 180px;
	float: left;
	margin-right: 20px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0 0 15px #00000047;
}

#container_frameplayer #frame_inter {
	height: 180px;
}

#container_frameplayer .frame_content {
	height: 80px;
	max-height: 80px;
	overflow: auto;
}

#container_frameplayer #frame_abonnements img {
	width: 25px;
	padding: 10px;
	background: #FFFFFFE3;
	border-radius: 10px;
	margin: 10px 10px 0 0;
}

#container_frameplayer .button {
	margin: 0 0 0 0;
	text-align: center;
	vertical-align: middle;
	border: 0 !important;
	color: #fff !important;
	padding: 6px 9px !important;
	cursor: pointer;
	height: auto !important;
	width: 135px;
	font-weight: normal !important;
	border-radius: 4px;
	filter: var(--filterinvertclassic);
	text-shadow: none;
	background: #3b67b0;
	font-size: 0.9em;
}

#container_frameplayer .button img {
	margin: 0 4px -1px 0;
}

#container_frameplayer .buttonb {
	background: #fff;
	color: #000 !important;
	box-shadow: 1px 1px 0 inset #00000020, -1px -1px 0 inset #00000020, -1px 1px 0 inset #00000020, 1px -1px 0 inset #00000020;
}

#container_frameplayer #frame_links {
	float: right;
	z-index: 3;
	position: relative;
	font-size: 13px;
	right: -7px;
	top: 7px;
}

#container_frameplayer #frame_links:hover {
	cursor: pointer;
}

#container_frameplayer #frame_links a {
	background: #0000004F;
	padding: 15px 20px 9px 15px;
	border-radius: 6px;
	color: #fff;
}

#container_frameplayer h1 {
	margin: 0px 0px 5px;
	padding-top: 12px;
	z-index: 2;
	position: relative;
	font-size: 16px;
	height: 20px;
	max-height: 20px;
	width: auto;
	text-transform: none;
	border-bottom: 0;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

#container_frameplayer h2 {
	margin: 0px 0px 15px;
	z-index: 2;
	position: relative;
	font-size: 20px;
	width: auto;
	text-transform: none;
	border-bottom: 0;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

#container_frameplayer a {
	font-size: 85%;
	z-index: 2;
	position: relative;
	color: #fff;
	border-bottom: 0;
	text-decoration: none;
}

#container_frameplayer audio {
	width: calc(100% - 220px - 7em);
	z-index: 2;
	position: relative;
	float: left;
	margin: 6px 7px 0 0;
	height: 40px;
	box-shadow: 0 0 15px #a8a8a847
}

#container_frameplayer_rss {
	position: relative;
	z-index: 1;
	width: 39px;
}

#container_frameplayer .playerone {
	width: fit-content;
	float: left;
	height: 4.5em;
}
		
#container_frameplayer .playerone .audioplayer-playpause {
	width: 48px;
	height: 48px;
}

#container_frameplayer .playerone .playpauseb {
	background-color: #fff !important;
}

#container_frameplayer .playertwo {
	padding: 1em 0;
	width: calc(100% - 180px - 20px - 1.5em);
}

#container_frameplayer .playerthree {
	float: right;
	padding: 0;
	margin: -3.7em 3em 0 0;
}

#container_frameplayer .playerthree .buttonvolb a {
	background-color: #fff;
}

#container_frameplayer .playerthree .buttonvolb a::before {
	border-right: 9px solid #fff;
}

#container_frameplayer iframe {
	margin: 0;
	width: 100%;
	max-height: 400px;
	z-index: 2;
	position: relative;
}

#container_frameplayer #description {
	text-shadow: 0 0 7px #FFF, 0 0 15px #FFFFFF;
	margin: -180px 0 0 0;
	position: absolute;
	z-index: 3;
	background-size: 120%;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
}

#container_frameplayer .description_fond {
	width: calc(100% - 40px);
	padding: 20px;
	background: #FFFFFFF5;
}

#container_frameplayer .description_text {
	height: 110px;
	margin-bottom: 10px;
	overflow: auto;
	color: #000;
}

#container_frameplayer .gris {
	background: #566277;
}

#container_frameplayer .noir {
	background: #020202;
	box-shadow: 1px 1px 0 inset #ffffff20, -1px -1px 0 inset #ffffff20, -1px 1px 0 inset #ffffff20, 1px -1px 0 inset #ffffff20;
}

#container_frameplayer .episodes {
	width: 100%;
	height: 300px;
	max-height: 300px;
	overflow: auto;
	background: #2e2d35c2;
	box-shadow: 0 0 20px #000;
}

#container_frameplayer .episode {
	padding: 0.6em 0.8em;
	cursor: pointer;
	transition-duration: 0.1s;
}

#container_frameplayer .episode:hover {
	background: #43424a;
}

#container_frameplayer .episode a {
	font-size: 1.2em;
}

#container_frameplayer .episode span {
	font-size: 0.9em;
}

	@media (max-width: 700px) {
		
		#container_frameplayer .playertwo {
			visibility: hidden;
			height: 1.6em;
		}
		
	}

	@media (max-width: 600px) {
		
		#container_frameplayer .time {
			padding: 7px 9px 9px !important;
			font-size: 0px;
			display: inline-block;
			width: auto;
		}
		
		#container_frameplayer .time img {
			margin: 0;
		}
		
	}

	@media (max-width: 550px) {
		
		#container_frameplayer .downloadfile {
			content: url('https://www.vodio.fr/assets/images/icontranscript.png');
			width: 14px;
		}
		
	}

	@media (max-device-width: 980px) {
		
		#container_frameplayer h1 {
			font-size: 28px;
			padding-top: 15px;
			height: 28px;
			max-height: 28px;
		}
		
		#container_frameplayer h2 {
			text-align: left;
			font-size: 32px;
			margin: 10px 0 0 0;
			line-height: inherit;
		}
		
		#container_frameplayer #frame_links {
			top: 13px;
		}
		
		#container_frameplayer #frame_links a {
			font-size: 25px;
			padding: 20px 30px 9px 25px;
		}
		
		#container_frameplayer .frame_content {
			height: 55px;
			max-height: 55px;
		}
		
		#container_frameplayer audio {
			width: 75%;
			zoom: 1.3;
		}
		
		#container_frameplayer .frame_button {
			display: none;
		}
		
		#container_frameplayer .playerone  {			
			margin-top: 0.6em;
		}
		
		#container_frameplayer .playertwo  {			
			width: calc(100% - 180px - 20px - 4.5em - 2em);
			margin-top: 1em;
		}
		
		#container_frameplayer .playertwo .audioplayer-time-current,
		#container_frameplayer .audioplayer-time-duration {
			display: none;
		}
		
		
		#container_frameplayer .playerthree {
			margin: -2.9em 8em 0 0;
		}
		
	}

	@media (max-width: 480px) {
		
		#container_frameplayer h1 {
			font-size: 12px;
			padding-top: 15px;
			height: 15px;
			max-height: 28px;
		}
		
		#container_frameplayer h2 {
			text-align: left;
			font-size: 15px;
			margin: 0;
			line-height: inherit;
			-webkit-line-clamp: 3;
			line-clamp: 3;
			line-height: 1.7;
		}
		
		#container_frameplayer #frame_links {
			top: 13px;
		}
		
		#container_frameplayer #frame_links a {
			font-size: 25px;
			padding: 20px 30px 9px 25px;
		}
		
		#container_frameplayer .frame_content {
			height: 55px;
			max-height: 55px;
		}
		
		#container_frameplayer audio {
			width: 75%;
			zoom: 1.1;
		}

		#container_frameplayer .playerone {
			float: unset;
			margin-top: 1.5em;
		}
		
		#container_frameplayer .playerone .player-controls  {			
			zoom: unset;
			transform: scale(0.7);
		}
		
		#container_frameplayer .playertwo {			
			margin-top: -5.2em;
			width: 90%;
			float: right;
			visibility: visible;
		}

		#container_frameplayer .audioplayer-time-duration {
			display: block;
			font-size: 12px;
			margin: 0;
		}

		#container_frameplayer .episodes {
			width: 100%;
		}

		#container_frameplayer .episode a {
			font-size: 1em;
		}

		#container_frameplayer .episode span {
			font-size: 0.8em;
		}

		#container_frameplayer .frame_logo {
			width: 100px;
			height: 100px;
		}
		
		#container_frameplayer .vodiologo, #container_frameplayer .playerthree {
			display: none;
		}

		#container_frameplayer #frame_links {
			top: 160px;
		}

		#container_frameplayer #frame_links a {
			font-size: 10px;
			padding: 6px 15px 6px 10px;
			border-radius: unset;
		}
		
		#container_frameplayer .audioplayer-bar::before,
		#container_frameplayer .audioplayer-bar-loaded,
		#container_frameplayer .audioplayer-bar-played {
			height: 4px !important;
		}
		
		#container_frameplayer .audioplayer-bar-played::after {
			width: 20px;
			height: 20px;
			top: -8px;
		}
		
		#container_frameplayer .audioplayer-bar {
			margin: 0 40px 0 50px;
		}
		
	}


	/* Smartlink */

	.smartlink_page_fond {
		background-color: #000000;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: -1;
		filter: blur(8px)  brightness(30%);
		position: fixed;
		height: 100%;
		width: 100%;
		outline: 10px solid #000;
		outline-offset: 0px;	
	}
	.smartlink_page {
		text-align: center;
		padding-top: 20px;
	}
	.smartlink_page h1 {
		color: #fff;
		border-bottom: 0;
		font-size: 0.9em;
	}
	.smartlink_page a {
		color: #fff;
		border-bottom: 0;
		text-decoration: none;
	}
	.smartlink_page img {
		max-width: 200px;
		border: 3px solid #000000;
		box-shadow: 0px 0px 20px #00000070;
	}
	.smartlink_page input {
		max-width: 250px;
		margin: 0.5em 0 0;
		border-bottom: 0;
		text-align: center;
	}
	.smartlink_page input[type=submit] {
		width: auto;
		margin: 0.5em 0 0;
		border-bottom: 0;
		text-align: center;
	}
	.smartlink_page input[type=submit]:disabled {
		cursor: auto;
		background-color: #252528;
		color: #848484;
	}
	.smartlink_page #retourmail {
		font-size: 0.8em;
		margin-top: 0.7em;
	}
	.smartlink_page .epconseil {
		width: 50px;
		height: 50px;
		margin: 0 auto;
		margin-top: 0.5em;
		background-image: url(https://www.vodio.fr/assets/images/iconplay.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition-duration: 0.1s;
	}
	.smartlink_page .epconseil:hover {
		transform: scale(1.05);
	}
	.smartlink_links {
		background: #f6f6f6;
		max-width: 300px;
		margin: 30px auto 100px auto;
		border-radius: 10px;
		padding: 8px 25px;
	}
	.smartlink_link {
		background: #dfdfdf;
		padding: 15px 15px 25px 15px;
		margin: 15px 0;
		box-shadow: 2px 2px 0px #aaa;
		border-radius: 10px;
		color: #000000;
		cursor: pointer;
	}
	.smartlink_link:hover {
		background: #e6e6e6;
		box-shadow: 3px 3px 0px #aaa;
	}
	.smartlink_link img {
		height: 40px;
		margin: 0 5px -15px 0;
		border: unset;
		box-shadow: unset;
	}
	.smartlink_link_light {
		background: #dfdfdf;
		padding: 5px 15px 8px 15px;
		margin: 15px 0;
		border-radius: 10px;
		color: #000000;
		cursor: pointer;
		font-size: 14px;
	}
	.smartlink_link_light:hover {
		box-shadow: 0 0px 4px #6FAABE;
	}
	.smartlink_link_light img {
		height: 27px;
		margin: 0 5px -8px 0;
		border: unset;
		box-shadow: unset;
	}
	.smartdetails {
		background: #000;
		color: #fff;
		padding: 25px;
		font-size: 0.8em;
		word-break: break-word;
		margin-top: -3em;
	}
	.smartdetails a {
		color: #fff;
	}
	.smartdetails a:hover {
		color: #4fa5dc;
		border-bottom: 1px dotted;
	}
	.smartlink_credits {
		background: #000000;
		color: #777777;
		font-size: 12px;
		width: calc(100% - 40px);
		padding: 20px;
		box-shadow: 0px 0px 20px #000;
		position: fixed;
		bottom: 0;
	}
	.smartlink_credits a {
		color: #a0a0a0;
	}
	.smartlink_frame {
		width: 100%;
		height: 700px;
	}
		
		@media (max-width: 230px) {
			
			.smartlink_link_light span { display: none; }
			.smartlink_link_light img { margin: 0 0 -4px 0; }
			
		}
		
		@media (max-width: 440px) {
			
			.smartlink_link { zoom: 0.8; }
			.smartlink_frame { height: 1500px; }
			.smartlink_link_light { padding: 10px 15px 20px 15px; font-size: 18px; }
			.smartlink_link_light img { height: 32px; margin: 0 5px -9px 0; }
			
		}
		
		@media (max-device-width: 480px) {
			
			.smartlink_page h1 {
				font-size: 1.4em;
			}
			.smartlink_page img {
				max-width: 320px;
			}
			.smartlink_links {
				max-width: 580px;
				padding: 8px 45px;
				border-radius: 20px;
			}
			.smartlink_link {
				padding: 35px 15px 45px 15px;
				margin: 35px 0;
				font-size: 1.4em;
				border-radius: 20px;			
			}
			.smartlink_link img {
				height: 70px;
				margin: 0 15px -23px 0;
			}
			.smartlink_page .smartabo {
				font-size: 1.2em;
			}
			.smartlink_page input {
				max-width: 400px;
				font-size: 1.2em;
			}
			.smartlink_page #retourmail {
				font-size: 1em;
			}
			.smartlink_page .epconseil {
				width: 110px;
				height: 110px;
				margin: 1em 0;
			}
			.smartdetails div {
				transform: scale(0.8);
				margin-top: -1em;
			}
			.smartlink_credits {
				font-size: 25px;
			}
			
		}


	/* Header */
	#header {
		background-color: #fff;
		box-shadow: inset 0 10px 10px #0000003d;
		transition-duration: 0.5s;
	}
	
	#header h1 {
		opacity: 0;
		width: 0;
		position: absolute;
		z-index: -1;
	}
	
	#header .logo {
		width: fit-content;
		float: left;
	}
	
	#header .logo a {
		border-bottom: 0;
	}
	
	#header .logo img {
		width: 8em;
		margin: 0.4em 0;
		transition-duration: 0.5s;
	}
	
	#header .logo img:hover {
		filter: drop-shadow(0 0 1px #00000096);
	}
	
	#header .menu {
		float: right;
		-ms-transform: translateY(110%);
		transform: translateY(110%);
		transition-duration: 0.5s;
	}
	
	#header .menu a, #header .menu button {
		color: #000;
		text-decoration: none;
		font-size: 0.8em;
		font-weight: 600;
		margin: 0 0.3em;
		padding: 0.3em 0.5em;
		border-radius: 5px;
		transition-duration: 0.1s;
		border-bottom: none;
	}
	
	#header .menu a:hover,#header .menu button:hover {
		background: #134e92;
		color: #fff;
	}
	
	#header .menu select {
		font-size: 0.8em;
		font-weight: 600;
		margin: 0 0.3em;
		padding: 0.3em 0;
		border-radius: 5px;
		border-bottom: none;
		background: transparent;
		background-image: unset !important;
		width: fit-content;
		opacity: 0.6;
		cursor: pointer;
		color: #000;
		transition-duration: 0.1s;
	}
	
	#header .menu option {
		color: #000;
	}
	
	#headerbar {
		background: #fff70;
	}
	
	#headerbar:after {
		content: "";
		display: block;
		margin: 0 auto;
		width: calc(100% - 2em);
		max-width: calc(1700px - 2em);
		border-bottom: 1px solid #fff;
	}
	
	.headeraccueil {
		color: #fff;
		background-image: url(https://www.vodio.fr/assets/images/bannerfond.png), url(https://www.vodio.fr/assets/images/logofondheader.png), linear-gradient(to right, #ffa75f 20%, #ffb476 35%, #568dbf 60%, #0062bb 80%);
		background-size: auto, auto 160%, cover;
		background-position: center, 30% 20%;
		background-repeat: repeat, no-repeat;
	}
	
	.headeraccueil #highlight {
		background: #134e92;
		color: #fff;
	}	
	
	.headeraccueil a,
	.headeraccueil button,
	.headeraccueil select {
		color: #fff !important;
	}	

	.header_ombragegauche {
		-webkit-box-shadow: 0 20px 10px rgba(0,0,0, 0.5);
		-moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 0 20px 10px rgba(0, 0, 0, 0.5);
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
		position: absolute;
		z-index: -1;
		width: 50%;
		max-width: 500px;
		height: 20px;
		content: "";
		margin-top: -35px;
		left: 0;
	}
	
	.header_ombragedroite {
		-webkit-box-shadow: 0 20px 10px rgba(0,0,0, 0.5);
		-moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 0 20px 10px rgba(0, 0, 0, 0.5);
		-webkit-transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		-o-transform: rotate(2deg);
		position: absolute;
		z-index: -1;
		width: 50%;
		max-width: 500px;
		height: 20px;
		content: "";
		margin-top: -35px;
		right: 0;
	}
	
	.headertxt {
		text-align: right;
		font-size: 1.6em;
		line-height: 0.3em;
		padding: 1.4em 0 1.8em 0;
		font-weight: 400;
	}
	
	.headertxt p:nth-last-child(2) {
		font-size: 1.7em;
	}
	
	.headertxt p:last-child {
		font-size: 0.4em;
		margin-top: -2em;
	}
	
	.burger,
	.burgerclose,
	#toggle
	{	
		display: none;
		color: #000 !important;
		position: absolute;
		top: 1em;
		right: 1em;
	}

		@media (max-width: 950px) {

			#header .logo {
				float: unset;
			}
			
			#header .logo img {
				margin: 1em 0;
			}
			
			#header .menu {
				padding: 1em;
				font-size: 1.8em;
				box-shadow: 0 0 20px #000;
				-moz-transform: translateX(12em);
				-webkit-transform: translateX(12em);
				-ms-transform: translateX(12em);
				transform: translateX(12em);
				-moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
				-webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
				-ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
				transition: transform 0.45s ease, visibility 0.45s;
				position: fixed;
				top: 0;
				right: 0;
				width: 8em;
				visibility: hidden;
				background: #2e2d35;
				z-index: 999;				
			}
			
			#header .menu a {
				color: #fff;
				display: block;
			}
	
			#headerbar:after {
				border-bottom: 2px solid #fff;
			}
			
			.headertxt {
				text-align: right;
				font-size: 1em;
				line-height: 0.6em;
				padding: 1.4em 0 1.8em 0;
			}
		 
			.burger,
			.burgerclose {
				width: 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: -0.4em auto 0;
				font-size: 2em;
				cursor: pointer;
				position: absolute;
			}
		 
			.burgerclose {
				right: 7em;
				font-size: 1.4em;
				margin-top: -0.7em;
			}
		 
			#toggle:checked + .menu {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
				visibility: visible;
				width: auto;
			}
			
		}

		@media (max-device-width: 480px) {

			#header .logo {
				float: unset;
			}
			
			#header .logo img {
				margin: 1em 0;
			}
			
			#header .menu {
				padding: 1em;
				font-size: 1.8em;
				box-shadow: 0 0 20px #000;
				-moz-transform: translateX(12em);
				-webkit-transform: translateX(12em);
				-ms-transform: translateX(12em);
				transform: translateX(12em);
				-moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
				-webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
				-ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
				transition: transform 0.45s ease, visibility 0.45s;
				position: fixed;
				top: 0;
				right: 0;
				width: 8em;
				visibility: hidden;
				background: #2e2d35;
				z-index: 999;				
			}
			
			#header .menu a {
				color: #fff;
				display: block;
			}
	
			#headerbar:after {
				border-bottom: 2px solid #fff;
			}
			
			.headertxt {
				text-align: right;
				font-size: 1em;
				line-height: 0.6em;
				padding: 1.4em 0 1.8em 0;
			}
		 
			.burger,
			.burgerclose {
				width: 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: -0.4em auto 0;
				font-size: 2em;
				cursor: pointer;
				position: absolute;
			}
		 
			.burgerclose {
				right: 7em;
				font-size: 1.4em;
				margin-top: -0.7em;
			}
		 
			#toggle:checked + .menu {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
				visibility: visible;
				width: auto;
			}
			
		}
	

	/* Bottom */
	#bottom {
		background-color: #fff;
		color: #000;
		padding: 1em 0 1.5em;
		position: relative;
	}
	
	#bottom .logo {
		width: fit-content;
		float: left;
	}
	
	#bottom .logo a {
		border-bottom: 0;
	}
	
	#bottom .logo img {
		width: 6em;
		margin: 0.4em 0;
		-ms-transform: translateY(-20%);
		transform: translateY(20%);
		transition-duration: 0.5s;
	}
	
	#bottom .logo img:hover {
		filter: drop-shadow(0 0 1px #00000096);
	}
	
	#bottom .menu {
		float: right;
	}
	
	#bottom .menu ul {
		list-style: none;
		color: #000;
		float: left;
		font-size: 0.8em;
		line-height: 2;
	}
	
	#bottom .menu li:first-child {
		margin-left: 0.8em;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 0.9em;
	}
	
	#bottom .menu a {
		color: #000;
		text-decoration: none;
		margin: 0.3em;
		padding: 0.3em 0.5em;
		border-radius: 5px;
		text-transform: lowercase;
		transition-duration: 0.1s;
		border-bottom: none;
	}
	
	#bottom .menu a:hover {
		background: #134e92;
		color: #fff;
	}	

	.bottom_ombragegauche {
		-webkit-box-shadow: 0 -20px 10px rgba(0,0,0, 0.5);
		-moz-box-shadow: 0 -20px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 0 -20px 10px rgba(0, 0, 0, 0.5);
		-webkit-transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		-o-transform: rotate(2deg);
		position: absolute;
		z-index: -1;
		width: 50%;
		max-width: 500px;
		height: 20px;
		content: "";
		margin-top: 0;
		left: 0;
	}
	
	.bottom_ombragedroite {
		-webkit-box-shadow: 0 -20px 10px rgba(0,0,0, 0.5);
		-moz-box-shadow: 0 -20px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 0 -20px 10px rgba(0, 0, 0, 0.5);
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
		position: absolute;
		z-index: -1;
		width: 50%;
		max-width: 500px;
		height: 20px;
		content: "";
		margin-top: 0;
		right: 0;
	}
	
	.copyright {
		text-align: center;
		font-size: 0.7em;
		margin-top: 3em;
	}
	
	.copyright p:first-child {
		font-weight: bold;
	}
	
		@media (max-width: 1280px) {
			
			#header .menu {
				margin-top: -0.8em;
			}
			
			#header .menu a, #header .menu button, #header .menu select {
				font-size: 1.2em;
				margin-top: -0.3em;
			}
			
			#bottom .menu ul {
				width: 33%;
				padding: 0;	
				font-size: 1em;				
			}
			
			#bottom .menu li {
				padding: 0 0.5em;
			}
			
			#bottom .menu li:first-child {
				margin: 0;
				padding: 0 1em;
			}
			
			#bottom .menu a {
				margin: 0;
				padding: 0 0.5em;
				display: table;
			}
			
			.copyright {
				font-size: 0.7em;
			}
			
		}

		@media (max-device-width: 480px) {
			
			#header .menu {
				margin-top: unset;
			}
			
			#header .menu a, #header .menu button {
				font-size: 0.8em;
				color: inherit;
				margin: 0.5em 0;
			}
			
			#header .menu select {
				font-size: 0.8em;
				color: inherit;
				padding: 0.3em 0.4em;
				margin: 0.2em 0;
			}
			
			#header .menu button {
				margin: 0.1em 0;
			}

			#bottom .logo {
				display: none;
			}
			
			#bottom .menu {
				float: unset;
				margin: 0 auto;
			}
			
			#bottom .menu a {
				margin: unset;
				padding: 0 0.4em;
			}
			
			#bottom .menu ul {
				text-align: center;
				width: 33%;
				padding: 0;
			}
			
			#bottom .menu li {
				padding: 0;
			}
			
			#bottom .menu a {
				padding: 0;
				display: block;
			}
				
			#bottom .menu li:first-child {
				margin-left: 0;
			}
			
			.bottom_ombragegauche,
			.bottom_ombragedroite {
				margin-top: -12px;
			}
			
			.copyright {
				zoom: 0.5;
				font-size: 1.4em;
			}

		}
	
	
	/* Center */
		
		
	/* Accueil */
	
	.accueil_info {
		width: 70%;
		margin: 7em auto;
		max-width: 1070px;
		border: 2px solid #c4c4c4;
		border-radius: 8px;
		padding: 1em;
	}
	
	.accueil_info a {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	
	.accueil_info a:hover {
		color: #df9a41;
	}
	
	.max_container .accueil_info:nth-child(2) {
		text-align: right;
	}
	
	.accueil1 {
		float: right;
		margin: -3.8em -5em 0 0;
		padding: 1em;
		shape-outside: polygon(28.22% -55px, 33.74% 6.63%, 21.8% 24.18%, 29.8% 33.2%, 16.86% 38.77%, 25.8% 47.74%, 3.43% 82.56%, 37.83% 66.04%, 33.48% 86.8%, 48.5% 70.78%, 47.58% 101.52%, 117.81% 57.84%, 133.18% 37%);
		animation: popIn 0.5s;
		animation-delay: 1s;
		width: 24em;
	}
	
	.accueil2 {
		float: left;
		margin: -3.5em 0 0 -3em;
		padding: 1em;
		shape-outside: polygon(-20.67% 61.98%, 0.37% 93.98%, 51.61% 99.47%, 90.25% 74.16%, 90.55% 39.44%, 71.98% -17.42%);
		animation: popIn 0.2s;
		animation-delay: 2s;
		width: 12em;
	}
	
	.accueil3 {
		float: right;
		margin: -5em -3em 0 0;
		padding: 1em;
		shape-outside: polygon(44.49% -3px, 27.21% 2.41%, 12.88% 17.25%, 13.09% 33.19%, 7.28% 44.08%, 2.55% 71.39%, 13.68% 90.8%, 33.54% 82.42%, 41.89% 93.58%, 57.56% 97.39%, 68.66% 76.56%, 82.29% 67.04%, 97.38% 83.56%, 64.03% -30.24%);
		animation: popIn 0.2s;
		animation-delay: 3s;
		width: 20em;
	}
		
	@keyframes popIn {
		from {transform: scale(0.85); opacity: 1;}
		to {transform: scale(1); opacity: 1;}
	}
	
	.max_accueil {
		width: 70%;
		max-width: calc(1070px + 2em);
		margin: 0 auto 12em;
	}
	
	.accueil_bouton {
		background: linear-gradient(to right, #575566, #36343d);
		padding: 2em 5em;
		border-radius: 8px;
		margin: 0 auto 4em;
		color: #fff !important;
		font-weight: bold;
		width: 70%;
		max-width: 1070px;
		display: block;
		text-align: center;
		border-bottom: 0px !important;
	}
			
	.accueil_bouton:hover {
		color: #df9a41 !important;
	}
	
	.pochette {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: calc(100% / 7 - 1%);
		padding-bottom: calc(100% / 7 - 1%);
		position: relative;
		float: left;
		margin: 0 0.5%;
		transition-duration: 0.1s;
		border-radius: 4px;
	}
	
	.pochette:hover {
		transform: scale(1.05);
	}
	
	
	/* Vodiothèque */
	
	.filters {
		font-size: 0.8em;
		margin-top: -58px;
		float: right;
	}
	
	.filters select,
	.filters input {
		border: 0;
		width: unset;
		margin: 0;
		padding: 0.4em;
	}
	
	.filters select {
		padding: 0.4em 1.4em 0.4em 0.4em;
	}
	
	.filters div {
		float: left;
		margin : 0 0 0 1em;
	}
	
	.filters input[type='number'] {
		width: 50px;
	}
	
	.pochette_vod {
		width: calc(100% / 8 - 1.6%);
		float: left;
		margin: 0.5% 0.5% 2% 0.5%;
		transition-duration: 0.1s;
		padding: 0.3%;
		color: #fff;
	}
	
	.pochette_vod:hover {
		transform: scale(1.05);
		background-color: #43424a;
	}
	
	.pochette_vod_img {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		border-radius: 4px;
		padding-bottom: 100%;
		position: relative;
	}
	
	.pochette_vod_sur_img {
		/* background-image: url('https://www.vodio.fr/assets/images/sur_logo.png'); */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		opacity: 0;
		height: 100%;
		position: absolute;
		transition-duration: 0.1s;
	}
	
	.pochette_vod_img_transcript {
		background: url(https://www.vodio.fr/assets/images/icontranscript.png), #597593;
		background-size: 55%;
		background-position: 35% 50%;
		background-repeat: no-repeat;
		width: 40px;
		height: 40px;
		position: absolute;
		left: 2%;
		top: 76%;
		-webkit-filter: drop-shadow(0 0 2px #00000070);
		filter: drop-shadow(0 0 2px #00000070);
		border-radius: 50%;
	}
	
	.accueil_data .pochette_vod_img_transcript {
		top: 71%;
	}
	
	.annexestranscript {
		width: 1.3em !important;
		border-radius: unset !important;
		background: unset !important;
		border: unset !important;
		margin: 0 0 -5px 0 !important;
	}
	
	.pochette_vod_sur_img:hover {
		/* background-image: url('https://www.vodio.fr/assets/images/sur_logo.png'); */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		aspect-ratio: 1/1;
		opacity: 1;
	}
	
	.pochette_vod_infos span {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		font-weight: normal;
		font-size: 0.5em;
		height: 1.5em;
	}
	
	.pochette_vod_infos span:first-child {
		font-weight: bold;
		font-size: 0.8em;
		margin-top: 0.2em;
	}
	
	.favoris {
		width: 80%;
		float: left;
	}
	
	.pochette_favoris,
	.pochette_ffavoris,
	.pochette_playlist {
		width: 20%;
		padding-bottom: 20%;
		background-position: center;
		background-repeat: no-repeat;
		float: left;
		cursor: pointer;
	}
	
	.pochette_favoris[data-active='on'],
	.pochette_ffavoris[data-active='on'] {
		background-image: url(https://www.vodio.fr/assets/images/favorison.png);
	}
	
	.pochette_favoris[data-active='off'],
	.pochette_ffavoris[data-active='off'] {
		background-image: url(https://www.vodio.fr/assets/images/favorisoff.png);
	}
	
	.pochette_playlist[data-active='on'] {
		background-image: url(https://www.vodio.fr/assets/images/playliston.png);
	}
	
	.pochette_playlist[data-active='off'] {
		background-image: url(https://www.vodio.fr/assets/images/playlistoff.png);
	}
	
	.pochette_favoris:hover,
	.pochette_ffavoris:hover {
		background-image: url(https://www.vodio.fr/assets/images/favoriswait.png) !important;
	}
	
	.pochette_playlist:hover {
		background-image: url(https://www.vodio.fr/assets/images/playlistwait.png) !important;
	}
	
	#nbpage,
	#nbpage_termines {
		visibility: hidden;
		height: 0;
	}
	
	.nbpage {
		border-radius: 2px;
		padding: 0 0.5em;
		border: 1px solid #bfbfbf;
		background: #f2f2f2;
		width: fit-content;
		cursor: pointer;
		float: left;
		margin-left: 0.5em;
		color: #000;
	}
	
	.nbpage:hover {
		border: 1px solid #73717b;
		background: #73717b;
		color: #fff;
	}
	
	.nbpageon {
		border: 1px solid #49bde2;
		background: #49bde2;
		color: #fff;
	}
	
	.podcast_fond {
		background-position: 30% 40%;
		background-repeat: no-repeat;
		background-size: 160%;
		z-index: -4;
		filter: blur(8px) brightness(40%);
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		
	}
	
	.podcast_fond_degrade {
		background-image: linear-gradient(#2e2d35 20%, #2e2d35d1 30%, transparent 70%);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: -3;
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}
	
	.messagedate {
		background: #6d1d1d;
		border-radius: 4px;
		padding: 0.2em 0.5em;
		margin-bottom: 2em;
	}
	
	.podcast_header{
		margin-bottom: 3em;		
		position: relative;
	}
	
	.podcast_header .logo {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		aspect-ratio: 1/1;
		width: 12em;
		height: 12em;
		float: left;
		margin-right: 3em;
		border-radius: 4px;
		box-shadow: 0 0 20px #00000080;
	}
	
	.podcast_header .infos {
		float: left;
		width: calc(100% - 12em - 3em);
	}
	
	.podcast_header h2 {
		font-weight: bold;
		font-size: 1.6em;
		border-bottom: 0;
		text-transform: inherit;
		padding-left: 0.5em;
		margin: 0 0 0 -0.5em;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	.podcast_header .auteur {
		font-size: 0.6em;
		color: #bbb;
		margin-bottom: 0.4em;
	}
	
	.podcast_header .auteur a {
		color: #bbb;
		border-bottom: 1px dotted #bbb;
	}
	
	.podcast_header .auteur a:hover {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	
	.podcast_header .themes {
		font-size: 0.6em;
		margin-bottom: 0.4em;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	.podcast_header .btnactions {
		margin-top: 0.6em;
	}
	
	.podcast_header .boutons,
	.pageperso_header .boutons {
		float: left;
		width: 3em !important;
		height: 2.25em !important;
		aspect-ratio: 12/9;
		margin-right: 0.4em;
		background-position: center;
		background-repeat: no-repeat;
		transition-duration: 0.1s;
		cursor: pointer;
		background-color: #393939;
		padding-bottom: unset;		
	}
	
	.podcast_header .sendmail,
	.pageperso_header .sendmail {
		background-image: url(https://www.vodio.fr/assets/images/iconcontact.png);
		background-size: 50%;
	}
	
	.podcast_header .sendmail:hover,
	.pageperso_header .sendmail:hover {
		background-image: url(https://www.vodio.fr/assets/images/iconcontacton.png);
	}
	
	.podcast_header .sendvoice {
		background-image: url(https://www.vodio.fr/assets/images/iconrepondeur.png);
		background-size: 45%;
	}
	
	.podcast_header .sendvoice:hover {
		background-image: url(https://www.vodio.fr/assets/images/iconrepondeuron.png);
	}
	
	.podcast_header .play {
		width: calc(100% - 12em - 3em);
		position: absolute;
		bottom: 0;
	}
	
	.podcast_header .infos h2 a,
	.podcast_header .infos h2 a:active,
	.podcast_header .infos h2 a:link,
	.podcast_header .infos h2 a:visited {
		color: #fff;
		border-bottom: 0;
	}
	
	.podcast_header a:hover {
		text-shadow: 0 0 10px #fff;
	}
	
	.podcast_header .play .titre {
		width: 100%;
	}
	
	.podcast_header .play button:first-child {
		float: left;
		width: 3.3em !important;
		height: 3.3em !important;
		margin-right: 0.8em;
		background-image: url(https://www.vodio.fr/assets/images/iconplay.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		cursor: pointer;
		margin-top: 0.2em;
		transition-duration: 0.1s;
	}
	
	.podcast_header .play button:first-child:hover {
		transform: translate(1px);
		filter: invert(30%) sepia(50%) saturate(500%) hue-rotate(140deg) brightness(95%) contrast(60%);
	}
	
	.podcast_header .play .titre a {
		border-bottom: 0;
		color: #fff;
		font-size: 0.9em;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		max-width: calc(100% - 3.3em - 0.8em);
		width: fit-content;
	}
	
	.podcast_header .play .infos {
		float: left;
		font-size: 0.7em;
		color: #bbb;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		width: calc(100% - 10em);
	}
	
	.podcast_header .play .infos .download,
	.podcast_header .play .infos .share,
	.podcast_header .play .infos .embed {
		aspect-ratio: 1/1;
		width: 1.5em;
		height: 1.5em;
		display: inline-flex;
		margin: 0 0 -0.4em 0.2em;
		background-position: center;
		background-size: 75%;
		background-repeat: no-repeat;
		cursor: pointer;
		transition-duration: 0.1s;
	}
	
	.podcast_fiche .episodes_data .titre .downloads,
	.podcast_fiche .episodes_data .titre .share,
	.podcast_fiche .episodes_data .titre .embed,
	.podcast_fiche .episodes_data .titre .btn_play,
	.podcast_fiche .episodes_data .titre .btn_sort_playlist {
		aspect-ratio: 1/1;
		width: 1.5em;
		height: 1.5em;
		display: inline-flex;
		margin: 0 0 -0.4em 0.2em;
		background-position: center;
		background-size: 75%;
		background-repeat: no-repeat;
		cursor: pointer;
		transition-duration: 0.1s;
	}
	
	.podcast_header .play .infos .shareok,
	.podcast_header .play .infos .embedok {
		display: none;
		position: absolute;
		color: #000;
		background: #fff;
		width: fit-content;
		margin: -0.1em 0 0 0.3em;
		padding: 0.1em 0.5em;
		border-radius: 0.5em;
		opacity: 0.8;
	}
	
	.podcast_fiche .episodes_data .titre .transcript,
	.listepisodes .transcript,
	#rechercheresults li .transcript {
		background-image: url(https://www.vodio.fr/assets/images/icontranscript.png);
		width: 1.6em !important;
		height: 1.5em;
		margin-right: 0.2em;
		background-position: center;
		background-size: 60%;
		background-repeat: no-repeat;
		float: left;
	}
	
	.podcast_header .play .infos .download,
	.podcast_fiche .episodes_data .titre .downloads  {
		background-image: url(https://www.vodio.fr/assets/images/icondownload.png);
	}
	
	.podcast_header .play .infos .download:hover,
	.podcast_fiche .episodes_data .titre .downloads:hover{
		background-image: url(https://www.vodio.fr/assets/images/icondownloadon.png);
	}
	
	.podcast_header .play .infos .share,
	.podcast_fiche .episodes_data .titre .share {
		background-image: url(https://www.vodio.fr/assets/images/iconshare.png);
	}
	
	.podcast_header .play .infos .share:hover,
	.podcast_fiche .episodes_data .titre .share:hover {
		background-image: url(https://www.vodio.fr/assets/images/iconshareon.png);
	}
	
	.podcast_header .play .infos .embed,
	.podcast_fiche .episodes_data .titre .embed {
		background-image: url(https://www.vodio.fr/assets/images/iconembed.png);
	}
	
	.podcast_header .play .infos .embed:hover,
	.podcast_fiche .episodes_data .titre .embed:hover {
		background-image: url(https://www.vodio.fr/assets/images/iconembedon.png);
	}
	
	.podcast_fiche .episodes_data .titre .btn_play {
		background-image: url(https://www.vodio.fr/assets/images/iconplaymini.png);
		transition-duration: 0.1s;
	}
	
	.podcast_fiche .episodes_data .titre .btn_play:hover {
		transform: translate(1px);
		filter: invert(30%) sepia(50%) saturate(500%) hue-rotate(140deg) brightness(95%) contrast(60%);
	}
	
	.podcast_fiche .episodes_data .titre .btn_sort_playlist[data-active='on'] {
		background-image: url(https://www.vodio.fr/assets/images/playliston.png);
		background-position: 80% 70%;
		background-size: 85%;
	}
	
	.podcast_fiche .episodes_data .titre .btn_sort_playlist[data-active='off'] {
		background-image: url(https://www.vodio.fr/assets/images/playlistoff.png);
		background-position: 80% 70%;
		background-size: 85%;
	}
	
	.podcast_fiche .episodes_data .titre .btn_sort_playlist:hover {
		background-image: url(https://www.vodio.fr/assets/images/playlistwait.png);
		background-position: 80% 70%;
		background-size: 85%;
	}
	
	.podcast_fiche .list_description {
		float: left;
		width: 65%;
		margin-right: 3em;
	}
	
	.podcast_fiche .list_description .dureetotale {
		text-transform: initial;
		font-size: 0.8em;
		font-weight: normal;
	}
	
	.podcast_fiche .list_description h3:first-item {
		margin-top: 0;
	}
	
	.podcast_fiche .list_description .order {
		float: right;
		margin-top: -3em;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		cursor: pointer;
	}
	
	.podcast_fiche .infos {
		float: left;
		width: calc(35% - 3em);
		text-align: justify;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	
	.podcast_fiche .infos a,
	.podcast_fiche .infos a:active,
	.podcast_fiche .infos a:link,
	.podcast_fiche .infos a:visited,
	.podcast_fiche .episodes_data .description a,
	.podcast_fiche .episodes_data .description a:active,
	.podcast_fiche .episodes_data .description a:link,
	.podcast_fiche .episodes_data .description a:visited {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	
	.podcast_fiche .infos a:hover,
	.podcast_fiche .episodes_data .description a:hover {
		color: #49bde2;
		border-bottom: 1px dotted #49bde2;
	}
	
	.podcast_fiche .infos h3:first-item {
		margin-top: 0;
	}
	
	.podcast_fiche .infos .licence {
		width: 100%;
		font-size: 0.8em;
	}
	
	.podcast_fiche .infos .licence img {
		filter: drop-shadow(0 0 2px #000);
	}
	
	.podcast_fiche .infos .links a {
		border-bottom: 0;
	}
	
	.podcast_fiche .infos .links img {
		width: 1.8em;
		border-radius: 4em;
		filter: brightness(100%) saturate(0%);
		background: #fff;
		border: 0.2em solid #fff;
		margin: 0.2em 0.2em 0 0;
		transition-duration: 0.1s;
	}
	
	.podcast_fiche .infos .links img:hover {		
		filter: brightness(100%) saturate(100%);
	}
	
	.podcast_fiche .infos .episodes_data {
		max-height: 25em;
	}
	
	.episodes_data_none {
		display: none;
	}
	
	.marginfilters {
		margin-right: 2em;
	}
	
	.tagsep {
		position: absolute;
		display: none !important;
		width: 0;
		height: 0;
	}
	
	.podcast_fiche .infos .episodes_data .listepisodes h5 a,
	.podcast_fiche .infos .episodes_data .listepisodes h5 a:active,
	.podcast_fiche .infos .episodes_data .listepisodes h5 a:link,
	.podcast_fiche .infos .episodes_data .listepisodes h5 a:visited {
		color: #fff;
		border-bottom: 0;
	}
	
	.podcast_fiche .infos .episodes_data .listepisodes h5 a:hover {
		text-shadow: 0 0 10px #fff;
	}
	
	.podcast_fiche .infos .episodes_data .listepisodes h5 {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-inline-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		font-size: 0.9em;
		margin: 0;
		border-bottom: 0;
		text-transform: unset;
		font-weight: normal;
	}
	
	.podcast_fiche .infos .episodes_data .listepisodes .infos {
		float: unset;
		width: fit-content;
		font-size: 0.7em;
		margin-bottom: 1.5em;
	}
	
	.podcast_fiche .episodes_data {
		max-height: 40em;
		overflow: auto;
		padding-right: 1em;
	}
	
	.podcast_fiche .episodes_data .titre {
		background: linear-gradient(to right, #2e2d35, transparent);
		padding: 0.1em 0;
		position: relative;
	}

	.podcast_fiche .episodes_data .titre div {
		width: fit-content;
		display: inline-block;
	}

	.podcast_fiche .episodes_data .titre .numero {
		margin: 0 1.5em 0.1em 0.7em;
		width: 5em;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-inline-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.podcast_fiche .episodes_data .titre h4 {
		width: 34em;
		margin: 0;
		text-transform: none;
		border-bottom: 0;
		font-size: 1em;
		font-weight: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-inline-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;		
	}

	.podcast_fiche .episodes_data .titre #embedok,
	.podcast_fiche .episodes_data .titre #shareok	{
		display: none;
		position: absolute;
		color: #000;
		background: #fff;
		width: fit-content;
		margin: 0.2em 0 0 0.3em;
		padding: 0.1em 0.5em;
		border-radius: 0.5em;
		font-size: 0.7em;
		right: 6.3em;
	}
	
	.podcast_fiche .episodes_data .titre a,
	.podcast_fiche .episodes_data .titre a:active,
	.podcast_fiche .episodes_data .titre a:link,
	.podcast_fiche .episodes_data .titre a:visited {
		color: #fff;
		border-bottom: 0;
	}

	.podcast_fiche .episodes_data .titre .downloads,
	.podcast_fiche .episodes_data .titre .embed,
	.podcast_fiche .episodes_data .titre .share,
	.podcast_fiche .episodes_data .titre .btn_play,
	.podcast_fiche .episodes_data .titre .btn_sort_playlist {
		width: 1.6em;
		float: right;
		margin-top: 0.2em;
	}
	
	.podcast_fiche .episodes_data .titre .infos {
		float: right;
		margin: 0.3em 3em;
		font-size: 0.7em;
	}
	
	.podcast_fiche .listepisodes {
		margin-bottom: 0.6em;
	}
	
	.podcast_fiche .episodes_data .listepisodes a:hover,
	.podcast_fiche .episodes_data h4 a:hover {
		text-shadow: 0 0 10px #fff;
	}
	
	.podcast_fiche .episodes_data .titre .btn_play[data-active='on'],
	.podcast_header .play button:first-child[data-active='on'] {
		filter: invert(30%) sepia(50%) saturate(500%) hue-rotate(140deg) brightness(95%) contrast(60%);
	}
	
	.podcast_fiche .description {
		font-size: 0.9em;
		line-height: 2;
		border-left: 3px solid #b1b1b1;
		padding-left: 0.5em;
		text-align: justify;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	
	.podcast_fiche .description a,
	.podcast_fiche .description a:active,
	.podcast_fiche .description a:link,
	.podcast_fiche .description a:visited {
		color: #fff;
		border-bottom: 1px dotted #fff;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		cursor: pointer;
	}
	
	.podcast_fiche .description a:hover {
		text-shadow: 0 0 10px #fff;
	}
	
	.podcast_fiche .infos .downloadfile {
		font-size: 1em;
		cursor: pointer;
	}
	
	.pageperso_header .sendmail {
		filter: invert(1);
		border-radius: 3px;
	}
	
	.pageperso_header .sendmail:hover {
		background-color: #000;
	}
	
	.pageperso_p {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	
	.pageperso_p a {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	
	.pageperso_avatar {
		width: 10em;
		height: 10em;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 50%;
		border: 5px solid #74bae0;
		float: right;
		transform: translateY(0);
		transition-duration: 0.1s;
	}
	
	.pageperso_avatar:hover {
		transform: translateY(-2px);
		box-shadow: 0 5px 20px #000;
	}
	
	.pageperso_titre {
		width: calc(100% - 10em - 30px);
		float: left;
	}
	
	.pageperso_titre p {
		text-align: justify;
	}
	
	
	/* Articles */
	
	.articles_header {
		margin-bottom: 3em;
	}
	
	.articles_header .infos {
		width: 100%;
		text-align: justify;
		line-height: 1.5;
	}
	
	.articles_header button,
	.pagearticle .list_description p button {
		font-size: inherit;
		border-bottom: 1px dotted #fff;
		padding: 0;
		transition-duration: 0.1s;
	}
	
	.articles_header button:hover,
	.pagearticle .list_description p button:hover {
		color: #df9a41;
	}
	
	.articles_header a {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	
	.articles_header a:hover {
		color: #df9a41;
	}
	
	.filter_articles {
		font-size: 0.8em;
		margin: 6em 0 4em 0;
	}
	
	.filter_articles input {
		border: 0;
		width: unset;
		margin: 0;
		padding: 0.4em;
	}
	
	.articles_data h3 a,
	.articles_data h3 a:active,
	.articles_data h3 a:link,
	.articles_data h3 a:visited,
	.faq_data h3 a,
	.faq_data h3 a:active,
	.faq_data h3 a:link,
	.faq_data h3 a:visited {
		color: #fff;
		cursor: pointer;
		border-bottom: 0px;
	}
	
	.articles_data h3 a:hover,
	.faq_data h3 a:hover {
		color: #df9a41;
	}
	
	.faq_data h3 {
		margin-top: 0;
	}
	
	.faq_data h3:before {
		content:"";
		background: url('https://www.vodio.fr/assets/images/moncompte/faq.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
		position: relative;
		font-size: 1.9em;
		width: 1em; 
		height: 1em;
		top: 11px;
		margin-right: 0.2em;
		-webkit-filter: drop-shadow(0 0 1px #2e2d35) drop-shadow(0 0 2px #2e2d35) drop-shadow(0 0 3px #2e2d35) drop-shadow(0 0 4px #2e2d35) drop-shadow(0 0 5px #2e2d35);
		filter: drop-shadow(0 0 1px #2e2d35) drop-shadow(0 0 2px #2e2d35) drop-shadow(0 0 3px #2e2d35) drop-shadow(0 0 4px #2e2d35) drop-shadow(0 0 5px #2e2d35);
	}
	
	.articles_header .infos  span,
	.articles_data .titre  h3 span,
	.pagearticle .articles_header .infos h2 span {
		float: right;
		font-size: 0.7em;
		text-transform: initial;
		font-weight: normal;
		width: fit-content;
	}
	
	.pagearticle .articles_header .infos h2 span {
		font-size: 0.6em;
	}
	
	.articles_header .infos  span img,
	.articles_data .titre  h3 span img,
	.pagearticle .articles_header .infos h2 span img  {
		width: 1em;
		margin: 1em 0.6em -0.15em 0;
	}
	
	.articles_data .titre  h3 span {
		margin-top: -0.5em;
	}
	
	.articles_header .infos  span {
		margin-top: -3em;
	}
	
	.articles_data .description {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		line-clamp: 5;
		-webkit-box-orient: vertical;
		line-height: 2;
		border-left: 5px solid #b1b1b1;
		padding-left: 0.5em;
		text-align: justify;
		overflow-wrap: break-word;
		word-wrap: break-word;
		font-size: 0.8em;
		margin-bottom: 4em;
	}
	
	.pagearticle .list_description p {
		margin: 0;
		text-align: justify;
		padding: 0 0.8em;
		list-style-type: none;
		display: list-item;
		line-height: 1.8;
	}
	
	.pagearticle .articles_header a,
	.pagearticle .articles_header a:active,
	.pagearticle .articles_header a:link,
	.pagearticle .articles_header a:visited,
	.pagearticle .list_description a,
	.pagearticle .list_description a:active,
	.pagearticle .list_description a:link,
	.pagearticle .list_description a:visited 	{
		color: #fff;
		border-bottom: 1px dotted #fff;;
	}
	
	.pagearticle .articles_header a {
		font-size: 0.9em;
		float: left;
		margin-top: 0.2em;
	}
	
	.pagearticle .articles_header a:hover,
	.pagearticle .list_description a:hover {
		color: #df9a41;
	}
	
	.faq_data .reponse {
		line-height: 2;
		border-left: 5px solid #b1b1b1;
		padding-left: 0.5em;
		text-align: justify;
		overflow-wrap: break-word;
		word-wrap: break-word;
		font-size: 0.8em;
		margin-bottom: 0;
		height: 0;
		opacity: 0;
		pointer-events: none;
		transition-duration: 0.5s;
	}
	
	.faq_data .reponse a,
	.faq_data .reponse a:active,
	.faq_data .reponse a:link,
	.faq_data .reponse a:visited {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	
	.faq_data .reponse_on {
		height: auto;
		opacity: unset;
		pointer-events: unset;
		margin-bottom: 4em;
	}
	
	.paypallien {
		border-bottom: 0 !important;
	}
	
	.sendmaillien {
		cursor: pointer;
	}
	
	.paypalimg {
		margin-top: 2em;
		transform: scale(0.95);
		filter: brightness(0.95);
		transition-duration: 0.1s;
	}
	
	.paypalimg:hover {
		transform: scale(1);
		filter: brightness(1);
	}
	

		@media (max-width: 1680px) {
			
			.accueil1 {
				margin: -2.5em -6em 0 0;
			}
			
			.accueil2 {
				margin: -3em 0 0 -4em;
				width: 14em;
			}
			
			.accueil3 {
				margin: -3.5em -4em 0 0;
			}
			
			/* Vodiothèque */

			.filters {
				margin-top: -48px;
			}
			
			.podcast_fiche .list_description,
			.podcast_fiche .infos {
				float: unset;
				width: 100%;
				margin: 0;
			}
			
			.podcast_fiche .infos .links {
				text-align: center;
			}
			
			.podcast_fiche .infos .annexes {
				text-align: unset;
			}
			
			.podcast_fiche .infos .licence {
				text-align: center;
			}
			
			.podcast_fiche .episodes_data {
				max-height: 20em;
			}
			
			.podcast_fiche .episodes_data .titre h4 {
				width: 30em;
			}
			
			.podcast_fiche .description {
				line-height: unset;
			}

		}
	
		@media (max-width: 1280px) {
			
			/* Accueil */
			
			.pochettes a:nth-last-child(1),
			.pochettes a:nth-last-child(2) {
				display: none;
			}
			
			.pochette {				
				width: calc(100% / 5 - 1%);
				padding-bottom: calc(100% / 5 - 1%);
			}
			
			
			/* Vodiothèque */
			
			.filters {
				margin-top: unset;
				float: unset;
				margin-bottom: 12em;
				font-size: 1.1em;
			}
			
			.filters input,
			.filters select {
				border: inherit;
			}
			
			.filters div {
				width: 100%;
				margin : 0 1em 2% 0;
			}
			
			.filters input[type='number'] {
				width: 60px;
			}
			
			.marginfilters {
				float: right;
				margin: -4.2em 2.5em 0 0;
				font-size: 1.15em
			}
			
			.nouveautes:nth-last-child(1),
			.nouveautes:nth-last-child(2),
			.nouveautes:nth-last-child(3),
			.suggestions .pochette_vod:nth-last-child(1),
			.suggestions .pochette_vod:nth-last-child(2),
			.suggestions .pochette_vod:nth-last-child(3) {
				display: none;
			}
			
			.pochette_vod {				
				width: calc(100% / 5 - 1.6%);
				margin-bottom: 3%;
			}
			
			.pochette_vod_img_transcript {
				top: 75%;
			}
			
			.accueil_data .pochette_vod_img_transcript {
				top: 67%;
			}
			
			.podcast_header .logo {
				width: 17em;
				height: 17em;
			}
			
			.podcast_header .infos {
				width: calc(100% - 16em);
			}
			
			.pageperso_header .boutons,
			.podcast_header .boutons {
				width: 4em !important;
				height: 3em !important;
			}
			
			.podcast_header .pochette_playlist {
				background-size: 45%;
			}
			
			.podcast_header .infos {
				font-size: 1.3em;
			}
			
			.podcast_header .auteur,
			.podcast_header .themes {
				font-size: 0.8em;
			}
			
			.podcast_header .play .infos .download,
			.podcast_header .play .infos .share,
			.podcast_header .play .infos .embed {
				margin: 0;
			}
			
			.podcast_fiche h3 {
				margin: 4em 0 2em 0;
			}
			
			.podcast_fiche h3:first-child {
				margin-top: 6em;
			}
			
			.podcast_fiche .list_description .order {
				font-size: 1.65em;
				margin-right: 0.3em;
			}
			
			.podcast_fiche .episodes_data .titre .numero,
			.podcast_fiche .episodes_data .titre .embed,
			.podcast_fiche .episodes_data .titre .share {
				display: none;
			}
			
			.podcast_fiche .episodes_data .titre h4 {
				font-size: 1.4em;
				margin: 0.1em 0 0.1em 0.4em;
			}
			
			.podcast_fiche .episodes_data .titre .downloads,
			.podcast_fiche .episodes_data .titre .btn_play,
			.podcast_fiche .episodes_data .titre .btn_sort_playlist {
				width: 1.7em;
			}
			
			.podcast_fiche .description {
				border-left: 0;
				padding-left: 0;
			}
			
			.podcast_fiche .episodes_data .titre .infos {
				margin: 0 0.5em 0 0;
				font-size: 1.1em;
			}
			
			.podcast_fiche .infos {
				font-size: 0.9em;
			}
			
			.podcast_fiche .infos .links img {
				width: 3.5em;
				margin: 0.3em;
			}
			
			.episodes_data .listepisodes {
				margin-bottom: 1.5em;
			}
			
			.podcast_fiche .infos .episodes_data .listepisodes h5 {
				font-size: 1.5em;
			}
			
			.pageperso_header .sendmail {
				border-radius: 6px;
				width: 3.5em !important;
				height: 2.7em !important;
			}
			
			
			/* Articles */
			
			.articles_header .infos {
				font-size: 1.3em;
			}
			
			.filter_articles {
				font-size: 1.3em;
			}
			
			.articles_data .titre  h3 span {
				font-size: 1.1em;
			}
			
			.nbpage {
				font-size: 1.5em;
			}
			
			.pochette_vod_infos span {
				font-size: 0.8em;
			}
			
			.annexestranscript {
				width: 2em !important;
			}
			
		}
		
		@media (max-width: 1280px) and (orientation: landscape) {
						
			.articles_data .titre  h3 span {
				margin-top: -1em;
			}
			
		}


		@media (max-device-width: 480px) {
			
			.accueil1 {
				margin: -4.5em -5em 0 0;
				width: 16em;
			}
			
			.accueil2 {
				margin: -4em 0 0 -4em;
				width: 11em;
			}
			
			.accueil3 {
				margin: -4.5em -4em 0 0;
				width: 15em;
			}
			
			/* Accueil */
			
			.accueil_bouton {
				padding: 2em;
			}	
			
			.pochettes a:nth-last-child(1) {
				display: none;
			}	
			
			.pochettes a:nth-last-child(2) {
				display: unset;
			}
			
			.pochette {				
				width: calc(100% / 3 - 1%);
				padding-bottom: calc(100% / 3 - 1%);
				margin-bottom: 1%;
			}
			
			
			/* Vodiothèque */
			
			.filters {
				font-size: 1.1em;
				margin-bottom: 13em;
			}
			
			.filters div {
				width: 100%;
				margin-bottom: 4%;
			}
			
			.marginfilters {
				display: none;
			}
			
			.nouveautes:nth-last-child(1),
			.nouveautes:nth-last-child(2),
			.nouveautes:nth-last-child(3),
			.nouveautes:nth-last-child(4),
			.nouveautes:nth-last-child(5) {
				display: none;
			}
			
			.qrcode {
				width: 200px !important;
			}
			
			.pochette_vod {				
				width: calc(100% / 3 - 1.6%);
				margin-bottom: 4%;
			}
			
			.pochette_vod_img_transcript {
				width: 80px;
				height: 80px;
				top: 71%;
			}
			
			.accueil_data .pochette_vod_img_transcript {
				top: 60%;
			}
			
			.pochette_vod_infos {
				font-size: 1.4em;
			}
			
			.pochette_vod_infos span:first-child {
				font-size: 0.7em;
			}
			
			.pochette_vod_infos span {
				font-size: 0.6em;
			}
			
			.annexestranscript {
				width: 3em !important;
				margin: 10px 0 -10px 0 !important;
			}
			
			.pochette_favoris,
			.pochette_ffavoris,
			.pochette_playlist {
				margin-top: 20px;
				background-size: 75%;
			}
			
			.podcast_fond {
				background-size: 450%;
			}
			
			.podcast_fond_degrade {
				background-image: linear-gradient(#2e2d35 20%, transparent 50%);
			}
			
			.podcast_header .logo {
				width: 15em;
				height: 15em;
				margin: 0 auto;
				float: unset;
			}
			
			.podcast_header .infos {
				width: 100%;
				text-align: center;
				margin-top: 2em;
				font-size: 1.2em;
			}
			
			.podcast_header h2 {
				padding-left: unset;
				margin: 2em 0 1em 0;
			}
			
			.podcast_header .auteur,
			.podcast_header .themes {
				font-size: 0.4em;
			}
			
			.podcast_header .btnactions {
				margin-top: 2em;
				display: inline-block;
			}
			
			.podcast_header .pochette_favoris,
			.podcast_header .pochette_playlist{
				background-size: 50%;
			}
			
			.pageperso_header .boutons,
			.podcast_header .boutons {
				margin: 0 0.5em !important;
				width: 8em !important;
				height: 6em !important;
			}
			
			.podcast_header .play .infos .shareok,
			.podcast_header .play .infos .embedok {
				margin: 2em 0 0 -3.2em;
			}
			
			#rechercheresults li .transcript {
				width: 3.8em !important;
				height: 3.8em;
				background-position: 0% 50%;
				background-size: 65%;
			}
			
			.podcast_header .play button:first-child {
				float: unset;
				width: 10.5em !important;
				height: 10.5em !important;
				margin: 0 1.5em 2em 1em;
			}
			
			.podcast_header .play .infos .download,
			.podcast_header .play .infos .share,
			.podcast_header .play .infos .embed {
				width: 4em;
				height: 3.5em;
				margin-bottom: -0.6em;
			}
			
			.podcast_header .play {
				position: unset;
				margin-top: 3em;
			}
			
			.podcast_header .play .titre {
				width: 100%;
				font-size: 1.2em;
			}
			
			.podcast_header .play .titre a {
				font-size: 1em;
				text-align: center;
				display: inline-block;
				margin-top: 0.3em;
			}
			
			.podcast_header .play .infos {
				font-size: 1.1em;
				margin-top: 0.5em;
				width: 100%;
				text-align: center;
			}
			
			.podcast_header .play .infos .firstinfos {
				display: none;
			}
			
			.podcast_header .infos {
				width: unset;								
				float: unset;
			}
			
			.podcast_header .infos div {
				width: unset;
			}
			
			.podcast_fiche .infos .licence img {
				height: 10em;
			}
			
			.podcast_fiche .episodes_data {
				max-height: 30em;
				padding-right: 0;
				font-size: 1.5em;
			}
			
			.podcast_fiche .episodes_data .titre h4 {
				font-size: 1em;
				margin: 0.1em 0 0.1em 0;
				width: 100%;
			}
			
			.podcast_fiche h3 {
				text-align: center;
				margin: 6em 0 2em;
			}
			
			.podcast_fiche .infos,
			.podcast_fiche .description {
				font-size: 0.6em;
			}
			
			.podcast_fiche .description {
				border-left: 0;
				padding-left: 0;
			}
			
			.podcast_fiche .infos .links {
				font-size: 3em;
			}
			
			.podcast_fiche .infos .downloadfile {
				font-size: 2.5em;
			}
			
			.podcast_fiche .infos .downloadfile img {
				width: 1.4em !important;
			}
			
			.podcast_fiche .infos .links img {
				width: 1.8em;
			}
			
			.podcast_fiche .infos .annexes {
				font-size: 1em;
			}
			
			.podcast_fiche .infos .episodes_data .listepisodes h5,
			.podcast_fiche .infos .episodes_data .listepisodes .infos {
				text-align: center;
				width: 100%;
			}
			
			.podcast_fiche .infos .episodes_data .listepisodes h5 {
				font-size: 1.4em;
				text-align: left;
			}
			
			.podcast_fiche .infos .episodes_data .listepisodes .infos {
				font-size: 0.5em;
				margin-bottom: 3em;
				text-align: left;
			}
			
			.podcast_fiche .episodes_data .titre .downloads,
			.podcast_fiche .episodes_data .titre .embed,
			.podcast_fiche .episodes_data .titre .share,
			.podcast_fiche .episodes_data .titre .btn_play,
			.podcast_fiche .episodes_data .titre .btn_sort_playlist {
				width: 4em;
				height: 4em;
			}
			
			.podcast_fiche .episodes_data .titre .infos {
				float: unset;
				font-size: 0.9em;
			}
			
			.podcast_fiche .episodes_data .titre {
				padding: 0.5em 0.8em;
			}
			
			.podcast_fiche .list_description .dureetotale {
				font-size: 0.5em;
			}
			
			.podcast_fiche .list_description .order {
				margin: -2.9em 0.2em 0 0;
				font-size: 1.8em;
			}
			
			.nbpage {
				font-size: 1.3em;
			}
			
			.pageperso_header .sendmail {
				border-radius: 12px;
			}
			
			.pageperso_p {
				font-size: 0.6em;
			}
			
			.pageperso_avatar {
				float: unset;
				margin: 0 auto;
				border: 10px solid #74bae0;
			}
			
			.pageperso_titre {
				float: unset;
				width: 100%;
			}
			
			
			/* Articles */
			
			.articles_header .infos {
				font-size: 1.3em;
				line-height: 1.6;
			}
			
			.articles_header span {
				display: none;
			}
			
			.filter_articles {
				font-size: 1.4em;
			}
			
			.articles_data h3 span {
				display: none;
			}
			
			.pagearticle .articles_header a {
				margin-top: 1.2em;
				font-size: 1em;
			}
			
			.pagearticle .list_description a:last-child {
				font-size: 0.5em;				
			}
			
			.pagearticle .list_description p img {
				width: 80% !important;
				height: auto;
			}
			
			.articles_data h3,
			.faq_data h3 {
				font-size: 1.1em;
			}
			
			.articles_data .description {
				font-size: 0.5em;
				margin: 3em 0 8em 0;
				border-left: 10px solid;
				padding-left: 2em;
			}
			
			.pagearticle .list_description {
				font-size: 0.5em;
			}
			
			.pagearticle .list_description a {
				font-size: 1em !important;
			}
			
			.pagearticle .list_description h3 {
				font-size: 2.5em;
			}
			
			.pagearticle .list_description h4 {
				font-size: 2.2em;
			}
			
			.pagearticle .list_description h5 {
				font-size: 2em;
			}
			
			.pagearticle .list_description p button {
				font-size: 2.7em;
			}
			
			.faq_data .reponse {
				font-size: 0.5em;
				margin: 3em 0 8em 0;
				border-left: 10px solid;
				padding-left: 2em;
			}
	
			.paypalimg {
				width: 30%;
			}
			
		}
		
		
	/* Mon compte */
	
	.moncompte_frame {
		width: 100%;
		background: transparent;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
	.moncompte_frame_content {
		background: transparent;
		text-align: justify;
		font-size: 1.1em;
	}
	
	.message_compte {
		text-align: center;
		padding: 1em !important;
		margin-bottom: 2em;
		font-size: 1em !important;
	}
	
	.message_error,
	.message_ok	{
		text-align: center;
		background-color: #43424a;
		padding: 1em !important;
		margin-bottom: 4em;
		font-size: 1em !important;
	}
	
	.message_error {
		color: #df9a41;
	}
	
	.message_rgpd {
		color: #8a8a8a;
	}
	
	.moncompte_frame_content .max_container {
		padding: 0;
		margin: 0;
	}
	
	.moncompte_frame_content .inscription,
	.moncompte_frame_content .connexion {
		width: calc(50% - 20em - 0.5px);
		padding: 0 10em;
	}
	
	.moncompte_frame_content .inscription input,
	.moncompte_frame_content .connexion input {
		margin-bottom: 0;
	}
	
	.moncompte_frame_content .inscription {
		border-right: 1px solid #fff;
		float: left;
	}
	
	.moncompte_frame_content .connexion {
		float: right;
	}
	
	.moncompte_frame_content .auth {
		opacity: 0;
		height: 0px;
	}
	
	.moncompte_frame_content .auth_ok {
		opacity: 1;
		height: auto;
	}
	
	.moncompte_frame_content .inscription #mypassword2 {
		margin-bottom: 0;
	}
	
	.moncompte_frame_content p,
	.moncompte_frame_content button,
	.moncompte_frame_content li {
		font-size: 0.7em;
		padding: 0;
	}
	
	.inscription_ok {
		font-size: 1em !important;		 
	}
	
	.moncompte_frame_content #notthismail,
	.moncompte_frame_content #notthismail2,
	.moncompte_frame_content #notthispassone,
	.moncompte_frame_content #notthispass,
	.moncompte_frame_content #notthislogin {
		color: #df9a41;
	}
	
	.moncompte_frame_content #okthismail {
		color: #fff;
	}
	
	.moncompte_frame_content input[type=submit] {
		margin-top: 2em;
	}
	
	.moncompte_frame_content input[type=submit]:disabled,
	.administration #accept:disabled,
	.administration #crop_image:disabled,
	.administration #acceptepconseil:disabled,
	.administration #acceptdetails:disabled,
	.administration #transcriptgo:disabled,
	.administration #delbenef:disabled,
	.administration #addbenef:disabled {
		cursor: auto;
		background-color: #252528;
		color: #848484;
	}
	
	.moncompte_frame_content .lostpassword {
		float: right;
	}
	
	.moncompte_frame_content .connexion_password_btn,
	.moncompte_frame_content .lostpassword {
		position: relative;
 		z-index: 1;
	}
	
	.moncompte_frame_content #lostpassword_form {
		display: none;
	}
	
	.moncompte_frame_content .menu {
		float: left;
		margin-right: 4em;
		background-color: #43424a;
		font-size: 0.8em;
		width: 250px;
		border-left: 5px solid #b1b1b1;
		transition-duration: 0.1s;
	}
	
	.moncompte_frame_content .menu div,
	.moncompte_frame_content .menu button {
		padding: 1em 1em 1em 2.5em;
		list-style: none;
		margin: 0;
		background-position: 0.8em 50%;
		background-size: 7% auto;
		background-repeat: no-repeat;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		white-space: nowrap;
		transition-duration: 0.1s;
	}
	
	.moncompte_frame_content .menu button {
		width: 100%;
		font-size: 1em;
		text-align: left;
		padding-left: 4.5em;
		background-position: 1.8em 50%;
		background-size: 12% auto;
		background-color: #515057;
		padding: 1.11em 0 1.11em 4.5em;
	}
	
	.message_don {
		padding: 0.1em 1em;
		margin-bottom: 3em;
		border-left: 5px solid #b1b1b1;
		background: #324c9230;
	}
	
	.synthese {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/synthese.png);
	}
	
	.infospersos {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/infospersos.png);
	}
	
	.preferences {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/preferences.png);
	}
	
	.historique {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/historique.png);
	}
	
	.playfav {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/playfav.png);
	}
	
	.podcasts {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/podcasts.png);
		background-color: #43424a !important;
		padding-left: 2.5em !important;
		background-position: 0.7em 50% !important;
		background-size: 7.5% auto !important;
	}
	
	.apodcasts {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/podcasts.png);
	}
	
	.ajoutpodcast,
	.ajoutepisode {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/ajoutpodcast.png);
	}
	
	.editpodcast {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/editpodcast.png);
	}
	
	.statspodcast {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/statspodcast.png);
	}
	
	.records {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/records.png);
	}
	
	.monetisation {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/monetisation.png);
	}
	
	.smartlink {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/smartlink.png);
	}
	
	.contactpodcast,
	.contacts {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/contactpodcast.png);
	}
	
	.migrerpodcast {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/migrerpodcast.png);
	}
	
	.offpodcast {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/offpodcast.png);
	}
	
	.onpodcast {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/onpodcast.png);
	}
	
	.redirigerpodcast {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/redirigerpodcast.png);
	}
	
	.equipe {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/equipe.png);
	}
	
	.admin {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/admin.png);
	}
	
	.sorties {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/sorties.png);
	}
	
	.inscrits {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/inscrits.png);
	}
	
	.categories {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/categories.png);
	}
	
	.licences {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/licences.png);
	}
	
	.pages {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/pages.png);
	}
	
	.articles {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/articles.png);
	}
	
	.comparatif {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/comparatif.png);
	}
	
	.faq {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/faq.png);
	}
	
	.players {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/players.png);
	}
	
	.referers {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/referers.png);
	}
	
	.traduction {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/traduction.png);
	}
	
	.deconnexion {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/deconnexion.png);
		background-color: #2d2c34;
	}
	
	.inactif {
		background-color: #74737e !important;
		filter: brightness(0.7);
	}
	
	.separation {
		box-shadow: 0 -2px 0 #b1b1b1;
	}
	
	.moncompte_frame_content .menu div a {
		color: #fff;
		text-decoration: none;
		border-bottom: 0;
	}
	
	.moncompte_frame_content .menu div a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	.moncompte_frame_content .menu span {
		display: none;
		transition-duration: 0.1s;
	}
	
	.moncompte_frame_content .menu span div:first-child {
		padding-left: 3.5em;
		background-position: 1.8em 50%;
		background-color: #515057;
	}
	
	.moncompte_frame_content .menu span div:not(:first-child) {
		padding-left: 4.5em;
		background-position: 1.8em 50%;
		background-size: 12% auto;
		background-color: #515057;
	}
	
	.moncompte_frame_content .menu span span div {
		padding-left: 5em !important;
		background-position: 2.8em 50% !important;
		background-size: 7% auto !important;
		background-color: #5c5b60 !important;
	}
	
	.moncompte_frame_content .menu div:hover,
	.moncompte_frame_content .menu button:hover,
	.moncompte_frame_content .menu span div:hover,
	.moncompte_frame_content .menu span span div:hover {
		background-color: #2b2a31 !important;
		cursor: pointer;
	}
	
	.moncompte_frame_content .menu .divmenuon {
		background-color: #2d2c34 !important;
		border-left: 2px solid #b1b1b1;
		transform: translateX(4px);
		box-shadow: 0 0 5px #000;
	}
	
	.moncompte_frame_content .menu #expand {
		display: none;
	}
	
	.moncompte_frame_content .menu .clear {
		padding: 0;
		height: 0;
	}
	
	.moncompte_frame_content .menu #accc_admin div {
		padding-left: 3.5em;
		background-position: 1.8em 50%;
		background-size: 7% auto;
		background-repeat: no-repeat;
		background-color: #515057;
	}
	
	.administration {
		float: left;
		width: calc(100% - 250px - 4em);
		text-align: justify;
	}
	
	.administration .inputradio {
		display: inline-flex;
		margin: -1em 0 2em 0;
	}
	
	.administration .inputradio div {
		float: left;
	}
	
	.administration .message_ok,
	.administration .message_error {
		margin: -2em 0 3em 0;
		background: #28272f;
	}
	
	.administration a,
	.administration a:active,
	.administration a:link,
	.administration a:visited {
		font-size: 0.8em;
		color: #fff;
		border-bottom: 1px dotted #fff;
		text-decoration: none;
	}
	
	.administration a:hover {
		color: #df9a41;
	}
	
	.administration form {
		max-width: 575px;
	}
	
	.administration input,
	.administration select {
		margin: 0.3em 0 0;
		font-size: 0.9em;
	}
	
	.administration select {
		width: 100%;
	}
	
	.administration #actif_mypassword ,
	.administration #supprimer_mypassword {
		visibility: hidden;
		height: 0;		
	}
	
	.administration p {
		font-size: 0.8em;
		margin: 1em 0;
	}
	
	.administration p a {
		font-size: 1em !important;
	}
	
	.administration li {
		font-size: 0.8em;
		padding: 0;
		margin: 0.3em 0;
	}
	
	.administration h2 {
		margin: 0 0 3em 0;
		border-bottom: 0;
		font-weight: normal;
		font-size: 1em;
	}
	
	.administration h2 a {
		font-size: 1em !important;
	}
	
	.administration h3 {
		margin: 3em 0 2em 0;
	}
	
	.administration #autorisations {		
		display: none;
	}
	
	.administration #autorisations span {	
		font-size: 0.8em;	
		cursor: pointer;
		transition-duration: 0.1s;
	}
	
	.administration #autorisations span:hover {
		color: #df9a41;
	}
	
	.administration .teambtn {		
		font-size: 0.8em;
		cursor: pointer;
		transition-duration: 0.1s;
	}
	
	.administration .teambtn:hover {
		color: #df9a41;
	}
	
	.administration #limit,
	.administration #limit_termines {
		position: relative;
		overflow: hidden;
	}
	
	.administration .plays {
		cursor: pointer;
		margin-bottom: 0.2em;
	}
	
	.administration .plays a {
		border-bottom: 0;
	}
	
	.administration .plays_infos {
		font-size: 0.7em;
		color: #777;
	}
	
	.administration .playstotal {
		margin: 0.5em 0 2.8em;
	}
	
	.administration .playstotal div {
		float: left;
		font-size: 0.7em;
	}
	
	.administration .playstotal .pourcent {
		width: 3em;
	}
	
	.administration .playstotal div:first-child {
		text-align: left;
	}
	
	.administration .playstotal div:last-child {
		text-align: right;
	}
	
	.administration .playstotal .playspourcent {
		background: #5c5c5c;
		height: 3px;
		width: calc(100% - 6.1em);
		margin-top: 0.5em;
	}
	
	.administration .playstotal .playspourcenton {
		background: #49bde2;
		height: 3px;
	}
	
	.administration .hist_plays_termines .plays_infos {
		margin-bottom: 1em;
	}
	
	.administration .listepages div:first-child {
		margin-left: 0;
	}
	
	.administration .nbpage_inter {
		height: 0.6em;
		margin: 0;
	}
	
	.administration p img {
		margin: 0 0.5em -0.3em;
	}
	
	.administration .playlist,
	.administration .favoris {
		cursor: pointer;
		border-radius: 7px;
		background-position: 1em 50%;
		background-repeat: no-repeat;
		background-image: url(https://www.vodio.fr/assets/images/playlistbtn.png);
		background-color: #43424a;
		height: 3em;
		transition-duration: 0.1s;
		margin: 1em 1em 0 0;
		width: auto;
		padding: 0 1em 0.1em 3em;
	}

	.administration .favoris {
		background-image: url(https://www.vodio.fr/assets/images/favorisbtn.png);
	}

	.administration .on {
		background-color: #49bde2;
	}

	.administration .playlist:hover,
	.administration .favoris:hover {
		background-color: #6b6977 !important;
	}
	
	.administration .choix input[type="radio"] {
		opacity: 0;
		width: 0;
		margin: 0;
		position: absolute;
		right: 0;
	}
	
	.administration .choix input[type="radio"] + label {
		display: block;
		cursor: pointer;
		background-color: #3c3b44;
		width: calc((100% - 15em) / 3);
		height: 6em;
		padding: 2em 2em 0;
		float: left;
		margin: 0 0.5em;
		line-height: inherit;
		text-align: right;
		background-position: -2em 50%;
		background-size: auto 170%;
		background-repeat: no-repeat;
		text-shadow: 0 0 5px #000;
		transition-duration: 0.1s;
	}
		
	.administration .choix input[type="radio"] + label:hover {
		background-color: #474651 !important;
		background-size: auto 180%;
	}
	
	.administration .choix #creerpodcast_label {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/choix_creer.png);
	}
	
	.administration .choix #migrerpodcast_label {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/choix_migrer.png);
	}
	
	.administration .choix #diffuserpodcast_label {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/choix_diffuser.png);
	}
	
	.administration .choix input[type="radio"] + label::before,
	.administration .choix input[type="radio"] + label::after {
		display: none;
	}
	
	.administration .choix input[type="radio"] + label div {
		margin-top: 1em;
		font-size: 0.9em;
		color: #ffffffab;
	}
	
	.administration .choix input[type="radio"]:checked + label {
		background-color: #52515c;
		outline: 3px solid #43424a;
		outline-offset: -3px;
	}
	
	.administration .information {
		color: #ffffffab;
	}
	
	.administration .rss_complete {
		margin: 2em 0 2em 0;
	}
	
	.administration .rss_complete_input,
	.administration .complete_input {
		margin: 1em 0 0 0;
	}
	
	.administration .retourpodcast {
		transition-duration: 0.1s;
	}
	
	.administration .input_dureemoyenne {
		width: 3em;
	}
	
	.administration #accept,
	.administration #acceptepconseil,
	.administration #acceptdetails {
		margin-top: 3em;
	}
	
	.administration #importlance {
		display: none;
	}
	
	.administration .result p a,	
	.administration .results p a,
	.administration .complete_input a {
		font-size: 1em;
	}
	
	.administration .formtotal input:not([type="radio"]),
	.administration .formtotal select,
	.administration .formtotal textarea {
		margin: 0.3em 0 1em;
		font-size: 0.9em;
	}
	
	.administration .formtotal input[type="number"] {
		width: 50px;
	}
	
	.administration .formtotal textarea {
		height: 10em;
	}
	
	.administration .formtotal textarea:read-only {
		color: #8c8c8c;
		background: #3f3e46;
		animation: mymove 3s infinite;
	}
	
	@keyframes mymove {
		50% {
			background: #4d4c57;
		}
	}
	
	.administration .formtotal .complete_input_logo {
		width: 5em;
		height: 5em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	.administration .formtotal #nomarge {
		margin-bottom: 0;
	}
	
	.administration .formtotal #input_imgbig_container,
	.administration .formtotal .logopodcast,
	.administration .formtotal .num {
		display: none;
	}
	
	.administration .formtotal #crop_image {
		width: 202px;
		animation: glowing 4000ms infinite;
	}
	@keyframes glowing {
		0% {
			box-shadow: 0 0 0 #000;
			transform: translatey(0px);
		}
		30% {
			box-shadow: 0 0 0 #000;
			transform: translatey(0px);
		}
		50% {
			box-shadow: 0 0 30px #000;
			transform: translatey(3px);
		}
		70% {
			box-shadow: 0 0 0 #000;
			transform: translatey(0px);
		}
		100% {
			box-shadow: 0 0 0 #000;
			transform: translatey(0px);
		}
	}
	
	.administration .formtotal .croppie-container .cr-slider-wrap {
		margin: unset;
		width: 175px;
	}
	
	.administration .formtotal .cr-slider {
		border-bottom: 0;
		background-color: #43424a;
	}
	
	.administration .formtotal .croppie-container .cr-boundary,
	.administration .formtotal .logopodcast {
		margin: unset;
		width: 200px !important;
		height: 200px !important;
		border: 0px;
		box-shadow: 0 0 20px #00000080;
		background-color: #fff !important;
	}
	
	.administration .formtotal .logopodcast {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		margin: 0.5em 0 0.3em 0;
	}
	
	.administration .formtotal .croppie-container .cr-viewport,
	.administration .formtotal .croppie-container .cr-resizer {
		border: 0;
		box-shadow: unset;
		width: 200px !important;
		height: 200px !important;
	}

	.administration #op3stats {
		overflow: hidden;
	}

	.administration #op3stats iframe {
		border: 0;
		width: 100%;
		height: 1040px;
		filter: brightness(140%) contrast(120%);
		margin-top: -7em;
		overflow: hidden;
	}

	.administration .statscharts {
		height: 300px;
		margin: 0 0 2em;
		width: 100%;
	}
	
	.administration .statschartstot {
		margin: 0 0 2em;
		padding: 25px 2.4%;
		width: 100%;
		height: 250px;
		background: #0d0d0d;
		text-align: left;
		overflow: auto;
		font-family: arial;
		color: #fff;
		font-size: 1em;
		box-sizing: border-box;
	}
	
	.administration .statschartstot ul {
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
		font-size: 13px;
		margin-top: 20px;
	}
	
	.administration .statschartstot li {
		font-size: 1em;
	}
	
	.administration .statschartstot b {
		font-size: 0.8em;
	}
	
	.administration .smartlink_none {
		opacity: 0.3;
		pointer-events: none;
	}
	
	.administration .formtotal #smartlink {
		list-style: none;
		padding: 0;
	}
	
	.administration .formtotal #smartlink li {
		background: #43424a;
		padding: 0.5em 0.5em;
		cursor: move;
		margin: 0 0 1em;
		width: calc(100% - 1em - 2px);
		height: 1.6em;
		text-align: center;
		border: 1px solid #ffffff10;
		transition-duration: 0.1s;
	}
	
	.administration .formtotal #smartlink li:hover {
		background: #474651;
	}
	
	.administration .formtotal #smartlink span {
		background-image: url(https://www.vodio.fr/assets/images/playlistremove.png);
		width: 2em;
		height: 2em;
		display: block;
		position: absolute;
		background-position: center;
		background-size: inherit;
		background-repeat: no-repeat;
		margin: -0.23em;
		cursor: pointer;
		transition-duration: 0.1s;
	}
	
	.administration .formtotal #smartlink span:hover {
		background-image: url(https://www.vodio.fr/assets/images/playlistremoveon.png);
		background-color: #5c5b60;
	}
	
	.administration .formtotal .smart_rs_back {
		background: #1c262b !important;
	}
	
	.administration .formtotal .smart_plateformes_back {
		background: #2b3a42 !important;
	}
	
	.administration .formtotal .smart_financement_back {
		background: #3e233d !important;
	}
	
	.administration .formtotal .smart_rss_back {
		background: #55422e !important;
	}
	
	.administration .formtotal .smart_vodio_back {
		background: #2c3448 !important;
	}
	
	.administration .formtotal .div_form {
		padding: 0.1em 1em;
		margin-bottom: 3em;
		border-left: 5px solid #b1b1b1;
	}
	
	.administration .formtotal #add {
		cursor: pointer;
		background: #568dbf;
		border-bottom: 0;
		width: 100%;
	}
	
	.administration .formtotal #add:hover {
		background: #3877b1;
	}
			
	.administration .sortsmart:first-child .upbutton {
		display: none;
	}
	
	.administration .sortsmart:last-child .downbutton {
		display: none;
	}
	
	.administration .downbutton,
	.administration .upbutton,
	.administration .delsmart {
		background-image: url(https://www.vodio.fr/assets/images/downbutton.png);
		width: 2em;
		height: 2em;
		display: block;
		position: absolute;
		background-position: center;
		background-size: 60%;
		background-repeat: no-repeat;
		margin: -0.1em 0 0 2em !important;
		cursor: pointer;
		border-bottom: 0;
		color: transparent !important;
		transition-duration: 0.1s;
	}
	
	.administration .upbutton {
		background-image: url(https://www.vodio.fr/assets/images/upbutton.png);
		margin: -0.1em 0 0 4em !important;
	}
	
	.administration .delsmart {
		background-image: url(https://www.vodio.fr/assets/images/playlistremove.png);
		margin: -0.1em 0 0 -0.1em !important;
	}
	
	.administration .downbutton:hover {
		background-image: url(https://www.vodio.fr/assets/images/downbuttonon.png);
	}
	
	.administration .upbutton:hover {
		background-image: url(https://www.vodio.fr/assets/images/upbuttonon.png);
	}
	
	.administration .delsmart:hover {
		background-image: url(https://www.vodio.fr/assets/images/playlistremoveon.png);
	}
	
	.administration .delrecord {
		position: unset !important;
		float: left;
		margin: -0.2em 0.3em 0 -0.1em !important;
	}
	
	.administration .ep_list {
		max-height: 200px;
		overflow: auto;
	}
	
	.administration .ep_list_rss {
		max-height: 600px !important;
	}
	
	.administration .lineep {
		background: #43424aa3;
		padding: 0.5em;
		cursor: pointer;
		font-size: 0.8em;
		margin-bottom: 0.5em;
		display: flex;
		position: relative;
		transition-duration: 0.1s;
	}
	
	.administration .lineep:hover {
		background: #43424a;
	}
	
	.administration .lineep .lineep_num {
		width: 12em;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	.administration .lineep .lineep_titre {
		width: 40em;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	.administration .lineep_titre  a {
		border-bottom: 0;
		font-size: 1em;		
	}
	
	.administration .lineep .lineep_actions {
		width: 11em;
		float: right;
		position: absolute;
		right: 1em;
		text-align: right;
	}
	
	.administration .lineep .lineep_actions button {
		aspect-ratio: 1/1;
		width: 2em;
		height: 2em;
		display: inline-flex;
		margin: 0.1em 0 -0.4em 1em;
		background-position: center;
		background-size: 65%;
		background-repeat: no-repeat;
		cursor: pointer;
		border-bottom: 0;
		transition-duration: 0.1s;
	}
	
	.administration .share {
		background-image: url(https://www.vodio.fr/assets/images/iconshare.png);
	}
	
	.administration .share:hover {
		background-image: url(https://www.vodio.fr/assets/images/iconshareon.png);
	}
	
	.administration .embed {
		background-size: 75% !important;
		background-image: url(https://www.vodio.fr/assets/images/iconembed.png);
	}
	
	.administration .embed:hover {
		background-image: url(https://www.vodio.fr/assets/images/iconembedon.png);
	}
	
	.administration .tovid {
		background-size: 75% !important;
		background-image: url(https://www.vodio.fr/assets/images/moncompte/tovid.png);
	}
	
	.administration .tovid:hover {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/tovidon.png);
	}
	
	.administration .actif[data-actif='1'] {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/offpodcast.png);
	}
	
	.administration .actif[data-actif='1']:hover {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/offpodcaston.png);
	}
	
	.administration .actif[data-actif='0'] {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/onpodcast.png);
	}
	
	.administration .actif[data-actif='0']:hover {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/onpodcaston.png);
	}
	
	.administration .files {
		background-size: 75% !important;
		background-image: url(https://www.vodio.fr/assets/images/moncompte/files.png);
	}
	
	.administration .files:hover {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/fileson.png);
	}
	
	.administration .files[data-actif='on'] {
		background-size: 75% !important;
		background-image: url(https://www.vodio.fr/assets/images/moncompte/files_.png);
	}
	
	.administration .files[data-actif='on']:hover {
		background-image: url(https://www.vodio.fr/assets/images/moncompte/files_on.png);
	}
	
	.administration #shareok,
	.administration #embedok {
		display: none;
		position: absolute;
		color: #000;
		background: #fff;
		width: fit-content;
		margin: 0 0 0 -6.7em;
		padding: 0.1em 0.5em;
		border-radius: 0.5em;
		opacity: 0.8;
		font-size: 0.8em;
	}
	
	.administration .videopod {
		display: none;
		height: 550px;
		z-index: 1;
		background-color: #2e2d35;
		box-shadow: 0 0 10px #000;
		position: absolute;
		margin-top: -22em;
		right: 10em;
	}
	
	.administration .videopod_rss {
		margin-top: -23em;
	}
	
	.administration .videopod_frame {
		height: 530px;
		width: 30em;
		margin: 0 auto;
	}
	
	.administration .videopod_close {
		position: absolute;
		color: #fff;
		padding: 0 0.3em 0.1em 0.3em !important;
		font-size: 1.3em !important;
		right: 0.4em;
		cursor: pointer;
		transition-duration: 0.1s;
		background: #5b5964 !important;
		border-radius: 0.2em;
		margin-top: 0.5em;
		width: auto !important;
	}

	.administration .videopod_close:hover {
		color: #49bde2;
	}
	
	.administration .frameuploadmp3 {
		width: 100%;
		height: 4em;
	}
	
	.administration #formaddepisode:not([data-actif="on"]) {
		display: none;
	}
	
	#uploadmp3btn {
		cursor: pointer;
		background: #568dbf;
		border-bottom: 0;
		width: fit-content;
		margin-right: 1em;
		padding: 0.2em 0.5em;
		font-size: 0.9em;
		border-radius: 0;
		color: #fff;
		outline: 0;
		transition-duration: 0.1s;
	}

	#uploadmp3btn:hover {
		background: #3877b1;
	}

	#uploadmp3btn:disabled {
		cursor: auto !important;
		background-color: #252528 !important;
		color: #848484 !important;
	}
	
	.uploadmp3retour {
		text-align: center;
		background-color: transparent !important;
		border: none !important;
		padding: 0 !important;
	}
	
	.uploadmp3retour button span {
		display: block !important;
		padding: 0.1em 0.4em !important;
	}
	
	.fileupload-progress {
		padding: 0 !important;
	}
	
	.progress-striped {
		background-color: #5c5c5c !important;
		height: 3px !important;
		margin-top: 0.5em !important;
		width: 100% !important;
	}
	
	.progress-bar-success {
		background-color: #49bde2 !important;
	}
	
	.administration .formtotal .resultsupload {
		display: none;
	}
	
	.administration .formtotal audio {
		width: 100%;
	}
	
	.administration .formtotal #audio-player_2 {
		width: calc(100% - 45px);
		margin-top: 0.5em;
		float: right;
	}
	
	.files_form {
		width: 90%;
		margin: 0 auto;
		font-size: 0.8em;
		text-align: justify;
	}
	
	.files_form iframe {
		width: 100%;
		margin: 2em 0 0;
		height: 4em;
	}
	
	.files_form iframe {
		width: 100%;
		margin: 2em 0 0;
		height: 4em;
	}
	
	.files_form .input_titre {
		margin-bottom: 0;
	}
	
	.files_form #namefile {
		font-size: 0.8em;
		padding: 0.6em 0;
		font-style: italic;
		color: #aaa;		
	}
	
	.files_form #accept {
		cursor: pointer;
		background: #568dbf;
		border-bottom: 0;
		width: 100%;
	}

	.files_form #accept:hover {
		background: #3877b1;
	}
	
	.files_form #accept:disabled {
		cursor: auto;
		background-color: #252528;
		color: #848484;
	}
	
	.files_form .list_files {
		max-height: 190px;
		overflow: auto;
	}
	
	.files_form .list_files ul {
		margin: 0;
		padding: 0;
		line-height: 2;
		list-style: none;
	}
	
	.files_form .list_files ul li {
		margin-bottom: 0.4em;
	}
	
	.files_form .list_files ul li a {
		color: #fff;
	}
	
	.files_form .list_files ul li a:hover {
		color: #568dbf;
	}
	
	.files_form .list_files ul li span:first-child {
		width: calc(100% - 4em);
		padding: 0 2em 0 0.5em;
		float: left;
		background-image: linear-gradient(to left, transparent, #43424a);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	.files_form .list_files ul li span:last-child {
		width: 1em;
		display: inline-flex;
		cursor: pointer;
		transition-duration: 0.1s;
	}
	
	.files_form .list_files ul li span:last-child a {		
		color: #fff;
		font-size: 1.2em;
		margin-top: -0.2em;
	}
	
	.files_form .list_files ul li span:last-child a:hover {
		color: #568dbf;
	}
	
	.administration .listactionspodcasts div {
		padding: 0.5em 0 0.5em 2em;
		background-position: 0 50%;
		background-size: 2% auto;
		background-repeat: no-repeat;
	}
	
	.administration .formpages {
		max-width: 750px;
	}
	
	.administration .formpages #frameupload {
		width: 100%;
		height: 4em;
	}
	
	.administration  #listitems {
		cursor: pointer;
		transition-duration: 0.1s;
		background: #43424a;
		width: fit-content;
		padding: 0.2em 0.7em 0.4em;
		border-radius: 4px;
	}
	
	.administration  #listitems:hover {
		color: #df9a41;
	}
	
	.administration .listitem {
		display: none;
	}
	
	.administration .formtotal ul {
		list-style: none;
		padding: 0;
	}
	
	.input_numero,
	.input_datetime {
		width: fit-content !important;
	}
	
	.administration .listitem li {
		background: #43424a;
		padding: 0.5em 0.5em;
		cursor: move;
		margin: 0 0 1em;
		width: calc(100% - 1em);
		height: 1.6em;
		text-align: center;
		transition-duration: 0.1s;
	}
	
	.administration .listitem li:hover {
		background: #474651;
	}
	
	.administration #liensprives {
		text-align: left;
	}
	
		@media (max-width: 1280px) {
			
			.moncompte_frame_content {
				font-size: 12pt;
			}
			
			.moncompte_frame_content .inscription,
			.moncompte_frame_content .connexion {
				width: 100%;
				padding: 2em 0 0 0;
				float: unset;
				width: calc(90% - 20em);
				margin: 0 auto;
			}
			
			.moncompte_frame_content .inscription {
				border: 0;
				border-bottom: 1px solid #fff;
				padding: 0;
			}
			
			.moncompte_frame_content p,
			.moncompte_frame_content button {
				font-size: 1.2em;
			}
			
			.moncompte_frame_content p {
				margin: 0.4em 0;
			}
			
			.moncompte_frame_content button {
				margin-bottom: 2em;
			}
			
			.moncompte_frame_content input,
			.moncompte_frame_content input {
				font-size: 1.2em;
			}
			
	
			.moncompte_frame_content .menu #expand {
				display: block;
				background-image: url(https://www.vodio.fr/assets/images/moncompte/expand_on.png);
			}
			
	
			.moncompte_frame_content .menu[data-active='on'] #expand {
				background-image: url(https://www.vodio.fr/assets/images/moncompte/expand_off.png);
			}
			
			.moncompte_frame_content .menu {
				font-size: 1.2em;
				width: 16em;
				position: absolute;
				transform: translateX(-14.3em);
				float: unset;
				z-index: 2;
			}
			
			.moncompte_frame_content .menu[data-active='on'] {
				font-size: 1.2em;
				width: 16em;
				position: absolute;
				transform: translateX(-0.7em);
				border-style: solid;
				border-width: 1px 1px 1px 5px;
				border-color: #b1b1b10d #b1b1b10d #b1b1b10d #b1b1b1;
			}
			
			.moncompte_frame_content .menu div,
			.moncompte_frame_content .menu button {
				background-position: calc(100% - 0.8em) 50% !important;
				color: transparent !important;
			}
			
			.moncompte_frame_content .menu[data-active='on'] div,
			.moncompte_frame_content .menu[data-active='on'] button {
				background-position: 0.8em 50% !important;
				color: #fff !important;
			}
			
			.moncompte_frame_content .menu a {
				color: transparent !important;
			}
			
			.moncompte_frame_content .menu[data-active='on'] a {
				color: #fff !important;
			}
			
			.administration {
				float: right;
				width: calc(100% - 5em);
			}
	
			.administration a,
			.administration p,
			.administration li {
				font-size: 1.1em;
			}
			
			.administration form {
				max-width: unset;
				width: 600px !important;
				float: left;
			}
			
			.administration input,
			.administration select {
				font-size: 1.1em;
			}
			
			.administration h2 {
				font-size: 1.2em;
			}
			
			.administration .teambtn {
				font-size: 1.1em;
			}
			
			.administration #autorisations span {
				font-size: 1.1em;
				margin-top: 1em;
				display: inline-block;
			}

			.administration .playstotal div {
				font-size: 1em;
			}
			
			.administration .plays a {
				font-size: 1em;
			}
			
			.administration .playstotal {
				margin: 0.5em 0 4em;
			}
	
			.administration .nbpage_inter {
				height: 1.4em;
			}
			
			.administration .hist_plays 
			.administration .hist_plays_termines {
				font-size: 1em;
			}
			
			.administration .playslist .plays {
				font-size: 1.3em;
			}
			
			.administration .playslist .plays_infos {
				font-size: 0.9em;
			}
			
			.administration p img {
				width: 1.5em;
			}
			
			.administration .playlist,
			.administration .favoris {
				padding: 0 1em 0em 3em;
			}
			
			.administration .choix input[type="radio"] + label {
				height: 10em;
				background-position: -6em 50%;
				background-size: auto 140%;
			}
			
			.administration .choix input[type="radio"] + label:hover {
				background-size: auto 150%;
			}
			
			.administration .formtotal p:first-child {
				margin-top: 0;
			}
			
			.administration .formtotal input:not([type="radio"]),
			.administration .formtotal select,
			.administration .formtotal textarea {
				font-size: 1.2em;
			}
			
			.administration .formtotal .croppie-container .cr-boundary,
			.administration .formtotal .logopodcast {
				width: 250px !important;
				height: 250px !important;
			}
			
			.administration .formtotal .croppie-container .cr-viewport,
			.administration .formtotal .croppie-container .cr-resizer {
				width: 250px !important;
				height: 250px !important;
			}
			
			.administration .formtotal .croppie-container .cr-slider-wrap {
				width: 220px;
				margin-top: 1em;
			}
			
			.administration .formtotal .croppie-container .cr-slider {
				height: 30px;
			}
			
			.administration .formtotal #crop_image {
				width: 250px;
			}
			
			.administration #transcriptspeed {
				width: 10%;
				padding: 0.5em 0 0.4em 0;
				margin: 1em 1% 0 0;
			}
			
			.administration .formtotal #audio-player_2 {
				width: calc(100% - 11%);
				margin-bottom: 0.2em;
			}
			
			.administration #op3stats iframe {
				height: 820px;
			}
			
			.administration .statschartstot b {
				font-size: 0.7em;
			}
			
			.administration .lineep {
				font-size: 1em;
			}
			
			.administration .lineep .lineep_titre {
				width: 26em;
			}
			
			.administration .lineep .lineep_actions button {
				width: 1.3em;
				height: 1.3em;
				margin: 0.1em 0 -0.4em 0.4em;
			}
			
			.administration .videopod {
				height: 510px;
				margin-top: -30em;
			}
			
			.uploadmp3retour button span{
				font-size: 1.2em;
			}
			
			.files_form {
				font-size: 0.9em;
			}
			
			.files_form .list_files {
				max-height: 170px;
			}
			
			.administration .listactionspodcasts div {
				font-size: 1.4em;
				padding: 0.5em 0 0.5em 1.5em;
			}
			
			.administration .downbutton,
			.administration .upbutton,
			.administration .delsmart {
				background-size: 50%;
				margin: -0.3em 0 0 1.3em !important;
			}
			
			.administration .upbutton {
				margin: -0.3em 0 0 3em !important;
			}
			
			.administration .delsmart {
				margin: -0.3em 0 0 -0.2em !important;
			}
			
		}
		
		@media (max-device-height: 900px) {
			
			.mouse_scroll {
				display: block;
				width: 48px;
				height: 200px;
				float: right;
				margin: 0.3em 2em 0 0;
				zoom: 0.3;
			}


			.m_scroll_arrows
			{
			  display: block;
			  width: 10px;
			  height: 10px;
			  -ms-transform: rotate(45deg); /* IE 9 */
			  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
			  transform: rotate(45deg);
			   
			  border-right: 4px solid white;
			  border-bottom: 4px solid white;
			  margin: 0 0 6px 8px;
			  
			  width: 32px;
			  height: 32px;
			}


			.unu
			{
			  margin-top: 2px;
			}

			.unu,
			.doi,
			.trei
			{
				-webkit-animation: mouse-scroll 1s infinite;
				-moz-animation: mouse-scroll 1s infinite;
				animation: mouse-scroll 1s infinite;
			  
			}

			.unu
			{
			  -webkit-animation-delay: 0.1s;
			  -moz-animation-delay: 0.1s;
			  -webkit-animation-direction: alternate;
			  
			  animation-direction: alternate;
			  animation-delay: alternate;
			}

			.doi
			{
			  -webkit-animation-delay: 0.2s;
			  -moz-animation-delay: 0.2s;
			  -webkit-animation-direction: alternate;
			  
			  animation-delay: 0.2s;
			  animation-direction: alternate;
			  
			  margin-top: -12px;
			}

			.trei
			{
			  -webkit-animation-delay: 0.3s;
			  -moz-animation-delay: 0.3s;
			  -webkit-animation-direction: alternate;
			  
			  animation-delay: 0.3s;
			  animation-direction: alternate;
			  
			  
			  margin-top: -12px;
			}

			.mouse {
			  height: 84px;
			  width: 48px;
			  border-radius: 28px;
			  transform: none;
			  border: 4px solid white;
			  top: 340px;
			}

			.wheel {
			  height: 10px;
			  width: 4px;
			  display: block;
			  margin: 10px auto;
			  background: white;
			  position: relative;
			  
			  height: 8px;
			  width: 8px;
			  border: 2px solid #fff;
			  -webkit-border-radius: 16px;
					  border-radius: 16px;
			}

			.wheel {
			  -webkit-animation: mouse-wheel 0.6s linear infinite;
			  -moz-animation: mouse-wheel 0.6s linear infinite;
			  animation: mouse-wheel 0.6s linear infinite;
			}

			@-webkit-keyframes mouse-wheel{
			   0% {
				opacity: 1;
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			  }

			  100% {
				opacity: 0;
				-webkit-transform: translateY(12px);
				-ms-transform: translateY(12px);
				transform: translateY(12px);
			  }
			}
			@-moz-keyframes mouse-wheel {
			  0% { top: 2px; }
			  25% { top: 4px; }
			  50% { top: 6px;}
			  75% { top: 4px;}
			  100% { top: 2px;}
			}
			@-o-keyframes mouse-wheel {

			   0% { top: 2px; }
			  25% { top: 4px; }
			  50% { top: 6px;}
			  75% { top: 4px;}
			  100% { top: 2px;}
			}
			@keyframes mouse-wheel {

			   0% { top: 2px; }
			  25% { top: 4px; }
			  50% { top: 6px;}
			  75% { top: 4px;}
			  100% { top: 2px;}
			}

			@-webkit-keyframes mouse-scroll {

			  0%   { opacity: 0;}
			  50%  { opacity: 0.5;}
			  100% { opacity: 1;}
			}
			@-moz-keyframes mouse-scroll {

			  0%   { opacity: 0; }
			  50%  { opacity: 0.5; }
			  100% { opacity: 1; }
			}
			@-o-keyframes mouse-scroll {

			  0%   { opacity: 0; }
			  50%  { opacity: 0.5; }
			  100% { opacity: 1; }
			}
			@keyframes mouse-scroll {

			  0%   { opacity: 0; }
			  50%  { opacity: 0.5; }
			  100% { opacity: 1; }
			}
			
			.moncompte_frame_content .max_container .message_compte {
				float: left;
				text-align: justify;
				width: 85%;
				margin: 0 0 2em 0;
				padding-top: 0 !important;
				font-size: 1.5em !important;
			}
			
		}

		@media (max-device-width: 480px) {
			
			.moncompte_frame_content {
				font-size: 22pt;
			}
			
			.moncompte_frame_content .inscription,
			.moncompte_frame_content .connexion {
				width: 100%;
			}
			
			.moncompte_frame_content .inscription form,
			.moncompte_frame_content .connexion form {
				margin: 0 5%;
			}
			
			.moncompte_frame_content .inscription p,
			.moncompte_frame_content .connexion p {
				font-size: 0.7em;
			}
			
			.moncompte_frame_content .connexion p:nth-child(6) {
				font-size: 1em;
			}
			
			.moncompte_frame_content .inscription button,
			.moncompte_frame_content .connexion button {
				margin-top: 1em;
			}
			
			.moncompte_frame_content .inscription .message_rgpd {
				font-size: 0.5em;
			}
			
			.moncompte_frame_content .connexion .message_rgpd {
				font-size: 0.6em;
			}
			
			.moncompte_frame_content .inscription input[type=submit],
			.moncompte_frame_content .connexion input[type=submit]{
				font-size: 1.5em;
			}
			
			.mouse_scroll {
				zoom: 1;
			}
			
			.moncompte_frame_content .max_container .message_compte {
				width: 72%;
			}
			
			.moncompte_frame_content .max_container form {
				width: 90%;
			}
			
			.moncompte_frame_content .menu {
				width: 18em !important;
				transform: translateX(-16.1em);
			}
			
			.administration {
				width: calc(100% - 4em);
			}
	
			.administration a,
			.administration p,
			.administration li {
				font-size: 0.9em;
			}
			
			.administration form {
				width: 100% !important;
			}
			
			.administration input,
			.administration select {
				font-size: 1.3em;
			}
			
			.administration input[type="button"] {				
				white-space: normal;
			}
			
			.administration h2 {
				font-size: 1.2em;
			}
			
			.administration .hist_plays 
			.administration .hist_plays_termines {
				font-size: 1em;
			}
	
			.administration .hist_plays_termines .plays_infos {
				margin-bottom: 1.5em;
			}
			
			.administration .playslist .plays {
				font-size: 1.4em;
			}
			
			.administration .playslist .plays_infos {
				font-size: 1.15em;
			}
			
			.administration .playslist .listepages {
				font-size: 1.05em;
			}
			
			.administration p img {
				width: 2em;
			}
			
			.administration .playlist,
			.administration .favoris {
				border-radius: 14px;
				background-size: auto 35%;
			}
			
			.administration .choix input[type="radio"] + label {
				float: unset;
				width: calc(100% - 4em);
				height: 7em;
				margin-bottom: 2em;
			}
			
			.administration .choix #creerpodcast_label[data-active='off'] div,
			.administration .choix #migrerpodcast_label[data-active='off'] div,
			.administration .choix #diffuserpodcast_label[data-active='off'] div {
				display: none;
			}
			
			.administration .choix #creerpodcast_label[data-active='off'],
			.administration .choix #migrerpodcast_label[data-active='off'],
			.administration .choix #diffuserpodcast_label[data-active='off'] {
				height: 4em;
				padding: 1em 2em 0;
			}
			
			.administration .result p,
			.administration .results p {
				font-size: 1.2em;
			}
			
			.administration .formtotal p {
				font-size: 0.8em;
			}
	
			.administration .formtotal input[type="number"] {
				width: 70px;
			}
			
			.administration .formtotal input:not([type="radio"]),
			.administration .formtotal select,
			.administration .formtotal textarea {
				font-size: 1.3em;
			}
	
			.administration .formtotal textarea {
				height: 7em;
			}
			
			.administration .formtotal .croppie-container .cr-boundary,
			.administration .formtotal .logopodcast {
				width: 400px !important;
				height: 400px !important;
			}
			
			.administration .formtotal .croppie-container .cr-viewport,
			.administration .formtotal .croppie-container .cr-resizer {
				width: 400px !important;
				height: 400px !important;
			}
			
			.administration .formtotal .croppie-container .cr-slider-wrap {
				width: 400px;
				margin-top: 1em;
			}
			
			.administration .formtotal .croppie-container .cr-slider {
				height: 70px;
			}
			
			.administration .formtotal #crop_image {
				width: 400px;
			}
			
			.administration #op3stats iframe {
				margin-top: -4em;
				height: 850px;;
			}
			
			.administration .statscharts {
				margin: 0 0 1em;
				zoom: 1.9;
			}
			
			.administration .statschartstot {
				height: 550px;
			}
			
			.administration .statschartstot b {
				font-size: 0.5em;
			}
			
			.administration .statschartstot ul {
				font-size: 0.9em;
			}
			
			.administration .formtotal #smartlink li {
				height: 2.2em;
				font-size: 1em;
			}
			
			.administration .formtotal #smartlink span {
				width: 2.7em;
				height: 2.7em;
				background-size: 65%;
			}
			
			.administration .lineep {
				display: block;
			}
			
			.administration .ep_list {
				max-height: 700px;
			}
			
			.administration .ep_list_rss {
				max-height: 800px !important;
			}
			
			.administration .lineep .lineep_num {
				display: none;
			}
			
			.administration .lineep .lineep_titre {
				width: 100%;
				-webkit-line-clamp: 2;
				line-clamp: 2;
			}
			
			.administration .lineep .lineep_actions {
				position: inherit;
				float: unset;
				text-align: left;
				width: 100%;
				margin: 0.5em 0 0.9em !important;
				right: 0;
			}
			
			.administration .lineep .lineep_actions button {
				width: 1.5em;
				height: 1.5em;
				margin: 0.1em 1em -0.4em 0;
			}
			
			.administration #shareok,
			.administration #embedok {
				margin: 0 0 0 14em;
				font-size: 1.1em;
			}
			
			.administration .videopod {
				right: 1em;
				height: 800px;
				margin-right: 0.1em;
				margin-top: -25em;
			}
			
			.administration .videopod_frame {
				width: 25em;
				height: 800px;
			}
			
			.administration .ajoutepisodeform p {
				font-size: 1.2em;
			}
			
			.fileinput-button,
			.uploadmp3retour button span {
				font-size: 1.3em;
			}
			
			.administration .formtotal audio {
				zoom: 2;
			}
			
			.administration .lineep_titre a {
				font-size: 1.2em;
			}
			
			.notsmart {
				display: none;
			}
			
			.files_form  form {
				margin: -1em 0 -3em 0;
				font-size: 1em;
			}
			
			.files_form  form input {
				font-size: 1.2em;
			}
			
			.files_form  form input:last-child {
				margin-top: -1em;
			}
			
			.files_form .list_files {
				max-height: 200px;
			}
			
			.files_form .list_files ul li {
				font-size: 1.3em;
			}
			
			.files_form .nolist {
				font-size: 0.9em;
				margin-top: 1em;
			}
			
			.files_form .addsize {
				font-size: 1.4em;
			}
	
			.files_form #namefile {
				font-size: 0.6em;
				padding: 0.3em 0 2.2em 0;	
			}
			
			.administration .listactionspodcasts div {
				background-size: 4.5% auto;
			}
			
			.administration .downbutton,
			.administration .upbutton,
			.administration .delsmart {
				background-size: 80%;
				margin: 0.15em 0 0 2em !important;
			}
			
			.administration .upbutton {
				margin: 0.15em 0 0 4em !important;
			}
			
			.administration .delsmart {
				margin: 0.15em 0 0 0 !important;
			}
			
		}


.jdlp_div span {
	font-size: 0.9em;
}

.jdlp_frame {
	max-width: 1290px !important;
	height: 480px!important;
}

	@media (max-width: 1280px) {
		.jdlp_div span { font-size: 1em; }
		.jdlp_frame { height: 780px!important; }
	}

	@media (max-device-width: 480px) {
		.jdlp_div { text-align: center !important; }
		.jdlp_div textarea { height: 200px; }
		.jdlp_div span { font-size: 1.3em; }
		.jdlp_div input { width: calc(100% - 1.6em) !important; }
		.jdlp_div input[type="submit"] { width: 100% !important; }
		.jdlp_audio { zoom: 2.5; width: 90% !important; margin: 2em 0 !important; }
		.jdlp_frame { height: 1600px!important; }
	}


/* Podcasthon */

.podcasthon_out {
	margin: 0 auto;
}

.podcasthon {
	background: url('https://www.badgeek.fr/images/partenaires/podcasthon.png'), linear-gradient(288.83deg,#fca000 4.3%,#fc5b00 76.65%,#fc5b00 0);
	background-size: auto 70%, auto;
	background-repeat: no-repeat;
	background-position: 5%;
	border-radius: 16px;
	width: calc(100% - 9em);
	color: #fff;
	padding: 1em 1em 1em 8em;
	text-align: right;
	font-size: 0.7em;
}

.podcasthon p {
	font-weight: 400;
	font-size: 1.2em;
	text-align: right;
}

.podcasthon p:first-child {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.5em;
}

.podcasthon a {
	color: #fff !important;
	background: #4478bb;
	padding: 0.6em 1.2em;
	margin: 1.5em 0.5em 1em;
	border-radius: 8px;
	display: inline-block;
	border-bottom: 0 !important;
	font-size: 1em !important;
	transition-duration: 0.3s;
}

.podcasthon a:hover {
	background: #2d5182;
}

	@media (max-width: 1280px) {
		
		.podcasthon {
			text-align: center;
			padding: calc(200px + 4em) 2em 1em;
			width: calc(100% - 4em);
			background-size: auto 200px, auto;
			background-position: 50% 10%;
			font-size: 1em;
		}
		
		.podcasthon p {
			text-align: center;
			font-size: 1.1em;
		}
		
		.podcasthon p:first-child {
			font-size: 1.3em;
		}
		
		.podcasthon a {
			font-size: 1.1em !important;
		}
		
	}
	
	@media (max-device-width: 480px) {
		
		.podcasthon {
			padding: calc(240px + 8em) 2em 3em;
			background-size: auto 240px, auto;
		}
		
		.podcasthon p {
			font-size: 1.5em;
			margin-bottom: 2em;
		}
		
		.podcasthon p:first-child {
			font-size: 1.2em;
		}
		
		.podcasthon a {
			font-size: 1.2em !important;
			display: block;
			padding: 0.6em 0.8em;
			margin: 0 0 2em;
			width: max-content;
			margin-left: auto;
			margin-right: auto;
		}
		
	}