#pop1, #pop2 {
	position: fixed;
	display:none;
	width: 51em;
	border: 1px solid white;
	background: #DA0002;
	
	z-index:500;
	font-size: 100%;
	overflow: auto;
	visibility: visible;
	color: white;
}
#pop1 p, #pop2 p {
margin: 1em;
}
#pop1 h1, #pop2 h1 {
font-size: 100%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: white url(top.gif) left top repeat-x;
color: black;
text-align: center;
}


.pop {
cursor:default;
text-decoration: none;
color: 737373;
}

a.pop {
cursor:default;
text-decoration: none;
background-image: url("../images/design/croix_plus.gif");
color: 737373;
}

a.infopopup
{
position:relative;
cursor:default;
text-decoration: none;
background-image: url("../images/design/croix_plus.gif");
color: 737373;
}

a.infopopup:hover {z-index:25; background-color:#DA0002}

a.infopopup span{display: none}

a.infopopup:hover span
{
    display:block;
    position:absolute;
    top:2em; left:2em;

	  border: 1px solid white;
	  background: #DA0002;
}


span.bulle {
position:relative;
	cursor: pointer;
text-decoration: none;
background-image: url("../images/design/croix_plus.gif");
color: white;
	}
span.bulle:hover {
	}
span.bulle span {
	display: none;
	}
span.bulle:hover span {
    display:block;
    position:absolute;
    top:2em;left:-1em;
	  width: 41em;
	  border: 1px solid white;
	  background: #DA0002;
	  z-index:500;
	}