.inline {
    display: inline-block;
}

.txtcenter {
    text-align: center;
}

header {
    height: 402px;
    box-shadow: 0px -16px 26px -18px #676767 inset;
    background: rgb(105, 155, 200);
    background: -webkit-radial-gradient(ellipse at top left, rgba(105, 155, 200, 1) 0%, rgba(181, 197, 216, 1) 57%);
    background: radial-gradient(ellipse at top left, rgba(105, 155, 200, 1) 0%, rgba(181, 197, 216, 1) 57%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#699bc8', endColorstr='#b5c5d8', GradientType=1);
}

nav>ul>li {
    display: inline-block;
    text-align: center;
    color: white;
    padding-bottom: 40px;
}

nav>ul>li>h3 {
    font-size: 19px;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
}

nav>ul>li:hover>h3 {
    font-weight: 400;
}

nav {
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background 0.5s linear 0s;
    transition: background 0.5s linear 0s;
    padding-top: 41px;
}

nav:hover {
    background: rgba(0, 0, 0, 0.15);
}

nav>ul>li {
    box-shadow: 0 -5px 0px 0px inherit inset;
    -webkit-transition: box-shadow 0.4s linear 0s;
    transition: box-shadow 0.4s linear 0s;
}

nav>ul>li:hover {
    box-shadow: 0 -5px 0px #800 inset;
}

.cadre {
    padding: 49px;
    margin-top: 60px;
    margin-bottom: 20px;
    border: 23px solid black;
    box-shadow: 0px 0px 42px 3px #888888 inset, 5px 5px 24px #888888;
    border-radius: 3px;
}