html, body {
    background: url("images/drap-francais.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
#global {
    display: block;
    height: 100%;
    overflow: hidden;
}
#b {
    background-color: #02219E;
    display: block;
    height: 100%;
    position: absolute;
    width: 50%;
    z-index: -1;
}
#r {
    background-color: #F22C3F;
    height: 100%;
    left: 50%;
    position: absolute;
    width: 50%;
    z-index: -2;
}
#wrapper {
    background: url("images/drap-francais.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
    margin: auto;
    width: 819px;
    z-index: 2;
    height:100%;
}
#contents {
    background: url("images/bg_content_1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: auto;
    margin-top: -30px;
    position: absolute;
    width: 819px;
    z-index: 1;
}
#navbar {
    margin-left: 630px;
    margin-top: -62px;
    padding: 0;
    z-index: 7000;
}
#navbar li {
    float: left;
    height: 44px;
    list-style: none outside none;
    margin-right: 3px;
    width: 44px;
}
#navbar li a.progress {
    background: url("images/nav_progress.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 44px;
    margin-top: 5px;
    text-decoration: none;
    text-indent: -9999px;
    width: 44px;
}
#navbar li a.progress:hover, #navbar li a.progress:focus, #navbar li a.progress:active {
    background: url("images/nav_progress.png") no-repeat scroll 0 -44px rgba(0, 0, 0, 0);
}
#navbar li a.newsletter {
    background: url("images/nav_newsletter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 44px;
    margin-top: 10px;
    text-decoration: none;
    text-indent: -9999px;
    width: 44px;
}
#navbar li a.newsletter:hover, #navbar li a.newsletter:focus, #navbar li a.newsletter:active {
    background: url("images/nav_newsletter.png") no-repeat scroll 0 -44px rgba(0, 0, 0, 0);
}
#navbar li a.feeds {
    background: url("images/nav_twitter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 44px;
    margin-top: 15px;
    text-decoration: none;
    text-indent: -9999px;
    width: 44px;
}
#navbar li a.feeds:hover, #navbar li a.feeds:focus, #navbar li a.feeds:active {
    background: url("images/nav_twitter.png") no-repeat scroll 0 -44px rgba(0, 0, 0, 0);
}
#navbar li a.contacts {
    background: url("images/nav_contacts.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 44px;
    margin-top: 20px;
    text-decoration: none;
    text-indent: -9999px;
    width: 44px;
}
#navbar li a.contacts:hover, #navbar li a.contacts:focus, #navbar li a.contacts:active {
    background: url("images/nav_contacts.png") no-repeat scroll 0 -44px rgba(0, 0, 0, 0);
}
#footer {
    color: #808080;
    font-family: Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
    width: auto;
}
#footer a {
    color: #FFFFFF;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#social_plugins {
    left: 38%;
    /* position: absolute; */
    /* top: 134px; */
}