ÿþbody {
        background: #dfdfdf;
        font-family: 'Share Tech Mono', monospace;
  	color: #1a1919;
  	margin: 0;
}

.bodylinewidth {
        background: #fbfbfb;
        max-width: 900px;
        padding: 0 .5%;
        box-sizing: border-box;
}

.bodyline {
        background-color: #e9ebed;
        padding: 2%;
        box-sizing: border-box;
        border-left: 2px solid rgba(26,25,25,.2);
        border-right: 2px solid rgba(26,25,25,.2);
}

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

::-webkit-scrollbar {
        background: #e3e3e3;
        border: 0;
        width: 3px;
}

::-webkit-scrollbar-thumb {
        background: #333;
        border: 0;
}




/****************************************************************** PAGE ACCUEIL ******************************************************************/
.page_accueil {
        background: #f8f8f8;
        border: 1px solid #1a1919;
        border-bottom: 10px solid #1a1919;
        margin: auto;
        width: 800px;
}

.page_accueil .content {
        display: flex;
        font-size: 12px;
        margin: 1% auto;
        width: 98%;
        justify-content: space-between;
        flex-wrap: wrap;
        text-transform: uppercase;
}

/* FLASHNEWS */
.flashnews {
        background: #3d4b49;
        padding: 2%;
        text-align: center;
        color: #000;
        text-transform: uppercase;
        font-size: 1.5em;
        letter-spacing: 5px;
        text-decoration: underline;
        width: 25%;
        float: left;
}

.slideshow, .slide {
        width: 568px;
        height: 59px;
  	margin: auto;
        overflow: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
  	box-sizing: border-box;
  	padding: 1% 0 0;
  	color: #979797;
}

.slideshow {
        background: #1a1919;
        margin: 0;
        overflow: hidden;
        position: relative;
        font-size: 12px;
        letter-spacing: 2px;
}

.slideshow div {
        position: relative;
        top: 0;
        left: 0;
}

/* BLOCS */
.bloc_pa {
        flex: 1;
        margin: 0 .5%;
  	max-height: 211px;
  	text-align: center;
}

.bloc_pa:nth-child(2n+2) {
    	border: 1px solid rgba(26,25,25,.5);
        background: #fff;
}

/* CONTEXTE */
.contexte {
        background: #fff;
        padding: 5px;
        border: 1px solid rgba(26,25,25,.5);
        height: 155px;
        width: 190px;
        overflow: hidden;
        text-align: justify;
  	position: relative;
}

.contexte img {
        max-width: 100%;
        z-index: 3;
        opacity: 1;
        position: relative;
        transition: .5s all;
}

.contexte:hover img {
        z-index: 2;
        opacity: 0;
}

.contexte_txt {
        background: #fff;
        height: 155px;
        overflow: auto;
        width: 100%;
        z-index: 2;
        margin-top: -155px;
        box-sizing: border-box;
  	text-transform: initial;
  	position: relative;
        padding: 0 2% 0 0;
}

/* TEMPORALITE */
.pa_temporalite {
        background: #fff;
        text-align: center;
        margin: 4% 0 0;
        display: block;
        border: 1px solid rgba(26,25,25,.5);
        padding: 5% 0;
        letter-spacing: 1px;
}

.pa_temporalite p, .pa_meteo p {
  	margin: 0;
}

.pa_temporalite p::before {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/pa_loc10.png) no-repeat center;
        width: 16px;
        height: 17px;
        content: "";
        float: left;
        margin: -1% 0 0 4%;
}

/* LIENS UTILES */
.liens_utiles a {
        display: block;
        border: 1px solid rgba(26,25,25,.2);
        background: #f8f8f8;
        padding: 1%;
        text-align: center;
        margin: 5%;
        letter-spacing: 2px;
}

/* VOTES */
.bloc_pa a img {
    	margin: 10% 2% 0;
}

/* METEO */
.pa_meteo {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/pza_nu10.png) no-repeat 5% 50% #fff;
        border: 1px solid rgba(26,25,25,.5);
        padding: 4%;
}

/* TEMPS */
.pa_temps {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/image_12.png) no-repeat center #fff;
        width: 190px;
        height: 155px;
        padding: 5px;
        border: 1px solid rgba(26,25,25,.5);
        margin: 6% 0 0;
}

.pa_temps p {
        background: rgba(183,183,183,.7);
        width: 70%;
        height: 70%;
        margin: 13% auto;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: initial;
}

.pa_temps p::before {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/pa_bou10.png) no-repeat center;
        width: 42px;
        height: 40px;
        content: "";
        display: block;
        padding: 10% 0;
        margin: auto;
}

/* BLOC STAFF */
/* Image */
.bloc_pa:nth-child(1n+4) img {
        max-width: 96%;
        margin: 2%;
}

/* Texte */
.pa_staff {
        background: #f8f8f8;
        border: 1px solid rgba(65,54,54,.2);
        margin: 0 2%;
        padding: 2%;
  	text-align: right;
}

.pa_staff h2 {
        text-align: left;
        font-weight: normal;
        letter-spacing: 2px;
        margin: 1%;
        font-size: 14px;
  	float: left;
}

/* CREDITS */
.pa_credits {
        width: 98%;
        font-size: 8px;
        letter-spacing: 2px;
        margin: 10% auto 0;
}



/****************************************************************** CATEGORIES ******************************************************************/
.categories {
        width: 844px;
        margin: 10% auto 0;
        background: #f8f8f8;
        border: 1px solid rgba(26,25,25,.2);
}

/* LIENS HEADER */
.header_categories_liens a::before {
        background: url(https://i.imgur.com/7NbPrgT.png);
        width: 15px;
        height: 15px;
        content: "";
        display: inline-block;
        margin: 0 1% 0 0;
}

.header_categories_liens a {
        color: #b4b4b4;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 2px;
}

.header_categories_liens a {
        color: #b4b4b4;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 2px;
  	font-size: 10px;
        margin: 0 2% 0 0;
}

.header_categories_liens {
        text-align: center;
        margin: 4% 0;
}

/* ENTETE CATEGORIES */
.header_categories img {
    	margin-top: -8%;
}

/* FORUM */
.forum {
        width: 98%;
        margin: 1% auto;
}

/* BLOC STATUT NOM FORUM ET STATISTIQUES */
.forum .header {
        background: #eeeeee;
        border: 1px solid rgba(65,64,64,.2);
}

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

.forum_statut, .forumlink, .forum_statistiques {
    	float: left;
}

a.forumlink {
        font-size: 24px;
        text-transform: uppercase;
        letter-spacing: 5px;
        font-weight: normal;
        margin: 2.2% 2% 0 2%;
}

.forum_statistiques {
        background: #1c1d1e;
        border: 1px solid rgba(26,25,25,.2);
        color: #979797;
        font-size: 12px;
        padding: .5% 4%;
        float: right;
        margin: 2% 2% 0;
}

/* DESCRIPTION SOUS FORUM ET DERNIER MESSAGE */
.forum .content {
        display: flex;
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 2% auto 0;
}

.forum_bloc {
    	flex: 1;
}

/* Description */
.forum_description {
        background: #eeeeee;
        border: 1px solid rgba(26,25,25,.2);
        padding: 2%;
        box-sizing: border-box;
        font-size: 10px;
        letter-spacing: 2px;
        width: 100%;
        height: 114px;
        overflow: auto;
}

/* Sous forum */
.sous_forum {
        height: 114px;
        overflow: auto;
        width: 100%;
        margin: 0 2%;
}

.sous_forum a {
        background: #eee;
        border: 1px solid rgba(26,25,25,.2);
        display: block;
        letter-spacing: 2px;
        padding: 1.15%;
        text-align: center;
        text-transform: lowercase;
        margin: 0 0 2%;
}

.forum_bloc.sous_forum a:last-child {
    	margin: 0;
}

.forum_bloc.sous_forum a:hover {
        background: #1c1d1e;
        color: #eee;
}

/* Dernier message */
.forum_bloc.derniers {
        background: #eee;
        border: 1px solid rgba(26,25,25,.2);
        text-align: center;
        padding: 2% 0 0;
        font-size: 12px;
}

.forum_bloc.derniers span > a::after {
        border-bottom: 2px solid;
        content: "";
        display: block;
        margin: 2%;
}

.forum_bloc.derniers strong a::before {
        content: "par ";
        font-weight: normal;
        font-size: 11px;
        letter-spacing: 2px;
}

.forum_bloc.derniers strong a {
    	letter-spacing: 2px;
}

.forum_bloc.derniers span > a:last-child::after {
    	display: none;
}



/****************************************************************** QUI EST EN LIGNE ******************************************************************/
.qui_est_en_ligne {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/image_14.png);
        width: 850px;
        height: 200px;
        letter-spacing: 2px;
}

/* DERNIERS CONNECTES */
#derniers_connectes {
        background: rgba(248,248,248,.7);
        border: 1px solid #1a1919;
        width: 39%;
        margin: 1%;
        float: left;
        height: 185px;
        overflow: auto;
        text-align: justify;
        padding: 2%;
  	display: block;
        box-sizing: border-box;
}

#derniers_connectes .row1 {
    	background: transparent;
}

#derniers_connectes a strong {
    	font-weight: normal;
}

/* BLOC DROITE */
.qui_est_en_ligne .right {
        float: right;
        width: 35%;
        margin: 1%;
}

.qeel_statistiques {
        background: rgba(248,248,248,.7);
        border: 1px solid #1a1919;
        box-sizing: border-box;
        padding: 2%;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 2% 0;
}

/* Pseudo nouveau membre */
#nouveau_membre a {
    	font-weight: normal;
}

/* Statistiques */
.qeel_statistiques div span {
        display: inline-block;
        width: 50%;
        margin: 4% 0 0;
}

.qeel_statistiques span strong {
    	font-weight: normal;
}

/* Groupes */
.qeel_groupes a {
        background: rgba(248,248,248,.7);
        border: 1px solid #1a1919;
        display: block;
        text-align: center;
        text-transform: uppercase;
        padding: .5%;
        margin: .5% 0;
        font-size: 12px;
}

a#explorers {color: #386bdf;}
a#ennemy {color: #df387f;}
a#natifs {color: #25893f;}
a#exiled {color: #7e8925;}