body, table, th, td, a {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body {
   background: #000000;
   color: #ffffff;
   display: flex;
    justify-content: center;
    align-items: center;
  
    margin: 0;
}
a:link, a:visited {
   color: #ccc;
   text-decoration: none; 
   font-style: italic; 
}
a:active, a:hover {
   color: #eee;
   font-style: bold; 
}
h2 small {
    font-size: 0.8em; 
	 font-weight: normal;
}
h3 small {
    font-size: 0.8em; 
	 font-weight: normal;
}


.container {
    text-align: justify;
	 padding: 0 100px 0 100px;
	max-width: 600px;
	
}

.text {
    display: inline-block;
}

img {
 border: none;
}
table {
 background: #000;
 border: none;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}
.image-container {
  display: none;
  position: absolute;
  top: 200px;
  left: 10px;
}

.image-container img {
  width: 400px; /* Largeur de l'image */
  
}

}
.citation {
  font-style: italic; 
}
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
    display: none;
    z-index: 1;
    max-width: 200px; /* Ajustez la largeur maximale selon vos besoins */
}

.tooltip img {
    max-width: 100%; /* Assurez-vous que l'image ne dépasse pas la largeur de l'info-bulle */
    height: auto;
    margin-top: 10px; /* Ajoutez une marge au-dessus de l'image */
}

.tooltip:hover::after {
    display: block;
}


div.center {
 width: auto;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size: 100%;
}
table.outertable {
   border: 1px solid #111111;
}
th.header {
   background: url(header.png);
   color: #64643c;
   font-size: 22px;
   font-weight: bold;
   height: 53px;
   padding: 0 10px 0 10px;
   vertical-align: middle;
   text-align: left;
}
td.content {
   padding: 10px 10px 0 10px;
   vertical-align: middle;
   line-height: 100%;
   font-size: 8px;
}
td.footer {
   color: #808080;
   font-size: 6px;
   padding: 20px 10px 10px 10px;
}
td.thumbs {
   color: #cccccc;
   font-size: 10px;
   width: 10em;
   vertical-align: baseline;
   padding: 10px 5px 5px 5px;
}
td.navi {
   font-size: 12px;
   padding: 10px;
}
}
td.caption {
   font-size: 8px;
    font-weight: lighter;
   padding: 10px;
}
td.citation {
   vertical-align: middle;
  
   font-style: italic; 
}