BTR TEMPLATE V1

Date d'inscription : 15/04/2020

Code:: .field_uneditable img {
width: 200px;
}

.field_uneditable {
text-align: justify;
}

/* --- Liste multicomptes --- */

pc, pc > a.mentiontag {
color: #9e664d;
font-weight: 700;
}

dc, dc > a.mentiontag {
color: #b37832;
font-weight: 700;
}

tc, tc > a.mentiontag{
color: #cfaf64;
font-weight: 700;
}

/* --- Page d'accueil --- */

img.lettre {
float: left;
}

#slider {
position: relative;
overflow: hidden;
margin: 0px auto 0 auto;
border-radius: 4px;
}

#slider ul {
position: relative;
margin: 0;
padding: 0;
height: 100px;
list-style: none;
}

#slider ul li {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
width: 245px;
height: 100px;
background: #ccc;
text-align: center;
line-height: 100px;
}

a.control_prev, a.control_next {
position: absolute;
top: 40%;
z-index: 999;
display: block;
padding: 3px;
width: auto;
height: auto;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 12px;
opacity: 0.8;
cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
opacity: 1;
-webkit-transition: all 0.2s ease;
}

a.control_prev {
border-radius: 0 2px 2px 0;
}

a.control_next {
right: 0;
border-radius: 2px 0 0 2px;
}

.case {
background-color: #f9f9f9;
border-bottom: 1px solid #f9f9f9;
font-family: Questrial;
font-size: 11px;
height: 50px!important;
overflow: hidden;
padding: 10px;
text-align: justify;
vertical-align: top;
width:33%;
}

.caset {
background-color: #e7e3e0;
border-bottom: 1px solid #dedad5;
color: #968e85;
font-family: 'Kite One';
font-size: 11px;
font-weight: 500;
height: 5px;
padding: 5px;
text-align: justify;
text-shadow: #fff 1px 1px 0;
text-transform: lowercase;
transition: all .5s ease;
}

.menupa i, .menupa2 i, .menupa3 i {
color: #bfb9b4;
width: 20px;
height: 10px;
}

.menupa a {
font-size: 12px!important;
text-shadow: #e7e3e0 1px 1px 0;
transition: all .5s ease;
text-transform: lowercase;
text-decoration: none;
color:#9f614b;
font-weight:700;
line-height:14px;
font-family: 'Kite One';
}

.menupa2 a {
color: #dca455;
font-size: 12px!important;
line-height: 14px;
text-decoration: none;
text-shadow: #ffffff 1px 1px 0;
text-transform: lowercase;
font-weight:700;
transition: all .5s ease;
font-family: 'Kite One';
}

.menupa3 a {
color: #c48549;
font-size: 12px!important;
line-height: 14px;
text-decoration: none;
text-shadow: #ffffff 1px 1px 0;
text-transform: lowercase;
font-weight:700;
transition: all .5s ease;
font-family: 'Kite One';
}

.menupa a:hover, .menupa2 a:hover, .menupa3 a:hover {
transition: all .5s ease;
color:#b97d30;
padding-left:30px;
}

.optimise:before {
font-size:12px;
color:#b97d30;
content:'\e007 \0020 \f282 \0020 \f268 \0020';
font-family:'fontawesome';
}

.optimise {
font-size:9px;
color:#968e85;
}

/* --- Modele bottin --- */

pris {
color:#713214;
font-weight:700;
}

resa {
color:#bc8e81;
font-weight:700;
}

/* --- Modele de liens et pré-liens --- */

.imgliens {
border: 2px #fff solid;
height: 70px;
object-fit: cover;
outline: 1px solid #dedad5;
width: 30px;
}

.imgplien {
border: 2px #fff solid;
outline: 1px solid #dedad5;
margin-left: 1px;
width: 100px;
height: 160px;
object-fit: cover;
}

fini:before {
content:'\f058';
font-family:FontAwesome;
color:#70ab2a;
padding-right: 5px;
}

cours:before {
content:'\f111';
font-family:FontAwesome;
color:#bfa043;
padding-right: 5px;
}

abandonne:before {
content:'\f057';
font-family:FontAwesome;
color:#b24141;
padding-right: 5px;
}

/* --- Modele de présentation --- */

.imgfiche {
border: 2px #fff solid;
outline: 1px solid #dedad5;
margin-left: 1px;
width: 200px;
height: 100px;
object-fit: cover;
}

ul#anec li {
display: list-item;
list-style-type: upper-roman;
}

ul#anec li::marker {
color: #c3a870;
font-weight:700;
}

ul#anec {
margin: 0px;
padding-inline-start: 22px;
}

.imgfiche img {
width:200px;
height:100px;
object-fit:cover;
}

/* --- Modele Admin --- */

fieldset {
border: #dedad566 1px solid;
background: #f9f9f9;
}

.bmodele {
background-color:#dedad5;
border: #f9f9f9 2px solid;
outline: #dedad5 1px solid;
padding: 5px;
}

.bmodele2 {
background-color:#f5f3f1;
padding: 7px;
border:#f0eeeb 7px solid;
outline:#dedad5 1px solid;
}

.btitremodele {
background-color:rgb(231, 227, 224);
text-transform:lowercase;
padding:5px 20px 5px 20px ;
border-bottom: 1px solid rgb(222, 218, 213);
font-family:Kite One;
text-shadow: #fff 1px 1px 0;
font-size:15px;
}

.bstmodele {
color:#a48f8f;
font-size:10px;
padding-left:10px;
}

/* --- Profils --- */

.fprofils {
background-color:#f9f9f9;
border: 1px solid #dedad5;
padding:5px;
}

.rangp {
position: absolute;
}

.bprofils {
background-color: #dedad582;
border: #fff 2px solid;
outline: #dedad5 1px solid;
padding: 3px;
}

.pseudop {
color: #545250;
font-size: 15px;
font-weight: 500!important;
font-family: 'Kite One';
text-transform: lowercase;
}

.profil_mess {
background: #f9f9f9;
border: 1px solid #dedad5;
}
.profil_onglet {
height: 20px;
}

.profil_onglet a, .profil_onglet a:active, .profil_onglet a:focus, .profil_onglet a:hover, .profil_onglet a:visited {
color: #b3afaa;
font-family: kite one;
font-size: 10px;
padding: 3px;
text-decoration: none;
text-transform: lowercase;
width: 94px!important;
text-align: center;
}

.profil_onglet .selected {
background: #f0eeeb;
color: #8e8a84;
}

.onglet_rpg, .onglet_profil {
background: #dedad5;
color: #8e8a84;
display: inline-block;
}

.profil_mess .rpg, .profil_mess .rpg br:first-child{
display: none;
}

.profil_mess .profil, .profil_mess .rpg{
max-height: 210px;
width:200px;
text-align: left;
padding: 4px;
}

.profil_mess img, .rpg img{
max-width:190px;
}

.contactt a, .contactt a:hover {
font-size:14px;
color: #a19a91;
padding: 0px 5px;
position: relative;
}

/* partie 1 */ .profile_fields1 .profil_field1:nth-child(n+7) {display:none;}
/* partie 2 */ .profile_fields2 .profil_field2:nth-child(-n+6) {display:none;}
/* partie 2 */ .profile_fields2 .profil_field2:nth-child(n+18) {display:none;}
/* champ contact */ .profile_fields3 .profil_field3:nth-child(-n+17) {display:none;}
.profil_field3 {display:inline;}
.profil_field3:nth-child(18) a:before {font-family:FontAwesome;content:'\f2bd';font-size:14px;color: #a19a91;padding: 0px 5px;position: relative;}
.profil_field3:nth-child(19) a:before {font-family:FontAwesome;content:'\f234';font-size:14px;color: #a19a91;padding: 0px 5px;position: relative;}
.profil_field3:nth-child(20) a:before {font-family:FontAwesome;content:'\f16d';font-size:14px;color: #a19a91;padding: 0px 5px;position: relative;}
.profil_field3:nth-child(21) a:before {font-family:FontAwesome;content:'\f0d2';font-size:14px;color: #a19a91;padding: 0px 5px;position: relative;}
.profil_field3:nth-child(22) a:before {font-family:FontAwesome;content:'\f1bc';font-size:14px;color: #a19a91;padding: 0px 5px;position: relative;}
.profil_field1:nth-child(2) {display:flex;}
.profil_field1:nth-child(2):after {content:'\00a0 ans';}

.postdetails.poster-profile span.label {
white-space: pre;
}

/* --- Général --- */

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding:0px!important;
}

.containerprofil {
text-align:justify;
}

a, a:hover, a:link {text-decoration: none!important;}

.bodyline {
top: -20px;
position: relative;
}

#i_logo {
width:760px;
}

.boutonhautbas {
bottom: 50%;
right: 10px;
position: fixed;
z-index: 999;
}

/* --- Qui est en ligne --- */

.trans .row1 {
background-color : transparent;
font-size:9px!important;
font-family: questrial!important;
}

.trans a {
font-size:11px!important;
font-family:questrial;
}

.case1 {
font-family: Questrial;
font-size:11px;
width: 35%;
text-align: justify;
height: 70px;
background-color: #f9f9f9;
padding: 10px;
border-bottom: 1px solid #f9f9f9;
vertical-align: top;
}

.case2 {
font-family: Questrial;
font-size:11px;
text-align: justify;
height: 70px;
background-color: #f9f9f9;
padding: 10px;
border-bottom: 1px solid #f9f9f9;
vertical-align: top;
width: 55%;
}

.case2t {
font-family: 'Kite One';
font-size:11px;
width:300px;
text-align: justify;
height: 5px;
padding: 5px;
background-color: rgb(231, 227, 224);
text-transform: lowercase;
border-bottom: 1px solid rgb(222, 218, 213);
font-weight: 500;
text-shadow: #fff 1px 1px 0;
transition: all .5s ease;
color:#968e85;
}

.case3 {
font-family: Questrial;
font-size:11px;
text-align: center;
height: 50px;
background-color: #f9f9f9;
padding: 10px;
border-bottom: 1px solid #f9f9f9;
vertical-align: top;
line-height: 25px;
}

.center {
text-align: center;
}

.fondqeel {
width: 754px;
background-color: #f5f3f1;
border-spacing: 5px;
}

.number {
font-family: 'Questrial';
font-size: 20px;
margin: -10px 5px 5px 5px;
color: #b3aeaa;
text-shadow: #d9d2cb 1px 1px 0px;
}

.bienvenue {
font-family: 'Questrial';
font-size: 15px;
margin: -10px 5px 5px 5px;
color: #b3aeaa;
text-shadow: #d9d2cb 1px 1px 0px;
text-transform:uppercase;
font-style:italic;
}

.numberl {
float: left;
font-family: 'Questrial';
font-size: 20px;
margin: -5px 5px 5px 5px;
color: #b3aeaa;
text-shadow: #d9d2cb 1px 1px 0px;
}

.dena, .vice, .trice, .quad, .pnj {
background: #f9f9f9;
border: #dedad5 1px solid;
padding: 5px;
font-size:10px;
}

.pnj a {
color:#464646;
font-weight:700;
text-decoration: none;
}

.dena a {
color:#AD6D6D;
font-weight:700;
text-decoration: none;
}

.vice a {
color:#949191;
font-weight:700;
text-decoration: none;
}

.trice a {
color:#C28132;
font-weight:700;
text-decoration: none;
}

.quad a {
color:#C2A79D;
font-weight:700;
text-decoration: none;
}

.imgqeel {
width: 130px;
position: relative;
left: -65px;
top: -30px;
}

/* -- Admin -- */
/* PNJ */
a span[style="color:#464646"] strong:before {content:"\f0e7";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Dena */
a span[style="color:#AD6D6D"] strong:before {content:"\f186";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Vice */
a span[style="color:#8F8888"] strong:before {content:"\f186";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Trice */
a span[style="color:#C28132"] strong:before {content:"\f186";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Quad */
a span[style="color:#BDA197"] strong:before {content:"\f186";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}

/* -- Modo -- */
/* Dena */
a span[style="color:#A87171"] strong:before {content:"\f005";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Vice */
a span[style="color:#8F8B8B"] strong:before {content:"\f005";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Trice */
a span[style="color:#BF8946"] strong:before {content:"\f005";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}
/* Quad */
a span[style="color:#C1A9A0"] strong:before {content:"\f005";font-family:FontAwesome;font-size:8px;vertical-align: top;color: #d8d0c7;margin-right: 2px;}

/* --- Menu --- */

a.mainmenu {
text-transform: lowercase;
text-decoration: none;
}

a.mainmenu img {
display: none;
}

/* --- Liste des sujets --- */

/* Titre */

.btitresujets {
background-color: #f9f9f9;
padding: 5px;
height: 25px;
line-height: 10px;
width: 368px;
}

.descsujets {
font-size:10px;
}

a.topictitle {
font-family:kite one;
text-transform:lowercase;
font-weight:600;
}

.bmsgrep {
background-color: #f9f9f9;
padding: 5px;
height: 25px;
line-height: 13px;
display: table-cell;
}

.bauthor {
background-color: #f9f9f9;
padding: 5px;
height: 25px;
line-height: 13px;
width:100px;
font-size:10px!important;
white-space: nowrap;
}

.blastmsg {
background-color: #f9f9f9;
height: 25px;
line-height: 10px;
padding: 5px;
width: 140px;
}

/* Dernier message */

.lastpost-avatar2 img {
border: 2px #ffffff solid;
outline: 1px #cabcb6 solid;
border-radius: 0!important;
filter: grayscale(0.6);
height: 30px;
object-fit: cover;
width: 30px;
object-position: top;
float:left;
}

/* --- Catégories --- */

/* Titre catégories */

.titretop {
font-family: 'Kite One', sans-serif;font-size: 14px;text-shadow: #cac6c1 1px 1px 0;text-transform: uppercase;
}

th {
background: linear-gradient(45deg,#d7d0c4,#d9d2cd);
outline: #dedad5 1px solid;
border: #f9f9f9 2px solid;
color: #fff;
font-size: 11px;
font-weight: 700;
height: 25px;
padding: 2px 3px;
}

.secondarytitle, .secondarytitle h2 {
padding: 5px;
}

.secondarytitle h2 {
text-transform:uppercase;
font-family: 'Kite One', sans-serif;
font-size: 17px;
text-shadow: #cac6c1 1px 1px 0px;
}

/* Titre Forums */

a.forumlink {
font-weight:500;
font-family: 'Kite One', sans-serif;
transition: all 0.5s ease;
text-shadow: #fff 1px 1px 0px;
}

a.forumlink:hover {
font-weight:500;
font-family: 'Kite One', sans-serif;
padding-left:5px;
transition: all 0.5s ease;
}

/* Dernier message */

.lastpost-avatar img {
border: 2px #ffffff solid;
outline: 1px #cabcb6 solid;
border-radius: 0!important;
filter: grayscale(0.6);
height: 95px;
object-fit: cover;
width: 30px;
}

/* Sous-forums */

.retvirg a {
font-size:10px!important;
transition: all 0.5s ease;
text-shadow: #e7e3e0 1px 1px 0px;
}

.retvirg a:hover {
box-shadow: inset 0 -4px 0 #e7e3e0 !important;
}

/* --- Messages --- */

.av_quickreply img {
width: 90px!important;
height: 196px!important;
position: relative;
top: -9px!important;
object-fit:cover;
border: 2px solid #fff;
outline: #dedad5 1px solid;
}

.post-options {
font-size: 12px;
letter-spacing: 4px;
}

.postbody {text-align:justify;padding:15px;line-height: 13px;}
.postbody img {
max-width: 480px;
}

b{color:#bf9841;}
.postbody strong{color:#9a837a;}
g{color:#b9b2aa;font-weight:700;}
g2{color:#a57a44;font-weight:700;}
g3{color:#b99d80;font-weight:700;}
g4{color:#bd938e;font-weight:700;}
it{color:#a2a461;font-style:italic;}
sl{box-shadow: inset 0 -4px 0 #e6c6ab85 !important;}

champ{background-color:#d6c9c4;border:#cbbdb7 1px solid;padding:3px;position:relative;z-index: 999;color:#827772;}
champ2{background-color:#e1d5bc;border:#d8cbae 1px solid;padding:3px;position:relative;z-index: 999;color:#827b6c;}
champ a{color:#827772;}
champ2 a{color:#827b6c;}
champ a:hover{color:#887065;}
champ2 a:hover{color:#827353;}

dt {
font-weight: 700;
color: #bf9841;
text-transform: lowercase;
}

span.selectCode {
font-weight: 500;
color: #9c9a96;
float: right;
text-transform: lowercase;
font-family: 'Kite One';
}

span.selectCode:before {
content: '\f121 \0020';
font-family: 'FontAwesome';
color: #d0d0d0;
}

.quote, .code, .spoiler_content, .spoiler_closed, .hidecode {
color: #545250;
font-family: Questrial;
font-size: 11px;
background-color: #f9f9f9!important;
border: solid 2px #ffffff!important;
outline: solid 1px #dedad5!important;
font-size: 11px;
line-height: 12px;
letter-spacing: 1px;
padding: 5px;
}

.codebox {
background: #f0eeeb;
padding: 3px;
border: #dedad594 1px solid;
overflow-wrap: anywhere;
}

/* pour les catégories */

champ3 {
background-color: #e0d8cd;
border: #dad3cb 1px solid;
color: #b1a79a;
display: grid;
padding: 1px!important;
text-align: center;
}

/* Édit des messages */
tr.post span.gensmall {
display: none;
}

/* Surlignement Chrome */
::selection {
background: #dbcdba none repeat scroll 0 0;
}

/* --- Scroller Chrome --- */

::-webkit-scrollbar {
width: 10px;
background-color: #f0eeeb;
height: 4px;
}

::-webkit-scrollbar-button {
background-color: #f0eeeb;
height: 1px;
}

::-webkit-scrollbar-thumb {
background-color: #dedad5;
}

::-webkit-scrollbar-track {
background-color: #f0eeeb;
}

/* --- Toolbar --- */

@media screen and (max-width: 1200px) {
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #968e85;
top: 20px;
}

#fa_right {
background: #fff;
font-size: 10px;
height: 50px!important;
position: absolute;
width: 100%;
z-index: 9999!important;
}

#fa_right.welcome #fa_menu ul {
display: block;
top: 50px;
}

#fa_toolbar #fa_right.notification #notif_list {
display: block;
top: 50px;
}

#fa_toolbar #fa_right #notif_list {
background-color: #fff;
border: #fff 1px solid;
font-size: 11px;
left: 100px!important;
list-style-type: none;
position: absolute;
top: 50px;
width: 330px;
z-index: 999;
}

#fa_right #fa_notifications, #fa_welcome {
color: #968e85;
font-family: Questrial;
font-size: 11px;
left: 100px;
line-height: 30px;
padding: 0 5px;
position: relative;
text-transform: lowercase;
top: 20px;
}

.avaSIT {
z-index: 99999!important;
}

}

#fa_right #fa_notifications, #fa_welcome {
color: #968e85;
left: 100px;
line-height: 30px;
padding: 0 5px;
position: relative;
font-family: 'Questrial';
font-size: 11px;
text-transform: lowercase;
}

#fa_toolbar {
background-color: transparent!important;
height: 10px;
}

#fa_right {
font-size: 10px;
position: absolute;
width: 100%;
z-index: 900!important;
background: #fff;
height:30px;
}

#fa_toolbar #fa_fb, #fa_toolbar #fa_gp, #fa_toolbar #fa_hide, #fa_toolbar #fa_magnifier, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_twitter, #fa_toolbar_hidden #fa_show #fa_search #fa_share #fa_show {
display:none!important;
}

#fa_share {
display:none!important;
}

#fa_search form {
display:none!important;
}

#fa_toolbar #fa_right #notif_list li a.delete {
background: transparent url(https://2img.net/i/fa/i/toolbar/toolbar.png) no-repeat -275px 60%;
float: right;
height: 17px;
width: 20px;
}

#fa_toolbar #live_notif .fa_notification {
background-color: #c5bdb4;
border-radius: 100px;
left: 45px;
opacity: 1;
padding: 10px;
position: absolute;
text-align: center;
top: 5px;
width: 239px;
}

#fa_toolbar #fa_right #notif_list {
background-color: #fff;
border: #fff 1px solid;
font-size: 11px;
left: 100px!important;
list-style-type: none;
position: absolute;
top: 30px;
width: 330px;
z-index: 999;
}

#fa_toolbar #fa_right #notif_list li.unread {
background-color: #f9f9f9;
font-weight: 700;
}

#fa_toolbar #fa_right #notif_list li .content {
color: inherit!important;
display: block;
line-height: inherit!important;
overflow: hidden;
vertical-align: top;
width: 30em;
width: 319px;
}

#fa_toolbar #fa_right #notif_list li .contentText a {
color: #bfbbb6!important;
text-transform:lowercase;
text-decoration: none!important;
vertical-align: baseline;
font-family: verdana;
}

#fa_toolbar #fa_right #notif_list li .contentText {
float: left;
height: 2.4em;
overflow: hidden;
width: 27em;
font-size: 10px;
color: #c3c0bd;
}

#fa_toolbar #fa_right #notif_list li.see_all {
background-color: #ffffff;
color: #968e85;
text-transform:lowercase;
padding: .7em!important;
text-align: right;
}

#fa_toolbar #fa_right .fa_separator {
background-color: #968e85;
height: 1px;
margin: 0;
padding: 0;
text-align: center;
width: 90%;
}

#fa_left {display: none!important;}

#fa_toolbar #fa_right #notif_list li.see_all a {
color: #968e85;
}

/* Avatar contour */

.avaSIT {
border-color: #fff;
border-image: initial;
border-style: solid;
border-width: 2px;
height: 70px;
left: 7px;
overflow: hidden;
position: fixed;
top: 2px;
width: 70px;
z-index: 99999!important;
border-radius: 100px;
}

/* Avatar image */
.avaSIT img{
width:75px;
}

/* Menu user */
#fa_menulist :link, #fa_menulist :visited {
color: #968e85!important;
}

#fa_right.welcome #fa_menu #fa_welcome {
background-color: #ffffff;
text-transform:lowercase;
color: #968e85;
font-style: italic;
}

#fa_menulist {
background-color: #ffffff;
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-top: 0 solid #FFF;
line-height: 10px;
list-style-type: none;
margin: 0;
min-width: 211px !important;
padding: 11px;
position: absolute;
width: 204px;
z-index: 999;
left: 100px!important;
}

#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #968e85;
}

#fa_usermenu {
display:none;
}

/* Menu notif */

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
background-color: #fff!important;
color: #968e85!important;
font-style: italic;
}

/* --- Contour du forum --- */

#gauche {
top: 0;
left: 0;
}

#droite {
top: 0;
right: 0;
}

#gauche, #droite {
z-index: 995;
width: 30px;
height: 100vh;
position: fixed;
background-color: #fff;
}

#bas {
z-index: 999;
bottom: 0;
display: flex;
padding: 0 30px;
align-items: center;
justify-content: space-between;
font-size: .5rem;
text-transform: uppercase;
letter-spacing: 2px;
box-sizing: border-box;
width: 100vw;
left: 0;
height: 30px;
position: fixed;
background-color: #fff;
}

css

Date d'inscription : 15/04/2020

index_body

Code:: {JAVASCRIPT}
<br/>

<link rel="stylesheet" href="https://sd-2.archive-host.com/membres/up/57540148720340087/test.css" />
<table class="forumline">
<tr>
<th class="secondarytitle" colspan="3">
<h2>Bienvenue sur BY THE RIVERS</h2>
</th>
</tr>
<tr>
<td class="caset">Contexte</td>
<td class="case" rowspan="2">
<figure class="event"><img src="https://images2.imgbox.com/9d/8c/dXOoq2yq_o.gif" alt="event"/>
<figcaption>
<b>Event en cours</b><br/>
Festival of Lights
</figcaption><a href="/t364-topic-commun-festival-of-lights"></a>
</figure>
</td>
<td class="caset">Menu rapide</td>
</tr>
<tr>
<td class="case" rowspan="2">
<div class="containerprofil" style="height:114px;">
<img src="https://images2.imgbox.com/33/31/cPXzBW3X_o.png" class="lettre"/>orsqu'il se réveille ce matin-là, il fixe un moment les vieilles affiches de groupes rock accrochées à son plafond avant de laisser son regard courir sur le papier peint démodé qui décolle depuis quelques temps déjà sur le mur près de sa commode. Cette chambre qu'il voit tous les jours en ouvrant les yeux. Cette chambre qui l'a vu grandir, vivre des joies et des peines, des victoires et des défaites. Il a un bref sourire avant de soupirer. Il se demande ce que ce serait que de vivre dans une ville si grande qu'on ne croise jamais deux fois la même personne. De vivre dans un endroit où tout le monde ne se connait pas. De vivre quelque part où il pourrait être quelqu'un de différent tous les jours s'il voulait. Puis il frissonne un peu. Edenton, c'est chez lui. Depuis toujours et, peut-être pas pour toujours, mais au moins pour maintenant. Et en vérité? Ça lui convient parfaitement. Il est bien ici. Heureux ici. Il aime qu'on le reconnaisse au supermarché. Il aime qu'on connaisse sa commande par cœur au café downtown. Il aime que sa famille se trouve tout près et que sa maison soit remplie de traditions perpétuées à travers les générations. Son sourire revient avec une petite chaleur qui se répand à partir de son cœur alors qu'il rejette les couvertures et met les pieds au sol, prêt pour une autre journée.
</div>
</td>
<td class="case" rowspan="2" style="background-image: url('https://images2.imgbox.com/b6/37/PJ7wzDYY_o.png');background-size: 260px;background-repeat: no-repeat;background-position: 0px 95px;">
<span class="menupa"><a href="/t92-reglement"><i class="fas fa-info-circle"></i> Règlement</a></span><br />
<span class="menupa2"><a href="/t71-groupes"><i class="fas fa-user-tag"></i> Groupes</a></span><br />
<span class="menupa3"><a href="/t77-le-bottin"><i class="fas fa-theater-masks"></i> Bottin</a></span><br />
<span class="menupa"><a href="/f8-pre-liens"><i class="fas fa-box-open"></i> Pré-liens</a></span><br />
<span class="menupa2"><a href="/f85-fiches-dans-le-besoin"><i class="fas fa-exclamation-circle"></i> Fiches dans le besoin</a></span><br />
<span class="menupa3"><a href="/f18-section-des-invites"><i class="fas fa-question-circle"></i> Section invité</a></span><br/>
<span class="menupa"><a href="https://discord.gg/KC98QBbSXJ"><i class="fab fa-discord"></i> Notre serveur Discord</a></span>
</td>
</tr>
<tr>
<td class="caset">Events</td>
</tr>
<tr>
<td class="caset">By the Rivers c'est</td>
<td class="case" rowspan="2">
<div class="containerprofil" style="height:100px;">
<div id="slider">
<a href="#right" class="control_next"><i class="fas fa-angle-double-right"></i></a>
<a href="#left" class="control_prev"><i class="fas fa-angle-double-left"></i></a>
<ul>
<li style="background-image:url('https://images2.imgbox.com/f5/23/Qamrpw6S_o.png');background-size: cover;"></li>
<li style="background-image:url('https://images2.imgbox.com/b1/37/HgR9rDse_o.png');background-size: cover;"></li>
<li style="background-image:url('https://images2.imgbox.com/4e/b5/R3tLGO7v_o.png');background-size: cover;"></li>
<li style="background-image:url('https://images2.imgbox.com/1a/d0/0c9oVuak_o.png');background-size: cover;"></li>
</ul>
</div>
</div>
</td>
<td class="caset">Crédits</td>
</tr>
<tr>
<td class="case" rowspan="2">
<i class="fas fa-caret-right"></i> Forum ouvert le 07/11/2020<br/>
<i class="fas fa-caret-right"></i> 0 ligne demandée<br />
<i class="fas fa-caret-right"></i> 2e compte dès la 1ère validation<br />
<i class="fas fa-caret-right"></i> RPG dans un petit village tranquille<br />
<i class="fas fa-caret-right"></i> Âge moyen de 35 ans<br />
<i class="fas fa-caret-right"></i> 1 RP par 3 semaines<br />
<i class="fas fa-caret-right"></i> Aucun gang, cartel, etc.<br /><br />
<champ3><a href="/f18-section-des-invites">Des questions ? Venez nous les poser dans la section des invités !</a></champ3>
</td>
<td class="case" rowspan="2">
<champ3>Version 01. Créée par Nine et H0neyy.</champ3><br/>
<div class="optimise">Forum optimisé pour tous les navigateurs</div>
L'ensemble du contenu de ce forum <sl>appartient à son staff</sl>. Nous remercions toutes les personnes qui nous ont aidé ou inspiré à construire le terrain de jeu. Vous retrouverez la liste des <g>remerciements</g> dans <a href="/t69-credits">ce sujet</a>.
</td>
</tr>
<tr>
<td class="caset">Le staff</td>
</tr>
</table>

<br/>

<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

<table>
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>


<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">

<div class="fb-login-button"></div>


<div class="ti-connect"></div>

</div>
</td>


</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
      
      
      <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
      
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br/>
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br/>
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="right" class="row1">

<table>
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>


<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">

<div class="fb-login-button"></div>


<div class="ti-connect"></div>

</div>
</td>


</tr>
</table>
</form>



<link rel="stylesheet" href="https://sd-2.archive-host.com/membres/up/57540148720340087/groupes.css" />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="row1" width="100%"> <link rel="stylesheet" href="style.css" />
<table class="fondqeel">
<tr>
<th colspan="3" class="secondarytitle">
<h2>Qui est à Edenton ?</h2>
</th>
</tr>
<tr>
<td class="case1" rowspan="2" style="background-image: url('https://images2.imgbox.com/b6/37/PJ7wzDYY_o.png');background-size: 240px;background-repeat: no-repeat;background-position: 30px 95px;">
<span id="totalu" class="gensmall">
<span class="number">{TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/," ");</script>
<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/," ");</script>
membres
</span>
<span id="totalp" class="gensmall">
<span class="number">{TOTAL_POSTS}</span>
<script type="text/javascript">document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(/Nos membres ont posté un total de/," ");</script><script type="text/javascript">document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(/messages/," ");</script>
messages
</span><br /><br />
<span id="uonline" class="gensmall">
{TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Il y a en tout/,"");</script>
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/utilisateur en ligne ::/,"présent (");</script>
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/utilisateurs en ligne ::/,"présent (");</script>
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Enregistré/,"membre");</script>
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Enregistrés/,"membres");</script>
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Invisible/,"fantôme");</script>
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Invisibles/,"fantômes");</script>
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Invité/,"touriste");</script>
<script type="text/javascript">document.getElementById('uonline').innerHTML=document.getElementById ('uonline').innerHTML.replace(/Invités/,"touristes");</script>)
</span><br /><br />
<div class="center"><span id="bienvenue" class="gensmall">Bienvenue à
<br/><span class="bienvenue" id="dernier_membre">{NEWEST_USER}</span> !
<script type="text/javascript">document.getElementById('bienvenue').innerHTML=document.getElementById ('bienvenue').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
</span></div>
</td>
<td class="case2t">
En ligne durant les dernières 24 heures
</td>
</tr>
<tr>
<td class="case2">
<div class="containerprofil" style="height:70px;width:455px;">
<span id="24h" style="text-align:justify;"><table>{L_CONNECTED_MEMBERS}</table><script type="text/javascript">document.getElementById('24h').innerHTML=document.getElementById ('24h').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /," ");</script>
</span>
</div>
</td>
</tr>
</table>
<table class="fondqeel">
<tr>
<td class="case2t">
En ligne présentement
</td>
<td class="case3" rowspan="2">
<div class="container">
<a class="btn dena" href="/g5-denarian-and-less">Denarian and younger</a><br/>
<a class="btn vice" href="/g6-vicenarian">Vicenarian</a><br/>
<a class="btn trice" href="/g7-tricenarian">Tricenarian</a><br/>
<a class="btn quad" href="/g8-quadragenarian-and-more">Quadragenarian and older</a><br/>
<a class="btn pnj" href="/g15-pnj">PNJ</a>
</div>
</td>
</tr>
<tr>
<td class="case2">
<div class="containerprofil" style="height:70px;width:430px;">
<span id="online" class="gensmall">
{LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById ('online').innerHTML.replace(/Utilisateurs enregistrés :/," ");</script>
</span>
</div>
</td>
</tr>
</table>
</td>
</tr>

<tr>
   <td class="row1">
      <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
         
         <div id="chatbox_popup"></div>
         <script type="text/javascript">
         //<![CDATA[
         insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
         //]]>
         </script>
         
      </span>
   </td>
</tr>

</table>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}

Date d'inscription : 15/04/2020

index_box

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
      <h{catrow.cathead.LEVEL} class="hierarchy">
         <span class="cattitle">
            <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
         </span>
      </h{catrow.cathead.LEVEL}>
   </td>
   <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table cellpadding="0" cellspacing="1" width="750" style="height:110px!important;" class="test">
<tbody>
<tr>
<td valign="top">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td valign="top">
<div class="containerprofil" style="height:15px;width:370px;background-color:#e7e3e0;padding:5px;text-transform:lowercase;border-bottom: 1px solid #dedad5;">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</div>
<div class="containerprofil" style="height:75px;width:370px;background-color:#f9f9f9;padding:5px;">
<span class="genmed" style="text-align:justify;">{catrow.forumrow.FORUM_DESC}</span>
</div>
</td>
<td valign="top">
<table cellpadding="0" cellspacing="1">
<tbody>
<tr>
<td>
<div class="containerprofil" style="height:77px;width:150px;background-color:#f9f9f9;padding:5px;text-transform:lowercase;">
<div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script>
</div>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="1">
<tbody>
<tr>
<td align="center">
<div style="white-space: nowrap;height:10px;width:69px;background-color:#e7e3e0;padding:5px;text-transform:lowercase;border-bottom: 1px solid #dedad5;text-shadow:#f9f9f9 1px 1px 0px;">
<span class="gensmall">{catrow.forumrow.TOPICS} sujets</span>
</div>
</td>
<td align="center">
<div style="white-space: nowrap;height:10px;width:69px;background-color:#e7e3e0;padding:5px;text-transform:lowercase;border-bottom: 1px solid #dedad5;text-shadow:#f9f9f9 1px 1px 0px;">
<span class="gensmall">{catrow.forumrow.POSTS} messages</span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td>
<div style="height:100px;width:150px;background-color:#f9f9f9;padding:5px;border-bottom: 1px solid #f9f9f9;">
<center>

<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
<span class="AD_LastInfos">
<b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
</span>


<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>


      <br/><br/><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</center>
</div>
</td>
</tr>
</tbody>
</table>
   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Date d'inscription : 15/04/2020

overall_footer_end

Code:: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
   <td>
      <div>
         <div>
            <div>

            </div>
         </div>
         
         <div align="center">
            <div class="gen">
               
                   | 
                  <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
</div>

            </div>
         
      </div>
      {PROTECT_FOOTER}
   </td>
</tr>
</table>


<div id="fb-root"></div>
<script type="text/javascript">
$(document).ready( function() {
$('div.fb-login-button, span.fb-login-button').attr({
"data-scope": "{switch_facebook_login.FB_SCOPE}",
"data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
"data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
"data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
"data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
});
$('div.fb-login-button, span.fb-login-button').each(function() {
if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
$(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
}
if($(this).html() == '') {
$(this).html('{switch_facebook_login.FB_LABEL}');
}
});

FB.init({
appId : "{switch_facebook_login.FB_APP_ID}",
cookie : {switch_facebook_login.FB_COOKIE},
xfbml : {switch_facebook_login.FB_XFBML},
oauth : {switch_facebook_login.FB_OAUTH},
version : '{switch_facebook_login.FB_VERSION}'
});

(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
function onLoginFB() {
window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
}
</script>


<script type="text/javascript">
$(document).ready( function() {
$('div.ti-connect').attr({
'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
'data-lang' : '{switch_topicit_connect.BOARD_LANG}'
});

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'topicit-connect'));
});
</script>

<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>

Date d'inscription : 15/04/2020

overall_header

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
   xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>

<link rel="stylesheet" href="https://sd-2.archive-host.com/membres/up/57540148720340087/style.css"/>

<link rel="icon" type="image/png" sizes="63x63" href="https://images2.imgbox.com/cd/8a/71T1Aryi_o.png">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"/>
<link rel="stylesheet" href="https://www.aht.li/3282993/insta-comm.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"/>
<link rel="stylesheet" href="https://www.aht.li/3282401/insta.css" />
<link rel="stylesheet" href="https://www.aht.li/3282530/insta_onglets.css" />


<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/dd645567d0.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/solid.css" integrity="sha384-r/k8YTFqmlOaqRkZuSiE9trsrDXkh07mRaoGBMoDcmA58OHILZPsk29i2BsFng1B" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/regular.css" integrity="sha384-IG162Tfx2WTn//TRUi9ahZHsz47lNKzYOp0b6Vv8qltVlPkub2yj9TVwzNck6GEF" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/brands.css" integrity="sha384-BKw0P+CQz9xmby+uplDwp82Py8x1xtYPK3ORn/ZSoe6Dk3ETP59WCDnX+fI1XCKK" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/fontawesome.css" integrity="sha384-4aon80D8rXCGx9ayDt85LbyUHeMWd3UiBaWliBlJ53yzm9hqN21A+o1pqoyK04h+" crossorigin="anonymous"/>
<link href="https://fonts.googleapis.com/css2?family=Kite+One&family=Questrial&display=swap" rel="stylesheet">

<link rel="stylesheet" type="text/css"href="https://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbarmin.css"/>
<script src="http://yourjavascript.com/194212996/jquery-mcustomscrollbar-min.js"></script>

<div id="haut"></div>
<div id="droite"></div>
<div id="gauche">
<div style="position:relative;top:35%;writing-mode: vertical-rl;left:10px;font-size:11px;font-family: Questrial;text-orientation: upright;">
<champ><a href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=2579" target="_blank">Vote</a></champ> <champ2><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=26325" target="_blank">Vote</a></champ2> <champ><a href="http://www.root-top.com/topsite/brocart/in.php?ID=86" target="_blank">Vote</a></champ> <champ2><a href="https://brocart.forumactif.com/t4785-by-the-rivers-rpg-cosy-a-edenton-nc-ouverture-recente" target="_blank">Broc'art</a></champ2> <champ><a href="https://www.pub-rpg-design.com/t133215-by-the-rivers-o-rpg-village-cosy-de-la-caroline-du-nord-07-11-2020" target="_blank">PRD</a></champ> <champ2><a href="https://la-directory.tumblr.com/post/635421609172369408/nouveaute-sur-by-the-rivers-forum-ouvert-avatars" target="_blank">La Directory</a></champ2>
</div>
</div>
<div id="bas"></div>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
<meta http-equiv="content-script-type" content="text/javascript"/>
<meta http-equiv="content-style-type" content="text/css"/>

<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>


<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>

{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
<link rel="search" type="application/opensearchdescription+xml"
      href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
<script src="{JQUERY_PATH}" type="text/javascript"></script>

<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>

<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}


<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>



<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
<script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>



<script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch (tickerDirParam) {
      case 'top' :
         slid_vert = true;
         break;
      case 'left':
         break;
      case 'bottom':
         slid_vert = true;
         auto_dir = 'prev';
         break;
      case 'right':
         auto_dir = 'prev';
         break;
      default:
         slid_vert = true;
   }

   $(document).ready(function () {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0) {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display', 'block');

         /* Calcul des dimensions du conteneur et des elements */
         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
         $('ul#fa_ticker_content li').each(function () {
            if ($(this).height() > height_max) {
               height_max = $(this).height();
            }
         });

         /* Redimensionnement des elements et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item) {
               var ratio = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert) {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
         }

         /* Initialisation du caroussel */
         $('#fa_ticker_content').jcarousel({
            vertical: slid_vert,
            wrap: 'circular',
            auto: {switch_ticker.STOP_TIME},
            auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
         });
      } else {
         $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
         $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
      }
   });
   //]]>
</script>


<script type="text/javascript">//<![CDATA[
   $(document).ready(function () {
      
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      if (pm != null) {
         pm.focus();
      }
      
      
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      if (report != null) {
         report.focus();
      }
      
      
      $(document).ready(function () {
         Ticker.start({
            height: {switch_ticker.HEIGHT},
            spacing: {switch_ticker.SPACING},
            speed: {switch_ticker.SPEED},
            direction: '{switch_ticker.DIRECTION}',
            pause: {switch_ticker.STOP_TIME}
         });
      });
      
   });

   
   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
      logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   

   
   $(document).ready(function () {
      $(window).resize(function () {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
            "left": windowWidth / 2 - popupWidth / 2
         });
      });
   });
   
   //]]>
</script>
{GREETING_POPUP}

<style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align: center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
</style>

{HOSTING_JS}


<script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
<script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());
   gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
   
   gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
   
</script>

</head>
<html>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
   vlink="{T_BODY_VLINK}">


<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
<div class="content">
   <p>
      {hitskin_preview.L_THEME_SITE_PREVIEW}
      <br/>
      <span>{hitskin_preview.U_INSTALL_THEME}<a
               href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
   </p>
</div>
</div>



<div id="login_popup" style="z-index: 10000 !important;">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
      cellpadding="0">
   <tr height="25">
      <td class="catLeft">
         <span class="genmed module-title">{SITENAME}</span>
      </td>
   </tr>
   <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
      <td class="row1" align="left" valign="top">
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="mainoption" value="{L_LOGIN}"/>
               <input type="button" class="mainoption" value="{L_REGISTER}"
                     onclick="parent.location='{U_REGISTER}';"/>
               <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
            </form>
         </div>
         <span class="genmed">{LOGIN_POPUP_MSG}</span>
      </td>
   </tr>
</table>
</div>



<div id="like_popup" style="z-index: 10000 !important;">
<table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
      cellpadding="0">
   <tr height="25">
      <td class="catLeft">
         <span class="genmed module-title">{SITENAME}</span>
      </td>
   </tr>
   <tr height="{LIKE_POPUP_MSG_HEIGHT}">
      <td class="row1" align="left" valign="top">
         <div id="like_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="mainoption" value="{L_LOGIN}"/>
               <input type="button" class="mainoption" value="{L_REGISTER}"
                     onclick="parent.location='{U_REGISTER}';"/>
               <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
            </form>
         </div>
         <span class="genmed">{LIKE_POPUP_MSG}</span>
      </td>
   </tr>
</table>
</div>


<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
   <td class="bodyline">
      <table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            
            <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
            </td>
            
            <td align="center" width="100%" valign="middle">
               
               <a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               <br/>
               
            </td>
            
            <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
            </td>
            
         </tr>
      </table>
<center>
<table cellspacing="0" cellpadding="0" border="0" style="position:fixed;top:5px;z-index:99999;width:760px;">
<tr>
<td align="center">{GENERATED_NAV_BAR}</td>
</tr>
</table>
</center>
<table cellspacing="0" cellpadding="0" border="0" id="navSIT">
<tbody>
<tr>
<td>
<div class="encadretoolbar"></div>
<div class="avaSIT">
<div class="avaSIT2"></div>
</div>
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">$(function(){$('.avaSIT2').html(_userdata.avatar)});</script>
<div style="clear: both;"></div>

      
      <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
         <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
            <tr>
               <td align="left" class="row1">
                  <div id="fa_ticker_container">
                     <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                        
                        <li>{switch_ticker.ticker_row.ELEMENT}</li>
                        
                     </ul>
                  </div>
               </td>
            </tr>
         </table>
      </div>
      

      
      <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
         <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
            <tr>
               <td align="left" class="row1">
                  <div id="fa_ticker_container">
                     <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                           
                           <div>{switch_ticker.ticker_row.ELEMENT}</div>
                           
                        </div>
                     </div>
                  </div>
               </td>
            </tr>
         </table>
      </div>
      

      <div id="page-body">
         <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
            <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
               <tbody>
               <tr>
                  <td valign="top" width="{C1SIZE}">
                     <div id="{ID_LEFT}">
                        
                        {giefmod_index1.MODVAR}
                        
                        <div style="height:{SPACE_ROW}px"></div>
                        
                        
                     </div>
                  </td>
                  <td valign="top" width="100%">
                     
                  </td>
               </tr>
               </tbody>
            </table>
         </div>
      </div>
   </td>
</tr>
</table>

</body>
</html>