/* GENERAL fonts */
#language {
	background-image: url(images/Lille_ABC_logo.png);
	background-repeat: no-repeat;
	background-position: right;
	height:150px;
	vertical-align: bottom;
	}
BODY {
	margin: 0, 0, 0, 0;
	background-color: #CCCCCC;
}

P, OL, UL, DIV, H1, H2, bodytext {
	font-family: verdana, arial;
	font-size: 11px;
	color: #000000;
}
H1 { font-size: 15px; }
H2 { font-size: 13px; }
P, H1, H2 {margin: 0px 0px 5px 0px;}
a, a:visited, .bodytext a, .bodytext a:visited, #content a:visited  {
	font-family: arial, verdana;
	font-size: 11px;
	color: #3857a7;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	font-family: arial, verdana;
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}
#wholepage {width: 750px;}

#header {
	width:100%; 
	height: 1px; 
	background-repeat: no-repeat; 
	background-position: left; 
	background-image: url('../images/shim.gif');
	/* border-bottom: dotted 1px #3857a7; */
	}

#middle {
	width: 100%;
	}

#top_menu {
	color: #ffffff;
	}

#top_menu A {
	color: #ffffff;
	}

#footer {
	border-top: dotted 1px #3857a7;
	width: 100%;
	color: #3857a7;
	}
#footer P {
	font-size: 10px;
	text-align: center;
}

#leftside {
	vertical-align: top; 
	width: 200px;
	}
#center {
	vertical-align: top; 
	}
#rightside {
	vertical-align: top; 
	width: 200px;
	}
#rightcolumnof2 {
	vertical-align: top; 
	width: 559px;
	}

#leftcontent {
	width: 400px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	}

#leftcontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	}

#rightcontent {
	width: 191px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#rightcontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/* background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#bordercontent {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#bordercontentshared {
	width: 100%;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
	}

#content {
	padding-left: 10px;
	padding-right:10px;
	padding-top: 15px;
	width: 559px;
	background-color: #ffffff;
	vertical-align: top;
	color: #3857a7;
}

/* Content column */
#normalcontent {
	padding-left: 10px;
	padding-right:10px;
	padding-top: 15px;
	width: 400px;
	background-color: #eaeaea;
}

#normalcontentshared {
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-left: 10px;
	padding-right:10px;
	padding-top: 15px;
	width: 400px;
}

/* Menu 1 column */
#menu_1 {	
	vertical-align: top;
	width: 191px;
	height: 600px;	
	background-image: url('../images/shim.gif');
	background-repeat : repeat;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */

	padding-top: 10px;
}
#menu_1 DIV {
	width: 95%;
}
#menu_1 DIV A {
	color: navy;
	text-decoration: none;
}
#menu_1 DIV A:hover {
	text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
#menu_1 DIV.menu1-level1-no {
  border-bottom: 1px dotted #3857a7;
  font-size: 11px;
  padding-top:5px;
  padding-left:8px;
}
/*  MENU 1, level 1, active state (ACT) */
#menu_1 DIV.menu1-level1-act {
  border-bottom: 1px solid #3857a7;
  font-weight:bold;
  font-size: 11px;
  padding-top:5px;
  padding-left:8px;

  filter:alpha(opacity='70', style='0');
}
#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
#menu_1 DIV.menu1-level2-no {
  font-size: 10px;
  padding-left:23px;
}
/*  MENU 1, level 2, active state (ACT) */
#menu_1 DIV.menu1-level2-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:23px;
}

/*  MENU 1, level 3, normal state (NO) */
#menu_1 DIV.menu1-level3-no {
  font-size: 10px;
  padding-left:30px;
}
/*  MENU 1, level 3, active state (ACT) */
#menu_1 DIV.menu1-level3-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:33px;
}
/*  MENU 1, level 4, normal state (NO) */
#menu_1 DIV.menu1-level4-no {
  font-size: 10px;
  padding-left:43px;
}
/*  MENU 1, level 4, active state (ACT) */
#menu_1 DIV.menu1-level4-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:43px;
}

/* Style for the Path-menu: */
#pathplace {
	width: 750px;
}
#sitepath {
  width: 100%
  white-space: nowrap;
  background-color: #F8F8EC;

  font-family: verdana, arial;
  font-size: 11px;
  padding: 1px 1px 5px 5px;
}
#sitepath A {
  text-decoration: none;
  color:black;
}
#sitepath A:hover {
  text-decoration: underline;
}