@charset "UTF-8";
/* CSS Document */

/* structure */

/* base */

a img{
border: 0;
}


body {
margin: 0;
padding: 0;
background:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
	}


#graph {
	position:relative;
	left:0px;
	top:0px;
	width:23px;
	height:900px;
	background:blue;
	
}





#contenu {
	position:relative;
	margin: 0 auto;
	top:0px;
	height:768px;
	width:1024px;
	font-size:11px;
	background:white;
	
}

#elementgraphique {
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	height:auto;
	color:black;
	font-size:18px;
}









#menu {
	position:absolute;
	top:30px;
	left:0px;
	color:black;
	font-size:24px;
}


#menutexte {
	position:relative;
	top:0px;
	left:0px;
	height:108px;
	width:104px;
	font-size:14px;
	color:white;
	
}


#work {
	position:absolute;
	top:136px;
	left:225px;
	height:569px;
	width:797px;
		
	border:none;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
}

#work2010 {
	position:absolute;
	top:136px;
	left:225px;
	height:569px;
	width:797px;	
	border:none;
}

#bio {
	position:absolute;
	top:154px;
	left:225px;
	height:569px;
	width:797px;
	background-color:white;
	border:none; 
    overflow: auto; 
    z-index: 1; 
  
}

.bas{
line-height: 15px;
position: absolute; 
left: 14px; 
top:11px; 
width:620px;  
font-size:12px;

}



#ligne1 {
	position:absolute;
	top:136px;
	left:225px;
	height:1px;
	width:797px;
	background-color:black;
	background-repeat: repeat;
}

#ligne2 {
	position:absolute;
	top:736px;
	left:225px;
	height:1px;
	width:797px;
	background-color:black;
	background-repeat: repeat;
}




#sousmenu {
	position:absolute;
	top:137px;
	left:3px;
	height:251px;
	width:154px;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	
}



#titre {
	position:absolute;
	background-color:black;
	color:white;
	top:30px;
	left:225px;
	font-size:18px;
	color:white;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	width: 185px;
}

#soustitre {
	position:absolute;
	background-color:none;
	color:white;
	top:62px;
	left:225px;
	font-size:11px;
	color:black;
	font-style: italic;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 798px;
	height: 67px;
}

#catalog {
	position:absolute;
	background-color:none;
	color:white;
	top:737px;
	left:227px;
	font-size:11px;
	color:black;
	font-style: italic;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 778px;
	height: 31px;
}




/* liste */



ul{
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	list-style-image: none;
	list-style-type: square;
	font-size:11px;
	width: 663px;
}
 
  ol{
 list-style: none; 
 position: absolute; 
 left:-20px; 
 top: 24px; 
 font-size:11px;
 }



/* style */

.Style1 {
	color: black;
	font-size: 14px;
	background-position: right;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;	
}
.Style3 {
	color: #66caf1;
	font-size: 11px;
	background-position: right;
	font-weight: bold;
}

.Style4 {
	color: black;
	font-size: 11px;
	background-position: right;
	font-weight: bold;
	text-decoration: underline;
}

.Style5 {
	color: #66caf1;
	font-size: 11px;
	background-position: right;
	font-weight: bold;
	text-decoration: underline;
}






/* lien */

a.menu{
	text-decoration: none;
	color: white;
	background: black center center;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	}
	
	

a.menu:hover, a.menu:active, #MenuOn {
	text-decoration: none;
	color: #fff000;
	background: black center center;
	height: 18px;
	font-family: "Times New Roman", Times, serif;	
	}
	
	
	
	
	
a {
	text-decoration: none;
	color: black;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	}
	
	
a:hover, #MenuOn {
	text-decoration: none;
	color: #fff000;
	background: #white center center;
	height: 11px;
	border-bottom: 3px solid #blue;
	background-color: black;
	border: none;
	background-position: 128px 21px;	
	}
	
	
	
	a.home {
	text-decoration:none;
	color: white;
	font-family: "Times New Roman", Times, serif;
	font-size: 333px;
	}
	
	
	a.home:hover{
	text-decoration: none;
	color: black;
	font-size: 333px;	
	}
	
	
	





/* infobulle */




a.info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: cross; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   text-decoration: none;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 0px; /* on positionne notre infobulle */
   left: 50px;

   background: black;

   color: white;
  

   border: 0px solid black;
   border-left: 1px solid black;
}