body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #003366;
  /*background: url("http://www.uhpc.be/uhpc/media/fond.jpg");*/
}

/* --------- titles --------- */

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-weight: bold; 
  font-size: 17px;
  color: #003399;
  background: transparent;
  text-align: left;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-weight: bold; 
  font-size: 15px;
  color: #624234; 
  background: transparent;
  text-align: left; 
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-weight: bold; 
  font-size: 13px; 
  color: #000000; 
  background: transparent;
  text-align: left; 
}

h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold; 
  font-size: 11px;
  color: #000000;
  background: transparent;
  text-align: left; 
}

/* --------- links --------- */

a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000098;
  background: transparent;
  text-decoration: none;
}

a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #9898CB;
  background: transparent;
  text-decoration: none;		 
}

a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #E06611;
  background: transparent;
  text-decoration: underline;
}

a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #E06611;
  background: transparent;
  text-decoration: underline;
}

/* --------- menu --------- */

.menutitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 4px;
  color: black; 
  text-decoration: none; 
}

.menutitle:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 4px;
  color: black; 
  text-decoration: none; 
}

.menutitle:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 4px;
  color: black; 
  text-decoration: none; 
}

.menutitle:hover {
  color: black;
  text-decoration: underline;
}

.menutitle:active {
  color: black;
  text-decoration: underline;
}

.menuitem {
  font-size: 11px;
  font-weight: normal;
  padding: 0px 0px;
  color: #5c5c5c; 
  text-decoration: none; 
}

.menuitem:link {
  font-size: 11px;
  font-weight: normal;
  padding: 0px 0px;
  color: #5c5c5c; 
  text-decoration: none; 
}

.menuitem:visited {
  font-size: 11px;
  font-weight: normal;
  padding: 0px 0px;
  color: #5c5c5c; 
  text-decoration: none; 
}

.menuitem:hover {
  color: black;
  text-decoration: underline;
}

.menuitem:active {
  color: black;
  text-decoration: underline;
}

.navigation {
  border-bottom: 1px dashed #000000;
  padding: 0 0 2px 0;
}

/* --------- footer --------- */

#footer {
  margin: 10px 20% 0 20%;
  padding: 0 0 10px 0;
  font-size: 11px;
  color: black;
  border-top: 1px solid #000000;
  text-align: center;	
}

#footer a, #footer a:active, #footer a:link { 
  color: #5c5c5c; 
  text-decoration: none; 
}

#footer a:hover {
  color: black;
  text-decoration: underline;
}

/* --------- header --------- */

.header {
  margin: 5px 0px 0px 0px;
  padding: 0 0 5px 0;
  font-size: 19px;
  color: black;
  text-align: center;	
}

/* --------- Tableaux --------- */

.table
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
  background-color: #FFFFFF;
  border-color: #99C;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  }

td
{
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

th
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px;
  color: #FFFFFF;
  background: #E06611;
  font-weight: bold;
  padding: 2px;
  text-align: center;
  }

tr.light
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: black;
  font-weight: normal;
  background-color: #F5F5F5;
  padding: 2px;
  }

tr.dark
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: black;
  font-weight: normal;
  background-color: #DCDCDC;
  padding: 2px;
  }

tr.dark td 
{ 
  text-align: center;
  font-size: 11px;
 }

tr.light td 
{ 
  text-align: center;
  font-size: 11px;
 }

/* --------- Divers --------- */

p {
  text-align: justify;
  font-size: 11px;
}

li {
	list-style-position: outside;
	list-style-image: url(../../puce.gif);
	left: -15px;
}

blockquote {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
  margin: 10px 10px 5px 10px;
}

.gray { color: #777; }

.red { color: #990033; }

.error { color: red; }

/* --------- Agenda --------- */

table.agenda, table.agenda tr, table.agenda th, table.agenda td {
  font-size: 11px;
}

.agendaNav {
  background-color: #f90;
  text-align: center;
}

.agendaHead {
  background-color: #fc3;
}

.agendaThisDay {
  background-color: #fc3;
}

.agendaThisMonth {
  background-color: #eee;
}

.agendaNotThisMonth {
  background: #ddd;
}

ul.agendaThemes {
  list-style: none;	
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

ul.agendaThemes ul.agendaThemes {
  list-style: none;	
  margin: 5px 0px 0px 15px;
  padding: 0px;
}

table.agenda select {
  font-size: 11px;
  background-color: #f90;
}

/* --------- SPIP --------- */

a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }

.spip_code { }

p.spip_note { }

h3.spip {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-weight: bold; 
  font-size: 15px;
  color: #624234; 
  background: transparent;
  text-align: left; 
}

.spip_puce {
  margin-left : 0px;
  list-style-position: inside;
}

.spip_documents{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 70%;
}

table.spip {
}

table.spip tr.row_first {
  background-color: #FCF4D0;
}

table.spip tr.row_odd {
  background-color: #C0C0C0;
}

table.spip tr.row_even {
  background-color: #F0F0F0;
}

table.spip td {
  padding: 1px;
  text-align: left;
  vertical-align: middle;
}

hr.spip { }
b.spip { }
i.spip { }
blockquote.spip {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
  margin: 10px 10px 5px 10px;
}

.forml { width: 100% ; background-color: #FFDDAA;}

.spip_encadrer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width : 100%;
  background-color: #FFFFFF;
  padding: 5px;
  border: 1px #666666 solid;
}

.spip_cadre {
  width : 100%;
  background-color: #FFFFFF;
  padding: 5px;
}

div.spip_poesie {
  margin-left: 10px;
  padding-left: 11px;
  border-left: 1px solid #999999;
}
div.spip_poesie div {
  text-indent: -60px;
  margin-left: 60px;
}

.spip_bouton {
  background: #FFCC00;
  color:black;
  cursor:pointer;
}

.formrecherche { width: 100% ; background-color: #FFDDAA;}

.reponse_formulaire {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 110%;
  color: red;
}

.spip_surligne { background-color: #FFFF66; }


/*
 * Barre de raccourcis
 */

a.spip_barre img {
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #aa9966;
  border-bottom: 1px solid #aa9966;
  padding: 3px;
  background-color: #FFDDAA;
} 
a.spip_barre:hover img {
  border: 1px solid #808080;
  padding: 3px;
  background-color: #f8f8f4;
}


input, textarea, select {  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #fafafa;
  color: black;
  font-size: 11px;
}

input:focus {
  background:#ffffff;
}

textarea:focus {
  background:#ffffff;
}

select:focus {
  background:#ffffff;
}

input[type="submit"] {
  background: #FFCC00;
  color:black;
  cursor:pointer;
}

input.disabled {
  color:#9e9e9e;
}

input.image {
  background: #ffffff;
}

ul {
	text-align: left;
	text-indent: 0pt;
}