body {
	margin: 100px auto;
	background: #BBC2B3;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 80%;
	position: relative;
}

a { color: black; text-decoration: none; font-weight: bold; }
a:hover { border-bottom: 3px dashed white; }

#roooaaarr { position: absolute; left: 0;}
#menu {
	margin: 0; padding: 0;
	background: transparent url( images/fond-menu.jpg ) no-repeat center;	
	position: relative; float: left;top: 6px; width: 350px; height: 416px; 
	}

#menu li { list-style-type: none; }

#menu a { position: absolute; text-indent: -5000px; }
#menu a:hover { border-bottom: 3px dashed black; }

#liens { top: 121px; left: 84px; width: 80px; }
#galerie { top: 146px; left: 80px; width: 80px; }
#bandes_demo { top: 124px; left: 180px; width: 80px; height: 40px; }
#portfolio { top: 258px; left: 35px; width: 130px; height: 30px; }
#cv { top: 304px; left: 32px; width: 130px; height: 30px; }
p.chapo { font-weight: bold; text-align: right; }
h2 { font-size: 1em; }
hr { color: black; background-color: black; height: 1px; border: none; width: 200px;}
#contenu { margin-left: 370px; }


.demo { font-size: 0.8em; }
.demo p, .demo h2 { text-align: center; margin: auto 20px; }
.demo p a { display: block; margin: 20px 0; }

.galerie { text-align: right; }
.galerie img { width: 62px; height: 62px; border: 2px solid black; }