body {
  background: #ffffff;
  color: #000000;
  margin: 1em;
/*  position: relative;*/
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10pt; 
}

a:link {color: #0000ff}
a:visited {color: #800080}
a:active {color: #ff00ff }

a:link img {border-color:#0000ff}
a:visited img {border-color: #800080}
a:active img {border-color: #ff00ff}

h2 {
  clear: both;
  margin-top: 1em;
}

ul {
  padding-left: 1em;
  margin-left: 0;
}

ul ul {
  margin-left: 1em;
}

hr {
  height: 1px;
}

/*debug*/
/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul, dl {border: 1px solid green}
dt, li {border: 1px solid lightgreen}
dd, span {border: 1px dashed lightgreen}
*/

.spacer {
  clear: both;
}

.spacer-invisible {
  clear: both;
  visibility: hidden;
}

#spacer-sous-menu {
  clear: both;
  visibility: hidden;
  margin-top: 1em;
  padding-top: 1em;
}



.telecharge {
  background-image: url(../lib/download.gif);
  background-repeat:no-repeat;
}

.telecharge a, .telecharge span { 
  padding-left: 30px;
}

.telecharge ul a { 
  padding-left: 0;
}

.image_gauche {
  float: left;
  margin-right: 1em;
  text-align: center;
  font-size: 80%;
  border-style: solid;
  border-width: 2px
}

.image_droite {
  float: right;
  margin-left: 1em;
  text-align: center;
  font-size: 80%;
  border-style: solid;
  border-width: 2px
}

.normal {
  color: black;
}

.liens {
  color: black;
}

.cellule {
  text-align: center;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  width: 128px
}

#baniere {
  margin-top: 0;
  padding-top: 0;
  text-align: center;
}

#baniere {
  margin-left: auto;
  margin-right: auto;
}

#info_importante {
  text-align: center;
  margin: 0;
  padding: 0;
}

#info_importante p {
  width:546px;
  border: solid orange;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
/*  margin-left: 8em;
  margin-right: 8em;*/
}

#info_importante em {
  text-decoration: blink;
}

#news {color: #003333}

#news li {
  margin-bottom: 6px;
}

#news li li {
  margin-bottom: 0;
}

#menu2 {
  position: absolute;
/*  top: 200px;*/
  left: 3em;
  z-index: 100;
  padding-top: 1em;
  margin-right: 1em;
  margin-left: 1em;
/*  width: 100%; correction pour Opera */
}

#menu2 dl, #menu2 dt, #menu2 dd, #menu2 ul, #menu2 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu2 dl {
  float: left;
  width: 12em;
  padding: 0 2px;
  font-size: 80%; 
}

#menu2 dt {
  cursor: pointer;
/*  display: inline; */
/*  padding: 1px */
  color: maroon;
  background-color: #eeddaa;
  border: 1px solid gray;
  text-align: center;
  text-decoration: none;
  line-height: 1.6em;
}

#menu2 dd {
/*  display: none; */
/*  margin: 0; */
  border: 1px solid gray;
}

#menu2 li {
  text-align: center;
}

#menu2 li a, #menu2 dt a {
/*  line-height: 1.4em; */
/*  padding: 2px; */
  color: maroon;
  background-color: #eeddaa;
  border: 0 none;
  text-align: center;
  text-decoration: none;
/*  font-size: 80%; */
  display: block;
  height: 100%;
}

#menu2 li a:hover, #menu2 li a:focus, #menu2 dt a:hover, #menu2 dt a:focus {
  color: #66ffff;
  background-color: #ddbb99;
}

#menu2 a img {
  border: 0;
}

#smenu1 {
  display: none;
}


#logo {
/*  position: relative;
  top: 0;
  left: 0; */
  float: right;
}

#logo a img {
  border: 0;
}

#liste_yahoo a img {
  border: 0;
}

#contenu {
/*  position: absolute;
  top : 170px;
  left :0; */
  padding-top: 1em;
  z-index: 1;
}

#retour {
  text-align: right;
  background-image: url(../lib/up.gif);
  background-repeat: no-repeat;
  background-position: right;
}

#retour a {
  padding-right: 25px;
  font-size: 80%;
  font-weight: bold;
  color: #0000FF;
  text-decoration: none;
}

#pied {
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 80%;
}

#pied a {
  font-style: italic;	
}  

#date {
  float: left;
  font-style: italic;	
}

#separe {
  visibility: hidden;	
}