body {
margin: 0;
padding: 0;
background: black;
font: normal 100% Times, Helvetica, Sans-Serif;
color: white;
}

a:link { font-family: Times, Helvetica, Sans-Serif;; color:#FFFFFF; text-decoration:none;}
a:visited { font-family: Times, Helvetica, Sans-Serif;; color:#FFFFFF; text-decoration:none;}
a:hover { font-family: Times, Helvetica, Sans-Serif;; color:#C7CCFF; text-decoration:underline;}

a#Titre1:link { font-family: Times, Helvetica, Sans-Serif;; color:#E2001A; }
a#Titre1:visited { font-family: Times, Helvetica, Sans-Serif;; color:#E2001A; }
a#Titre1:hover { font-family: Times, Helvetica, Sans-Serif;; color:#C7CCFF; }

a#Titre2:link { font-family: Times, Helvetica, Sans-Serif;; color:#EE7F00; }
a#Titre2:visited { font-family: Times, Helvetica, Sans-Serif;; color:#EE7F00; }
a#Titre2:hover { font-family: Times, Helvetica, Sans-Serif;; color:#C7CCFF; }

a#Titre3:link { font-family: Times, Helvetica, Sans-Serif;; color:#FFEC00; }
a#Titre3:visited { font-family: Times, Helvetica, Sans-Serif;; color:#FFEC00; }
a#Titre3:hover { font-family: Times, Helvetica, Sans-Serif;; color:#C7CCFF; }

a#Titre4:link { font-family: Times, Helvetica, Sans-Serif;; color:#18BC00; }
a#Titre4:visited { font-family: Times, Helvetica, Sans-Serif;; color:#18BC00; }
a#Titre4:hover { font-family: Times, Helvetica, Sans-Serif;; color:#C7CCFF; }

a#Titre5:link { font-family: Times, Helvetica, Sans-Serif;; color:#F4B5CF; }
a#Titre5:visited { font-family: Times, Helvetica, Sans-Serif;; color:#F4B5CF; }
a#Titre5:hover { font-family: Times, Helvetica, Sans-Serif;; color:#C7CCFF; }

a#Titre6:link { font-family: Times, Helvetica, Sans-Serif;; color:#008BD0; }
a#Titre6:visited { font-family: Times, Helvetica, Sans-Serif;; color:#008BD0; }
a#Titre6:hover { font-family: Times, Helvetica, Sans-Serif;; color:#C7CCFF; }



a#Titre7:link { font-family: Times, Helvetica, Sans-Serif;; color:#E2006A; }
a#Titre7:visited { font-family: Times, Helvetica, Sans-Serif;; color:#E2006A; }
a#Titre7:hover { font-family: Times, Helvetica, Sans-Serif;; color:#C7CCFF; }


a#TexteSecret:link { font-family: Times, Helvetica, Sans-Serif;; color:#FFFFFF; text-decoration:none;}
a#TexteSecret:visited { font-family: Times, Helvetica, Sans-Serif;; color:#FFFFFF; text-decoration:none;}
a#TexteSecret:hover { font-family: Times, Helvetica, Sans-Serif;; color:#FFFFFF; text-decoration:none;}

.espace { font-size: 36px; line-height: 80px; height: 160px; }



A:link .Cadre { border-color: #666666; border-style: solid}

A:visited .Cadre { border-color: #666666; border-style: solid}

A:hover .Cadre { border-color: #FFFFFF; border-style: solid}



div.IconeMenu { float: center; width: 60px; height: 60px; background: url("MenuIcone.jpg")/*tpa=http://www.hn2b.net/HHole/MenuIcone.jpg*/ center -60px no-repeat; }
div.IconeMenu a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("MenuIcone.jpg")/*tpa=http://www.hn2b.net/HHole/MenuIcone.jpg*/ top center no-repeat; }
div.IconeMenu a:hover { background-image: none; }



a#MenuPHP:link { color:#BBBBBB; font-size:16; font-weight:bold; }
a#MenuPHP:visited { color:#BBBBBB; font-size:16; font-weight:bold; }

a#MenuPHP:hover { color:#990000; font-size:16; font-weight:bold; }

div.Brancusi { float: center; width: 75px; height: 76px; background: url("webcam/brancusi.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/brancusi.jpg*/ center -76px no-repeat; }
div.Brancusi a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("webcam/brancusi.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/brancusi.jpg*/ top center no-repeat; }
div.Brancusi 

a:hover { background-image: none; }

div.Fabian { float: center; width: 94px; height: 76px; background: url("webcam/fabian.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/fabian.jpg*/ center -76px no-repeat; }
div.Fabian a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("webcam/fabian.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/fabian.jpg*/ top center no-repeat; }
div.Fabian 

a:hover { background-image: none; }

div.MakingOf { float: center; width: 77px; height: 76px; background: url("webcam/makingof.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/makingof.jpg*/ center -76px no-repeat; }
div.MakingOf a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("webcam/makingof.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/makingof.jpg*/ top center no-repeat; }
div.MakingOf 

a:hover { background-image: none; }

div.HHoleWalk { float: center; width: 77px; height: 76px; background: url("webcam/HHoleWalk.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/HHoleWalk.jpg*/ center -76px no-repeat; }
div.HHoleWalk a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("webcam/HHoleWalk.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/HHoleWalk.jpg*/ top center no-repeat; }
div.HHoleWalk 

a:hover { background-image: none; }

div.RNFLife { float: center; width: 77px; height: 76px; background: url("webcam/RNFLife.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/RNFLife.jpg*/ center -76px no-repeat; }
div.RNFLife a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("webcam/RNFLife.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/RNFLife.jpg*/ top center no-repeat; }
div.RNFLife 


a:hover { background-image: none; }

div.SWR20140509 { float: center; width: 77px; height: 75px; background: url("webcam/SWR20140509.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/SWR20140509.jpg*/ center -76px no-repeat; }
div.SWR20140509 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("webcam/SWR20140509.jpg")/*tpa=http://www.hn2b.net/HHole/webcam/SWR20140509.jpg*/ top center no-repeat; }
div.SWR20140509 
a:hover { background-image: none; }

<!-- ARTIST -->
a:hover { background-image: none; }
div.Texte { text-align: justify; margin-left:20%; margin-right:20%; z-index: 0; font-size: large; margin-top: 30px}
div.Artist { float: center; width: 62px; height: 26px; background: url("Menu/Artist.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Artist.jpg*/ center -26px no-repeat; }
div.Artist a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Artist.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Artist.jpg*/ top center no-repeat; }
div.Artist a:hover { background-image: none; }


<!-- CONTACT -->
a:hover { background-image: none; }
div.Contact { float: center; width: 75px; height: 26px; background: url("Menu/Contact.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Contact.jpg*/ center -26px no-repeat; }
div.Contact a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Contact.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Contact.jpg*/ top center no-repeat; }
div.Contact a:hover { background-image: none; }


<!-- DIARY -->
a:hover { background-image: none; }
div.Diary { float: center; width: 66px; height: 26px; background: url("Menu/Diary.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Diary.jpg*/ center -26px no-repeat; }
div.Diary a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Diary.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Diary.jpg*/ top center no-repeat; }
div.Diary a:hover { background-image: none; }

<!-- EARTH -->
a:hover { background-image: none; }
div.Earth { float: center; width: 99px; height: 26px; background: url("Menu/Earth.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Earth.jpg*/ center -26px no-repeat; }
div.Earth a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Earth.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Earth.jpg*/ top center no-repeat; }
div.Earth a:hover { background-image: none; }


<!-- FORUM -->
a:hover { background-image: none; }
div.Forum { float: center; width: 66px; height: 26px; background: url("Menu/Forum.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Forum.jpg*/ center -26px no-repeat; }
div.Forum a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Forum.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Forum.jpg*/ top center no-repeat; }
div.Forum a:hover { background-image: none; }

<!-- HHDescription -->
a:hover { background-image: none; }
div.HHDescription { float: center; width: 79px; height: 26px; background: url("Menu/HHDescription.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/HHDescription.jpg*/ center -26px no-repeat; }
div.HHDescription a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/HHDescription.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/HHDescription.jpg*/ top center no-repeat; }
div.HHDescription a:hover { background-image: none; }

<!-- HMap -->
a:hover { background-image: none; }
div.HMap { float: center; width: 62px; height: 26px; background: url("Menu/HMap.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/HMap.jpg*/ center -26px no-repeat; }
div.HMap a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/HMap.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/HMap.jpg*/ top center no-repeat; }
div.HMap a:hover { background-image: none; }


<!-- GROUND -->
a:hover { background-image: none; }
div.Ground { float: center; width: 112px; height: 26px; background: url("Menu/Ground.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Ground.jpg*/ center -26px no-repeat; }
div.Ground a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Ground.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Ground.jpg*/ top center no-repeat; }
div.Ground a:hover { background-image: none; }

<!-- MAILBOX -->
a:hover { background-image: none; }
div.Mailbox { float: center; width: 100px; height: 26px; background: url("Menu/Mailbox.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Mailbox.jpg*/ center -26px no-repeat; }

div.Mailbox a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Mailbox.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Mailbox.jpg*/ top center no-repeat; }
div.Mailbox a:hover { background-image: none; }

<!-- HIGHLIGHTS -->
a:hover { background-image: none; }
div.Highlights { float: center; width: 91px; height: 26px; background: url("Menu/Highlights.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Highlights.jpg*/ center -26px no-repeat; }
div.Highlights a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Highlights.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Highlights.jpg*/ top center no-repeat; }
div.Highlights a:hover { background-image: none; }

<!------  ROONSTRASSE   --->
a:hover { background-image: none; }
div.Roonstrasse { float: center; width: 112px; height: 26px; background: url("Menu/Roonstrasse.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Roonstrasse.jpg*/ center -26px no-repeat; }
div.Roonstrasse a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Roonstrasse.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Roonstrasse.jpg*/ top center no-repeat; }
div.Roonstrasse a:hover { background-image: none; }

<!------  STAIRWAY   --->
a:hover { background-image: none; }
div.Stairway { float: center; width: 111px; height: 26px; background: url("Menu/Stairway.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Stairway.jpg*/ center -26px no-repeat; }
div.Stairway a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Stairway.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Stairway.jpg*/ top center no-repeat; }
div.Stairway a:hover { background-image: none; }

<!------  PRESS WALL   --->
a:hover { background-image: none; }
div.PressWall { float: center; width: 86px; height: 26px; background: url("Menu/PressWall.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/PressWall.jpg*/ center -26px no-repeat; }

div.PressWall a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/PressWall.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/PressWall.jpg*/ top center no-repeat; }
div.PressWall a:hover { background-image: none; }

<!------  INFINITE   --->
a:hover { background-image: none; }
div.Infinite { float: center; width: 110px; height: 26px; background: url("Menu/Infinite.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Infinite.jpg*/ center -26px no-repeat; }
div.Infinite a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Infinite.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Infinite.jpg*/ top center no-repeat; }
div.Infinite a:hover { background-image: none; }

<!------  LINKS   --->
a:hover { background-image: none; }
div.Links { float: center; width: 62px; height: 26px; background: url("Menu/Links.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Links.jpg*/ center -26px no-repeat; }
div.Links a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Links.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Links.jpg*/ top center no-repeat; }
div.Links a:hover { background-image: none; }

<!------  NORTH   --->
a:hover { background-image: none; }
div.North { float: center; width: 207px; height: 26px; background: url("Menu/North.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/North.jpg*/ center -26px no-repeat; }
div.North a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/North.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/North.jpg*/ top center no-repeat; }
div.North a:hover { background-image: none; }

<!------  PHOENIX   --->
a:hover { background-image: none; }
div.Phoenix { float: center; width: 115px; height: 26px; background: url("Menu/Phoenix.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Phoenix.jpg*/ center -26px no-repeat; }
div.Phoenix a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Phoenix.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Phoenix.jpg*/ top center no-repeat; }
div.Phoenix a:hover { background-image: none; }

<!------  PRESS   --->
a:hover { background-image: none; }
div.Press { float: center; width: 62px; height: 26px; background: url("Menu/Press.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Press.jpg*/ center -26px no-repeat; }
div.Press a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Press.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Press.jpg*/ top center no-repeat; }
div.Press a:hover { background-image: none; }

<!------  JUSTICE   --->
a:hover { background-image: none; }
div.Justice { float: center; width: 112px; height: 26px; background: url("Menu/Justice.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Justice.jpg*/ center -26px no-repeat; }
div.Justice a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Justice.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Justice.jpg*/ top center no-repeat; }
div.Justice a:hover { background-image: none; }

<!------  REFLECTION   --->
a:hover { background-image: none; }
div.Reflection { float: center; width: 128px; height: 26px; background: url("Menu/Reflection.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Reflection.jpg*/ center -26px no-repeat; }
div.Reflection a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Reflection.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Reflection.jpg*/ top center no-repeat; }
div.Reflection a:hover { background-image: none; }

<!------  SILENCE   --->
a:hover { background-image: none; }
div.Silence { float: center; width: 118px; height: 26px; background: url("Menu/Silence.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Silence.jpg*/ center -26px no-repeat; }
div.Silence a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Silence.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Silence.jpg*/ top center no-repeat; }
div.Silence a:hover { background-image: none; }

<!------  SOUTH   --->
a:hover { background-image: none; }
div.South { float: center; width: 216px; height: 26px; background: url("Menu/South.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/South.jpg*/ center -26px no-repeat; }
div.South a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/South.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/South.jpg*/ top center no-repeat; }
div.South a:hover { background-image: none; }

<!------  THANKS   --->
a:hover { background-image: none; }
div.Thanks { float: center; width: 75px; height: 26px; background: url("Menu/Thanks.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Thanks.jpg*/ center -26px no-repeat; }
div.Thanks a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Thanks.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Thanks.jpg*/ top center no-repeat; }
div.Thanks a:hover { background-image: none; }

<!------  HHOLE BOOK   --->
a:hover { background-image: none; }
div.Book { float: center; width: 43px; height: 26px; background: url("Menu/Book.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Book.jpg*/ center -26px no-repeat; }
div.Book a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Book.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Book.jpg*/ top center no-repeat; }
div.Book 
a:hover { background-image: none; }

<!------  PHaradise   --->
a:hover { background-image: none; }
div.PHaradise { float: center; width: 81px; height: 26px; background: url("Menu/PHaradise.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/PHaradise.jpg*/ center -26px no-repeat; }
div.PHaradise a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/PHaradise.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/PHaradise.jpg*/ top center no-repeat; }
div.PHaradise 
a:hover { background-image: none; }

<!------  TREASURE   --->
a:hover { background-image: none; }
div.Treasure { float: center; width: 116px; height: 26px; background: url("Menu/Treasure.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Treasure.jpg*/ center -26px no-repeat; }
div.Treasure a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Treasure.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Treasure.jpg*/ top center no-repeat; }
div.Treasure 
a:hover { background-image: none; }

<!------  VIDEO   --->
a:hover { background-image: none; }
div.Videos { float: center; width: 71px; height: 26px; background: url("Menu/Videos.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Videos.jpg*/ center -26px no-repeat; }
div.Videos a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url("Menu/Videos.jpg")/*tpa=http://www.hn2b.net/HHole/Menu/Videos.jpg*/ top center no-repeat; }
div.Videos 
a:hover { background-image: none; }
