.imgForRoles{width:100%;position:relative;max-width:100%;overflow:hidden;height:128px;object-fit:cover;display:flex;align-items:center;justify-content:center;background-color:rgb(218 69 255 / .1);border-radius:8px;margin-bottom:1rem}.il-travaille-de-container{width:168px;position:relative;font-size:16px;font-family:'Tw Cen MT',sans-serif;color:#fff;text-align:left;display:inline-block}.roles-section{background-color:#000;padding:40px 20px;color:#fff;text-align:center}.roles-section p,.roles-section h1,.roles-section h2,.roles-section h3,.roles-section h4,.roles-section h5,.roles-section h6,.roles-section li,.roles-section span,.roles-section div{color:#ffffff!important}.roles-section a{color:#da45ff!important}.roles-section a:hover{color:#b830d6!important}.roles-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.role-card{flex:1 1 calc(33.333% - 40px);min-width:200px;max-width:280px;border-radius:10px;box-shadow:0 4px 12px rgb(218 69 255 / .15);text-align:center;display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:rgb(255 255 255 / .05);border:1px solid rgb(218 69 255 / .2);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.role-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgb(218 69 255 / .3);border-color:rgb(218 69 255 / .4)}.role-icon{height:auto;width:auto;max-height:100px;max-width:100px;padding:15px;object-fit:contain;filter:drop-shadow(0 2px 8px rgb(218 69 255 / .3));transition:transform 0.3s ease,filter 0.3s ease}.role-card:hover .role-icon{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgb(218 69 255 / .5))}.role-title{font-size:clamp(18px, 2vw, 20px);font-weight:300;margin-bottom:1rem;margin-top:1rem;position:relative;font-family:"LEMON MILK","Tw Cen MT",sans-serif;color:#ffffff!important;text-align:left;display:block;width:100%;text-transform:uppercase;letter-spacing:.05em;line-height:1.3;padding-left:0}.roles-section .role-title,.roles-section h4.role-title,.portage-section .roles-section .role-title,.portage-section .roles-section h4.role-title{color:#ffffff!important}.role-description{list-style:none;list-style-type:none;padding:0;margin:1rem 0 0 0;text-align:left;font-family:'Tw Cen MT',sans-serif;width:100%}.role-description li{position:relative;font-size:clamp(14px, 1.5vw, 16px);margin-bottom:.75rem;color:#fff;letter-spacing:.01em;line-height:1.6;padding-left:1.75rem;padding-top:.15rem;transition:transform 0.2s ease,padding-left 0.2s ease;list-style:none;list-style-type:none}.role-description li::marker{content:''!important;display:none!important;font-size:0!important;width:0!important;height:0!important}.role-description li{-webkit-list-style:none;-moz-list-style:none;-ms-list-style:none;list-style:none!important;list-style-type:none!important;list-style-image:none!important}.role-description li::before{content:'→';position:absolute;left:.5rem;top:.15rem;color:#da45ff;font-weight:700;font-size:1.2rem;transition:transform 0.2s ease,color 0.2s ease}.role-description li:hover{transform:translateX(4px);padding-left:2rem}.role-description li:hover::before{transform:translateX(4px);color:#b830d6}.role-description li+li{margin-top:.75rem}@media (max-width:768px){.role-card{flex:1 1 calc(50% - 20px);padding:1.25rem}.role-description li{font-size:14px;padding-left:1.5rem}.role-description li::before{left:.25rem;font-size:1.1rem}}@media (max-width:480px){.role-card{flex:1 1 100%;padding:1rem;max-width:100%}.role-description li{font-size:14px;padding-left:1.5rem;margin-bottom:.6rem}.role-description li::before{left:.25rem;font-size:1rem}.imgForRoles{height:100px}.role-icon{max-height:80px;max-width:80px;padding:10px}}