@CHARSET "UTF-8";







/*couleur du fond*/
header
{
background-image:url("openbook.gif");height:220px;background-repeat:no-repeat;background-position: left;background-color:#FFB39D; border-radius:20px;
width:90%;border:groove;3px;border-color:red; box-shadow: 10 10 px black;
margin-left:55px;font-weight: bold;margin-top :10px;}

h1
{ text-align:center;padding-left: 320px;padding-top: 60px;font-size:3em;color: green;font-family:"Arial"; text-shadow: 5px 5px black;}
body
{ background-color: #F5F5DC; 
width: 90%;height:2000px;border:solid 2px;}
#deroulant,#deroulant ul
{padding:5; margin:0; border:dotted 0px;width:60%;text-align:center;list-style:none;}
#deroulant
{text-align:left;margin-top:100px;}
#deroulant li
{display:inline-block;}
/* titres articles*/
#deroulant ul li
{display:block;background-color:#F1E2BE; width:500px;text-align:center;margin-top:0px;padding-top:10px;}

#deroulant a
{ text-decoration:none; display:block;color:#0000CD;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:0px;padding:10px;}

#deroulant li
/*titre tribune*/
{ background-color:#CDB0C0;border:groove red 2px;text-align: center; }

ul li
{ width:38%; background-color: #C4C4C4 ;font-family:"times new roman";font-style:italic;font-weight:bold;color:red; padding-top:1px;margin-bottom: 10px;border:none;
	border-radius:10px;black;margin-top:2px;}
		

/* style pour le zone d'information*/

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

footer
 {position:fixed ;top:40em;left:60em;width:7%;}