/* CSS Document */
body {
	font : 11px arial, verdana, lucida, helvetica, sans-serif; 
	color : #333; 
	background: #fff;
	margin-top: 7px;
	padding : 0; 
	text-align: center;
	margin:0 auto;
	width:925px;
	height:100%
	/*font-size: x-small;*/	} 
	

	a:link,
a:visited {
font-weight : bold;
	color: #4677B6;
	text-decoration : none;	}
a:hover,
a:active {
	text-decoration: underline }	
	


#actualite {
float :left;
position:relative;
width:250px;
padding: 10px 0px 10px 0px; }

.titactu {
float:left;
position:relative;
/*background-color:#D4E5FF;
padding-left: 10px;*/ 
/*text-indent: 10px;*/
padding: 0px 10px 0 0px;
font-weight: bold;
font-size:20px;
/*width:190px;*/
color:#333;


}

#actu {
/*background: #F2F2F2;*/
/*border :#ccc 1px dashed;*/
width:250px;
padding: 0px;
float:left;
position:relative;
text-align:left;
 }
#actu dl {
  color: #000;
  margin: 0;
  padding: 0  0 0 20px;
  list-style: none;
  }

#actu dd {
  padding: 0;
  margin:0px;
  color: #000;
  font: bold 1.0em verdana, lucida, arial, helvetica, sans-serif;

  }
	
#actu dt {
    padding: 20px 0 0px 0;
  }
  
#actu dt a {
 color: #4677B6;
  text-decoration: none;
  font: bold 1.1em  verdana, lucida, arial, helvetica, sans-serif;
 /* line-height: 1.2em;*/
  }	
	
#actu dt a:hover {
text-decoration : underline;
	}
	/*
.rtop, .rbottom{display:block;background: #fff;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;background: #D4E5FF}
.rblanctop, .rblancbottom{display:block;background: #D4E5FF}
.rblanctop *, .rblancbottom *{display: block; height: 1px; overflow: hidden;background: #fff}
.rtop0, .rbottom0{display:block;background: #D4E5FF; }
.rtop0 *, .rbottom0 *{display: block; height: 1px;overflow: hidden;background: #82AADE; }
.rtop1, .rbottom1{display:block;background: #D4E5FF}
.rtop1 *, .rbottom1 *{display: block; height: 1px; overflow: hidden;background: #0A717B}
.rtop2, .rbottom2{display:block;background: #fff}
.rtop2 *, .rbottom2 *{display: block; height: 1px; overflow: hidden;background: #A8C2E3}


.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}	
*/
/*********************************/
	/* entete */
/*********************************/

div#entete{
background :url(images/color_4.gif) no-repeat top left;
padding:0;
margin:0;
	width: 665px;
	text-align:left;
	float:left;
		padding:0px 0 8px 4px;

	}

div#lib_logo{
font : 36px arial, verdana, lucida, helvetica, sans-serif; 
	position: relative;
	top: 0px; left: 40px;
	padding-top : 0;
	padding-left : 0;
	float : left;
	color:#fff;
	}

div#autresentete{
	position: relative;
	top: 0px; left: 10px;
float: left;
padding:0;
color:#fff;
font-size:15px;
font-weight: bold;
text-align:left;
width:500px;
}
/* fin entete */
	
	
/*********************************/
	/* Navigation*/
/*********************************/
	
#navmenu{
text-align: left;
	margin:0;
	padding: 0px;
	float:left;
	background: #fff;
	width:925px;
	position: relative;
	top:0px; left:0;
	float:left; 
/*	height:50px;*/
	border-bottom:#66CC66 10px solid;
	
	}

#navig{
position: relative;
	top:0px; left:0;
	float:left; 
	}


#navmenu ul{
	margin: 0;
	/*jouer sur padding haut et bas entre 'ul' et 'li' pour affichage IE correct de l'image en background */
	padding:20px 0 20px 1px;
	}
	

#navmenu li {
	display:inline;
	/*jouer sur padding haut et bas entre 'ul' et 'li' pour affichage IE correct de l'image en background */
	text-transform:uppercase;

	}
/*
#navmenu li.last a,#navmenu li.last a:hover{
	padding: 20px 15px 18px 20px;
	border:none;

	}
	*/
#navmenu a{
	padding: 20px 23px 20px 24px;
	font-weight : bold;
	font-size: 11px;
		font :bold 11px arial, verdana, lucida, helvetica, sans-serif; 
	color: #000;
			border-right:#999 1px solid;
	}

#navmenu li a:hover{
background-color:#eee;
	padding: 20px 23px 20px 24px;
		border-right:#999 1px solid;
		text-decoration:none;
	}
	
/* ********* search ********* */
#navmenu #navig-search {

	position: absolute;
	top: 3px; right: 0;
	height : 47px;
	margin: 0;
	padding: 0 0px 0 20px;
	/*width: 235px;*/
/*background-color:#eee;
border:#07c000 1px solid;*/
	}


#navmenu label{
	color: #66CC66;
	color:#0066CC;
	font-size : 11px;
	font-weight: bold;

	}

#navmenu #search-input {

	background-color: #fff;
	margin: 17px 0 0 7px;
	padding: 0;
	border: 1px solid;
	border-color: #999;
	color: #000;
	width: 100px;
	font-size : 11px;
	}

#navmenu #search-input:focus {
	border: 1px solid;
	border-color: #ccc}

#navmenu #searchDIV {
	position: absolute;
	top: 0; right: 0px;
	font-weight : bold;
	color: #fc0;
	margin: 0;
	/*padding: 12px 10px 0 3px !important;*/
	padding: 10px 0px 0 3px;  
	border: 0;
	width: 87px;
	}
	
	
.valid{
background-color:#BFEFB3;
background-color:#66CC66;
border-color:#000;
border-style:solid;
border-width:1px;
color:#000;
font-weight:normal;
font-size: 9px;
text-align:center;
}

.valid:hover, input .valid:hover{
background-color:#0066CC;
border:1px solid #000;
color:#000;
}
	
	
	
	
/* fin navigation */

/*******************************/



 #menu{
/*	background:#d9f9c8 url(../images/degrad_vert2.gif) left top repeat-x;*/
	background:#fff url(../images/degrad_vert2.gif) left top repeat-x;
	position: relative;
	text-align:left;
	left: 0px;
	top:0px;
	float: left;
padding:0px 0 40px 0;
margin:0;
min-height:232px;/**/
/*height:332px;border-bottom :#66CC66 5px solid;*/
	}
  
 #menu ul { position: relative;
    float: left;
    left: 0px;
	top: 20px;
    display: list-item;
	margin: 0px;
	padding: 0 0 10px 10px;
    list-style: none;
    width:245px;
    }
     #menu ul li ul, #menu ul li ul li ul{ position: relative;
    float: left;
    left: 0px;
    top:0;
	margin: 0px;
	padding: 0 0 10px 10px;
    list-style: none;
    width:235px;
    }

#menu .niveau1, .niveau1active { 
	font : bold 14px arial, verdana, lucida, helvetica, sans-serif;
    padding: 7px 0px 7px 0px !important;
    float: left;
    width: 240px;
    list-style: none;
	color: #003399;
	text-transform:uppercase;
    }
	#menu .niveau1last, .niveaulastactive { 
	font : bold 14px arial, verdana, lucida, helvetica, sans-serif;
    padding: 7px 0px 7px 0px !important;
    float: left;
    width: 245px;
    list-style: none;
	color: #003399;
		text-transform:uppercase;
    }
 
#menu .niveau1active a, .niveau1lastactive a{
text-decoration: none;
display : block;
color:#000;
background: url(../images/flecheb01n.gif) no-repeat;
	/*background-repeat:no-repeat;
	background-position: 148px 8px;*/
	padding: 7px 0px 7px 40px;
		text-transform:uppercase;
  } 
	
	
 #menu .niveau1 a, .niveau1last a{
text-decoration: none;
display : block;
color:#003399;
	text-transform:uppercase;
background: url(../images/flecheb01.gif) no-repeat left 2px;
	text-transform:uppercase;
	/*background-position: 148px 8px;*/
	padding: 7px 0px 7px 30px;
}
 
 #menu .niveau1 a:hover, .niveau1 a:active, .niveau1last a:hover{  
	padding: 7px 0px 7px 40px;
	background: url(../images/flecheb01n.gif) no-repeat left 2px;
text-decoration:none;
	color:#000;
		text-transform:uppercase;
	}
 
 
 
 
#menu .niveau2, .niveau2active { 
	font : bold 12px arial, verdana, lucida, helvetica, sans-serif;
/*  	border-top: 1px solid #fff;
	background-color:#D0E2F8;*/
    width: 235px;
    float: left;
    list-style: none;
	text-transform:none;
    }
#menu .niveau2 a{  
background: url(../images/rondb01.gif) no-repeat 30px 0px;
/*background-image: url(../images/flechb02.gif);
	background-repeat:no-repeat;
	background-position: 150px 8px;*/
	padding: 4px 0px 4px 45px;
	text-decoration: none;
	display : block;
  	margin: 0;
	color : #0066CC;
color: #2353B6;
	text-transform:none;
	}
#menu .niveau2active a{
	font : bold 12px arial, verdana, lucida, helvetica, sans-serif;
	text-decoration: none;
	display : block;
  	margin: 0;
	color : #000;
	padding: 4px 0px 4px 45px;
	background: url(../images/rondb01b.gif) no-repeat 30px 0px;
	text-transform:none;
	

}
	
	
#menu .niveau2 a:hover,#menu .niveau2 a:active{  
	padding: 4px 0px 4px 45px;

	background: url(../images/rondb01b.gif) no-repeat 30px 0px;
	/*background-image: url(../images/flechb02b.gif);
	background-repeat:no-repeat;
	background-position: 150px 8px;*/
	color:#000;
	}

	
#menu .niveau3 { 
	font : normal 12px arial, verdana, lucida, helvetica, sans-serif;
  /*	border-top: 1px solid #fff;
	background-color:#DEE7E9;
	background-color:#eee;*/
    width: 220px;
    float: left;
    list-style: none;

    }

#menu .niveau3 a{ 

	font : normal 12px arial, verdana, lucida, helvetica, sans-serif;
	text-decoration: none;
	display : block;
  	margin: 0;
	padding:3px 0px 3px 40px;
	color : #0066CC;
background:none;
	}
#menu .niveau3 a:hover {  
	font : normal 12px arial, verdana, lucida, helvetica, sans-serif;
	padding: 3px 0px 3px 40px;
	text-decoration: none;
	background:none;
	}
	
#menu .niveau3active a{
	font : normal 12px arial, verdana, lucida, helvetica, sans-serif;
	text-decoration: none;
	display : block;
  	margin: 0;
	color : #000;
	padding: 3px 0px 3px 40px;
background:none;
}	

#menu .niveau3 a:hover,#menu .niveau3 a:active{  
	padding: 3px 0px 3px 40px;

	/*background: url(../images/rondb01b.gif) no-repeat 30px 0px;
	background-image: url(../images/flechb02b.gif);
	background-repeat:no-repeat;
	background-position: 150px 8px;*/
	color:#000;
	}
#footer{
background: transparent url(../images/herbe2.gif) no-repeat;

	/*background-position : 10px 0px;*/
	position: relative;
	top:0px; left:0;
	width:924px;
	float:left;
	margin:0;
	padding:0;
	text-align: left;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	height:150px;
	clear:both;

	}

#footer_gauche{
	position: relative;
	top:0; left:0;
	float : left;
	margin:0;
	padding:125px 0 0 370px;
color:#000;

}
  #footer_droit{
padding-right:15px;
float:right;

}	
  
   #footer_droit a{
  padding: 0 4px;
  color:#fff;}
  
/* CSS Document */
#entete_acc{
margin:0;
padding:0;
}