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

ul { padding: 0 1ex 1ex 1ex; list-style-type: none; margin: 0 }

/* 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:180px;
	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:100px;
	top:5px;
	list-style:none;
	width:80%;
 /* background:#CCCCCC;*/
	float:left;
}



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

}

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

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

ul#menu li a{
	display:block;
	text-align: left ;
	widht:16px;
	padding:1px 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;
  color:#3E4B72;}

ul.racine{
margin-left:10px;
padding-left:2px;
list-style:none;
font-weight: bold ;
}



ul#menu ul{
/* menu qui gère la position du bloc des articles et ss rubriques jaunes */
  position:absolute;
  font:11px Arial;
  background:#FDAC58;
  border:1px solid #355483;
  list-style:none;
  margin:-1px;
  padding:3px;
  width:160px;
  z-index:20;
}

/*sous-menu*/
ul#menu ul ul{
	position:absolute;
	margin:-24px;
	margin-left:160px;
	background:#FECA94;
	border:1px;
	z-index:400;}

ul#menu ul li{
  margin:0px;
  padding:0px;
  _display:inline;
  font:11px 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: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;}



/* Style menu de gauche */
#affiche{
visibility:visible;
}
#cache{
display:none;
}
.lien{
color: #636466;
text-decoration: none;
}
.lienon{
color: #000000;
font:Arial;
font-size: 12px;
font-weight:bold;
text-decoration: underline;
}
ul.racine{
	margin-top:50px;
	margin-left:10px;
	padding-left:0px;
	list-style:none;
	font-family: verdana;
	font-weight: 600;
	font-size: 15px;
}
.article{
margin-left:10px;
padding-left:0px;
list-style-type:square;
font-size: 11px;
letter-spacing:0pt;
font-weight: normal;
}

.articless{
margin-left:-5px;
padding-left:0px;
list-style-type:square;
font-size: 11px;
letter-spacing:0pt;
font-weight: normal;
}
.rubrique{
margin-top:5px;
margin-left:-20px;
padding-left:25px;
list-style-type:circle;
}