source: style.css

/*
    CSS Document by Alexandre Joseph
    http://alexandrejoseph.com/
*/


* { margin: 0; padding: 0; }


body
{
        font: 12px/2em "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
        background: #83a4c4;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 
fieldset, address { margin:0.75em 0;}

h1 {font-size:170%;}

h2{font-size:140%; }

h3 {font-size:120%;}

h4 {font-size:100%;}

li, dd 
{ 
        margin-left:2em;
}

#gauche
{
        background: url(./images/bord_gauche.jpg) white repeat-y left;
        padding-left: 3em;
}

#droite
{
        background: url(./images/bord_droit.jpg) white repeat-y right;
        padding-right: 3em;
}

#header
{
        background: url(./images/header.jpg) repeat-x right top;
        height: 88px;
        margin: 2em 3em 0 3em;
}

#header h1 a
{
        background: url(./images/logo.jpg) no-repeat top left;
        display: block;
        height:  27px;
        width: 216px;
        position: absolute;
        top: 1.55em;
        left: 1.3em;
}

#header p
{
        background: url(./images/coin_haut_droit.jpg) no-repeat top right;
        height: 80px;
        width: 74px;
        position: absolute;
        top: 1.9em;
        right: 0em;
}

#header #coin
{
        background: url(./images/coin_haut_gauche.jpg) no-repeat top left;
        height: 58px;
        width: 38px;
        position: absolute;
        top: 4.5em;
        left: 0em;
}

#header h1 a span, #header p span, #menu h2
{
        position: absolute;
        margin: 0px;
        padding:0px;
        text-indent: -5000px;
        line-height: 0px;
        font-size: 0px;
}

#menu
{
        background: url(./images/fond_menu.jpg) repeat-x bottom #e8e8e6;
        text-align: right;
        margin: 0 0.15em 0 0.15em;
}       

#menu ul
{
        margin: 0;
        padding: 0;
        background: url(./images/coin_menu.jpg) no-repeat bottom left;
        border-right: 1px solid #e0e0e0;
}

#menu li
{
        display: inline;
        margin: 0.2em 0.5em 0.2em 0.5em;
        padding: 0;
        font-size: 1.1em;
}

#menu li a
{
        color: #333;
        text-decoration: none;
}       

#menu li a:hover
{
        color: black;
        border-bottom: 1px dotted #333;
}       

#contenu
{
        padding: 2em;
        min-height:55em;
        height: 55em;
}

#contenu a
{
    color: #83a4c4;
}

#contenu h3.erreur
{
        border: 1px solid #992a2a;
        background: #e3c0c0;
        color: #992a2a;
        font-size: 1em;
        padding: 0.3em;
        border-bottom: none;
        margin: 2em;
        margin-bottom: 0;
}

#contenu p.erreur
{
        border: 1px solid #992a2a;
        background: #f2dddd;
        color: #992a2a;
        font-size: 1em;
        padding: 1em;
        margin: 0 2em 1em 2em;
}

#contenu hr
{
        height: 0;
        padding: 0;
        color: #fff;
        background-color: #fff;
        border: 0;
}

html>body #contenu
{
        height:auto;
}

#footer
{
        color: white;
        text-align: right;
        padding: 0.1em 0.5em 0.1em 0.5em;
        border-top: 2px solid #e0e0e0;
        background:  url(./images/header.jpg) bottom repeat-x;
        margin: 0 0.2em 0 0.2em;
        border-bottom: 0.7em solid white;
        font-weight: bold;
}

#footer a
{
        color: white;
        text-decoration: none;
}

#footer .left
{
        float: left;
}

#article
{
        border: 1px solid green;
        padding: 0px 3px 3px 10px;



}