body {
	background-image:url("/tslp/images/fond-degrade.jpg");
	background-repeat: repeat-x ;
	background-color:#e8f7fe;
	}

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

.recherche{
	position:absolute;
	float:left;
	border:0px solid #123456;
	top:120PX;
	left:125px;
	height:20px;
	width: 800px;
	padding:0;
	z-index:52;
}

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

.blochaut{
	position:absolute;
	float:left;
	border:0px solid #123456;
	top:0PX;
	left:189px;
	height:296px;
	width: 802px;
	padding:0;
	background-image:url("../images/haut-sommaire.jpg");
	z-index:51;
}

.menuhaut{
	margin-top:150px;
	margin-left:85px;
	width: 65%
}

.titre{
	position:absolute;	
	left:10px;
	top:-50px;
	border:0px solid #00A5CF;
	z-index:200;
}

.bloctexte{
	position:absolute;	
	float:left;
	top:290px;
	left:190px;
	width: 802px;
	border:0px solid #00A5CF;
	background-color:#ffffff;
	text-align:justify;
	margin-bottom:1em;
	background-image:url("/tslp/images/milieu-sommaire.jpg");
}

.bloctexte2{
	margin-top:25px;
	margin-bottom:10px;
	margin-left:150px;
	width: 38%
}

.bloctextebas{
	width: 802px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-4px;
}


.blocrubrique{
	position:absolute;	
	top:180px;
	margin-left:254px;
	width: 50%;
	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:#e54e11;
	background-image:url("../images/menu/menu-fond.gif");
	border:1px solid #000000;
	top:118px;
	left:0px;
}



#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{
    font:10px Arial;
	color:#ffffff;
	list-style:none;
	width:600px;
 /* background:#CCCCCC;*/

}


ul#menu li{
	font:10px Arial;
	margin-left: 0;
	color:#ffffff;
	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{
/*menu qui gère les sous rubriques sur fond blanc*/
 	font:10px Arial;
 	display:block;
	text-align: left ;
 	border:0px solid #CCCCCC;
	color:#00A0C6;
	text-decoration:none;
}

/*menu qui gère la position du bloc des sous-menu*/
ul#menu ul ul{
  top:-0px;
  left:155px;
  border:1px;
  z-index:30;
}

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{
/* menu qui gère la position du bloc de sous menu blanc */

  position:absolute;
	background:#ffffff;
	border:1px solid #355483;
	list-style:none;
	float:none;
	padding:3px;
	width:160px;
	z-index:20;
	margin:0px;
}


ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:1px;
  _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;
	color:#ffffff;
	font-size:13px;
	letter-spacing : 1px ;
	font-variant: small-caps;
}