body {
  text-align: justify;
  margin-right: 120px;
  margin-left: 120px;
  font-family: messagebox, "palatino", "times", serif;
  font-size: 1em;
  line-height: 1.35;
  color: #008;
  background: #de8 }
h1, h2 {
  color: #de8;
  /* color: window; */
  background: #008;
  /* background: windowtext; */
  text-align: center;
  font: italic large Arial, Helvetica, sans-serif;
  padding: 0.7em 2%;
  border: solid thin;
  clear: both }
h1 {
  font-weight: bold }
img.logo {
  float: right;
  margin-right: -80px;
  border: none }
applet {
  float: left;
  margin: 0.5em }
strong {
  color: black;
  background: yellow }
a:link {
  color: #00F;
  /* color: highlighttext; */
  text-decoration: underline }
a:visited {
  color: #77F;
  text-decoration: underline }
a:active {
  color: #ff4444 }
address {
  text-align: right;
  clear: both }
a:link img, a:visited img {
  border-style: none }
a img {
  color: #de8 } /* The only way to hide the border in NS 4.x */
img.illustration {
  float: left;
  margin: 0 1em 0.5em 0 }
ul.menu {
  text-align: center;
  font-size: small }
ul.menu li {
  display: inline }
ul.menu li + li:before {
  content: "| ";
  color: red;
  font-weight: bold }

@if only this would work... {

div.thumb {
  float: right;
  clear: right;
  width: 11.5em;
  padding-bottom: 0.5em;
  margin-right: -12em;
  line-height: 1.1;
  /* background: black; color: white; */
  text-align: center }
div.thumb img {
  }
div.thumb div.photo {
  /*float: left;*/
  width: 108px;
  margin-right: 5px }
div.thumb div.caption {
  font-size: smaller;
  /*text-align: left*/ }
div.thumb a {
  /* color: white; */
  text-decoration: none }
.size {
  background: white;
  color: black }

}

del {
  text-decoration: line-through;
}

.yves {
  background: #de0;
  padding: 0.3em }
.coralie {
  background: #ed0;
  padding: 0.3em }