body {
  font-size: 12pt; 
  padding: 20px;
  color: #000;
  background: #FFFFFF;
  font-family: verdana, arial, helvetica, sans-serif;
}

div.horizontal-line {
  clear: both;
  padding: 0;
  margin: 0;
}

.horizontal-line span.left {
  background-color: rgb(204,0,51);
  width: 22%;
  height: 5px;
  float: left;
}

.horizontal-line span.right {
  background-color: rgb(0, 171, 204);
  width: 78%;
  height: 5px;
  float: right;
}

#menucol {
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  position: fixed;
  /* border: 1px dashed; */
}

/* Logo UMons dans le coin supérieur gauche */
#menucol img {
  width: 80%;
  padding-top: 10px;
  border: 0;
}

a.logo, a.logo:hover {
  border: 0;
  background: #fff;
}

/* Menu */
/* http://www.seoconsultants.com/css/menus/tutorial/ */
div.umons-menu {
  width: 75%;
  float: left;
  margin-top: 13ex;
} 

.umons-menu ul { /* remove bullets and list indents */
  list-style: none;
  margin: 0;
  padding: 0;
}

/* style, color and size links and headings */
.umons-menu a, .umons-menu h2 {
  font: 100% arial, helvetica, sans-serif;
  text-decoration: none;
  display: block;
  margin: 0;
  padding-left: 0;
  padding-right: 13px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: solid 1px #909090;
}

.umons-menu h2 {
  color: rgb(255,0,0);
  font-weight: normal;
  font-size: 130%;
}

.umons-menu a {
  color: #505050;
  text-decoration: none;
  border: 0;
}

.umons-menu a.submenu {
  background: white url(right_arrow.png) no-repeat center right;
}

.umons-menu a:hover {
  font-weight: bold;
  color: rgb(0, 171, 204);
}

.umons-menu a.submenu:hover {
  background: #ededed url(right_arrow.png) no-repeat center right;
}

.umons-menu li {
  /* make the list elements a containing block for the nested lists */
  position: relative;
} 

.umons-menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%; /* to position them to the right of their containing block */
  width: 100%; /* width is based on the containing block */
}

.umons-menu ul ul ul a {
  padding-left: 1ex;
  background: #ededed;
}

.umons-menu ul ul ul,
.umons-menu ul ul li:hover ul ul {
  display: none;
}

.umons-menu ul ul li:hover ul,
.umons-menu ul ul ul li:hover ul {
  display: block;
}


.banner a {
  border: 0;
}


.banner img {
  width: 80%;
  border: 0;
}

#footer {
  width: 100%;
  clear: both;
  padding-top: 1ex;
  padding-bottom: 3ex; /* => one can scroll a bit past the footer */
}

#footer div.left {
  width: 21%;
  height: 3ex;
  float: left;
  text-align: right;
}

#footer div.left img {
  padding-right: 1ex;
  padding-top: 0.1ex;
  border: 0;
}

#footer div.right {
  width: 77.8%;
  height: 3ex;
  float: right;
}

#footer div.right img {
  padding-right: 0;
  float: right;
  border: 0;
}

#footer a {
  border: 0;
}

.horizontal-toolbar {
  margin-top: 7px;
  margin-bottom: 10px;
  padding: 0;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #808080;
}
.horizontal-toolbar a:link, .horizontal-toolbar a:visited {
  color: #a9a9a9;
  font-weight: bold;
  text-decoration: none;
  border: 0;
}

.horizontal-toolbar a:hover {
  color: rgb(255,0,0);
  background: white;
  text-decoration: underline;
}
span.separation-bar {
  padding-left: 3px;
  padding-right: 3px;
  color: rgb(204,0,51);
  /* font-weight: bold; */
}


#maincol {
  width: 80%;
  float: right;
  /* border: 1px; border-style: dashed; */
}

form.recherche {
  padding: 0;
  padding-bottom: 10px;
  margin: 0;
}

.recherche input, .recherche button {
  font-size: 100%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  /* height: 4ex; */
}

#language {
  float: right;
}



h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
}

h1 {
  color: rgb(255,0,0);
  font-weight: normal;
  font-size: 160%;
  margin-bottom: 10px;
}

h2 {
  color: rgb(0, 0, 200);
  font-weight: normal;
  font-size: 100%;
  padding-left: 1em
}

ul {
  list-style: square;
  margin-top: 2px;
  padding-left: 2.5em;
}

a {
  color: rgb(0, 150, 105);
  text-decoration: none;
}

a:hover {
  /* color: #000; */
  background: #ededed;
}

/* Box to the right of the main text for "advertisements" */
#advertisements {
  display: block;
  float: right;
  width: 30%;
  padding: 0;
  margin-left: 1em;
  margin-bottom: 10px;
}

#advertisements p {
  margin: 0px;
}

div.news {
  background: #c5def1;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 4px;
  margin-bottom: 1ex;
}

#advertisements div.news p {
  margin-top: 5px;
  margin-bottom: 5px;
}


div.news img {
  width: 100%;
  border: 0;
}

div.news img.news_p {
  width: 16px;
  height: 14px;
  margin-left: -5px;
  margin-right: 3px;
}

.news a {
  color: black;
}

.news em {
  font-style: italic;
}

a.know-more {
  clear: both;
  display: block;
  text-align: right;
  font-size: 100%;
  /* font-style: italic; */
  font-weight: bold;
  color: #0562a8;
  border: 0;
  margin-bottom: 5px;
}


.actions {
  display: block;
  background: rgb(176,11,58);
  color: #fff;
  padding: 10px;
}

.actions a {
  color: rgb(151,198,204);
  border-bottom: dashed 1px rgb(151,198,204);
}

.actions a:hover {
  background: #fffea8;
  color: rgb(176,11,58);
}