body {font-family: arial, verdana, helvetica, sans-serif; text-align: center; font-size:100%; color:#000; padding:0; border:0; margin:0; background-color:#CACACA;}
p {padding:4px 0 6px 0; margin:0;}

h1 {
font-size:12px;
font-weight: bold;
color: #04468f;
padding:0 0 2px 0;
margin:0;
}

h2 {
font-size:12px;
font-weight: normal;
color: #000;
padding:0;
margin:0;
}

h3 {
font-size:12px;
font-weight: normal;
color: #FFF;
padding:10px;
margin:0;
}

h4 {
font-size:12px;
font-weight: normal;
text-align:justify;
color: #000;
padding:5px 15px 5px 10px;
margin:0;
}

h5 {
font-size:12px;
font-weight: normal;
text-align:justify;
color: #000;
padding:5px 10px 5px 40px;
margin:0;
}

h5 a, h5 a:visited {
font-size:12px;
color: #04468f;
text-decoration: none;
}
h5 a:hover {
font-size:12px;
color: #04468f;
text-decoration: underline;
}

h6 {
font-size:14px;
font-weight: bold;
color: #04468f;
padding:5px 15px 5px 10px;
margin:0;
}

#cadre {
margin-left: auto;
margin-right: auto;
text-align:left;
width:750px; 
overflow: hidden;
position: relative;
padding:0;
background:url(images/fond.gif) #CACACA repeat-y;
}

#pub {
/*margin-left: auto;
margin-right: auto;
style="position:absolute;  z-index:100;"*/
left:0; 
top:105px;
width:750px; 
position: absolute;
z-index:100;
padding:0;
}

#header {
width:750px; 
height:136px; 
position: relative;
background: url(images/haut.gif) no-repeat;
}

#left{
display:block;
float:left; 
position: relative;
z-index : 10;
padding:0;
margin:1px 2px 2px 9px;
}


#right {
display:block;
float:right; 
position: relative;
z-index : 10;
padding:0;
margin:1px 10px 0px 0px;
}
 
* html #left{
margin:1px -1px 2px 6px;
position: relative;
z-index : 10;
left:-3px;
}

* html #right{
position: relative;
z-index : 10;
margin:1px 5px 2px -3px;
}
 
#bas {
float: left;
width: 731px; 
height:60px; 
background: #597da8;
margin: 0 0 0 9px;
}

* html #bas{
margin:0 -3px 0 6px;
position: relative;
left:-3px;
}


#foot {
clear:both;
margin-left: auto;
margin-right: auto;
height: 40px;
text-align:right;
font-size:10px;
color: #666;
padding:0;
width:750px; 
overflow: hidden;
background:#CACACA;
margin:0;
}

.linkf a, .linkf a:visited {
color: #666;
text-decoration: underline;
}

.linkr {
font-size:10px;
font-weight: normal;
color: #CACACA;
}

.linkr a, .linkr a:visited {
color: #CACACA;
text-decoration: none;
}

.linkr a:hover {
color: #CACACA;
text-decoration: none;
}

#presentation{
width:387px; 
height:202px;
padding:0;
background: #87a2c1;
}

#map{
width:342px; 
height:202px;
padding:0;
}

#temoins{
width:342px; 
margin:2px 0 0 0;
padding:0;
/*background: #a6bfd8;*/
}

#temoins a, #temoins a:visited {
font-size:10px;
color: #FFFFFF;
text-decoration: none;
background-color: #597DA8;
}
#temoins a:hover {
font-size:10px;
color: #FFFFFF;
text-decoration: none;
background-color: #04468f;
}

#confiance{
font-size:12px;
color: #04468f;
padding:7px 7px 0 20px;
}

#qui{
float:left;
display: block;
width:450px; 
padding:0;
/*background: #87a2c1;*/
}

img.temoins {
float:right; margin: 7px 16px 2px 7px; padding:0
}

#qui a, #qui a:visited {
color : #04468f;
font-weight: normal;
text-decoration: underline;
}
#qui a:hover {
color : #04468f;
font-weight: normal;
text-decoration: underline;
}

#qui2{
width:279px; 
padding:0;
margin:0;
background: #a6bfd8;
}

/*    ///////  ref    //////////////      */

.ref { 
border-style:solid; 
border-width:1px; 
border-color:#597da8;
background-color:#597da8;
border-collapse: collapse;
width:430px;
margin-left:10px;
}

.ref td { 
border-style:solid; 
border-width:1px; 
border-color:#597da8;
background-color:white;
padding:4px 5px 4px 5px;
/*border-color:white;*/
}

#qui .tdnostyle  { 
border-style:solid; 
border-width:1px; 
border-color:#FFF;
background-color:white;
/*border-color:white;*/
}

#qui p {
font-size:11px;
font-weight: normal;
color: #04468f;
padding:0;
margin:0;
}


.bouton{
float:left;
display:block; 
margin: 4px 0 4px 27px;
}

.bouton a, .bouton a:visited {
font-size:10px;  
text-align:left; 
color:white; 
background-color:#597da8; 
border: 0px solid white;
text-decoration: none;
padding:0 5px;
}

.bouton a:hover {
color: white; 
text-decoration:none;
background-color:#597da8;
}

* html .bouton {
margin:4px -3px 4px 24px;
position: relative;
left:-3px;
}

.titre1 {
float:left;
margin: 0 ;
font-size:13px;  
text-align:left; 
color:white; 
background-color:#597da8; 
border: 0px solid white;
text-decoration: none;
padding:1px 5px;
}

.vert{
color:#339900; 
}

* html .titre1{
margin:0 7px;
position: relative;
left:-3px;
}

.contentslide{
border: 0px solid navy;
border-bottom-width: 0;
padding: 3px 2px 0px 10px;
width: 375px;
text-align: justify ;
}

.contentslide .contentdiv img {
float:left; margin: 7px 7px 2px 0; padding:0
}

.contentslide .contentdiv a, .contentslide .contentdiv a:visited {
font-size:10px;
color: #FFFFFF;
text-decoration: none;
background-color: #597DA8;
}
.contentslide .contentdiv a:hover {
font-size:10px;
color: #FFFFFF;
text-decoration: none;
background-color: #04468f;
}



.contentslide .contentdiv{
display: none;
font-size:12px;
padding:0 2px 0 5px;
}

.pagination{
width: 387px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
height: 22px;
text-align: right;
background: url(images/actu.gif) no-repeat;
border-width: 0; /*Left/ right border width of pagination DIV.*/
padding: 5px 0 1px 0;
font-size:11px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 375px; /*IE5 width*/
w\idth: 387px; /*IE6 width*/
}

.pagination a{
padding: 1px 5px;
text-decoration: none; 
color: white;
background-color: #597da8;
font-size:11px;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: white;
}

.flux{
clear:both;
}

#nav {
	float: left;
	position: relative;
	z-index : 20;
	width: 721px;
	height: 24px;
	list-style: none;
	line-height: 1;
	background: #04468f;
	font-weight: normal;
	padding: 0 0 0 10px;
	margin: 0 0 1px 9px;
	font-size: 12px;
}

* html #nav{
margin:0 -3px 1px 6px;
position: relative;
z-index : 20;
left:-3px;
}

#nav ul {
	float: left;
	width: 721px;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: normal;
	padding: 0;
	margin: 2px 0;
	vertical-align:middle;
}


#nav a.pos1 {
	display: block;
	width: 56px;
	w\idth: 40px;
	color: white;
	text-decoration: none;
	padding: 2px 8px;
}

#nav a.pos2 {
	display: block;
	width: 79px;
	w\idth: 63px;
	color: white;
	text-decoration: none;
	padding: 2px 8px;
}

#nav a.pos22 {
	display: block;
	width: 79px;
	w\idth: 63px;
	color: white;
	text-decoration: none;
	padding: 3px 8px;
}

#nav a.pos3 {
	display: block;
	width: 92px;
	w\idth: 76px;
	color: white;
	text-decoration: none;
	padding: 2px 8px;
}

#nav a.pos4 {
	display: block;
	width: 131px;
	w\idth: 115px;
	color: white;
	text-decoration: none;
	padding: 2px 8px;
}
#nav a.pos5 {
	display: block;
	width: 100px;
	w\idth: 90px;
	color: white;
	text-decoration: none;
	padding: 2px 5px;
}
#nav a.pos6 {
	display: block;
	width: 139px;
	w\idth: 123px;
	color: white;
	text-decoration: none;
	padding: 2px 8px;
}
#nav a.pos66 {
	display: block;
	width: 210px;
	w\idth: 194px;
	color: white;
	text-decoration: none;
	padding: 3px 8px;
}

#nav a:hover{color: #d5d7d7; text-decoration: none;}

#nav li{
	float: left;
	padding-bottom:1px;
	margin-top: 3px;
	vertical-align: middle;
}

#nav li.spos5 {
	float: right;
	padding-bottom:1px;
	margin: 3px 14px 0 0;
	width: 103px;
	w\idth: 93px;
	vertical-align: middle;
	background: #597da8;
}

#nav li ul.spos22 {
	position: absolute;
	left: -999em;
	height: auto;
	width: 79px;
	font-weight: normal;
	border-width: 0px;
	background: #597da8;
	padding:4px 0;
	margin: 0;
}
#nav li ul.spos66 {
	position: absolute;
	left: -999em;
	height: auto;
	width: 210px;
	font-weight: normal;
	border-width: 0px;
	background: #597da8;
	padding:4px 0;
	margin: 0;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	left: auto;
	background: #597da8;
	vertical-align: middle;
}

/*    ///////  graph    //////////////      */

.bargraph {
	font: 11px Arial;
	color: #597da8;
	text-align:center;
	border-collapse: collapse;
	width: 430px;
	background: #FFFFFF;
}
.bargraph td {
	padding:0;
	margin:0;
	vertical-align:bottom;
	font-weight: normal;
	background: #FFFFFF url(images/gridline.gif) 15px bottom;
}
.bargraph th {
	font-weight: bold;
	text-align:center;
	background: #FFFFFF;
}
.bargraph img{
	display:block;
	border-right: 1px solid #FFF;
}