/* style principal */
a {
  text-decoration: none;
  font-family: Arial,Helvetica,sans-serif;
  color: #FFFFCC;
  font-size: 0.9em;
}
a:hover {
  font-family: Arial,Helvetica,sans-serif;
  color: #ffcc33;
  text-decoration: underline;
  font-size: 0.9em;
}
div#container {
  width: 1000px;
  height: 3200px;
  position: relative;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
}
body {
  margin: 0;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  color: white;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-repeat: repeat-y;
  background-attachment: fixed;
  background-position: center top;
  background-color: black;
}
/* fond d'ecran */
.musik {
  background-image: url("http://www.libertaland.com/images/fonds/WDM_7.jpg");
}
.accueil {
  background-image: url("http://www.libertaland.com/images/fonds/Hiver-GF16.jpg");
}
.video {
  background-image: url("http://www.libertaland.com/images/fonds/oceanhope.jpg");
}
/* transparence */
.identifiant {
  opacity: 0.9;
  filter : alpha(opacity=90);
}
.identifiant2 {
  opacity: 0.8;
  filter : alpha(opacity=80);
}
/* barre stats */
.barre {
text-align: center;
vertical-align: middle;
font-size: 9pt;
font-family: Verdana,Arial,Helvetica,sans-serif;
background-color: #002255;
}

/* styles */
#style1{
border: 1px solid white;
width: 120px;
background-color: #003366;
font-weight: bold;
}
#style2{
border: 1px solid white;
width: 120px;
background-color: #004488;
font-weight: bold;
}
#style3 a:hover{
opacity: 0.7;
filter: alpha(opacity=70);
 }

/* menu photo */
#menu {display: block; text-decoration: none; color: #333333;}
#menu:hover {background-color: #FFFFFF;}

/* menu droit */
#menu2{
border: 0px solid white;
width: 120px;
background-color: #003366;
}
#menu2 a{
font-weight: normal;
font-size: 0.9em;
font-family: Arial;
padding: 6px;
padding-left: 4px;
display: block;
width: 100%;
color: white;
text-decoration: none;
border-bottom: 1px solid white;
}
html>body #menu2 a{
width: auto;
}
#menu2 a:hover{
background-color: #3366FF;
color: white;
}

/* menu droit video */
#menu3{
border: 1px solid black;
width: 120px;
background-color: #FFFFFF;
}
#menu3 a{
font-weight: bold;
font-size: 8pt;
font-family: Arial;
padding: 6px;
padding-left: 4px;
display: block;
width: 100%;
color: red;
text-decoration: none;
border-bottom: 1px solid black;

}
html>body #menu3 a{
width: auto;
}
#menu3 a:hover{
background-color: #3366FF;
color: white;
}

/* menu solo */
#menu4{
border: 1px solid black;
width: 120px;
background-color: #FFFFCC;
}
#menu4 a{
font-weight: bold;
font-size: 8pt;
font-family: Arial;
padding: 2px;
padding-left: 2px;
display: block;
width: 100%;
color: red;
text-decoration: none;
}
html>body #menu4 a{
width: auto;
}
#menu4 a:hover{
background-color: #3366FF;
color: white;
}
/* menu solo 2*/
#menu5{
border: 1px solid white;
width: 120px;
background-color: #FFCC66;
}
#menu5 a{
font-weight: bold;
font-size: 8pt;
font-family: Arial;
padding: 2px;
padding-left: 2px;
display: block;
width: 100%;
color: #000000;
text-decoration: none;
}
html>body #menu5 a{
width: auto;
}
#menu5 a:hover{
background-color: #3366FF;
color: white;
}

/* barre de navigation */
.menu1{height:20px; position:absolute; top: 100px; left: 0px; font-weight: bold; z-index:10;}
.menu1 ul li a, .menu1 ul li a:visited {display:block; text-decoration:none; width:99px; height:20px; text-align:center; color:#ffffff; border-left: 1px solid #ffffff; background:#003366; line-height:20px; overflow:hidden;}
.menu1 ul {padding:0; margin:0; list-style: none;}
.menu1 ul li {float:left; position: relative;}
.menu1 ul li ul {display: none; position: relative;}
.menu1 ul li:hover a {color:#ffffff; background:#3366ff;}
.menu1 ul li:hover ul {display:block; position:absolute; top:20px; left:0px; width:100px; border-right: 1px solid #ffffff;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul li a {display:block; background:#003366; color:#FFFFFF;}
.menu1 ul li:hover ul li a:hover {background:#FFFFFF; background-image: url("http://www.libertaland.com/images/img/precedent.png"); background-repeat: no-repeat; background-position: right; color:#FF0000;}
.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; top:0;}
.menu1 ul li:hover ul li:hover ul.left {left:-100px;}