a {outline: none;}
a img{border:none;}
ul, ol{ margin:0; padding:0; list-style-type:none;}


body{
	text-align:center;
	font-family:Arial;
}




div#container{
	margin: 0 auto;
	text-align:left;
	width:56.25em;
    border:1px solid #ccd8e1;
 
    /*border:1px dotted #orange;*/
    
    
	position:relative;
	left:0;
}




div#header{
	overflow:hidden;
}

div#header h1{
	margin:0;
}

div#header h1 img{
	display:block;
}




/* -------------- _____________ ----------- */
/* --------------   navigation  ----------- */
/* -------------- _____________ ----------- */



ul#nav_haute{
	
	clear:left;
	height:1.31em;
	background-color:#24315e; 
	background-image:url(images/bandeau-nav01-normal.gif);
	padding-left:2.25em;
	
	/*border:1px dotted red;*/
	width:56.25em;
	position:relative;
	top:0;	
	
}

html>body ul#nav_haute{
	width:auto;
}



ul#nav_haute li.level1{
	float:left;
	border-left:1px solid #ddf;
	width:auto;
	height:1.31em;
	line-height:1.31em;

}


ul#nav_haute li.level1 a{
	color:#fff;
	display:block;
	padding:0 2.8em;
	text-decoration:none;
	font-size:.7em; 	 /* font-size ATTENTION */
}


ul#nav_haute li.current {
	background-image:url(images/bandeau-nav01-clique.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

ul#nav_haute li.current a{
	color:rgb(125,17,33);
	font-weight:bold;
}


ul#nav_haute li.level1 a:hover{
	background-image:url(images/bandeau-nav01-rolover.gif);
}


/* pas de rollover sur celui-là */
ul#nav_haute li.current a:hover{
	background-image:none;
}



ul#nav_haute li.level1 ul {
	display:none;
}


/* le sous menu */

ul#nav_haute li.current ul {

	position:absolute;
	left:0;
	top:1.31em;
	height:1.31em;
	display:block;

	width:56.25em;
	padding:0;
	margin:0;
	
	background-image:url(images/bandeau-nav01-clique.gif);
	background-repeat:repeat-x;
	background-position:bottom left;	
	
	border-bottom:1px solid silver;
	padding-left:2.25em;
	/*border:1px dotted red;*/
}


html>body ul#nav_haute li.current ul{
	width:54em;
}


ul#nav_haute li.current ul li {
		float:left;
		width:auto;
		padding:0;
		margin:0;
}


ul#nav_haute li.current ul li a{

		margin-left:6px;
		padding-left:16px;
		color:#036;
		font-weight:normal;
		display:block;
		/*border:1px solid green;*/
		
		text-align:left;
		
		background-image:url(images/fleche-bleue.gif);
		background-repeat:no-repeat;
		background-position:0 50% ;	
		
}


ul#nav_haute li.current ul li a.actif{
	font-weight:bold;
	color:rgb(125,17,33);
	background-image:url(images/fleche-bordeaux.gif);
}


ul#nav_haute li.current ul li a:hover{
	color:rgb(255,17,33);
	background-image:url(images/fleche-rouge.gif);
}




/* -------------- _____________ ----------- */
/* -------------- zone centrale ----------- */
/* -------------- _____________ ----------- */


div#zone_centrale{
	min-height:30.00em;
	
	background-image:url(images/fond-filigrane.gif);
	background-repeat:no-repeat;	
	padding-top:1em;


}




div#footer{
	clear:both;
    position:relative;
	top:24px;
	/*border:1px dashed red;*/
	overflow:auto;
	width:56.25em;
	
}


div#footer ul{
	/*border:1px solid orange;*/
	font-size:.68em;
	font-family:Arial;
	overflow:auto;
    width:65%;
    float:left;
    margin-left:2em;
	
}



div#footer ul li{
	float:left;
	width:auto;
	text-align:left;
	padding:0 .8em;
	margin:0;
	/*border:1px solid silver;*/
	color:#00305c;
	text-align:center;
	height:23px;
	line-height:23px;
}

div#footer ul li.onglet{
	width:84px;
	padding:0;
}

/*    credit les chahuteurs */

div#footer ul li a{
	text-decoration:none;
	color:#00305c;
}




div#footer ul li.onglet a{
	text-decoration:none;
	color:#00305c;
	display:block;
	height:23px;
	line-height:23px;
	background-image:url(images/onglet-langue-normal.gif);
	background-repeat:no-repeat;
	background-position:top left;
	outline: none;
}



div#footer ul li a:hover{
	color:#000;
	text-decoration:underline;
}


div#footer ul li.onglet a:hover{
	background-image:url(images/onglet-langue-hover.gif);
}


div#footer ul li.onglet a.actif{
	background-image:url(images/onglet-langue-current.gif);
	color:#fff;
}



div#footer ol {
  float:left;
  width:30%;
  text-align:right;
  /*border:1px solid pink;*/
}

div#footer ol li {
   display:inline;
}

div#footer ol li a img {
    border:none;
    vertical-align:bottom;
}