body
{
        background-position: 100% 100%;
        background : url(images/fond.png);
        background-color : #3399FF;
        padding: 10px;
        margin: auto;
        font-variant: normal;
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica
}


/* Le menu */

#menu
{
        float: left;
        width: 150px;
}


#menu H5 {
        BORDER-RIGHT: #2c485c 1px dashed;
        BORDER-TOP: #2c485c 1px dashed;
        PADDING-LEFT: 10px;
        BACKGROUND: url(images/header.png) repeat-x;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        VERTICAL-ALIGN: bottom;
        BORDER-LEFT: #2c485c 1px dashed;
        COLOR: #2c485c;
        PADDING-TOP: 3px;
        PADDING-BOTTOM: 3px;
        BORDER-BOTTOM: #2c485c 1px dashed;
        HEIGHT: 22px
}

#menu UL {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        LIST-STYLE-POSITION: inside;
        PADDING-BOTTOM: 0px;
        MARGIN-LEFT: 0px;
        PADDING-TOP: 0px;
}

#menu UL UL {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        MARGIN-LEFT: 15px;
        PADDING-TOP: 0px
}

.element_menu {
        BORDER-RIGHT: #848686 1px solid;
        PADDING-RIGHT: 0px;
        BORDER-TOP: #f4f9fd 1px solid;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px 0px 10px;
        BORDER-LEFT: #848686 1px solid;
        PADDING-TOP: 0px;
        BORDER-BOTTOM: #848686 1px solid;
        BACKGROUND-COLOR: #f4f9fd
}

/* Le corps de la page */

#corps
{
        margin-left: 160px;
        padding-right : 5px;
}

.contenu {
        padding: 10px;
        border : 1px dashed #848686;
        background-color : #f4f9fd;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
        margin-top: 10px;
        padding: 3px;
        border: 1px dashed #2c485c;
        background-color : #f4f9fd;
        text-align : center;
}   

#speedbarre {
        BORDER: #2c485c 1px dashed; 
        MARGIN-RIGHT : 5px;
        MARGIN-LEFT: 0px;
        LIST-STYLE-TYPE: none;
        HEIGHT: 15px;
        BACKGROUND-COLOR: rgb(244,249,253)
}

#speedbarre LI {
        PADDING-RIGHT: 10px;
        PADDING-LEFT: 10px;
        FONT-SIZE: 1.5em;
        FONT-FAMILY: 'Trebuchet MS', Arial, 'Times new roman', Times, serif;
        HEIGHT: 15px;
        TEXT-ALIGN: center
}

.speeddroite {
        FLOAT: right;
        BORDER-LEFT: #2c485c 1px dashed
}
.speedgauche {
        BORDER-RIGHT: #2c485c 1px dashed;
        FLOAT: left
}

...
<p class="centrer"><img style="width: 420px; height: 142px;" alt="" src="templates/design/images/head.png" /></p>

<!-- Le menu horizontal -->
<UL id=speedbarre>
  <LI class=speedgauche>test</LI>
    <LI class=speeddroite>test</LI>
</UL>

<!-- Les menus -->

<div id="menu">

<h5>Le site</h5>
etc...