@CHARSET "UTF-8";



/* style pour l'en-tête*/
header
{background: url("rembr.png ") no-repeat; background-position: left; 
 background-color:black;color:yellow; border:ridge;5px;margin-left: 2px;
box-shadow : 10px 10px 0px grey;border-radius:20px 25px 15px 20px;}

body

{width:95%;}
{max-width:1200px; min-width:700px;}

section
 {width:100%; background-image: url("fond2.png");margin-top:1%; }

/* zone de navigation*/
nav ul
{display:inline-block;
width:100%;; text-align:left}
ul> li
	{
	display:inline-block;width:18%;height:8%; background-color: #E6E8FA; font-size:32px; font-family:arial; border:groove ;color:black;border-radius:4px; box-shadow:3px 3px 0px ;black; ;margin-top:20px;margin-left: 4px;padding:5px;text-align:left;
}

h1
{ font-family: "times New Roman";font-size:100px;text-shadow:4px 8px 4px #FFD700
;margin-left: 600px;}
h2
 	{display:inline;
 	color:yellow; font-size:2em; font-family:"Trebuchet MS"; font-style:italic; text-align:center;margin-left: 700px;
 	}
/*--nouveautés titre*/
h3
{ font-family: "arial-black";font-size:20px; margin-left: 10%;}

h4
{ font-family:"time_new_roman ";font-size:15px;text-align:center;}
/*titres nouveaux*/
.new

{background-color:lightgrey; opacity:0,6;width:auto ;color:red;font-weight:bold;margin-left: 50px;width: 500px;padding:10px;text-align:center;border:ridge 4px black;box-shadow:8px 10px grey;border-radius:10px;}

.introduction
{ width:50%; color:black;font-family:"Times New Roman";font-style:italic;font-size:1.2em;background-color: #EEEED1;margin-top:30px;margin-left:600px;}

/* style pour la zone de navigation*/
}

#deroulant,#deroulant ul
{padding:0; margin:0; list-style:none;}
#deroulant
{text-align:center;margin:auto;}
#deroulant ul li
{display:inherit;background-color:#EEE685;text-align:center;}
#deroulant a
{ text-decoration:none; display:block;color:black;}

.retour
{background-color:red;color:yellow;margin-left:5px;width:6%;}


/* style pour le zone d'information*/

aside
{background : url("accueil.gif") no-repeat; color: red; background-position: left;
; display:inline-block;margin-left:450px;margin-top:50px;margin-bottom:20px;text-align:right;
width:60%;color:blue;background-color: #ADD8E6;font-size:1.2em;border:double;padding:20px;}



/* style pour le pied de page*/


.contact {width:10%;margin:auto;padding-bottom:5px;border:groove;text-align:center;background-color:black;}
.legal{ color:black; margin-left: 200px;background-color:green;}
.plan{ color:yellow; margin-left:1100px;background-color:red;}
footer { clear:both;padding-top:1em;background:dimgray;color:yellow;}
footer div{float:right;}
footer a{ text-decoration:none;color:gainsboro;}
footer a:hover{color:white;}