div#navigation {
  width:30em;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  margin-bottom:0.2em;
}

.label {
  background:inherit;
  color:#A0A0A0; 
  font-family:"impact","arial narrow","arial black","helvetica",sans-serif;
}

.information {
  background:inherit;
  color:#C0C0C0;
}

div.landscape  { /* I.E. does not support "div#main-box.landscape {}" followed by a "div#main-box.portrait {}" !! */
  width:500px; /* En paysage, l'image fait toujours 500 px */	
}

div.portrait {
	/* Faire attention à ce que cela prenne toute la largeur, sinon c'est très moche en paysage.*/
	margin-left:5px;
	margin-right:5px;
	height:600px; /* En paysage, l'image fait toujours 500 px + 100px de marge */	
}

img#main-picture {
	margin:5px 0 5px 0;
}

.portrait img#main-picture {
	float:right;
	clear:none;
	margin:5px 5px 5px 5px;
}

.portrait div#main-info {
	float:left;
	clear:none;
	margin-top:1em;
}

div#info-place {
  text-align:left;
}

div#info-date {
  text-align:left;
}
.portrait div#info-photograph {
  text-align:left;
}

.landscape div#info-photograph {
  float:right;
}

div#info-comment {
	text-align:justify;
    font-family:sans-serif;
	line-height:1.2em;
}

/* Miniatures box */

div#miniatures-box {
	width:110px;
	float:right;
	clear:none;
	font-size:1px;
	margin-top:5px;
    border-left:solid 1px #808080;
}

.miniature img {
	padding:0;
	margin:1px;
}

div#photo-box {
	margin:0 110px 0 0;
	border-right:solid 1px #808080;
	min-height:30em;}