/* CSS Document */
/* éléments communs */

body {
	background:transparent url(imgs/flho-cadrant.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#BB0000;
	}
span {
	/*le texte entre les balises <a> est ejecté hors du format
	mais toujours lisibles pour les navigateurs textuels*/
	position:absolute;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
}
ul,li {
	margin:0px;
	padding:0px;
	list-style-type: none ;  /*Suppression des puces*/
}

/* ----- tetiere ----- */
#logo-flho {
	display:block;
	position:absolute;
	left:32px;
	top:20px;
	/*background:transparent url(imgs/logo-flho.gif) left top;*/
	width:127px;	/*height:43px;*/
	}
#logo-flho img {
	margin:0 auto;
	display:block;
}
#logo-flho a {
	/*display: block ;
	height:43px;
	width:105px;
	text-decoration:none;*/
	}
#logo-flho a:hover {
	/*display: block ;
	height:43px;
	width:105px;
	text-decoration:none;
	background:transparent url(imgs/logo-flho.gif) 1px 1px;*/
	}

ul#tetiere  {
/*	
	pas de liens tetiere pour l'instant
	display:block;
	position:absolute;pour IE 5 et 5.5 slt
	top:136px;
	left:182px;
	float:left;
	arrière-plan général du contacts_graphistes
	background:transparent url(/imgs/picto-graph.png) top left no-repeat;
	width:249px;
	height:75px;
	text-align:center;
	z-index:20;*/
}
/* ----- liste des sites web -----*/
ul#liste-sites-web {
	display:block;
	position:absolute;
	top:370px;
	left:450px;
	background-image:url(imgs/liste-sites-web.gif);
	background-repeat:no-repeat;
	background-position:0px -290px;
	width:132px;
	height:272px;
	padding:14px 0 0 0;/*décalage du premier bouton*/
	z-index: 4;
	/*	border:thin solid #0099FF;*/
}
ul#liste-sites-web li {display:inline;}
/* la même zone de survol pour chaque bouton*/
ul#liste-sites-web li a {
	display: block ; 
	width:132px;
	height:18px;
	text-decoration: none ;
}
/* le fond des boutons survolés*/
ul#liste-sites-web li a:hover {background-image:url(imgs/liste-sites-web.gif);}
/* ...en faisant glisser l'image pour chacun*/
ul#liste-sites-web li a#atheon:hover {background-position:0px -14px;}
ul#liste-sites-web li a#citron:hover {background-position:0px -32px;}
ul#liste-sites-web li a#smol:hover {background-position:0px -50px;}
ul#liste-sites-web li a#ludimus:hover {background-position:0px -68px;}
ul#liste-sites-web li a#hitachi:hover {background-position:0px -86px;}
ul#liste-sites-web li a#anney:hover {background-position:0px -104px;}
ul#liste-sites-web li a#jmp:hover {background-position:0px -122px;}
ul#liste-sites-web li a#rachelli:hover {background-position:0px -140px;}
ul#liste-sites-web li a#maximicro:hover {background-position:0px -158px;}
ul#liste-sites-web li a#evolutions:hover {background-position:0px -176px;}
ul#liste-sites-web li a#stardust:hover {background-position:0px -194px;}
ul#liste-sites-web li a#platinum:hover {background-position:0px -212px;}
ul#liste-sites-web li a#ampersand:hover {background-position:0px -230px;}
ul#liste-sites-web li a#europsilver:hover {background-position:0px -248px;}



/*-- affichage des visuels ---*/
#visuels-web-zoomOFF {
	display:block;
	position:absolute;
	top:239px;
	left:41px;
	width:500px;
	height:156px;
	z-index:2;
}	
/*commentaires sur le visuel sélectionné*/
.comment {
	display:none;
	position:absolute;
	top:230px;
	left:556px;
	width:219px;
	height:139px;
	padding:18px 0;
	/*border:thin solid #0099FF;
	background:transparent url(imgs/fd-comment.gif) no-repeat left top;*/	
	z-index:3;
}
.comment p {
	margin:6px 20px;
	}

		
/*ma participation dans le travail sélectionné*/	
ul#participation {
	display:block;
	position:absolute;
	top:73px;
	left:623px;
	background:transparent url(imgs/participation.gif) no-repeat 0 -148px;
	width:129px;
	height:148px;
}
ul#participation li { 
	display:block;
	width:119px;
	height:37px;
	list-style-type: none ; }

#actualisation {
	display:block;
	position:absolute;
	width:118px;
	top:562px;
	left:7px;
	color:#666666;
}
#actualisation a {
	font-size:11px;
	font-weight:bold;
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#actualisation a:hover {
	text-decoration:underline;
	}
a.retour {
	display:block;
	margin: 7px auto;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	color: #06C;
}
.cartouche {
	border:solid 2px #0075B0;/*bleu cyan*/
	width:113px;
	background-color:#E3F1EC;
	z-index:20;
	/*coins arrondis pour Gecko et Webkit*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px;
	font-size:10px;
	margin-top:10px;
}