*
{
border:0px solid #eee;
margin:0;
padding:0;
}

html,body
{
padding: 0px;
width:100%;
height:100%;
overflow: hidden;
}

body
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
line-height: 16px;
color: #4d4b47;
background-position: 0% 50%;
}

p
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
line-height: 16px;
}

a
{
outline: none;
}

a:hover
{
font-weight: bold;
}

#footer
{
position: absolute;
font-size: 10px;
color: white;
left: 234px;
bottom: 60px;
}

#background
{
position: absolute;
z-index: 0;
}

#cache_home
{
position: absolute;
left: 732px;
}

.couleur_01
{
background-color: #aaa096;
}

.couleur_02
{
background-color: #736e85;
}

.couleur_03
{
background-color: #bd4d3c;
}

.couleur_04
{
background-color: #ed9425;
}

.couleur_05
{
background-color: #84aa90;
}

#cache
{
position: absolute;
left: 125px;
}

.article h1
{
font-weight: normal;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
}

.article
{
position: relative;
}

.article .description
{
width: 306px;
}

.article img
{
position: absolute;
left: 326px;
top: 0px;
}

.article
{
margin-bottom: 30px;
}

#menu_home
{
position: absolute;
z-index: 10;
display: block;
top: 0px;
left: 234px;
height: 250px;
width: 500px;
}


#menu_home #buttons
{
position: absolute;
top: 60px;
left: 0px;
}

#menu
{
position: absolute;
z-index: 10;
display: block;
top: 0px;
left: 234px;
height: 250px;
width: 566px;
background-color:#FFF;
}

#menu #buttons
{
position: absolute;
top: 60px;
left: 0px;
}

#logo
{
position: absolute;
left: 833px;
top: 56px;
}

#photos
{
position: absolute;
}

#content
{
position: relative;
z-index: 5;
top: 0px;
height: 100%;
overflow: auto;
}

#content .text
{
position: absolute;
left: 234px;
top: 284px;
padding-bottom: 50px;
width: 342px;
color: #4d4b47;
}

#content .files
{
position: absolute;
left: 680px;
top: 284px;
width: 270px;
overflow: hidden;
color: #4d4b47;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
line-height: 14px;
padding-top: 47px;
}

#content .files a
{
display: block;
color: #4d4b47;
text-decoration: none;
background-image:url('img/file.gif');
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 14px;
}

#content .files a:hover
{
color: black;
text-decoration: none;
}



/* liScroll style declarations */

#newsticker
{
position: absolute;
z-index: 10;
display: block;
top: 234px;
left: 234px;
height: 38px;
width: 500px;
}

.tickercontainer { /* the outer div with the black border */
border: 0px;
border-top: 1px solid #373430;
border-bottom: 1px solid #373430;
background: #fff; 
width: 566px; 
height: 38px; 
margin: 0; 
padding: 0px;
overflow: hidden; 
color: #373430;
text-transform: uppercase;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 566px;
height: 38px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 566px;
width: 1000px;
font: normal 24px Arial;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
margin-top: 5px;
padding: 0;
background: #fff;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
font: normal 24px Arial;
text-decoration: none;
margin: 0 20px 0 0;
color: #373430;
}

ul.newsticker a:hover {
color: #990000;
}

ul.newsticker span {
margin: 0px;
}