/* CSS Document */

a,
a:link,
a:hover,
a:active,
a:visited {
    text-decoration     : none;
    /* color               : #8a8c8f; */
    /* color               : #003D73; */
    color               : #002290;
}

a:hover {
    text-decoration     : underline;
}

body, table {
    background-color    : #FFFFFF;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 13px;
    margin              : 0px;
    padding             : 0px;
    color               : #003D73;
}

div#barre {
    position            : absolute;
    width               : 2px;
    background-color    : #003D73;
    height              : 100%;
    left                : 239px;
    top                 : 0px;
}

body > div#barre {
    position            : fixed;
}

div#barre div#cachetop,
div#barre div#cachebottom {
    width               : 2px;
    background-color    : #ffffff;
    height              : 60px;
    position            : absolute;
    z-index             : 100;
}

div#barre div#cachetop {
    top                 : 0px;
}

div#barre div#cachebottom {
    bottom              : 0px;
}

div.clearer {
    height              : 30px;
    clear               : both;
}

div#content div {
    margin-bottom       : 5px;
}

div#content a {
    /* color               : #8a8c8f; */
    /* color               : #003D73; */
    color               : #002290;
}

div#footer {
    position            : relative;
    margin-top          : 20px;
    font-size           : 9px;
    text-align          : center;
    padding-left        : 30px;
}

div#header {
    position            : fixed;
    top                 : 0px;
    left                : 50%;
    margin-left         : -480px;
    width               : 900px;
    padding             : 30px;
    padding-bottom      : 0px;
    background-color    : #ffffff;
    z-index             : 100;
}

div#soacp {
    position            : fixed;
    bottom              : 50px;
    width               : 180px;
    text-align          : center;
}

div#soacp img {
    width               : 84px;
}

div#linkedin {
    position            : fixed;
    bottom              : 15px;
    width               : 180px;
    text-align          : center;
}

div#menu {
    background-color    : #ffffff;
    position            : fixed !important;
    width               : 180px;
    z-index             : 100;
    padding-top         : 30px;
    padding-left        : 30px;
    float               : left;
}

div#site {
    background-color    : #ffffff;
    color               : #000000;
    text-align          : justify;
    padding             : 30px;
    padding-left        : 270px;
    /*float: left;*/
}

h1, h2, h3, h4, h5, h6 {
    position            : relative;
    padding             : 0px;
    margin              : 0px;
    margin-top          : 20px;
}

h3 {
    margin-left         : -15px;
}

h1.logo {
    background-image    : url("../images/bg_logo.png");
    background-repeat   : no-repeat;
    background-position : center;
    width               : 180px;
    height              : 70px;
    margin-bottom       : 30px;
}

h1.nom {
    background-image    : url("../images/bg_florentgeorges.png");
    background-repeat   : no-repeat;
    background-position : right;
    height              : 15px;
    margin-top          : 17px;
}

h1 span {
    display             : none;
}

h2 {
    /*font-size           : 18px;*/
    font-size           : 24px;
    font-weight         : normal;
    text-transform      : uppercase;
    color               : #8A8C8F;
    text-align          : right;
}

h3 {
    /* color            : #003D73; */
    color               : #8A8C8F;
    text-transform      : uppercase;
    font-weight         : bold;
    /*font-size           : 14px;*/
    font-size           : 18px;
}

h4 {
    color               : #5A5C5F;
    /*font-size           : 13px;*/
    font-size           : 15px;
    font-weight         : bold;
}

img {
    border              : 0px;
}

img.border {
    margin              : 10px;
    padding             : 10px;
    border-width        : 1px;
    border-style        : solid;
    border-color        : #7da7d9;
}

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

div#menu ul {
    margin-left         : 16px;
    list-style-image    : url('../images/dot_dark_blue.png');
    /*text-transform      : uppercase;*/
    font-size           : 12px;
    font-weight         : bold;
}

div#menu ul a,
div#menu ul a:link,
div#menu ul a:hover,
div#menu ul a:active,
div#menu ul a:visited {
    text-decoration     : none;
    color               : #003D73;
}

div#menu ul a:hover,
div#menu ul a.selected {
    text-decoration     : underline;
}

div#menu ul ul {
    margin-left         : 8px;
    list-style-image    : url('../images/dot_grey.png');
    text-transform      : none;
    font-weight         : normal;
    font-size           : 11px;
}

/*
ul ul a.selected {
    text-decoration     : none;
    font-style          : italic;
}
*/

div#menu ul ul ul {
    font-size           : 11px;
    list-style-image    : url('../images/dot_light_blue.png');
}

div#menu ul li {
    line-height         : 18px;
    text-align          : left;
}

/* code */
.code {
    border              : 1px dashed #3c78b5;
    margin-left         : 35px;
    margin-right        : 35px;
    margin-top          : 25px;
    margin-bottom       : 35px !important;
    line-height         : 15px;
    background-color    : #eeeeee;
    font-size           : 12px;
}

.code pre {
    margin              : 5px 7px 5px 5px;
}

.center {
    text-align          : center;
}



/* Florent: TODO: Put the footer at the bottom of the screen.
 * See Jeremie's email from 2008-11-26.
 * http://www.developpez.net/forums/d497934/webmasters-developpement-web/css/mettre-pied-page-toujours-bas/#post2990257
 *
 * FIXME: Does NOT work as is!
 */
/*
html, body {
    height              : 100%;
}
#site {
    position            : relative;
    min-height          : 100%;
}
#content {
    padding-bottom      : 48px;
}
#footer {
    position            : absolute;
    bottom              : 0;
}
*/