html
{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 3vh ;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
body
{
	text-align: center ;
	padding: 0 0 0 0 ;
}
.image_gauche, .image_droite
{
	border-style: solid ;
	border-color: black ;
	border-width: 1px;
	margin-bottom: 20px ;
}
.image_gauche
{
	margin-right: 20px ;
	float: left;	
}
.image_droite
{
	margin-left: 20px ;
	float: right;	
}
.texte_droite, .texte_gauche
{
	margin-top: 0px ;
}
.presentation, .critique, .signature
{
	margin-left: 10% ;
	margin-right: 10% ;
}
.presentation, .critique
{
	text-align: left ;
}
.presentation
{
	margin-top: 5% ;
	margin-bottom: 5%;
}
.signature
{
	margin-top: 2% ;
	margin-bottom: 2% ;
	text-align: right ;
	color: #C74 ;
}
.critique
{
	font-style: italic ;
	color: #C74 ;
}
.image
{
	max-height: 90vh;
}
a
{
	color: black ;
	text-decoration: none ;
}
a:hover
{
	/*
	background-color: #DDDDDD;  
	border-style: solid ;
	border-color: black ;
	border-width: 1px;
	opacity: 50%;
	*/
	text-decoration: underline overline ;
}

.center
{
	height: 100%;
	margin: 0 0 0 0 ;
	position: relative;
	width: 100% ;
}
@media (orientation: landscape )
{
	.image
	{
		max-height: 80vh;
	}
}
@media (orientation: portrait )
{
	.image 
	{
		
		max-height: 80vw;
		max-width: 90vh;
	}
}
.center p 
{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.menu
{
	z-index: 10 ;
	position:relative ;
	text-align: center ;
	width: 100% ;
}
.lien
{
	text-decoration: underline ;
	padding: 6px ;
}