html,body{margin:auto;padding:0px;width:100%; height:100%;
background:#ffffff;
background-image:url(http://revuewatts.srwebworks.com/numeros/images/croquis.png);
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
margin:0;


}


img {
  opacity: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;
  
  
}
p {
  font: 15px Raleway;
   color: #303030;
/*text-shadow: 0px 0px 5px #010101;*/
  padding-bottom:50px;
  line-height:24px;
  letter-spacing:0.5px;
    
   
}



p a {
  color: #303030;
  text-decoration:none;
  
  font-size:20px;
  
}


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;
  
}

 #oeuf{
  
  position:absolute;
  margin-top:450px;
  margin-left:200px;} 


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

}





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




.numero {
  font: 100px Quicksand;
  position:fixed;
 opacity:0.4;
  margin-left:20px;
  color:#0e1425;
  line-height:120px;
  
  
  
}

.numero a {
  text-decoration:none;
 color:#0e1425;
 opacity:0.7;
  
}

#menu {
  position:fixed;
  letter-spacing:0px;
  margin-top:130px;
  margin-left:20px;
  opacity:0.7;
  font: 30px Quicksand;
  text-transform:uppercase;
  /*color:#202020;
  color:#1f1414;*/
  color:#0e1425;
  line-height:34px;
}

#menu:hover {
  
}

  
  #vid a:hover {
  
  text-decoration:none;
}

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

#menu a {
  text-decoration:none;
  color:#202020;
}
#poem {
  width:600px;
background:yellow;
  margin:35%;
  margin-left:540px;
  margin-top:0px;
  margin-bottom:0px;
  text-align:justify;
opacity:0.9;
  
  padding:50px;
  padding-top:90px;
  
}

#copyright{width:100%;
height:190px;
/*background-color:#171717;*/
background-color: #171717;
color:#aaa;
position:fixed;
bottom:0px;
font:  15px Quicksand;
padding-left:5px;
background-image:url(http://revuewatts.srwebworks.com/numeros/images/wattsc.png);
opacity:0.9;
background-size:cover;
background-repeat:no-repeat;

/*border-top:#A5F1FF 2px solid;*/
z-index:2;
left:0px;
right:0px;


}

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



#souswatts {
  
  font: 20px Oswald;
  color: #202020;
  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;
  padding-bottom:5px;
  margin-left:15px;
}

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

#copyright:hover{
  background-color:#12d7f8;
  opacity:0.7;
  background-image:none;
  

   
  
  
  }



#social img {
  width:30%;
  
  }  

#social {
  z-index:3;
  margin-top:40px;
  margin-left:40px;
height:20px;
width:800px;
}
  .change .off, .change:hover .on {
    display:none;
    
  }
  
  .change:hover .off {
    display:block;
  }
  
  .change {
    height:100px;
    
  }