body
{
background:#e8edf1;
font-family:Arial, Helvetica, sans-serif;
margin:0;
}

#conteneur
{
width:90%;
max-width:900px;
margin:30px auto;
}

h1
{
background:#660000;
color:white;
padding:20px;
border-radius:8px;
}

form
{
background:white;
padding:20px;
border-radius:8px;
margin-bottom:20px;
}

label
{
display:block;
margin-top:10px;
}

input[type=text],
textarea
{
width:100%;
padding:8px;
box-sizing:border-box;
}

textarea
{
height:120px;
}

input[type=submit]
{
margin-top:15px;
padding:10px 20px;
}

.message
{
background:white;
padding:15px;
margin-bottom:15px;
border-radius:8px;
border-left:5px solid #660000;
box-shadow:0 1px 4px #cccccc;
}

.entete
{
margin-bottom:10px;
color:#660000;
font-weight:bold;
}

.succes
{
background:#dff0d8;
padding:15px;
margin-bottom:15px;
border-radius:8px;
}

.photo
{
margin-top: 10px;
}

.photo img
{
max-width: 100%;
height: auto;
border: 1px solid #cccccc;
padding: 4px;
background: #ffffff;
}

.erreur
{
background:#ffe0e0;
border:1px solid #cc0000;
padding:10px;
margin-bottom:15px;
}

.succes
{
background:#e0ffe0;
border:1px solid #008000;
padding:10px;
margin-bottom:15px;
}
.photo img
{
max-width:100%;
height:auto;
border:1px solid #999999;
padding:4px;
background:white;
margin-top:5px;
}

a
{
color:#660000;
}

a:hover
{
text-decoration:none;
}