main {
    min-height: calc(100vh - 176px);
}

html {
    position: relative;
    min-height: 100vh;
    padding-bottom: 365px;
    scroll-behavior: smooth;
}

footer {
    position: absolute;
    width: 100%;
    min-height: 30vh;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 17990px;
}

#cartographie {
    height: 250px;
    margin-top: 30px;
}

div.leaflet-control-zoom {
    background-color: rgb(255, 253, 253);
    margin-left: 2px;
}

a.leaflet-control-zoom-out {
    background-color: #ebe7e1;
}

a.leaflet-control-zoom-in {
    background-color: #ebe7e1;
}

a {
    padding-top: 5px;
}

body {
    margin: 0 auto;
}

pre {
    background-color: lightgrey;
    margin-top: 5px;
    border: 1px solid grey;
    width: 500px;
}


/*h1 {
    color: #992306;
    border: 1px solid rgb(55, 52, 52);
    box-shadow: 8px 12px 2px 1px rgba(87, 84, 76, 0.2);
    padding: 25px;
    margin: 0 auto;
}*/

label {
    display: inline-block;
    width: 90px;
    vertical-align: top;
    color: marron;
    box-shadow: none;
}

input {
    background-color: #f3f3fa;
    height: 40px;
    width: 90%;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

td:hover,
th:hover {
    background-color: #bfc6de;
}

code {
    color: #0c5ec7b3;
    /* box-shadow: 2px 2px 3px #aaa; */
}

.btn-primary:hover {
    background-color: maroon;
    box-shadow: 8px 8px 12px #aaa;
    color: white;
}

.btn.bg-white {
    box-shadow: 8px 8px 12px #aaa;
}

textarea#motivations {
    background-color: #eeeeee21;
    color: black;
    font-family: family;
    box-shadow: 4px 4px 6px #aaa;
}

.card {
    box-shadow: 8px 8px 12px #434141;
    margin-left: 23px;
    background-color: transparent;
    /* padding: 15px; */
}


/*.card-text {
    box-shadow: 2px 2px 3px #aaa;
}*/

.card-title {
    font-family: new roman;
    font-size: 1.5rem;
}

img.card-img-top {
    border-radius: 2%;
}

div.card {
    margin-left: 0px;
}

.btn-primary {
    margin: 0 auto;
    margin-top: 15px;
    box-shadow: 2px 2px 3px #aaa;
    margin-bottom: 15px;
}

strong {
    /*margin-left: 34px;*/
    color: #aaaaaa;
    border: 1px solid grey;
    padding: 6px;
    border-radius: 50%;
}

input.btn-primary {
    width: 100%;
    box-shadow: 4px 4px 6px rgb(87, 85, 85);
}

input#photo {
    box-shadow: 4px 4px 6px #aaa;
}

h2#formulaire {
    margin: 0 auto;
    margin-top: 5px;
    border: 1px solid grey;
    box-shadow: 2px 2px 3px #aaa;
    width: 490px;
    padding: 15px;
}

.home2 {
    width: 100%;
    height: 945px;
    background: url(../img/lever1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    margin: 0 auto;
}

.home3 {
    position: absolute;
    background: url(../img/ciel.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0 auto;
}


/* Ajoutez les transitions ci-dessous pour permettre un changement de couleur en douceur similaire à lyft */

/*.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.navbar.scrolled {
    background: rgba(255, 255, 255, 0.3) !important;
}
*/