body {
  margin : 0 ;
  padding : 0 ;
  background : #F6F5F1 ;
  text-align : center ;
  font-family:  Arial, Helvetica, sans-serif;
  font-size:0.7em ;
}

#cont {
  width : 70% ;
  background : transparent ;
  margin : 0 auto 0 auto ;
  text-align : left ;
}

#haut {
  height : 156px ;
  background : url(Images/header3.jpg) no-repeat center;
}

#menu {
  border-top : 1px solid #47493E ;
/*  height : 39px ;
  background : url(Images/menu2.jpg)*/
  height : 30px ;
  background : url(Images/menu3.jpg)
}

#menu ul {
  height : 20px ;
  margin : 3px 0 0 0  ;
  padding : 0 ;
  list-style : none;
}

#menu li {
  float : left ;
  padding : 0 10px 0 10px  ;
  margin:0 0 0 -1px;
  color : #fff ;
  text-decoration : none ;
  border-left : 1px solid #fff
}

#menu li a  {
  color : #fff ;
  text-decoration : none;
}

#menu li a:hover  {
  color : #eee ;
  text-decoration : none;
}

#menu li:first-child {
  border:0;
}

#centre {
  background : #FBFAF6 url(Images/bg_centre2.jpg) repeat-x ;
  border-left : 2px solid  #fff ;
  border-right : 2px solid  #fff ;
  }

#publications {
  float : left ;
  width : 30% ;
  background : url(Images/bgligne.jpg) right repeat-y ;
  height : 300px;
  margin : 20px 0 40px 0 ;
}

#publications ul {
  margin : 0 0 0 10px;
  padding : 0 ;
  list-style : none;
}

#publications li {
  display : block ;
/*  height : 25px ;*/
  text-indent : 10px ;
  background : url(Images/puce_kb.jpg)  0 3px  no-repeat;
}

#publications h1 {
  margin-left : 20px;
  margin : 0 0 10px 10px ;
  padding : 0 ;
  color : #47493E ;
  font-size : 2.5em
}

#news {
  float : left ;
  width : 30% ;
  background : url(Images/bgligne.jpg) right repeat-y ;
  height : 300px;
  margin : 20px 0 20px 20px ;
  text-align : justify ;
}

#news ul {
  margin : 0 0 0 10px;
  padding : 0 ;
  list-style : none;
}

#news li {
  display : block ;
  height : 20px ;
  text-indent : 20px ;
  background : url(Images/puce_kb.jpg)  0 3px  no-repeat;
}

.paragraphe_news {
  margin :  10px 20px 10px  10px ;
  color : #47493E
}

#news h1 {
  margin-left : 20px;
  margin : 0 0 10px 10px ;
  padding : 0 ;
  color : #47493E ;
  font-size : 2.5em
}

.pousse  {
  margin : 0 0 0 20px ;
}

#contact {
  float : left ;
  width : 27% ;
  background : transparent ;
  height : 300px;
  margin : 20px 0 20px 20px ;
}

#contact h1 {
  margin : 0 0 0 5px ;
  padding : 0 ;
  color : #47493E ;
  font-size : 2.5em
}


#contact ul {
  margin : 0 0 0 10px ;
  padding : 0 ;
  list-style : none;
}

#contact li {
  font-weight : bold ;
  margin : 10px 0 0 0;
  display : block ;
  height : 25px ;
  border-bottom : 1px dotted #ccc ;
}

.paragraphe_contact {
  margin :  10px 10px 10px  10px ;
  color : #47493E
}

#footer {
  clear : left ;
  background : #fff ;
  text-align : center ;
  height : 4px ;
  color: #47493e;
}

.cadre {
  margin :0  ;
  width : 212px ;
  background : url(Images/centrecadre.jpg) repeat-y
}

.hautcadre {
  width : 212px ;
  height : 15px ;
  background : url(Images/hautcadre.jpg)
}

.bascadre {
  width : 212px ;
  height : 15px ;
  background : url(Images/bascadre.jpg)}


h2 {
  margin : 0 0 0 20px ;
  padding : 0
}

.cadre p {
  margin : 0  ;
  padding : 0 0 0 20px;
}

a {
  text-decoration : none ;
}

a:hover {
  text-decoration : underline ;
}

.absent {
	background-color : #FEFFBC;
}
.present {
	background-color: #FFFFFF;
}

.label {
	padding:3px;
	text-align:right;
	background-color: #e5e5e7;
}

.value {
	padding:3px;
	text-align:left;
	background-color: #e5e5e7;
}

em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}