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

body {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	background: #fff;
	text-transform:uppercase;
	color:#DDD;
}

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

a:link { text-decoration: none; color:#DDD;}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #DDD; }
a:hover { text-decoration: none; color:#3b3b65; }

a img { border: none; }

#menu {
    width: 142px;
    overflow: auto;
    top: 20px;
    bottom: 0;
	left: 20px;
    position: fixed;
    height: 100%;
	text-align:right;
	padding-top:5px;
}

#menu ul {
	width:130px; 
	list-style: none;
	margin: 0 0 7px 0;
	border-bottom:1px dotted #DDD;
	padding-bottom:7px;

}

#menu ul li:hover {
	background-color:#ddd;
	color:#3b3b65;
}

#menu ul li:hover a {
	color:#3b3b65;
}

#menu ul li {
	 padding: 1px 1px 1px 0;
line-height:11px;
 	width:130px;
	

}

#menu ul li a {
 padding-right:1px;
 
}

#menu li.active  {
background-color:#ddd;
color:#3b3b65;
}

#menu li.active a {
color:#3b3b65;
}


#menu ul li.section-title { }

#content {
    height: 95%;
    margin: 0 0 0 167px;
    top: 0;
	padding-top:15px;
}

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

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

#content a { color:#ddd; }
#content a:hover { color:#FFD;}


p {
    margin: 0 0 9px 0;
}

h1 { font-size: 120px; }
h2 { font-size: 80px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

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

#once { clear: left; }

#fond {
	
	background-color:#3b3b65;
	left:20px;
	top:20px;
	height:600px;
	width: 142px;
	position: fixed;
	z-index:-1000;
	}
	
	
#textBas {
	position: fixed;
	top:400px;
	left:25px;
	height:215px;
	width:130px;
	vertical-align:bottom;
}

#legende {
	/*border-top:1px dotted #DDD;
	border-bottom:1px dotted #DDD;*/
	text-align:left;
	position:absolute;
	bottom:5px;
	padding: 7px 2px 7px 0;
}


#legende p {
	margin-bottom:-15px;
}

#header {
	border-bottom: 1px dotted #DDD;
	padding-bottom:7px;
	margin-bottom:7px;
}

#text {
	margin-top:60px;
	color:#336;
	text-transform:none;
}

#text a {
	margin-top:60px;
	color:#336;
}

#text a:hover {
	color:#99b;
}

#text p {
	width:250px;
	margin: 0 0 0 30px;
}

#the-background {
position: fixed;
overflow: hidden;
z-index:1;
width: 100%;
height:100%;
top:0;
left:0;
}
#wrapper {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left:0;
}

#photo {
	width:2000px;
	margin-top:-17px;
}

#photo img {
	float:left;
	margin-right:15px;
	border:1px solid #FFF;
	padding:3px;
}

#photo img:hover {
border:1px solid #aaa;

}

#linkweb {
	margin-top:53px;
	color:#333;
float:left;	
width:200px;
}

#linkweb a {
color:#666;
}

#linkweb a:hover {
color:#000;
}