@import url("site-variables.css");
/*€──────────────────────────────────────────────────────────────────────────────────────────────*/
/*€--- Fichier site-footer.css ===>                                                              */
/*€--- ===> STYLE appliqué sur tous les fichiers PHP ( dossier => VIEW ) */
/*€──────────────────────────────────────────────────────────────────────────────────────────────*/


/*:___ DEBUT - 01 ______________________________________________________________________________:*/

/*?--- FOOTER */
footer {
    width: 100%;
}

#iContainerFooter {
    display: flex;
    width: 60%;
    margin: 0 auto;
    padding: 30px 0;
}

.cBoxFooter-Img {
    display: flex;
    align-items: center;
    width: 45%;
}

.cBoxFooter-Img img {
    width: 60%;
    transform : rotate(-12deg);
}

.cBoxFooter-Entite {
    width: 40%;
}

.cBoxFooter-Entite h4 {
    font-size: 18px;
    margin-bottom: 4px;
    color: var(--clr_10);
}

.cBoxFooter-Entite p, .cBoxFooter-Entite div {
    color: var(--clr_21);
}

.cBoxFooter-Entite .cNum {
    padding-left: 8px;
    font-weight: 500;
    color: var(--clr_10);
}

.cBoxFooter-Navigation {
    width: 15%;
}

.cBoxFooter-Navigation div {
    margin-bottom: 4px;
}

.cBoxFooter-Navigation a {
    font-weight: 100;
    letter-spacing: 1px;
    text-decoration: none;
    color: var(--clr_21);
    transition: all 0.4s;
}

.cBoxFooter-Navigation a:hover {
    font-weight: 700;
}

/*?__________________________________*/

/*?--- CONTAINER FIN de PAGE */
#iContainerCopyright {
    background-color: var(--clr_10);
}

#iContainerCopyright div {
    display: flex;
    width: 60%;
    margin: 0 auto;
    padding: 20px 0;
}

#iContainerCopyright div p {
    color: var(--clr_30);
}

.nomMajuscule {
    text-transform: uppercase;
}
/*:________________ FIN - 01 ___________________________________________________________________:*/