html {
  overflow: scroll;
  height: 100%;
}
body {


  font-family: 'Cutive Mono', monospace;
	font-size: 18px;
	color:#EEEEEE;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	font-weight: 1;
  background:black;
  background-repeat: no-repeat ;
  background-attachment: fixed;
  background-position: 50% 0%; 
}


body#textes{background-image: url("images/fondtxt-02.jpg");}
body#texte{background-image: url("images/fondtxt-01.jpg");}
body#videos{background-image: url("images/fondvid-02.jpg");}
body#video{background-image: url("images/fondvid-01.jpg");}
body#sons{background-image: url("images/fondson-00.jpg");}
body#son{background-image: url("images/fondson-01.jpg");}
body#biographie{background-image: url("images/fantazio.jpg") ;}
body#histoire{background-image: url("images/fantazio_inv.jpg");}
body#contact{background-image: url("images/fondcontact-00.jpg");}
body#parcours{background-image: url("images/fondparcours-00.jpg");}
body#date{background-image: url("images/fonddate-02.jpg");}
body#ivandenys{background-image: url("images/fondivan-00.jpg");}

.fond-titre {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width:50%;
/*background-color:rgba(0,0,0,0.2);*/

}
.main {
  position:relative;
  margin:20px auto;
  padding:0px 0px 0px 0px;
  text-align: center;
  width:900px;
  /*background-color:rgba(153,153,0,0.05);*/
  overflow:hidden;
}
.menu {
  margin:0px auto;
  padding:0px 20px 0px 20px;
  text-align: center;
  /*background-color:rgba(153,0,0,0.05);*/
}
.menu-centre {
  position:relative;
  margin:20px auto;
  padding:20px 20px 20px 50px;
  text-align: center;
  width:30%;
  /*background-color:rgba(153,0,0,0.05);*/
}
.contenu {
  position:relative;
  margin:0px auto;
  padding:0px 0px 0px 0px;
  text-align: left;
  text-justify: inter-word;
  /*border-left:8px rgba(255,255,255,0.05) solid;*/
  /*float:left;*/
  }
.contenu-accueil {
  position:relative;
  margin:0px auto;
  padding:0px 0px 0px 0px;
  width:50%;
  }
H1 {
	font-size: 34px;
	color:#EEEEEE;
  margin: 20px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
  font-weight: normal;

  }
.titre{
  font-family: 'Share Tech Mono', monospace;
	font-size: 36px;
  margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
  font-weight: 300;
letter-spacing: 96px;

}
H2 {

	font-size: 22px;
	color:#EEEEEE;
  margin: 20px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
  font-weight: 300;
  }
H3 {

  font-size: 14px;
  color:#EEEEEE;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
	line-height:normal;
  /*font-weight: 100;*/
  }
  
H4 {

  font-size: 14px;
  color:#EEEEEE;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
	line-height:normal;
  /*font-weight: 100;*/
  }
    
H5 {

  font-size: 12px;
  color:#EEEEEE;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 30px;
	line-height:normal;
  /*font-weight: 100;*/
  }
p {
	font-family:  'Cutive Mono', Monospace;
	font-size: 18px;
	color:#EEEEEE; 
}
a:link,a:visited {
  color: #FFFFFF;
  text-decoration: none;
} 
a:hover, a:active{
  color: rgb(210,180,140);
  text-decoration: dashed;
	margin-left: 2px;
}
.liste{
  margin: 10px 0px 30px 10px;
  padding: 0px 0px 0px 0px;
}
.tool {

}
.tool a:link,.tool a:visited {
  color: rgb(153,153,153);
  text-decoration: none;
} 
.tool a:hover,.tool a:active{
  color:rgb(102,153,51);
  text-decoration: dashed;
	margin-left: 0px;
}
.fontmenu{

	font-size: 20px;
	color:#666666;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px; 

}
.negatif{
  color: rgb(112,112,112);
}

video#bgvid {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  /*background: url(images/fantazio.jpg) no-repeat;*/
  background-size: contain;
}
         
        @media (min-width: 768px) { /*PLUS GRAND QUE 768PX*/
          .sidebar-nav .navbar .navbar-collapse {
            padding: 0;
            max-height: none;
          }
          .sidebar-nav .navbar ul {
            float: none;
            display: block;
          }
          .sidebar-nav .navbar li {
            float: none;
            display: block;
          background-color:rgba(0,0,0,0.20);
          }
          .sidebar-nav .navbar li a {
            padding-top: 12px;
            padding-bottom: 12px;
          }
            .navbar-collapse {
            /*margin-top:300px;*/
            padding: 0;
            max-height: none;
          }
          .navbar-default{
            background-color: transparent;
            border:0px;
            border-color: #e7e7e7;
            padding-left:25px;
            padding-top:25px;
          }  
        }
        @media (max-width: 767px) {
        
          .baniere{
            display: none;
          }
          .navbar{}
          .navbar-default{
            background-color: transparent;
            border:0px;
            border-color: #e7e7e7;
          }
          .navbar-header H1{
          line-height:50px;
          margin :0px 0px;
          padding :0px 0px;
          }
          .navbar-header{
          margin :0px 0px;
          padding :0px 0px;
          }
          .navbar-brand{
          padding:0px 0px;
          margin:0px 0px;
          }
          .fontmenu{
          font-size:18px;
          text-align:right;  
          
          }
          body#textes{background-image: url("images/fondtxt-02-768.jpg");}
          body#texte{background-image: url("images/fondtxt-01-768.jpg");}
          body#videos{background-image: url("images/fondvid-02-768.jpg");}
          body#video{background-image: url("images/fondvid-01-768.jpg");}
          body#sons{background-image: url("images/fondson-00-768.jpg");}
          body#son{background-image: url("images/fondson-01-768.jpg");}
          body#bio{background-image: url("images/fantazio-768.jpg") ;}
          body#page{background-image: url("images/fantazio_inv-768.jpg");}
          body#contact{background-image: url("images/fondcontact-00-768.jpg");}
          body#parcours{background-image: url("images/fondparcours-00-768.jpg");}
          body#date{background-image: url("images/fonddate-02-768.jpg");}
          body#ivandenys{background-image: url("images/fondivan-00-768.jpg");} 
        }
          .baniere{
            margin :20px 0px;
          text-align:center;
        }
        .well{
          background-color:transparent;
          border:none;
        }
        LEGEND{border:none;color:white;}