*{ margin:0px; padding:0px;}
body{ background: #f7eac6; font-family: Arial;}
.content{ width: 590px; height: 400px; background: #f7eac6; padding: 10px 0 0 10px; text-align: justify;}
.title{ text-align: center; padding-bottom: 10px; padding-top: 10px; font-size: 12px; font-weight: bold;}
.text{ text-align:justify; padding-right: 10px;}
.pic{ margin: 10px; float:right; border: 1px solid #f7eac6;}
#fermer{ padding-top: 8px;}
#mdm{width: 385px; height: 190px; text-align: justify; font-size: 12px; color: #b29b56; position: absolute; z-index: 10; top: 86px; left: 560px;}

#actualites{ width: 365px; margin-bottom: 6px; overflow: hidden; padding: 0px 11px 0px 0px; float:left;}
#actualites-glide{ position: absolute; visibility: hidden !important; width: 171px;}
#p-select{ width: 65px; margin-left: 310px;}
#actualites em{ font-size: 11px; float: left; width: 181px; font-style: normal; color: #554e35;}
#actualites img{ float: right; margin-left: 6px; margin-top: 3px;}
#actualites p{ color: #656565; font-size: 11px; line-height: 14px;}
#actualites a.savoirplus{
  background-image: url(../../images/charte/savoir_plus.jpg);
  background-position: 0px 0px;
  width: 57px;
  height: 12px;
  margin-top: 5px;
  float: left;
  clear: left;
}
#actualites a.savoirplus:hover{ background-position: 0px 12px }