/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000 ;
	background: #ffffef url(/portfolio/files/1_background.jpg) no-repeat;
	background-attachment: scroll; 
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #aa0000; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #aa0000; }
a:hover { text-decoration: underline; }

a img { border: none; }

#image {    /* div contenant l'image en arrière plan */ 
width : 500px; 
height: 800px; 
background: url(http://www.ectropion.fr/portfolio/files/links.png) top left no-repeat; 
}

#zone1 {   
position : absolute;
width : 82px; 
height: 23px; 
top: 171px; 
left: 360px; 
}

#zone2 {
position : absolute;
width : 82px; 
height: 23px; 
top: 140px; 
left: 552px; 
}

#zone3 {
position : absolute;
width : 82px; 
height: 23px; 
top: 228px; 
left: 510px; 
}

#zone4 {
position : absolute;
width : 82px; 
height: 53px; 
top: 232px; 
left: 681px; 
}

#zone5 {
position : absolute;
width : 123px; 
height: 35px; 
top: 357px; 
left: 374px; 
}
#zone6 {
position : absolute;
width : 78px; 
height: 59px; 
top: 376px; 
left: 626px; 
}

#zone7 {
position : absolute;
width : 123px; 
height: 34px; 
top: 491px; 
left: 326px; 
}

#zone8 {
position : absolute;
width : 80px; 
height: 47px; 
top: 550px; 
left: 607px; 
}

#zone9 {
position : absolute;
width : 121px; 
height: 47px; 
top: 615px; 
left: 349px; 
}

#zone10 {
position : absolute;
width : 85px; 
height: 23px; 
top: 677px; 
left: 565px; 
}

#about
{
	width: 800px;
	float: left;
}	

#exhib
{
	width: 800px;
	float: left;
	padding : 20px 0px 20px 0px;
	}

#colonne2
{
	width: 500px;
	position: absolute;
	padding: 303px 0px 20px 0px;
}
#colonne3
{
	width: 500px;
	position: absolute;
	padding: 303px 0px 20px 400px;
}

#menu {
    width: 260px;
    height: 100%;
	background-color: transparent;
	float: left;
}

#menu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	list-style: none;
	margin: 0 0 12px 60px;
}

#menu ul li.section-title {text-decoration: none; color: #000000; font-weight: bolder; font-size: 18px; font-family: Times New Roman, Times, serif; font-variant: small-caps;}

#content {
	color: #591900;
    font-size: 12px;
    height: 100%;
    margin: 0px 0px 0px 300px;
	padding: 40px 0px 0px 0px;
  
}

#content a:link {text-decoration: none; color: #4e4e4e;}

.container {
    padding: 5px 5px 10px 5px;
}

#content p { width: 600px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }