.gris{

	color:#80828e;

}

.clear{
	clear:both;
	height:1px;
	font-size:1px;
}

/* aspect général */
body {
background-color:#dddfeb;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:0.8em;
line-height:125%;


margin: 0; /* pour éviter les marges */

}

blockquote {

margin-top:0px;
margin-bottom:8px;

}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

p{
color:#ffffff;
font-size:1em;
margin-bottom:1em;
margin-top:0;
}
ul{
margin-top:0px;
margin-bottom:8px;

color:#fff;
font-size:0.95em;
list-style-type:none;

}

a { color:#ffffff; text-decoration:none; }
a:visited { color:#ffffff; font-weight:inherit; text-decoration:none; }
a:hover{  color:#ffffff; text-decoration:underline; }
a img {	border:0 }

h1 {
 color:#fff; text-transform:uppercase;font-size:1.1em;
}

h2 {
 color:#fff; text-transform:uppercase;font-size:1.1em; margin-bottom:5px;

}

h3 {
font-size:1em;
font-weight:bold;
margin-top:12px;
margin-bottom:3px;

padding:0;
}



/*---------------------------------- couleurs */


/* fin ---------------- aspect général */



/*================== différents cadres =====================*/
#global .lang_acc  {
	
	text-align:center; text-transform:uppercase; float:left; margin-top:-50px;
	}
#global .lang_acc a,#global .lang_acc a:link,#global .lang_acc a:visited {
	background-color:#C1C9E8; color:white; padding:3px;margin:1px; font-size:1.1em; font-weight:bold;
	}
	#global .lang_acc a:hover,#global .lang_acc a:active  {
	color:black;text-decoration:none
	}

		#global a.lang_selec,#global a:link.lang_selec,#global a:visited.lang_selec  {
	background-color:#054c8e;
	}

		#global img  {
	margin:0
	}
.pied {
margin-top:35px;
margin-bottom:20px;
background-color:#b9bfc0;
color:#2f4146;
width:70px;
padding:3px;
clear:both;
font-size:0.85em;
padding-left:6px;

}
.pied a{
color:#2f4146;
}
/* conteneur principal */
#global {
    position:relative;
   width: 850px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px

}

			
#menu {
	text-align:center; position:absolute; z-index:100;
	margin-top:15px;
	float:left; width:415px; background-color:#054c8e; margin-left:-50px; margin-bottom:10px;
	}
		#menu ul{
			list-style-type:none; margin:0px; padding:0px;
			text-transform:uppercase; font-size:0.95em; font-weight:bold; color:#f0eade
			}
			#menu ul a,#menu ul a:link ,#menu ul a:visited { color:#f0eade }
			#menu ul a:hover ,#menu ul a:active  { text-decoration:underline; color:#f0eade }
#menu li {
	float:left; background-color:#054c8e; border-right:1px solid #f0eade;padding:2px 6px;width:auto; display:block
}
			
			
			
	#illus{
	
	float:left;
	width:410px;color:#adb2d2; font-size:0.8em;
	
	}	

		#illus p{
	color:#adb2d2;
	margin-top:25px;
	line-height:110%;
	}	
	#illus a:link,#illus a:visited,#illus a:hover,#illus a:active { color:#adb2d2 }
	
	#illus img{
	border:10px solid #054c8e;border-left:0px; border-right:0px; margin-bottom:5px; background-color:#054c8e;
	}	
	
	
	#contenu_txt{
	float:left;
	margin-left:2em;
	width: 380px; font-size:0.9em; background-color:#054c8e; padding:8px;padding-top:2px;

	}

.blocs3 { display:block; width:135px; height:auto; overflow:hidden; float:left; }
.sous_titre { color:#FFF; font-size:0.85em; text-transform:none; font-weight:normal; padding-top:0.5em; }
.logo {margin-right:80px; display:inline-block; width:370px; float:right;}

.accueil img { float:left;margin:0;padding:0px; z-index:2}
.ferme { margin:0px; padding:2px; display:block; position:absolute; width:1.2em; height:1.2em; border:2px solid black; top:1em; right:1em; text-align:center; color:#000; font-weight:bold; font-size:1.5em;}
.ferme a { color:#000;margin:0px; padding:0px; }

a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  white;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  3px solid black; /* Définition des bordures */
	color:black;
} 

a.info_bulle span strong
{								   
	display:block; margin-top:0.5em; text-transform:uppercase; font-size:1.1em;
} 
#global a.info_bulle span img
{								   
	border-right:3px solid black; margin-right:0.5em; display:block;
} 
a.info_bulle
{				
  text-decoration : none;   
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
  display:block;
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  100px !important;
    left       :  30% !important;
	top:0px; left:0px;
	margin:0px !important;
    width      :  500px;
    height     :  auto;
    overflow   :  visible;
	z-index:100;
	
	margin-left:-15%;
}