/* CSS Document pour le roll-over des icônes de la Lightbox, page documents.htm */

a.infobulle em {
    display:none;
}
a.infobulle:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.infobulle:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}



/*1ère ligne d'images à agrandir sur la page documents.htm
------------------------------------------------------------------*/

/*#laligne1 { 
	float:left;
	width:600px;
	height:80px;
	margin-bottom:10px;
	padding:0;
}*/  /*pas nécessaire ---*/

ul#ligne1 { /*list horizontale pour les logos des partenaires ---*/
	float:left;
	width:600px;
	height:80px;
	margin-bottom:10px;
	padding:0;
	}
ul#ligne1 li {
	float:left;
	padding:0;
	text-indent:-9999px;
	}
ul#ligne1 li a {
	border:0;
	display:block;
	text-decoration:none;
	margin-right:20px;
	background:transparent url(images/docs-ligne1.jpg) no-repeat;
	}
li#imagesdoc a, li#imgdoc1 a, li#imgdoc2 a, li#imgdoc3 a, li#imgdoc4 a, li#imgdoc5 a {
	width:80px;
	height:80px;
	}

li#imagesdoc a:link, li#imagesdoc a:visited, li#imagesdoc a:hover, li#imagesdoc a:focus {	
	background-position:0 0;
	}
li#imgdoc1 a:link, li#imgdoc1 a:visited {	
	background-position:-80px 0px;
	}
li#imgdoc1 a:hover, li#imgdoc1 a:focus {	
	background-position:-80px -80px;
	}
li#imgdoc2 a:link, li#imgdoc2 a:visited {	
	background-position: -160px 0px;
	}
li#imgdoc2 a:hover, li#imgdoc2 a:focus {	
	background-position: -160px -80px;
	}
li#imgdoc3 a:link, li#imgdoc3 a:visited {	
	background-position: -240px 0px;
	}
li#imgdoc3 a:hover, li#imgdoc3 a:focus {	
	background-position: -240px -80px;
	}
li#imgdoc4 a:link, li#imgdoc4 a:visited {	
	background-position: -320px 0px;
	}
li#imgdoc4 a:hover, li#imgdoc4 a:focus {	
	background-position: -320px -80px;
	}
li#imgdoc5 a:link, li#imgdoc5 a:visited {	
	background-position: -400px 0px;
	}
li#imgdoc5 a:hover, li#imgdoc5 a:focus {	
	background-position: -400px -80px;
	}
	

/*2ème ligne d'images à agrandir sur la page documents.htm
------------------------------------------------------------------*/

/*#laligne2 { 
	float:left;
	width:600px;
	height:80px;
	margin-bottom:10px;
	padding:0;
}*/  /*pas nécessaire ---*/

ul#ligne2 { /*list horizontale pour les logos des partenaires ---*/
	float:left;
	width:600px;
	height:80px;
	margin-bottom:10px;
	padding:0;
	}
ul#ligne2 li {
	float:left;
	padding:0;
	text-indent:-9999px;
	}
ul#ligne2 li a {
	border:0;
	display:block;
	text-decoration:none;
	margin-right:20px;
	background:transparent url(images/docs-ligne2.jpg) no-repeat;
	}
li#imgdoc19 a, li#imgdoc6 a, li#imgdoc7 a, li#imgdoc8 a, li#imgdoc9 a, li#imgdoc10 a {
	width:80px;
	height:80px;
	}

li#imgdoc19 a:link, li#imgdoc19 a:visited {	
	background-position:0 0;
	}
li#imgdoc19 a:hover, li#imgdoc19 a:focus {
	background-position:0 -80px;
	}
li#imgdoc6 a:link, li#imgdoc6 a:visited {	
	background-position:-80px 0px;
	}
li#imgdoc6 a:hover, li#imgdoc6 a:focus {	
	background-position:-80px -80px;
	}
li#imgdoc7 a:link, li#imgdoc7 a:visited {	
	background-position: -160px 0px;
	}
li#imgdoc7 a:hover, li#imgdoc7 a:focus {	
	background-position: -160px -80px;
	}
li#imgdoc8 a:link, li#imgdoc8 a:visited {	
	background-position: -240px 0px;
	}
li#imgdoc8 a:hover, li#imgdoc8 a:focus {	
	background-position: -240px -80px;
	}
li#imgdoc9 a:link, li#imgdoc9 a:visited {	
	background-position: -320px 0px;
	}
li#imgdoc9 a:hover, li#imgdoc9 a:focus {	
	background-position: -320px -80px;
	}
li#imgdoc10 a:link, li#imgdoc10 a:visited {	
	background-position: -400px 0px;
	}
li#imgdoc10 a:hover, li#imgdoc10 a:focus {	
	background-position: -400px -80px;
	}



/*3ème ligne d'images à agrandir sur la page documents.htm
------------------------------------------------------------------*/

/*#laligne3 { 
	float:left;
	width:600px;
	height:80px;
	margin-bottom:10px;
	padding:0;
}*/  /*pas nécessaire ---*/

ul#ligne3 { /*list horizontale pour les logos des partenaires ---*/
	float:left;
	width:600px;
	height:80px;
	margin-bottom:10px;
	padding:0;
	}
ul#ligne3 li {
	float:left;
	padding:0;
	text-indent:-9999px;
	}
ul#ligne3 li a {
	border:0;
	display:block;
	text-decoration:none;
	margin-right:20px;
	background:transparent url(images/docs-ligne3.jpg) no-repeat;
	}
li#imgdoc11 a, li#imgdoc12 a, li#imgdoc13 a, li#imgdoc14 a, li#imgdoc15 a, li#imgdoc16 a {
	width:80px;
	height:80px;
	}

li#imgdoc11 a:link, li#imgdoc11 a:visited {	
	background-position:0 0;
	}
li#imgdoc11 a:hover, li#imgdoc11 a:focus {
	background-position:0 -80px;
	}
li#imgdoc12 a:link, li#imgdoc12 a:visited {	
	background-position:-80px 0px;
	}
li#imgdoc12 a:hover, li#imgdoc12 a:focus {	
	background-position:-80px -80px;
	}
li#imgdoc13 a:link, li#imgdoc13 a:visited {	
	background-position: -160px 0px;
	}
li#imgdoc13 a:hover, li#imgdoc13 a:focus {	
	background-position: -160px -80px;
	}
li#imgdoc14 a:link, li#imgdoc14 a:visited {	
	background-position: -240px 0px;
	}
li#imgdoc14 a:hover, li#imgdoc14 a:focus {	
	background-position: -240px -80px;
	}
li#imgdoc15 a:link, li#imgdoc15 a:visited {	
	background-position: -320px 0px;
	}
li#imgdoc15 a:hover, li#imgdoc15 a:focus {	
	background-position: -320px -80px;
	}
li#imgdoc16 a:link, li#imgdoc16 a:visited {	
	background-position: -400px 0px;
	}
li#imgdoc16 a:hover, li#imgdoc16 a:focus {	
	background-position: -400px -80px;
	}



/*4ème ligne d'images à agrandir sur la page documents.htm
------------------------------------------------------------------*/

/*#laligne4 { 
	float:left;
	width:600px;
	height:80px;
	margin-bottom:10px;
	padding:0;
}*/  /*pas nécessaire ---*/

ul#ligne4 { /*list horizontale pour les logos des partenaires ---*/
	float:left;
	width:600px;
	height:80px;
	margin-bottom:10px;
	padding:0;
	}
ul#ligne4 li {
	float:left;
	padding:0;
	text-indent:-9999px;
	}
ul#ligne4 li a {
	border:0;
	display:block;
	text-decoration:none;
	margin-right:20px;
	background:transparent url(images/docs-ligne4.jpg) no-repeat;
	}
li#imgdoc17 a, li#imgdoc18 a, li#imgdoc20 a, li#imgdoc21 a, li#imgdoc22 a, li#imgdoc23 a {
	width:80px;
	height:80px;
	}

li#imgdoc17 a:link, li#imgdoc17 a:visited {	
	background-position:0 0;
	}
li#imgdoc17 a:hover, li#imgdoc17 a:focus {
	background-position:0 -80px;
	}
li#imgdoc18 a:link, li#imgdoc18 a:visited {	
	background-position:-80px 0px;
	}
li#imgdoc18 a:hover, li#imgdoc18 a:focus {	
	background-position:-80px -80px;
	}
li#imgdoc20 a:link, li#imgdoc20 a:visited{	
	background-position: -160px 0px;
	}
	li#imgdoc20 a:hover, li#imgdoc20 a:focus {	
	background-position: -160px -80px;
	}
li#imgdoc21 a:link, li#imgdoc21 a:visited{	
	background-position: -240px 0px;
	}
	
li#imgdoc21 a:hover, li#imgdoc21 a:focus {	
	background-position: -240px -80px;
	}
li#imgdoc22 a:link, li#imgdoc22 a:visited {	
	background-position: -320px 0px;
	}
	
li#imgdoc22 a:hover, li#imgdoc22 a:focus {	
	background-position: -320px -80px;
		}
li#imgdoc23 a:link, li#imgdoc23 a:visited {	
	background-position: -400px 0px;
	}
li#imgdoc23 a:hover, li#imgdoc23 a:focus {	
	background-position: -400px -80px;
	}



/*Contrôler l'apparence des info-bulles
------------------------------------------------------------------*/
a.infobulle {
position:relative;
text-decoration:none;
color:black;
border-bottom:1px gray dotted;
}
a.infobulle span {
display:none;
}
a.infobulle:hover {
background:none; /* correction d'un bug IE */
z-index:500;
}
a.infobulle:hover span {
display:inline;
position:absolute;
top:2em;
left:1em;
background:#ffffff;
text-align:center;
color:#000;
padding:2px;
}