header
{width:50%;margin:auto;
}
main
{width:950px;background-color:lightgrey;padding:20px;}

h1
{ 
font-weight:bold;
background-color: #FFF0F5;
font-size:1.8em;
font-family:arial; 
border:ridge;color:green; 
border-radius:10px;
box-shadow:8px 8px 0px ;black;
text-align:center;width:100%;
}

#info{ color:red;background-color:yellow;}
/*grille correction titre brown */
h2
 { font-weight:bold;font-size:1.5em; color:brown; border:5px groove brown;text-align:center;width:25%;box-shadow:5px 5px black;margin-left:310px;} 
 }
h3
{ font-weight:bold;color:yellow;}

h4 { font-size:1.4em;color:blue;font-weight:bold; border:5px groove brown;text-align:center;width:35%;box-shadow:5px 5px black;margin-left:300px;}
mark
 {
 background-color:#9AE630;text-decoration:underline;
 }
 
 body
{
background-color:grey; width:1000px;border:2px solid black;margin-left:20px;padding-left:10px;
}


table
{border-collapse:collapse;box-shadow:10px darkgrey; border: 3px solid ;background-color: lightyellow; ;margin:auto;}

td, th 
{border:2px solid red;padding:10px;text-align:center;font-weight:bold;}

.flex-container
{ display:flex; background-color:teal;width:450px;align-item:center; justify-content:space between;border:4px red solid;box-shadow: 5px 5px black;margin-left:200px;padding:5px;}

.flex-item{background-color;tealpadding:5px;width:400px;align-item:center;alin-item:stretch;}


.img {margin-left:200px;}

.bas {display:inline-block; border:4px red solid;box-shadow: 5px 5px black;background-color:teal;  padding: 10px; color:yellow;width:450px;margin-left:225px;}

.liste
{font-family:impact; margin-left:90px top:30px; border:2px red dashed;display:inline-block;
}
.retgen 
{margin-left:5px;border:2px red dashed;display:inline-block;}

.imprime
{
 font-weight:bold; margin-left:65px top:30px;display:inline-block;border:2px red dashed;padding-left:10px;
}
.indexfich
{ margin-left:200px;}

a:link { color:yellow;}

footer { font-style:italic;}