@charset "utf-8";
@import url("../../webfonts/Plain_Germanica/stylesheet.css");

html{
	background-color:#FFF;
}

#main{
	width:575px;
	margin:150px auto 100px;
}

.button2{
	background-color: #FF0000;
    color: white;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	/*border-radius: 4px;
	box-shadow: 0 -15px rgba(255, 255, 255, 0.1) inset, 0 1px 0 #990000, 0 2px 1px #990000;
	border: 1px solid #990000;
	border-radius: 4px;
	width: 50px;*/
}

.button2:hover{
	background-color:#329be4;
}

.button2:active{
	background-color:#2e84c0;
}

.video-wrap {
	width: 100%;
	border:none;
}

.video-wrap1 {
	width: 100%;
	border:none;
}

* {
    margin: 0;
    padding: 0;
}

.image {
    height: 750px;
    width: 100%;
    background: #55e6c5;
    z-index: 1;
    }

.content {
	width: 100%;
	background: rgba(21,18,16,0.8);
	z-index: 2;
	font-family: 'Open Sans', sans-serif;
}
.content_contact_us{
	width: 100%;
	background:none;
	z-index: 2;
	font-family: 'Open Sans', sans-serif;
}
.content_copyrights {
	width: 100%;
	background-color: rgba(21,18,16,0.8);
	z-index: 2;
	font-family: 'Open Sans', sans-serif;
	font-size:12px
}
.content h1 {
	font-size: 40px;
	color: #FEFFE2;
	font-family:"plain Germanica"
    font-weight: 600;
	font-family: "Plain Germanica";
}
.content_copyrights h1 {
	font-size: 12px;
	color: #FEFFE2;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
.content p {
	font-size: 14px;
	color: #FEFFE2;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
.content_copyrights p {
	font-size: 12px;
	color: #FEFFE2;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
.content_contact_us p {
	font-size: 12px;
	color: #FEFFE2;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
#wall_1 {
    background: url(/assets/img/579690-ffxiv-images-hd.jpg) repeat;
    background-attachment: fixed;
}
#wall_2 {
    background: url(/assets/img/1355988572_7.jpg) repeat;
    background-attachment: fixed;
}
#wall_3 {
    background: url(/assets/img/1462392988038.jpg) repeat;
    background-attachment: fixed;
}

#wall_4 {
    background: url(/assets/img/844948add13a9c142b49c9c49d993d75_1920_KR.jpg) repeat;
    background-attachment: fixed;
}

#wall_5 {
    background: url(/assets/img/bg_battle_01.jpg) repeat;
    background-attachment: fixed;
}

#wall_6 {
    background: url(/assets/img/FFXIV-4.jpg) repeat;
    background-attachment: fixed;
}

#wall_7 {
    background: url(/assets/img/ffxiv-1444.jpg) repeat;
    background-attachment: fixed;
}

#wall_8 {
    background: url(/assets/img/539575978_preview_ffxiv_06.jpg) repeat;
    background-attachment: fixed;
}

#wall_9 {
    background: url(/assets/img/ffxiv-1439.jpg) repeat;
    background-attachment: fixed;
}

#wall_10 {
    background: url(/assets/img/ffxiv-1837.jpg) repeat;
    background-attachment: fixed;
}

#wall_11 {
    background: url(/assets/img/FFXIV-5.jpg) repeat;
    background-attachment: fixed;
}

#nav {
    height: 70px;
    width: 100%;
    position: fixed;
    top:0;
    left:0;
    background: rgba(255,255,255,1);
    z-index: 100;
	margin-bottom:-70px;
    -webkit-box-shadow:0px 0px 20px rgba(44,44,44,.3);
}

h1::first-letter {
    font-size: 60px;
    font-weight: 600;
    color:#FF0000;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FF0000;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 5px 15px;
	font-size: 14px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #329be4;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
	font-size: 14px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 5px 15px;
    text-decoration: none;
    display: block;
	font-size: 14px;
    text-align: left;
}

.dropdown-content a:hover {
	background-color: #A0A0A4
}

.dropdown:hover .dropdown-content {
    display: block;
}

a[class ="popup"] {
   background: transparent url(/assets/img/icon_popup.gif) no-repeat center right;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

a.anchor1 {
    display: block;
    position: relative;
    top: -99px;
    visibility: hidden;
}

/* Video wrap */
.bv-video-wrap {
  width: 100%;
  height: 100%;
  display: none;
}

.bv-video-wrap--ready {
  display: block;
}

.bv-video-wrap::before {
  /* Optional overlay */
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

/* Video object */
.bv-video {
  width: 100%;
  height: 100%;
}

main_bv {
  position: relative;
}

.centered{
    margin: 0 auto;
}

      .slide-out-div {
          padding: 20px;
          width: 350px;
		  height: 450px;
          background: #FFF;
          border: #29216d 0px solid;
      } 

div.conteneur {
background:#ccc;
width:200px;
height:100%;
line-height:200px;
text-align:center; /* centrage horizontal */ }

div.bloc {
width:100px; /* largeur du bloc */
padding:10px; /* aération interne du bloc */
border:1px solid #fff;
vertical-align:middle;
display:inline-block;
line-height:1.2; /* on rétablit le line-height */
text-align:left; /* ... et l'alignement du texte */ }