<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.bloc_page
{
width: 75%;
min-width:750px;
margin:auto;
}

/* menu */
header
{
height:150px;
background-image:url("P_ML/entete.JPG");
border-bottom:solid 1px black;
border-radius:16px 16px 0px 0px;
} 

nav
{
margin-top:-42px;
}

nav a
{
text-decoration : none;
padding-left:10px;
border: solid 1px black;
border-radius : 0px 7px 0px 0px;
font-size:20px;
font-family: verdana;
font-style:italic;
color:white;
padding-right:15px;
background-color:grey;
}

#active
{
color:grey;
background-color:white;
border-bottom:white;
text-shadow:2px 2px 3px grey;
}

nav a:hover
{
color:black;
background-color:white;
border-bottom:none;
}

nav li
{
display:inline-block;
}

h1
{
	margin-top:0px;
	font-family:verdana;
	font-size:30px;
	font-style:oblique;
	color:#eed529;
	text-align:right;
}

/* diaporama */
#diaporama img
{
float:left;
width:70px;
height:70px;
border:1px white solid;
}

#diaporama  img + img 
{ 
display:none;
}

#diaporama  span span 
{
display:none;
}

#diaporama img:hover + img
{
display:inline;
position:absolute;
width:auto;
height:500px;
border-radius:12px;
}

.mini
{
float:left;
width:144px;
height:500px;
}

#diaporama span:hover span 
{
display:inline;
position:absolute;
text-align:left;
top:175px;
font-size:16px;
font-family: verdana;
color:grey;
background-color:rgba(255,255,255,0.8);
padding:4px;
}


</pre></body></html>