body, form, p, div, hr, fieldset, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h1  {   font-size: 2em; }
h2  {   font-size: 1.5em; }
h3  {   font-size: 1.2em; }
h4  {   font-size: 1em; }
h5  {   font-size: 0.9em; }
h6  {   font-size: 0.8em; }

ul, ol { list-style-type: none; }

body {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #000;
    padding: 1em;
    background: #fff url("../pics/back_max_pixel.jpg") no-repeat left top;
}

div.admin {
    float: right;
    width: 65%;
}

body#discussion div.admin {
    float: none;
    width: 100%;
}

div.admin_column {
    width: 33%;
    float: none;
}

div.admin form.registration {
    max-width: 50em;
}

/** LAYOUT GLOBAL **/
div.leftContent {
    width: 20%;
    margin-right: 2%;
    padding-right: 2%;
    padding-bottom: 1em;
    padding-top: 2em;
    float: left;
    clear: left;
    background: url("../pics/bordure1.png") no-repeat top right;
}

div.mainContent {
    float: left;
    width: 48%;
    margin-right: 4%;
    padding: 1%;
}

div.rightContent {
    float: left;
    background: url("../pics/bordure2.png") no-repeat top left;
    padding-top: 2em;
    padding-left: 2%;
    width: 20%;
    padding-bottom: 1em;
    color: #666;
}

div.noBackground {
    background: none;
}

/******************************************************************************************
  Entête */

h1#siteTitle {
    width: 405px;
    height: 160px;
	background: url("../pics/logo03.png") no-repeat top left;
    position: absolute;
    top: 0;
    left: 5px;
}

h1#siteTitle a {
    display: block;
    text-indent: -70em;
    overflow: hidden;
    width: 100%;
    height: 140px;
    text-decoration: none;
}

ul.menu {
    margin-top: 8.1em;
    margin-left: 410px;
    margin-bottom: 3em;
}

ul.menu li {
    display: inline;
    margin: 0px 0.5em;
}

ul.menu li.current {
    font-weight: bold;
}

ul.menu a {
    color: #333;
    text-decoration: none;
    font-size: 1.2em;
    padding: 0.1em 0;
    border-bottom: 2px solid #decd87;
}

ul.menu a:hover {
    border-bottom-color: #a80;
    color: #000;
}

/**
 * Specifique screen
 */

#membres fieldset select {
    width: 100%;
}

#article .auteur {
    padding-top: 5em;
}

#stickyLoginForm {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    width: 25em;
    opacity: 0.70;
}


#loginAlert {
    position: absolute;
    top: 2em;
    right: 27em;
    text-align: right;
}

#loggedAlert {
    position: absolute;
    top: 0.5em;
    right: 30em;
    text-align: right;
}

.loggedBox {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    width: 22em;
    text-align: left;
}


/** Pied de page **/

#footer {
    border-top: 1px solid #ccbc86;
    color: #666;
    padding-bottom: 0.2em;
    margin: 2em -1em -1em -1em;
}

#footer ul {
    text-align: right;
    padding: 0.3em;
}

#footer ul li {
    display: inline;
    margin: 0 1em;
}

#footer ul li a {
    color: #666;
}

#footer img {
    vertical-align: middle;
}

#footer a:hover img {
    background: #ccc;
    opacity: 0.70;
}

.ads {
    text-align: center;
    margin: 2em 0;
}

p.other_nav {
    text-align: right;
    margin: 2em 0;
}

/*
    Pour les écrans pas larges (c'est rare mais bon),
    avec un navigateur supportant les media queries (encore plus rare),
    pour plus de clarté.
*/
@media all and (max-width: 1000px)
{
    body {
        background-image: none;
    }
    ul.menu {
        text-align: right;
        margin-top: 130px;
        margin-bottom: 1em;
        margin-left: 0;
    }
}