/* style principal */
a {
  text-decoration: none;
  font-family: Arial,Helvetica,sans-serif;
  color: #FFFFCC;
  font-size: 1em;
}
a:hover {
  font-family: Arial,Helvetica,sans-serif;
  color: #ffcc33;
  text-decoration: underline;
  font-size: 1em;
}
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: #112238;
}
/* fond d'ecran */
.photos {
  background-image: url("http://www.libertaland.com/images/fonds/whatipu.jpg");
}
.musik {
  background-image: url("http://www.libertaland.com/images/fonds/whatipu.jpg");
}
.informatik {
  background-image: url("http://www.libertaland.com/images/fonds/whatipu.jpg");
}
.logiciel {
  background-image: url("http://www.libertaland.com/images/fonds/whatipu.jpg");
}
.accueil {
  background-image: url("images/fonds/whatipu.jpg");
}
.video {
  background-image: url("http://www.libertaland.com/images/fonds/whatipu.jpg");
}
.infos {
  background-image: url("http://www.libertaland.com/images/fonds/hancockcenteratnight.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 */
#style{
border: 1px solid white;
color: #000000;
width: 120px;
padding-top: 2px;
padding-bottom: 2px;
background: transparent url(images/img/bgON3.gif) repeat-x top left;
font-weight: bold;
font-size: 9pt;
font-family: Arial;
}

#style1{
border: 1px solid white;
color: #000000;
width: 120px;
padding-top: 2px;
padding-bottom: 2px;
background: transparent url(images/img/bgON4.gif) repeat-x top left;
font-weight: bold;
font-size: 9pt;
font-family: Arial;
}

#style2{
border: 1px solid white;
width: 120px;
background: transparent url(images/img/bg.gif) repeat-x top left;
font-weight: bold;
font-size: 9pt;
font-family: Arial;
}

#style3 img{filter: alpha(opacity=100);
opacity:1.0;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
 /*–IE 8 Transparency–*/
}
#style3 a:hover img{filter: alpha(opacity=50);
opacity:.50;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
/*–IE 8 Transparency–*/
}

#style4{position:absolute; left: 867px; top: 4px; width: 133px; text-align: center; color: rgb(255, 255, 255);
font-weight: bold; font-size: 8pt;}

#styleInfos{
background-color: #CC0000;
height: 20px;
}

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

/* menu droit */
#menu2{
border: 0px solid black;
width: 120px;

}
#menu2 a{
font-weight: bold;
font-size: 8pt;
font-family: Arial;
padding: 6px;
padding-left: 2px;
display: block;
width: 100%;
color: white;
text-decoration: none;
background:transparent url(images/img/bgON2.gif) repeat-x top left;
}
html>body #menu2 a{
width: auto;
}
#menu2 a:hover{
background: transparent url(images/img/bgOFF2.gif) repeat-x top left;
color: #003366;
}

/* 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: 2px;
padding-left: 2px;
display: block;
width: 100%;
color: red;
text-decoration: none;
}
html>body #menu3 a{
width: auto;
}
#menu3 a:hover{
background-color: #3366FF;
color: white;
}

/*menu 4*/
#menu4{
border: 1px solid black;
color: #003366;
font-size: 9pt;
font-family: Arial;
font-weight: bold;
width: 120px;
background:  transparent url(images/img/bgON4.gif) repeat-x top left;
}
#menu4 a{
display: block;
width: 100%;
color: #000000;
text-decoration: none;
}
html>body #menu4 a{
width: auto;
}
#menu4 a:hover{
background: transparent url(images/img/bgOFF.gif) repeat-x top left;
color: red;
}

/* menu 5*/
#menu5{
border: 1px solid black;
color: #003366;
font-weight: bold;
font-size: 8pt;
width: 120px;
background:transparent url(images/img/bgON3.gif) repeat-x top left;
}
#menu5 a{
font-weight: bold;
font-size: 9pt;
font-family: Arial;
display: block;
width: 100%;
color: black;
text-decoration: none;
}
html>body #menu5 a{
width: auto;
}
#menu5 a:hover{
background: transparent url(images/img/bgOFF.gif) repeat-x top left;
color: red;
}

/* barre de navigation */
.menu1{font-family: verdana; height:20px; position:absolute; top: 100px; left: 0px;  font-size:12px; 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:transparent url(images/img/bgON.gif) repeat-x top left; line-height:20px; font-size:12px; 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:#003366; background:transparent url(images/img/bgOFF.gif) repeat-x top left;}
.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:transparent url(images/img/bgON.gif) repeat-x top left; color:#FFFFFF;}
.menu1 ul li:hover ul li a:hover {background:transparent url(images/img/bgOFF.gif) repeat-x top left;  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;}