body
{
        margin: 10px 0 ;
        padding: 0 ;
        text-align: center ;
        font: 0.7em Verdana, sans-serif ;
        background: #313131 ;
        color: #ffffff;
}

img
{
	border: 0px;
}

div#conteneur
{
        width: 990px ;
        margin: 0 auto ;
        text-align: left ;
        background: #545454 ;
}

h1#header
{
        height: 116px ;
        background: url(../images/banniere.jpg) no-repeat left top;
        margin: 0 ;
}

h1#header a span
{
        display: none ;
}/* Le span entourant le texte est fait pour pouvoir ne supprimer que le texte, ce que nous voulons, il suffit donc de donner �la propri��display la valeur none pour ne pas afficher le texte */

ul#menu
{
        height: 35px ;
        margin: 0 ;
        padding: 0 ;
        padding-left : 65px ;
        background: url(../images/fond_menu.png) repeat-x 0 -26px ;
        list-style-type: none ;
}

ul#menu li
{
        float: left ;
        text-align: center ;
}

ul#menu li a
{
        padding: 0 20px ;
        line-height: 25px ;
        font-size: 1em ;
        font-weight: bold ;
        letter-spacing: 2px ;
        color: #fff ;
        display: block ;
        text-decoration: none ;
}

ul#menu li a:hover
{
        background: url(../images/fond_menu.png) repeat-x 0 0 ;
}


div#menu_gauche
{
        float: left;
        padding: 11px 10px 0px 10px ;
        text-align: left ;
        width: 150px ;

}

div#menu_gauche h2
{
        margin-top:0px ;
        padding-left: 20px ;
        line-height: 22px ;
        font-size: 1em ;
        color: #ffffff ;
        background: url(../images/titre_menu_gauche.png) no-repeat left top;
}


#menu_gauche ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
        background-color: #626262 ;
}

#menu_gauche li a
{
        font-weight: normal ;
        text-decoration: none ;
        color: #ffffff ;
        font: 1.1em Tahoma, sans-serif ;
}

#menu_gauche li a:hover
{
        font-weight: normal ;
        text-decoration:underline ;
        color: #bfbfbf;
        font: 1.1em Tahoma, sans-serif ;
}


div#contenu
{
        padding: 0 20px 0 180px ;
}

div#contenu h2
{
        padding-left: 25px ;
        line-height: 21px ;
        font-size: 1.2em ;
        color: #ffffff ;
        background: url(../images/fond_titre.gif) repeat-x left top;
}

div#contenu p
{
        text-align: justify ;
        text-indent: 2em ;
        line-height: 1.2em ;
}

div#conteneur blockquote {
        padding: 5px 5px 5px 5px;
        margin-left: 30px;
        margin-right: 30px;
        font-size: 1em;
        background-color: #626262;
        border: 1px solid #FFFFFF;
        font-style: italic;
}

div#conteneur code {
        padding: 5px 5px 5px 5px;
        margin-left: 30px;
        margin-right: 30px;
        font-size: 1.1em;
        background-color: #626262;
        font-style: italic;
        font-family: Courrier New;
}

div#dn
{
        padding: 0 20px 0 10px ;
}

div#nr
{
        padding: 0 20px 0 400px ;
}

div#nr ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
}

div#dn ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
}

div#et
{
        vertical-align: top;
}

div#et ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
                vertical-align: top;
}

div#ed
{
        padding: 0 0 0 0 ;
        width: 380px;
        float: left;
        vertical-align: top;
}

div#ln
{
        padding: 0 0 0 400px ;
        vertical-align: top;
}

div#ln h2
{
        margin: 10px 0 10px 0;
        margin-top: 10px;
}

div#ed > h2
{
        margin: 0px 0 10px 0;
        margin-top: 0px;
}

div#ln ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
}

div#do
{
        padding: 0 0 0 0 ;
        width: 380px;
        float: left;
        vertical-align: top;
}

div#fo
{
        padding: 0 0 0 400px ;
        vertical-align: top;
}

div#fo h2
{
        margin: 10px 0 10px 0;
        margin-top: 10px;
}

div#do > h2
{
        margin: 0px 0 10px 0;
        margin-top: 0px;
}

div#fo ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
}

div#do ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
}

div#fi
{
        padding: 0 0 0 0 ;
        width: 380px;
        float: left;
        vertical-align: top;
}

div#fic
{
        padding: 0 0 0 400px ;
        vertical-align: top;
}

div#fic h2
{
        margin: 10px 0 10px 0;
        margin-top: 10px;
}

div#fi > h2
{
        margin: 0px 0 10px 0;
        margin-top: 0px;
}

div#fic ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
}

div#fi ul
{
        margin: -11px 0px 10px 0px;
        padding: 6px 0px 6px 10px ;
        margin-left: 0px;
        list-style-type: none ;
}

a
{
        color: #c9c9c9 ;
        font: 1em Verdana, sans-serif ;
        text-decoration: none ;
}


a:hover
{
        color: #bfbfbf;
        font: 1em Verdana, sans-serif ;
        text-decoration: underline ;
}

p#footer
{
        margin: 0 ;
        padding: 0; ;
        text-align: center ;
        font-size: 0.9em ;
        line-height: 28px ;
        background: url(../images/fond_bas.png) repeat-x left top;
}

.spacer {
  clear: both;
}