body{
margin:0;
padding:0;
font-family:verdana, arial, sans-serif;
font-size:90%;
background:#000 url(images/fond.jpg) center top no-repeat;
color:#fff;
}

#main{
width:800px;
margin:0 auto;
position:relative;
padding-bottom:95px;
}

#left{
width:330px;
margin:120px 0 0 0;
}

#logo{
position:absolute;
left:-75px;
top:0;
}

/* --------------  titres */

h1{
margin:0;
padding:0;
font-size:1.2em;
}

h2{
margin:0;
padding:0 0 30px 0;
font-size:0.7em;
font-weight:normal;
text-transform:uppercase;
border-bottom:1px solid #3d3d3d;
}

/* --------------  elements */

p{
font-size:0.8em;
margin:10px 0;
line-height:130%;
color:#aa0101;
}

img{
border:none;
}

a{
outline:none;
}

/* --------------  menus */

ul{
margin:0;
padding:10px 0 0 0;
list-style-type:none;
float:left;
}

.liengalerie01, .liengalerie02, .liengalerie03, .liengalerie04{
padding-right:10px;
}

li{
float:left;
width:60px;
font-size:0.8em;
margin:0;
padding:0;
color:#5e5e5e;
}

#divers{
margin:80px 0 5px 0;
border-bottom:1px solid #3d3d3d;
padding:0 0 5px 0;
}

#menu a{
display:block;
height:30px;
padding-top:50px;
outline:none;
}

.liengalerie01 a{
background:url(images/sculptures.jpg) left top no-repeat;
}

.liengalerie01 a:hover, #menu .liengalerie01.select a{
background:url(images/sculptures.jpg) right top no-repeat;
color:#fff;
}

.liengalerie02 a{
background:url(images/eclipses.jpg) left top no-repeat;
}

.liengalerie02 a:hover, #menu .liengalerie02.select a{
background:url(images/eclipses.jpg) right top no-repeat;
color:#fff;
}

.liengalerie03 a{
background:url(images/oiseaux.jpg) left top no-repeat;
}

.liengalerie03 a:hover, #menu .liengalerie03.select a{
background:url(images/oiseaux.jpg) right top no-repeat;
color:#fff;
}

.liengalerie04 a{
background:url(images/ceramiques.jpg) left top no-repeat;
}

.liengalerie04 a:hover, #menu .liengalerie04.select a{
background:url(images/ceramiques.jpg) right top no-repeat;
color:#fff;
}

#divers{
color:#5e5e5e;
}

#divers a, #menu a{
text-decoration:none;
color:#FFFFFF;
font-size:0.9em;
color:#5e5e5e;
}

#divers a:hover, #menu a:hover, #divers a.select{
color:#fff;
}

/* --------------  galeries, infos diverses */

#galerie, #infos {
position:absolute;
right:0;
bottom:0;
width:365px;
text-align:right;
}

#galerie img{
margin-left:3px;
}

#infos p, #infos a{
color:#fff;
text-decoration:none;
}

#infos a:hover{
color:#aa0101;
}

#infos strong{
color:#aa0101;
}

#infos span{
color:#5e5e5e;
font-size:0.9em;
}

.last{
margin-bottom:0;
}

#infos ul{
float:none;
text-align:left;
}

#infos ul li{
float:none;
width:auto;
color:#ccc;
list-style-type:square;
margin:0 0 5px 0;
}

#infos ul li strong{
color:#fff;
}

#infos h2{
font-size:1.2em;
padding:0 0 10px 0;
}