/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#haut {
	position:relative;
	width:900px;
	height:auto;
	margin-left: auto;
    margin-right: auto;
}
#menu {
	position:relative;
	width:900px;
	height:auto;
	margin-left: auto;
    margin-right: auto;
}
#sous_menu {
	position:relative;
	width:900px;
	height:25px;
	margin-left: auto;
    margin-right: auto;
		
	border:1px #605CA8 solid;
	border-bottom:1px #FFFFFF solid;
	border-top:0px;
}
#content {
	position:static;
	width:880px;
	height:auto;
	margin-left: auto;
    margin-right: auto;
	
	background:url(../library/menu/bas_pres.jpg) no-repeat bottom left;
	
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	border:1px #605CA8 solid;
	border-top:1px #FFFFFF solid;
}
#info_page {
	position:relative;
	float: left;
		
	margin-top:10px;
	margin-left: 10px;
	margin-right: 15px;
}

#texte_page {
	position:relative;
	float: left;
	
	background:url(../library/images/fond.jpg) no-repeat top center;

	width:600px;
		
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	border:1px #605CA8 solid;
}

#image_presentation {
	position:relative;
	
	width:auto;
	height:auto;
	
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	
	border:1px #605CA8 solid;
}

#vertical_center {
	position:relative;
	width:190px;
	height:140px;	
	margin-bottom:auto;
	margin-top:auto;
	margin-left: auto;
    margin-right: auto;
}

#titre_page {
	position:relative;
	
	height:20px;
	
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}

#bas {
	clear:left;
	position:relative;
	
	width: 725px;
	
	margin-left: 175px;
    margin-top: 15px;
	
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
}



#studio_div {
	position:relative;
	left:150px;
	width:180px;
	height:20px;
	padding-top:5px;
}

#competences_div {
	position:relative;
	left:340px;
	width:165px;
	height:20px;
	padding-top:5px;
}

#realisations_div {
	position:relative;
	left:490px;
	width:180px;
	height:20px;
	padding-top:5px;
}

#contact_div {
	position:relative;
	left:700px;
	width:170px;
	height:20px;
	padding-top:5px;
}

.menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000066 ;
}

.menu a {
	text-decoration:none;
	color:#003366;
}
.menu a:link {
	text-decoration: none;
	color:#003366;
}
.menu a:visited {
	text-decoration: none;
}
.menu a:hover {
	text-decoration: none;
	color:#990000;
}
.menu a:active {
	text-decoration: none;
}

.contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000 ;
}
.contenu a:link {
	text-decoration:none;
	color:#003366;
}
.contenu a:visited {
	text-decoration: none;
}
.contenu a:hover {
	text-decoration: none;
	color:#990000;
	font-weight: bold;
}
.contenu a:active {
	text-decoration: none;
}

.titre {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
a img {
 border:none;
 }
 
.liste {
	position:relative;
	float: right;
	
	width:115px;
	height:350px;
	
	overflow:auto ;
		
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 10px;
	padding-right: 15px;
	background-color:#605CA8;
	color:#FFFFFF;
}

.liste a {
	text-decoration: none;
	color:#FFFFFF;
}
.liste a:link {
	text-decoration: none;
	color:#FFFFFF;
}
.liste a:visited {
	text-decoration: none;
	color:#FFFFFF;
}
.liste a:hover {
	text-decoration: none;
	color:#FFFF99;
}
.liste a:active {
	text-decoration: none;
	color:#FFFFFF;
}

#video {
	position:relative;
	float:inherit;	
	width: 460px;	
}