header > div > img
{
    width : 100%;
    max-height: 250px;
    margin-bottom: 1%;
}
.bouton{
    display: inline-block; 
    text-align : center;
    border-color: #0794E7;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    border-width: 1px;
    cursor: pointer;
}
.bouton:hover{
    background-color: rgb(7, 148, 231);
    color: white;
}
.marge-haut{
    margin-top: 2%;
}
h2, h3{
    font-weight:200;
}
footer {
    color : white;
    width: 100%;
    height: 6em;
    background-color: #44BA10;
    margin-top: 3%;
}
footer > p
{
    padding-top: 0.5%;
}
/*centreage et personnalisation de la barre des menus*/
.navbar-dark, .bg-dark {
    margin: auto;
    color : white;
    background-color: #44BA10 !important;
    margin-left: -15px;
    width: 102%;
}
.centrer{
    margin: auto;
    width: 40%;
}
@media screen and (max-width: 768px)
{
    .navbar-dark, .bg-dark {
        color : white;
        background-color: #44BA10 !important;
        margin-left: -15px;
        width: 108.5%;
    }
    .centrer{
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }
    header > div > img {
        min-height: 140px;
    }
    .marge-haut{
        margin-top: 5%;
    }
}

header > p {
    margin-top: 10px;
}
.button {
    display: inline-block;  
    font-size: 1.2em;
    box-shadow: 2px 2px gainsboro;
    border-radius: 10px;
    border: 5px double #cccccc;
    text-align : center;
    background-color: #0794E7;
    border-color: gainsboro;
    border-width: 0.2em;
    margin-top: 2em;
    cursor: pointer;
    width: 200px;
    padding-top: 1.1em;
    padding-bottom: 1.1em;
}
.button:hover{
    background-color:  #44BA10;
    color: white;
}

@media screen and (max-width: 768px)
{
    .button {
        display: inline-block;  
        font-size: 1.03em;
        box-shadow: 2px 2px gainsboro;
        border-radius: 10px;
        border: 5px double #cccccc;
        text-align : center;
        background-color: #0794E7;
        border-color: gainsboro;
        border-width: 0.2em;
        margin-top: 2em;
        cursor: pointer;
        width: 200px;
        padding-top: 1.1em;
        padding-bottom: 1.1em;
    }
}
@media screen and (min-width: 400px) and (max-width: 800px)
{
    .decalage {
        margin-left: -80px;
        width: 520px;
    }
}

.red-star{
    color : red;
}