body {
	margin:0px 0px 0px 0px;
	}

b.titre_tole { 
	font-family: arial,helvetica,sans-serif; 
	font-weight: 700; 
	font-style: normal; 
	text-decoration: none; 
	font-variant: normal; 
	font-size: 16px; 
	color:#ffffff;
	}

b.titre_details { 
	font-family: arial,helvetica,sans-serif; 
	font-weight: 600; 
	font-style: normal; 
	text-decoration: none; 
	font-variant: normal; 
	font-size: 10px; 
	color:#ffffff;
	}


b.texttole { 
	font-family: arial,helvetica,sans-serif; 
	font-weight: 700; 
	font-style: italic; 
	text-decoration: none; 
	font-variant: normal; 
	font-size: 11px; 
	color:#ffffff;
	}


b.diapotitre { 
	font-family: arial,helvetica,sans-serif; 
	font-weight: 700; 
	font-style: normal; 
	text-decoration: none; 
	font-variant: normal; 
	font-size: 12px; 
	color:#000000;
	}


a.haiku:link { 	
	font-family: arial,helvetica,sans-serif;  
	font-weight: 600; 
	text-decoration: none; 
	font-size: 11px; 
	color:#F5DA81;
	}


a.haiku:visited { 	
	font-family: arial,helvetica,sans-serif;
	font-weight: 600; 
	text-decoration: none; 
	font-size: 11px; 
	color:#F5DA81;
	}


a.haiku:active { 	
	font-family: arial,helvetica,sans-serif;
	font-weight: 600; 
	text-decoration: none; 
	font-size: 11px; 
	color:#F5DA81;
	}

a.haiku:hover { 	
	font-family: arial,helvetica,sans-serif;  
	font-weight: 600; 
	font-style: normal; 
	text-decoration:none; 
	font-variant: normal; 
	font-size: 11px; 
	color:#ffffff;
	}


a.haiku-link_rollover {    
	display: block;    
	width: 25px;    
	height: 50px;    
	text-decoration: none;    
	background: url("haiku-link.jpg")  0 0 no-repeat;   
	}

a.haiku-link_rollover:hover {    
	background: url("haiku-link-highlighted.jpg")  0 0 no-repeat;   
	}

a.extranet {    
	display: block;    
	width: 16px;    
	height: 16px;    
	text-decoration: none;    
	background: url("blanchess.jpg")  0 0 no-repeat;    
	}

a.extranet:hover {    
	background: url("tichess.jpg")  0 0 no-repeat;    
	}


/*---------- bubble tooltip -----------*/

a.tt{
    	position:relative;
    
	z-index:24;
    
	color:#0000ff;
	
	font-weight:none;
    
	text-decoration:none;
}

a.tt span{ 
	display: none; 
}


/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover{ 
	z-index:55; 
	color: #00ff00; 
	background:;
}


a.tt:hover span.tooltip{
	display:block; 
	position:absolute;
  
	top: 0px;
	left: 100px;  	
	padding: 12px 0 0 0;
	
	width:600px;
	
	color: #000000;
 
	font-family: arial, helvetica, sans-serif;
 	font-size: 11px;
	font-weight: none;
	text-align: left; 

}


a.tt:hover span.middle{ 
	display: block; 
	padding: 4px 4px; 
 
	background-color:#ffffff;  

	border: 3px solid #333333;
}

/*---------- End bubble tooltip -----------*/



a.tumb{
	/*display:inherit;*/
	/*border: 1px solid #9999FF;*/
	position: relative;
	z-index: 50;
}

a.tumb img{
	display:inherit;
	border: 1px solid #9999FF;
	
	
}

a.tumb:hover{
	
	z-index: 52;
}

a.tumb span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 10px;
left: -4000px;
border: 0px #000000 solid;
visibility: hidden;
color: black;
z-index: 60;
}

a.tumb span img{ /*CSS for enlarged image*/
border-width: 1px #555555 solid;
padding: 0px;
z-index: 70;
}

a.tumb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -670px;
left: -100px;
z-index: 65;

}