body
{background-color:#F5DEB3;}

h1, h2
{text-align:center;
font-family :arial, sans-serif;}

#deuxboites, #haut
{display:flex;
justify-content:center;
flex-wrap:wrap;
margin-top:40px;
flex-wrap:wrap;
align-items:flex-start;}

#entete h1, #entete h2
{margin:1px;
padding:1px;
color:#F5DEB3;
font-style:italic;}

#haut
{margin-bottom:25px;
background-color:darkolivegreen;
padding:20px;}

#lensemble
{display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
justify-content:center;}

#deuxboites
{align-items:flex-end;
}

#acc
{width:300px;
text-align:center;
padding:10px;}

#acc a
{color:#F5DEB3;
font-size:0.8em;}

#acc a, #aumilieu a, #menu a, #toutenbas a
{text-decoration:none;
font-style:italic;}

#dabord
{color:#A62A2A;
font-family :verdana, sans-serif;
padding : 40px; 
margin : 10px;
width:250px;
}

#aumilieu
{padding : 40px; 
margin : 10px;
width:150px;
text-align:center;
}

#menu
{color:#EBC79E";
font-family :verdana, sans-serif;
padding : 40px; 
margin : 10px;
width:250px;
border:1px solid black;
}

#contenido
{color:black;
font-family :verdana, sans-serif;
padding: 40px; 
margin :10px;
border:1px solid black;
width:600px;
flex-grow:1
}

.red
{color:red;}

.encadre
{border:1px solid green;
padding:2px;
background-color:yellow;
}

img.petit
{width:100px;}

#ensuite
{color:#A62A2A;
font-family :verdana, sans-serif;
padding: 40px; 
margin :10px;
width:250px;
}