body {
  font-family: "Times New Roman", Times, serif;
  background-color: #CCCCFF;
}

div.titre
{
position:absolute;
top:10px;
left:220px;
}

div.menu
{
position:absolute;
top:200px;
left:20px;
}

div.centre
{
position:absolute;
top:120px;
left:160px;
width:550px;
border-style: outset;
border-color:#3B1DAE;
border-width:1.5px;
padding:30px;
background-color:#DCD0FF;
}

.menu ul
{
width:3cm;
list-style-type:none;
margin:0px;
padding:0px;
border-top-color: #000000;
border-top-style:solid;
border-top-width:2px;
background-color:#DCD0FF;
}

.menu ul li
{
width:100%;
margin:0px;
padding:0px;
text-align: center;
border-bottom-style:solid;
border-bottom-color: #000000;
border-bottom-width:2px;
height:25px;
padding-top:3px;
}

.menu ul li a
{
display:block;
font-family:"Times New Roman", Times, serif;
text-decoration:none;
color:#000066;
width:100%;
padding:5px;
}

.menu ul li>a
{
width:auto;
}

#joli {
color: #4C46BB;
font-style:italic;
font-weight:bold;
font-size: 24px;
}

#joli2 {
color: #4C46BB;
font-style:italic;
font-weight:bold;
font-size: 18px;
}

#liste {
color: #4C46BB;
font-style:italic;
}

h1.centre
{
color: #5F51CE;
margin-left: 0.5cm;
margin-top:0.5cm;
}

.menu img
{
border-style:none;
position:absolute;
left:20px;
}

.menu a
{
text-align: center;
text-decoration:none;
}

a
{
text-decoration:none;
}