body {
margin: 0;
padding: 0;
font-family: Arial; 
color: #4E5450; 
background-color: #3677B1;

}

.principal
{

position:absolute;
     left: 50%; 
     top: 50%;
     width: 770px;
     height: 481px;
     margin-top: -240px; /* moitié de la hauteur */
     margin-left: -385px; /* moitié de la largeur */
     border: 0px none;

}


a {color: #3677B1}
a:hover {color: #3677B1}
a:active {color: #3677B1}

ul{
color: #3677B1;
}




.base
{
background-image: url('http://www.anept.ch/images/fond_centre.gif');
width: 770px;
height: 405px;
}

.texte
{
width: 470px; /* largeur obligatoire pour être centré */
height: 330px;
margin-left: 20px;
margin-top: 44px;
text-align: justify;
padding: 18px;
}


.programme
{
font-size: 11px;
vertical-align: top;
text-align: center;

}

.down
{
margin-left: 0px;
margin-top: 5px;
font-size: 11px;
color: #FFFFFF;
text-align: center;

}

.home
{
margin-left: 20px;
margin-top: 44px;
padding: 18px;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;

}
#menu {
position: absolute;
margin-left: 150px;
margin-top: 14px;
z-index:100;
width: 460px;

font-size: 12px;
font-family: Arial;

}
#menu dl {
float: left;
width: 5em;
margin: 0 1px;


}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #D8DEEA;
border: 1px;
color: #FFFFFF;


}
#menu dd {
background: #D8DEEA;
color: #4E5450; 


}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}


#menu li {
text-align: center;


}
#menu li a, #menu dt a {
color: #4E5450;
text-decoration: none;
display: block;
border: 0px none;
background: #D8DEEA;
}
#menu li a:hover, #menu dt a:hover {
background: #D8DEEA;
color: #3677B1;
}