.ressources {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    padding: calc(3rem * var(--construct-scale));
    color: #018FCF;
    overflow: auto;
    box-shadow: 0 5rem calc(13rem * var(--construct-scale)) 0px #000000b0;
}
/*
.ressources::before {
    display: block;
    content: "";
    background-color: #00000040;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
*/
.ressources .title {
    text-align: center;
    color: #018FCF;
    margin-bottom: calc(3rem * var(--construct-scale));
    font-size: calc(3rem * var(--construct-scale));
}

.ressources .res-title {
    margin-top: calc(3rem * var(--construct-scale));
    color: #0D47A1;
    font-size: calc(2rem * var(--construct-scale));
}

.ressources .res-text {
    color: #333;
    margin-bottom: calc(2rem * var(--construct-scale));
    font-size: calc(2rem * var(--construct-scale));
}

.ressources img {
    width: 90%;
    height: auto;
    margin: calc(2rem * var(--construct-scale)) auto;
    display: block;
}

.ressources .btn {
    display: block; width: fit-content;
    margin-bottom: calc(1rem * var(--construct-scale));
    padding: calc(1.5rem * var(--construct-scale));
    padding-left: calc(4.5rem * var(--construct-scale));
    padding-right: calc(2rem * var(--construct-scale));
    border-radius: calc(1.5rem * var(--construct-scale));
    text-decoration: none;
    color: white;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: calc(1.5rem * var(--construct-scale)) center;
    background-size: calc(2rem * var(--construct-scale));
    font-size: calc(2rem * var(--construct-scale));
}

.bouton-video {
    background-color: #8BC34A;
    background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyMC4wMCAyMC4wMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMC4wMDAyIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZT0iI0NDQ0NDQyIgc3Ryb2tlLXdpZHRoPSIwLjM2Ii8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIvPiA8Zz4gPHBhdGggZD0iTTE5IDE1VjVjMC0xLjEtLjktMi0yLTJINGMtMS4xIDAtMiAuOS0yIDJ2MTBjMCAxLjEuOSAyIDIgMmgxM2MxLjEgMCAyLS45IDItMnpNOCAxNFY2bDYgNHoiLz4gPC9nPiA8L2c+Cg08L3N2Zz4=');
}

.bouton-web {
    background-color: #F57C00;
    background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjZmZmZmZmIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBpZD0iX3gzMF8xIiB2ZXJzaW9uPSIxLjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0cm9rZT0iI2ZmZmZmZiI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+Cg08cGF0aCBkPSJNMjU2LDBDMTE0LjYxNSwwLDAsMTE0LjYxNSwwLDI1NnMxMTQuNjE1LDI1NiwyNTYsMjU2czI1Ni0xMTQuNjE1LDI1Ni0yNTZTMzk3LjM4NSwwLDI1NiwweiBNNDE4LjI3NSwxNDZoLTQ2LjY2NyBjLTUuMzY1LTIyLjUxMy0xMi4zMjQtNDMuMjEzLTIwLjU4Ny02MS41MTRjMTUuNzg2LDguNzc2LDMwLjQ0OSwxOS43OTcsNDMuNTcyLDMyLjkyMUM0MDMuNDYzLDEyNi4yNzcsNDExLjM2NywxMzUuODU0LDQxOC4yNzUsMTQ2IHogTTQ1MiwyNTZjMCwxNy4xMDgtMi4xOTEsMzMuODc3LTYuNDE0LDUwaC02NC4wMzRjMS42MDEtMTYuMTcyLDIuNDQ4LTMyLjg4NywyLjQ0OC01MHMtMC44NDctMzMuODI4LTIuNDQ4LTUwaDY0LjAzNCBDNDQ5LjgwOSwyMjIuMTIzLDQ1MiwyMzguODkyLDQ1MiwyNTZ6IE0yNTYsNDUyYy01LjIsMC0yMS4wNDgtMTAuMjIxLTM2Ljg0NC00MS44MTNjLTYuNTQzLTEzLjA4Ny0xMi4xNTgtMjcuOTk0LTE2Ljc1Mi00NC4xODcgaDEwNy4xOTFjLTQuNTk0LDE2LjE5Mi0xMC4yMDgsMzEuMS0xNi43NTIsNDQuMTg3QzI3Ny4wNDgsNDQxLjc3OSwyNjEuMiw0NTIsMjU2LDQ1MnogTTE5MC44MTMsMzA2IGMtMS44NDctMTYuMjQ3LTIuODEzLTMzLjAyOS0yLjgxMy01MHMwLjk2Ni0zMy43NTMsMi44MTMtNTBoMTMwLjM3NGMxLjg0NywxNi4yNDcsMi44MTMsMzMuMDI5LDIuODEzLDUwcy0wLjk2NiwzMy43NTMtMi44MTMsNTAgSDE5MC44MTN6IE02MCwyNTZjMC0xNy4xMDgsMi4xOTEtMzMuODc3LDYuNDE0LTUwaDY0LjAzNGMtMS42MDEsMTYuMTcyLTIuNDQ4LDMyLjg4Ny0yLjQ0OCw1MHMwLjg0NywzMy44MjgsMi40NDgsNTBINjYuNDE0IEM2Mi4xOTEsMjg5Ljg3Nyw2MCwyNzMuMTA4LDYwLDI1NnogTTI1Niw2MGM1LjIsMCwyMS4wNDgsMTAuMjIxLDM2Ljg0NCw0MS44MTNjNi41NDMsMTMuMDg3LDEyLjE1OCwyNy45OTQsMTYuNzUyLDQ0LjE4N0gyMDIuNDA0IGM0LjU5NC0xNi4xOTIsMTAuMjA4LTMxLjEsMTYuNzUyLTQ0LjE4N0MyMzQuOTUyLDcwLjIyMSwyNTAuOCw2MCwyNTYsNjB6IE0xNjAuOTc5LDg0LjQ4NmMtOC4yNjQsMTguMzAxLTE1LjIyMiwzOS0yMC41ODcsNjEuNTE0IEg5My43MjVjNi45MDktMTAuMTQ2LDE0LjgxMi0xOS43MjMsMjMuNjgyLTI4LjU5M0MxMzAuNTMxLDEwNC4yODMsMTQ1LjE5Myw5My4yNjIsMTYwLjk3OSw4NC40ODZ6IE05My43MjUsMzY2aDQ2LjY2NyBjNS4zNjUsMjIuNTEzLDEyLjMyNCw0My4yMTMsMjAuNTg3LDYxLjUxNGMtMTUuNzg2LTguNzc2LTMwLjQ0OS0xOS43OTctNDMuNTcyLTMyLjkyMUMxMDguNTM3LDM4NS43MjMsMTAwLjYzMywzNzYuMTQ2LDkzLjcyNSwzNjZ6IE0zNTEuMDIxLDQyNy41MTRjOC4yNjQtMTguMzAxLDE1LjIyMi0zOSwyMC41ODctNjEuNTE0aDQ2LjY2N2MtNi45MDksMTAuMTQ2LTE0LjgxMiwxOS43MjMtMjMuNjgyLDI4LjU5MyBDMzgxLjQ2OSw0MDcuNzE3LDM2Ni44MDcsNDE4LjczOCwzNTEuMDIxLDQyNy41MTR6Ii8+Cg08L2c+Cg08L3N2Zz4=');
}

.bouton-doc {
    background-color: #018FCF;
    background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjZmZmZmZmIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA1NiA1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmZmZmYiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPgoNPHBhdGggZD0iTSAxNS41NTQ3IDUzLjEyNSBMIDQwLjQ0NTMgNTMuMTI1IEMgNDUuMjk2OSA1My4xMjUgNDcuNzEwOSA1MC42ODc1IDQ3LjcxMDkgNDUuNzg5MCBMIDQ3LjcxMDkgMTAuMjM0NCBDIDQ3LjcxMDkgNS4zNTk0IDQ1LjI5NjkgMi44NzUwIDQwLjQ0NTMgMi44NzUwIEwgMTUuNTU0NyAyLjg3NTAgQyAxMC43MjY2IDIuODc1MCA4LjI4OTEgNS4zNTk0IDguMjg5MSAxMC4yMzQ0IEwgOC4yODkxIDQ1Ljc4OTAgQyA4LjI4OTEgNTAuNjg3NSAxMC43MjY2IDUzLjEyNSAxNS41NTQ3IDUzLjEyNSBaIE0gMTUuNzQyMiA0OS4zNTE1IEMgMTMuMzI4MSA0OS4zNTE1IDEyLjA2MjUgNDguMDYyNSAxMi4wNjI1IDQ1LjcxODcgTCAxMi4wNjI1IDEwLjMwNDcgQyAxMi4wNjI1IDcuOTg0NCAxMy4zMjgxIDYuNjQ4NCAxNS43NjU2IDYuNjQ4NCBMIDQwLjI1NzggNi42NDg0IEMgNDIuNjk1MyA2LjY0ODQgNDMuOTM3NSA3Ljk2MDkgNDMuOTM3NSAxMC4zMDQ3IEwgNDMuOTM3NSA0NS43MTg3IEMgNDMuOTM3NSA0OC4wNjI1IDQyLjY5NTMgNDkuMzUxNSA0MC4yODEzIDQ5LjM1MTUgWiBNIDE3LjQwNjIgMjUuMjM0NCBDIDE4LjAzOTEgMjUuMjM0NCAxOC40Mzc1IDI0LjkwNjIgMTguNjQ4NCAyNC4xMDk0IEwgMTkuNDY4NyAyMS43ODkxIEwgMjMuODUxNSAyMS43ODkxIEwgMjQuNjk1MyAyNC4xMDk0IEMgMjQuOTA2MiAyNC44ODI4IDI1LjMwNDcgMjUuMjM0NCAyNS45MTQwIDI1LjIzNDQgQyAyNi43MzQ0IDI1LjIzNDQgMjcuMTc5NyAyNC43ODkxIDI3LjE3OTcgMjQuMDM5MSBDIDI3LjE3OTcgMjMuODc1IDI3LjEwOTQgMjMuNTcwMyAyNy4wMTU2IDIzLjI2NTYgTCAyMy41NzAzIDEzLjcyNjYgQyAyMy4yMTg3IDEyLjc0MjIgMjIuNjMyOCAxMi4yNzM0IDIxLjY0ODQgMTIuMjczNCBDIDIwLjY4NzUgMTIuMjczNCAyMC4xMjUgMTIuNzQyMiAxOS43NzM0IDEzLjcyNjYgTCAxNi4zMjgxIDIzLjI2NTYgQyAxNi4yMTA5IDIzLjU0NjkgMTYuMTY0MCAyMy44NzUgMTYuMTY0MCAyNC4wMzkxIEMgMTYuMTY0MCAyNC43ODkxIDE2LjYzMjggMjUuMjM0NCAxNy40MDYyIDI1LjIzNDQgWiBNIDMxLjMwNDcgMTYuMzI4MSBMIDM4LjE5NTMgMTYuMzI4MSBDIDM5LjAxNTYgMTYuMzI4MSAzOS42NDg0IDE1LjY5NTMgMzkuNjQ4NCAxNC44NzUgQyAzOS42NDg0IDE0LjA3ODEgMzkuMDE1NiAxMy40NDUzIDM4LjE5NTMgMTMuNDQ1MyBMIDMxLjMwNDcgMTMuNDQ1MyBDIDMwLjQzNzUgMTMuNDQ1MyAyOS44MjgxIDE0LjA3ODEgMjkuODI4MSAxNC44NzUgQyAyOS44MjgxIDE1LjY5NTMgMzAuNDM3NSAxNi4zMjgxIDMxLjMwNDcgMTYuMzI4MSBaIE0gMTkuOTg0NCAxOS44NDM3IEwgMjEuNTc4MSAxNC45MjE4IEwgMjEuNzQyMiAxNC45MjE4IEwgMjMuMzM1OSAxOS44NDM3IFogTSAzMS4zMDQ3IDI0LjUwNzggTCAzOC4xOTUzIDI0LjUwNzggQyAzOS4wMTU2IDI0LjUwNzggMzkuNjQ4NCAyMy44NzUgMzkuNjQ4NCAyMy4wNTQ3IEMgMzkuNjQ4NCAyMi4yNTc4IDM5LjAxNTYgMjEuNjI1IDM4LjE5NTMgMjEuNjI1IEwgMzEuMzA0NyAyMS42MjUgQyAzMC40Mzc1IDIxLjYyNSAyOS44MjgxIDIyLjI1NzggMjkuODI4MSAyMy4wNTQ3IEMgMjkuODI4MSAyMy44NzUgMzAuNDM3NSAyNC41MDc4IDMxLjMwNDcgMjQuNTA3OCBaIE0gMTUuNzg5MSA0My44OTA2IEwgMTcuNDUzMSA0My44OTA2IEwgMjAuNTIzNCA0MC43NzM0IEMgMjAuOTY4NyA0MC4zNTE1IDIxLjQzNzUgNDAuMTg3NSAyMS45MDYyIDQwLjE4NzUgQyAyMi4zNzUgNDAuMTg3NSAyMi44OTA2IDQwLjM3NTAgMjMuMzM1OSA0MC43NzM0IEwgMjUuMjU3OCA0Mi41MzEyIEwgMzAuMDYyNSAzOC4yNjU2IEMgMzAuNjAxNSAzNy43OTY5IDMxLjE2NDAgMzcuNTg1OSAzMS43MjY2IDM3LjU4NTkgQyAzMi4yODkxIDM3LjU4NTkgMzIuODk4NCAzNy43NzM0IDMzLjMyMDMgMzguMjY1NiBMIDM4LjAwNzggNDMuNjU2MiBMIDM5LjY0ODQgNDMuNjU2MiBMIDM5LjY0ODQgMzIuNDUzMSBDIDM5LjY0ODQgMzAuMzkwNiAzOC41NzAzIDI5LjMzNTkgMzYuNTA3OCAyOS4zMzU5IEwgMTguOTUzMSAyOS4zMzU5IEMgMTYuOTYwOSAyOS4zMzU5IDE1Ljc4OTEgMzAuMzkwNiAxNS43ODkxIDMyLjQ1MzEgWiBNIDIzLjUyMzQgMzguMjY1NiBDIDIyLjExNzIgMzguMjY1NiAyMC45OTIyIDM3LjA5MzcgMjAuOTkyMiAzNS43MzQ0IEMgMjAuOTkyMiAzNC4zMjgxIDIyLjExNzIgMzMuMTU2MiAyMy41MjM0IDMzLjIwMzEgQyAyNC45MDYyIDMzLjI1MDAgMjYuMDU0NyAzNC4zMjgxIDI2LjA1NDcgMzUuNzM0NCBDIDI2LjA1NDcgMzcuMDkzNyAyNC45MDYyIDM4LjI2NTYgMjMuNTIzNCAzOC4yNjU2IFoiLz4KDTwvZz4KDTwvc3ZnPg==');
}


.ressources-categories {
    font-family: Arial, sans-serif;
    padding: calc(3rem * var(--construct-scale));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ressources-categories .btn {
    display: block;
    margin-bottom: calc(2rem * var(--construct-scale));
    padding: calc(1.5rem * var(--construct-scale));
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: calc(2rem * var(--construct-scale));
    background: #018FCF;
    background: linear-gradient(0deg, rgba(1, 143, 207, 1) 0%, rgba(95, 192, 237, 1) 100%);
    border-radius: calc(1.5rem * var(--construct-scale));
    box-shadow: 0 0 calc(2rem * var(--construct-scale)) #0000004a;
    border: calc(0.3rem * var(--construct-scale)) solid #ffffff;
}