.menutop {float: left; width : 231px; height: 133px; background-image: url('../img/menu/menuactu.png'); background-repeat: no-repeat; background-position: bottom;}
.menutop p {margin-top: 109px; margin-left: 40px; font-family: arial; font-weight: bold; font-size: 12px; width: 120px; text-align: center;}
.menutop a {color: #FFFFFF;}
.menutop a:hover {font-size: 13px;}

.evenbloc { float: left; width: 740px; height: 160px; border: 1px solid #777; margin-left: 10px; margin-top: 3px;}
.evenbloc h1 { font-size: 15px; color: #777; margin: 5px 0 5px 0; font-weight: bold;}
.eventxt  { float: left; width: 500px; height: 158px;  margin-left: 5px; margin-top: 3px;}
.eventxt p {text-align: justify; color: #808080; font-size: 14px;}
.eventxt a { color: #808080;}
.evenimg  { float: left; width: 224px; height: 158px; margin-left: 5px; margin-top: 3px;}
.evenimg img { margin: 15px 20px 0;}

.actufalienor {width: 672px; height: 233px; margin: 10px 0px 0px 44px; float: left;  background-image:url('../pages/img/act/actu_falienor.jpg'); background-position: bottom; background-repeat: no-repeat;}
.actusubstrat {width: 672px; height: 233px; margin: 10px 0px 0px 44px; float: left;  background-image:url('../pages/img/act/actu_substrat.jpg'); background-position: bottom; background-repeat: no-repeat;}
.actutext {width: 450px; height: 140px; float: left; text-align: justify; margin: 40px 0 0 10px; }
.actudownload {width: 450px; height: 20px; float: left; text-align: right;}
.actudownload a {text-decoration: underline; color: #b30101; font-weight: bold; font-size : 14px;}
.actuimg {width: 205px; height: 170px; float: left; padding-left: 10px;}

.archileft {width: 370px; float:left; height: 514px; margin-left: 10px;}
.archiliens {color: #000000;}
.archiliens a { display: block; height: 25px; margin-left: 60px; padding-left: 28px; font-size: 17px; background-image: url('../img/minipdf2a.png'); background-repeat: no-repeat; color: #515151;}
.archiliens a:hover {color: #000000; text-decoration: underline; background-image: url('../img/minipdf2.png'); background-repeat: no-repeat;}
.archiright {width: 370px; float:left; height: 514px;}

/* Haut du Menu */

#menu { background-image: url('../img/menu/menuglobal.jpg'); width: 190px; height: 514px; float: left; }

#menu li { float: left; margin-left: 24px;}
#even,#even_select,#actu,#actu_select,#arch,#arch_select,#abo,#abo_select { width: 167px; height: 37px; background: url('../img/menu/menuactu_fr.png'); display: block;}
#actu,#actu_select,#arch,#arch_select,#abo,#abo_select {margin-top: 6px;}
#even,#even:hover,#even_select { margin-top: -1px;}
#even { background-position: -328px 0; }
#even:hover { background-position: -164px 0; }
#even_select { background-position: 0 0;}
#actu { background-position: -328px -37px;}
#actu:hover { background-position: -164px -37px;}
#actu_select { background-position: -0 -37px;}
#arch { background-position: -328px -74px; }
#arch:hover { background-position: -164px -74px;}
#arch_select { background-position: -0 -74px;}
#abo { background-position: -328px -110px; }
#abo:hover { background-position: -164px -110px;}
#abo_select { background-position: -0 -110px;}

/* Page Abonnement */

  #cadreabo {width: 730px; height: 500px; padding: 10px 0 0 10px; text-align: justify;}
  #formulaire { width: 600px; height: 440px; background: #dfdfdf; padding-top: 5px; margin: auto; font-size: 14px;}
  .cadrage {margin-left: 50px; height: 30px; width: 550px; float: left; }
  .c1 {float: left; height: 30px; width: 150px; line-height: 30px; vertical-align: center;}
  .c2 {float: left; height: 30px; width: 280px; line-height: 30px; vertical-align: center;}
  .c3 {float: left; height: 27px; width: 150px; padding-top: 3px;}
  #aboinfos {float: left; width: 150px; height: 340px; margin-left: 50px;}
  #aboinfos label { display: block; width: 150px; height: 30px;}
  #inputinfos {float: left; width: 280px; height: 340px;}
  #inputinfos .inputf { width: 145px; height: 16px; padding: 0; border: 0; background-image: url('img/inputa.png');}
  #inputinfos select { height: 30px;}
  #inputinfos p { height: 30px;}
  #infolegales { float: left; width: 580px; padding-top: 8px; padding-left: 10px;}
  #infolegales .info {font-size: 12px; color: #777;}
  .rouge {color: red;}

/* Navigation evenements */
#navig { width: 740px; margin-left: 10px;}
#precedent, #suivant {color: #777; font-size: 14px;}
#precedent:hover, #suivant:hover { text-decoration: underline;}
#suivant { float: right; margin-left: -10px; }