*
{
    box-sizing:border-box;
}

.logo{
    float: right;
    text-align: right;
    padding: 10px 15px;
}

.titre{
    text-align: left;
    padding-left: 60px;
    color: #D64222
}

header {
    background-color: #d8e5e5;
    border: 2px solid #000000;
}

ul#menu li {
    display: inline;
    padding: 10px 15px;
    text-align: right;
}

#menu {
    text-align: right;
    text-align-last: left;
    margin-top: 100px;
    width: 600px;
}

h1 {
    color: #a62f2f;
}

a {
    color: #1819fc;
    font-style: italic;
    text-decoration: none;
}

a:visited {
    color: #1819fc;
}

a:hover {
    color: #a62f2f;
}

.boite1{
    width: 500px;
    padding: 10px;
    border: 2px solid;
    margin: 10px;
    z-index: -1;
}

.boite2{
    width: 500px;
    padding: 10px;
    border: 2px solid;
    margin: 10px;
    z-index: -1;
}

.boite3{
    width: 500px;
    padding: 10px;
    border: 2px solid;
    margin: 10px;
    z-index: -1;
}