/**********Edition Header***********|
| Ts les éléments de la banière     |
| dans header.css + horloge.css     |
|***********************************/
    /**********Edition Projets**********|
| Ts les éléments de la page        |
| principale (coprs de la page)     |
|***********************************/
    /* Block contenant les informations du body */
    
    #corps-body {
        /* position relative; */
        width: 88rem;
        display: flex;
        height: 44rem;
        background-image: url("../../img/partitions-vierge-cle-sol-fa.png");
        background-position: cover;
        background-repeat: no-repeat;
        background-size: 100% auto;
        /**/
        border: #000000;
        border-style: groove;
        border-radius: 20px 20px 0px 0px;
        margin-inline-start: 10%;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    .contenu-body {
        /* border: #0084ff;
        border-style: groove;
        */
        width: 100%;
    }
    
    .nav-projets {
        /*border: #00ff0d;
        border-style: groove;
        */
        width: 100%;
        align-items: baseline;
        pointer-events: none;
    }
    
    .nav-projets a {
        /*border: #ffee00;
        border-style: groove;
        */
        display: inline-block;
        padding-right: 4%;
        padding-left: 4%;
        /**/
        text-decoration: none;
        color: #C22525;
        font-size: 100px;
        text-transform: capitalize;
    }
    
    .nav-projets span {
        pointer-events: visible;
    }
    
    .ClefSol {
        /*border: #ff9100;
        border-style: groove;
        */
        margin-top: 4%;
        margin-inline-start: 12%;
        margin-inline-end: 8%;
    }
    
    .ClefSol2 {
        /*border: #ff9100;
        border-style: groove;
        */
        margin-top: 4%;
        margin-inline-start: 12%;
        margin-inline-end: 8%;
    }
    
    .ClefFa {
        /*border: #ff9100;
        border-style: groove;
        */
        margin-top: 0%;
        margin-inline-start: 12%;
        margin-inline-end: 8%;
    }
    /*Police utilisé sur la portée*/
    
    .Collection {
        font-family: "Comic Sans MS", cursive, sans-serif;
        font-size: 22px;
        letter-spacing: 0px;
        word-spacing: 2px;
        color: #C22525;
        font-weight: 700;
        text-decoration: underline solid rgb(194, 37, 37);
        font-style: normal;
        font-variant: normal;
        text-transform: none;
    }
    /********************Footer ***************/
    
    footer {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 20rem;
        margin-top: 0%;
        padding: 0%;
        background-color: #C22525;
        box-shadow: 0px 4ex 4ex rgba(0, 0, 0, 0.26);
        border-radius: 0px 12rem;
    }
    
    .footer-centre {
        font-family: 'Salsa';
        font-style: normal;
        text-align: center;
        margin-inline-start: -10%;
        font-size: 2rem;
    }
    /***************************** responsive *******************************/
    
    @media screen and (max-width: 1782px) {
        /* Block contenant les informations du body */
        #corps-body {
            width: 82.8rem;
        }
        footer {
            height: 14rem;
        }
    }