.component-card-article{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;flex-flow:column;display:-webkit-box;display:-ms-flexbox;display:flex}.component-card-article a{height:100%;width:100%;color:inherit;text-decoration:none}.component-card-article .img-container{display:-webkit-box;display:-ms-flexbox;display:flex}.component-card-article .img-container:before{height:0;top:auto;bottom:0}.component-card-article .img-container:before,.component-card-article img{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.component-card-article img{height:100px}.component-card-article .content{height:calc(100% - 100px);padding:12px 20px 20px;background:var(--color-web-white);border:var(--border-sm) solid var(--color-shadow);-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.component-card-article .content .publish-date{padding-bottom:8px}.component-card-article .content h3{padding-top:13px;padding-bottom:13px}.component-card-article .content .svg-arrow{padding-top:10px;text-align:-webkit-right;text-align:-moz-right;text-align:right}.body-container--pro .component-card-article:focus .img-filter:before{opacity:.52;background:var(--color-pro-orange)}.body-container--particulier .component-card-article:focus .img-filter:before{opacity:.6;background:var(--color-web-blue)}.component-card-article:focus .svg-arrow svg path{fill:var(--color-web-blue)}@media (hover:hover){.component-card-article:hover{-webkit-box-shadow:0 3px 6px var(--color-shadow);-moz-box-shadow:0 3px 6px var(--color-shadow);-ms-box-shadow:0 3px 6px var(--color-shadow);-o-box-shadow:0 3px 6px var(--color-shadow);box-shadow:0 3px 6px var(--color-shadow);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}.component-card-article:hover,.component-card-article:hover .svg-arrow{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.component-card-article:hover .svg-arrow{-webkit-transform:translateX(3px);-moz-transform:translateX(3px);-ms-transform:translateX(3px);-o-transform:translateX(3px);transform:translateX(3px)}.component-card-article:hover .svg-arrow svg path{fill:var(--color-web-blue);-webkit-transition:fill .2s ease;-moz-transition:fill .2s ease;-ms-transition:fill .2s ease;-o-transition:fill .2s ease;transition:fill .2s ease}.component-card-article:hover .img-filter:before{height:100%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.body-container--pro .component-card-article:hover .img-filter:before{opacity:.52;background:var(--color-pro-orange)}.body-container--particulier .component-card-article:hover .img-filter:before{opacity:.6;background:var(--color-web-blue)}}@media screen and (min-width:992px){.component-card-article img{height:150px}.component-card-article .content{height:calc(100% - 150px);padding-left:40px;padding-right:40px}.component-card-article .content .publish-date{padding-bottom:17px}.component-card-article .content h3{padding-top:15px;padding-bottom:8px}.component-card-article .content .svg-arrow{padding-top:50px}.component-card-article:focus .img-filter:before{height:100%;opacity:.6;background:var(--color-pro-dark)}.component-card-article:focus .svg-arrow svg path{fill:var(--color-corporate-blue);-webkit-transform:translateX(3px);-moz-transform:translateX(3px);-ms-transform:translateX(3px);-o-transform:translateX(3px);transform:translateX(3px)}}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/6154763/hub_generated/template_assets/57300540071/1652855677790/THEME_ECF_PARTICULIER/css/component/card-article.css */