@CHARSET "UTF-8";
/* titre général*/
body
{ background-image:url(fond.png); }

header
{ 
	margin:auto;width:70%;
font-weight:bold;
background-color: #F5FFFA;
font-size:2em;
font-family:arial; 
border:2px ridge;color:blue;
border-radius:10px;
box-shadow:9px 9px 0px black;
text-align:center;
}

.conteneur
{ width:90%; height: 60%;margin-left: 80px;overflow:auto;}

/*anatomie générale*/
.dropdown
{  background-image:url(vincib.png);display:inline-block;position:absolute; width:280px;height:400px; margin-left:2%;
	padding-bottom:5%;margin-top:65px;border:solid red 2px;box-shadow: 6px 6px;}

.dropbtn
{opacity:0.7;font-weight:bold;text-align:center;background-color:red;
color:white;font-size:1.5em;width:100%;
border:none;}

.dropdown-content
{display:none; position:absolute; padding:8%;margin-left:2%;width:80%;
font-size:1,4em;box shadow:0px 8px 16px 0px rgba( 0,0,0,0.2);border-radius: 3px;}

.dropdown-content a
{ display:block; width:80%;color:yellow;font-weight:bold;font-size:1.5em;text-align:center;
padding:3%;text-decoration:none;}

.dropdown-content a:hover {background-color:grey;}
.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbtn {background-color:#3e8e41;}

figure
{display: inline-block;margin-left: 430px;
width:500px;height: 770px; margin-top:35px;padding-top:3px;box-shadow:9px 9px 6px 5px black;border:solid 3px black}


 #select
{display:block;margin-left:400px;width:20%; border:groove 3px red;background-color:lightgrey;font-color:white;font-size: 2em;font-weight:bold;text-align:center;box-shadow:black 5px 5px;border-radius:10px 10px 10px 10px;}


.retour
{display:inline-block;margin-bottom:40%x;margin-left:190px;}