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:870px;
margin:0 auto;
position:relative;
padding-bottom:95px;
}

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

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

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

h2{
width:330px;
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;
width:330px;
}

img{
border:none;
}

a{
outline:none;
}

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

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

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

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

#menu01 a{
display:block;
height:85px;
padding-top:133px;
outline:none;
}

#menu02{
margin-top:54px;
border-top:1px solid #3d3d3d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#galerie, #infos {
position:absolute;
right:0;
top: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;
}