/* 
    Document   : styles
    Created on : 25-apr.-2010, 14:22:12
    Author     : Ludovic Evrard (MyPixhell.com)
    Description:
        Purpose of the stylesheet follows.
*/

*{
    margin: 0;
    padding: 0;
}

body{
    background: #05386b url('../images/design/background.jpg') repeat-x;
    font-family: "Arial", "Verdana", "Helvetica", sans-serif;
    color: #65564c;
    font-size: 13px;
    text-align: center; /* IE6 HACK center div */
}

div#wrap{
    background: url('../images/design/wrap_background.jpg');
    width: 918px;
    height: 816px;
    margin: 0 auto 0 auto;
    position: relative;
    text-align: left; /* IE6 Hack center div */
}

div#header h1{
    display: none;
}

div#menu{
    position: absolute;
    width: 107px;
    top: 483px;
    left: 35px;
}

div#menu ul, div#menu ul li{
    margin: 0;
    padding: 0;
}

div#menu ul{
    margin: 5px 0 5px 0;
}

div#menu ul li{
    display: block;
    list-style: none;
}

div#menu ul li a{
    display: block;
    width: 100%;
    text-decoration: none;
    color: #021c36;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
}

div#menu ul li a:hover{
    border-left: 3px #021c36 solid;
}

div#page{
    width: 718px;
    height: 428px;
    position: absolute;
    top: 353px;
    left: 152px;
    margin: 10px;
    color: #01172e;
    overflow: auto;
}

div#footer{
    background: url('../images/design/footer_background');
    height: 56px;
    width: 100%;
    text-align: center;
    padding-top: 30px;
    color: #fff;
}

/* general style */

form label{
    display: inline-block;
    width: 120px;
    float: left;
}

form input, form textarea{
    border: 1px #05386b solid;
    margin-bottom: 5px;
    color: #05386b;
}

form input:focus, form input:hover, form textarea:focus, form textarea:hover{
    border: 1px #dea418 solid;
}

div#formError{
    border: 1px #dea418 solid;
    background: #021b33;
    color: #fff;
    margin: 5px;
    padding: 5px;
}

input#submit:hover{
    cursor: pointer;
}

a{
    color: #011a33;
    outline: none;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

img.membre{
    float: right;
    margin: 10px 10px 0 0;
    border: 3px #05386b solid;
}

label.info{
    display: inline-block;
    width: 180px;
    text-align: right;
}

div.picture{
    float: left;
    margin: 0 5px 5px 0;
}