@import "reset-settings.css" all;

.shorty-item img, .top-img img, .rel-img img {width:100%; min-height:100%;}
h1 {font-family: 'Roboto Condensed', sans-serif; font-weight:400; margin-bottom: 15px;}
h2, h3, .side-nav a, .side-box-title, .shorty-title, .related-title, .comm-title, .add-com-but {font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.side-nav a, .shorty-title, .shorty-item img, .top-img img, .rel-item img, .show-login, .add-com-but, button {transition: all .5s;}
.transparent-grad, .shorty-title, .top-item:nth-child(1) .top-info, .rel-item:nth-child(1) .rel-text {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}

.stick_blocks {
	position:absolute;
	top:10px;
	left:10px;
}
.side-box-cont .stick_blocks {
	top:20px;
	left:20px;
}

.top-item:nth-child(n+2) .stick_blocks, .rel-item:nth-child(n+2) .stick_blocks {
	top:5px;left:8px;
	position: relative;
}
.top-item:nth-child(n+2) .stick_blocks span, .rel-item:nth-child(n+2) .stick_blocks span
{
	display: inline-block !important;
	margin-right: 5px;
}
.related-box .stick_blocks {top:20px;}
.stick_blocks2 {display: block;margin-top: 10px;padding-left: 30px;}
/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; position:relative;}
.all-wrap:before {content:""; width:50%; height:100%; 
background-color:#f0efef; position:absolute; left:0; top:0; z-index:50;}
.wrap {width:100%; min-width:320px; max-width:1300px; background-color:#fff; margin:0 auto; position:relative; z-index:100;}
.wrap-dark {background-color:#fff;}
.wrap:before {content:""; width:250px; height:100%;
background-color:#fff; position:absolute; left:0; top:0; z-index:50; box-shadow:10px 0 20px -20px rgba(0,0,0,0.5);}
.wrap-dark:before {border-right:0;}
.wrap:after {content:""; width:330px; height:100%; box-shadow:-10px 0 20px -20px rgba(0,0,0,0.5); 
background-color:#fff; position:absolute; right:0; top:0; z-index:50;}
.wrap-inner {position:relative; z-index:100; padding:0 330px 0 250px;}
.left-wrap {float:left; width:250px; margin-left:-250px; position:relative; z-index:100;}
.middle-wrap {float:left; width:100%; min-height:1000px; padding:15px;}
.right-wrap {float:right; width:330px; margin-right:-330px; padding:15px;}
.left-fixed {width:260px; position: relative !important; z-index:100; top:0; min-height:500px; padding:0 15px;}

.frkl {margin:15px 0 0 0; overflow:hidden;}
.srkl {margin:0 0 15px 0;}

/* Conception Yandex Captcha */
.smart-captcha {
    display: inline-block;
}

/* Formatage des formules mathématiques */
.mathml-container {
	font-family: math;
}
div.mathml-block {
	font-size: 1.1em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .139em .35em;
}

div.mathml-block .katex {
    font-size: 1.1em;
}

span.mathml-inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 .12em;
}

/* Conception d'un bloc de texte caché */
.dleshowhidden {
	color: #104d92;
	background-color: #E3F2FD;
	border: 1px solid #1E88E5;
	box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2);
	padding: .83em;	
}
.clipboard-copy-link svg {
	color: #6c838e;
	vertical-align: middle;
	margin-top: -3px;
}
.quote_link {
	float: right;
}
.quote_link svg {
	color: #6c838e;
	vertical-align: middle;
}
.ui-dialog-buttonset button.ui-button-delete {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
    background-color: #db3a2f;
    border-color: #db3a2f;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.form-check-label {
    cursor: pointer;
}
.form-check-input {
    color: #0c5f7eed;
    flex-shrink: 0;
    width: 1.12rem;
    height: 1.12rem;
    margin: -0.188rem 0.625rem 0 0;
    appearance: none;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #0c5f7eed;
    vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
    border-radius: .25rem;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}


/* LEFT SIDE
----------------------------------------------- */
.logo-box {height:60px; display:block; margin:0 -15px 15px -15px; 
background:url(../images/logo.png) no-repeat; overflow:hidden; text-indent:-1000px;}
.logo-box-mob {height:60px; display:block; margin:0 -15px 15px -15px; 
background:url(../images/logo-mob.png) no-repeat; overflow:hidden; text-indent:-1000px;}

.side-nav a {display:block; padding:3px 0 3px 2px; font-size:15px; color:#545658; /*text-transform:uppercase;*/ position:relative;}
/*.side-nav a:before {content:""; width:6px; height:6px; border:1px solid #ec6a1e; border-radius:4px;
position:absolute; left:0; top:8px;}*/
.side-nav a:hover {color:#ec6a1e;}
.fa-folder-open{color: #f26f63; padding-right: 5px; }

.show-login {display:block; height:36px; text-align:left; padding:0 10px; line-height:36px; 
color:#fff; background-color:#30cb51; font-size:14px; margin-top:15px; 
cursor:pointer; border-radius:0px;}
.show-login i {margin-right:10px;}
.show-login:hover {color:#fff; background-color:#21ba41;}

.search-wrap {width:100%; position:relative; margin-top:30px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:36px; line-height:36px; padding:0 50px 0 10px; border-radius:0px;
background-color:#FFF; color:#999; font:italic 12px Georgia; border:1px solid #e3e3e3; box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.05); }
.search-box button {position:absolute; right:12px; top:2px;
padding:0; color:#F26F63; background-color:transparent;}


/* RIGHT SIDE
----------------------------------------------- */
.side-box {border:1px solid #f0f0f0; margin-bottom:15px; padding:0 15px 15px 15px;}
.side-box-title {font-size:16px; text-transform:uppercase; color:#000; margin:0 -15px 15px -15px; padding:10px 15px; background-color:#f9f9f9;}

.top-item {display:block; padding:10px 0 0 70px;}
.top-item-popolnenie {display:block; padding:10px 0 0 70px; border: 1px solid #ccc; margin-bottom: 5px;}
.top-item-popolnenie:nth-child(2n+1) {background: #f0f0f0;}
.top-img {float:left; width:90px; height:110px; margin-left:-70px; overflow:hidden;}
.top-img-popolnenie {float:left; width:70px; height:90px; margin-left:-70px; overflow:hidden; padding: 0 5px;}
.top-info {/*float:right;*/ width:100%; padding-left:30px; color:#30cb51;}
.top-info-popolnenie {/*float:right;*/ width:100%; padding-left:30px; color:#a11f9e;}
.top-title {color:#444; font-size:14px; margin-bottom:5px;}
.top-item:hover {background-color:#f6f6f6;}
.top-item:hover img {transform: scale(1.1);}
.top-item:nth-child(1) {background-color:#f6f6f6; padding:10px; position:relative;}
.top-item:nth-child(1) .top-img {float:none; width:100%; height:280px; margin-left:0;}
.top-item:nth-child(1) .top-info {float:none; padding:10px; margin-bottom:0; color:#ff8d4a; 
position:absolute; left:10px; bottom:10px; right:10px; width:auto;}
.top-item:nth-child(1) .top-title {color:#fff;}

#vk_groups, #vk_groups iframe {width:100% !important;}

/* SORT
----------------------------------------------- */
.top-box {margin:-15px -15px 15px -15px; background-color:#393d40; color:#f6f6f6; padding:15px; text-align:center;}
.top-box a {color:#e9315f; font-weight:bold;}
.top-box a:hover {color:#c42757; text-decoration:underline;}
.top-box i {margin-right:10px; font-size:16px; height:30px; line-height:28px; width:30px; text-align:center; 
border:1px solid #e3e3e3; border-radius:3px; vertical-align:middle;}
.top-box form {display:inline-block; position:relative; top:-1px;}

.top-box form, .top-box li {display:inline-block; vertical-align:top;}
.top-box li {border-right:1px solid #ccc; line-height:20px; padding:0 7px; margin-top:5px;}
.top-box li:last-child {border-right: 0;}
.top-box li.asc a { text-decoration: underline;}

/* SHORTS
----------------------------------------------- */
.shorty-item-video {float:left; height:170px; width:46%; margin:14px 2%; display:block; position:relative; overflow:hidden;}
.shorty-item {float:left; height:400px; width:46%; margin:14px 2%; display:block; position:relative; overflow:hidden;}
.shorties-wrap3 .shorty-item:nth-child(3n) {margin-right:0;}
.search-fix .shorty-item:nth-child(3n) {margin-right:1.5%;}
.search-fix .shorty-item:nth-child(3n+2) {margin-right:0;}
.shorty-img {height:150px; overflow:hidden; position:relative;}
.shorty-title {position:absolute; left:0; bottom:0; width:100%; padding:50px 10px 0px 10px; color:#FFF; font-size:16px;}
.shorty-title-video {position:absolute; left:0; bottom:0; width:100%; padding:50px 10px 0px 10px; color:#FFF; font-size:16px;}
.shorty-item:hover .shorty-title {background:#FFF !important; color:#F26F63; padding:10px 10px 0px 10px;}
.shorty-item:hover img {transform: scale(1.1);}
.shorty-item:hover .shorty-info > div {color:#a8a8a8;}

.shorty-info {height:30px; line-height:30px; font-size:12px;}
.shorty-info-shkury {height:25px; line-height:25px; font-size:12px;}
.s-rating, .s-views, .s-comms {display:inline-block; float:left; color:#e3e3e3; font-style:italic; margin-right:15px;}
.shorty-info i {margin-right:3px;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {padding:15px; font-size:12px; border:1px solid #e3e3e3; color:#86878c;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:16px; color:#444; text-transform:uppercase; margin-bottom:10px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#30cb51;}
.site-desc p {margin-bottom:5px;}


/* FOOTER
----------------------------------------------- */
.bottom-box {margin:30px 0 0 0; background-color:#393d40; color:#e3e3e3; padding:30px 315px 15px 265px;}
.bottom-box a {color:#e9315f; text-decoration:underline; font-weight:bold;}
.bottom-box a:hover {color:#e9315f; text-decoration:none;}
.bottom-box p {width:100%; color:#f6f6f6; margin-bottom:10px;}
.counts {margin-top:5px;}
.counts li {display:inline-block; width:88px; height:31px; margin-right:10px; background-color:#7F7F7F;}


/* RATING V2
----------------------------------------------- */
.full-rating {display:inline-block; float:right;}
.full-rating > a {display:inline-block; margin-left:3px;}
.full-rating i {display:inline-block; color:#fff; width:32px; text-align:center; 
border:1px solid #49c804; background-color:#49c804; border-radius:3px; line-height:29px;}
.full-rating a:nth-child(3) i {color:#fff; border:1px solid #F26F63; background-color:#F26F63;}
.full-rating > span {display:inline-block; position:relative; background-color:#FFF; border: 1px solid #dedede; 
padding:0 10px; border-radius:3px; min-width:32px; margin-right:7px;}
.full-rating > span:after, .full-rating > span:before {left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.full-rating > span:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;
border-width: 6px;margin-top: -6px;}
.full-rating > span:before {border-color: rgba(222, 222, 222, 0);border-left-color: #dedede;
border-width: 7px;margin-top: -7px;}
.full-rating > span > span {color:#94bee6;}
.full-rating > span > span.ratingzero {color: #444444;}
.full-rating > span > span.ratingtypeplus {color: #06b601;}
.full-rating > span > span.ratingplus {color: green;}
.full-rating > span > span.ratingminus {color: red;}
.frating-stars {display:inline-block; position:relative; top:3px;}


/* FULL STORY
----------------------------------------------- */

.f-page-top {margin:-15px -15px 10px -15px; position:relative; overflow:hidden; background-color:#000; padding-top:40px;}
.f-page-top img {display:block; width:100%; min-height:100%; position:absolute; left:0; top:-25%; z-index:5;}
.f-page-title {position:relative; z-index:10; padding:20px 30px 60px 30px; color:#FFF; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.45) 100%);}
.f-page-cat {color:#e9315f; font-size:16px;}
.f-page-title h1 {font-size:28px;}

.full-subinfo {height:30px; line-height:29px; position:relative; font-size:14px; margin-bottom:30px;}
.full-date-time {color:#9d9fb1; font-size:12px; margin-top:5px;}
.full-date, .full-time {display:inline-block;}
.full-time {margin-left:20px;}
.full-share {display:inline-block; float:left; height:30px; position:relative; top:-3px;}

.full-info {font-size:14px; width:100%; padding:0 30px; position:absolute; left:0; bottom:15px; z-index:150;}
.full-info > div {display:inline-block; float:left; margin-right:10px; height:30px; line-height:30px;}
.full-info i {color:#fff; margin-right:5px; border:1px solid #F2C166; border-radius:3px; 
width:30px; text-align:center; line-height:28px;}
.f-compl, .f-edit {float:right !important; color:#FFF;}
.full-info a {color:#FFF;}
/* Hauteur de l'iframe dans l'actualité complète */
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:550px;}
.full-text-mob embed, .full-text-mob object, .full-text-mob video, .full-text-mob iframe, .full-text-mob frame {width: 100% !important; height:300px;}
/* Hauteur de l'iframe dans l'actualité complète */
.full-text {font:14px Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:20px;}
.full-text img {margin:0 10px 10px 0; max-width:100%; /*border:5px solid #f0f0f0;*/}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#06c;}
.full-text h2, .full-text h3 {font-size:24px;}
.full-text h4, .full-text h5 {font-size:18px;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {/*list-style:disc; margin-left:40px;*/}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#f9f9f9 !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f1f1f1;}

.full-text-mob {font:14px Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:20px;}
.full-text-mob img {margin:0 10px 10px 0; max-width:100%; /*border:5px solid #f0f0f0;*/}
.full-text-mob a {text-decoration:underline; color:#06c;}
.full-text-mob a:hover {text-decoration:underline; color:#C9070A;}
.full-text-mob a:visited {text-decoration:underline; color:#06c;}
.full-text-mob h2, .full-text h3 {font-size:24px;}
.full-text-mob h4, .full-text h5 {font-size:18px;}
.full-text-mob p {margin-bottom:15px;}
.full-text-mob ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin: 10px 0 0 0;}
.full-text-mob ul li {list-style:disc; margin-left:40px;}
.full-text-mob ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text-mob ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text-mob  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text-mob table {width:100%; text-align:left;}
.full-text-mob table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text-mob table tr:nth-child(1) {background-color:#f9f9f9 !important; color:#FFF; font-size:14px !important;}
.full-text-mob table tr:nth-child(2n+1) {background-color:#f1f1f1;} 

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {margin:10px 0 20px 0; font-size:11px;}
.full-taglist-t { margin-bottom:5px; font-weight:bold;}
.full-taglist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 15px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}
.vip-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;

  height:36px;
  padding:0 10px;
  margin-top:10px;

  text-decoration:none;
  font:600 14px/36px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  color:#0b0b0f;
  background: linear-gradient(135deg, #ffd36a, #ff8bd6 45%, #8c7dff);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.35);
  border-radius:5px;

  white-space:nowrap;
  user-select:none;
  -webkit-tap-highlight-color: transparent;

  transform: translateY(0);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

  .vip-cta:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(0,0,0,.22);
    filter: saturate(1.08);
  }

  .vip-cta:active{
    transform: translateY(0) scale(.98);
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
  }

  /* Belle astuce de clavier */
  .vip-cta:focus-visible{
    outline: 3px solid rgba(255,255,255,.85);
    outline-offset: 3px;
  } /* :focus-visible - option recommandée pour le focus. :contentReference[oaicite:1]{index=1} */

  .vip-cta__icon{display:inline-flex; width:18px; height:18px;}

  .vip-cta__text{
    letter-spacing:.2px;
  }

/* RELATED
----------------------------------------------- */
.related-wrap {border:1px solid #e3e3e3; border-left:0; border-right:0; margin:15px -15px; padding:15px;}
.related-title {font-size:24px; margin-bottom:10px;}
.related-box {}

.rel-item {display:block; padding:10px 10px 0 70px; float:left; width:50%; height:120px;}
.rel-img {float:left; width:90px; height:110px; margin-left:-70px; overflow:hidden;}
.rel-text {/*float:right;*/ width:100%; padding-left:30px; color:#30cb51;}
.rel-title {color:#444; font-size:14px;}
.rel-item:hover .rel-title {text-decoration:underline;}
.rel-item:hover img {transform: scale(1.1);}
.rel-item:nth-child(1) {padding:10px 10px 0 0; position:relative; height:480px;}
.rel-item:nth-child(1) .rel-img {float:none; width:100%; height:470px; margin-left:0;}
.rel-item:nth-child(1) .rel-text {float:none; padding:10px; margin-bottom:0; color:#ff8479; 
position:absolute; left:0; bottom:0; right:10px; width:auto;}
.rel-item:nth-child(1) .rel-title {color:#fff;}


/* COMMENTS
----------------------------------------------- */
.comments-wrap {}
.comm-title {font-size:24px; margin:30px 0 15px 0;}

.comm-item {padding:10px 10px 10px 100px; border-bottom:1px solid #e3e3e3;}
.comm-left {float:left; margin-left:-90px; width:80px;}
.comm-right {float:right; width:100%;}
.comm-av {height:80px; overflow:hidden;}
.comm-av img {width:100%; min-height:100%;}
.comm-group-mark {padding:3px; text-align:center; font-size:10px; font-weight:normal !important; margin-top:5px;
background-color:#f0f0f0; color:#444; overflow:hidden;}
.comm-admin {background-color:#d60505; color:#fff;}
.comm-admin span, .comm-jour span {color:#fff !important;}
.comm-jour {background-color:#1ca101; color:#fff;}
.comm-user {background-color:#309; color:#fff;}
.comm-top-info {height:20px; line-height:20px;}
.comm-id, .comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px; color:#b43852;}
.comm-author a {color:#b43852;}
.comm-author:after {content:""; width:10px; height:10px; border-radius:50%; display:inline-block;
margin-left:10px; background-color:#888; position:relative; top:2px;}
.status-online:after {background-color:#3C0;}
.comm-text {line-height:18px; color:#444; padding:10px 0; min-height:80px;}

.comm-text p {
    margin: 0 0 12px;
}

.comm-text p:empty {
    display: none;
}

.comm-text h1,
.comm-text h2,
.comm-text h3,
.comm-text h4,
.comm-text h5,
.comm-text h6 {
    margin: 14px 0 8px;
    line-height: 1.25;
    font-weight: bold;
    color: #444;
}

.comm-text h1 {font-size: 24px;}
.comm-text h2 {font-size: 22px;}
.comm-text h3 {font-size: 20px;}
.comm-text h4 {font-size: 18px;}
.comm-text h5 {font-size: 16px;}
.comm-text h6 {font-size: 14px;}

.comm-text ul,
.comm-text ol {
    margin: 8px 0 12px 24px;
    padding-left: 18px;
}

.comm-text ul {
    list-style: disc outside;
}

.comm-text ol {
    list-style: decimal outside;
}

.comm-text li {
    margin: 4px 0;
    line-height: 1.5;
}

.comm-text li ul,
.comm-text li ol {
    margin-top: 5px;
    margin-bottom: 5px;
}

.comm-text blockquote {
    margin: 12px 0;
    padding: 8px 12px;
    border-left: 3px solid #b43852;
    background: #f7f7f7;
    color: #555;
}

.comm-text a {
    color: #b43852;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.comm-text a:hover {
    color: #8f263d;
    text-decoration: none;
}

.comm-text img {
    max-width: 100%;
    height: auto;
}

.comm-text table {
    width: 100%;
    margin: 12px 0;
    border-collapse: collapse;
}

.comm-text th,
.comm-text td {
    padding: 7px 9px;
    border: 1px solid #ddd;
    vertical-align: top;
}

.comm-text th {
    background: #f5f5f5;
    font-weight: bold;
}

.comm-text pre {
    margin: 12px 0;
    padding: 10px;
    max-width: 100%;
    overflow-x: auto;
    background: #f3f3f3;
    border: 1px solid #ddd;
    font-size: 13px;
    line-height: 1.45;
}

.comm-text code {
    padding: 2px 4px;
    background: #f3f3f3;
    border-radius: 3px;
    font-size: 13px;
}

.comm-text > *:last-child,
.comm-text .comm-body > *:last-child,
.comm-text .comm-body > div > *:last-child {
    margin-bottom: 0;
}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; padding:10px 0; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right; padding-top: 20px;}
.comm-bottom-info ul li {display:inline-block; margin-left:10px;}
.comm-bottom-info ul li a {font-size:11px;}
.comm-bottom-info ul li:first-child {font-weight:bold; float:left;}
.comm-bottom-info ul li:first-child img {margin-right:5px;}
.comm-author a:hover, .comm-bottom-info ul li a:hover {text-decoration:underline;}
.comm-rate {float:right; position:relative; line-height:26px; border-radius:3px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px; background-color:#fff; color:#444; 
font-weight:bold; box-shadow:0 0 0 1px #ccc; background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);}
.comm-rate a {display:block; width:22px; height:22px; position:absolute; top:2px; left:2px; 
text-align:center; line-height:22px; font-size:18px; background-color:#61b804; color:#fff; border-radius:3px; 
background: linear-gradient(to bottom, #97d624 0%,#7cbc0a 100%);}
.comm-rate a:last-child {left:auto; right:2px; line-height:20px; 
background-color:#ec000b; background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#e5f7e5;}
.neg-comm {background-color:#f7e5e6;}

.add-com {padding:15px 0;}

.add-com-but {display:block; font-size:16px; padding:0 15px; text-align:center; text-transform:uppercase;
border-radius:0px; line-height:40px; cursor:pointer; border:1px solid #F26F63;}
.add-com-but:hover {background-color:#F26F63; color:#FFF;}
#addcform { margin:20px 0;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0 0 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }
 
 
/* GO TOP BUTTON */
.gotop{position:fixed;width:40px;height:40px;right:0px;bottom:0px;display:block;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none; opacity:0.8;}


/* LOGIN
----------------------------------------------- */
.overlay {display:none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.overlay-close{cursor: pointer; position: absolute; right: 5px; top: 8px; 
width: 30px; height: 30px; color:#ec3204; font-size:24px !important; text-align:center; line-height:30px !important;}
#loginbox { background: #fff; width: 320px; margin-left: -160px; min-height: 150px; overflow:hidden;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border-radius:3px;}
.login-title, .log-register, .login-avatar { background-color:#f5f5f5; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #e3e3e3; 
width:100%; padding:0 10px;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer;
border-radius:3px; border:1px solid #e3e3e3; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#D80306;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#393d40; color:#ff8d4a !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#f5f5f5; border-color:#F26F63;}
.login-menu li:last-child a {background-color:#393d40; color:#fff;}

.sociallogin {height:auto;}
.sociallogin img {width: 30px;height: 30px;border-radius: 50%;}
.sociallogin a { float:left; margin:0 5px 10px 8px;}

.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}
.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}
1. Ajoutez les styles a la feuille de style de votre modele :
.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}

/* RESIZE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (max-width: 1220px) {
.shorty-item-video {float:left; height:160px; width:46%; margin:14px 2%; display:block; position:relative; overflow:hidden;}
.wrap:before, .side-nav {display:none;}
.wrap-inner {padding:0 330px 0 0;}
.left-wrap {width:100%; margin-left:0; background-color:#ff8d4a; box-shadow:inset -10px 0 20px -20px rgba(0,0,0,0.5);}
.left-fixed {width:100%; position:static !important; min-height:100px; padding:0 15px; height:120px;}
.right-wrap {margin-top:-150px;}
.bottom-box {padding:30px 315px 15px 15px;}
.logo-box {height:60px; width:250px; margin:0 0 0 -15px;}
.logo-box-mob {height:60px; width:250px; margin:0 0 0 -15px; background-size:contain; background-position:left center;}
.search-wrap {margin-top:0;}
.show-login {display:inline-block; margin-top:0; position:absolute; right:15px; top:10px;}
.vip-cta {position:absolute; right:15px; top:56px; margin-top:0;}
.show-menu {display:inline-block; height:36px; padding:0 10px; line-height:36px; background-color:#fff; 
color:#444; font-size:14px; cursor:pointer; box-shadow:inset 0 0 0 1px #e3e3e3; 
position:absolute; left:265px; top:10px;}
.show-menu i {margin-right:10px;}
.side-nav {position:absolute; left:0; top:60px; z-index:888; padding:10px 15px; background-color:#fff; width:100%; box-shadow:0 0 10px 0 rgba(0,0,0,0.3);}
.main-menu li {width:50%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.f-page-cat {color:#F2C166; font-size:16px;}
.f-page-title h1 {font-size:34px;}
}

@media screen and (max-width: 950px) {
.shorty-item-video {float:left; height:170px; width:46%; margin:14px 2%; display:block; position:relative; overflow:hidden;}	
.wrap-inner {padding:0;}
.middle-wrap { min-height: auto;}
.left-wrap {box-shadow:none;}
.right-wrap {margin:0 !important; width:100%; background-color:#fff;}
.wrap:after {display:none;}
.bottom-box {padding:30px 15px 15px 15px; margin:0;}
.top-item:nth-child(1) .top-img {height:800px;}
}

@media screen and (max-width: 760px) {
.shorty-item-video {float:left; height:165px; width:46%; margin:14px 2%; display:block; position:relative; overflow:hidden;}
.top-box {padding:10px 15px; text-align:left;}
.shorty-item {height:340px;}
.top-item:nth-child(1) .top-img {height:700px;}
.pprev, .pnext {display:none;}
.bottom-nav {margin:20px 0 70px 0;}
.navigation {margin:0; padding:0 10px;}
.navigation a, .navigation span {margin:0 5px 5px 0;}
#loginbox {top:0%;}
}
@media screen and (max-width: 636px) { .top-box {display:none;} 
.shorty-item-video {float:left; height:155px; width:46%; margin:14px 2%; display:block; position:relative; overflow:hidden;}}
@media screen and (max-width: 590px) {
.shorty-item-video {float:left; height:180px; width:92%; margin:14px 2%; display:block; position:relative; overflow:hidden;}	
.left-fixed {height:170px; padding-top:50px;}
.show-menu {left:15px;}
.main-menu li {width:100%;}
.shorty-item {width:48%; margin:5px 1%; height:300px;}
.top-item:nth-child(1) .top-img {height:470px;}
.f-page-cat {font-size:12px;}
.f-page-title h1 {font-size:24px;}
.full-text h2, .full-text h3 {font-size:18px;}
.f-page-top {padding-top:0;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:300px;}
.rel-item {width:100%; height:auto;}
.rel-item:nth-child(1) {height:560px;}
.rel-item:nth-child(1) .rel-img {height:540px;}

.comm-item {padding:10px 0 10px 60px;}
.comm-left {margin-left:-60px; width:50px;}
.comm-av {height:50px;}
.comm-group-mark, .comm-id, .mass_comments_action, .comm-bottom-info ul li {display:none;}
.comm-bottom-info ul li:first-child {display:inline-block;} 
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
}

@media screen and (max-width: 470px) {
.shorty-item-video {float:left; height:180px; width:92%; margin:14px 2%; display:block; position:relative; overflow:hidden;}
.right-wrap {padding:15px 10px; overflow:hidden;}
.shorty-item {width:100%; margin:5px 0%; height:400px;}
.top-item:nth-child(1) .top-img {height:290px;}
.f-page-top img {top:0;}
.f-page-title {padding: 10px 15px 40px 15px;}
.f-page-title h1 {font-size:18px;}
.full-info {/*display:none;*/bottom:20px;padding:0;}
.full-info > div {height:10px;}
.full-info > div.f-addfavorit{ float:right;}    
    
.full-subinfo {height:auto; margin-bottom:15px;}
.full-share {display:block; float:none; margin-bottom:10px;}
.full-rating {float:left;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:200px;}
.rel-item:nth-child(1) {height:380px;}
.rel-item:nth-child(1) .rel-img {height:360px;}
.comm-top-info {height:auto;}
.comm-date {width:100%; float:none;}
.comm-rate {float:left;}
}


/* Fix dle html5 player
----------------------------------------------- */
.mejs-container, .mejs-inner, .mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay, .mejs-poster {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}



.attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left;
display:inline-block; padding:0 15px; background:#0297dc;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
@media screen and (max-width: 590px) {
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

.instagram-media, .twitter-tweet {display: inline-block !important;}

.catmenu  ul {
	display: none;
	margin-left: 20px;
	flex-basis: 100%;
}
.catmenu > li {
	display: flex;
	flex-wrap: wrap;
}
.catmenu > li ul > li {
	display: flex;
	flex-wrap: wrap;
}

.catmenu li span:before {

  font-family: FontAwesome;
  content: "\f0fe";

}


.catmenu li.active > span:before {
	
  content: "\f146";
}
.catmenu li.active > ul {
	display: block;
}
.catmenu li > span {

  padding-right: 5px;
  margin-top: 5px;
  cursor: pointer;

}

.catmenu > li.active a {
    padding-left: 15px;
}
.catmenu > li.active span + a {
    padding-left: 0px;
}
.catmenu > li.active > ul > li > a .fa-folder-open {
    transform: scale(0.8);
    color: #f26f63;
    
}
.catmenu > li.active > ul > li > a{font-size:14px;}
.catmenu > li.active > a {color:#5d5d5d;}
li.active > a {color:#d41313;}
.catmenu > li.active > ul > li > ul > li > a .fa-folder-open {
    transform: scale(0.7);
    color: #bc736d;
}
.catmenu > li.active > ul > li > ul > li > a{font-size:13px;}

.catmenu > li.active > ul > li > ul > li > ul > li > a .fa-folder-open {
    transform: scale(0.6);
    color: #934740;
}
.catmenu > li.active > ul > li > ul > li > ul > li > a{font-size:12px;}
/*Minuteur*/
/*.body {
  text-align: center;
  background: #00ecb9;
  font-family: sans-serif;
  font-weight: 100;
}*/

.countdown-title {
  color: #396;
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}

.countdown {
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

.countdown-number {
  padding: 10px;
  border-radius: 3px;
  background: #00bf96;
  display: inline-block;
}

.countdown-time {
  padding: 15px;
  border-radius: 3px;
  background: #00816a;
  display: inline-block;
}

.countdown-text {
  display: block;
  padding-top: 5px;
  font-size: 16px;
}
.timer{text-align: center;}
/*Minuteur*/
#searchtable select[multiple] {
    height: 500px !important;
    min-height: 500px;
}