#container {
  position: relative;
}

#contabs{
  position: absolute;
  z-index: 1;
}

.head1 {
  height: 117px;
  width : 1000px;
}


.head2 {
  height: 10px;
  width : 1000px;
}


body {
  margin-top : 0px;
  margin-left : 0px;
  font-size : 12px;
  text-align: justify;
  font-family : verdana, arial, sans-serif;
  color : #5B258F;
  background: #D9CCE3;
  width : 998px;
}

p {
  margin : 5px;
  font-size : 12px;
  text-align: justify;
  font-family : verdana, arial, sans-serif;
  color : #5B258F;
}

a {
  color : #5B258F;
}

ul {
  margin-top : 5px;
}

h1 {
  margin-top : 20px;
  font : bold;
  text-align : center;
  font-size : 18px;
}

h2 {
  margin : 10px 5px 5px;
  font : bold ;
  font-size : 14px;
}

h3 {
  margin : 5px 5px 0px;
  font-weight : normal ;
  font-size : 14px;
  text-decoration : underline;
}

.menuIE {
  display:none !important;
  display:block;
  position: relative;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  font-family : verdana, arial, sans-serif;
}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
  float : left;
  text-decoration: none;
  color: #5B258F;
  width : 86px;
  height: 20px;
  background : #C0C0C0;
  border : 1px solid gray;
  margin-right : 2px;
  line-height : 20px;
  overflow : hidden;
}

a.boutonIE:hover {
  color: #C0C0C0;
  background : #5B258F;
  overflow: visible;
}

a.boutonIE:hover table {
  color  :#C0C0C0;
  background : #5B258F;
  border-collapse : collapse;
}

a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
  display : block;
  width : 86px;
  height : 20px;
  border-bottom :1px solid #C0C0C0;
  text-decoration : none;
  color : #5B258F;
  background : #eee;
  overflow : visible !important;
}

a.SousMenu:hover {
  color: #C0C0C0;
  background:#5B258F;
}

.boutonFF {
  text-decoration : none;
  float : left; 
  color : #5B258F;
  width : 86px;
  height : 20px;
  display : block !important;
  display : none;
  z-index: 600;
  background : #C0C0C0;
  border : 1px solid gray;
  margin-right : 1px;
  line-height : 20px;
  overflow : hidden;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  font-family : verdana, arial, sans-serif;
}

.boutonFF:hover {
  height : auto;
  cursor : pointer;
  color : #C0C0C0;
  background : #5B258F;
  overflow : visible !important;
}
.boutonFF:hover table {
  display : block;
  color : #C0C0C0;
  background : #5B258F;
  border-collapse : collapse;
}

p.titre_art {
  padding : 1px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 2px;
  font-size : 10px;
  font-weight : bold;
  text-align : left;
  color : #c0c0c0;
  background-color : #5B258F;
  }

a.legende_photo {
  text-decoration : none;
  margin-top : 0px;
  margin-left : 0px;
  margin-bottom : 5px;
  font-size : 10px;
  text-align : left;
  }
  
a.legende_photo:hover {
  text-decoration : underline;
  }
  
      
/* pour mise en page */
.art_col2 {
  float : right;
  width : 450px;
  }

.art_col_220 {
  float : right;
  width : 220px;
  margin-right : 5px;
  }
  
.art_col_250 {
  float : right;
  width : 250px;
  margin-right : 5px;
  }
   
.encadre {
  border : 2px solid #5B258F;
  padding : 5px;
  width : 530px;
  }
   
.art_2 {
margin : 5px;
float : left;
width : 100px;
}

.art_3 {
margin : 5px;
float : left;
width : 200px;
}

.fl_d {
  margin : 5px;
  float : right;
}

.fl_g {
  margin : 5px;
  float : left;
}

.b1 {
  height : 300px;
  }
 
.boite {
  height : 320px;
}  

/* Fomulaire pour les login */
img.picto {
float : left;
border : 0px;
padding-left : 2px;
padding-top : 3px;
}

formulaire.login {
 font-weight: bold;
 }
 
.bouton_form {
  color : #5B258F;
  background : #C0C0C0;
  border : 1px solid gray;
  font-size: 10px;
  font-weight: bold;
  }

/* diaporama */
.legende_diapo {
 float : left;
 width : 160px;
 text-align : center;
 margin-right : 5px;
}

a.legende_bouton_encours {
  color: #C0C0C0;
  background : #5B258F;
  text-decoration : none;
  font-weight: bold;
  margin-left : 3px;
  margin-top : 20px;
  line-height : 40px;
  }
 
a.legende_bouton, a.legende_bouton:link, a.legende_bouton:visited, a.legende_bouton:active {
  text-decoration : none;
  font-weight: bold;
  color: #5B258F;
  margin-left : 3px;
  margin-top : 20px;
  line-height : 40px;
} 

a.legende_bouton:hover {
  color: #C0C0C0;
  background : #5B258F;
}