@import url(https://fonts.googleapis.com/css?family=Inknut+Antiqua:400,700);


* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

img {
    max-width: 100%;
    max-height: 100%;
}

/*#gauche {
	width: 100%;
	height: 100%;
	float: left;
	background-color: black;
}*/

.bas_gauche{
  position: fixed;
  bottom: 3%;
  left: 2.2%;
  color: white;
  font-family: 'Helvetica';
  font-size: 10vmin;
  z-index: 30;
}

#about {
  position: absolute;
  width: 20%;
  height: 100%;
  z-index: 29;
  background-color: #dddddd;
  color: black;
  display:none;
}

.about_container{
  overflow: scroll;
    max-height: 100%;
    height: 100%
/*    position: relative;*/
}

.marge {
  margin:15px;
}


.titre {
  font-family: 'Helvetica';
  font-size: 2vmin;

}

.txt {
  font-family: 'Helvetica';
  font-size: 1.1vmin;
  text-indent:30px;
}

.bas_droite{
  position: fixed;
  bottom: 3%;
  right: 2.2%;
  color: white;
  font-family: 'Helvetica';
  font-size: 10vmin;
  z-index: 30;
}

hr {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

/*#container {
  margin: 0;
  padding: 0;
  max-width: 100%;

 }*/

.navigation {
    margin: 0;
  padding: 0;
  max-width: 100%;


}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;

    cursor: default;
}

.forotama{
  height: 100%;
}

#credits {
/*  padding: 10px;*/
padding-top: 20px;
/*margin-left: 20px;*/
  position: absolute;
  bottom: 0px;
  height: 6%;
  width: 100%;
  color: black;
  background-color: #f2f2f2;
  overflow: auto
}

#credits hr {
color: yellow;
background-color: yellow;
height: 5px;
}

 .hide {
    display: none;
  }


ul, li {
    list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;

}

 span {
    text-decoration: none;
    }

 a {
    text-decoration: none;
    color: white;
    cursor: pointer;
  } 

/* #container1 {
      float:center;
      width:100%;
      margin-top: 20px;
      margin-left: 20px;
    }*/



h1 {
  
  font-family: 'Inknut Antiqua', serif;
  font-weight: bold;
  text-align: left;
  line-height: 20px;
  font-size: 20px;

}

h2 {
  font-family: Georgia, serif;
  font-size: 12px;
  font-weight: normal;
  
}

h3 {
  font-size: 10px;
  font-family: "Lucida Console",Monaco,monospace !important;
  vertical-align: bottom;
  
}

#sous-titre a {
  text-decoration: none;
  color:black;
  
}

#apropos {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
/*  background: red;*/
  color: white;
  position: absolute;
  right: 1%;
  bottom: 10%;
  z-index: 1;
}


#contact {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
/*  background: red;*/
  color: white;
  position: absolute;
  right: 8%;
  bottom:3.5%;
  z-index: 1;
}



.legende {  
  font-size: 0.8vmin;
  font-family: "Lucida Console",Monaco,monospace !important;
  vertical-align: top;}

.souligner {
border-bottom: 1px solid #FFFF00;
}

.fermer {
  display: none;
  width: 100px;
  height: 70px;
  background-color: transparent;
  text-align: center;
/*  background: red;*/
  color: white;
  position: absolute;
  bottom: 2%;
  right: 13%;
  z-index: 1003;
}


/*.apropostxt{
}*/

/*#container1 {
    float:left;
    width:100%;
}*/

.contactbox{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

        float:left;
        display: none;
        vertical-align: middle;
        width: 17%;
        height: 17%;
        padding: 15px;
        background-color: #dddddd;
        z-index:1002;
        overflow: auto;

  font-style: bold;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif !important;
  color: black;

  padding-left: 3%;
  padding-top: 3%;
    }

.fermer2 {
  display: none;
  width: 100px;
  height: 70px;
  background-color: transparent;
  text-align: center;
/*  background: red;*/
  color: white;
  position: absolute;
  bottom: 35%;
  right: 30%;
  z-index: 1003;
}