.podcast-wrapper {
	width: 100%;
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.contenu_audio {
	flex: 1;
	display: flex;
	flex-direction: column;
	max-height: 204px; /* même hauteur que .visual_podcast */
	overflow: hidden;
}

	.contenu_audio h2 {
		flex: 0 0 auto;
		margin: 0;
		padding: 5px 0;
	}

	.contenu_audio > div {
		flex: 1 1 auto;
		overflow-y: auto;
		padding-right: 5px;
	}

@media screen and (max-width: 1024px) {
	.full-mode {
		flex-direction: column-reverse !important;
		align-items: center !important;
	}
}


	.visual_podcast {
		width: 204px;
		height: 204px;
		border-radius: 15px;
		display: relative;
		overflow: hidden;
		border-radius: 15px;
		position: relative;
	}

		.visual_podcast img {
			border-radius: 15px;
			background-size: cover;
			width: 100%;
		}

	.overlayPlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer
	}

		.overlayPlay::before {
			content: "\f04b";
			font-weight: 900;
			font-size: 48px;
			color: white;
			font-family: FontAwesome;
			font-size-adjust: none;
			font-kerning: auto;
			font-optical-sizing: auto;
			font-variant-alternates: normal;
			font-variant-east-asian: normal;
			font-variant-emoji: normal;
			font-variant-ligatures: normal;
			font-variant-numeric: normal;
			font-variant-position: normal;
			font-language-override: normal;
			font-feature-settings: normal;
			font-variation-settings: normal;
		}

	.overlayPause {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 10;
		cursor: pointer
	}

		.overlayPause::before {
			content: "\f04c";
			font-weight: 900;
			font-size: 48px;
			color: #fff;
			font-family: FontAwesome;
			font-size-adjust: none;
			font-kerning: auto;
			font-optical-sizing: auto;
			font-variant-alternates: normal;
			font-variant-east-asian: normal;
			font-variant-emoji: normal;
			font-variant-ligatures: normal;
			font-variant-numeric: normal;
			font-variant-position: normal;
			font-language-override: normal;
			font-feature-settings: normal;
			font-variation-settings: normal;
		}



	.media-player {
		display: flex;
		align-items: center;
		background-color: #1e1e1e;
		padding: 10px 20px;
		border-radius: 8px;
		color: #fff;
		font-family: sans-serif;
		gap: 10px;
		width: 100%;
		margin-top: 10px;
	}

	.skip-btn {
		background: none;
		border: none;
		color: #ccc;
		font-size: 14px;
		cursor: pointer;
		padding: 5px;
	}

	.time {
		font-size: 12px;
		min-width: 40px;
		text-align: center;
	}

	.progress-container {
		flex: 1;
		position: relative;
		height: 24px;
		cursor: pointer;
	}

	.progress-bar {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: 4px;
		width: 100%;
		background-color: #444;
		border-radius: 2px;
	}

	.progress-fill {
		height: 100%;
		background-color: #00aaff;
		width: 0%;
		border-radius: 2px;
	}

	.playhead {
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 12px;
		height: 12px;
		background-color: #00aaff;
		border-radius: 50%;
	}

	.reduction_contenu {
		justify-items: center;
		justify-content: center;
		flex-direction: column
	}

	.reduction_titre {
		font-size: 18px;
	}

	.reduction_image {
		transform: scale(0.8);
		transform-origin: top left
	}

	.reduction_visual_podcast {
		width: 104px;
		height: 104px;
		border-radius: 15px;
		display: relative;
		overflow: hidden;
		border-radius: 15px;
		position: relative;
	}

	#une_audio {
		/**margin-top: 30px;**/
	}