/* INFOBULLES du MENU */
body {  margin:0;
    padding:0;
	background-color:#FFFFFF ;}


* {
margin:0px;
}

h1 { color: #32548F; font-size:medium; font-variant:  small-caps; text-align:center; font-family: Arial, Futura ; }
h2 { color: #AD8618; font-size:small;  text-align:left; }
h3 { color: #32548F; font-size:smaller; }
h4 { color: #32548F; font-size:smaller;  text-align:center; }
p{ color: #AD8618; font-size:smaller;}

ul { color: #AD8618; font-size:small;}



#anim {
width: 100%;
left: 0px;

z-index: 2;}

#twitter {
position :absolute;
left:0em;
float: left;
z-index: 20;
background-color:#FFFFFF ;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

#anim2 {
position: absolute;
background-color:transparent ;
padding:0px;
bottom: 2em;
z-index:25;
}

#bg {
width: 100%;
height: 100%;
position: absolute;
display:block;
left: 0px;
top: 0px;
z-index: -2;
}

#go {
width: 70%;
float:right;
right: 0px;
bottom: 0px;
z-index: 2;
}
#bg2 {
width: 100%;
height: 25%;
position: absolute;
display:block;
left: 0px;
bottom: 0em;
z-index: -1;
background-color:#FFFFFF;
}
img  {
border: 0px;}

a {
color:#003366;
text-decoration : none;

}

#info {
 position: absolute;
 left:0%;
top:100%;
 display:block;
	width:100%;
height: 25%;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
	
	}
#fil {
 position: absolute;
 right:9em;
color: #32548F;
	background-color:transparent;
	padding:0px;
	top:10em;
	text-align:right;
	}
	
	


	#fil2 {


position: absolute;
display:block;
left: 0px;
top: 0px;
z-index: 200;

	}
	#anim2 img {



	}
	
	
	
	a.copy {

color: #003366;

}

a.info {
width:34%;
position: relative;
float:left;
text-decoration: none;
color: #003366;
background : #FFFFFF ; 
border-color: #AD8618;
border-bottom: 1px dotted;
text-align: center;
}
a.info2 {
width:34%;
position: relative;
float:left;
text-decoration: none;
color: #003366;
background : #FFFFFF ; 
border-color: #AD8618;
border-bottom: 1px dotted;
text-align: center;
}
a.info3 {
width:30%;
position: relative;
float:left;
text-decoration: none;
color: #003366;
background : #FFFFFF ; 
border-color: #AD8618;
border-bottom: 1px dotted;
text-align: center;
}
a.info span {
display: none;
background : #FFFFFF ; 
}
a.info2 span {
display: none;
background : #FFFFFF ; 
}a.info3 span {
display: none;
background : #FFFFFF ; 
}
a.info:hover {
background : #FFFFFF ; 
z-index: 500;
}
a.info2:hover {
background : #FFFFFF ; 
z-index: 500;
}a.info3:hover {
background : #FFFFFF ; 
z-index: 500;
}
a.info:hover span {
display: inline;
width:100%;
position: absolute;
float:left;
top: 90px;
left: 0em;
background : #B4CEF1 ; 
border-color: #AD8618;
border-bottom: 1px dotted;
border-right: 1px dotted;
text-align: center;
color: #003366;
padding: 0px;

}
a.info2:hover span {
display: inline;
width:100%;
position: absolute;
float:left;
top: 90px;
left: 0em;
background : #FCECBD ; 
border-color: #AD8618;
border-bottom: 1px dotted;
border-right: 1px dotted;
text-align: center;
color: #003366;
padding: 0px;

}
a.info3:hover span {
display: inline;
width:100%;
position: absolute;
float:left;
top: 90px;
left: 0em;
background : #E5E5E5 ; 
border-color: #AD8618;
border-bottom: 1px dotted;
border-right: 1px dotted;
text-align: center;
color: #003366;
padding: 0px;

}
td  .info{

width:50%;
vertical-align:top;
padding: 2px;
}

#lien{

width:33%;
display: inline;
text-align: center;
padding: 2px;
position:relative;
}

#copy {
position:relative;
margin-top:-10em;
	text-align:center;
	z-index:25;
	}