body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea {
    max-width: 280px;
}

#sousTitrePrincipal {
    font-style: italic;
    font-size: 1.2em;
    color: #333;
    animation: shadow_ssTitre 2s forwards;
}

#sectionNavigationSecondaire {
    margin-bottom: 12px;
}

.navigationSecondaire {
    display: flex;
    justify-content: space-around;
}

.navigationSecondaire > li {
    width: 140px;
    text-align: center;
}


.nav-pills li a {
}

.nav-pills > li.active > a {
    background-color: darkblue;
}

hr {
    margin-top: 14px;
}

#mainFooter {
    margin-top: 8px;
}

@media all and (max-width: 375px) {
    h1 {
        font-size: 2.3em;
    }
}

@keyframes shadow_ssTitre {
    from {
        text-shadow: none;
    }

    to {
        text-shadow: 4px 4px 6px #666;
    }
}