/* ===========================================================
Elements de Page ========================================== */

* {

        margin: 0;
        padding: 0;
}

body {

        font-family: verdana, arial, sans-serif;
        font-size: 70%;
        color: #000000;
        background: #ffffff;

}


ul, li {

        list-style-type: none;
}


table
{
   margin: auto;
   border: 0px;
   width: 490px;
}

img
{

        border: 0;
}

/* ===========================================================
Structure de la Page ====================================== */

div
#global
{

        width: 768px;
        margin: 0 auto;
        background: url(./global.jpg) repeat-y;
        border: 1px solid #000000;
}

h1
#header
{

        width:100%;
        height: 239px;
        background: url(./header.jpg) no-repeat;
        border-bottom: 1px solid #000000;
        text-indent: -9000px;
}

div
#new
 {

        width:100%;
        height: 129px;
        background: url(./new.jpg) no-repeat;
        border-bottom: 1px solid #000000;
}

ul
#nav
{

        width: 628px;
        height: 31px;
        padding: 0px 0 0 140px;
        background: url(./nav.jpg) no-repeat;
        border-bottom: 1px solid #000000;
}

div
#left
{

        float: left;
        width: 200px;
}

div
#view
 {

        float: left;
        width: 508px;
        padding: 40px 30px 0 30px;
        background: url(./view_top.jpg) top no-repeat;
}

p
#footer
 {

        clear: both;
        width: 100%;
        height: 16px;
        padding: 25px 0 0 0;
        background: url(./footer.jpg) no-repeat;
        text-align: center;
        color: #6d0a04;
        font-size: 0.8em;
}

/* ===========================================================
Structure des Menus ======================================= */

ul
#nav li
{

        float: left;
        padding: 8px 0 0 0;
}

ul
#nav li a
{

        margin: 0px 5px 0 5px;
}

ul
#nav li a:link, ul
#nav li a:active, ul
#nav li a:visited
{

        color: #000000;
        text-decoration: none;
}

u
l#nav li
a:hover
{

        color: #6d0a04;
        text-decoration: none;
}

div
#left ul
{

        width: 194px;
        margin: 10px 0 10px 0;
}

div
#left ul li
{

        text-indent: 20px;
}

/* ===========================================================
Liens ===================================================== */

a:link, a:active, a:visited {

        color: #6d0a04;
        text-decoration: none;
        font-weight: bold;
        }

a:hover {

        color: #6d0a04;
        text-decoration: underline;
}

/* ===========================================================
Justification du Texte ==================================== */

div#new h2 {

        display: none;
}

div#new div#scan {

        position: absolute;
        width: 135px;
        height: 55px;
        margin: 40px 0 0 50px;
        overflow: hidden;
        text-align: center;
}

div#new div#actu {

        position: absolute;
        width: 135px;
        height: 55px;
        margin: 40px 0 0 255px;
        overflow: hidden;
        text-align: center;
}

div#new div#part {

        position: absolute;
        width: 135px;
        height: 55px;
        margin: 40px 0 0 460px;
        overflow: hidden;
        text-align: center;
}

div#scrollScan, div#scrollNews, div#scrollPart {

        width: 100%;
        position: relative;
}

div#left h3 {

        width: 198px;
        height: 23px;
        padding: 7px 0 0 0;
        background: url(./nav_title.jpg) no-repeat;
        border: 1px solid #000000;
        text-align: center;
        color: #6d0a04;
}
div#view h1 {
        font-style: bold;
        color: #000000;
        font-size: 22px;
        text-align: center;
        color: #6d0a04;
}
div#view h3 {

        font-style: italic;
        color: #6d0a04;
        margin: 0 0 5px 0;
}

div#view p {

        margin: 0 0 10px 0;
        text-align: justify;
}