.droppable {
    /* width: 188px; */
    height: 100%;
    min-height: 40px;
}

.jour {
    border:
        none !important;
    min-height: 140px;
    /* overflow: hidden; */
    margin-top: 25px;
}

h4 {

   /* text-shadow: 3px 2px 1px #000000c7;*/
    background:#fcd600;
    color:black;
    width:1350px;
}
h6 {
   background:#fcd600!important;
   color:black;
   width: 1350px;
   }

.card .card-content {

    color: black;
}

div#monplanning a {
    color: #ffd500;
}

div#monplanning {
    min-height: 1996px;
    /* background-image: url(fond.jpg); */
    /* background-position: right bottom; */
    /* background-position: 0 100%; */
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 29px;
}

.wrapplanning {
    /* clear: both; */
    display: flow-root;
    width: 1350px;
    /* height: 100%; */
    /* background: red; */
    margin: auto auto;
    margin-top: 20px;
    padding: 10px;
    /* box-shadow: #80808059 1px 6px 10px; */
}


@media only screen and (max-width: 500px) {
    .jour {
        width: 50%;
    }

    .modal {

        width: 76% !important;

    }

    .wrapplanning {
        clear: both;
        width: 100%;
        /* background: red; */
        margin: auto auto;
        margin-top: 16px;
        box-shadow: #80808059 1px 2px 10px;
    }


    body {
        background-size: unset !important;
        webkit-background-size: unset;
        background-repeat: repeat !important;
    }

    #monplanning {
        padding: 0px;
    }

    .vignette {
        /* margin-left: 8px; */
        width: 66%;
        padding-top: 5px;
    }

}

@media only screen and (min-width: 601px) {
    .navbar-fixed {
        height: 42px !important;
    }
}