<style type="text/css">.mb-1em { margin-bottom: 1em !important } #search-popin .ul-dropdown li label { display: flex; padding-left: 42px; position: relative } #search-popin .ul-dropdown li label .checkmark:after { border: solid #fff; border-width: 0 3px 3px 0; height: 10px; left: 6px; top: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 4px } #search-popin .ul-dropdown input[type=checkbox] { height: 0; opacity: 0; position: absolute; width: 0 } #pagination li a, #pagination li div { padding: 1em 1em 0 } #pagination .previous { bottom: 0; left: 0; top: 0 } #pagination .next svg, #pagination .previous svg { fill: #605757 } #pagination .next.active svg { fill: #354161 } #pagination .next { bottom: 0; right: 0; top: 0 } #pagination svg { margin: 0 1em } @media screen and (max-width:768px) { #pagination .next, #pagination .previous { display: none } } .h100 { height: 100% } .zi1 { z-index: 1 } .shadow-input { box-shadow: 0 1px 2px rgba(0, 0, 0, .05) } .shadow-button { box-shadow: 0 1px 5px rgba(0, 0, 0, .2) } .breadcrumb { left: 1em; top: 0; z-index: 5 } .breadcrumb .chevron { padding: 5px 7px } .breadcrumb .home-icon { padding-left: 10px } [class*=main-title] { overflow: hidden; position: relative } .small-main-title { min-height: 273px } @media screen and (max-width:480px) { h1 { padding: 0 32px } .small-main-title { margin-bottom: 0; min-height: unset } #search-popin input[name=q] { height: 53px !important; padding: 15px !important } .search-popin-title { font-size: 50px; margin-bottom: 40px } } .bgblue { background: #354161 } .bgorange { background: #ef7d00 } .filters-container .filters-container-header { padding: 12px 40px } #filters-custom { padding: 8px 40px } .filters-container li.thematiques { max-width: 400px; width: 100% } #filters-container { flex-direction: column !important } .date-container { max-width: 311px } #filter { border: none; padding: 10px 13px; width: 92px } #filters-close { background-color: unset; border: none } #filters-close img { height: 12px; width: 12px } .filters-container { max-height: 0; overflow: hidden } @media screen and (max-width:1229px) { .filter>ul { width: 95% } } #elems-number { height: 40px; width: 45px } @media screen and (max-width:480px) { .team-project-head { padding: 40px 0 } } .preview-container>div:last-child { padding: 0 1em 1em } .preview-container .initials { background: #354161; border: 1px solid #fff; border-radius: 50%; height: 24px; letter-spacing: -1px; width: 24px } .preview-container .initials:not(:first-child) { margin-left: -6px } .preview-container .initials:nth-child(2n) { background: #9b9eaa; color: #354161 } .preview-container .initials.author { background: #fad8b3 !important; color: #ef7d00 !important } .preview-content .preview-h3 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; max-height: 58px; min-height: 58px; overflow-y: hidden; text-overflow: ellipsis } .preview-content .preview-chapo { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .fs12 { font-size: 12px } .diblock { display: inline-block }.cgrey { color: #605757 } .cblack { color: #111827 }.p8 { padding: 8px } .ptb-1em { padding-bottom: 1em; padding-top: 1em }.mb-2em { margin-bottom: 2em !important } .mb-60px { margin-bottom: 60px !important } .ml-1em { margin-left: 1em !important }.mt-1em { margin-top: 1em !important }.mt-12px { margin-top: 12px !important } .mt-60px { margin-top: 60px !important } .mta { margin-top: auto !important } .mlr-1em { margin-left: 1em !important; margin-right: 1em !important } .mtb-1em { margin-bottom: 1em !important; margin-top: 1em !important }#search-popin input[name=q] { background: #fff; border: none; border-radius: 35px; box-shadow: 0 4px 8px rgba(0, 0, 0, .15); height: 63px; max-width: 892px; padding: 20px 40px; width: 100% }#search-popin .ul-dropdown li label, .filters-container li.thematiques label { display: flex; padding-left: 42px; position: relative }#search-popin .ul-dropdown li label .checkmark:after, .filters-container li.thematiques label .checkmark:after { border: solid #fff; border-width: 0 3px 3px 0; height: 10px; left: 6px; top: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 4px }#search-popin .ul-dropdown input[type=checkbox], .filters-container input[type=checkbox] { height: 0; opacity: 0; position: absolute; width: 0 }#articles-container>div { gap: 1.5em } .toggleable { display: none } .visible { display: flex }</style>