.component-card-article{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column}.component-card-article a{color:inherit;height:100%;text-decoration:none;width:100%}.component-card-article .img-container{display:-webkit-box;display:-ms-flexbox;display:flex}.component-card-article .img-container:before{bottom:0;height:0;top:auto}.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{background:var(--color-web-white);border-color:var(--color-shadow);-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;border-style:solid;border-width:var(--border-sm);height:calc(100% - 100px);padding:12px 20px 20px}.component-card-article .content .publish-date{padding-bottom:8px}.component-card-article .content h3{padding-bottom:13px;padding-top: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{background:var(--color-pro-orange);opacity:.52}.body-container--particulier .component-card-article:focus .img-filter:before{background:var(--color-web-blue);opacity:.6}.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{background:var(--color-pro-orange);opacity:.52}.body-container--particulier .component-card-article:hover .img-filter:before{background:var(--color-web-blue);opacity:.6}}@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-bottom:8px;padding-top:15px}.component-card-article .content .svg-arrow{padding-top:50px}.component-card-article:focus .img-filter:before{background:var(--color-pro-dark);height:100%;opacity:.6}.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)}}