canvas { margin: 0 auto; }

/* ******************** */
/* Flex box */
/* ******************** */

.parentflex {
display: flex;
flex-direction: row;
}


/* ******************** */
/* Contenu caché */
/* ******************** */

.hidden-content {
border-radius: 4px;
background-image: url(../../../folderimg/SITE/Divers/contenu_cache.jpg);
background-size:cover;
background-color: #ccc;
width: 640px;
text-align: center;
height: 80px;
font-size: 13px;
color: #303030;
}

.hidden-content div {
padding: 0px;
}

.post_content div .hidden-content {
margin: 0px;
padding: 0px;
}

.post_content div .hidden-content-title {
margin: 0px;
padding: 2px;
}

.post_content div .hidden-content-body {
margin: 0px;
padding: 0px;
}

/* ******************** */
/* Spoiler html */
/* ******************** */

/* .expandspoiler { */
/* background-color: #2c2c2c; */
/* } */

.spoiler_headerhtml a {
background-color: #f7e7e2;
/* border: 1px solid #c25837; */
padding: 5px 10px;
border-radius: 4px;
font-size: 14px;
font-weight: bold;
}

.spoiler_headerhtml a:link,
.spoiler_headerhtml a:visited{
color: #000;
line-height: 1.9em;
}

.content_middle .spoiler_headerhtml img {
margin-top: 0px;
margin-left: 5px;
margin-bottom: 0px;
margin-right: 5px;
}

.post_content .spoiler_bodyhtml {
color: #0f0f0f;
padding: 10px;
background: #eee;
border: 1px solid #ccc;
border-radius: 4px;
transition: all .6s;
}

.post_content .spoiler_wraphtml {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

/* ******************** */
/* Bon ba spoiler bbcode */
/* ******************** */

.spoiler {
  width: 95%;
}

.spoiler .tcat {
  margin-bottom: 2px;
  border-radius: 4px;
  border: none;
}

.spoiler .tcat .button {
  margin: 0px;
  padding: 5px;
  background-color: #cdcdcd;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  color:#464646;
  width: 100px;
}

.spoiler .spoiler_content {
  margin: 0px;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #eee;
  transition: all 0.6s;
  color: #464646;
}

/* ******************** */
/* PAGES Manager */
/* ******************** */

.titre_FAQ {
font-size: 1.3em;
font-weight: bold;
}

input[id^="spoiler"]{
display: none;
}
input[id^="spoiler"] + label {
width: 200px;
margin: 0 auto;
padding: 5px 20px;
background: #daac9c;
box-decoration-break: clone;
color: #000;
font-size: 1.1em;
border-radius: 4px;
cursor: pointer;
transition: all .6s;
}
/* taille pour FAQ */
#faq_page input[id^="spoiler"] + label {
width: 200px;
margin: 0 auto;
padding: 5px 10px;
background: #daac9c;
box-decoration-break: clone;
color: #000;
font-size: medium;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
transition: all .6s;
}
input[id^="spoiler"]:checked + label {
color: #333;
background: #41b98c;
}
input[id^="spoiler"] ~ .spoiler {
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0;
padding: 10px;
background: #eee;
border: 1px solid #ccc;
border-radius: 4px;
transition: all .6s;
display: block;
}
input[id^="spoiler"]:checked + label + .spoiler{
height: auto;
opacity: 1;
padding: 10px;
color: #000;
margin-bottom: 10px;
display: block;
}

#citepers {
display: inline;
background: #4e4e4e;
border:1px solid #ccc;
border-radius: 4px;
padding: 5px;
margin-left:20px;
margin-right: auto;
}

#citepersblock {
background: #4e4e4e;
border:1px solid #ccc;
border-radius: 4px;
padding: 5px;
margin-left:20px;
margin-right: auto;
}

#imgpers {
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
}

/* Text à l'envers pour les emails*/

.reversetext {
direction: rtl;
unicode-bidi: bidi-override;
}

/* ******************** */
/* Image Display */
/* ******************** */

.displaytid a {
  position:relative;
}

.displaytid a span {
  position:absolute;
  z-index:99;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.displaytid a:hover span {
  visibility: visible;
  opacity: 1;
}

.displaytid  img {
  border-radius: 2%;
  padding-left: 3px;
}

/* ******************** */
/* Tableaux Tchenss */
/* ******************** */

.tchable td {
  text-align: center;
  vertical-align: middle;
  border: 2px solid #000000;
  width: 200px;
}

.tchable tbody tr:last-child > td {
  border-bottom: 2px solid #000000;
}

.tchable tbody tr:last-child > td:first-child {
  border-bottom-left-radius: 0px;
}

/* ******************** */
/* Lire plus */
/* ******************** */

.annonces .mycode_url {
  padding: 8px 8px;
  border-radius: 4px;
  background-color: #323232;
  display: inline-block;
  border: 1px solid #e5674030;
}

.annonces a.mycode_url:link, .annonces a.mycode_url:active, .annonces a.mycode_url:visited {
  color: #e56740;
}

.annonces .mycode_url:hover {
  background-color: #41b98c;
  transition-duration: 0.5s;
  border: 1px solid #41b98c;
}
.annonces a.mycode_url:hover {
  color: white;
  transition-duration: 0.5s;
}


/* ******************** */
/* Tableau cellule en une pour bordure */
/* Fiches */
/* ******************** */

.forumlist .post_content table {
/*border-spacing: 2px;*/
border-collapse: collapse;
}

.post_content table td {
padding: 5px;
}

.post_content div {
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
padding: 5px;
}

/* ******************** */
/* Images qui ne s'affichent pas */
/* ******************** */

.post_body img:before { 
    display: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.post_body img:after { 
  content: "Le lien de l'image est mort.";
  padding-left: 26px;
  padding-top: 4px;
  display: block;
  font-size: 12px;
  border: #080 1px solid;
  color: #080;
  background : #E8FCDC url(../../../folderimg/SITE/Divers/urlcassee2.png) no-repeat 2px 2px;
  height: 20px;
  width: 215px;
  vertical-align: middle;
  border-radius: 4px;
}

/* ******************** */
/* Marge mini pour les images en content middle (niouze) */
/* ******************** */

.content_middle img {
margin: 2px;
}

/* ******************** */
/* Emoticon modal */
/* ******************** */

.emotmodal {
  background-color: #fff;
  border: none;
}

.emotmodal:hover {
  border-radius: 4px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

/* ******************** */
/* Scroll des smileys */
/* ******************** */

div.sceditor-more-emoticons {
  width: 40%;
  height: 300px;
  overflow: auto;
}

.sceditor-more-emoticons img {
  max-width: 7.5%;
  align-self: center
}

.sceditor-more-emoticons>div>div {
  display: flex;
  justify-content: space-between;
}

/* ******************** */
/* Ajout limite hauteur signature */
/* ******************** */

.signature {
    max-height: 200px;
    overflow-y: auto;
}

/* ******************** */
/* Fiches animes */
/* ******************** */

.post_content .table_animes img {
    width: 30px;
    height: 33px;
    padding-right: 5px;
}

.post_content .table_animes td {
    text-align: left;
    vertical-align: middle;
    font-size: 12pt;
    padding: 0px;
    font-weight: bold;
}

/* ******************** */
/* Styles divers */
/* ******************** */

.side {
  width: 15%; 
  max-width: 200px;
}

.side .thead {
    padding: 7px 17px;
    background: linear-gradient(to right,#c25837,#daac9c);
}

.side input.textbox {
  width: 80%;
}

.annonces .thead, .forum .thead, .forumlist .thead {
    background: linear-gradient(to right,#18675e,#41b98c);
}

.forum_lastpost_cell {
  width: 290px;
}

.side table, .annonces table { border-collapse: separate; }
.side tr:first-child td:first-child, .annonces tr:first-child td:first-child { border-top-left-radius: 4px; }
.side tr:first-child td:last-child, .annonces tr:first-child td:last-child { border-top-right-radius: 4px; }
.side tr:last-child td:first-child, .annonces tr:last-child td:first-child { border-bottom-left-radius: 4px; }
.side tr:last-child td:last-child, .annonces tr:last-child td:last-child { border-bottom-right-radius: 4px; }

.side_latesthread .trow1, .side_latesthread .trow2 {
  padding: 5px 10px;
}

.forum table { border-collapse: separate; }
.forum thead tr:first-child td:first-child { border-top-left-radius: 4px; }
.forum thead tr:first-child td:last-child { border-top-right-radius: 4px; }
.forum tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; }
.forum tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; }

.forumlist table { border-collapse: separate; }
.forumlist tr:first-child td:first-child { border-top-left-radius: 4px; }
.forumlist tr:first-child td:last-child { border-top-right-radius: 4px; }
.forumlist tr:last-child td:first-child { border-bottom-left-radius: 4px; }
.forumlist tr:last-child td:last-child { border-bottom-right-radius: 4px; }
.forumlist table:last-of-type tr:nth-last-child(2) td:first-child { border-bottom-left-radius: 4px; }
.forumlist table:last-of-type tr:nth-last-child(2) td:last-child { border-bottom-right-radius: 4px; }
/* .forumlist table:last-of-type tr:nth-last-child(2) { border-bottom-left-radius: 4px; } */
/* .forumlist table:last-of-type tr:nth-last-child(2) { border-bottom-right-radius: 4px; } */

.pagination .pagination_current, .pagination a {
    border-radius: 4px;
}

.post_body {
    font-size: 14px;
    font-family: Verdana;
    background-color: #363636;
    /* background-image: linear-gradient(to bottom, rgba(50,50,50,0.2), rgb(50, 50, 50)); */
    /* background-image: linear-gradient(to bottom, #323232, #ccc); */
    border-radius: 4px;
    border: 1px solid #41b98c80;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

a.new_reply_button_bottom:link, a.new_reply_button_bottom:active, a.new_reply_button_bottom:visited {
    background: #323232;
    color: #FFF;
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid #333;
    border-radius: 4px;
    outline: 0;
    transition: 600ms;
    font-family: Roboto;
    font-size: 15px;
    line-height: normal;
}

a.new_reply_button_bottom:hover {
	/* background: #2ECC71; */
        background : #41b98c;
	color: #FFF;
}

.button_search {
    margin-top: 5px;
}

.portal_search:focus {
    border: 1px solid #2ecc71;
}


.drop_go_page {
  caret-color: #41b98c;
  border-radius: 4px;
  background: #323232;
  border: none;
  color: #e56740;
}

.drop_go_page label[for=page] {
  padding-left: 3px;
  padding-right: 3px;
}

.dispthread_deb_abcd {
    width: 0px;
}

.dispthread_abcd {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 2px;
}

a.new_reply_button_bottom.newmsg, a.new_reply_button_bottom.newmsgday {
    font-size: 13px;
    display: block;
    text-align: center;
    font-weight: bold;
}

a.new_reply_button_bottom.newmsg:hover, a.new_reply_button_bottom.newmsgday:hover {
    text-decoration: none;
}

a.new_reply_button_bottom.newmsg i {
    color: #41b98c;
    transition: 600ms;
}

a.new_reply_button_bottom.newmsg:hover i {
    color: #fff;
    transition: 600ms;
}

.forum {
  /* float: left; */
  width: calc(100% - 420px);
}

.forumlist {
  width: calc(100% - 420px);
  margin-top: -2px;
}

#espacemenu {
 width: 100%;
}

.post.classic .post_author span {
	display: block;
}

.postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active {
	font-size:12px;
}

.postbit_buttons > .add_tyl_button {
  background-color: #323232;
  border-radius: 4px;
  border: 1px solid #41b98c80;
}

.side a:link, .side a:active, .side a:visited {
  color: #37b276;
}

.side a:hover {
  color: #daac9c;
}

.side a.new_reply_button_bottom:hover {
  color: #fff;
}

#profile-avatar {
  height: 100px;
  width: auto;
  border-radius: 5px;
}

#myalerts_alerts_modal {
  width: 600px;
}

@media (max-width: 640px) {
  #myalerts_alerts_modal {
    width: 400px;
  }
}

.close-modal {
  display: none;
}

.alertmodalfoot {
  background-color: #323232;
}

.alertmodalfoot a:link, .alertmodalfoot a:active, .alertmodalfoot a:visited {
  color: #e56740
}

.alertmodalfoot a:hover {
  color: #41b98c;
}

.posticons_label img {
  height: 20px;
  width: auto;
}

.newreplytable tr:first-child td:first-child {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}

.newreplytable tr:last-child td:first-child {
  border-bottom-left-radius : 4px;
}

.newreplytable tr:last-child td:last-child {
  border-bottom-right-radius : 4px;
}

.newthreadtable tr:first-child td:first-child {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}

.newthreadtable tr:last-child td:first-child {
  border-bottom-left-radius : 4px;
}

.newthreadtable tr:last-child td:last-child {
  border-bottom-right-radius : 4px;
}

.attachmentstable tr:first-child td:first-child {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}

.attachmentstable tr:last-child td:first-child {
  border-bottom-left-radius : 4px;
}

.attachmentstable tr:last-child td:last-child {
  border-bottom-right-radius : 4px;
}

.smilieinsertertable tr:first-child td:first-child {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}

.smilieinsertertable tr:nth-last-child(2) td:first-child {
  border-bottom-left-radius : 4px;
  border-bottom-right-radius : 4px;
}

img.smilie {
  border-radius: 4px;
}

a.next_new_thread_button {
  color: #FFF;
  border-radius: 4px;
  background-color: #c25837;
}

.post_content div.postselect {
  margin: 0;
  padding: 0;
}

.tyllist_classic_emot img {
  float: left;
  height: 40px;
  padding: 5px;
}

.forumlist .tfoot {
  padding: 0;
}

.forumlist .tfoot.showthreadtfoot {
  padding-top: 5px;
}

.ougcpages tr:first-child td:first-child {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}

.ougcpages tr:last-child td:last-child {
  border-bottom-left-radius : 4px;
  border-bottom-right-radius : 4px;
}

#profile_desktop td table tbody tr:first-child td:first-child {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}

#profile_desktop td table tbody tr:last-child td:first-child {
  border-bottom-left-radius : 4px;
}

#profile_desktop td table tbody tr:last-child td:last-child {
  border-bottom-right-radius : 4px;
}

.pm_alert .fa-times-circle {
  color: #ffffff90;
}

.pm_alert .fa-times-circle:hover {
  color: #ffffff;
}

#pm_notice a:link, #pm_notice a:active, #pm_notice a:visited {
  color: #fff;
}

#pm_notice a:hover {
  color: #18675e;
}

.forumlist .forum_lastpost {
  display: flex;
}

.forumlist .lastpost.smalltext{
  display: inline-block;
  margin-right: 40px;
}

/* .forum .lastpostlist { */
/*   width: 290px; */
/* } */

/* .forumlist .lastpost { */
/*   width: 290px; */
/* } */

/* .forumlist .trow1.lastpostlist, */
/* .forumlist .trow2.lastpostlist { */
/*   width: 290px; */
/*   display: inline-block; */
/*   padding-top: 11px; */
/*   padding-bottom: 11px; */
/* } */

.xmlbuddytop td {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}

.xmlbuddybottom td {
  border-bottom-left-radius : 4px;
  border-bottom-right-radius : 4px;
}

.rules_td {
  border-radius: 4px;
}

.table_threadreview tr:first-child td:first-child {
  border-top-left-radius : 4px;
  border-top-right-radius : 4px;
}

.table_threadreview tr:last-child td:last-child {
  border-bottom-left-radius : 4px;
  border-bottom-right-radius : 4px;
}

.table_post_tchenss table tbody,
.table_post_tchenss table tbody tr,
.table_post_tchenss table tbody tr td{
  border-color: inherit;
}

#discord {
  display: flex;
  align-items: center;
  justify-content: center;
}

.announcement_table table {
  font-size: 14px;
}

.annonces .thead {
  font-size: 17px;
}

.ellipsis {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ******************** */
/* Plus and Minus */
/* ******************** */

.drop_go_page input, .drop_go_page textarea {
  border: 1px solid #303030;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
  border-radius: 4px;
}

.drop_go_page input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
  background: #41b98c;
  font-weight: bold;
  color: white;
}

.drop_go_page .button-plus {
  left: -13px;
}

/* Chrome, Safari, Edge, Opera */
.drop_go_page input::-webkit-outer-spin-button,
.drop_go_page input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.drop_go_page input[type=number] {
  -moz-appearance: textfield;
}

#actualcount {
  width: 45px;
  text-align: right;
}

/* *** */
/* 1280p */
/* *** */

@media (max-width: 1280px) {
     .forumlist {
     width: calc(85% - 10px);
    }
    .forum {
      /* width: calc(100% - 210px); */
      width: calc(85% - 10px);
    }
     .post_content {
     padding: 0px;
     }
     .post.classic .post_content {
     padding-left: 0px;
     padding-right: 0px;
     }
     .post.classic .post_author {
     padding: 20px 2px;
     }
}

/* *** */
/* 700p */
/* *** */

@media (max-width: 700px) {
	#replies, #views, .lastpost {
		display: none;
	}
	.avatnews {
		display: none;
	}
	.postbit_buttons a {
		width: 10px;
		overflow: hidden;
		height: 10px;
	}
	.postbit_buttons a span {
		display: none;
	}
}

/* *** */
/* 960p */
/* *** */
@media (max-width: 960px) {
  #threads, .side, .useroptions{
    display: none;
  }

  .spacebarleft {
    display: none;
  }

  .footer-distributed {
    bottom: -50px !important;
  }

  #profile_desktop, #desktop_post, #menu_desktop, #notif_desktop {
    display:none;
  }
	
  #mobile_profile, #mobile_post, #mobile_menu {
    display:block !important;
  }

  .post_flexible {
    display:block;	
  }
	
  .headerlist{
    display:none;
  }

  #nav_bit_complet{
    display:inline-block;
  }

  .navigation, #header_block,.nav_link, .scrollToDown, .scrollToTop {
    display:none;
  }

  #haut {
    text-align: center;
  }

  .forum,.wrapper {
    width:100%;
  }

  .post.classic .post_author {
    float:none;
    width:100%;
    padding: 20px 0px;
  }

  .teammember {
    display:block;
    width:60%
  }

  #logo {
    left: -15px;
  }

  .forumlist .tfoot {
    padding: 5px 0 0 0;
  }

  .forumlist .tfoot select {
    margin-top: 5px;
  }

}

/* *** */
/* 960p */
/* *** */
@media (max-width: 960px) {
  #nav_width, #content_width {
    float:none;
    width:100% !important;
    margin-top:15px;
  }

  .forumlist {
    width: 100%;
  }

  .post.classic .post_content {
    width: 100%;
  }

  #posts .post.classic .post_flexible div.post_author {
    border-bottom: 1px solid #303030;
    padding-bottom: 4px;
  }

  .post.classic .post_author div.author_avatar, .post.classic .post_author div.author_information {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }

  .post.classic .post_author div.author_avatar, .post.classic .post_author div.author_information img {
    width: clamp(60px, 12vw,100px);
  }

  .post.classic .post_author {
    padding: 0px 0px;
  }

  .post.classic .post_author span {
    display: inline;
  }

  .post.classic .post_author div.author_avatar {
    margin-top: 0px;
    margin-right: 0px;
  }

  .post_content .signature {
    display: none;
  }

  .post .post_author div.author_statistics {
    font-size: 11px;
  }

  .centeravat {
    display: inline-flex;
    align-items: center;
  }

  .centerpseudo {
    text-align: left;
    margin-left: 10px;
    padding-top: 5px;
  }

}

@media (max-width: 540px) {
	.post.classic .post_author div.author_statistics {
		display:none;
	}
}

/* ******************** */
/* MultiQuotes */
/* ******************** */

.postbit_multiquote {
  transition: all 0.4s ease-in;
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.postbit_multiquote:before {
  content: '';
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(0.001, 0.001);
          transform: scale(0.001, 0.001);
}
.postbit_multiquote:focus {
  outline: 0;
  color: #fff;
}
.postbit_multiquote:focus:before {
  -webkit-animation: Click_Effect 0.8s ease-out;
          animation: Click_Effect 0.8s ease-out;
}
@-webkit-keyframes Click_Effect {
  50% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    -webkit-transform: scale(0.001, 0.001);
            transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.001, 0.001);
            transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
@keyframes Click_Effect {
  50% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    -webkit-transform: scale(0.001, 0.001);
            transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.001, 0.001);
            transform: scale(0.001, 0.001);
    opacity: 1;
  }
}

@media (max-width: 1280px) {
.wrapper {
 width:100%;
}

#logo img {
padding-left: 10px;
}

#buytheme {
	max-height: 80px;
}

/* #threads,#views,#replies,.lastpost,.scrollToDown,.scrollToTop, .star_rating_container,#rating{ */
/*  display:none; */
/* } */


}

@media (max-width: 1280px) {

#menu_mobile
{
	display:block !important;
}
	
#menu_desktop, .hide_mobile {
	display:none;
}
	
}		
		
#nav_width {
		float:left;
		width:24%;
}
#content_width {
		float:right;
		width:74%;
}