<style type="text/css">.taright { text-align: right } .zi1 { z-index: 1 } .shadow-standard { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) }.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 } .main-title { min-height: 375px } .main-title:not(.homepage-header) h1 { margin-top: calc(36px + 1em) } .main-title img { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; z-index: -1 }.sns-icons { margin-left: auto } .sns-icons ul { gap: 9px }.sns-icons .print { background-color: unset; border: unset } .freetext { margin-bottom: .5em }.fs24 { font-size: 24px } .fs36 { font-size: 36px }.diblock { display: inline-block } .cgrey { color: #605757 }.lh32 { line-height: 32px } .lh40 { line-height: 40px }.p8 { padding: 8px } .p-26-10px { padding: 26px 10px }.pr-1em { padding-right: 1em } .ml-1em { margin-left: 1em !important } .mt-1em { margin-top: 1em !important } .mtb-1em { margin-bottom: 1em !important; margin-top: 1em !important } .no-margin-top { margin-top: 0 !important } .main-h2-title svg { fill: #354161; height: 38px; margin-right: 1em; transform: rotate(90deg); width: 26px } .main-h2-title+div { max-height: 0; overflow: hidden }.main-h2-title { background: #f5f5f5 } .main-h2-title svg { fill: #354161; height: 38px; margin-right: 1em; transform: rotate(90deg); width: 26px } .main-h2-title+div { max-height: 0; overflow: hidden } .blocks aside { max-width: 344px; width: 100% } .aside-menu-elem { background: #2d3a5c; padding: 19px 24px } .aside-menu-elem svg, .aside-menu-elem svg * { fill: #fff } .aside-menu-elem svg { height: 40px; width: 40px } div[class*=background-color] { height: 100%; left: 0; mix-blend-mode: multiply; position: absolute; top: 0; width: 100%; z-index: 0 } @media screen and (max-width:1229px) { .main-title h1 { font-size: 50px } } @media screen and (max-width:969px) { .blocks.fiche-thematique { flex-direction: column } .blocks.fiche-thematique .main-content { padding-right: unset }.blocks.fiche-thematique { flex-direction: column } .blocks.fiche-thematique aside { margin: 0 auto; padding: 1em } .blocks.fiche-thematique .main-content { padding-right: unset } } @media screen and (max-width:776px) { .thematique-mobile-gray { font-size: 26px !important; line-height: 30px !important } } @media screen and (max-width:480px) { .main-title:not(.homepage-header) h1 { font-size: 30px !important; line-height: 40px }.main-title { min-height: 300px } .main-title h1 { font-size: 40px }.sns-icons { display: unset }.main-title { border-radius: unset !important; margin-left: -1em; margin-right: -1em } .main-title img { border-radius: unset } }</style>