version beyond the sea

.postbody { display: block; text-align: justify; }

/*-- SCROLLBAR --*/
::-webkit-scrollbar { /*Scrollbar entière height c'est pour la hateur de la scrollbar horizontale et width pour la largeur de la scrollbar verticale*/
  width: 10px;
  background-color: #443A43;
  height: 10px;
}

::-webkit-scrollbar-track { /*Le fond de la scrollbar*/
  background-color: #443A43;
}

::-webkit-scrollbar-thumb { /*Le petit ascenceur de la scrollbar, le truc qui descend*/
  background-color: #0D0C0E;
}

::-webkit-scrollbar-button { /*La hauteur des boutons de la scrollbar verticaux*/
  background-color: #443A43;
  height: 10px;
}

::-webkit-scrollbar-button:horizontal { /*La largeur des boutons horizontaux*/
  background-color: #443A43;
  width: 10px;
}


/*GENERAL*/
.bodylinewidth
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}

.bodyline
{
  width: 900px;
  padding: 0;
  box-shadow: 0px 0px 5px #055d73;
  -moz-box-shadow: 0px 0px 5px #055d73;
  -o-box-shadow: 0px 0px 5px #055d73;
  -htm-box-shadow: 0px 0px 5px #055d73;
  -webkit-box-shadow: 0px 0px 5px #055d73;
}

/*CODAGE DES CATEGORIES*/

.forumline {
  border: 1px solid #435699;
  background-color: #000713;
}

.gemned {
text-align: justify;
  height: 90px;
  overflow: auto;
  padding: 1px;
  width: 350px;
  background-color: #051939;
  border-radius: 10px;
}

@font-face {
  font-family: 'Snippet';
  font-style: normal;
  font-weight: 400;
  src: local('Snippet'), url(http://fonts.gstatic.com/s/snippet/v6/dkdPSGwSU2IgxfExalYR0wLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}

.forumlink {
font-size: 20px;
  padding-left: 80px;
  font-family: 'Snippet';
  transition: 500ms;
}

.forumlink:hover {
padding-left: 100px;
  transition: 500ms;
}


@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC'), local('AmaticSC-Regular'), url(http://fonts.gstatic.com/s/amaticsc/v7/DPPfSFKxRTXvae2bKDzp5CZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}
.secondarytitle, .secondarytitle h2 {
    color:#fcfdfd;
    font-family: 'Butler';
    font-size: 30px !important;
    font-weight: lighter !important;
    letter-spacing: -1px;
    position: relative;
    text-transform:uppercase;
    height: 40px;
    background-color: #031334;
    width: 100%;
}

.lastpost-avatar img {
  border: 1px solid #0F0B0A;
  padding: 2px;
  border-radius: 0px;
  height: 95px;
  width: 59px;
}

.links {
  width: 150px;
  height: 90px;
  padding: 5px;
  background-color: #051939;
  size: 17px;
  font-family: 'Snipet';
  text-align: center;
  border-radius: 10px;
  margin-left: 2px;
  overflow: auto;
}

.last-post {
  background-color: #051939;
  border-radius: 10px;
  height: 100px;
  overflow: auto;
}


/**FIN**/

/*PROFIL*/
.cadreavatar {
  background-image: url('https://i58.servimg.com/u/f58/17/39/50/12/sans_t26.png');
  height: 394px;
  padding: 5px;
  position:relative;
    }

.postdetails poster-profile {
text-align:justify;
}

.poster-profile img {
  max-width: 211px;
}

/*FIN PROFIL*/

/* SELECTIONNER CODE */
.selectCode {
    float : right ;
    cursor : pointer ; }

.div.cont_code {
    clear : right ; }

/*FIN SELECTIONNER CODE*/

/*REPONSE RAPIDE*/
    /*---  Partie texte area : fond ---*/
   
    .sceditor-container iframe, .sceditor-container textarea {
    background-color: #F5F5F5 !important;
    text-align:justify;
    margin:0 !important;
    line-height: 16px;
    width: 540px !important;
    background-image: url(\'\') !important;
    font-size:12px !important;
    font-color: #E2CDD7;
    }
    /*---  Partie supérieur contenant les outils ---*/
   
    div.sceditor-toolbar {
    background-color: #A2A8BC !important;
    width: 540px !important;
    }

/*-- PAGE D'ACCEUIL --*/

#la_pa {
  position: relative; }

/*ONGLETS PA*/
.mon_onglet{
  display: inline;
  padding: 0.5px;
  margin: 0.5px;
  color: #000;
  background: transparent;
  border: 1px solid transparent;}
 
.mon_onglet:hover{
  background: transparent;}
     
.mon_onglet_selected{
  display: inline;
  padding: 0.5px;
  margin: 0.5px;
  color: #000;
  background: transparent;
  border: 1px solid transparent;}
     
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  background: transparent;
  border: 1px solid transparent;
  padding: 0.5px;
  margin: 0.5px;
  line-height: normal;
  font-size: 11px;}
 
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}

img.arrondi {
  background-color: #F3DDC8;
  padding:0.5px;
  margin:0.5px;
  border: 1px solid #4e0f3d;
  border-radius: 2px;
}

img.arrondi:hover {
  background-color: #F3DDC8;
  padding:0.5px;
  margin:0.5px;
  border: 1px solid #4e0f3d;
  border-radius: 2px;
}

.pix {
  border: none;
  opacity: 1;
  background-color: transp;
  padding:0.5px;
  margin-top:1px;
  margin-left:0.5px;
  margin-right:0.5px;
  border: 1px solid #4e0f3d;
  -moz-border-radius: 1px;
}

.titrepa{
  font-family:Old English Text MT;
  font-weight:none;
  font-style:bold;
  font-size:45px;
  letter-spacing:-1px;
  color: #762F4D;
  text-shadow:0px 1px 2px #4b4043;
}

.titrepa:hover{
  font-family:Old English Text MT;
  font-weight:none;
  font-style:bold;
  font-size:45px;
  letter-spacing:-1px;
  color: #4b4043;
  text-shadow:0px 1px 2px #361128;
}

.sloganpa{
  transform:uppercase;
  font-size:11px;
  font-family:Segoe Ui Semilight;
  letter-spacing:1pt;
  margin-top:-10px;
  color: #866F6E;
}

e{
  font-family:times new roman;
  color:#BA270D;
  font-weight:normal;
  font-size:10px;
  margin-top:-12px;
}

c{
  font-family:Old English Text MT;
  color:#762F4D;
  text-shadow:0px 1px 1px #8B3E31;
  text-align: center;
  font-size:22px;
  margin-top:-18px;
}

f{
  font-family:tahoma;
  font-weight:bold;
  font-size:11px;
  text-transform:uppercase;
  color:#622422;
  text-shadow:1px 2px 2px #E1D4C8;
}

d{
  font-family:Butler;
  color:#c0d2ed;
  text-shadow:0px 0.5px 2px #050013;
  font-weight:normal;
  font-style:bold;
  text-transform:lowercase;
  font-size:15px;
  margin-top:-12px;
}

/*-- MISE EN PAGE IMAGE --*/

/*infobulle*/
a.imginfo {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 0px #321818 solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 0px; /* on positionne notre infobulle */
  left: 0px;
  background: #051939;
  color: #FFFFFF;
  padding: 3px;
  border: 0px solid grey;
  border-left: 1px solid #321818;
  border-right: 1px solid #321818;
  border-top: 1px solid #321818;
  border-bottom: 1px solid #321818;
}

/*Navigation*/

.l1 {
  width: 140px;
  padding: 10px;
  padding-top: 3px;
  background-color: #b7b7b7;
  color:#010a15;
  font-family: 'Open Sans Condensed';
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  margin:2px;
  border: 0.5px solid #030102;
}

.l2 {
  width: 140px;
  padding: 10px;
  padding-top: 3px;
  background-color: #b7b7b7;
  color:#010a15;
  font-family: 'Open Sans Condensed';
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  margin:2px;
  border: 0.5px solid #030102;
}

/* FIN PA*/

/*FICHE PRESENTATION - SCENARIO - PV*/

/*image coulissante*/
.image {
  background:ta couleur de fond si besoin;
  position:relative;
  width:200px; /* tu détermines la largeur */
  height:320px; /* tu détermines la hauteur */
  overflow:hidden;
}

.texte {
  position:absolute;
  height:320px; /* encore la hauteur*/
  width:200px;  /* la largeur */
  margin-bottom:-320px; /* tu décales vers le bas il faut donc la même valeur que pour ta hauteur ! */
  background-color: #051939; /*indique la couleur de fond de ton choix*/
  text-align: justify;
  bottom:0;
  left:0;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}


.image:hover .texte {
  margin:0;
}

/*Les titres*/
.titre1{
  font-family:arial;
  font-weight:bold;
  font-style:italic;
  font-size:25px;
  text-transform:uppercase;
  letter-spacing:-2px;
  color:#7D0000;
  text-shadow:0px 0px 2px #451D30;
}

.titre1:hover{
  font-family:arial;
  font-weight:bold;
  font-style:italic;
  font-size:25px;
  text-transform:uppercase;
  letter-spacing:-2px;
  color:#9F6F1F;
  text-shadow:0px 0px 2px #3F6751;
}

.titre2{
  font-family:times new roman;
  color:#AB5725;
  font-style:italic;
  text-align:center;
  font-size:22px;
  letter-spacing:-2px;
  text-transform:lowercase;
}

.titre2:hover{
  font-family:times new roman;
  color:#7D0000;
  font-style:italic;
  font-size:20px;
  letter-spacing:-2px;
  text-transform:lowercase;
}

.titre3{
  font-family:Segoe Ui Semilight;
  font-style:italic;
  text-align:center;
  font-size:15px;
  letter-spacing:-1px;
  text-transform:lowercase;
}

.sous-titre1{
  line-height: 80%;
  width: 490px;
  letter-spacing: 1.9px;
  font-family: Butler;
  font-size: 12px;
  color:#b69ca3;
  text-transform: uppercase;
}

.sous-titre2{
  font-family:Butler;
  color:#460000;
  font-weight:bold;
  text-align:center;
  font-size:12px;
  letter-spacing:1px;
  text-transform:lowercase;
}

.ID1{
  overflow:auto;
  height: 320px;
  width: 195px;
  color: #b69ca3;
}

.ID2{
  overflow:auto;
  height: 320px;
  width: 300px;
  color: #b69ca3;
}

.ID3{
  overflow: auto;
  width: 400px;
  height: 90px;
  color: #b69ca3;
  text-align : justify;
}


.ID4{
  overflow: auto;
  width: 220px;
  height: 100px;
  color: #b69ca3;
  text-align : justify;
}

.story{
  width: 500px;
  text-align : justify;
  color: #b69ca3;
}

.SL{
  color: #99cc33;
}

.SR{
  color: #ffcc33;
}

.SP{
  color: #cc3333;
}

m{
  font-family:Times New Roman;
  font-weight:bold;
  font-style:italic;
  font-size:15px;
  text-transform:lowercase;
  letter-spacing:0px;
  color:#EDC5CB;
}

/* Cadre messages */
.cadremessage{
  width:510px;
  background-color:#051939;
  border:solid 1px #000000;
  color:#b69ca3;
  text-align:justify;
  font-size:11px;
  padding:5px;
}

.cadremessage:hover{
  width:510px;
  background-color:#000000;
  border:solid 1px #000000;
  text-align:justify;
  font-size:11px;
  padding:5px;
}

/*FIN FICHE PRESENTATION - SCENARIO - PV*/

/**QEEL**/

.titreqeel {
  letter-spacing: 3px;
  font-size: 60px;
  font-family: 'Old English Text MT';
  color: #762F4D;
  text-align: center;
}

.groupes {
  letter-spacing: 2px;
  font-size: 35px;
  font-family: 'Segoe Ui Semilight';
  text-transform: uppercase;
}

.oneligne {
  text-align: justify;
  height: 95px;
  overflow: auto;
  padding: 5px;
  width: 495px;
  background-color: #051939;
}

.histo {
  text-align: justify;
  height: 205px;
  overflow: auto;
  padding: 5px;
  width: 315px;
  background-color: #051939;
}

.cb {
  letter-spacing: 2px;
  font-size: 10px;
  font-family: 'Segoe Ui Semilight';
  text-transform: uppercase;
}
/**FIN QEEL***/

/* NOTIFICATIONS */

/* Cacher les bouts de la toolbar que je ne veux pas */
.fa_tbMainElement#fa_left,
.fa_tbMainElement#fa_search,
.fa_tbMainElement#fa_share,
#fa_menu,
.rightHeaderLink#fa_hide,
.fa_tbMainElement#fa_right a.rightHeaderLink {
  display:none!important;
}
 
/* Supprimer la couleur de fond et positionnement du bloc */
#fa_toolbar {
  background-color:transparent!important;
  position:fixed;
  top:0px;
  padding:5px;
  width:100%;
  z-index:999;
  box-sizing:border-box;
}

/* Mise en page du bouton Notification */
.fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications {
  display:block!important;
  position:absolute;
  top:10px;
  right:10px;
  width:160px;
  padding:3px;
  background:#b7b7b7;
  box-shadow:0 0 5px #055D73;
  color:#010a15;
  font-family:Arial;
  font-size:16px;
  letter-spacing:2px;
  text-align:center;
  text-decoration:none!important;
}
#fa_toolbar #fa_right #notif_list li:first-child{
  padding-top:10px;
}

/* Mise en page bouton "notification" - Au clic */
#fa_menu:hover:visited,
#fa_toolbar > #fa_right.notification > #fa_notifications {
  background:#456699!important;
  color:#ffffff!important;
  text-shadow:none;
}

/* Référence pour la liste des notifications */
#fa_toolbar #fa_right.fa_tbMainElement {
  position:relative;
}

/* Mise en page de la liste des notifications */
#fa_toolbar #fa_right.notification #notif_list {
  top:50px!important;
  right:10px;
  left:auto!important;
  max-width:340px;
  min-width:167px;
  box-shadow:0 0 5px #736565;
  border:none!important;
}

/* Mise en page des notifications */
#fa_toolbar #fa_right #notif_list li .content,
#fa_toolbar #fa_right #notif_list li {
  width:auto!important;
  font-size:12px;
  background-color:#b7b7b7;
}

/* Taille des blocs textes des points de la liste de notif' */
#fa_toolbar #fa_right #notif_list li .contentText {
  overflow:visible!important;
  width:300px !important;
  height:auto!important;
}

/* Bloc "notifs non lues" */
.fa_tbMainElement#fa_right a.rightHeaderLink.unread#fa_notifications {
  width:180px;
  /* On supprime 1px à la largeur car la bordure fera 1px d'épaisseur */
  border-left:1px solid black;
}

#fa_toolbar #fa_right #notif_list li.unread {
  background:#f1d9ae!important;
}

/* Mise en page du bloc "voir toutes les notifications" */
#fa_toolbar #fa_right #notif_list li.see_all {
  text-align:center!important;
  background:#b7b7b7!important;
  padding:5px!important;
  font-size:12px!important;
}
#fa_toolbar #fa_right #notif_list li.see_all a{
  color:#010a15;
}
/*FIN NOTIFICATION*/

/* AFFICHAGE LISTE DES MEMBRES */
.LSbatty_titre {
  margin:15px auto;
  width:100%;
}

.LSbatty_titre  th {
  margin-bottom:5px;
  padding:5px 0;
  font-family:Old English Text MT; /*police du titre*/
  font-size:25px; /*taille du texte*/
  background-image: url('https://img11.hostingpics.net/pics/681248fonttitre.png')
  background:#736565; /*couleur fond titre*/
  color:#fff; /* Couleur du texte */
  font-weight:normal; /*Retiré le gras du titre*/
}

.LSbatty_corp{
  position:relative;
  width:100%;
  height:90px;
  padding:10px 0;
  font-family: arial; /*Police général*/
}

.LSbatty_image{
  position:absolute;
  top:10px;
  left:0;
  z-index:2;
  width:90px; /*Largeur de l'espace pour l'avatar*/
  height:90px; /*hauteur de l'espace pour l’avatar*/
  background: #051939; /*couleur de fond s'il n'y a pas d'image*/
  overflow: hidden;
  box-shadow: 0 0 5px rgba(68,74,115,0.5); /*ombre au tour de l'avatar*/
}

.LSbatty_image img{
  width:90px; /*Largeur de l'image avatar*/
}


.LSbatty_pseudo{
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    height: 35px;
    color:#010a15;
    background: #B3B3B3;/*couleur de fond par défaut (membre non validé)*/
    padding: 5px 65px;
    font-family:Times New Roman;
    text-shadow:0px 1px 1px #8B3E31;
    font-size: 22px; /*Taille du texte*/
    text-align: left;
    margin: 10px 0;
    box-sizing: border-box;
}


.LSbatty_pseudo span strong{
  font-family:Times New Roman;
  text-shadow:0px 1px 1px #8B3E31;
  font-size:22px;
  color:#010a15; /*Couleur du pseudo (membre validé)*/
}

.LSbatty_pseudo a {
  font-family:Times New Roman;
  text-shadow:0px 1px 1px #8B3E31;
  font-size:22px;
  color:#010a15; /*Couleur du pseudo (membre non validé)*/
}

.LSbatty_pseudo img{
  height:14px; /*Hauteur des images MP et site web*/
}

.LSbatty_pseudo a strong{
  font-weight:normal; /*Retiré le gras sur les pseudo*/
}

.LSbatty_infos{
    position: absolute;
    top: 40px;
    left: 100px;
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    height: 80px;
    padding: 10px 5px;
    font-size: 14px; /*taille du texte*/
    box-sizing: border-box;
}

.LSbatty_infos div{
  display: inline-block;
  vertical-align: top;
  width: 23%;
  height:50px;
  margin: 5px;
  background: #00001F; /*couleur de fond des infos*/
}

.LSbatty_infos div span{
  display:block;
  background: #051939; /*couleur de fond des titres infos*/
  margin-bottom: 5px;
  padding:3px;
}

.LSbatty_pagination{
    margin: auto;
    padding: 10px;
    width: 100%;
    background: #00001F; /*couleur fond pagination*/
}

.LSbatty_pagination a {
  color:#FFFFFF; /*Couleur texte pagination*/
}

.LSbatty_pagination span{
  color:#FFFFFF; /*Couleur texte pagination*/
}

/*Mise en page du copyright (Lien)- NE PAS SUPRIMER-*/
.LSbatty_copyright {
  margin:5px auto; /*marge*/
  text-align: center; /*aligner le copyright*/
}

.LSbatty_copyright a{
font-size:11px;
text-decoration:none!important; /*suppression du soulignement par défaut*/
}

.LSbatty_copyright:hover a{
text-decoration:none!important; /*suppression du soulignement par défaut*/
color:#415694!important; /*deuxième couleur*/
}

/*FIN LISTE DES MEMBRES*/

/* NAVIGATION */

#navSIT {
  width:900px;
  height:30px;
  box-shadow: 0px 0px 10px #055d73;
  background:#000713; /* MODIFIABLE */
}
.navSIT {
  position:absolute;
  top:15px;
  right:15px;
  box-shadow: 0px 0px 10px #055d73;
}

.mainmenu img {
display:none;
}

a.mainmenu[href="/calendar"] {display: none !important;}
a.mainmenu[href="/faq"] {display: none !important;}
a.mainmenu[href="/groups"] {display: none !important;}

/* BORDURE AVATAR */
.avaSIT {
  position:absolute;
  z-index:10;
  margin-top:-25px;
  margin-left:-35px;
  width:95px;
  height:95px;
  border-radius:95px;
  overflow:hidden;
  box-shadow: 0px 0px 10px #055d73;
}
/* IMAGE AVATAR */
.avaSIT img{
  width:95px;}

/* LIENS NAVIGATION */
#navSIT a{
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  font-size:22px;
  font-family:Old English Text MT;
  color:white; /* MODIFIABLE */
  transition:all .65s linear;
  -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:22px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:#000713 !important; /* MODIFIABLE */
}

$(function() {
 
  var a = ["http://image.noelshack.com/fichiers/2017/50/5/1513329374-banniasea2.png", "http://image.noelshack.com/fichiers/2017/50/5/1513329167-banniasea.png", "http://image.noelshack.com/fichiers/2017/50/5/1513329374-banniasea2.png", "http://image.noelshack.com/fichiers/2017/50/5/1513329167-banniasea.png"];
 
  $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
 
});