/*
 * Copyright 2008 Emmanuel Fleury
 *
 * Free to use for any purpose as long as the proper credits
 * are given for the original design work.
 *
 * o Version 1.0, May 13, 2008
 *      - Original release
 *
 */


/**************** Global Page Style ****************/

body {
    background:white url(img/background.png) no-repeat fixed left top;
    font-color:black;
    font-family:verdana,sans-serif;
}

img {
    border:none;
}

/**************** Header ****************/

#header {
    width:100%;
    padding-bottom:30px;
}



/**************** Navbar ****************/

#navbar {
    position:fixed;
    width:200px;
    left:0px;
    font-size:80%;
}

#navbar a {
    font-weight:bold;
    color:#C20000;
}

#navbar a:link,
#navbar a:visited,
#navbar a:active {
    text-decoration:none;
}

#navbar a:hover {
    text-decoration:underline;
}

#navbar ul {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 3em;
}

#navbar li {
    background-image: url(img/puce_fleche_rouge.png);
    background-position: 0px 40%; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-bottom: .5em;
}

#navbar li.external {
    background-image: url(img/puce_fleche_orange.png);
    background-position: 0px 40%; /* X-pos Y-pos (from top-left) */
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-bottom: .5em;
}

#navbar li.external a {
    color:#FF6600;
}

#navbar li {
    padding-bottom:.5em;
}

/**************** Content ****************/

#content {
    width:75%;
    margin-left:200px;
    padding-top:20px;
}

div#content {
    border-top: solid 1px #C20000;
    border-left: solid 1px #C20000;
    padding: 20px;
}

#content h1 {
    text-align:center;
    color:#990000;
}

#content hr {
    background-color:#C20000;
}

#content li {
    padding-bottom:.5em;
}

#content table {
    margin-left: auto;
    margin-right: auto;
}


/**************** Footer ****************/

#footer {
    padding-top: 25px;
    text-align: right;
    font-size: 70%;
}

#content blockquote {
    background: transparent url(quoleft.png) left top no-repeat;
    margin: 0 4px 0 25px;
    padding: 8px 8px;
}

#content blockquote div {
    font-size: 90%;
    padding: 0 48px;
  background: transparent url(quoright.png) right bottom no-repeat;
}

