html,body{margin:auto;padding:0px;width:100%; height:100%; /*background:#02161c*/background: #26c9b8; 

}


img {
  opacity:0.1;
  margin-left:-50px;
  width:700px;
  margin-top:-7px;
  margin-bottom:0px;
}

img:hover {
  opacity:1;
  -webkit-transition: all .9s ease-in;
    -moz-transition: all .9s ease-in;
    -o-transition: all .9s ease-in;
    transition: all .9s ease-in;
  
  
}

#pp {
  margin-top:800px;
  transform : rotate(-20deg);
  margin-left:-400px;
  margin-bottom:900px;
}

#oeuf {
  
  margin-top:500px;
  z-index:100;
  width:400px;
  height:400px;
}

 p {
  font: 15px Raleway;
   color: #303030;
/*text-shadow: 0px 0px 5px #010101;*/
  padding-bottom:50px;
  line-height:24px;
  letter-spacing:0.5px;
    
   
}

p:hover {font: 15px Raleway;
   color: #D0F8FF;
   line-height:24px;
   padding-bottom:50px;
   letter-spacing:0.5px;
   text-shadow: 
      0 0 5px  #b1effa, 
      0 0 10px #A5F1FF,
      0 0 20px #A5F1FF,
      0 0 30px #A5F1FF,
      0 0 40px #A5F1FF;
      
      /*0 0 5px  #ffffff, 
      0 0 10px #fbcbf5,
      0 0 20px #fbcbf5,
      0 0 30px #fbcbf5,
      0 0 40px #fbcbf5;*/
  
  
}

p a {
  color: #303030;
  text-decoration:none;
  
}

p a:hover {
  color: #D0F8FF;
   line-height:24px;
   padding-bottom:50px;
   text-shadow: 
      0 0 5px  #b1effa, 
      0 0 10px #A5F1FF,
      0 0 20px #A5F1FF,
      0 0 30px #A5F1FF,
      0 0 40px #A5F1FF;
  
}

span {
  font: 15px Raleway;
   color: #303030;
text-shadow: 0px 0px 5px #010101;
  padding-bottom:50px;
  line-height:24px;
}

span a {
  color: #303030;
  text-decoration:none;
  padding-bottom:50px;
}

  
SUP {
  
 line-height: 15px; 
}



h1 {
  font: 30px Quicksand;
  color: #303030;
  text-transform: uppercase;
  opacity:1;
  padding-bottom:0px; 

}

h1:hover {
   font: 30px Quicksand;
 
  text-transform: uppercase;
  opacity:1;
  padding-bottom:0px; 
  color: #D0F8FF;
   
   text-shadow: 
      0 0 5px  #b1effa, 
      0 0 10px #A5F1FF,
      0 0 20px #A5F1FF,
      0 0 30px #A5F1FF,
      0 0 40px #A5F1FF;
}

h2:hover {
  font: 20px Quicksand;
  
  text-transform: uppercase;
  opacity:1;
  line-height:0px;
  padding-bottom:30px;
  color: #D0F8FF;
   
   text-shadow: 
      0 0 5px  #b1effa, 
      0 0 10px #A5F1FF,
      0 0 20px #A5F1FF,
      0 0 30px #A5F1FF,
      0 0 40px #A5F1FF;
}

h2 {
  font: 20px Quicksand;
  color: #303030;
  text-transform: uppercase;
  opacity:1;
  line-height:0px;
  padding-bottom:30px;
}

.aktif {
  font: 15px Quicksand;
   color: #FFFFFF!important;
   line-height:20px;
   text-shadow: 
      0 0 5px  #b1effa, 
      0 0 10px #A5F1FF,
      0 0 20px #A5F1FF,
      0 0 30px #A5F1FF,
      0 0 40px #A5F1FF;
      
}

.aktif2 {
  background:#ffffff;
}


.numero {
  font: 100px Quicksand;
  position:fixed;
 opacity:1;
  margin-left:20px;

   line-height:120px;
  
  
}

.numero a {
  text-decoration:none;
 color:white;
 opacity:1;

 
  
}

.numero a:hover {
 opacity:1;
}

#menu {
  position:fixed;
  letter-spacing:0px;
  margin-top:130px;
  margin-left:20px;
  opacity:1;
  font: 30px Quicksand;
  text-transform:uppercase;
  /*color:#202020;
  color:#1f1414;*/
color:white;
  line-height:34px;
  /*background-image:url(file:///Users/a/Desktop/watts6/images/i6.jpg);*/
  
}


.numero:hover a{
  
}

#menu a {
  text-decoration:none;
  color:white;
opacity:1;
  
}

#menu a:hover {
  
}
#poem {
  width:600px;
  
  margin:35%;
  margin-left:540px;
  margin-top:0px;
  margin-bottom:0px;
  text-align:justify;
  background:#171717;
  opacitiy:0.4;
  padding:50px;
  padding-top:90px;
  
}

#copyright{width:100%;
height:190px;



background-color: black;
position:fixed;
bottom:0px;
font:  15px Quicksand;
padding-left:5px;

/*border-top:black 2px solid;*/
z-index:99999;
left:0px;
right:0px;

opacity:0.3;


}

#watts {
  font: 100px Quicksand;
  padding:0px;
  padding-left:5px;
  text-transform: uppercase;
  line-height:120px;
  color: white;

  
  
  
}

#watts:hover{
  
 
   
}

#souswatts {
  
  font: 20px Oswald;
  color: black;
  text-transform: uppercase;
  
}



#tous{
 font: 13px Quicksand;
color: white;
 margin-left:15px;
 margin-bottom:80px;
 line-height:16px;
}

#tous a {
  text-decoration: none;
  color: white;
  
}

#tous2 {
  font: 20px Quicksand;
color:white;
line-height:18px;
  margin-left:15px;
  padding-bottom:5px;
  text-transform: uppercase;
}

#tous2 a {
  text-decoration:none;
  color: white;
}

#copyright:hover{
  background-color: black;
  opacity:0.8;
  
  
  
  }
  
    .change .off, .change:hover .on {
    display:none;
    
    
  }
  
  .change:hover .off {
    display:block;
   
  }
  
  .change {
    height:80px;
    
  }