body {
	background-image:url("../images/fond.jpg");
	background-repeat: no-repeat;
	

}

/* cadres */
#page {
	width: 90%;
    height: 90%;
	text-align:left;
  	z-index:1;
	
}



.blocchemin{
	position:absolute;
	border:0px solid #123456;
	top:60px;
	margin-left:100px;
}

.bloctitre{
	position:absolute;
	border:0px solid #123456;
	top:6.7em;
	left:320px;
	width:25em;
	padding:0;
}


.bloctexte{
	position:absolute;	
	float:left;
	top:180px;
	margin-left:175px;
	width: 63%;
	border:0px solid #00A5CF;
	margin-bottom:1em;
	height:100%;
}

.blocrubrique{
	position:absolute;	
	top:230px;
	margin-left:185px;
	width: 56%;
	border:0px solid #00A5CF;
}

.blocrubrique2{
	position:absolute;	
	top:165px;
	margin-left:185px;
	width: 56%;
	border:0px solid #00A5CF;
}

.blocblanc{
	position:absolute;
	border:0px solid #00A5CF;
	top:260px;
	margin-left:0px;
	float:left;
}

.blocsortir{
	position:absolute;
	border:0px solid #000000;
	top:80px;
	margin-left:325px;
}

.blocune{
	position:absolute;
	border:0px solid #00A5CF;
	top:180px;
	left:575px;
}

.blocrecherche{
	position:absolute;
	border:0px solid #00A5CF;
	top:22px;
    right:20px;

}

.blocgauche{
	position:absolute;	
	float:left;
	background-color:#EEB13E;
	background-image:url("../images/menu/menu-fond.gif");
	border:1px solid #00A5CF;
	top:120px;
	left:-1px;
}

.blocgaucheUne{
	position:absolute;	
	float:left;
	background-color:#EEB13E;
	background-image:url("../images/menu/menu-fond.gif");
	border:1px solid #00A5CF;
	top:241px;
	left:-1px;
}


#blocdroite{
	position:absolute;
	float:left;
	background-color:#78C6F0;
	border:1px solid #426593;
	right:0px;
	top:-1px;
	padding-left:10px;
	width: 17%;
    height: 100%;
	text-align:left;
  	z-index:2
}

.blocbas{
	position:absolute;
	top:540px;
	left:0px;

}

.blocunebas{
	margin-top:28px;
	margin-left:0px;
}

.blocindik{
	position:absolute;
	top:370px;
	left:20px;
}

.blocvoeux{
	position:absolute;
	top:300px;
	left:310px;
}

.blocbleu{
	position:relative;
	border:0px solid #00A5CF;
	margin-top:150px;
	margin-left:150px;
}

.blocbleu2{
	border:0px solid #D8DF32;
	margin-bottom:1em;
margin-left:200px;
}

.blocvert{
	border:0px solid #D8DF32;
	margin-bottom:1em;
	margin-left:200px;
}

.blocanim{
	position:absolute;
	left:-300px;
}



.blocvert h2{
	top:250px;
	margin:0px;
	padding:0.2em;
	background:#00A5CF;	
}

.encol{
	float:left;
	width:14em;
}

.marge{
	padding:0em 1em;
}

#outils #btsearchform{
	border: 1px solid #D4D4D4;
	border-left: none;	
}

#outils{
	text-align:right;
	padding:0.2em;
}

#outils form{
	margin:0px 0px 0px 0px;
	padding:0px;	
}





/* MENU */


ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}


ul#menu{
  
  margin-left: 6.5em;
  top:5px;
  list-style:none;
  width:80%;
 /* background:#CCCCCC;*/
  float:left;
}



ul#menu li{
  float:left;
  display:block;
  font:10px Arial;
  font-weight:bold;
  text-decoration:none;

}

ul#menu li.first{
  padding-left:2px;
}

ul#menu li.last{
  padding-right:2px;
}

ul#menu li a{
  display:block;
  widht:16px;
  padding:5px 6px;
  border:0px solid #CCCCCC;
  color:#253A5A;
 text-decoration:none;
}


ul#menu li a:hover{
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;
  font-weight:bold;
 /* background-image:url("../images/herisson_surligne.gif");*/
  /* background-position:right center;*/
/* background-repeat:no-repeat;*/

}

ul#menu ul{
  position:absolute;
  background:#FFC142;
  border:1px solid #355483;
  list-style:none;
  margin:0px;
  padding:3px;
  width:160px;
  z-index:20;

}
/*sous-menu*/
ul#menu ul ul{
  top:-0px;
  left:155px;
  border:1px;
  z-index:30;
}

ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:2px;
  _display:inline;
  font:12px Arial;
  color:#355483;

}

ul#menu ul li a{
  display:block;
	margin:0px;
	padding:2px;
	width:160px;
  border:none;
}


ul#menu ul li a span{
  display:block;
  width:144px;
  _width:156px;
	padding:2px 6px;
  margin:0px 2px;
  border:none;
	cursor:hand;
}
ul#menu ul li a.next span{
  background:url(images/triangle.gif) no-repeat 0% 50%;
}
ul#menu ul li a.next:hover span{
  background-position: -160px 50%;
}

#menugauche ul {
  margin: 0;
  padding: 5px;
}

#menugauche li {
  list-style-type: none;
}

#menugauche a.current {
  font-weight: bold;
	font-size:13px;
	font-variant: small-caps 700;
}