/* marges avec container-fluid*/
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
}

h1, h2, h3, h4, h5, dt {
    color: maroon;
}


h1 {
    text-align: center;
}

    h1 span.sub {
        font-size: .75em;
        color: maroon;
        font-style: italic;
        display: block;
    }

h2 span.sub2 {
    font-size: .75em;
    color: maroon;
    font-style: italic;
}

h3 span.sub3 {
    font-size: .65em;
    color: maroon;
    font-style: italic;
}

.svg1 {
    max-height: 100px;
    height: 100%;
    width: 100%;
}

.p1 {
    border-top: 1px solid blue;
    border-bottom: 2px inset blue;
    padding: 1%;
}

.p2 {
    border-top: 1px solid red;
    border-bottom: 2px inset red;
    padding: 1%;
}

.btn-link {
    font-weight: 900;
}
.margeBas2 {
    margin-bottom: 2%;
}
.marges_10 {
    padding: 10px 5px 10px 10px;
}
.margeHaut2 {
    margin-top: 2%;
}
.margeHaut4 {
    margin-top: 4%;
}


dt {
    font-weight: 700;
    color: maroon;
    font-size: 1.6rem;
    margin-top: 15px;
}
dd {
     background-color: ghostwhite;
}

dt:hover {
    cursor: url(hand.cur), pointer;
}

.icon {
    position: relative;
}

    .icon::before {
        content: "\f160";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: #000;
        font-size: 18px;
        padding-right: 0.5em;
    }