A { COLOR: black; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;} A:visited { COLOR: black; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;} A:hover { COLOR: red; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

body { position: absolute;
margin-top: 0%;
margin-left: 0%;
padding-top: 0%;
padding-left: 0%;
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
top: 0%;
left: 0%;
width: 100%;
height: 100%;
}
address { font-family: Times New Roman,Times,serif;
color: grey;
text-align: right;
margin-top: 0%;
margin-left: 0%;
font-style: normal;
max-width: 25%;
background-repeat: no-repeat;
background-position: left center;
font-size: 11px;
line-height: 11px;
width: 24%;
min-width: 24%;
}
#menu { position: absolute;
top: 50%;
height: 95px;
margin-top: -47px;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: left;
font-size: 12px;
width: 87px;
left: 27%;
color: red;
}
#bandver { position: absolute;
top: 0%;
left: 25%;
height: 100%;
}
#logness { position: absolute;
right: 75%;
width: 25%;
min-width: 25%;
max-width: 25%;
height: 15%;
top: 43%;
}
#bandhor { bottom: 0%;
position: absolute;
width: 75%;
height: 22%;
left: 25%;
}
#content { width: 75%;
height: 100%;
background-color: rgb(161, 211, 21);
}
#menu2 { position: absolute;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
line-height: 9px;
text-transform: uppercase;
font-weight: bold;
color: red;
top: 50%;
left: 38%;
}
#droite { position: absolute;
width: 75%;
background-color: rgb(161, 211, 21);
left: 25%;
min-width: 100%;
top: 0%;
height: 90%;
}
#cadr { position: absolute;
top: 20%;
width: 44%;
height: 57%;
left: 48%;
}
#text, #text2, #barre { position: absolute;
font-family: Arial,Helvetica,sans-serif;
width: 24%;
height: 40%;
top: 33%;
left: 64%;
}
#text { font-weight: inherit;
font-size: 12px;
line-height: 12px;
overflow: hidden;
}
#text2 { 
font-size: 13px;
line-height: 13px;
overflow: hidden;
}
#text3 { position: absolute;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 12px;
width: 24%;
height: 40%;
top: 31%;
overflow: hidden;
left: 62%;
}
#titre { font-family: Arial,Helvetica,sans-serif;
text-transform: uppercase;
font-weight: bold;
position: absolute;
top: 22%;
right: 14%;
font-size: 22px;
}
#port { position: absolute;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 11px;
width: 24%;
height: 48%;
top: 29%;
overflow: hidden;
left: 63%;
}
.red { color: red ;
}
.gris { color: grey ;
}
.blanc { color: white ;
}
.vert { color: green ;
}
li {
list-style-type: none;
background-image: url(/img/puce.gif);
background-repeat: no-repeat;
background-position: 0% 10%;
padding-left: 15px
}
.bouton { position: absolute;
width: 15%;
height: 5%;
top: 35%;
overflow: hidden;
left: 50%;
border-width: 10% ;
border-color: red ;
}
#barre { overflow: auto;
font-size: 12px;
line-height: 12px;
}
.imgpor, .imgpor2 { position: relative;
left: 15px;
}
.imgpor2 { 
border: 5px;
}
#logo { position: absolute;
text-align: center;
left: 56%;
top: 39%
}
.bord { width: 10%;
height: 8%;
border-style: ridge;
border-width: 2;
} 
ul#vertical {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul#vertical li {
  margin: 0 0 5px 0;
  padding: 0;
}
ul#vertical li a {
  display: block ; 
  width: 40px;
  line-height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  text-indent: 10px;
  background: url(/img/menu.jpg) no-repeat 0 0 ; 
  TEXT-DECORATION: none;
}
ul#vertical li a:hover {
  COLOR: white; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
  background: url(/img/menu.jpg) no-repeat 0 -25px;
}
ul#vertical li a:active {
  COLOR: black;
  TEXT-DECORATION: none;
  font-family: Arial, Helvetica, sans-serif;
  background: url(/img/menu.jpg) no-repeat 0 -50px;
}

ul#vertical2 {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul#vertical2 li {
  margin: 0 0 5px 0;
  padding: 0;
}
ul#vertical2 li a {
  display: block ; 
  width: 40px;
  line-height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  text-indent: 10px;
  background: url(/img/menu.jpg) no-repeat 0 -75px ; 
  TEXT-DECORATION: none;
}
ul#vertical2 li a:hover {
  COLOR: white; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
  background: url(/img/menu.jpg) no-repeat 0 -50px;
}
ul#vertical2 li a:active {
  COLOR: black;
  TEXT-DECORATION: none;
  font-family: Arial, Helvetica, sans-serif;
  background: url(/img/menu.jpg) no-repeat 0 -25px;
}