/*Mise en page du titre*/
body {
    width: 1200px;
    font-family: "Courrier New", Courrier, monospace;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    font-size: 16px;
    color: rgb(9, 23, 102);
    margin: 0 10px;
}
a:link,
a:visited,
a:hover,
a:focus,
a:active {
    color: rgb(75, 99, 117);
    text-decoration: none;
    cursor: pointer;
}
.menu {
    font-family: cursive, fantasy;
    font-size: 1.5em;
    width: 90%;
    margin: 0 auto;
    border: 5px double rgb(75, 99, 117);
    border-radius: 10px;
    background-color: #86aec2;
    min-width: 200px;
}
.nav {
    display: inline-block;
    width: calc(100% / 6);
    min-width: 200px;
    border: 10px solid rgba(187, 193, 198, 0);
    /*padding: 0.5px;*/
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
}
.nav:hover {
    border: solid 10px rgba(187, 193, 198, 1);
    background-color: rgb(75, 99, 117);
    color: rgb(234, 236, 237);
    font-weight: bold;
}
.nav:active {
    border: 10px solid rgb(85, 85, 127);
    color: rgb(119, 119, 150);
    background-color: rgb(238, 238, 239);
}
.dcorps {
    display: inline-block;
    margin-top: 15px;
    margin-right: 10%
}
#colone {
    width: 250px;
    text-align: left;
    margin-bottom: 0.1px;
}
#divcorps {
    width: 700px;
}
.footer {
    font-size: 16px;
    font-family: Calligraffitti, cursive;
    background-color: #86aec2;
    font-weight: 900;
    width: 90%;
    margin: auto;
}
.navfoot {
    display: inline-block;
    width: calc(100% / 3);
    min-width: 200px;
}