body {
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size:.7em;
	margin:0;
	padding:0;
background: #929695 url(none) no-repeat left top;
}
#wrapper {
    width:780px;
	background-color: #FFFFFF;
	padding:0;
	margin-left:30px;
margin-top:10px;
	float:left;
border:1px solid #000;
	}

#header{
width:auto;
height:30px;
font-weight:bold;
font-size:160%;
letter-spacing:.1em;
color:#FD1C20;
margin:0;
padding:20px 0 0 20px;
background:url(images/name.gif) no-repeat 10px 20px;
}

#nav {
width:auto;
height:2.2em;

margin:0;
padding:0;
background-color:#000;

}
#nav ul{
list-style-image:none;
list-style-type:none;
}
#nav li{
width:auto;
height:2.3em;
margin:0px;
padding:0px;
border-left:1px solid #CCCCCC;
float:left;
}
#nav li.current-page {
background-color:#E02B4A;
}

#nav ul li a{
display:block;
padding:.65em 1em 1em 1em;
width:auto;
color:#fff;
text-decoration:none;
}

#nav ul li a:hover{
background-color:#E02B4A;
color:#fff;
text-decoration:none;
}

#nav ul li a:visited{
color:#fff;
text-decoration:none;
}

#screen-nav {
    width:auto;
	height:250px;
	align:left;
	display:block;
	margin:0;
	padding:5px;
}

#screen-nav ul {

margin-top:1.5em;
list-style-type:none;
list-style-image:url(none);
}
#screen-nav ul li{
padding:1em;
font-weight:bold;
font-size:1em;
color:white;
}
#screen-nav a, #screen-nav a:visited {
color:white;
text-decoration:none;
background-color:black;
padding:3px 4px 3px 4px;
}
#screen-nav a:hover{
color:orange;
}

/*

#screen-nav div.web-design a, #screen-nav div.web-design a:visited {
color:black;
text-decoration:none;
}
#screen-nav div.web-design a:hover{
background-color:yellow;
}


#screen-nav div.illustration{
position:relative;
top:10px;
left:300px;
}


#screen-nav div.web-design{
position:relative;
top:4em;
left:300px;
}

#screen-nav div.scrapbook{
position:relative;
top:3em;
left:35px;
}


.bg-portfolio{
background: url(images/sn-feuilles.jpg) no-repeat left 1px;
}
*/

#main {
    width:auto;
	height:1200px;
	align:left;
	display:block;
	margin:0 0 0 0;
	padding:0;
	border-top:1px solid #000;
}

#main #content{
    width:400px;
height:auto;
display:block;
	margin:0;
	float:left;
padding:5px;

}
#main #content p{

padding:3px;
margin-left:40px;
color:#E02B4A;

}

#main #content p.black{
background-color:#000;
color:#fff;
line-height:1.5em;
}

 #main #content a, #main #content a:hover, #main #content a:visited {
color:#E02B4A;
}

#main #sidebar{
    width:350px;
height:auto;
display:block;
	align:left;

	margin:0 0 0 10px;
	padding-top:50px;
padding-left:20px;
	float:left;

}

#main #sidebar a{
display:block;
float:left;
margin:5px;
border:1px solid #ccc;

}
#main #sidebar img{
border:none;
display:block;

}


.lines {
position:absolute;
top:0px;
left:639px;
width:180px;
height:137px;
display:block;
background: url(images/index-bar.gif);
z-index:5;
}

/*
body.index div.lines{
background: url(images/index-bar.gif);
}
*/

#logo{
position:absolute;
top:2px;
left:2px;
width:60px;
height:80px;

display:block;
}
/*
#footer {
width:auto;
}
*/