body { 
  font-size : 1em;
  margin-top : 1em;
}

a  {
	text-decoration : none;
}
img {
  border : 0;
}

div#zoom {
  position:absolute;
  display : none;
  width : auto;
  height:auto;
  background-color:white;
  padding : 0.4em;
}
div#zoom caption {
  display : block;
  text-align : center;
  width:auto;  
}

div#content {
	margin :auto;
  width : 36em;
	text-align:left;
}

div#menu  {
  margin-left:33em;
  width:3em;
  position:absolute;
}
div#menu ul {
	list-style : none;
	text-align : right;
  padding:0;
  margin:0;
}
div#menu ul li {
  margin : 0 0 2px;
	padding : 0 0.3em;
}
div#menu ul li a {
	color : white;
	background-color:transparent;
	display:inline;
	font-family: monospace;
}
.derriere {
   background: #c0c0c0 url(coinongletder.png) no-repeat top right;
}
.devant {
   background: #e70e09 url(coinongletdev.png) no-repeat top right;
}

div.jour  {
  display:none;
	width : 30em;
  min-height : 16em;
  color : #ffffff;
	margin:0 0 1em;
	padding:0.5em 1.5em 2em;
	background: #e70e09 url(coin.jpg) no-repeat;
}
p {
  margin:0;
  padding:0.5em 0;
}
p.remarque {
  font-size : 0.7em;
}

div.photod, div.photog {
    padding: 0.3em;
    background-color : white;
}
div.photod {
  margin:0.5em 0 0.5em 0.5em;
  float:right;
}
div.photog {
  margin:0.5em 0.5em 0.5em 0;
  float:left;
}
div.photod img, div.photog img {
    width : 5em;
}
div.photod div.caption, div.photog div.caption {
    display : none;
}

div.bulle  {
  background : transparent url(visagebulle.png) no-repeat bottom right;
  padding-right : 36px;
  float : left;
  margin: 0 0.5em 0.5em 0;
}
div.simon  {
  padding:0.8em;
  color : black;
  background-image : url(75p_white.png);
  border : 1px solid black;
  width : 17.5em;
}

div.papa  {
  clear:left;
}
  
div.colophon  {
  border-top : 1em solid #ffff99;
	width : 7em;
	height : 8em;
	float : right;
	text-align : center;
	font-family : cursive;
	color: black;
	padding : 0.2em;
	margin-left : 0.2em;
	background: #ffffcc url(coinpostit.png) no-repeat bottom right;
}

div.colophon div.date {
    font-family : monospace;
	margin-bottom : 2em;
	}

div#p0 {
  height : 20m;
  display:block;
}