*|body {
  margin: 10px 0;
  padding: 0px;
  background: #a1caf1 none repeat scroll 0% 50%; /**ddeeaa*/
  text-align: center;
  font-family: "Trebuchet MS",helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 0.8em;
  line-height: normal;
}
*|div#conteneur {
  border: 1px solid #165591; /*#aabb44*/
  margin: 0 auto;
  background: #ffffff none repeat scroll 0% 50%;
  width: 770px;
  text-align: left;
}
*|h1#header {
  margin: 0;
  background: transparent url(Meije.jpg) repeat scroll 0% 0%;
  height: 116px;
}

*|h1#header *|a {
/*  background: transparent url(title.gif) repeat scroll 0% 50%;*/
  /**left: 350px;**/
  top: 15px;
 color: #fff; 
}
*|ul#menu {
  margin: 0px;
  background-color: #a1caf1; /* #ff5132*/
  padding: 0px;
  /*background: transparent url(bg_menu.png) repeat-x scroll 0 50%; */
  height: 35px;
  list-style-type: none;  
}

*|ul#menu *|li {
display: table-cell;
  float: left;  
  text-align: center;    
  /* border: 10px;    */
}
*|ul#menu *|li *|a {
  /*border-right: 2px solid #ddeeaa; */
  width: 94px; 
  line-height: 35px;
  font-size: 1.1em;
  /*font-weight: bold;*/
  letter-spacing: 2px;
  color: #ffffff; /* couleur texte onglet*/
  background-color: #FF5733; /* #FF5733*/
  display: block;
  text-decoration: none;
  /* margin-left: 10px;    */
  padding: 0 30px;
  
}

/**
*|ul#menu *|li *|a:hover {
  background:  #fbc02d ;
 /**background-color:  #ffeb3b ; */
/**}*/
#menu  a:hover{
background:  #fbc02d ;
background-color:  #fbc02d ; 
 color: #000;
 
}

#menu #EnCours a{
  background:  #fbc02d ;
  background-color:  #fbc02d ; 
 color: #fff; 
}

*|div#contenu {
  padding: 0 50px;
  background: transparent url(bg_page.gif) no-repeat scroll 15px 50%;
}
*|div#contenu *|h2 {
  border-bottom: 1px solid #59a2e7;  /*#99bb22*/
  background: transparent url(little_apple.gif) no-repeat scroll left bottom;
  line-height: 25px;
  padding-left: 0px;
  font-size: 1.4em;
  color: #59a2e7;
}
*|div#contenu *|h3 {
  border-left: 3px solid #59a2e7;
  border-bottom: 1px solid #59a2e7;
  margin-left: 15px;
  padding-left: 5px;
  color: #59a2e7;
}
*|div#contenu *|p {
  text-align: justify;
  text-indent: 2em;
  line-height: 1.7em;
}
*|div#contenu *|a {
  color: #59a2e7;
}
*|div#contenu *|a:hover {
  color: #1f7cd4;
}
*|p#footer {
  margin: 0;
  line-height: 30px;
  color: #59a2e7;
  padding-right: 10px;
  text-align: right;
}
*|pre {
  border: 2px solid #59a2e7;
  padding: 5px 0 0 5px;
  background: #ddeeaa none repeat scroll 0% 50%;
  overflow: auto;
  font-size: 1.2em;
}
*|pre *|span {
  color: #556600;
}
*|pre *|span.comment {
  color: #b30000;
}

#contenu  ul {
  list-style-type: none;  
}

#contenu  li {
  list-style-type: none;
  padding-left: 0em; 
  text-indent: -1.3em;
  margin-left: -40px;
  margin-right: -6px;
}


#contenu li:before { /* the custom styled bullets*/ 
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #59a2e7;
  border-radius: 50%;
  margin-bottom: 1px;
  margin-right: 10px;
  margin-left: 0px;
}