html, body {
    height: 100%;
    margin: 0;
    background-color: whitesmoke;
}

html {
    overflow-y: scroll;
}

.row {
    margin: 0 !important;
    padding: 0 !important;
}

.container {
    padding: 0 !important;
    width: 100% !important;
    min-height: 99.9%;
    background-color: black;
}

#accueil {
    border-top: 1px solid black;
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.7);

    transition: box-shadow 0.6s !important;
    -webkit-transition: box-shadow 0.6s !important; /* Safari */
}

#infos-contact {
    margin: 3% 1% 3% 1% !important;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid black;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.6), 0 9px 30px 0 rgba(0, 0, 0, 0.59);

    transition: border-color 0.6s, background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: border-color 0.6s, background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#infos-contact:hover {
    background-color: black;
    border: 1px solid white;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.9), 0 9px 30px 0 rgba(0, 0, 0, 0.89);

    transition: border-color 0.6s, background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: border-color 0.6s, background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#telephone {
    margin: 0;
}

#email {
    margin-bottom: 3%;
}

#methode {
    padding: 2% 0 2% 0 !important;
    background-color: #D3D9BF;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3), 0 -5px 15px rgba(0, 0, 0, 0.4);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#methode:hover {
    background-color: #CBD1B8;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.45), 0 -5px 15px rgba(0, 0, 0, 0.55);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#cheminement {
    padding: 2% 0 2% 0 !important;
    background-color: #592559;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3), 0 -5px 15px rgba(0, 0, 0, 0.4);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#cheminement:hover {
    background-color: #542354;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.45), 0 -5px 15px rgba(0, 0, 0, 0.55);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#row-formations {
    margin-top: 3% !important;
}

#logo-bas {
    padding: 15%;
}

#formations {
    padding: 2%;
    background-color: #D8BFD8;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.6), 0 9px 30px 0 rgba(0, 0, 0, 0.59);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#formations:hover {
    background-color: #CCB4CC;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.9), 0 9px 30px 0 rgba(0, 0, 0, 0.89);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#prestations {
    padding: 2% 0 2% 0 !important;
    background-color: #BFD9C0;
    box-shadow: inset 0 10px 10px -10px black;

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#prestations:hover {
    background-color: #B8D1B9;
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.45);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#communes {
    padding: 2% 0 2% 0 !important;
    background-color: #255928;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3), 0 -5px 15px rgba(0, 0, 0, 0.4);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#communes:hover {
    background-color: #225225;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.45), 0 -5px 15px rgba(0, 0, 0, 0.55);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#cgv {
    background-color: white;
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.45);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#cgv:hover {
    background-color: whitesmoke;
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.45);

    transition: background-color 0.6s, box-shadow 0.6s !important;
    -webkit-transition: background-color 0.6s, box-shadow 0.6s !important; /* Safari */
}

#bas-prestations {
    margin: 0 !important;
    padding: 1% 0 1% 0 !important;
    background-color: black;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3), 0 -5px 15px rgba(0, 0, 0, 0.4);

    transition: box-shadow 0.6s !important;
    -webkit-transition: box-shadow 0.6s !important; /* Safari */
}

#bas-prestations:hover {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.45), 0 -5px 15px rgba(0, 0, 0, 0.55);
    transition: box-shadow 0.6s !important;
    -webkit-transition: box-shadow 0.6s !important; /* Safari */
}

#bas-index {
    margin-top: 2% !important;
}


@media screen and (max-width: 992px) {
    .container {
        width: 100% !important;
    }
}

/*@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}*/