/*
DEFAULT ----------------------------------------------------------------- 
*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, form, fieldset, table, th, tr, td {
margin:0;
padding:0;
} 

img {
border:0;
}

body {
font:13px Trebuchet MS, Verdana, Arial, sans-serif;
color:black;
background:#887b61 url('../images/bg-page.jpg') top center repeat-x;
}

a {
color:#fff;
}

a:hover {
color:#fff;
text-decoration:underline;
}

a:active {
color:#fff;
}

/*
LAYOUT ----------------------------------------------------------------- 
*/
body{
background-color:#000;
color:#fff;
}

#screen {
background: #000 url('../images/index-bg.gif') top left repeat-x ;
}

#page {
width:900px;
margin-left:auto;
margin-right:auto;
}

#header {
background: #000 url('../images/index-logo.gif') top left no-repeat;
height:179px;
font-size:1%;
}

#content {
background:#757575 url('../images/index-photo.jpg') top left no-repeat; 
height:386px;
}

#content #columnLeft {
width:159px;
height:386px;
padding:15px 0;
position:relative;
}

#content #columnLeft p{
padding:0 12px;
color:#36536f;
}

#content #columnLeft img{
position:absolute;
left:7px;
top:110px;
}

#footer {
background: transparent url('../images/index-bg-bottom.gif') top center repeat-y ;
margin-bottom:20px;
position:relative;
overflow:hidden;
}

#footer .degrade{
background: transparent url('../images/index-degrade-argent.gif') top left no-repeat;
height:1px;
font-size:1%;
}

#footer .degrade2{
position:absolute;
bottom:0;
left:0;
width:900px;
}

#gallery {
padding:20px 0 25px 0;
height:152px;
}

#gallery .cadreImg {
padding-top:1px;
padding-bottom:1px;
background-color:#fff;
overflow:hidden;
width:212px;
background: transparent url('../images/border-img.gif') top left repeat-x;
text-align:center;
float:left;
}

#gallery .cadreImg img {
height:150px;
width:210px;
}