html, body{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
font-size: 8pt;
color: white;
font-family: times,Helvetica, arial, sans-serif;
text-align: left;
font-size: 1.2em;
color: black;
background: #ffffff;
}
a{
text-decoration: none;
color: white;
padding: 0;
margin: 0;
}
a img{
border: 0;
padding: 0;
margin: 0;
}
#container{
margin: 0 0px 0 0;
padding: 0em; 
text-align: left;
}
#logo{
color: #333333;
font-size: 4em;
margin: 10px 0 10px 60px;
}
#pedrini{
margin: 0 0 10px -30px ;
padding: 0;
width: 210px;
}
#menu{
margin: 0px 0px 0px 0px;
padding: 20px 34px 170px 40px;
font-size: 0.6em;
font-family: georgia, garamond, times, serif;
color: #333333;
letter-spacing: 3px;
float: left;
background: #ffffff;
}
#menu a{
width: 130px;
padding: 0 0 4px 2px;
}

a.pages {
color: #333333;
letter-spacing: 2px;
font-family: georgia, garamond, times, serif;
display: block;
margin: 0 0 3px;
}
a.galeries {
display: block;
font-size: 1.4em;
margin: 4px 0px 0px 0.2em;
padding: 0;
color: #666666;
font-weight: bold;
font-family: Helvetica,  sans-serif;
}
.clear{
clear: both;
height: 1px;
}
#bggal{
margin: 150px 4px 0 0;
font-size: 10px;
letter-spacing: 1px;
font-family: arial, helvetica, "sans-serif";
color: #999999;
}
#bggal #pers{
margin-bottom: 10px;
}
#bggal a{
font-size: 14px;
width: 20px;
height: 2px;
border: 1px solid #666666; 
}

#blanc{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#flashsound{
color: #cc0000;
background: #ffffff;
font-size: 6px;
font-family: arial, sans-serif;
letter-spacing: 0;
margin: 0 12px 0 0;
width: 100px;
}
#acc{
position: absolute;
top: 140px;
right: 0;
background: #ffffff;
margin: 0px 0 0 ;
width: 620px;
padding: 1em 1.4em 0.8em 2.8em; 
text-align: left;
border-left: 1px solid #cccccc;
border-bottom: 2px solid #cccccc;
}
#acc a.pages {
font-size: 0.6em;
letter-spacing: 1px;
color: #333333;
display: block;
width: 99px;
}
#acc a.galeries {
display: block;
float: right;
font-size: 2em;
margin: 0 20px 0 0;
padding: 0 0 0px 20px;
color: #666666;
font-weight: bold;
font-family: Helvetica, sans-serif;
}
#acc .peinture {
display: block;
float: right;
font-size: 0.8em;
margin: 0 20px 8px 0;
color: #999999;
font-weight: bold;
font-family: Helvetica, sans-serif;
}
a.pages:hover {
background-color: #cccccc;
} 
a.galeries:hover {
background-color: #cccccc;
} 



#content{
color: #666666;
letter-spacing: 1px;
font-family: arial, sans-serif;
padding: 0px 0 0px 0px;
font-size: 1.2em;
margin: 0px 30px 0 220px;
padding: 230px 0 10px 0px;
text-align: left;
}
h1{
font-size: 1.4em;
margin:0;
padding: 0;
line-height: 36px;
color: #666666;
}
h2{
color: #0099cc;
color: #999999;
line-height: 24px;
font-size: 0.7em;
margin:0;
padding: 0;
}
#content h3{
color: #99cc00;
color: #999999;
line-height: 36px;
font-size: 1em;
margin:0;
padding: 0;
}

#content #formulaire, #content h5, #content h6{
font-size: 9px;
font-weight: normal;
font-style: italic;
margin: 0;
padding: 0;
color: #666666;
}
#content #formulaire h5{
font-style: italic;
}
#content #formulaire h6{
font-size: 11px;
color: #ff6600;
float: left;
margin-right: 3px; 
}
#copy{
padding: 10px 0 0 220px;
color: #999999;
font-size: 0.6em;
letter-spacing: 0.2px;
}
#galerie{
margin: 0px 20px 0 0px;
padding: 20px 0 0 10px;
text-align: left;
overflow-x: scroll;
white-space : nowrap;
}
#galerie img{
margin: 0 5px 30px;
padding: 0;
}
#galerie img.espace{
width: 80px;
height: 520px;
}
#backstage img{
height: 200px;
}