body {
    font-family: "Trebuchet MS", Arial, Helvetica;
    background-color: #0075a8;
    font-size: 11px;
}

#principal {
    width: 758px;
    margin: auto;
    border: 1px solid #000000;	
    background-color: #ffffff;
}    

#header {
    width: 758px;
    height: 201px;
    margin: auto;
    border-bottom: 1px solid #ffffff;
    background-image: url(images/header.jpg);
}

#menu {
    width: 758px;
    height: 30px;
    margin: auto;
    border-top: 1px solid #ffffff;
    background-color: #1b658c;
}

#menu a {
    background: url(images/bg_menu.gif);
    padding-left : 15px;
    padding-right : 15px;
    letter-spacing : 2px;
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
    border-right:1px solid #ffffff;
    line-height: 28px;
    display: block;
    float: left;
}

#menu a:hover{
    background: url(images/bg_menu_hover.gif);
}
 
#contenu {
    width: 490px;
    padding-top: 10px;
    margin: 8px 35px 10px 8px;
    float: left;
    background-image: url(images/logo.gif) 0 11px no-repeat;
}

#contenu_droit {
    width: 200px;
    border: 1px dotted #000000;
    padding: 7px;
    margin-top: 10px;
    margin-right: 8px;
    background-image: url(images/bg_contact.gif); 
    background-repeat: repeat-y;
    float: right;
}
.retour {
    clear: both;
}
#footer {
    width: 758px;
    margin: auto;
    background-color: #2f4256;
    color: #ffffff;
    text-align: center;
}
#footer a {
 font-size: 12px;
  color: #FFF;
  text-decoration: none;
}
#footer a:hover {
 text-decoration:underline;
}

h1.grostitre {
    font-size:12px;
    color:#707070;
    letter-spacing:3px;
    text-align: center;
}
#contenu h1 {
    color: #0099FF;
    letter-spacing:2px;
    padding-left: 10px;
    background: url(images/puce.gif) 0 9px no-repeat;
    border-bottom: 1px solid #0099FF;
}
#contenu_droit h1 {
    color: #0099FF;
    margin-top: 3px;
    padding-left: 4px;
    letter-spacing:2px;
    text-align: right;
    background: url(images/puce.gif) 95px 9px no-repeat;
}
ul {
    font-weight: bold;
}