#pureblood-thread {
  background: url(https://i.imgur.com/H5jwXe5.jpg);
  background-size: 780px;
  background-position: center;
  width: 550px;
  height: 780px;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
}
 
#pureblood-thread .overlay {
  background: #000;
  width: 550px;
  height: 780px;
  position: relative;
  opacity: 0.8;
}

#pureblood-thread ::-webkit-scrollbar {width: 0px;}
#pureblood-thread ::-webkit-scrollbar-track {border: 1px solid #000;}
#pureblood-thread ::-webkit-scrollbar-thumb {border: 1px solid #000;}
 
#pureblood-thread .title {
  width: 550px;
  height: 42px;
  background: transparent;
  position: absolute;
  top: 43px;
  left: 125px;
  font-family: 'Roboto', serif;
  font-size: 12.5px;
  letter-spacing: 10px;
  line-height: 18px;
  color: #aaa;
  text-transform: uppercase;
  font-style: italic;
  opacity: 0.9;
}
 
#pureblood-thread .title2 {
  width: 550px;
  height: 42px;
  background: transparent;
  position: absolute;
  top: 44px;
  left: -13px;
  font-family: 'Roboto', serif;
  font-size: 13px;
  letter-spacing: 10px;
  line-height: 18px;
  color: #6c0e0b;
  text-transform: uppercase;
  font-weight: bold;
}
 
#pureblood-thread .title3 {
  width: 550px;
  height: 42px;
  background: transparent;
  position: absolute;
  top: 70px;
  left: 5px;
  font-family: 'Roboto', serif;
  font-size: 13px;
  letter-spacing: 10px;
  line-height: 18px;
  color: #6c0e0b;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0.8;
}
 
#pureblood-thread .border {
  width: 550px;
  height: 570px;
  background: #000;
  border-top: 1px solid #6c0e0b;
  border-bottom: 1px solid #6c0e0b;
  position: absolute;
  top: 145px;
}
 
#pureblood-thread .box {
  background: #111;
  border: 30px solid #111;
  width: 470px;
  height: 480px;
  margin: 0px auto;
  position: absolute;
  top: 65px;
  left: 35px;
  opacity: 0.75;
}
 
#pureblood-thread .textbox {
  background: #111;
  border: 30px solid #111;
  outline: 1.5px solid #94120f;
  width: 450px;
  height: 460px;
  margin: 0px auto;
  position: absolute;
  top: -20px;
  left: -20px;
  color: #aaaaaa;
  overflow: auto;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  letter-spacing: 0px;
  text-align: justify;
  line-height: 13px;
}

#pureblood-thread .textbox b {
  color: #bb1510;
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
	  text-transform: uppercase;
}
 
#pureblood-thread .icon {
  width: 550px;
  height: 380px;
  background: transparent;
  position: absolute;
  bottom: 0px;
  left: -43px;
  color: #5d5d5d;
  text-align: right;
  font-size: 380px;
  opacity: 0.35;
}
 

#pureblood-thread .tags {
  background: transparent;
  width: 540px;
  height: 30px;
  margin: 0px auto;
  position: absolute;
  bottom: 14px;
  text-transform: uppercase;
  text-align: right;
  color: #aaa;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
}

#pureblood-thread .tags t {
  color: #888;
  font-size: 8px;
  letter-spacing: 1.5px;
  font-weight: bold;
  margin-right: 10px;
  line-height: 10px;
}

#pureblood-thread .tags b {
  color: #aaa;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 10px;
  margin-left: 10px;
  border-bottom: 0.5px dashed #c20e08;
  padding-bottom: 3px;
}
 
#pureblood-thread .avatar {
  background: #000;
  width: 105px;
  height: 105px;
  position: absolute;
  top: 114px;
  left: 144px;
  transform: rotate(-45deg);
  border: 5px solid #111;
  outline: 1.5px solid #6c0e0b;
}

#pureblood-thread .avatar img {
  width: 102px;
  height: 102px;
  opacity: 0.65;
  margin-top: -5px;
	  margin-left: -3px;
	filter: grayscale(100%); filter: gray; 
}

#pureblood-thread a {
  text-decoration: none;
  color: #6c0e0b;
}
 
.iconf {
  border-radius: 100%;
  display: inline-block;
  height: 50px;
  margin: -1px;
  object-fit: cover;
  padding: 2px;
  transition: 1s;
  width: 50px;
	filter: grayscale(100%); filter: gray; 
}

#########################tracker#########################
}
.forcatbod {
  width:550px;
  height:200px;
  background:rgb(30,30,30,0.3);
  border:1px solid #2b2b2b;
  overflow:hidden;
}

.forcatleft {
  float:left;
  height:100%;
  width:140px;
  background:#222;
  border-right:1px solid #2b2b2b;
  background-image:url(https://i.imgur.com/l1A884p.png);
  background-size:cover;
}
.forcattit {
  color:#eee;
  font-size:30px;
  font-family:lato;
  font-weight:600;
  text-transform:uppercase;
  border-bottom:1px solid #222;
  padding:30px 0px 20px 0px;
  overflow:hidden;
  height:40px;
}
.forcattitbe {
  float:right;
  position:relative;
  font-family:Josefin Sans;
  opacity:.1;
  font-size:130px;
  margin-top:-40px;
  margin-right:20px;
  transform:rotate(20deg);
  color: #444;
  -webkit-text-stroke-width: .3px;
  -webkit-text-stroke-color: #fff;
}
.cattex a {
  color:#975ce1;
  -webkit-text-stroke: 1px #4b2f6f;
}
.cattex {
  position:absolute;

  z-index:1;
  color:#975ce1;
  -webkit-text-stroke: 1px #4b2f6f;
}
.catforfloat {
  float:left;
}
.forcatico {
  letter-spacing:-5px;
  font-size:30px;
  color:#975ce1;
  -webkit-text-stroke: 1px #111;
  background-image: linear-gradient(30deg , #333, #1c1c1c);
  width:34px;
  padding:30px 30px 25px 26px;
  border-radius: 100%;
  border:2px solid #333;
  margin-top:50px;
  box-shadow: 3px 3px 3px rgb(30 30 30 / 80%), 0 3px 5px rgb(30 30 30 / 100%);
}
.forcatlist {
  color:#ccc;
  font-size:10px;
  letter-spacing:1px;
  font-family:roboto;
  text-transform:uppercase;
  padding:15px 0px;
  border-bottom:1px solid #222;
}
.forcatlist a {
  color: #975ce1;
  font-family:oswald;
}

.forcatcountom {
  width:410px;
  margin-left:140px;
  margin-top:15px;
}
.forcatcount b {
  font-family:oswald;
  color:#c10404;
  font-weight:400;
  font-size:10px;
  padding-right:10px;
}
.forcatcount {
  display:inline-block;
  color:#8c8c8c;
  font-family:roboto;
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  padding:0px 40px;
  height:16px;
}
.forcatsubom {
  float:right;
  margin-right:10px;
  background:#222;
  border:1px solid #333;
  width: 530px;
  margin-top: 5px;
  text-align:right;
  padding-right:20px;
}
.forcatsub {
  display:inline-block;
  margin-right:10px;
  width:100px;
  height:10px;
  padding:5px 0px 10px 0px;
  color:#b1b1b1;
  font-family:pt sans narrow;
  font-weight:900;
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:1px;
}

.cont {
  width:1200px;
  margin-top:290px;
  padding-bottom:350px;
}

.ROTAR {
margin:auto;
width:480px; height:auto; padding-bottom:10px; border-bottom:1px dotted; line-height:normal; 
}
.ROTAR a {
text-decoration:none !important;
}
.tleROTAR {
padding:20px;
}
.tleROTAR p {
margin:0; border:1px dotted; padding:10px; 
font-size:16px; text-align:center; text-transform:uppercase; letter-spacing:1px;
}

.quote3{
  color:#fff;
  width:400px;
  text-align:justify;
  border-top:  3px solid #96031A;
  border-bottom: 3px solid #96031A;
  padding:20px 10px;
  position:relative;
  margin:20px;
}

.quote3::before{
  position:absolute;
  font-size:105px;
  font-family: 'Exo', sans-serif;
  background:#000;
  display:block;
  height:30px;
  width:45px;
  text-align:center;
  color:#1B1B1E;
  left:0;
  right:0;
  margin:auto;
}

.quote3 .txt{
  width:90%;
  font-size:12px;
  margin:auto;
  font-family: 'Roboto Slab', serif;
  text-transform: uppercase
}

.quote3 .from{
  text-align:center;
  margin-top:10px;
  font-size:10px;
  font-family: 'Exo', sans-serif;
  color: #6D676E
}

.quote3 .next{
  font-size:9px;
  letter-spacing:1px;
  color:#fff;
  display:block;
  position:absolute;
  bottom:0px;
  right:5px;
}

###########subforum############
@font-face{font-family: "kiona"; src: url(https://dl.dropbox.com/s/9eky6ml4wqyragu/kiona-regular-webfont.woff2?dl=0) format("woff2"), url(https://dl.dropbox.com/s/o4omys8coh1345m/kiona-regular-webfont.woff?dl=0) format("woff"); font-weight: normal; font-style: normal;}

::-webkit-scrollbar {width:8px; height:1px; background: #fcfcfc;}
::-webkit-scrollbar-thumb { background-color: #dd1d57; border-top:2px solid #fcfcfc;border-right:3px solid #fcfcfc;border-bottom:2px solid #fcfcfc;border-left:3px solid #fcfcfc; }

.catrids {
  float:left;
  margin:5px;
  padding:15px;
  width: 480px; 
  height: 205px;
  background-image:url(https://i.imgur.com/xSUls9B.png);
  background-attachment: fixed;
  background-position: center;
}
.catkant {
  border:1px solid #e00000;
  height: 182px;
}
.cattanavn::first-letter {
  color: #e00000;
  font-size: 20px;
}
.cattanavn {
  width: 360px;
  text-align: left;
  font-family: kiona; 
  padding: 0px 10px;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 20px;
  color: #fff;
  letter-spacing: 2px;
  border-bottom: 1px solid #e00000;
}
.catmu b {
  color: #e00000;
}
.catmu {
  text-align: left;
  color: #e00000;
  font-family: roboto;
  text-transform:uppercase;
  font-size: 9.4px;
  font-weight: 900;
	  letter-spacing: 2px;
  margin: 15px 65px; }
	
.catmu f {
  display: inline-block;
	width: 210px;
  text-align: center;
	color: #786d47;
  border: 1px solid #500a08;
	  margin: 5px;
  padding: 5px;
}
.uncatdes {
  width: 0;
	height: 0;
  margin-top: -80px;
  margin-left: 170px;
	border-top: 80px solid #500a08;
	border-right: 80px solid transparent;
}
.beuncat {
  margin-left: 10px;
		  margin-top: 10px;
  background: #500a08;
  width: 160px;
  height: 80px;
}
.catebeskriv {
  background: #151515;
  height: 60px;
  width: 340px;
  position: relative;
  margin-left: 20px;
  margin-top: -70px;
  font-family: roboto;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing:1px;
}
.catov {
  height: 60px;
	  width: 340px;
  overflow:auto;
  text-align: justify;
}
.lasttop {
  font-family: montserrat;
  text-transform: uppercase;
  font-weight:900;
  color:#e00000;
  font-size:10px;
  text-align:right;

}
.unlas b {
  color: #e00000;
	font-size:10px;
}
.unlas {
  font-family: roboto;
  color:#e00000;
  text-transform:uppercase;
  font-size: 8.4px;
  text-align: right;
  margin-right:15px;
  letter-spacing:1px;
}

#######################################

.navii {
    height: 35px;
    width: 215px;
    margin-top: 57px;
    text-align: center;
    margin-left: 20px;
}
.topmilieu {
  text-align:center;
}
.navii1 {
    background-color: rgba(0, 0, 0, 0);
    width: 40px;
    display: inline-block;
    margin: 5px;
}
.navii1 img {
  width:40px;
  height:40px;
  border-radius:50%;
}
.navii1 div {
    font: bold 12px Roboto;
    text-transform: uppercase;
    line-height: 12px;
    width: 40px;
    height: 40px;
    font-size: 0px;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin: 0px 7px 7px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 800ms;
    position: relative;
    top: -25px;
}
.navii1 div:hover {
    filter: contrast(200%);
    color:black;
    transition:all 800ms;
    text-align:center;
    font-size:12px;
}

###################################################

#tablonmarvel {
    width: 1000px;
	    height: 330px;
    position: relative;
    right: 5px;
    margin-top: -120px;
}



/*titulo*/
#stopmur{
    width:1000px;
    height:150px;
    background: url(https://imgur.com/Qt4OeNn.png) 0px 0px/cover;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    right: 0px;
}
.smart {
    width: 1000px;
    height: 150px;
    background: url(https://i.imgur.com/myhJQPT.png) center/cover;
    font: bold 53px 'Montserrat';
    letter-spacing: 6px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    line-height: 150px;
    position: relative;
    transition: .8s all ease-in-out;
    top: 0px;
}
#stopmur:hover .smart { top:-150px }
#smart {
    width: 1000px;
    height: 150px;
    font: italic 30px 'Montserrat';
    letter-spacing: 1px;
    text-align: center;
    text-transform: lowercase;
    color: #fff;
    line-height: 150px;
    overflow: hidden;
    position: relative;
    top: 0px;
    transition: .8s all ease-in-out;
}
#stopmur:hover #smart { top: -150px; }

/*base principal*/
#smarvel {
width: 1000px;
height: auto;
background: #0d0d0d;
border: 20px solid #0b0b0b;
position: relative;
}

/*plot*/
.smarvelplt {
width: 230px;
height: 230px;
padding: 10px 10px 1px 10px;
	background-image:url(https://imgur.com/njKuNu4.png);
font: 11px 'robold'; 
letter-spacing: 2px;
text-transform: uppercase;
color: #ccc;
text-align: justify;
overflow: auto;
position: absolute;
left: 10px;
top: 200px;
}

.smarvelplt::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
.smarvelplt::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }

#smarvelplt {
width: 230px;
padding: 5px 15px 2px 15px;
background: #0b0b0b;
font: 25px Montserrat;
color: #500a08;
letter-spacing: 3px;
text-align: right;
position: absolute;
left: 10px;
top: 435px;
}
.smarvelprm {
width: 435px;
padding: 2px 15px 10px 15px;
background: #500a08;
font: italic bold 8px 'Montserrat';
text-transform: uppercase;
color: #fff;
letter-spacing: 3px;
text-align: right;
position: absolute;
left: 10px;
top: 480px;
}

/*links*/
.smarvellink {
width: 198px;
height: 28px;
background: #0b0b0b;
border: 1px solid #500a08;
font: 11px 'robold'; 
text-align: center; 
text-transform: uppercase; 
letter-spacing: 3px; 
color: #c0bdb8; 
line-height: 28px;
position: absolute;
left: 380px;
-webkit-transition: 0.3s all ease-in-out; 
-moz-transition: 0.3s all ease-in-out; 
transition: 0.3s all ease-in-out; 
}
.smarvellink a { text-decoration: none; }
.smarvellink:hover { background: #594f59; color: #f8f8f8; }

/*staff*/
.smarvelspm {
width: 45px;
height: 45px;
  margin-left: 50px;
background: center/cover;
border: solid 10px #500a08;
border-radius: 100%;
position: absolute;
left: 220px;
opacity: 1;
}
.smarvelspm:hover .smarspm { opacity: 0.4; }

.smarvelspm .smarspm {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: #000;
    opacity: 0;
transition: .5s all ease-in-out;
}

/*afiliados*/
#smarvelaff {
width: 25px;
height: 260px;

background: #0b0b0b;
font: 25px Montserrat;
color: #500a08;
letter-spacing: 3px;
text-align: right;
writing-mode: vertical-lr;
position: absolute;
right: 15px;
top: 263px;
}

.smarvelaff {
    width: 210px;
    height: 415px;
    padding-left: 15px;
	background-image:url(https://imgur.com/vBF0Wal.png);
    overflow: auto;
    text-align: justify;
    position: absolute;
    right: 45px;
    top: 263px;
}
.smarvelaff img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 5px solid #500a08;
    margin-top: 10px;
    margin-left: 10px;
    transition: .7s all ease-in-out;
}

/*fonts*/
@font-face{ font-family:"robold"; src: url(https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)); }

#####################################################################

div::-webkit-scrollbar {
  height: 32px;
  width: 5px;

}
.postprofileportal {
  width: 250px;
  height: 520px;
  margin-left: 450px;
	top: 150px;
  position: relative;
}
.postprofile-avatar {
  width: 250px;
  height: 400px;
  position: absolute;
  top: 45px;
}
.postprofile-avatar img {
  width: 250px;
  height: 400px;
}
.postprofile-username {
  font-family: montserrat;
  color: #f8f8f8;
  font-weight: 900;
  text-transform: uppercase;
  width: 250px;
  text-align: center;
  font-size: 20px;
  padding-top: 10px;
  position: absolute;
  top: 460px;
}
.postprofile-rank {
  font-family: raleway;
  color: #f8f8f8;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: bold;
  width: 250px;
  text-align: center;
  margin-top: -2px;
  letter-spacing: 2px;
  position: absolute;
  bottom: 15px;
}
.postprofile-tabs {
  width: 250px;
  position: absolute;
  top: 0px;
}
.postprofile-tabs .postprofile-tab {
  display: inline-block;
  color: #f8f8f8;
  background: #090909;
  width: 71px;
  margin: 5px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #500a08;
  outline: 1px solid #500a08;
  outline-offset: 2px;
  cursor: pointer;
}
.postprofile-tab-content.postprofile-tab-content-campos {
  width: 240px;
  height: 390px;
  background: #070707;
  position: absolute;
  top: 45px;
  padding: 5px;
  color: #f8f8f8;
  font-family: raleway;
  font-size: 10px;
  overflow: auto;
}
.postprofile-tab-content.postprofile-tab-content-campos l {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  display: block;
}
.postprofile-tab-content.postprofile-tab-content-campos div {
  margin: 4px;
  background: #090909;
  padding: 5px;
  border-bottom: 1px solid #500a08;
  text-align: center;
}
.postprofile-field.postprofile-field-imagen {
  width: 70px;
  height: 70px;
  transform: rotate(45deg);
  overflow: hidden;
  z-index: 1;
  border: 1px solid #500a08;
  outline: 2px solid #500a08;
  outline-offset: 3px;
  position: relative;
  top: 20px;
  left: 80px;
}
.postprofile-field.postprofile-field-imagen img {
  transform: rotate(-45deg);
  position: relative;
  top: -40px;
  left: -40px;
  width: 150px;
  height: 150px;
}
.postprofile-field.postprofile-field-mensajes,
.postprofile-field.postprofile-field-creditos {
  position: absolute;
  font-size: 15px;
  width: 100px;
  border: 1px solid #500a08;
  top: 5px;
  text-align: left;
}
.postprofile-field.postprofile-field-mensajes l,
.postprofile-field.postprofile-field-creditos l {
  display: block;
  font-size: 8px;
}
.postprofile-field.postprofile-field-creditos {
  right: 5px;
  text-align: right;
}
.postprofile-field.postprofile-field-frase {
  margin-top: 50px!important;
  background: #211d1d;
  text-align: center;
  border: 0px;
}
.postprofile-tab-content.postprofile-tab-content-hoja {
  width: 240px;
  height: 390px;
   background: #0d0d0d;
  position: absolute;
  top: 45px;
  padding: 5px;
  color: #f8f8f8;
  font-family: raleway;
  font-size: 10px;
  overflow: auto;
}
.postprofile-contact {
	background-image:url(https://imgur.com/tUqFJiS.png);
	height: 135px;
  padding: 5px;
}
.postprofile-contact a {
  display: block;
  text-align: center;
  border: 1px solid #500a08;
  margin: 5px;
  padding: 5px;
}
.postprofile-field.postprofile-field-inventario {
  background: #090909;
  padding: 5px;
  height: 110px;
  margin-bottom: 10px;
  outline: 1px solid #500a08;
}
.postprofile-rpg {
   background: #090909;
  padding: 5px;
  outline: 1px solid #500a08;
  margin-bottom: 10px;
  height: 110px;
}
.postprofile-rpg a {
  display: block;
  font-family: montserrat;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 2px;
}

#################################

.banner-box-border {
  padding:5px;
  border:1px solid #222;
    width:350px;
}
.banner-box {
  background:url(https://www.toptal.com/designers/subtlepatterns/patterns/black_linen_v2.png);
  padding:25px;
}
.banner-box-h1 b {
  font-weight: 900; border-bottom: 3px solid #bb4466;
}
.banner-box-h1 {
  color: #bb4466; font: 100 34px/40px 'roboto';
  text-transform: uppercase; text-decoration: none; letter-spacing: -1px;
  border-bottom: 1px solid #bb4466;
}
.banner-box-text {
	  margin-top: -130px;
padding: 10px 10px 1px 10px;
    border-spacing: 0;
    border-collapse: separate;
	padding-bottom: 330px;
}
.banner-box-text i {
  color:#fff;
  padding:15px;
  font-size:30px;
}

.banner-box-text td { 
    padding: 0;
}
.banner-box-text td:first-child { 
  background: #500a08;  
}
.banner-box-text-info {
  margin-left:5px;
  padding:20px;
  background:#090909;
width: 370px;
  color:#aaa;
  font: 11px 'source sans pro';
  text-align:justify;
}
.banner-box-text-info b {
  color: #500a08;  
}


.recent-border {
  border-bottom:1px solid #222;
}

.recent-row {
	  padding:5px;
  text-align:center;
	background: #0f0f0f;
}

.recent-row a {
	  display: block;
  text-align: center;
  border: 1px solid #500a08;
  margin: 5px;
  padding: 5px;
 background: #090909;
  font-family:georgia;
  font-size:10px;
  text-decoration:none;
  letter-spacing:1px;
  color:#403e3e;
  text-transform:uppercase;
}
.recent-name a {
  display: block;
  text-align: center;
  border: 1px solid #050505;
	 color:#090909;
	  font-size:12px;
  margin: 5px;
  padding: 5px;
 background: #500a08;
}

.updates-title {
  display: block;
  text-align: center;
  border: 1px solid #500a08;
  margin: 5px;
  padding: 5px;
 background: #090909;
}

###########################################

/* BLOC LIENS PA */
.lksFOOTER {
background:#c7c7c7; /* MODIFIABLE */
}
/* LIENS PA */
.lksFOOTER a {
background:#424242; color:#fff; /* MODIFIABLE */
}
/* SURVOL LIEN PA */
.lksFOOTER a:hover {
background:lightgrey; color:#775573; /* MODIFIABLE */
}
/* CONTEXTE PA */
.ctxtFOOTER {
background: url:(https://imgur.com/n29xTUW.png); color:black; /* MODIFIABLE */
}
/* BLOCS STAFF PA */
.staffFOOTER {
background:#0d0d0d; color:white; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onFOOTER {
background:lightgreen; color:black; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offFOOTER {
background:#500a08; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.staffFOOTER ul li a {
color:white; /* MODIFIABLE */
}
/* CARRES NAVIGATION STAFF PA */
.staffFOOTER .navFOOTER label {
background:#494545; /* MODIFIABLE */
}
/* SURVOL CARRE NAVIGATION STAFF PA */
.staffFOOTER .navFOOTER label:after {
background:#500a08; /* MODIFIABLE */
}
/* TITRE TOP-SITES PA */
.tleFOOTER {
background:#1f1f1f; color:lightgrey; /* MODIFIABLE */
}
/* TRIANGLE TITRE TOP-SITES PA */
.tleFOOTER::before {
border-left-color:#1f1f1f !important; /* MODIFIABLE */
}
/* BLOC TOP-SITES PA */
.topFOOTER {
background:#775573; /* MODIFIABLE */
}
/* TOP-SITES PA */
.topFOOTER a {
border-color:lightgrey !important; color:lightgrey; /* MODIFIABLE */
}
/* PARTENAIRES PA */
.partFOOTER {
background:grey; /* MODIFIABLE */
}
/* EVENEMENT EN COURS PA */
.eventFOOTER div {
background:#E9E9E9; color:black; /* MODIFIABLE */
}
/* LIEN EVENEMENT EN COURS PA */
.eventFOOTER a {
background:black; color:white; /* MODIFIABLE */
}
/* NOUVELLES PA */
.newsFOOTER {
background:grey; color:black; /* MODIFIABLE */
}
/* PREDEFINIS PA */
.pfFOOTER {
background:#c7c7c7; /* MODIFIABLE */
}

/* PAGE D'ACCUEIL */
.FOOTER {
margin:auto; width:1000px; padding-left: 5px; padding-right: 5px;
line-height:16px; font-family:Arial; text-align:left;
}
.FOOTER a {
text-decoration:none !important;
}
/* BLOC LIENS PA */
.lksFOOTER {
margin-bottom:10px; width:990px; padding:13px 0; 
text-align:center; text-transform:uppercase; font-family:Arial; font-size:11px; font-weight:bold;
}
/* LIENS PA */
.lksFOOTER a {
display:inline-block; margin:0 5px; 
width:150px; padding:2px 0;
text-decoration:none !important;
transition:all 1.25s; -webkit-transition:all 1.25s;
}
/* SURVOL LIEN PA */
.lksFOOTER a:hover {
}
.boxFOOTER {
display:inline-block; vertical-align:top; 
}
/* CONTEXTE PA */
.ctxtFOOTER {
display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:10px;
width:525px; height:176px; padding:7px 10px; overflow:hidden; background: url(https://imgur.com/qeWerlM.png);
font-size:11px; text-align:justify; line-height:15px; margin-left: 10px;
}
.ctxtFOOTER:hover {
overflow-y:auto;
}
/* BLOC STAFF PA */
.staffFOOTER {
	display:inline-block; vertical-align:top;
width:440px; height:105px; text-align:center; 
	margin-right:100px;
}
/* BLOC CONTENU STAFF */
.staffFOOTER ul {
position:relative; margin:0 auto;
width:430px; height:140px; padding:10px 5px 0; overflow:hidden;
font-size:0; line-height:0; white-space:nowrap;
}
/* CONTENU STAFF */
.staffFOOTER ul li {
position:relative; display:inline-block; vertical-align:top; 
width:100%; height:100%; overflow:hidden;
line-height:normal; white-space:normal; font-size:10px; text-transform:uppercase; 
transition: all 0.35s linear; -webkit-transition: all 0.35s linear;
}
/* IMAGE STAFF */
.staffFOOTER ul li img {
display:inline-block; vertical-align:middle; margin:5px 0; 
width:125px; height:125px;
}
.staffFOOTER ul li div {
display:inline-block; vertical-align:middle;
width:190px;
}
/* NOM PRENOM(S) STAFF */
.staffFOOTER ul li span {
display:block; margin:auto; 
text-align:center; font-size:18px;
}
/* DISPONIBLE PA */
.onFOOTER {
margin:5px auto !important; width:80%; padding:3px 0;
font-size:10px !important; line-height:15px;
}
/* INDISPONIBLE PA */
.offFOOTER {
margin:5px auto !important; width:80%; padding:3px 0;
font-size:10px !important; line-height:15px;
}
/* LIENS PROFILS STAFF PA */
.staffFOOTER ul li a {

}
/* NAVIGATION STAFF */
.staffFOOTER .navFOOTER {
margin-top:10px; width:345px; text-align:center;  
font-size:0; line-height:0; text-align:center;
}
/* CARRE NAVIGATION STAFF */
.staffFOOTER .navFOOTER label {
position:relative; display:inline-block; margin:0 7px;
padding:9px; 
}
/* SURVOL CARRE NAVIGATION STAFF */
.staffFOOTER .navFOOTER label:after {
content:''; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px;
padding:10px; opacity:0;
}
.staffFOOTER .navFOOTER label:hover:after {
opacity:1;
}
.staffFOOTER > input:nth-of-type(1):checked ~ .navFOOTER label:nth-of-type(1):after,
.staffFOOTER > input:nth-of-type(2):checked ~ .navFOOTER label:nth-of-type(2):after,
.staffFOOTER > input:nth-of-type(3):checked ~ .navFOOTER label:nth-of-type(3):after,
.staffFOOTER > input:nth-of-type(4):checked ~ .navFOOTER label:nth-of-type(4):after,
.staffFOOTER > input:nth-of-type(5):checked ~ .navFOOTER label:nth-of-type(5):after,
.staffFOOTER > input:nth-of-type(6):checked ~ .navFOOTER label:nth-of-type(6):after {
opacity:1;
}
.staffFOOTER > input {
display:none;
}
.staffFOOTER > input:nth-of-type(6):checked ~ ul li:first-of-type {
margin-left:-500%;
}
.staffFOOTER > input:nth-of-type(5):checked ~ ul li:first-of-type {
margin-left:-400%;
}
.staffFOOTER > input:nth-of-type(4):checked ~ ul li:first-of-type {
margin-left:-300%;
}
.staffFOOTER > input:nth-of-type(3):checked ~ ul li:first-of-type {
margin-left:-200%;
}
.staffFOOTER > input:nth-of-type(2):checked ~ ul li:first-of-type {
margin-left:-100%;
}
.staffFOOTER > input:nth-of-type(1):checked ~ ul li:first-of-type {
margin-left:0%;
}
/* TITRE TOP-SITES PA */
.tleFOOTER {
display:inline-block; vertical-align:top; margin-right:10px;
width:110px; height:27px; padding-top:5px; 
text-align:center; font-size:13px; text-transform:uppercase; 
}
/* TRIANGLE TITRE TOP-SITES PA */
.tleFOOTER::before {
content:''; position:absolute; margin-left:87px;
width:0; height:0; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent;
}
/* BLOC TOP-SITES PA */
.topFOOTER {
display:inline-block; vertical-align:top; 
width:165px; height:32px; padding-top:8px;
text-align:center; text-transform:uppercase; font-size:18px;
}
/* TOP-SITES PA */
.topFOOTER a {
display:inline-block; margin:0 3px; 
width:20px; height:18px; padding-top:2px; border:2px solid;
font-size:11px; font-weight:bold;
}
.topFOOTER img {
max-height:35px;
}
/* PARTENAIRES PA */
.partFOOTER {
margin-top:10px; background: url(https://imgur.com/wUQ9fFA.png);
width:279px; height:140px; padding:5px 5px 5px 5px; overflow:hidden; 
}
.partFOOTER img {
margin:5px 0 0 5px; width:88px; height:31px;
}
/* EVENEMENT EN COURS PA */
.eventFOOTER {
display:inline-block; vertical-align:top; margin-left:10px;
width:355px; height:180px; overflow:hidden;
}
.eventFOOTER img { 
position:relative; z-index:5;
width:355px; height:180px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.eventFOOTER:hover img {
margin-top:-180px; 
}
.eventFOOTER div {
position:absolute; z-index:1; 
width:355px; height:180px; padding:10px; overflow:hidden;
font-size:11px; text-align:justify; 
}
.eventFOOTER p {
margin:0;
height:245px; overflow:hidden; 
font-family:Arial;
}
/* LIEN EVENEMENT EN COURS PA */
.eventFOOTER a {
display:block; margin-top:10px;
height:15px; padding:5px 0;
text-align:center; text-transform:uppercase;
}
/* NOUVELLES PA */
.newsFOOTER {
margin-left:10px;
width:315px; height:127px; padding:5px; overflow-y:auto;
	background: url(https://imgur.com/xDql3Nf.png);
text-align:justify; font-size:11px; 
}
/* PREDEFINIS PA */
.pfFOOTER {
margin-top:10px; margin-left:10px;
width:314px; padding:9px 6px 9px 0; overflow:hidden;
text-align:center;
}
.pfFOOTER img {
margin-left:6px; width:35px; height:35px;
}

.newtil {
    display: inline-block;
    font-size: 10px;
    border-bottom: 2px solid #684364;
    width: 500px;
    font-family: calibri;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
	color: 000;
	letter-spacing: 0.3em;
text-align:right;
}

.nes {
    display: inline-block;
    font-size: 12px;
    border-bottom: 2px solid #000;
    width: 80%;
    font-family: calibri;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
	color: #000;
	letter-spacing: 0.3em;
text-align:left;
}

.calportal {
width: 975px;
height: 230px;
	padding-top: 20px;
background: #0b0b0b;
font: 11px 'robold'; 
letter-spacing: 2px;
text-transform: uppercase;
color: #ccc;
text-align: justify;
overflow: auto;
position: absolute;
top: 690px;
}

.titelipts::first-letter {
  color: #e00000;
  font-size: 14px;
}
.titelipts {
  width: 450px;
  text-align: left;
  font-family: kiona; 
  padding: 0px 10px;
  margin-left: 10px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  border-bottom: 1px solid #6c0e0b;
}

###########subforum2############

::-webkit-scrollbar {width:8px; height:1px; background: #fcfcfc;}
::-webkit-scrollbar-thumb { background-color: #dd1d57; border-top:2px solid #fcfcfc;border-right:3px solid #fcfcfc;border-bottom:2px solid #fcfcfc;border-left:3px solid #fcfcfc; }

.catrids2 {
  float:left;
  margin:5px;
  padding:10px;
  width: 970px; 
  height: 205px;
  background-image:url(https://i.imgur.com/xSUls9B.png);
  background-attachment: fixed;
  background-position: center;
}
.catkant2 {
  border:1px solid #e00000;
  height: 182px;
}
.cattanavn2::first-letter {
  color: #e00000;
  font-size: 20px;
}
.cattanavn2 {
  width: 360px;
  text-align: left;
  font-family: montserrat; 
  padding: 0px 10px;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 20px;
  color: #fff;
  letter-spacing: -1px;
  border-bottom: 1px solid #e00000;
}
.catmu2 b {
  color: #e00000;
}
.catmu2 {
  text-align: left;
  color: #e00000;
  font-family: roboto;
  text-transform:uppercase;
  font-size: 10.4px;
  font-weight: 900;
  margin: 15px 115px;
}
.uncatdes2 {
  width: 0;
	height: 0;
  margin-top: -80px;
  margin-left: 600px;
	border-top: 80px solid #424242;
	border-right: 80px solid transparent;
}
.beuncat2 {
  margin-left: 140px;
	margin-top: 10px;
  background: #424242;
  width: 460px;
  height: 80px;
}
.catebeskriv2 {
  background: url(https://i.imgur.com/xSUls9B.png); 
  height: 60px;
  width: 640px;
  position: relative;
  margin-left: 150px;
  margin-top: -70px;
  font-family: roboto;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing:1px;
}

.catrids2-green {
  float:left;
  margin:5px;
  padding:10px;
  width: 970px; 
  height: 205px;
  background-image:url(https://i.imgur.com/xSUls9B.png);
  background-attachment: fixed;
  background-position: center;
}
.catkant2-green {
  border:1px solid #e00000;
  height: 182px;
}
.cattanavn2-green::first-letter {
  color: #e00000;
  font-size: 20px;
}
.cattanavn2-green {
  width: 360px;
  text-align: left;
  font-family: montserrat; 
  padding: 0px 10px;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 20px;
  color: #fff;
  letter-spacing: -1px;
  border-bottom: 1px solid #e00000;
}
.catmu2-green b {
  color: #e00000;
}
.catmu2-green {
  text-align: left;
  color: #e00000;
  font-family: roboto;
  text-transform:uppercase;
  font-size: 10.4px;
  font-weight: 900;
  margin: 15px 115px;
}
.uncatdes2-green {
  width: 0;
	height: 0;
  margin-top: -80px;
  margin-left: 600px;
	border-top: 80px solid #21610B;
	border-right: 80px solid transparent;
}
.beuncat2-green {
  margin-left: 140px;
	margin-top: 10px;
  background: #21610B;
  width: 460px;
  height: 80px;
}
.catebeskriv2-green {
  background: url(https://i.imgur.com/xSUls9B.png); 
  height: 60px;
  width: 640px;
  position: relative;
  margin-left: 150px;
  margin-top: -70px;
  font-family: roboto;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing:1px;
}

.catrids2-red {
  float:left;
  margin:5px;
  padding:10px;
  width: 970px; 
  height: 205px;
  background-image:url(https://i.imgur.com/xSUls9B.png);
  background-attachment: fixed;
  background-position: center;
}
.catkant2-red {
  border:1px solid #e00000;
  height: 182px;
}
.cattanavn2-red::first-letter {
  color: #e00000;
  font-size: 20px;
}
.cattanavn2-red {
  width: 360px;
  text-align: left;
  font-family: montserrat; 
  padding: 0px 10px;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 20px;
  color: #fff;
  letter-spacing: -1px;
  border-bottom: 1px solid #e00000;
}
.catmu2-red b {
  color: #e00000;
}
.catmu2-red {
  text-align: left;
  color: #e00000;
  font-family: roboto;
  text-transform:uppercase;
  font-size: 10.4px;
  font-weight: 900;
  margin: 15px 115px;
}
.uncatdes2-red {
  width: 0;
	height: 0;
  margin-top: -80px;
  margin-left: 600px;
	border-top: 80px solid #500a08;
	border-right: 80px solid transparent;
}
.beuncat2-red {
  margin-left: 140px;
	margin-top: 10px;
  background: #500a08;
  width: 460px;
  height: 80px;
}
.catebeskriv2-red {
  background: url(https://i.imgur.com/xSUls9B.png); 
  height: 60px;
  width: 640px;
  position: relative;
  margin-left: 150px;
  margin-top: -70px;
  font-family: roboto;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing:1px;
}

.catov2 {
  height: 80px;
	  width: 640px;
  overflow:auto;
  text-align: justify;

}
.lasttop2 {
  font-family: montserrat;
  text-transform: uppercase;
  font-weight:900;
  color:#e00000;
  font-size:10px;
  text-align:right;
}
.unlas2 b {
  color: #e00000;
}
.unlas2 {
  font-family: roboto;
  color:#e00000;
  text-transform:uppercase;
  font-size: 8.4px;
  text-align: right;
  margin-right:15px;
  letter-spacing:1px;
}

	.beuncatgreen {
  margin-left: 10px;
		  margin-top: 10px;
  background: #21610B;
  width: 160px;
  height: 80px;
}
.catebeskrivgreen {
  background:url(https://i.imgur.com/xSUls9B.png);
  height: 60px;
  width: 340px;
  position: relative;
  margin-left: 20px;
  margin-top: -70px;
  font-family: roboto;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing:1px;
	
	}

.uncatdesgreen {
  width: 0;
	height: 0;
  margin-top: -80px;
  margin-left: 170px;
	border-top: 80px solid #21610B;
	border-right: 80px solid transparent;
}
	.beuncatblue {
  margin-left: 10px;
		  margin-top: 10px;
  background: #61380B;
  width: 160px;
  height: 80px;
}
.catebeskrivblue {
  background: #151515;
  height: 60px;
  width: 340px;
  position: relative;
  margin-left: 20px;
  margin-top: -70px;
  font-family: roboto;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing:1px;
	
	}

.uncatdesblue {
  width: 0;
	height: 0;
  margin-top: -80px;
  margin-left: 170px;
	border-top: 80px solid #61380B;
	border-right: 80px solid transparent;
}

.trackerprofil {
 display: flex;
      flex-direction: row;
margin-left: 5px;
margin-top: 10px;
background-color:#0b0b0b;
width: 950px;
height: 300px;
border: 5px solid #0c0b0b;
	overflow: auto; 
	scrollbar-width: none;
}

.titeltracker {
margin:auto;
width:450px; border-bottom:1px dotted; line-height:normal;  
}
.titeltracker a {
text-decoration:none !important;
}
.tletracker {
padding:5px;
	margin-top: -130px;
}
.tletracker p {
margin:0;  padding:10px; 
font-size:16px; text-align:center; text-transform:uppercase; letter-spacing:1px;
}

.ftROTAR {
position:absolute; margin-top:-40px; margin-left:-10px;
width:150px; height:60px; 
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.ftROTAR:hover {
width:450px; 
}
.ftROTAR img {
position:absolute; z-index:3; margin-left:-25px; margin-top:9px;
width:30px; height:30px; border-radius:100%; 
transform:rotate(45deg); -webkit-transform:rotate(45deg); 
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.ftROTAR:hover img {
position:absolute; z-index:3; margin-left:350px; margin-top:10px; 
width:40px; height:40px; border-radius:100%;
transform:rotate(0deg); -webkit-transform:rotate(0deg); 
}
.ftROTAR p {
position:relative; width:0; height:60px; padding:0; overflow:hidden; 
text-align:justify; font-size:11px; 
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.ftROTAR:hover p {
width:430px; padding:0 10px; padding-right:100px; overflow:hidden; border-radius:0 50px 50px 0; 
}
.ftROTAR p span {
display:inline-block; vertical-align:middle;
opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s;
}
.ftROTAR p span:nth-of-type(1) {
height:50px;
}
.ftROTAR:hover p span {
opacity:1; transition:opacity 3s; -webkit-transition:opacity 3s;
}

:root {
  --background2: url(https://files.jcink.net/uploads2/illicitaffairsrp/wildest_dreams/photo_1604213410393_89f141bb96b8.png);
  --background: url(https://img.nickpic.host/AbJhgc.png);
  --text1: 0,0,0;
  --text2: 220,220,220;
  --color1: 161, 128, 104;
  --color2: 206, 121, 107;
  --color3: 202, 176, 157;
  --darkbackground: rgba(0,0,0,0.75);
  --lightbackground: rgba(220,220,220,0.8);
  --font1: 'losta masta';
  --font2: 'playfair display';
  --font3: 'monsterrat';
  --font4: 'karla';
  --backgroundc: 0, 0, 0;
  --backgroundd: 220,220,220;
  --gradient: linear-gradient(270deg, rgba(var(--color2),.8) 0%, rgba(var(--color1),0.8) 100%);
}

#groupad2 {
  width: 575px;
  border: 1px solid rgb(var(--color2));
  margin: 30px auto;
  background: rgba(var(--color2),0.15);
  font: 1.2rem/1.7rem var(--font4);
}

#groupad2 .groupad-title {
  font: 2.4rem/3rem var(--font2);
  border-bottom: 1px solid rgba(var(--color2),0.8);
  padding-left: 3px;
  padding-bottom: 10px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 20px;
  text-transform: uppercase;
  margin-top: 45px;
  margin-left: 45px;
  width: 528px;
}
#groupad2 .groupad-title2 {
  margin-right: 10px;
}
#groupad2 .groupad-back {
  padding: 70px;
    padding-top: 70px;
    padding-bottom: 70px;
  padding-top: 10px;
  padding-bottom: 35px;
}
#groupad2 .groupad-desc {
  font: 1.1rem/1.5rem var(--font4);
  text-align: justify;
}
#groupad2 .ga2-character {
  border: 1px solid rgba(var(--color2));
  width: px;
  height: 200px;
  margin: 45px;
    margin-top: 45px;
    margin-bottom: 45px;
  margin-top: 0px;
  position: relative;
  margin-bottom: 15px;
  background: rgba(var--(backgroundc),,0.35);
}
#groupad2 .ga2-character-icon {
  width: 180px;
  height: 180px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  left: 10px;
  padding-right: 10px;
  border-right: 1px solid rgba(var(--color2),0.89);
}
#groupad2 .ga2-character-name {
  font: 1.6rem/2rem var(--font2);
  position: absolute;
  width: 260px;
  top: 13px;
  left: 211px;
  text-align: center;
  border-bottom: 1px solid rgba(var(--color2),0.89);
  padding-bottom: 8px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
}
#groupad2 .ga2-character-bio {
  width: 235px;
  height: 124px;
  padding-right: 10px;
  border-right: 10px solid transparent;
  position: absolute;
  top: 55px;
  left: 221px;
  overflow: auto;
  text-align: justify;
  font: 1.1rem/1.4rem var(--font4);
}

.bkg {width: 830px;
    height: 480px;
    background-color: #f2f2f6;
    padding: 10px;
}  
/*personnalisation des liens*/
a {font-family: 'Muli', sans-serif;}
a:hover {text-decoration: underline;}

/*ESPACE TTR + BARRE NAV*/
.coltop {
    width: 826px;
    height: 109px;
    display: inline-block!important;
    margin-bottom: 3px;
    border-bottom: 5px solid #3d3d3d;
}
/*barre de nav*/
.cdr {width: 100px;
height: 90px;
background: linear-gradient(45deg,#a19ae4,#ebdfc2); /*MODIFIER LA COULEUR*/
padding: 5px;
display: inline-block;
margin-left:7px;}
  
.link {width: 96px;
height: 15px;
background-color: #fdfdfd; /*MODIFIER LA COULEUR*/
padding:2px;
margin-bottom: 5px;}

}

.link a {color: #000; /*MODIFIER LA COULEUR*/
font-family: 'Muli', sans-serif;
text-transform: lowercase; /*txt en minuscule*/
text-decoration: none;
font-size:10.5px;
text-align: center;}
.link a:hover {text-decoration: underline;}
  
/*titre + sous-titre*/
.cdr-ttr {width: 570px;
height: 100px;
text-align: center;
display: inline-block;
margin-left:7px;
margin-top: -10px;
position:relative;
top: -2;}
  
.ttr {
    width: 570px;
    height: 43.6px;
    border-bottom: 3px solid #9f98e4;
    display: block;
    background: #3d3d3d;
    color: #fff;
    font-family: 'Abril Fatface', cursive;
    text-transform: uppercase;
    font-size: 35px;
    display: inline-block;
    padding: 4px 0px 9px;
}
.ssttr {
    width: 570px;
    height: 25px;
    display: inline-block;
    margin-top: 9px;
    font-family: 'Muli', sans-serif;
    font-size: 10px;
    letter-spacing: 7px;
    word-spacing: 7px;
    padding-top: 6px;
    line-height: 21px;
    color: #fdfdfd;
    text-transform: uppercase;
    background: linear-gradient(45deg,#a19ae3,#ede1c2);
}

/*BARRE 1*/
.bar1 {width: 200px;
height: 260px;
display: inline-block;
margin-top: 5px;}

/*onglets admins*/
.staff {width: 200px;
height: 115px;
background-color: #555;
margin-bottom: 5px;}

/*part txt*/
.txt1 {
    width: 178px;
    height: 125px;
    border: 6px solid #fdfdfd;
    background-color: #fdfdfd;
    overflow: auto;
    color: #000;
    font-size: 10.5px;
    font-family: 'Muli', sans-serif;
    text-align: justify;
    padding: 5px;}
.icn {width: 175px;
height: 56px;
background-color: #D9D9D9;}
.icn1 img {width: 175px;
height: 56px;
background-color: #D9D9D9;
object-fit: cover;
margin-bottom:5px;}

/*BARRE 2*/
.bar2 {width: 415px;
height: 260px;
display: inline-block;
margin-left: 0px;}

/*zone img*/
.icn2 {display: inline-block;}
.icn2 img {
  width: 406px;
    height: 50px;
    background-color: #D9D9D9;
    object-fit: cover;
    margin-bottom: 6px;
}
/*cdr txt principal*/
.txt2 {width: 375px;
    height: 178px;
    border: 6px solid #fdfdfd;
    overflow: auto;
    background: #fdfdfd;
    color: #000;
    font-size: 10.5px;
    font-family: 'Muli', sans-serif;
    text-align: justify;
    padding: 10px;
}

/*BARRE 3*/
.bar3 {width: 200px;
height: 260px;
display: inline-block;
margin-left: 0px;
position:relative;
top:-5;}

/*cdr txt top-right*/
.txt3 {width: 178px;
    height: 125px;
    border: 6px solid #fdfdfd;
    overflow: auto;
    background: #fdfdfd;
    color: #000;
    font-size: 10.5px;
    font-family: 'Muli', sans-serif;
    text-align: justify;
    padding: 5px;
  margin-top: 10px;
}
/*top-site, cts = cadre top-site*/
.cts {width: 200px;
    height: 45px;
    background-color: #fdfdfd;
    font-family: 'Abril Fatface', cursive;
    font-size: 14px;
    color: #000;
    text-align: center;
    padding-top: 5px;
    margin-top: 10px;}
  
/*partenaires*/
#partos {width: 200px!important;
height: 25px;
margin-top: 10px;}
  
#partos select {width: 200px!important;
    height: 18px;
    padding: 0px 2px;
    background-color: #9f98e4;
    color: #f2f2f6;
    border-radius: 3px;
    border-color: #9f98e4;}
  
input[type=text], select {text-align: center;
text-align-last: center;}
  
/*les boutons (bpart = bouton partos)*/
.bpart {
    width: 95px;
    height: 18px;
    background-color: #3d3d3d;
    text-align: center;
    font-size: 10px;
    display: inline-block;
    padding-top: 2px;
    margin-top: 5px;
    margin-left: 3px;}
  
.bpart a {color: #fff; /*MODIFIER LA COULEUR*/
font-family: 'Muli', sans-serif;
text-transform: lowercase; /*txt en minuscule*/
text-decoration: none;
font-size:12px;
text-align: center;}
.bpart a:hover {text-decoration: underline;}

/*COLONNE BAS*/
.colbot {width: 826px;
height: 80px;
display: inline-block!important;
margin-top: 5px;}
  
/*icones + prénom*/
.boxfd {width: 275px;
    height: 80px;
    display: inline-block;
    position: relative;
    top: -4;}
  
.fd1 {width: 50px;
    height: 70px;
    background-color: #3d3d3d;
    color: #f2f2f6;
    font-family: 'Muli', sans-serif;
    text-transform: lowercase;
    font-size: 6.5px;
    padding: 5px;
    display: inline-block;
    margin-left: 6px;
  display: inline-block;}
  
.fd2 {width: 50px;
height: 50px;
background-color: #fdfdfd;
margin-bottom: 5px;}
.fd2 img {width: 46px;
    height: 46px;
    margin-top: -1px;
    margin-left: -1px;
    background-color: #3d3d3d;
    object-fit: cover;
    border: 3px solid #9f98e4;
  }
  /*onglet 2 ; scénario ?*/
.boxsc {width: 330px;
height: 80px;
display: inline-block;
margin-left:0px;}

/*boite de texte bas droit*/
.txt4 {width: 180px;
    height: 58px;
    border: 6px solid #3d3d3d;
    overflow: auto;
    color: #000;
    font-size: 10.5px;
    background: #fdfdfd;
    font-family: 'Muli', sans-serif;
    text-align: justify;
    padding: 5px;
    display: inline-block;
    margin-left: 5px;
}
maj {
    color: #000000;
    float: left;
    margin-right: 10px;
    font-family: 'Times New Roman';
    font-size: 55px;
    line-height: 85%;
}
  imp-2 {
    background: linear-gradient(45deg,#a19ae4,#ebdfc2);
    color: #fdfdfd;
    font-size: 8.8px;
    letter-spacing: 1px;
    font-family: muli;
    padding: 0 4px;
    transition: 0.9s;
} 
in10{
	border-bottom: 1px solid #e8e8e8;
	text-transform: lowercase;
	font-family: "Abril Fatface", cursive;
	font-weight: lighter;
	color: #333;
	display: grid;
	font-size: 11px;
	text-align:left;
	margin: 1px;

}
  /*scollbar*/
::-webkit-scrollbar{
   width:3px;
   height:4px
}
::-webkit-scrollbar-track-piece{
   background-color: #f3f3f3;
}
::-webkit-scrollbar-thumb:vertical{
   height:2px;
   background-color:#acacd4;
}

@font-face {font-family: "Futura ICG"; src: url(//db.onlinewebfonts.com/t/cd8f6d68932aa055914a429907c639b6.eot); src: url(//db.onlinewebfonts.com/t/cd8f6d68932aa055914a429907c639b6.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/cd8f6d68932aa055914a429907c639b6.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/cd8f6d68932aa055914a429907c639b6.woff) format("woff"), url(//db.onlinewebfonts.com/t/cd8f6d68932aa055914a429907c639b6.ttf) format("truetype"), url("//db.onlinewebfonts.com/t/cd8f6d68932aa055914a429907c639b6.svg#Futura ICG") format("svg"); }
@font-face {font-family: "Montserrat"; src: url(//db.onlinewebfonts.com/t/5fc6f4fd75e944a52a342ab2c7f100f1.eot); src: url(//db.onlinewebfonts.com/t/5fc6f4fd75e944a52a342ab2c7f100f1.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/5fc6f4fd75e944a52a342ab2c7f100f1.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/5fc6f4fd75e944a52a342ab2c7f100f1.woff) format("woff"), url(//db.onlinewebfonts.com/t/5fc6f4fd75e944a52a342ab2c7f100f1.ttf) format("truetype"), url(//db.onlinewebfonts.com/t/5fc6f4fd75e944a52a342ab2c7f100f1.svg#Montserrat) format("svg"); }

.admarvel { 
    width: 550px; 
    padding: 50px; 
    background: #000 url(https://i.imgur.com/HpAAZZS.png) center/cover;
    position: relative;
}
#admarvel { 
    width: 450px;
    background-color: #fafafa; 
    padding: 50px; 
    font: 13px 'montserrat';
    text-align:justify; 
    color: #1c1c1c; 
    line-height:120%;
}

.admarvel .admartit {
    width: 450px;
    text-align: center;
    font: 800 45px 'montserrat';
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin-bottom: 50px;
}

.admarvel .admartit span {
    display: block;
    text-align: center;
    font: italic 15px 'futura icg';
    font-weight: normal;
    text-transform: lowercase;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin-bottom: 50px;
}
.dc{    display: block;
    text-align: center;
    font: italic 15px 'futura icg';
    font-weight: normal;
    text-transform: lowercase;
    color: #430e0e;
  text-align: right;
  margin-top: -5px;
  margin-bottom: 5px;
}