@CHARSET "UTF-8";


/*image du fond*/

body{background-image:url("imagef/crepi.png");width:99%;}

h1{background-color:maroon;width:60%;margin-left:25%;text-align:center;text-weight:bold;font-size:3.8em;color:yellow;text-shadow: 10px 6px black;border-radius:10px 10px;box-shadow: red 10px 5px; }
.image
{ width: 408px;margin-left:auto;margin-right:auto;border:groove 3px red;box-shadow: black 5px 10px;text-align:center;}

#deroulant,#deroulant ul
{padding:0; margin:0; list-style:none;}
#deroulant
{text-align:center;margin-top:90px;}
#deroulant li
{display:inline-block;}
/* à revoir*/
#deroulant ul li
{display:block;background-color:#EEE685; width:160px;text-align:center;margin-top:0px;padding-top:0px;}

#deroulant a
{ text-decoration:none; display:block;color:maroon;font-size :1.4em;}
#deroulant ul
{position:absolute;left:-999em;text-align:center; z-index:1000;}
/*position du deroulant*/
#deroulant li:hover ul
{left:auto; top:auto;margin-top:4px;padding:2px;}
#deroulant li	
{ background-color:#FFFAFA;}

ul li
{ width:14%; background-color: #FAFAD2; font-family:"times new roman";color:red; border:groove ;color:black;
	border-radius:10px; box-shadow:3px 3px 0px ;black;margin-top:4px;}
	
	

/* style pour la zone de navigation*/



/* style pour le zone d'information*/

aside{ display:inline-block;margin-left:400px;margin-top:500px;width:30%;color:blue;background-color: #FFF68F;font-size:1.2em;border:solid;padding-top:20px;}
/* style pour le pied de page*/

footer
 {position:absolute;top:40em;left:20em;bottom:50px;width:7%;}