/************************  Styles ************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
}

html {
  background:#27212e;
  font-size:62.5%;
}

body {
  background:#27212e;
  color:#828282;
  font-family: Alice, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-size:1.4rem;
  padding:0;
}

a {
  color: #a7a7a7;
  font-weight: 600;
  text-decoration:none;
  transition:filter .5s;
}

a:hover {
  color: #a97d7d;
  text-decoration: none;
}

a:focus {
  outline:0;
}

a img {
  border: none;
}

section ul, section ol {
  padding:0;
  margin-bottom: 12px;
  margin-left: 12px;
  margin-top: 5px;
  text-align: left;
}

section li {
  list-style-image: url(../images/ressources/puce.png);
  list-style-position: inside;
}

section ul span {
  margin-bottom: 10px;
  margin-left: 0;
}

section li.none {
  list-style-image: none;
  list-style: none;
  margin: 7px 0; 
}

p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height:18px;
  line-height:1.8rem;
  margin:0;
  padding:0 0 20px;
  text-align: justify;
}


/*:: TITRES ::*/
/*******************************************************/
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .aui h1, .aui h2, .aui h3, .aui h4, .aui .h1, .aui .h2, .aui .h3, .aui .h4 {
  font-family: 'Uncial Antiqua', cursive;
  font-weight:normal;
  margin:0;
  padding:0;
  text-align: left;
}

.title1 {
  color: #a7a7a7;
  font-size: 45px;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 4rem;
  margin-bottom: 20px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
}

/*.title1::before {
  background-image: url(../images/ressources/title1.png);
  background-origin: padding-box;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto auto;
  bottom: -9px;
  content: "";
  height: 112px;
  left: -65px;
  position: absolute;
  width: 60px;
}*/

.title2 {
  color: #a97d7d;
}

.title3  {
  color: #a7a7a7;
  font-family: 'Marcellus SC', serif;
  font-size: 18px;
  font-size:1.8rem;
  font-weight: 600;
  padding-bottom: 5px;
}

.title4  {
  font-family: 'Marcellus SC', serif;
  font-size: 16px;
  font-size:1.6rem;
  font-weight: 600;
  padding-bottom: 5px;
}

.alsvard {
  color: #5d8085;
}
.heisen {
  color: #3d666c;
}
.valdra {
  color: #08424b;
}
.ysei {
  color: #94b06b;
}
.shae {
  color: #789849;

}
.elirois {
  color: #355a0c;

}
.rhaedar {
  color: #54663a;
}
.algareen {
  color: #0c4900;
}
.lorhien {
  color: #9e8a59;

}
.lyrien {
  color: #b1795a;

}
.lavernois {
  color: #8c5131;

}
.elran {
  color: #582c20;
}
.alkhabirois {
  color: #ae5431;
}
.saa {
  color: #8a3223;
}
.eressae {
  color: #54A2AB;
}
.nymeriin {
  color: #B99896;
}
.demeri {
  color: #896E6D;
}
.eldimer {
  color: #574040;
}
.nain {
  color: #6b6b6b;
}
.gordhien {
  color: #771002;

}
.alsrha {
  color: #573a5e;
}

/*:: CLASSES GENERIQUES ::*/
/*******************************************************/

span.block {
  display: block;
}

div.block {
  display: block;
  text-align: center;
}

div.inline-block {
  display: inline-block;
  text-align: center;
}

.no-min-height {
  min-height: 100px !important;
}

.img-responsive {
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 0;
}

.img-rounded {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}

.pull-left {
  margin-right: 10px !important;
}

.pull-right {
  margin-left: 10px !important;
}

.btn, 
.btn.active, 
.btn:active, 
.btn.focus, 
.btn:focus, 
.btn.focus:active, 
.btn:active:focus {
  border: none;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 900;
  margin-top: 10px;
  padding: 4px 30px;
  text-shadow: none;
  text-transform: uppercase;
}

.btn.btn-default {
  background: #FFF;
  -moz-box-shadow: 0px 0px 10px 0px #b41961;
  -webkit-box-shadow: 0px 0px 10px 0px #b41961;
  -o-box-shadow: 0px 0px 10px 0px #b41961;
  box-shadow: 0px 0px 10px 0px #b41961;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#b41961, Direction=NaN, Strength=10);
  color: #d51e73;
  height: 51px;
  line-height: 42px;
}

.btn.btn-primary {
  background: url(../images/ressources/bouton.png) no-repeat 0 0;
  color: #FFF;
  height: 51px;
  line-height: 42px;
  width: 232px;
}

.ethnie {
  display: inline-block;
  margin: 2px 0;
  position: relative;
}
.ethnie span {
  background-color: rgba(225, 222, 214, 0.5);
  color: #3a3428;
  font-family: Cinzel,cursive;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  line-height: 20px;
  padding-left: 5px;
  position: absolute;
  text-align: left;
  text-transform: capitalize;
  top: 0;
  width: 100%;
}

/*:: FORMULAIRES ::*/
/*******************************************************/
select, textarea, 
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  height: 28px;
  line-height: 28px;
}

textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #3d3744;
    border-bottom-color: -moz-use-text-color;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: medium;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: medium;
    border-top-color: -moz-use-text-color;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: none;
    border-top-width: medium;
    box-shadow: 0 0 2px #aaa;
    height: 490px;
    line-height: 16px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
}

/************************ STRUCTURE ************************/

.container {
  text-align: justify;
}

.bg-rosace {
  background: url(../images/ressources/rosace.png) no-repeat center center;
}

.col-100 {
  display: inline-block;
  margin: 0;
  min-height: 850px;
  padding: 30px 0;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.col-50 {
  display: inline-block;
  margin: 0;
  padding: 30px 0;
  text-align: center;
  vertical-align: middle;
  width: 49%;
}

.col-50 + .col-50 {
  margin-left: 19px;
}

.top-race {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  text-align: center;
}

.section-up {
  background-image: url(../images/ressources/border-top.png);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: auto 100%;
  bottom: 0;
  height: 50px;
  left: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  width: 100%;
}

.section-down {
  background-image: url(../images/ressources/border-down.png);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 50px;
  left: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*:: NAVBAR ::*/
/*******************************************************/
.navbar-default {
  background: #27212e;
  box-shadow: 0 2px 4px #0a0315;
  border: none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background-color: rgba(73,65,83,0.5);
  color: #a97d7d;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
  background-color: rgba(73,65,83,0.5);
  color: #a97d7d;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
  background-color: rgba(73,65,83,0.5);
  color: #a97d7d;
}
.dropdown-menu {
  background-color: rgba(73,65,83,1);
  border: none;
  box-shadow: 0 2px 4px #0a0315;
  min-width: 200px;
}

.dropdown-header {
  color: #a97d7d;
  font-family: 'Uncial Antiqua', cursive;
  font-size: 13px;
}

.dropdown-menu>li>a{
  background-color: rgba(73,65,83,0.5);
  color: #aaa;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  background-color: rgba(39,33,46,0.5);
  color: #aaa;
}

.dropdown-menu .divider{
  background-color: rgba(39,33,46,0.5);
}

/*:: SECTION ::*/
/*******************************************************/
#accueil {
  height: 100%;
  margin:0;
  padding:0;
  position: relative;
  width: 100%;
}

#accueil .logo {
  display: block;
  margin: 5% auto;
}

/*-- BG TOP MIN--*/
#accueil.main {
  background: url(../images/bg/accueil-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

/*Prelude*/
#accueil.reglement {
  background: url(../images/bg/reglement-general-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.guide {
  background: url(../images/bg/guide-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.faq {
  background: url(../images/bg/faq-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.galerie-avatars {
  background: url(../images/bg/avatars-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.musique {
  background: url(../images/bg/musique-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

/*Contexte*/
#accueil.dragon-drake {
  background: url(../images/bg/dragon-drake-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
} 

#accueil.magic {
  background: url(../images/bg/histoire-magie-top-min.jpg) no-repeat center -130px fixed; 
  background-size: cover; 
} 

#accueil.historic-context {
  background: url(../images/bg/historic-context-top-min.jpg) no-repeat center -130px fixed; 
  background-size: cover; 
}

#accueil.bestiaire {
  background: url(../images/bg/bestiaire-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}    

#accueil.histoire-azzura {
  background: url(../images/bg/azzura-top-min.jpg) no-repeat right bottom fixed; 
  background-size: cover; 
}  

/*Univers*/
#accueil.carte {
  background: url(../images/bg/carte-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.seregon {
  background: url(../images/bg/seregon-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.eressa {
  background: url(../images/bg/eressa-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.radjyn {
  background: url(../images/bg/radjyn-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.neya {
  background: url(../images/bg/neya-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.ordanie {
  background: url(../images/bg/ordanie-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.sunai {
  background: url(../images/bg/sunai-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.satvar {
  background: url(../images/bg/satvar-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.ordres-secrets {
  background: url(../images/bg/ordres-secrets-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.guildes {
  background: url(../images/bg/guildes-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.guilde-loup {
  background: url(../images/bg/guilde-loup-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  


/*Exordes*/
#accueil.creation-personnage {
  background: url(../images/bg/creation-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.alignements {
  background: url(../images/bg/alignement-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.competences {
  background: url(../images/bg/competence-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.statistiques {
  background: url(../images/bg/stats-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

/*Races & Ethnies*/
#accueil.sharda-nord {
  background: url(../images/bg/shardanord-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.sharda-sud {
  background: url(../images/bg/sharda-sud-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.eressae-clair-lune {
  background: url(../images/bg/eressae-clair-lune-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.eressae-abysses {
  background: url(../images/bg/eressae-abysse-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.elear {
  background: url(../images/bg/elear-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.elear-crepuscule {
  background: url(../images/bg/elear-crepuscule-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.elear-aube {
  background: url(../images/bg/elear-aube-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.ordhaleron {
  background: url(../images/bg/ordhaleron-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
} 

/*Compendium*/
#accueil.voyage {
  background: url(../images/bg/distance-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
} 

#accueil.moyen-age {
  background: url(../images/bg/moyen-age-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.contexte-economique {
  background: url(../images/bg/contexte-economique-min.jpg) no-repeat center center fixed; 
  background-size: cover;   
}

#accueil.ephemeride {
  background: url(../images/bg/ephemeride-min.jpg) no-repeat center center fixed; 
  background-size: cover;   
}

#accueil.lexique {
  background: url(../images/bg/lexique-min.jpg) no-repeat center center fixed; 
  background-size: cover;   
}


#accueil.eressae {
  background: url(../images/bg/eressae-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

#accueil.nain {
  background: url(../images/bg/nain-min.jpg) no-repeat center 50px fixed; 
  background-size: cover; 
}  

#accueil.villilear {
  background: url(../images/bg/villilear-top.jpg) no-repeat center center fixed; 
  background-size: cover; 
} 

#accueil.valduris {
  background: url(../images/bg/valduris-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}

#accueil.inoe {
  background: url(../images/bg/inoe-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}   

#accueil.vreen {
  background: url(../images/bg/vreen-top.jpg) no-repeat center center fixed; 
  background-size: cover; 
}    


#accueil.alsdern {
  background: url(../images/bg/alsdern-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
} 


/*:: NAV TABS ::*/
/*******************************************************/

ul.nav-tabs {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(../images/ressources/nav.png);
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto auto;
  border-bottom-color: -moz-use-text-color;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: -moz-use-text-color;
  border-left-style: none;
  border-left-width: medium;
  border-right-color: -moz-use-text-color;
  border-right-style: none;
  border-right-width: medium;
  border-top-color: -moz-use-text-color;
  border-top-style: none;
  border-top-width: medium;
  display: inline-block;
  height: 49px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: -20px;
  text-align: center;
  width: 720px;
}


.nav-tabs > li {
  display: inline-block;
  float: none;
}

.nav-tabs > li > a {
  display: inline-block;
  line-height: 26px;
  padding-bottom: 10px;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 10px;
  text-align: center;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: transparent;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  color: white;
  cursor: pointer;
}

.nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}

.nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent;
  text-decoration-color: -moz-use-text-color;
  text-decoration-line: none;
  text-decoration-style: solid;
}

.history ul.nav-tabs {
  background-image: url(../images/ressources/big-nav.png);
  height: 79px;
  padding: 0 10px;
  width: 740px;
}

.nav-tabs > li > a {
  line-height: 5px;
  padding-top: 19px;
}

/*-- BG tab content --*/

/*-Prélude-*/

/*Reglement général*/
.reglement-general {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/regle-general.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.regles-jeu {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/regle-jeu.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.regles-ecriture {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/regle-ecriture.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*FAQ*/
.faq-contexte {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/contexte.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.faq-magie {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/magie.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.faq-carte {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/carte.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.faq-dragon {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/drake.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.faq-personnage {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/personnage.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Statistiques*/
.stats-races {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/stats-races.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.stats-royaumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/stats-royaumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.stats-ordres {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/stats-ordres.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Galerie*/
.galerie-valduris {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/vreen.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.galerie-elear {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.galerie-eressae {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.galerie-nains {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/nain.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.galerie-ordhaleron {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/ordhaleron.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Histoire d'Azzura*/
.azzura-1 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura-1.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.azzura-2 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura-2.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.azzura-3 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura-3.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.azzura-4 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura-4.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.azzura-5 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura-5.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.azzura-6 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura-6.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.azzura-7 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura-7.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.azzura-8 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura-8.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Vreen*/
.vreen-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/vreen-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.vreen-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/vreen-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.vreen-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/vreen-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.vreen-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/vreen-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Alsdern*/
.alsderns-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/alsderns-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.alsderns-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/alsderns-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.alsderns-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/alsderns-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.alsderns-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/alsderns-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Sharda du nord*/
.sharda-nord-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/sharda-nord-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.sharda-nord-coutume {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/sharda-nord-coutume.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.sharda-nord-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/sharda-nord-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.sharda-nord-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/sharda-nord-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Sharda du sud*/
.sharda-sud-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/sharda-sud-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.sharda-sud-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/sharda-sud-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.sharda-sud-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/sharda-sud-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.sharda-sud-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/sharda-sud-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Inoes*/
.inoes-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/inoes-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.inoes-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/inoes-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.inoes-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/inoes-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.inoes-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/inoes-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Eressae du clair de lune*/
.eressae-lune-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae-lune-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.eressae-lune-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae-lune-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.eressae-lune-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae-lune-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.eressae-lune-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae-lune-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Eressae des abysses*/
.eressae-abysses-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae-abysses-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.eressae-abysses-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae-abysses-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.eressae-abysses-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae-abysses-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.eressae-abysses-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eressae-abysses-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}


/*Elear Aube*/
.elear-aube-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear-aube-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.elear-aube-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear-aube-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.elear-aube-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear-aube-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.elear-aube-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear-aube-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Elear crepuscule*/
.elear-crepuscule-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear-crepuscule-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.elear-crepuscule-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear-crepuscule-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.elear-crepuscule-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear-crepuscule-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.elear-crepuscule-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elear-crepuscule-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Villilear*/
.villilear-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/villilear-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.villilear-coutume {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/villilear-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.villilear-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/villilear-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.villilear-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/villilear-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*nains*/
.nains-croyance {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/nains-croyance.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.nains-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/nains-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.nains-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/nains-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.nains-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/nains-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*nains*/

.ordhaleron-coutumes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/ordhaleron-coutumes.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.ordhaleron-militaire {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/ordhaleron-militaire.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.ordhaleron-politique {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/ordhaleron-politique.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Seregon*/
.r-ysino {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/ysino.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-usha {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/usha.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-eliran {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/eliran.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-algar {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/algar.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-rhaemond {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/rhaemond.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-desde {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/desde.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-aiseth {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/aiseth.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-mirages {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/mirages.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Ordanie*/
.r-valdrek {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/valdrek.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-heisenk {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/heisenk.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-azzura {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/azzura.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-kaerdum {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/kaerdum.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-lavern {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/lavern.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-elra {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/elra.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-lyria {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/lyria.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Radjyn*/
.r-alakhab {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/alakhab.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-saanmet {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/saanmet.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-nasra {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/nasra.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*Satvar*/
.r-alsvard {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/alsvard.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-lorh {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/lorh.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

.r-yra {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/bg/tab-content/yra.png");
  background-origin: padding-box;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: inline-block;
  height: 152px;
  margin-bottom: -40px;
  margin-top: -2px;
  width: 421px;
}

/*:: FOOTER ::*/
/*******************************************************/
footer {
  height: 100%;
  margin:0;
  min-height: 160px;
  padding: 80px 0 0;
  position: relative;
  width: 100%;
}

footer p {
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}

footer ul li {
  display: inline-block;
  vertical-align: middle;
}

footer ul li + li {
  background: url(../images/cnp/puce-footer.png) no-repeat 0 center;
  margin-left: 40px;
  padding-left: 40px;
}

footer ul li a {
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}

footer ul li a:hover {
  color: #FFF;
}

/*-- BG BOTTOM MIN --*/
footer.main {
  background: url(../images/bg/accueil-bottom-min.jpg) no-repeat center 150px fixed; 
  background-size: cover; 
}  

/*Prelude*/
footer.reglement {
  background: url(../images/bg/reglement-general-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.guide {
  background: url(../images/bg/guide-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.faq {
  background: url(../images/bg/faq-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.galerie-avatars {
  background: url(../images/bg/avatars-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.musique {
  background: url(../images/bg/musique-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

/*Contexte*/
footer.dragon-drake {
  background: url(../images/bg/dragon-drake-top-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  
footer.magic {
  background: url(../images/bg/histoire-magie-top-min.jpg) no-repeat center 0 fixed; 
  background-size: cover; 
}  

footer.historic-context {
  background: url(../images/bg/historic-context-top-min.jpg) no-repeat center bottom fixed; 
  background-size: cover; 
}

footer.bestiaire {
  background: url(../images/bg/bestiaire-top-min.jpg) no-repeat center bottom fixed; 
  background-size: cover; 
}   

footer.histoire-azzura {
  background: url(../images/bg/azzura-top-min.jpg) no-repeat right bottom fixed; 
  background-size: cover; 
}  

/*Univers*/
footer.carte {
  background: url(../images/bg/carte-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.seregon {
  background: url(../images/bg/seregon-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.eressa {
  background: url(../images/bg/eressa-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.radjyn {
  background: url(../images/bg/radjyn-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.neya {
  background: url(../images/bg/neya-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.ordanie {
  background: url(../images/bg/ordanie-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.sunai {
  background: url(../images/bg/sunai-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.satvar {
  background: url(../images/bg/satvar-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.ordres-secrets {
  background: url(../images/bg/ordres-secrets-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.guildes {
  background: url(../images/bg/guildes-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
} 

footer.guilde-loup {
  background: url(../images/bg/guilde-loup-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

/*Exordes*/
footer.creation-personnage {
  background: url(../images/bg/creation-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.alignements {
  background: url(../images/bg/alignement-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.competences {
  background: url(../images/bg/competence-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.statistiques {
  background: url(../images/bg/stats-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

/*Races & Ethnies*/

footer.valduris {
  background: url(../images/bg/valduris-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.ordhaleron {
  background: url(../images/bg/ordhaleron-top-min.jpg) no-repeat center 0 fixed; 
  background-size: cover; 
}  

footer.alsdern {
  background: url(../images/bg/alsdern-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.sharda-nord {
  background: url(../images/bg/shardanord-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.sharda-sud {
  background: url(../images/bg/sharda-sud-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.inoe {
  background: url(../images/bg/inoe-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.eressae {
  background: url(../images/bg/eressae-bottom-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  


footer.eressae-clair-lune {
  background: url(../images/bg/eressae-clair-lune-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.eressae-abysses {
  background: url(../images/bg/eressae-abysse-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.elear {
  background: url(../images/bg/elear-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.elear-crepuscule {
  background: url(../images/bg/elear-crepuscule-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  

footer.elear-aube {
  background: url(../images/bg/elear-aube-min.jpg) no-repeat center center fixed; 
  background-size: cover; 
}  
/*Compendium*/
footer.voyage {
  background: url(../images/bg/distance-top-min.jpg) no-repeat center bottom fixed; 
  background-size: cover; 
}  

footer.contexte-economique {
  background: url(../images/bg/contexte-economique-min.jpg) no-repeat center bottom fixed; 
  background-size: cover;   
}

footer.moyen-age {
  background: url(../images/bg/moyen-age-top-min.jpg) no-repeat center bottom fixed; 
  background-size: cover; 
}  

footer.ephemeride {
  background: url(../images/bg/ephemeride-min.jpg) no-repeat center center fixed; 
  background-size: cover;   
}

footer.lexique {
  background: url(../images/bg/lexique-min.jpg) no-repeat center center fixed; 
  background-size: cover;   
}
footer.villilear {
  background: url(../images/bg/villilear-top.jpg) no-repeat center 60px fixed; 
  background-size: cover; 
}  

footer.nain {
  background: url(../images/bg/nain-min.jpg) no-repeat center 60px fixed; 
  background-size: cover; 
}  


footer.vreen {
  background: url(../images/bg/vreen-top.jpg) no-repeat center 60px fixed; 
  background-size: cover; 
}