*
    {
     padding: 0;
     margin: 0;
    } 
    
html
{
     background-color: #000000;
}

body
    { 
     font: .8em "Trebuchet MS", Verdana, Arial, Sans-Serif;
     background-color: #FFFFFF;
     margin: 20px auto;
     width: 80%;
     max-width: 1000px;
     min-width: 500px;
     padding: 10px;
     background-color: #FFFFFF;
    }
ul
    {
     list-style: none;
    }
p
    {
     padding: 5px;
    }
img
    {
     border: none;
    }
a:link, a:focus
{
    color: #3B85CA;
}
a:visited
{
    color: #075297;    
}
a:hover
{
    color: #000000;
}

#header 
    {
     min-height: 90px;
     background: url("/images/header-back.png") #000;
    }
    #header h1
        {
         padding: 12px 0 0 10px;
         font-size: 200%;
         color: #FFFFFF;
        }
    #header h2
        {
         padding: 0 0 12px 10px;
         font-size: 150%;
         color: #FFE51E;
        }
 
a.externe:after
    {
     content: " »";
    }
ul#menu
    {
     text-align: center;
     margin-top: 10px;
     padding: 5px;
     font-size: 125%;
     font-weight: 600;
     border: 1px solid #CCCCCC; 
     background: #EEEEEE;
    }
    ul#menu li
       {
        display: inline;
       }
    #menu li a
        {
         color: #3B85CA;
         text-decoration: none;
         padding: 7px;
        }
    #menu li a:hover
       {
        color: #000000;
       }
      

#content
    { 
     text-align: left;
     margin-top: 5px;
     padding: 10px;
     font-size: 110%;
    }
#content h2
    {
     font-size: 1.5em;
     color: #444444;
    }
#content h3
{
    font-size: 1.15em;
    color: #444444;
    margin-top: 15px;
}
#content h4
    {
     font-size: 95%;
    }
    
#footer
    { 
     margin-top: 25px; 
     clear: both;
     text-align: center; 
     color: #777; 
     font-size: 90%;
    }
    #footer ul li
    {
        display: inline;
    }
        #footer ul li a
        {
            display: inline-block;
            width: 80px;
            height: 15px;
        }
        #footer ul li a#valid-html { background: url("/images/valid-html-4.01.gif") no-repeat; }
        #footer ul li a#valid-css { background: url("/images/valid-css-2.0.png") no-repeat; }
        #footer ul li a#www-is-deprecated { background: url("/images/no-www.gif") no-repeat; }
        #footer ul li span
        {
            display: none;
        }
    #footer p
    {
        padding: 0;
    }
    
/*** My stuff *****************************************************************/
    hr
    {
        margin: 10px 0 10px;
    }
    
    .date
    {
        font-size: 75%;
        font-style: italic;
        color: #777777;
    }
    
    ul.liste
        {
         margin: 10px;
         list-style: none;
        }
        ul.liste li
            {
             clear: both;
             border-bottom: dotted 1px #CCCCCC;
             padding: 3px;
             margin-top: 10px;
            }
            ul.liste li span.nouvelle_date
                {
                 font-weight: normal;
                 font-style: italic;
                 font-size: 80%;
                }
    
    #writing
    {
        line-height: 1.4em;
        text-align: justify;
    }
        #writing h2, #writing h3
        {
            text-align: center;
            width: 100%;
            font-size: 175%;
            color: #666666;
            margin: 10px 0;
        }
        #writing h3
        {
            font-size: 125%;
            color: #888888;
        }
        #writing .sidebar
        {
            margin: 15px;
            padding: 5px;
            border: 3px solid #CCCCCC;
            max-width: 200px;
        }
        #writing blockquote
        {
            font-style: italic;
            font-weight: bold;
            margin: 15px 20px 10px 20px;
            padding-left: 20px;
            background: transparent url("/images/quote.gif") no-repeat scroll 0 0;
        }
                
    #cv h3
        {
         border-bottom: 1px solid black;
         margin-top: 15px;
         font-size: 1.2em;
        }
    #cv h4
        {
         margin-top: 10px;
         font-size: 1em;
        }
    #cv h5
    {
        font-size: .9em;
    }
    div#cv ul
        {
         margin: 5px 0 0 25px;
        }
        div#cv ul.liste-liens > li 
            {
             border-bottom: 1px dotted gray;
            }
            div#cv ul.liste-liens li ul
            {
                padding-bottom: 5px;
            }
            div#cv ul.liste-liens li ul li
            {
                list-style: disc;
            }
    div#cv ul.passe-temps
    {
        overflow: auto;
    }
    div#cv ul.passe-temps li
    {
        float: left;
        width: 33%;
    }
    div.navigateur
        {
         margin-left: 15px;
         font-size: 80%;
        }
    input
        {
         width: 400px;
        }
    textarea
        {
         width: 400px;
         height: 150px;
        }
    .left
    {
        float: left;
    }
    .right
    {
        float: right;
    }
    .comment
    {
        display: none;
    }
    form.belle label
    {
        width: 200px;
        display: inline-block;
        float: left;
    }
    form.belle ul > li
    {
        margin: 5px;
    }
    form.belle legend
    {
        font-size: 1.15em;
        color: #444444;
        padding: 0 5px 0 2px;
    }