* {
	margin: 0;
	padding: 0;

	box-sizing: border-box;

	outline: none;

	font-family: "Roboto", "Arial", sans-serif;
}

svg, img, video {
	fill: inherit;
	color: inherit;

	display: block;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

:root {
	--color-primary-1: rgba(5, 5, 5);
	--color-primary-2: rgba(20, 20, 20);
	--color-primary-3: rgba(35, 35, 35);

	--padding-mega-block: 16px;

	--padding-window-lr: 64px;
	--width-window: 1360px;

	--padding-lr-header: 16px;
	--height-header: 64px;
	--width-header: 0px;
}

body {
	background-color: var(--color-primary-1);
	color: #fff;
	fill: #fff;

	font-size: 14px;
	line-height: 1.3em;
	letter-spacing: 0.03em;
}

header {
	z-index: 9999;
	padding-left: var(--padding-lr-header);
	padding-right: var(--padding-lr-header);

	/* scrolling */
	background-color: var(--color-primary-1);
}

header.top-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	height: var(--height-header);

	padding-top: 8px;
	padding-bottom: 8px;

	display: flex;
	align-items: center;
	justify-content: space-between;
}

header.top-header li:nth-child(1) { margin-left: 0; }
header.top-header li { margin-left: 16px; }

header.top-header li a.cta {
	background-color: #fff;
	color: #000;

	padding: 10px 16px;
}

header.top-header li a.user-account img {
	border-radius: 100%;
}


header.top-header .form-search {
	position: relative;
}

.form-search .form-search-subjection {
	z-index: 1;
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;

	background: var(--color-primary-2);
	border-radius: 8px;
	overflow: hidden;
}

.form-search .form-search-subjection ol {
	list-style: none;
}

.form-search .form-search-subjection ol li { margin: 0; }

.form-search .form-search-subjection ol li a {
	display: flex;
	align-items: center;

	padding: 8px;
}

.form-search .form-search-subjection ol li a:hover {
	background-color: #0069ff;
}

.form-search .form-search-subjection ol li a img {
	object-fit: cover;
	border-radius: 8px;

	width: 48px;
	height: 48px;
}

.form-search .form-search-subjection ol li a .info {
	margin-left: 8px;
}

header.top-header .form-search input,
header.top-header .form-search button {
	border: none;
	background: transparent;
}

header.top-header .form-search button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 40px;
	height: 40px;

	color: rgba(180, 180, 180);
	fill: rgba(180, 180, 180);

	cursor: pointer;
}

header.top-header .form-search button svg {
	width: 18px;
	height: 18px;
}

header.top-header .form-search input {
	padding-left: 40px;

	height: 40px;
	width: 280px;

	border-radius: 128px;
	border: solid 1px rgba(180, 180, 180);
	color: inherit;
}

header.top-header .form-search input:focus {
	border: solid 1px rgba(255, 255, 255);
}









header.left-header {
	position: fixed;
	top: var(--height-header);
	left: -100%;
	bottom: 0;

	width: var(--width-header);

	padding-bottom: calc(var(--padding-lr-header) - 16px);

	padding-left: calc(var(--padding-lr-header) - 16px);
	padding-right: calc(var(--padding-lr-header) - 16px);

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	transition: 0.2s;

	overflow: auto;
}

.left-header-open header.left-header {
	left: 0;

	transition: 0.2s;
}

header.left-header a {
	padding: 12px 16px;

	background-color: transparent;

	display: flex;
	align-items: center;
}

header.left-header a.cta {
	background-color: #0069ff;
}
header.left-header a.cta:hover {
	background-color: #1d457c;
}

header.left-header a span.text { margin-left: 12px; }

header.left-header a:hover {
	background-color: var(--color-primary-3);
}

header.left-header .option-account a {
	padding-top: 8px;
	padding-bottom: 8px;
}

header.left-header .user-account {
	display: flex;
	align-items: center;
}

header.left-header .user-account .avatar img {
	border-radius: 100%;

	width: 32px;
	height: 32px;
	object-fit: cover;
}

header.left-header .user-account .text {
	margin-left: 8px;
}





/* */
footer {
	background-color: var(--color-primary-1);
	padding: 16px;
}

footer ul {
	list-style: none;
}

footer .footer-menu-content {
	display: flex;

	border-top: solid 1px var(--color-primary-3);
	border-bottom: solid 1px var(--color-primary-3);
	padding-bottom: var(--padding-size);
	margin-bottom: var(--padding-size);

	margin-top: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

footer .footer-menu-content .item_menu {
	min-width: 240px;
}

footer .footer-menu-content .item_menu.big {
	width: 400px;
	padding-right: 16px;
}

footer .footer-menu-content .item_menu.big .title {
	margin-bottom: 16px;
	display: block;
}

footer .footer-menu-content .item_menu.big p {
	margin-bottom: 8px;
}

@media (max-width: 900px) {
	footer .footer-menu-content {
		flex-wrap: wrap;
	}
	footer .footer-menu-content .item_menu {
		min-width: 50%;

		margin-top: 16px;
	}

	footer .footer-menu-content .item_menu.big {
		width: 100%;
	}

	footer .footer-menu-content .item_menu:nth-child(1) { margin-top: 0; }
}

@media (min-width: 900px) {
	footer .social {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

footer .footer-menu-content .item_menu li.title {
	margin-top: 32px;
	margin-bottom: 16px;
}
footer .footer-menu-content .item_menu li:nth-child(1) { margin-top: 0; }
footer .footer-menu-content .item_menu li {
	margin-top: 8px;
}

footer .footer-menu-content .item_menu a {
	text-decoration: none;
	color: inherit;
	opacity: 0.6;

	font-size: 14px;
}

footer .footer-menu-content .item_menu a:hover {
	opacity: 1.0;
}

footer .social {
	opacity: 0.6;
}

footer .social p {
	margin-bottom: 8px;
}

footer .social svg {
	height: 24px;
	width: 24px;
}

footer .social ul {
	display: flex;
	justify-content: flex-end;
}

footer .social ul li:nth-child(1) { margin-left: 0; }
footer .social ul li {
	margin-left: 16px;
}

footer .social ul li a {
	text-decoration: none;
	color: inherit;

	font-size: 14px;
	opacity: 0.6;
}
footer .social ul li a:hover {
	opacity: 1.0;
}












.window-contenaire {
	margin-top: var(--height-header);
	margin-left: var(--marg-width-header);
}


.enn-main-home .banner-homepage {
	overflow: hidden;
}

.enn-main-home .banner-homepage .head {
	padding: 16px;

	display: flex;
	align-items: center;
	justify-content: space-between;
}
.enn-main-home .banner-homepage .head .banner-buttons-controls {
	display: flex;
}
.enn-main-home .banner-homepage .head span:nth-child(1) { margin-left: 0; }
.enn-main-home .banner-homepage .head span {
	height: 10px;
	width: 10px;

	border-radius: 100%;

	background-color: rgba(80, 80, 80);
	display: block;

	margin-left: 8px;
}
.enn-main-home .banner-homepage .head span.actif { background: #fff; }

.enn-main-home .banner-homepage .all-banner {
	display: flex;
	flex-wrap: nowrap;

	transition: .5s;
}

.enn-main-home .banner-homepage .all-banner .banner-item {
	flex: none;

	width: 100%;
	height: 200px;
}
.enn-main-home .banner-homepage .all-banner .banner-item img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}


/* */
.enn-main-home.list-subject-watchs .item-subject-watch:nth-child(1) { margin-top: 0; }
.enn-main-home.list-subject-watchs .item-subject-watch { margin-top: 16px; }

.enn-main-home.list-subject-watchs .item-subject-watch .head {
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 16px 24px;
}

.enn-main-home.list-subject-watchs .item-subject-watch.loading .head .name {
	background: rgba(30, 30, 30);
	height: 24px;
	width: 20%;

	position: relative;
	overflow: hidden;
}
.enn-main-home.list-subject-watchs .item-subject-watch.loading .head .name::before {
	content: "";

	background: linear-gradient(90deg,transparent 0%, rgba(60, 60, 60) 50%, transparent 100%);

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	animation: ani 2s infinite;
}

.enn-main-home.list-subject-watchs .item-subject-watch ul {
	display: flex;
	flex-wrap: nowrap;

	padding: 0 16px;
}

.enn-main-home.list-subject-watchs .item-subject-watch ul li a {
	display: block;
	padding: 8px;
	border: solid 1px transparent;
}

.enn-main-home.list-subject-watchs .item-subject-watch ul li a:hover {
	border: solid 1px rgba(150, 150, 150, 1.0);
}

.enn-main-home.list-subject-watchs .item-subject-watch.loading ul li .min {
	background: rgba(30, 30, 30);

	position: relative;
	overflow: hidden;
}
.enn-main-home.list-subject-watchs .item-subject-watch.loading ul li .min::before {
	content: "";

	background: linear-gradient(90deg,transparent 0%, rgba(60, 60, 60) 50%, transparent 100%);

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	animation: ani 2s infinite;
}
.enn-main-home.list-subject-watchs .item-subject-watch.loading ul li img { opacity: .0; }

.enn-main-home.list-subject-watchs .item-subject-watch ul li img {
	width: 100%;
}

.enn-main-home.list-subject-watchs .item-subject-watch ul li .content {
	padding-top: 8px;
}

.enn-main-home.list-subject-watchs .item-subject-watch ul li .content span {
	display: block;
}

.enn-main-home.list-subject-watchs .item-subject-watch.loading ul li .content span.title {
	background: rgba(30, 30, 30);
	height: 40px;
	width: 100%;

	position: relative;
	overflow: hidden;
}
.enn-main-home.list-subject-watchs .item-subject-watch.loading ul li .content span.title::before {
	content: "";

	background: linear-gradient(90deg,transparent 0%, rgba(60, 60, 60) 50%, transparent 100%);

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	animation: ani 2s infinite;
}

@keyframes ani {
	from {transform: translateX(-100%);}
	to { transform: translateX(100%); }
}


/* */
.enn-main-catalogue .catalogue-banner {
	position: relative;
}

.enn-main-catalogue .catalogue-banner .min {
}

.enn-main-catalogue .catalogue-banner .min img {
	height: 160px;
	width: 100%;

	object-fit: cover;
}

.enn-main-catalogue .catalogue-banner .min span.shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	height: 160px;

	background: linear-gradient(0deg, var(--color-primary-2) 0%, transparent 100%);
}

.enn-main-catalogue .catalogue-banner .content {
	padding: var(--padding-mega-block);

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.enn-main-catalogue .catalogue-banner .content .list-info {
	margin-top: 32px;
}

.enn-main-catalogue .catalogue-banner .content .list-info li:nth-child(1) { margin-left: 0; }
.enn-main-catalogue .catalogue-banner .content .list-info li { margin-left: 16px; }

.enn-main-catalogue .catalogue-banner .content h1 {
	font-size: 32px;
	line-height: 1.3em;
}
.enn-main-catalogue .catalogue-banner .content p.description {
	font-size: 18px;
	line-height: 1.3em;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action {
	margin-top: 32px;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action ul {
	display: flex;
	flex-wrap: nowrap;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action li:nth-child(1) { margin-left: 0; }
.enn-main-catalogue .catalogue-banner .list-catalogue-user-action li { flex: none; margin-left: 16px; }

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a {
	background-color: var(--color-primary-3);

	display: flex;
	align-items: center;

	padding: 4px 12px;
	border-radius: 32px;

	cursor: pointer;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a#follow-channel-button {
	background-color: #0069ff;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a#follow-channel-button:hover { background: #1d457c; }

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a#like-channel-button.actif,
.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a#unlike-channel-button.actif,
.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a#follow-channel-button.actif {
	background-color: #fff;
	color: #000;
	fill: #000;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a span.text {
	margin-left: 8px;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a svg {
	height: 24px;
	width: 24px;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-stream-plateform {
	margin-top: 32px;
}

.enn-main-catalogue .catalogue-banner .list-catalogue-stream-plateform li:nth-child(1) { margin-left: 0; }
.enn-main-catalogue .catalogue-banner .list-catalogue-stream-plateform li { margin-left: 32px; }

.enn-main-catalogue .catalogue-menu-onglet li {
	width: 100%;
}
.enn-main-catalogue .catalogue-menu-onglet a {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 7px 15px;
	border: solid 1px transparent;
}

.enn-main-catalogue .catalogue-menu-onglet a:hover {
	border: solid 1px rgba(150, 150, 150, 1.0);
}

.enn-main-catalogue .catalogue-menu-onglet a svg {
	height: 24px;
	width: 24px;
}

.enn-main-catalogue .catalogue-menu-onglet a span.text { margin-left: 8px; }

.enn-main-catalogue .catalogue-list-watchs .head {
	padding: 16px;

	display: flex;
	align-items: center;
	justify-content: space-between;
}

.enn-main-catalogue .catalogue-list-watchs .head select {
	padding: 7px 15px;

	background-color: var(--color-primary-2);
	color: #fff;
	border: solid 1px rgba(150, 150, 150, 1.0);
}

.enn-main-catalogue .catalogue-list-watchs ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.enn-main-catalogue .catalogue-list-watchs li {
	border: solid 1px transparent;
}

.enn-main-catalogue .catalogue-list-watchs li:hover {
	border: solid 1px rgba(150, 150, 150, 1.0);
}

.enn-main-catalogue .catalogue-list-watchs li a {
	display: block;

	padding: 15px;
}

.enn-main-catalogue .catalogue-list-watchs li span.title,
.enn-main-catalogue .catalogue-list-watchs li span.langs {
	display: block;
}

.enn-main-catalogue .catalogue-list-watchs li img {
	width: 100%;
}


.enn-main-catalogue .catalogue-about .content {
	padding: 16px;

	display: block;

	word-break: break-word;
}

.enn-main-catalogue .catalogue-about .content .poster {
	margin-right: 16px;
}

.enn-main-catalogue .catalogue-about .content h2 {
	margin-bottom: 16px;

	font-size: 24px;
	line-height: 1.3em;
}

.enn-main-catalogue .catalogue-about .content p {
	margin-bottom: 16px;
}

.enn-main-catalogue .catalogue-about .content ul {
	flex-wrap: wrap;
}

.enn-main-catalogue .catalogue-about .content ul li { margin-right: 8px; }

.enn-main-catalogue .catalogue-about .content ul li a {
	opacity: 0.4;
}

.enn-main-catalogue .catalogue-about .content ul li a:hover {
	text-decoration: underline;
}

.enn-main-catalogue .catalogue-reports .cont {
	border: solid 1px transparent;

	display: block;

	cursor: pointer;
}

.enn-main-catalogue .catalogue-reports .cont .button {
	display: flex;
	align-items: center;

	padding: 15px;
}

.enn-main-catalogue .catalogue-reports .cont .sub_content {
	position: relative;

	margin-top: 8px;
	border-top: solid 1px transparent;

	line-height: 1.5em;

	display: none;
}

.enn-main-catalogue .catalogue-reports .cont .information {
	padding: 15px;

	cursor: auto;
}

.enn-main-catalogue .catalogue-reports .cont.open .sub_content { display: block; }

.enn-main-catalogue .catalogue-reports .cont.open .sub_content,
.enn-main-catalogue .catalogue-reports .cont:hover .sub_content {
	border-top: solid 1px rgba(150, 150, 150, 1.0);
}
.enn-main-catalogue .catalogue-reports .cont.open,
.enn-main-catalogue .catalogue-reports .cont:hover {
	border: solid 1px rgba(150, 150, 150, 1.0);
}

.enn-main-catalogue .catalogue-reports .cont svg {
	width: 24px;
	height: 24px;
}

.enn-main-catalogue .catalogue-reports .cont span.icon { margin-right: 16px; }

.enn-main-catalogue .catalogue-reports .cont .text span {
	display: block;
}

.enn-main-catalogue .catalogue-reports .cont .text span.name {
	font-weight: 800;
}

.enn-main-catalogue .catalogue-reports .cont .text span.sub_name {
	margin-top: 8px;
}

.enn-main-catalogue .catalogue-reports .cont .sub_content ul {
	display: flex;

	position: relative;
}

.enn-main-catalogue .catalogue-reports .cont .sub_content ul li {
	width: calc(100% / 4);
}

.enn-main-catalogue .catalogue-reports .cont .sub_content ul li a {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 8px 15px;
	border: solid 1px rgba(10, 10, 10, 1.0);
}

.enn-main-catalogue .catalogue-reports .cont .sub_content ul li a:hover {
	border: solid 1px rgba(150, 150, 150, 1.0);
}

.enn-main-catalogue .catalogue-images .content ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.enn-main-catalogue .catalogue-images ul img {
	width: 100%;

	object-fit: cover;
}

.enn-main-catalogue .catalogue-images a {
	padding: 15px;
	display: block;

	border: solid 1px transparent;
}

.enn-main-catalogue .catalogue-images a:hover{
	border: solid 1px rgba(150, 150, 150, 1.0);
}



/* */
.depot-form-contenaire {
	max-width: 480px;
}

.depot-form-contenaire .content {
	padding: 16px;
}




/* */
.player-video {
	display: block;

	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.player-video .contenaire-player-data {
	position: relative;
}

.player-video #player {
	position: relative;
}

.player-video .contenaire-player iframe,
.player-video .contenaire-player video {
	width: 100%;
	height: 100%;

	display: block;
}

.player-video .player-info {
	padding: calc(var(--padding-lr-header) / 2);
	overflow: auto;
}

.player-video h2,
.player-video h3 {
	line-height: 1.3em;
}

.player-video  h2 {
	font-size: 24px;
}

.player-video  h3 {
	font-size: 14px;
	font-weight: 500;

	margin-bottom: 8px;
}

.player-video .infoplayer-others .content-description {
	margin-top: 16px;
	padding: 16px;
	background: rgba(25, 25, 25);
	border-radius: 8px;

	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;

	cursor: pointer;
}
.player-video .infoplayer-others .content-description:hover {
	background: rgba(35, 35, 35);
}




.player-video .player-controls {
	margin-top: 16px;
}

.player-video .player-controls ul {
	list-style: none;

	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-gap: 8px;
}

.player-video .player-controls ul li {
	width: 100%;
}

.player-video .player-controls ul li svg {
	height: 16px;
	width: 16px;

	fill: inherit;
	color: inherit;
}

.player-video .player-controls ul li:nth-child(1) span.text { margin-left: 8px; }
.player-video .player-controls ul li:nth-child(2) span.text { margin-left: 8px; }
.player-video .player-controls ul li:nth-child(3) span.text { margin-right: 8px; }

.player-video .player-controls ul li a {
	text-decoration: none;
	color: inherit;

	display: flex;
	align-items: center;

	padding: 16px;
	background: rgba(35, 35, 35);
	font-weight: 500;
	color: #fff;
	fill: #fff;
	border-radius: 8px;
}

.player-video .player-controls ul li a:hover {
	background: rgba(45, 45, 45);
}

.player-video .player-controls ul li:nth-child(3) a { justify-content: flex-end; }




.player-video .channel-info {
	display: flex;
	align-items: center;

	margin-top: 16px;
}

.player-video .channel-info img { border-radius: 4px; }

.player-video .channel-info .text {
	margin-left: 16px;
}

.player-video .channel-info .text span {
	display: block;
}

.player-video .channel-info .text span.title {
	font-size: 18px;
	line-height: 1.3em;

	margin-bottom: 16px;
}

.player-video .channel-info .text a {
	text-decoration: none;
	color: inherit;

	font-size: 13px;
}

.contenaire-player .player-controls {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.contenaire-player .player-controls .top,
.contenaire-player .player-controls .bottom {
	padding: 16px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	background: linear-gradient(0deg, rgba(0, 0, 0, 1.0) 0%, transparent 100%);
}

.contenaire-player .player-controls .top {
	background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 1.0) 100%);
}

.contenaire-player .player-controls .player-controls-button-list ul {
	list-style: none;

	display: flex;
	align-items: center;
}

.contenaire-player .player-controls .player-controls-button-list button {
	padding: 12px;

	border: none;
	border-radius: 8px;

	background-color: transparent;
	fill: #fff;
	color: #fff;

	cursor: pointer;

	transition: 0.3s;
}
.contenaire-player .player-controls .player-controls-button-list button:hover {
	background-color: rgba(255, 255, 255, 0.3);

	color: #0069ff;
	fill: #0069ff;

	transition: 0.3s;
}

.contenaire-player .player-controls .player-controls-button-list button svg {
	display: block;

	width: 24px;
	height: 24px;

	fill: inherit;
	color: inherit;

	pointer-events: none;
}

.contenaire-player .player-controls .player-controls-button-list .item-string {
	display: flex;
	margin-left: 8px;
}

.contenaire-player .player-controls .player-controls-button-list .item-string span.sep {
	margin-left: 4px;
	margin-right: 4px;
}

.contenaire-player .player-controls .bottom .player-controls-bar {
	width: 100%;
	display: block;
	margin-left: 8px;
	margin-right: 8px;
}

.contenaire-player .player-controls .progress-bar {
	position: relative;

	width: 100%;
	height: 3px;

	border-radius: 8px;
	overflow: hidden;

	background: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

.contenaire-player .player-controls .progress-bar:hover {
	height: 5px;
}

.contenaire-player .player-controls .progress-bar .currenttime {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	display: block;

	width: 0%;
	height: 100%;

	background: #0069ff;
}

.contenaire-player .player-controls .progress-bar .bufftime {
	display: block;

	width: 0%;
	height: 100%;

	background: #1d457c;
}

.liste-player-langue ul {
	display: flex;
	align-content: center;
	list-style: none;
}

.liste-player-langue li svg {
	width: 48px;
	opacity: .2;
}
.liste-player-langue li.focus svg { opacity: 1; }

.liste-player {
	margin-top: 16px;

	background-color: var(--color-primary-2);
	border-radius: 8px;

	padding: 8px;
}

.liste-player .item-lang-player:nth-child(1) { border-top:none; }
.liste-player .item-lang-player {
	border-top: solid 1px var(--color-primary-3);
}

.liste-player .item-lang-player .content { display: none; }
.liste-player .item-lang-player.open .content {
	display: block;
}

.liste-player .item-lang-player .head {
	display: flex;
	justify-content: space-between;
	align-items: center;

	cursor: pointer;
}

.liste-player .item-lang-player .indice svg {
	color: #fff;
	fill: #fff;

	display: block;

	width: 24px;
	height: 24px;
	transform: rotate(-90deg);

	transition: .2s;
}

.liste-player .item-lang-player.open .indice svg {
	transform: rotate(0deg);

	transition: .2s;
}

.liste-player .item-lang-player .head span.title-list {
	font-size: 14px;
	line-height: 1.3em;
	opacity: 0.3;

	padding: 8px;
	display: block;

	transition: 0.2s;
}
.liste-player .item-lang-player .head:hover span.title-list {
	opacity: 0.6;

	transition: 0.2s;
}

.liste-player ul {
	list-style: none;
}

.liste-player a {
	display: flex;
	align-items: center;

	padding: 8px;
	border-radius: 4px;

	cursor: pointer;
}

.liste-player .item-lang-player a svg {
	color: #0069ff;
	fill: #0069ff;

	display: none;

	width: 18px;
	height: 18px;
	transform: rotate(-90deg);

	transition: .2s;

	margin-right: 8px;
}

.liste-player .item-lang-player a.focus svg {
	display: block;

	animation: actifPlayer 2s infinite;
}

@keyframes actifPlayer {
	from { transform: rotate(190deg); }
	50% { transform: rotate(0deg); }
	to { transform: rotate(-190deg); }
}

.liste-player a:hover{
	background-color: var(--color-primary-3);
}



/* */
.enn-main-home .form-search {
	position: relative;

	margin: 16px;
}

.enn-main-home .form-search input,
.enn-main-home .form-search button {
	border: none;
	background: transparent;
}

.enn-main-home .form-search button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 40px;
	height: 40px;

	color: rgba(180, 180, 180);
	fill: rgba(180, 180, 180);

	cursor: pointer;
}

.enn-main-home .form-search button svg {
	width: 18px;
	height: 18px;
}

.enn-main-home .form-search input {
	padding-left: 40px;

	height: 40px;
	width: 100%;

	border-radius: 128px;
	border: solid 1px rgba(180, 180, 180);
	color: inherit;
}

.enn-main-home .form-search input:focus {
	border: solid 1px rgba(255, 255, 255);
}



/* */
.enn-main-catalogue .catalogue-list-avis {

}

.enn-main-catalogue .catalogue-list-avis li:nth-child(1) .avis-item { border-top:  none; }

.enn-main-catalogue .catalogue-list-avis .avis-item {
	display: grid;
	grid-template-columns: 96px 1fr;

	border-top: solid 1px rgba(150, 150, 150, 1.0);
}

.enn-main-catalogue .catalogue-list-avis .avis-item .left,
.enn-main-catalogue .catalogue-list-avis .avis-item .right {
	padding: 16px;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .userinfo {
	text-align: center;

	margin-bottom: 8px;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .userinfo img {
	border-radius: 100%;

	margin-bottom: 8px;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .avis-note {}

.enn-main-catalogue .catalogue-list-avis .avis-item .avis-note span {
	display: block;
	text-align: center;

	font-size: 24px;
	line-height: 1.3em;
	padding-bottom: 4px;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .avis-note span.max-note {
	font-size: 18px;

	border-top: solid 1px rgba(150, 150, 150, 1.0);
	padding-top: 4px;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .avis-embed {
	display: flex;
	align-items: center;

	margin-bottom: 16px;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .avis-embed .min {
	margin-right: 16px;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .avis-embed span {
	display: block;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .avis-embed span.title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3em;

	margin-bottom: 4px;
}

.enn-main-catalogue .catalogue-list-avis .avis-item .content-avis p:nth-child(1) { margin-top: 0; }
.enn-main-catalogue .catalogue-list-avis .avis-item .content-avis p {
	margin-top: 16px;

	line-height: 1.5em;
}


.enn-main-catalogue .catalogue-form-avis {
	padding: 16PX;
}

.enn-main-catalogue .catalogue-form-avis .avis-from-head .items {
	display: flex;
}

.enn-main-catalogue .catalogue-form-avis .avis-from-head {
	margin-bottom: 16px;

	display: flex;
	align-items: center;
	justify-content: space-between;
}

.enn-main-catalogue .catalogue-form-avis .avis-from-head .items .item:nth-child(1) { margin-left: 0; }
.enn-main-catalogue .catalogue-form-avis .avis-from-head .items .item {
	margin-left: 8px;

	border: solid 1px rgba(150, 150, 150, 1.0);
	padding-left: 14px;
	padding-right: 14px;
}

.enn-main-catalogue .catalogue-form-avis .avis-from-head .item select,
.enn-main-catalogue .catalogue-form-avis .avis-from-head .item input {
	width: 72px;

	border: none;
	padding: 7px 14px;
	background-color: var(--color-primary-3);
	color: #fff;
}

.enn-main-catalogue .catalogue-form-avis .enn-kit-input-submit {
	margin-left: 16px;
}

.enn-main-catalogue .catalogue-form-avis .enn-kit-input-submit input {
	padding: 8px;
}


.catalogue-community {}

.enn-main-catalogue .catalogue-community ul .image img {
	width: 100%;

	object-fit: cover;

	cursor: pointer;
}

.enn-main-catalogue .catalogue-community a {
	display: block;
}

.enn-main-catalogue .catalogue-community .item-community {
	border: solid 1px transparent;

	padding: 15px;
}

.enn-main-catalogue .catalogue-community .item-community:hover{
	border: solid 1px rgba(150, 150, 150, 1.0);
}

.enn-main-catalogue .catalogue-community .item-community .author {
	display: flex;
	align-items: center;

	padding: 8px 0;
}

.enn-main-catalogue .catalogue-community .item-community .author .avatar {
	margin-right: 8px;
}
.enn-main-catalogue .catalogue-community .item-community .author .avatar img { border-radius: 100%; }

.enn-main-catalogue .catalogue-community .item-community .author span {
	display: block;
}
.enn-main-catalogue .catalogue-community .item-community .author span.username {
	font-weight: 500;
}
.enn-main-catalogue .catalogue-community .item-community .author span.date {
	font-size: 12px;
}

.enn-main-catalogue .catalogue-community .item-community .content {
	display: block;
}

/* */
.contenaire-form-sign {
	max-width: 480px;
	background: var(--color-primary-2);
	padding: 32px;
}

.contenaire-form-sign .head {
	text-align: center;

	margin-bottom: 32px;
}

.contenaire-form-sign h1 {
	font-size: 24px;
	line-height: 1.3em;

	margin-bottom: 8px;
}

.contenaire-form-sign .input {
	position: relative;

}

.contenaire-form-sign .input-margin {
	margin-top: 16px;
}

.contenaire-form-sign .input label {
	position: absolute;
	top: 0;
	left: 0;

	padding: 8px 16px;

	font-size: 12px;
}

.contenaire-form-sign .input input {
	background: transparent;
	border: solid 1px #fff;

	color: #fff;

	display: block;

	width: 100%;
	padding: 12px 16px;
	padding-top: 32px;
}

.contenaire-form-sign .submit {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 16px;

	margin-top: 32px;
}

.contenaire-form-sign .submit button,
.contenaire-form-sign .submit input {
	border: none;

	background: #fff;
	color: #000;

	font-family: "Roboto", "Arial", sans-serif;
	font-weight: 600;

	width: 100%;

	padding: 12px 16px;

	cursor: pointer;
}
/* */




/* */
.article-blog-page {
	max-width: 840px;
}

.article-blog-page .head {
}

.article-blog-page .head h1 {
	padding-left: 16px;
	padding-right: 16px;

	margin-bottom: 32px;

	font-size: 32px;
	line-height: 1.3em;
}

.article-blog-page .blog-thumbnail { position: relative; }

.article-blog-page .blog-thumbnail img {
	width: 100%;
}

.article-blog-page .blog-thumbnail .userinfo {
	position: absolute;
	right: 16px;
	bottom: 16px;

	font-size: 14px;
}

.article-blog-page .blog-thumbnail .userinfo span {
	background: #000;
	color: #fff;
	border-radius: 128px;
	padding: 4px 12px;
	display: block;
}

.article-blog-page .blog-content {
	padding-top: 32px;
	padding-bottom: 32px;
	padding-left: 16px;
	padding-right: 16px;
	line-height: 1.6em;

	background: #fff;
	color: #000;
}

.article-blog-page .blog-content iframe {
	width: 100%;

	border-radius: 8px;

	border: none;
}

.article-blog-page .blog-content p {
	margin-bottom: 16px;
	text-align: justify;
}

.article-blog-page .blog-content h2,
.article-blog-page .blog-content h3,
.article-blog-page .blog-content h4,
.article-blog-page .blog-content h5 {
	margin-bottom: 8px;

	line-height: 1.3em;
}