body { 	width: 1000px;  height: 100px;	margin: 0px;	padding: 0px;  background-color: #0E3B7C; margin-left: auto; margin-right: auto;}
/* L'en-tête */


p a {text-decoration: none ; color:#0066FF ;padding:0 ; size=10px;  }
p a:hover {color:#CC0000;}

.lien a {text-decoration: none ; color:#0066FF; padding:0 ;  }
.lien a:hover {color:#CC0000;}

img.liste {
	
   	margin-left: auto;
   	margin-right: auto;

}

div#entete {
   width: 979px;
   height: 120px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("/img/france_inflation.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}



div#container {
   width: 979px;
   margin-left: auto;
   margin-right: auto;

   color: #0000CC;
   font-family: Arial, Verdana, Helvetica,"Arial Black", "Times New Roman", Times, serif;
   font-size: 14px;
   background-color: #FFFFFF;

}

div#mini {
	float: left;
	width: 200px;

}

div#graph { 	float: left;	padding: 10px;}
div#gauche { 	float: left;	padding: 5px;	width: 160px; }
div#droite { 	float: right;	padding: 10px;	width: 140px; text-align:left; font-size: 12px; color: #0000CC; vertical-align: bottom;}
div#centre { 	padding: 5px;   margin-left: 160px;   margin-right: 150px; }
div#gauche_double {  clear: left;	padding: 0px;	 margin-left: 50px;  margin-right: 50px;}



/* begin hide from ie5 \*/
* div#gauche {height:1%;}
* div#centre {height:1%;}
* div#droite {height:1%;}
/* hide end */


div#pied {
  clear: both;
	width: 970px;
	height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 20px;

   padding: 5px;
   text-align: center;
   color: white;
   background-color: #003366;
   border: 0px solid black;
	
}

#inline { 	display: inline;	width: 200px;	height: 160px;}
#left { 	float: left;}
#right {	float: right;}



#saut_g {   clear: left;}
#saut_d {   clear: right;}
#saut_dg {   clear: both;}

H3 {

	margin: 15px 0 5px 0;
  font-style: italic;
  background: #C0F0FF
}

/* tableau */

#mini{
 float: left;
		width: 100%;
		text-align: center;
}

#mini TD { width: 50%;  text-align: center;}


#actuel { border: 1px solid #0033ff; border-collapse: collapse; width: 90%; text-align: center;}
#actuel td { border: 1px solid #0033ff; width: 20%; padding: 5px; text-align: center; background-color: #ffffff; }

.histo {    margin-left: auto; margin-right: auto; border: 1px solid #0033ff; border-collapse: collapse; width: 80%; text-align: center;}
.histo td { border: 1px solid #0033ff; width: 20%; padding: 2px; text-align: center; background-color: #ffffff; }


/* solution css play */
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

a.p1 {display:block; width:0px; height:0px; text-decoration:none; background:#fff; border:0; margin:0px; float:left;}
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:#fff; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; top:-9999px;  padding:0px; opacity:0;

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;

}


a.p1:hover b {top:-425px; left:-200px; padding:10px; border:1px solid #aaa; background:#ccc; opacity:1.0;

}