<style type="text/css">.jcse { justify-content: space-evenly }.fdr { flex-direction: row }.aifs { align-items: flex-start } .taright { text-align: right }.breadcrumb { left: 1em; top: 0; z-index: 5 } .breadcrumb .chevron { padding: 5px 7px } .breadcrumb .home-icon { padding-left: 10px } .breadcrumb img { height: unset !important; position: unset !important; width: unset !important }[class*=main-title] { overflow: hidden; position: relative } .main-title { min-height: 375px } .main-title:not(.homepage-header) h1 { margin-top: calc(36px + 1em) } .single-article-container h1 { margin-top: unset !important } .main-title img { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; z-index: -1 } .single-article-container { padding-top: 40px } .sns-icons { margin-left: auto } .sns-icons ul { gap: 9px } .sns-icons .print { background-color: unset; border: unset } article h2 { font-size: 36px; font-weight: 400; line-height: 40px } .diblock { display: inline-block }.cgrey { color: #605757 }.corange { color: #ef7d00 }.p-1em { padding: 1em } .p8 { padding: 8px }.p-244024 { padding: 24px 24px 40px } .mb-1em { margin-bottom: 1em !important } .mb-2em { margin-bottom: 2em !important } .mb-3p5em { margin-bottom: 3.5em !important }.ml-1em { margin-left: 1em !important } .mt-1em { margin-top: 1em !important } .mt-2p5em { margin-top: 2.5em !important } .mt-8px { margin-top: 8px !important } .mr-2per { margin-right: 2% } .ml-2per { margin-left: 2% } .background-color-blue { background: #354161; opacity: .7 } .background-color-orange { background: #EF7D00; opacity: .7 } div[class*=background-color] { height: 100%; left: 0; mix-blend-mode: multiply; position: absolute; top: 0; width: 100%; z-index: 0 } .background-color-orange { background: #ef7d00 } .frame-title-territoire-custom { font-style: normal; padding: 1em 0 } .frame-title-territoire-custom:after, .frame-title-territoire-custom:before { border-bottom: solid #354161; display: inline-block; vertical-align: middle; width: 100% } .frame-title-territoire-custom:before { margin-left: -100%; margin-right: 1em } .frame-title-territoire-custom:after { margin-left: 1em; margin-right: -100% } .frame-overflow { overflow: hidden; padding-top: 0 } .frame-title-territoire-custom:after, .frame-title-territoire-custom:before { border-bottom: 1px solid #000; content: ""; flex: 1 1; margin: auto } .frame-title-territoire-custom:before { margin-right: 10px } .frame-title-territoire-custom:after { margin-left: 10px } .triple-frame-title { font-style: normal; padding: 1em 0 } .triple-frame-title:after, .triple-frame-title:before { border-bottom: solid #354161; display: inline-block; vertical-align: middle; width: 100% } .triple-frame-title:before { margin-left: -100%; margin-left: 3em !important; margin-right: 1em } .triple-frame-title:after { margin-left: 1em; margin-right: -100%; margin-right: 3em !important } .triple-frame-title:after, .triple-frame-title:before { border-bottom: 1px solid #000; content: ""; flex: 1 1; margin: auto } .triple-frame-title:before { margin-right: 10px } .triple-frame-title:after { margin-left: 10px } .frame-pics-format { background-color: #fff; gap: 40px; max-width: 698px; min-height: 348px; padding: 24px 24px 40px } .first-frame { border-radius: 8px 0 0 8px !important; flex: 1; height: 100%; min-height: 324px; min-height: 332px; width: 366px } .first-frame, .middle-frame { background-color: #fff; left: 0; top: 0; z-index: 2 } .middle-frame { border-radius: 8px !important; box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 1px 0 4px rgba(0, 0, 0, .25); flex: 2; height: 105%; margin-top: -1%; min-height: 324px; min-height: 352px; width: 548px; z-index: 5 } .last-frame { background-color: #fff; border-radius: 0 8px 8px 0 !important; flex: 1; height: 100%; left: 0; min-height: 324px; min-height: 332px; top: 0; width: 366px; z-index: 2 } .frame-header-container { margin-bottom: 10%; margin-top: 10%; width: 100% } .frame-wrap-container { align-items: flex-start; display: flex; margin-bottom: 80px !important; margin-top: 80px !important; padding-left: 80px !important; padding-right: 80px !important; position: relative } .frame-wrap-container { justify-content: space-between; width: 100% } @media screen and (max-width:1229px) { .main-title h1 { font-size: 50px } } @media screen and (max-width:540px) { .frame-pics-format { justify-content: center; width: 100% } .ofbw { overflow-wrap: break-word } .first-frame { margin-left: unset !important } .first-frame, .middle-frame { border-radius: 8px !important; flex: none; height: unset; width: 100% } .middle-frame { box-shadow: unset; margin-bottom: 1em !important; margin-top: 1em !important } .frame-pics-format { justify-content: center; width: 100% } .last-frame { border-radius: 8px !important; flex: none; height: unset; margin-right: unset !important; width: 100% } .frame-wrap-container { align-items: center !important; flex-direction: column; padding-left: 2em !important; padding-right: 2em !important } .ofbw { overflow-wrap: break-word } .frame-title-territoire-custom:before { margin-right: unset } .frame-title-territoire-custom:after { margin-left: unset } } @media screen and (max-width:480px) { .main-title { min-height: 300px } .main-title h1 { font-size: 40px } .sns-icons { display: unset } .search-popin-title { font-size: 50px; margin-bottom: 40px } .main-title { border-radius: unset !important; margin-left: -1em; margin-right: -1em } .main-title img { border-radius: unset } .single-article-container { padding-top: 0 } .single-article-container .thematique-container { margin-top: 1.5em !important } .main-title:not(.homepage-header) h1 { font-size: 30px !important; line-height: 40px } article h2 { font-size: 24px !important } .main-title { border-radius: unset !important; margin-left: -1em; margin-right: -1em } .main-title img { border-radius: unset } .single-article-container { padding-top: 0 } .single-article-container .thematique-container { margin-top: 1.5em !important } }</style>