body {
font-family: "Verdana, Arial, sans-serif"; 
font: 14px Verdana; 
margin: 0px;}

a.menu1:active, a.menu1:link { 
padding-left: 25px;
font: 12px Verdana;
color: #33A02C;
text-decoration: none;
}

a.menu1:visited { 
padding-left: 25px;
font: 12px Verdana;
text-decoration: none;
color: #33A02C; }

a.menu1:hover { 
padding-left: 25px;
font: 12px Verdana;
text-decoration: none;
color: #FF0000; }

a.footer1:active, a.footer1:link { 
font: 10px Verdana;
color: #33A02C;
text-decoration: none;}

a.footer1:visited { 
text-decoration: none;
color: #33A02C; }

a.footer1:hover { 
text-decoration: none;
color: #FF0000; }

a.mail:active, a.mail:link { 
font: 11px Verdana;
color: #33A02C;
text-decoration: none;}

a.mail:visited { 
text-decoration: none;
color: #33A02C; }

a.mail:hover { 
text-decoration: none;
color: #FF0000; }

a.viewpic {
  position:relative;
  text-decoration: none;
  color: #33A02C;
}
a:hover.viewpic {
  text-decoration: none;
  background: none;
  color: #FF0000;
}
a.viewpic span {display: none;}

a:hover.viewpic span {
  display: inline;
  position: absolute; 
  top: -20px;
  left: 10px;
  z-index: 20;
  width:100%;
  padding:2px 4px;
}

.rouge {
font: 11px Verdana;
font-weight: bold;
color: #FF0000; }

.rouge2 {
font: 13px Verdana;
font-weight: bold;
text-decoration: underline;
color: #FF0000; }

.rouge3 {
padding-left: 25px;
font: 12px Verdana;
color: #FF0000; }

.gris {
font: 13px Verdana;
color: #8C8C8C; }

.vert {
font: 14px Verdana;
font-weight: bold;
color: #33A02C; }

#principal {
position: relative;   
width: 850px;
height: 599px;
z-index: 0; }

#logo {
position: relative;   
width: 279px;
height: 114px;
float: left;
z-index: 1; }

#haut-milieu {
background-color: #FEF9AA;
background:url(images/haut-milieu.gif) no-repeat;
position: relative;   
width: 288px;
height: 114px;
float: left; }

#haut-droit {
background-color: #FFFFDB;
position: relative;   
width: 283px;
height: 114px;
float: left; }

#gauche {
position: relative;   
width: 279px;
height: 461px; 
float: left;
z-index: 1;}

#droit {
position: relative;   
width: 571px;
height: 461px;
float: left;
z-index: 1; }

#droit-dep {
position: relative;   
width: 571px;
height: 501px;
float: left;
z-index: 1; }

#menu-haut {
background:url(images/menu-haut.gif) no-repeat;
position: relative;   
width: 279px;
height: 64px; }

#contenu {
position: relative;   
width: 571px;
height: 413px; 
z-index: 2;}

#bloc-text1 {
font: 11px Verdana;
color: #8C8C8C;
text-align: justify;
position: relative; 
margin-top:10px;
margin-left:10px;  
width: 270px;
height: 440px;
float: left;
z-index: 2;}

#bloc-text2 {
font: 11px Verdana;
color: #8C8C8C;
text-align: justify;
position: relative;   
margin-top:10px;
margin-left:10px;
width: 270px;
height: 440px; 
float: left;
z-index: 2;}

#bloc-text3 {
font: 13px Verdana;
color: #8C8C8C;
text-align: justify;
position: relative;   
margin-top:30px;
margin-left:20px;
width: 530px;
height: 400px; 
float: left;
z-index: 2;}

#bloc-text4 {
font: 12px Verdana;
color: #8C8C8C;
text-align: justify;
position: relative;   
margin-top:10px;
margin-left:10px;
width: 550px;
height: 440px; 
float: left;
z-index: 2;}

#menu {
background:url(images/menu.gif) no-repeat;
position: relative;   
width: 279px;
height: 128px;
z-index: 2; }

#menu-bas {
background:url(images/menu-bas.gif) no-repeat;
position: relative;   
width: 279px;
height: 22px; }

#label {
background:url(images/label.gif) no-repeat;
font: 11px Verdana;
color: #8C8C8C;
position: relative;   
width: 279px;
height: 247px;
float: left; }

#label-dep {
background:url(images/label-dep.gif) no-repeat;
font: 11px Verdana;
color: #8C8C8C;
position: relative;   
width: 279px;
height: 287px; }

#infosup {
background:url(images/infosup.gif) no-repeat;
font: 11px Verdana;
color: #8C8C8C;
text-align: right;
position: relative;   
width: 571px;
height: 48px; 
z-index: 2;}

#footer {
padding-top: 3px;
font: 10px Verdana;
color: #33A02C;
position: relative;   
width: 850px;
height: 24px; 
}