html, body
{
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
a
{
	color: black ;
	text-decoration: none ;
}
a:hover
{
	text-decoration:underline ;
}
.cc
{
	font-size: 60% ;
}
.fleche
{
	margin-top: 10px ;
}
.imagettes
{
	left: 0px ;
	position: fixed ;
	width: 200;
	text-align: center;
	overflow: auto ;
	border-style: solid;
	border-color: black;
	border-width: 1px ;
	top: 0px;
	bottom: 0px ;
}
#image
{
	max-width: 80% ;
	max-height: 80vh ;
	z-index: 1 ;
}
#image, .imagette
{
	border-style: solid;
	border-color: black;
	border-width: 1px ;
	margin: auto ;
}
.principale
{
	#display: inline; /* comportement visuel de cellule */
	vertical-align: middle;
	text-align: center ;
	margin: auto ;
	display: -ms-flex; 
	#-ms-flex: auto 1 ;
	height: auto ;
	overflow: visible ;
}


.principale
{
	left: 200;
	text-align: center ;
	vertical-align: middle ;
	position: fixed ;
	overflow: auto ;
	right: 0px;
	bottom: 0px ;
	top: 0px;
}

.table
{
	height: 100%; 
	display:table;
	width: 100%;
}

.container
{
	display: table-cell;
	text-align: center ;
	vertical-align: middle;
}

.content
{
	display: inline-block;
}

.log
{
	background-color: #ffcccc;
	font-size: 60% ;	
	opacity: 0.75 ;
	top: 0;
}
.log, .info
{
	position: fixed ;
	left: 200;
	right: 0;
	right: 0px ;
}
.espace
{
	height: 25 ;
}
img
{
	vertical-align: middle ;
}
.info
{
	font-size: 10pt ;
	bottom: 5px;
	height: 25px ;
	vertical-align: middle;
	z-index: -1;
}
.dimensions
{
	margin-top: 5px ;
	font-size: 90%;
}