ÿþbody {
        background: #0b100d;
        margin: 0;
        font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
}

.bodyline {
    	background: none;
}

.bodylinewidth {
    	width: 1000px;
}

img {
  	max-width: 100%;
}

a, a:hover {
  	text-decoration: none !important;
  	transition: .5s all;
}

a:hover { 	
  	color: #7a2f23 !important;
}

::-webkit-scrollbar {
        width: 7px;
        height: 14px;
        background: #cccbcb;
        border: 1px solid #a9a6a6;
}

::-webkit-scrollbar-thumb {
        border: solid 0 transparent;
        border-right-width: 2px;
        -webkit-border-radius: 5px;
        -webkit-border-top-right-radius: 9px 5px;
        -webkit-border-bottom-right-radius: 9px 5px;
        -webkit-box-shadow: inset 0 0 0 1px #556b5f, inset 0 0 0 6px #556b5f;
        border-left-width: 2px;
}

::-webkit-scrollbar-track-piece {
        background: transparent none;
        border: solid 4px transparent;
        border-right-width: 8px;
        margin: 4px;
        -webkit-box-shadow: inset 1px 1px 0 0 rgb(137,131,117), inset -1px -1px 0 0 rgb(224,220,210);
}







/************************************************ PAGE ACCUEIL ************************************************/
.page_accueil {
        background: url(https://www.zupimages.net/up/18/46/clr7.png);
        box-sizing: border-box;
        height: 550px;
        margin: 2% auto;
        padding: 4% 2% 0;
        width: 860px;
        font-family: 'Oswald', sans-serif;
        font-size: 13px;
        line-height: 1.5;
}

.page_accueil .predefinis, .page_accueil .contexte, .page_accueil .staff, .page_accueil .news, .page_accueil .event_bloc, .page_accueil .bloc_partenaires_tops {
    	float: left;
        background: rgba(0,0,0,.6);
        box-sizing: border-box;
}

.page_accueil .news, .page_accueil .event_bloc, .page_accueil .bloc_partenaires_tops {
    	margin: 2% 0 0 0;
}

.clear {
  	clear: both;
}

/* TITRES */
.page_accueil h2 {
        font-size: 20px;
        font-family: 'Berkshire Swash', cursive;
        color: #556b4d;
        font-weight: normal;
        margin: 10px auto;
  	text-align: center;
        transition: .5s all;
}

.page_accueil .predefinis:hover h2 {
        transform: rotate(-5deg);
}

/* PREDEFINIS */
.page_accueil .predefinis {
        width: 21%;
        text-align: center;
        padding: 0 1% 1%;
}

.predefinis img {
        width: 100px;
        height: 50px;
        object-fit: cover;
        margin: 0 0 5.6% 0;
        border: 1px solid #504e4e;
  	opacity: .5;
  	transition: .5s all;
}

.predefinis img:hover {
    	opacity: 1;
}

/* CONTEXTE */
.page_accueil .contexte {
        width: 55%;
        margin: 0 2%;
        padding: 0 2%;
        height: 240px;
}

.page_accueil .contexte p {
        box-sizing: border-box;
        height: 170px;
        overflow: auto;
        text-align: justify;
        width: 100%;
        padding: 0 3%;
}

.page_accueil .contexte p span {
    	color: #556b4d;
}

/* STAFF */
.page_accueil .staff {
        width: 20%;
        height: 240px;
}

.paonglets {
    	text-align: center;
}

.paonglet {
        display: inline-block;
        cursor: pointer;
}

.paonglet img {
        height: 50px;
        display: inline-block;
}
          
.contenu_paonglet {
        display: none;
        height: 160px;
}

.contenu_paonglet img {
        width: 90%;
        height: 90px;
        object-fit: cover;
        margin: 13% auto 0;
        display: block;
        border: 1px solid #504e4e;
}

/* Pseudo */
.contenu_paonglet h3 {
        font-family: 'Berkshire Swash', cursive;
        text-align: center;
        margin: 0;
        font-style: italic;
        font-size: 20px;
        font-weight: normal;
}

/* Dispo */
.contenu_paonglet h4 {
        margin: 0;
        text-align: center;
        font-weight: normal;
        font-family: 'Open Sans Condensed', sans-serif;
        letter-spacing: 2px;
        font-size: 10px;
}

/* NEWS */
.page_accueil .news {
        width: 21%;
        height: 200px;
        padding: 0 2%;
}

.page_accueil .news p {
        width: 100%;
        height: 126px;
        overflow: auto;
        padding: 0 2%;
}

.page_accueil .news p span {
        background: #556b4d;
        width: 30px;
        display: inline-block;
        text-align: center;
        margin: 0 0 3% 0;
        font-variant: all-small-caps;
        color: #e3e3e3;
}

/* EVENT */
.page_accueil .event_bloc {
        background: none;
        width: 55%;
        margin: 2%;
}

/* Image */
img.img_event {
        width: 100%;
        height: 60px;
        object-fit: cover;
        border: 1px solid #504e4e;
        box-sizing: border-box;
}

/* Bloc */
.page_accueil .event {
        background: rgba(0,0,0,.6);
        height: 131px;
        padding: 2%;
        box-sizing: border-box;
        margin: 2% 0 0 0;
}

.page_accueil .event p {
        width: 100%;
        box-sizing: border-box;
        padding: 0 2%;
        height: 112px;
        margin: 0;
        overflow: auto;
        text-align: justify;
}

.page_accueil .event p span {
    	color: #556b4d;
}

/* PARTENAIRES ET TOPS */
.page_accueil .bloc_partenaires_tops {
        width: 20%;
        height: 200px;
        text-align: center;
        background: none;
}

/* Partenaires */
.page_accueil .partenaires h2 {
    	margin: 0 0 2%;
}

.page_accueil .partenaires {
        background: rgba(0,0,0,.6);
        height: 140px;
        box-sizing: border-box;
        padding: 10px;
}

.page_accueil .partenaires img {
        width: 20px;
        margin: 2%;
}

/* Tops */
.page_accueil .tops {
        background: rgba(0,0,0,.6);
        width: 100%;
        height: 50px;
        margin: 7% 0 0;
        text-align: center;
        padding: 2%;
        box-sizing: border-box;
}

.page_accueil .tops img {
    	width: 40px;
}

a.pa_credits {
        display: block;
        font-size: 10px;
        text-align: right;
        text-transform: uppercase;
        color: #55602c;
}




/************************************************ CATEGORIES ************************************************/
.categories {
        width: 850px;
        margin: 5% auto;
        background: #151a15;  	
        border-radius: 50px 50px 25px 25px;
}

.header_categories {
        background: url(https://www.zupimages.net/up/18/46/s4po.png);
        width: 100%;
        height: 130px;
        text-align: center;
        border-radius: 50px 50px 0 0;
}

.cate_forum {
        background: rgba(0,0,0,.2);
        width: 95%;
        margin: 2% auto;
        box-sizing: border-box;
        padding: 2%;
        position: relative;
}

.cate_forum::after {
        display: block;
        content: "";
        clear: both;
}

.forum_gauche, .forum_milieu, .forum_droite {
    	float: left;
}

/* DERNIER MESSAGE STATUT */
.forum_gauche {
    	width: 20%;
}

.dernier_message {
        background: rgba(0,0,0,.2);
        margin: 0 0 5%;
        padding: 15% 5%;
        text-align: center;
        height: 110px;
        box-sizing: border-box;
}

.cate_forum:hover .dernier_message {
    	transform: rotate(-5deg);
}

/* TITRE DESCRIPTION STATISTIQUES */
.forum_milieu {
        width: 40%;
        margin: 0 2%;
}

.titre_desc {
        background: rgba(0,0,0,.2);
        padding: 2% 5%;
}

.titre_desc a.forumlink {
        text-align: center;
        display: block;
        font-family: 'Berkshire Swash', cursive;
        font-size: 24px;
        font-weight: normal;
        color: #556b4d;
}

.cate_forum:hover .titre_desc a.forumlink {
    	letter-spacing: 2px;
}

.titre_desc a.forumlink::after {
        display: block;
        content: "";
        border-bottom: 1px solid;
        width: 90%;
        margin: auto;
}

.forum_description {
    	height: 70px;
}

.forum_description p {
        width: 100%;
        box-sizing: border-box;
        padding: 0 2%;
        margin: 1% auto 0;
        text-align: justify;
        font-family: 'Open Sans Condensed', sans-serif;
        height: 65px;
        overflow: auto;
}

.forum_description p span {
        color: #556b4d;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 12px;
}

.forum_statistiques {
        float: left;
        display: block;
        width: 48%;
        margin: 2% 0 0;
        text-align: center;
        font-variant: small-caps;
        background: rgba(0,0,0,.2);
        font-size: 13px;
        padding: 1% 0;
}

.forum_statistiques:nth-child(0n+3) {
    	margin: 2% 0 0 4%;
}

.cate_forum:hover .forum_statistiques {
    	background: #556b4d;
}

.cate_forum:nth-child(2n+1):hover .forum_statistiques:nth-child(2n+2) {
    	background: #556b4d;
}

/* IMAGE DESCRIPTION */
.forum_description img {
        position: absolute;
        top: 9%;
        width: 130px;
        height: 153px;
        right: 20%;
        object-fit: cover;
        border-radius: 20px;
}

.cate_forum:hover .forum_description img {
    	filter: grayscale(1);
}

/* SOUS FORUM */
.forum_droite {
        float: right;
        width: 18%;
        height: 155px;
        overflow: auto;
        padding: 0 2%;
        box-sizing: border-box;
        text-align: center;
}

.forum_droite a {
        display: block;
        background: rgba(0,0,0,.2);
        margin: 0 0 4% 0;
        padding: 2%;
        text-transform: uppercase;
        letter-spacing: 1px;
}

.cate_forum:hover .forum_droite a {
        background: #556b4d;
        color: #fff;
}

.cate_forum .forum_droite a:hover {
    	color: #151c17 !important;
}

/* FOOTER */
.categories_footer {
        background: url(https://www.zupimages.net/up/18/46/lms2.png);
        width: 100%;
        height: 50px;
        border-radius: 0 0 25px 25px;
}

a.credits_cate {
        color: #636562;
        text-align: right;
        display: block;
        text-transform: uppercase;
        font-size: 10px;
        padding: 2%;
}





/************************************************ QUI EST EN LIGNE ************************************************/
/* LIENS SOUS CATEGORIES */
.liens_footer_cate {
        width: 850px;
        margin: auto;
}

.lfc_bloc {
        float: left;
        width: 33.2%;
}

.lfc_bloc a {
        font-size: 11px;
        display: block;
        text-align: center;
        text-transform: uppercase;
}

.lfc_bloc a:hover {
    	color: #556b4d !important;
}

/* QEEL */
.qui_est_en_ligne_nuit {
        background: url(https://www.zupimages.net/up/18/46/mb7b.png);
        width: 850px;
        height: 400px;
        margin: 5% auto 0;
        box-sizing: border-box;
        padding: 2% 5% 0;
  	font-size: 13px;
}

.qeel_gauche, .qeel_milieu, .qeel_droite {
    	float: left;
}

.qeel_gauche, .qeel_droite {
    	width: 33%;
}

.qeel_milieu {
        width: 25%;
        margin: 0 4%;
        text-align: center;
        font-size: 0;
}

/* STATISTIQUES */
.qeel_stats {
        background: rgba(0,0,0,.6);
        width: 100%;
        padding: 5%;
        box-sizing: border-box;
        border-radius: 10px;
        line-height: 1.5;
}

/* EN LIGNE */
.qeel_online {
        background: rgba(0,0,0,.6);
        padding: 5%;
        border-radius: 10px;
        margin: 10% 0 0;
        width: 100%;
        box-sizing: border-box;
        height: 100px;
        overflow: auto;
}

/* GROUPES */
.qeel_milieu a {
        display: block;
        font-family: 'Berkshire Swash', cursive;
        font-size: 24px;
        background: rgba(0,0,0,.6);
        border-radius: 15px;
        margin: 0 0 5% 0;
        font-weight: normal;
}

/* 24H */
.qeel_liste_derniers_co {
        background: rgba(0,0,0,.6);
        border-radius: 10px;
        width: 100%;
        box-sizing: border-box;
        padding: 5%;
        height: 235px;
        overflow: auto;
}

table#disparait .row1 {
    	background: none;
}

table#disparait .row1 .gensmall {
        font-size: 13px;
        color: #8e8f8d;
}

/* CREDITS */
.qeel_credits {
        background: rgba(0,0,0,.6);
        border-radius: 10px;
        padding: 5%;
        width: 100%;
        height: 100px;
        margin: 10% 0 0;
        box-sizing: border-box;
}