/* CSS Document */

body {
margin: 0;
padding: 0;
background: white;
font: 80% Arial, Helvetica, sans-serif;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 20px;
}

#menu {
position: absolute;
top: 0;
left: 0;
}

dl#menu {
width: 17em;
}

dl#menu dt {
cursor: pointer;
margin: 0px 0;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
background: #fff;
}

dl#menu {
border-left: 3px solid #B11620 ;
}

dl#menu li {
text-align: left;
background: #fff;
}

dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover, dl#menu dl a:hover {
background: #eee;
}

#mentions {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}

#mentions a {text-decoration: none;
color: #222;
}

#mentions a:hover{text-decoration: underline;
}

a:link {
	color: #8c110a;
}

a:visited {
	color: #8c110a;
}

a:hover {
	color: #8c110a;
}

a:active {
	color: #8c110a;
}

.Style1 {
	color: #8c110a;
	font-weight: bold;
}

.Style2 {
	font-size: 100%;
	color: #8c110a;
}

.Style5 {
	font-size: 13px;
	font-weight: bold;
}

.Style9 {
	font-size: 14px;
	color: #8c110a;
	font-weight: bold;
}

.Style11 {color: #666666}

.Style12 {
	font-size: 140%;
	font-weight: bold;
	color: #000000;
}

.Style13 {color: #8c110a}

.Style14 {font-size: 16px}

.Style15 {font-size: 100%}

img{border:0px;}

#conteneur_defil { 
	border:2px solid #FFCC66;
	width:450px; 
	margin:0 auto;
	overflow:hidden;
	line-height:normal;
	left:auto;
}

#cadre_defil {
	position:relative; 
	width:450px; 
	height:24px; 
	overflow:hidden;
	background:#FFFF66;
	left:;auto
	}
	
#cadre_defil img{
	vertical-align: middle;
	border:0;
}

#defile {
	position:absolute;
	width:1573px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#003399;
	left: -96px;
	height: 29px;
}

#defile .liens {
	text-decoration:underline;
	color:#003399;
}

#layer2 {
position:absolute; width:200px; height:40px; z-index:12; left: 252px; top: 0px;
}

#ce_mois_ci {
position:absolute; width:450px; height:252px; z-index:2; left: 246px; top: 2px;
}

#nous_avons_aimes {
position:absolute; width:450px; height:342px; z-index:3; left: 245px; top: 290px;
}

#diaporama {
position:absolute; width:300px; height:198px; z-index:5; left: 733px; top: 2px;
}

#reseau_blibliotheque {
position:absolute; width:255px; height:227px; z-index:1; left: 733px; top: 290px;
}

#menu_principal {
position:absolute; width:200px; height:115px; z-index:11; left: 10px; top: 2px;
}

#taille_du_texte {
position:absolute; width:113px; height:54px; z-index:6; left: 17px; top: 423px;
}

#flux_rss{
position:absolute; width:113px; height:54px; z-index:13; left: 17px; top: 530px;
}

/* root element for scrollable */ div.scrollable {      /* required settings */     position:relative;     overflow:hidden;      /* vertical scrollers have typically larger height than width */     height: 665px;     width: 700px; }  /* root element for scrollable items */ div.scrollable div.items {     position:absolute;      /* this time we have very large space for the height */     height:20000em; }
