/*********************************************************************************************/
/* header
*********************************************************************************************/
header { background: var(--refOrange, white);padding: 40px 0 100px 0;text-align: left;}
    header img {max-height: 50px;}
@media screen and (max-width: 767px){
    header{padding: 20px 0 100px 0;}
}

/*********************************************************************************************/
/* main & footer
*********************************************************************************************/
#mainAndFooter{background: white;padding: 40px;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);margin-top: -80px;min-height:calc(100vh - 200px);
    display: flex;    flex-direction: column;}
@media screen and (max-width: 767px){
    #mainAndFooter{padding: 20px;}
}

main {
}

/*********************************************************************************************/
/* main
*********************************************************************************************/
main{
    flex-grow: 1; /* Permet à <main> de prendre tout l'espace disponible */
}


/* bannière
------------------------------------------------------- */
.banner {width: 100%;border-radius: 8px;}

/*********************************************************************************************/
/* footer
*********************************************************************************************/

/*
------------------------------------------------------- */
footer {background: #f8f9fa;border-radius: 8px;}
    footer .container {max-width:800px;width:100%;}
        #titleFooter{font-weight: bold;}
        #buttonFooter{width:250px;padding:8px;}
        #descriptionFooter{font-size: 1.3rem;}