.cardFreq p{font-size:16px;margin:0;width:90%}
p.cardFreq__date{margin-top:auto}
.cardFreq h3{width:80%;margin:0;font-size:24px}.cardFreq__cat{position:absolute;top:24px;right:10px;width:80px;text-align:center;color:white;min-width:fit-content}.cardFreq{display:flex;flex-direction:column;gap:16px;position:relative;flex:1 0 25%;min-width:200px;max-width:500px;background-color:#ECF3F5;border-radius:32px;padding:48px 48px 32px 32px;margin:12px;text-decoration:none;z-index:0;overflow:hidden;color:#262626}.panel{max-width:100%}
.panel:before{content:none !important}.cardFreq:before{content:"";position:absolute;z-index:-1;top:-10px;right:-10px;background:linear-gradient(176.95deg,rgb(228,228,228) -14.66%,rgba(136,136,136,0.6) 107.15%);height:100px;width:150px;border-radius:0 0 0 800px;transform-origin:top right;transition:all 0.5s ease-out}
.cardFreq.tv:before{background:linear-gradient(176.95deg,#62AFB7 -14.66%,#037F8C99 107.15%)}
.cardFreq.elec:before{background:linear-gradient(176.95deg,#A4C78A -14.66%,#6DA644 107.15%)}
.cardFreq.info:before{background:linear-gradient(176.95deg,#7f6aff99 -14.66%,#6D6AFF 107.15%)}
.cardFreq.warning:before{background:linear-gradient(176.95deg,#fe099 -14.66%,#f00 107.15%)}
.cardFreq:hover:before,.cardFreq:focus:before{width:150%;height:150%}
.cardOutils{flex:1 0 30%;min-width:300px;max-width:700px;aspect-ratio:1.5 / 1;min-height:300px;position:relative;overflow:hidden;border-radius:8px}
.cardOutils:before{content:'';position:absolute;z-index:-1;width:100%;height:100%;background-size:cover;background-position:center center;filter:grayscale(1);transition:all 0.8s ease-in-out}
.cardOutils--conso{background-image:url("/themes/simplecms/assets/img/conso-pile.png")}
.cardOutils--agence{background-image:url("/themes/simplecms/assets/img/agenceenligne.png")}
.cardOutils--payer{background-image:url("/themes/simplecms/assets/img/credit-card.png")}.cardOutils--conso:before{background:linear-gradient(0deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url('/storage/app/media/outils/conso-pile.webp');background-size:cover,cover}
.cardOutils--agence:before{background:linear-gradient(0deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url('/storage/app/media/outils/agence-en-ligne.webp');background-size:cover,cover}
.cardOutils--payer:before{background:linear-gradient(0deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url('/storage/app/media/outils/payer-en-ligne.webp');background-size:cover,cover}.cardOutils:hover:before,.cardOutils:focus:before{filter:grayscale(0)}
.cardOutils>*{margin:24px}
.cardOutils__title{color:#fff}
.cardOutils__desc{position:absolute;color:#fff;bottom:-100%;transition:all 0.4s ease-in-out}
.cardOutils__desc>span{display:block}
.cardOutils:hover .cardOutils__desc,.cardOutils:focus .cardOutils__desc{bottom:0px}