@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto+Condensed&display=swap); @charset "UTF-8"; /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ *, *::before, *::after { box-sizing: border-box; outline: none; } html { max-width: 100%; overflow-x: hidden; } html.noScroll { height: 100vh; overflow: hidden; } html.panelOpen { overflow: hidden; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; } body.noScroll { overflow: hidden; } @media (min-width: 1200px) { body.noScroll { height: 100vh; } } body .ccm-page { font-size: var(--bs-body-font-size); background-color: var(--bs-body-bg); color: var(--bs-body-color); font-family: Montserrat, Arial, sans-serif; font-weight: var(--bs-body-font-weight); text-align: var(--bs-body-text-align); line-height: var(--bs-body-line-height); -webkit-tap-highlight-color: rgba(21, 21, 21, 0); -webkit-text-size-adjust: 100%; } hr { margin: 3rem 0; background-color: currentcolor; border: 0; color: #E6E6E6; opacity: 1; } hr:not([size]) { height: 1px; } .colonneDroite .nav-titre, .ccm-page .nav-tabs .nav-link, .tematik_fiche-titre, .tematik_counter .counter span, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-header, .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-header, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-header, .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-header, .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-header, .tematik_renvoi--image .tematik_renvoi-texte strong, .tematik_renvoi > .tematik_renvoi-texte h2, .tematik_renvoi > .tematik_renvoi-texte .ccm-page .h2, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h2, .tematik_renvoi > .tematik_renvoi-texte h3, .tematik_renvoi > .tematik_renvoi-texte .ccm-page .h3, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h3, .tematik_renvoi > .tematik_renvoi-texte h4, .tematik_renvoi > .tematik_renvoi-texte .ccm-page .h4, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h4, .ccm-image-slider-container ul .ccm-image-slider-title, .ccm-block-file-sobre .ccm-block-file-texte, .ccm-block-file-texte, .socialWall-carousel .facebook-header-contenu div:not(.tip), .ccm-page .accordion-button, .ccm-page h6, .ccm-page .h6, .ccm-page h5, .ccm-page .h5, .ccm-page h4, .ccm-page .h4, .ccm-page h3, .ccm-page .h3, .ccm-page h2, .ccm-page .h2, .ccm-page h1, .ccm-page .h1 { margin-top: 0; margin-bottom: 1rem; color: #151515; font-family: "Arial Black", sans-serif; font-weight: 900; text-transform: none; line-height: 1; } .colonneDroite .nav-titre + *:not(.row, hr, picture, .btn), .ccm-page .nav-tabs .nav-link + *:not(.row, hr, picture, .btn), .tematik_fiche-titre + *:not(.row, hr, picture, .btn), .tematik_counter .counter span + *:not(.row, hr, picture, .btn), .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-header + *:not(.row, hr, picture, .btn), .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-header + *:not(.row, hr, picture, .btn), .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-header + *:not(.row, hr, picture, .btn), .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-header + *:not(.row, hr, picture, .btn), .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-header + *:not(.row, hr, picture, .btn), .tematik_renvoi--image .tematik_renvoi-texte strong + *:not(.row, hr, picture, .btn), .tematik_renvoi > .tematik_renvoi-texte h2 + *:not(.row, hr, picture, .btn), .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h2 + *:not(.row, hr, picture, .btn), .tematik_renvoi > .tematik_renvoi-texte h3 + *:not(.row, hr, picture, .btn), .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h3 + *:not(.row, hr, picture, .btn), .tematik_renvoi > .tematik_renvoi-texte h4 + *:not(.row, hr, picture, .btn), .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h4 + *:not(.row, hr, picture, .btn), .ccm-image-slider-container ul .ccm-image-slider-title + *:not(.row, hr, picture, .btn), .ccm-block-file-sobre .ccm-block-file-texte + *:not(.row, hr, picture, .btn), .ccm-block-file-texte + *:not(.row, hr, picture, .btn), .socialWall-carousel .facebook-header-contenu div:not(.tip) + *:not(.row, hr, picture, .btn), .ccm-page .accordion-button + *:not(.row, hr, picture, .btn), .ccm-page h6 + *:not(.row, hr, picture, .btn), .ccm-page .h6 + *:not(.row, hr, picture, .btn), .ccm-page h5 + *:not(.row, hr, picture, .btn), .ccm-page .h5 + *:not(.row, hr, picture, .btn), .ccm-page h4 + *:not(.row, hr, picture, .btn), .ccm-page .h4 + *:not(.row, hr, picture, .btn), .ccm-page h3 + *:not(.row, hr, picture, .btn), .ccm-page .h3 + *:not(.row, hr, picture, .btn), .ccm-page h2 + *:not(.row, hr, picture, .btn), .ccm-page .h2 + *:not(.row, hr, picture, .btn), .ccm-page h1 + *:not(.row, hr, picture, .btn), .ccm-page .h1 + *:not(.row, hr, picture, .btn) { margin-top: 0 !important; } .colonneDroite .nav-titre + .row, .ccm-page .nav-tabs .nav-link + .row, .tematik_fiche-titre + .row, .tematik_counter .counter span + .row, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-header + .row, .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-header + .row, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-header + .row, .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-header + .row, .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-header + .row, .tematik_renvoi--image .tematik_renvoi-texte strong + .row, .tematik_renvoi > .tematik_renvoi-texte h2 + .row, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h2 + .row, .tematik_renvoi > .tematik_renvoi-texte h3 + .row, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h3 + .row, .tematik_renvoi > .tematik_renvoi-texte h4 + .row, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h4 + .row, .ccm-image-slider-container ul .ccm-image-slider-title + .row, .ccm-block-file-sobre .ccm-block-file-texte + .row, .ccm-block-file-texte + .row, .socialWall-carousel .facebook-header-contenu div:not(.tip) + .row, .ccm-page .accordion-button + .row, .ccm-page h6 + .row, .ccm-page .h6 + .row, .ccm-page h5 + .row, .ccm-page .h5 + .row, .ccm-page h4 + .row, .ccm-page .h4 + .row, .ccm-page h3 + .row, .ccm-page .h3 + .row, .ccm-page h2 + .row, .ccm-page .h2 + .row, .ccm-page h1 + .row, .ccm-page .h1 + .row { margin-top: 1rem; } .ccm-page h1, .ccm-page .h1 { font-size: calc(1.525rem + 3.3vw); font-weight: 900 !important; } @media (min-width: 1200px) { .ccm-page h1, .ccm-page .h1 { font-size: 4rem; } } .ccm-page h2, .ccm-page .h2 { font-size: calc(1.4375rem + 2.25vw); font-weight: 900 !important; } @media (min-width: 1200px) { .ccm-page h2, .ccm-page .h2 { font-size: 3.125rem; } } .ccm-page h3, .ccm-page .h3 { font-size: calc(1.35rem + 1.2vw); font-weight: 900 !important; } @media (min-width: 1200px) { .ccm-page h3, .ccm-page .h3 { font-size: 2.25rem; } } .ccm-page h4, .ccm-page .h4 { font-size: 1.25rem; font-weight: 900 !important; } .ccm-page h5, .ccm-page .h5 { font-size: 1.125rem; font-weight: 900 !important; } .ccm-page h6, .ccm-page .h6 { font-size: 1rem; font-weight: 900 !important; } .ccm-page .text-white h1, .ccm-page .text-white .h1, .ccm-page .text-white h2, .ccm-page .text-white .h2, .ccm-page .text-white h3, .ccm-page .text-white .h3, .ccm-page .text-white h4, .ccm-page .text-white .h4, .ccm-page .text-white h5, .ccm-page .text-white .h5, .ccm-page .text-white h6, .ccm-page .text-white .h6 { color: #fff; } p { margin-top: 0; margin-bottom: 1rem; } p + .formulaire { margin-top: 3rem; } picture + p { margin-top: 3rem; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } .text-white ol li::before, .text-white ul li::before, .text-white dl li::before { color: #fff; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: 800; } small, .ccm-page .small { font-size: 0.875em; } .tip { color: #C4C4C4; font-size: 0.875rem; } .tip.date { color: #757575; display: inline-block; } .blocs-cms > .tip.date + .ccm-block-page-title { margin-top: 0 !important; } .tag { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; } mark, .ccm-page .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { font-size: 0.75em; position: relative; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #6133A2; text-decoration: none; transition: color 0.4s; } a:hover { color: #4e2982; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-size: 1em; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } pre { font-size: 0.875em; display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a > code { color: inherit; } kbd { font-size: 0.875em; border-radius: 0; padding: 0.2rem 0.4rem; background-color: #151515; color: #fff; } kbd kbd { font-size: 1em; padding: 0; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } picture { display: block; } picture > img { width: 100%; } * + picture { margin-top: 3rem; } table { border-collapse: collapse; caption-side: bottom; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #C4C4C4; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; outline: none; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { font-size: inherit; margin: 0; font-family: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { margin: 0; padding: 0; min-width: 0; border: 0; } legend { font-size: calc(1.275rem + 0.3vw); float: left; margin-bottom: 0.5rem; padding: 0; width: 100%; line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .ccm-ui div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .h1, div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .ccm-ui .h1, div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module h1, div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .ccm-page .h1, .ccm-page div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .h1, div.ccm-ui .h1, div.ccm-ui h1, div.ccm-ui .h2, div.ccm-ui h2, div.ccm-ui .h3, div.ccm-ui h3, div.ccm-ui .h4, div.ccm-ui h4, div.ccm-ui .h5, div.ccm-ui h5, .ccm-ui div.ccm-panel-content header h4.dropdown-toggle, .ccm-ui div.ccm-panel-content header .ccm-page .dropdown-toggle.h4, .ccm-page .ccm-ui div.ccm-panel-content header .dropdown-toggle.h4, .ccm-ui html.ccm-toolbar-visible .ui-widget-content, .ccm-ui html.ccm-toolbar-visible .ui-widget-header, .ccm-ui .btn-primary, .ccm-ui .btn-secondary, div.ccm-ui .nav a.nav-link.active, div.ccm-ui .nav a.nav-link, .ccm-notifications-box-header > div[data-bs-toggle], .ccm-notifications-box-header, #ccm-layouts-toolbar, span.label, .ui-dialog-title, .form-check-label, .ui-dialog .ui-corner-all .ui-widget .ui-widget-content .ui-front .ccm-ui .ui-draggable .ui-resizable .ui-dialog-buttons, .ui-dialog-buttonpane .ui-widget-content .ui-helper-clearfix, .ccm-search-results-pagination, .ccm-inline-toolbar-select, .ccm-inline-toolbar .ccm-ui, .ccm-edit-mode .tooltip, .ccm-block-dragging, .ccm-block-edit-drag, .ccm-dropdown-menu.active, .ccm-menu-item-hover, #ccm-menu-click-proxy, .ccm-block-highlight, .ccm-edit-mode .alert.alert-danger, .ccm-image-chooser-list-view, .ccm-search-results-table, .ccm-area-drag-area, .ccm-area-block-list, .dd-list, .dd-dragel, .dd-list h2, .dd-list .ccm-page .h2, .ccm-page .dd-list .h2, .dd-dragel h2, .dd-dragel .ccm-page .h2, .ccm-page .dd-dragel .h2, .ui-datepicker, .ui-dialog, .ccm-summary-templates-preview { font-family: system-ui !important; } .ccm-summary-templates-preview { min-height: 2rem !important; } .dd-content.dd3-content.well > h2, .ccm-page .dd-content.dd3-content.well > .h2 { margin-bottom: 1rem !important; } .ccm-ui .fa, .ccm-ui .fas { font-family: "Font Awesome 5 Free" !important; } div#ccm-panel-dashboard a, div.ccm-panel-content menu li a, div.ccm-panel-content ul.nav li a { font-weight: 400 !important; } ul.ccm-edit-mode-inline-commands { transform: translateY(-100%); } ul.ccm-edit-mode-inline-commands.ccm-edit-mode-inline-container { right: 4rem; } #margin-padding, #text-size-color, #background, #borders, #shadow-rotation, #custom-css { display: none; } ul.ccm-edit-mode-inline-commands { top: -1rem !important; } #ccm-inline-toolbar-container .ccm-inline-toolbar-icon-cell:has(#margin-padding, #text-size-color, #background, #borders, #shadow-rotation, #custom-css) { display: none; } .ccm-edit-mode .mm-page { position: unset !important; } :root { --bs-blue: #0d6efd; --bs-indigo: #6133A2; --bs-purple: #371D5C; --bs-pink: #d63384; --bs-red: #E84647; --bs-dark-red: #930142; --bs-orange: #FF894C; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #188178; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #757575; --bs-gray-dark: #3C3D40; --bs-gray-100: #f2f2f2; --bs-gray-200: #E6E6E6; --bs-gray-300: #dee2e6; --bs-gray-400: #C4C4C4; --bs-gray-500: #adb5bd; --bs-gray-600: #757575; --bs-gray-700: #495057; --bs-gray-800: #3C3D40; --bs-gray-900: #151515; --bs-gray-1000: #000; --bs-primary: #6133A2; --bs-secondary: #188178; --bs-tertiary: #198754; --bs-quaternary: #371D5C; --bs-success: #198754; --bs-info: #188178; --bs-warning: #371D5C; --bs-danger: #6133A2; --bs-lightest: #f2f2f2; --bs-lighter: #E6E6E6; --bs-light: #C4C4C4; --bs-gray: #757575; --bs-dark: #3C3D40; --bs-black: #151515; --bs-trueblack: #000; --bs-primary-rgb: 97, 51, 162; --bs-secondary-rgb: 24, 129, 120; --bs-tertiary-rgb: 25, 135, 84; --bs-quaternary-rgb: 55, 29, 92; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 24, 129, 120; --bs-warning-rgb: 55, 29, 92; --bs-danger-rgb: 97, 51, 162; --bs-lightest-rgb: 242, 242, 242; --bs-lighter-rgb: 230, 230, 230; --bs-light-rgb: 196, 196, 196; --bs-gray-rgb: 117, 117, 117; --bs-dark-rgb: 60, 61, 64; --bs-black-rgb: 21, 21, 21; --bs-trueblack-rgb: 0, 0, 0; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 21, 21, 21; --bs-body-color-rgb: 21, 21, 21; --bs-body-bg-rgb: 255, 255, 255; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: Montserrat, Arial, sans-serif; --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.6; --bs-body-color: #151515; --bs-body-bg: #fff; } .ccm-page { /* rtl:begin:ignore */ /* rtl:end:ignore */ /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ } .ccm-page .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); } @media (min-width: 992px) { .ccm-page .row[data-scroll-interaction] > [class*=col] { transition: opacity 0.4s, transform 0.4s; } .ccm-page .row[data-scroll-interaction]:not([data-visible=true]) > [class*=col] { opacity: 0; transform: translate3d(0, 5rem, 0); } } .blocs-cms .ccm-page .row { margin-top: 2rem; } .ccm-page .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); } .ccm-page .row > *[class*=col]:nth-child(1) { transition-delay: 0.2s; } .ccm-page .row > *[class*=col]:nth-child(2) { transition-delay: 0.35s; } .ccm-page .row > *[class*=col]:nth-child(3) { transition-delay: 0.5s; } .ccm-page .row > *[class*=col]:nth-child(4) { transition-delay: 0.65s; } .ccm-page .row > *[class*=col]:nth-child(5) { transition-delay: 0.8s; } .ccm-page .row > *[class*=col]:nth-child(6) { transition-delay: 0.95s; } .ccm-page .row > *[class*=col]:nth-child(7) { transition-delay: 1.1s; } .ccm-page .row > *[class*=col]:nth-child(8) { transition-delay: 1.25s; } .ccm-page .row > *[class*=col]:nth-child(9) { transition-delay: 1.4s; } .ccm-page .row > *[class*=col]:nth-child(10) { transition-delay: 1.55s; } .ccm-page .row > *[class*=col]:nth-child(11) { transition-delay: 1.7s; } .ccm-page .row > *[class*=col]:nth-child(12) { transition-delay: 1.85s; } @media (max-width: 991.98px) { .ccm-page .row > *[class*=col]:not(:last-child) { margin-bottom: 1.5rem; } } .ccm-page .row:not(:last-child) { margin-bottom: 4rem; } .ccm-page *:not(.page-title, input, .lead) + .row { margin-top: 4rem; } .ccm-page *:not(.page-title, input, .lead) + .row:not(:last-child) { margin-bottom: 2.5rem; } .ccm-page input + .row { margin-top: 2.5rem; } .ccm-page .col { flex: 1 0 0%; } .ccm-page .row-cols-auto > * { flex: 0 0 auto; width: auto; } .ccm-page .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .ccm-page .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .ccm-page .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .ccm-page .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .ccm-page .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .ccm-page .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .ccm-page .col-auto { flex: 0 0 auto; width: auto; } .ccm-page .col-1 { flex: 0 0 auto; width: 8.33333333%; } .ccm-page .col-2 { flex: 0 0 auto; width: 16.66666667%; } .ccm-page .col-3 { flex: 0 0 auto; width: 25%; } .ccm-page .col-4 { flex: 0 0 auto; width: 33.33333333%; } .ccm-page .col-5 { flex: 0 0 auto; width: 41.66666667%; } .ccm-page .col-6 { flex: 0 0 auto; width: 50%; } .ccm-page .col-7 { flex: 0 0 auto; width: 58.33333333%; } .ccm-page .col-8 { flex: 0 0 auto; width: 66.66666667%; } .ccm-page .col-9 { flex: 0 0 auto; width: 75%; } .ccm-page .col-10 { flex: 0 0 auto; width: 83.33333333%; } .ccm-page .col-11 { flex: 0 0 auto; width: 91.66666667%; } .ccm-page .col-12 { flex: 0 0 auto; width: 100%; } .ccm-page .offset-1 { margin-left: 8.33333333%; } .ccm-page .offset-2 { margin-left: 16.66666667%; } .ccm-page .offset-3 { margin-left: 25%; } .ccm-page .offset-4 { margin-left: 33.33333333%; } .ccm-page .offset-5 { margin-left: 41.66666667%; } .ccm-page .offset-6 { margin-left: 50%; } .ccm-page .offset-7 { margin-left: 58.33333333%; } .ccm-page .offset-8 { margin-left: 66.66666667%; } .ccm-page .offset-9 { margin-left: 75%; } .ccm-page .offset-10 { margin-left: 83.33333333%; } .ccm-page .offset-11 { margin-left: 91.66666667%; } .ccm-page .g-0, .ccm-page .gx-0 { --bs-gutter-x: 0; } .ccm-page .g-0, .ccm-page .gy-0 { --bs-gutter-y: 0; } .ccm-page .g-1, .ccm-page .gx-1 { --bs-gutter-x: 0.25rem; } .ccm-page .g-1, .ccm-page .gy-1 { --bs-gutter-y: 0.25rem; } .ccm-page .g-2, .ccm-page .gx-2 { --bs-gutter-x: 0.5rem; } .ccm-page .g-2, .ccm-page .gy-2 { --bs-gutter-y: 0.5rem; } .ccm-page .g-3, .ccm-page .gx-3 { --bs-gutter-x: 1rem; } .ccm-page .g-3, .ccm-page .gy-3 { --bs-gutter-y: 1rem; } .ccm-page .g-4, .ccm-page .gx-4 { --bs-gutter-x: 1.5rem; } .ccm-page .g-4, .ccm-page .gy-4 { --bs-gutter-y: 1.5rem; } .ccm-page .g-5, .ccm-page .gx-5 { --bs-gutter-x: 3rem; } .ccm-page .g-5, .ccm-page .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .ccm-page .col-sm { flex: 1 0 0%; } .ccm-page .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .ccm-page .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .ccm-page .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .ccm-page .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .ccm-page .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .ccm-page .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .ccm-page .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .ccm-page .col-sm-auto { flex: 0 0 auto; width: auto; } .ccm-page .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .ccm-page .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .ccm-page .col-sm-3 { flex: 0 0 auto; width: 25%; } .ccm-page .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .ccm-page .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .ccm-page .col-sm-6 { flex: 0 0 auto; width: 50%; } .ccm-page .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .ccm-page .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .ccm-page .col-sm-9 { flex: 0 0 auto; width: 75%; } .ccm-page .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .ccm-page .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .ccm-page .col-sm-12 { flex: 0 0 auto; width: 100%; } .ccm-page .offset-sm-0 { margin-left: 0; } .ccm-page .offset-sm-1 { margin-left: 8.33333333%; } .ccm-page .offset-sm-2 { margin-left: 16.66666667%; } .ccm-page .offset-sm-3 { margin-left: 25%; } .ccm-page .offset-sm-4 { margin-left: 33.33333333%; } .ccm-page .offset-sm-5 { margin-left: 41.66666667%; } .ccm-page .offset-sm-6 { margin-left: 50%; } .ccm-page .offset-sm-7 { margin-left: 58.33333333%; } .ccm-page .offset-sm-8 { margin-left: 66.66666667%; } .ccm-page .offset-sm-9 { margin-left: 75%; } .ccm-page .offset-sm-10 { margin-left: 83.33333333%; } .ccm-page .offset-sm-11 { margin-left: 91.66666667%; } .ccm-page .g-sm-0, .ccm-page .gx-sm-0 { --bs-gutter-x: 0; } .ccm-page .g-sm-0, .ccm-page .gy-sm-0 { --bs-gutter-y: 0; } .ccm-page .g-sm-1, .ccm-page .gx-sm-1 { --bs-gutter-x: 0.25rem; } .ccm-page .g-sm-1, .ccm-page .gy-sm-1 { --bs-gutter-y: 0.25rem; } .ccm-page .g-sm-2, .ccm-page .gx-sm-2 { --bs-gutter-x: 0.5rem; } .ccm-page .g-sm-2, .ccm-page .gy-sm-2 { --bs-gutter-y: 0.5rem; } .ccm-page .g-sm-3, .ccm-page .gx-sm-3 { --bs-gutter-x: 1rem; } .ccm-page .g-sm-3, .ccm-page .gy-sm-3 { --bs-gutter-y: 1rem; } .ccm-page .g-sm-4, .ccm-page .gx-sm-4 { --bs-gutter-x: 1.5rem; } .ccm-page .g-sm-4, .ccm-page .gy-sm-4 { --bs-gutter-y: 1.5rem; } .ccm-page .g-sm-5, .ccm-page .gx-sm-5 { --bs-gutter-x: 3rem; } .ccm-page .g-sm-5, .ccm-page .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .ccm-page .col-md { flex: 1 0 0%; } .ccm-page .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .ccm-page .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .ccm-page .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .ccm-page .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .ccm-page .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .ccm-page .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .ccm-page .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .ccm-page .col-md-auto { flex: 0 0 auto; width: auto; } .ccm-page .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .ccm-page .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .ccm-page .col-md-3 { flex: 0 0 auto; width: 25%; } .ccm-page .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .ccm-page .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .ccm-page .col-md-6 { flex: 0 0 auto; width: 50%; } .ccm-page .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .ccm-page .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .ccm-page .col-md-9 { flex: 0 0 auto; width: 75%; } .ccm-page .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .ccm-page .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .ccm-page .col-md-12 { flex: 0 0 auto; width: 100%; } .ccm-page .offset-md-0 { margin-left: 0; } .ccm-page .offset-md-1 { margin-left: 8.33333333%; } .ccm-page .offset-md-2 { margin-left: 16.66666667%; } .ccm-page .offset-md-3 { margin-left: 25%; } .ccm-page .offset-md-4 { margin-left: 33.33333333%; } .ccm-page .offset-md-5 { margin-left: 41.66666667%; } .ccm-page .offset-md-6 { margin-left: 50%; } .ccm-page .offset-md-7 { margin-left: 58.33333333%; } .ccm-page .offset-md-8 { margin-left: 66.66666667%; } .ccm-page .offset-md-9 { margin-left: 75%; } .ccm-page .offset-md-10 { margin-left: 83.33333333%; } .ccm-page .offset-md-11 { margin-left: 91.66666667%; } .ccm-page .g-md-0, .ccm-page .gx-md-0 { --bs-gutter-x: 0; } .ccm-page .g-md-0, .ccm-page .gy-md-0 { --bs-gutter-y: 0; } .ccm-page .g-md-1, .ccm-page .gx-md-1 { --bs-gutter-x: 0.25rem; } .ccm-page .g-md-1, .ccm-page .gy-md-1 { --bs-gutter-y: 0.25rem; } .ccm-page .g-md-2, .ccm-page .gx-md-2 { --bs-gutter-x: 0.5rem; } .ccm-page .g-md-2, .ccm-page .gy-md-2 { --bs-gutter-y: 0.5rem; } .ccm-page .g-md-3, .ccm-page .gx-md-3 { --bs-gutter-x: 1rem; } .ccm-page .g-md-3, .ccm-page .gy-md-3 { --bs-gutter-y: 1rem; } .ccm-page .g-md-4, .ccm-page .gx-md-4 { --bs-gutter-x: 1.5rem; } .ccm-page .g-md-4, .ccm-page .gy-md-4 { --bs-gutter-y: 1.5rem; } .ccm-page .g-md-5, .ccm-page .gx-md-5 { --bs-gutter-x: 3rem; } .ccm-page .g-md-5, .ccm-page .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .ccm-page .col-lg { flex: 1 0 0%; } .ccm-page .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .ccm-page .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .ccm-page .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .ccm-page .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .ccm-page .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .ccm-page .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .ccm-page .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .ccm-page .col-lg-auto { flex: 0 0 auto; width: auto; } .ccm-page .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .ccm-page .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .ccm-page .col-lg-3 { flex: 0 0 auto; width: 25%; } .ccm-page .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .ccm-page .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .ccm-page .col-lg-6 { flex: 0 0 auto; width: 50%; } .ccm-page .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .ccm-page .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .ccm-page .col-lg-9 { flex: 0 0 auto; width: 75%; } .ccm-page .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .ccm-page .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .ccm-page .col-lg-12 { flex: 0 0 auto; width: 100%; } .ccm-page .offset-lg-0 { margin-left: 0; } .ccm-page .offset-lg-1 { margin-left: 8.33333333%; } .ccm-page .offset-lg-2 { margin-left: 16.66666667%; } .ccm-page .offset-lg-3 { margin-left: 25%; } .ccm-page .offset-lg-4 { margin-left: 33.33333333%; } .ccm-page .offset-lg-5 { margin-left: 41.66666667%; } .ccm-page .offset-lg-6 { margin-left: 50%; } .ccm-page .offset-lg-7 { margin-left: 58.33333333%; } .ccm-page .offset-lg-8 { margin-left: 66.66666667%; } .ccm-page .offset-lg-9 { margin-left: 75%; } .ccm-page .offset-lg-10 { margin-left: 83.33333333%; } .ccm-page .offset-lg-11 { margin-left: 91.66666667%; } .ccm-page .g-lg-0, .ccm-page .gx-lg-0 { --bs-gutter-x: 0; } .ccm-page .g-lg-0, .ccm-page .gy-lg-0 { --bs-gutter-y: 0; } .ccm-page .g-lg-1, .ccm-page .gx-lg-1 { --bs-gutter-x: 0.25rem; } .ccm-page .g-lg-1, .ccm-page .gy-lg-1 { --bs-gutter-y: 0.25rem; } .ccm-page .g-lg-2, .ccm-page .gx-lg-2 { --bs-gutter-x: 0.5rem; } .ccm-page .g-lg-2, .ccm-page .gy-lg-2 { --bs-gutter-y: 0.5rem; } .ccm-page .g-lg-3, .ccm-page .gx-lg-3 { --bs-gutter-x: 1rem; } .ccm-page .g-lg-3, .ccm-page .gy-lg-3 { --bs-gutter-y: 1rem; } .ccm-page .g-lg-4, .ccm-page .gx-lg-4 { --bs-gutter-x: 1.5rem; } .ccm-page .g-lg-4, .ccm-page .gy-lg-4 { --bs-gutter-y: 1.5rem; } .ccm-page .g-lg-5, .ccm-page .gx-lg-5 { --bs-gutter-x: 3rem; } .ccm-page .g-lg-5, .ccm-page .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .ccm-page .col-xl { flex: 1 0 0%; } .ccm-page .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .ccm-page .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .ccm-page .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .ccm-page .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .ccm-page .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .ccm-page .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .ccm-page .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .ccm-page .col-xl-auto { flex: 0 0 auto; width: auto; } .ccm-page .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .ccm-page .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .ccm-page .col-xl-3 { flex: 0 0 auto; width: 25%; } .ccm-page .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .ccm-page .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .ccm-page .col-xl-6 { flex: 0 0 auto; width: 50%; } .ccm-page .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .ccm-page .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .ccm-page .col-xl-9 { flex: 0 0 auto; width: 75%; } .ccm-page .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .ccm-page .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .ccm-page .col-xl-12 { flex: 0 0 auto; width: 100%; } .ccm-page .offset-xl-0 { margin-left: 0; } .ccm-page .offset-xl-1 { margin-left: 8.33333333%; } .ccm-page .offset-xl-2 { margin-left: 16.66666667%; } .ccm-page .offset-xl-3 { margin-left: 25%; } .ccm-page .offset-xl-4 { margin-left: 33.33333333%; } .ccm-page .offset-xl-5 { margin-left: 41.66666667%; } .ccm-page .offset-xl-6 { margin-left: 50%; } .ccm-page .offset-xl-7 { margin-left: 58.33333333%; } .ccm-page .offset-xl-8 { margin-left: 66.66666667%; } .ccm-page .offset-xl-9 { margin-left: 75%; } .ccm-page .offset-xl-10 { margin-left: 83.33333333%; } .ccm-page .offset-xl-11 { margin-left: 91.66666667%; } .ccm-page .g-xl-0, .ccm-page .gx-xl-0 { --bs-gutter-x: 0; } .ccm-page .g-xl-0, .ccm-page .gy-xl-0 { --bs-gutter-y: 0; } .ccm-page .g-xl-1, .ccm-page .gx-xl-1 { --bs-gutter-x: 0.25rem; } .ccm-page .g-xl-1, .ccm-page .gy-xl-1 { --bs-gutter-y: 0.25rem; } .ccm-page .g-xl-2, .ccm-page .gx-xl-2 { --bs-gutter-x: 0.5rem; } .ccm-page .g-xl-2, .ccm-page .gy-xl-2 { --bs-gutter-y: 0.5rem; } .ccm-page .g-xl-3, .ccm-page .gx-xl-3 { --bs-gutter-x: 1rem; } .ccm-page .g-xl-3, .ccm-page .gy-xl-3 { --bs-gutter-y: 1rem; } .ccm-page .g-xl-4, .ccm-page .gx-xl-4 { --bs-gutter-x: 1.5rem; } .ccm-page .g-xl-4, .ccm-page .gy-xl-4 { --bs-gutter-y: 1.5rem; } .ccm-page .g-xl-5, .ccm-page .gx-xl-5 { --bs-gutter-x: 3rem; } .ccm-page .g-xl-5, .ccm-page .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1500px) { .ccm-page .col-xxl { flex: 1 0 0%; } .ccm-page .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .ccm-page .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .ccm-page .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .ccm-page .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .ccm-page .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .ccm-page .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .ccm-page .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .ccm-page .col-xxl-auto { flex: 0 0 auto; width: auto; } .ccm-page .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .ccm-page .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .ccm-page .col-xxl-3 { flex: 0 0 auto; width: 25%; } .ccm-page .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .ccm-page .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .ccm-page .col-xxl-6 { flex: 0 0 auto; width: 50%; } .ccm-page .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .ccm-page .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .ccm-page .col-xxl-9 { flex: 0 0 auto; width: 75%; } .ccm-page .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .ccm-page .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .ccm-page .col-xxl-12 { flex: 0 0 auto; width: 100%; } .ccm-page .offset-xxl-0 { margin-left: 0; } .ccm-page .offset-xxl-1 { margin-left: 8.33333333%; } .ccm-page .offset-xxl-2 { margin-left: 16.66666667%; } .ccm-page .offset-xxl-3 { margin-left: 25%; } .ccm-page .offset-xxl-4 { margin-left: 33.33333333%; } .ccm-page .offset-xxl-5 { margin-left: 41.66666667%; } .ccm-page .offset-xxl-6 { margin-left: 50%; } .ccm-page .offset-xxl-7 { margin-left: 58.33333333%; } .ccm-page .offset-xxl-8 { margin-left: 66.66666667%; } .ccm-page .offset-xxl-9 { margin-left: 75%; } .ccm-page .offset-xxl-10 { margin-left: 83.33333333%; } .ccm-page .offset-xxl-11 { margin-left: 91.66666667%; } .ccm-page .g-xxl-0, .ccm-page .gx-xxl-0 { --bs-gutter-x: 0; } .ccm-page .g-xxl-0, .ccm-page .gy-xxl-0 { --bs-gutter-y: 0; } .ccm-page .g-xxl-1, .ccm-page .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .ccm-page .g-xxl-1, .ccm-page .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .ccm-page .g-xxl-2, .ccm-page .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .ccm-page .g-xxl-2, .ccm-page .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .ccm-page .g-xxl-3, .ccm-page .gx-xxl-3 { --bs-gutter-x: 1rem; } .ccm-page .g-xxl-3, .ccm-page .gy-xxl-3 { --bs-gutter-y: 1rem; } .ccm-page .g-xxl-4, .ccm-page .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .ccm-page .g-xxl-4, .ccm-page .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .ccm-page .g-xxl-5, .ccm-page .gx-xxl-5 { --bs-gutter-x: 3rem; } .ccm-page .g-xxl-5, .ccm-page .gy-xxl-5 { --bs-gutter-y: 3rem; } } .ccm-page .lead { font-size: 1.25rem; font-weight: 300; } .ccm-page .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1; } @media (min-width: 1200px) { .ccm-page .display-1 { font-size: 5rem; } } .ccm-page .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1; } @media (min-width: 1200px) { .ccm-page .display-2 { font-size: 4.5rem; } } .ccm-page .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1; } @media (min-width: 1200px) { .ccm-page .display-3 { font-size: 4rem; } } .ccm-page .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1; } @media (min-width: 1200px) { .ccm-page .display-4 { font-size: 3.5rem; } } .ccm-page .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1; } @media (min-width: 1200px) { .ccm-page .display-5 { font-size: 3rem; } } .ccm-page .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1; } @media (min-width: 1200px) { .ccm-page .display-6 { font-size: 2.5rem; } } .ccm-page .list-unstyled { padding-left: 0; list-style: none; } .ccm-page .list-inline { padding-left: 0; list-style: none; } .ccm-page .list-inline-item { display: inline-block; } .ccm-page .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .ccm-page .initialism { font-size: 0.875em; text-transform: uppercase; } .ccm-page .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .ccm-page .blockquote > :last-child { margin-bottom: 0; } .ccm-page .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #757575; } .ccm-page .blockquote-footer::before { content: "— "; } .ccm-page .img-fluid { max-width: 100%; height: auto; } .ccm-page .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0; max-width: 100%; height: auto; } .ccm-page .figure { display: inline-block; } .ccm-page .figure-img { margin-bottom: 0.5rem; line-height: 1; } .ccm-page .figure-caption { font-size: 0.875em; color: #757575; } .ccm-page .container, .ccm-page .container-fluid, .ccm-page .container-xxl, .ccm-page .container-xl, .ccm-page .container-lg, .ccm-page .container-md, .ccm-page .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .ccm-page .container-sm, .ccm-page .container { max-width: 540px; } } @media (min-width: 768px) { .ccm-page .container-md, .ccm-page .container-sm, .ccm-page .container { max-width: 720px; } } @media (min-width: 992px) { .ccm-page .container-lg, .ccm-page .container-md, .ccm-page .container-sm, .ccm-page .container { max-width: 960px; } } @media (min-width: 1200px) { .ccm-page .container-xl, .ccm-page .container-lg, .ccm-page .container-md, .ccm-page .container-sm, .ccm-page .container { max-width: 1140px; } } @media (min-width: 1500px) { .ccm-page .container-xxl, .ccm-page .container-xl, .ccm-page .container-lg, .ccm-page .container-md, .ccm-page .container-sm, .ccm-page .container { max-width: 1420px; } } .ccm-page .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #151515; --bs-table-striped-bg: rgba(21, 21, 21, 0.05); --bs-table-active-color: #151515; --bs-table-active-bg: rgba(21, 21, 21, 0.1); --bs-table-hover-color: #151515; --bs-table-hover-bg: rgba(21, 21, 21, 0.075); margin-bottom: 1rem; width: 100%; border-color: #dee2e6; color: #151515; vertical-align: top; } .ccm-page .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); border-bottom-width: 1px; } .ccm-page .table > tbody { vertical-align: inherit; } .ccm-page .table > thead { vertical-align: bottom; } .ccm-page .caption-top { caption-side: top; } .ccm-page .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .ccm-page .table-bordered > :not(caption) > * { border-width: 1px 0; } .ccm-page .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .ccm-page .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .ccm-page .table-borderless > :not(:first-child) { border-top-width: 0; } .ccm-page .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .ccm-page .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .ccm-page .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .ccm-page .table-primary { --bs-table-bg: #dfd6ec; --bs-table-striped-bg: #d5cce1; --bs-table-striped-color: #151515; --bs-table-active-bg: #cbc3d7; --bs-table-active-color: #151515; --bs-table-hover-bg: #d0c8dc; --bs-table-hover-color: #151515; color: #151515; border-color: #cbc3d7; } .ccm-page .table-secondary { --bs-table-bg: #d1e6e4; --bs-table-striped-bg: #c8dcda; --bs-table-striped-color: #151515; --bs-table-active-bg: #bed1cf; --bs-table-active-color: #151515; --bs-table-hover-bg: #c3d6d4; --bs-table-hover-color: #151515; color: #151515; border-color: #bed1cf; } .ccm-page .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c8ddd3; --bs-table-striped-color: #151515; --bs-table-active-bg: #bed2c9; --bs-table-active-color: #151515; --bs-table-hover-bg: #c3d7ce; --bs-table-hover-color: #151515; color: #151515; border-color: #bed2c9; } .ccm-page .table-info { --bs-table-bg: #d1e6e4; --bs-table-striped-bg: #c8dcda; --bs-table-striped-color: #151515; --bs-table-active-bg: #bed1cf; --bs-table-active-color: #151515; --bs-table-hover-bg: #c3d6d4; --bs-table-hover-color: #151515; color: #151515; border-color: #bed1cf; } .ccm-page .table-warning { --bs-table-bg: #d7d2de; --bs-table-striped-bg: #cdc9d4; --bs-table-striped-color: #151515; --bs-table-active-bg: #c4bfca; --bs-table-active-color: #151515; --bs-table-hover-bg: #c8c4cf; --bs-table-hover-color: #151515; color: #151515; border-color: #c4bfca; } .ccm-page .table-danger { --bs-table-bg: #dfd6ec; --bs-table-striped-bg: #d5cce1; --bs-table-striped-color: #151515; --bs-table-active-bg: #cbc3d7; --bs-table-active-color: #151515; --bs-table-hover-bg: #d0c8dc; --bs-table-hover-color: #151515; color: #151515; border-color: #cbc3d7; } .ccm-page .table-light { --bs-table-bg: #C4C4C4; --bs-table-striped-bg: #bbbbbb; --bs-table-striped-color: #151515; --bs-table-active-bg: #b3b3b3; --bs-table-active-color: #151515; --bs-table-hover-bg: #b7b7b7; --bs-table-hover-color: #151515; color: #151515; border-color: #b3b3b3; } .ccm-page .table-dark { --bs-table-bg: #3C3D40; --bs-table-striped-bg: #46474a; --bs-table-striped-color: #fff; --bs-table-active-bg: #505053; --bs-table-active-color: #fff; --bs-table-hover-bg: #4b4c4e; --bs-table-hover-color: #fff; color: #fff; border-color: #505053; } .ccm-page .table-responsive { -webkit-overflow-scrolling: touch; overflow-x: auto; } @media (max-width: 575.98px) { .ccm-page .table-responsive-sm { -webkit-overflow-scrolling: touch; overflow-x: auto; } } @media (max-width: 767.98px) { .ccm-page .table-responsive-md { -webkit-overflow-scrolling: touch; overflow-x: auto; } } @media (max-width: 991.98px) { .ccm-page .table-responsive-lg { -webkit-overflow-scrolling: touch; overflow-x: auto; } } @media (max-width: 1199.98px) { .ccm-page .table-responsive-xl { -webkit-overflow-scrolling: touch; overflow-x: auto; } } @media (max-width: 1499.98px) { .ccm-page .table-responsive-xxl { -webkit-overflow-scrolling: touch; overflow-x: auto; } } .ccm-page .form-label { margin-bottom: 0; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } .ccm-page .col-form-label { padding-top: 1px; padding-bottom: 1px; margin-bottom: 0; font-size: inherit; font-weight: 700; line-height: 2.5; } .ccm-page .col-form-label-lg { padding-top: 1px; padding-bottom: 1px; font-size: 1.25rem; } .ccm-page .col-form-label-sm { padding-top: 1px; padding-bottom: 1px; font-size: 0.875rem; } .ccm-page .form-text { font-size: 0.875em; margin-top: -2rem; margin-bottom: 2.5rem; color: #C4C4C4; } .ccm-page .invalid-feedback { margin-top: -1rem !important; margin-bottom: 1rem !important; } .ccm-page .rgpd + .invalid-feedback { margin-top: 0 !important; margin-bottom: 0 !important; } .ccm-page .form-control { font-size: 1rem; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: block; margin-bottom: 2.5rem; padding: 0 0; width: 100%; background-clip: padding-box; background-color: transparent; border: 0; border-bottom: 1px solid #C4C4C4; color: #151515; font-family: "Montserrat", Arial, sans-serif; font-weight: 400; line-height: 2.5; appearance: none; } @media (prefers-reduced-motion: reduce) { .ccm-page .form-control { transition: none; } } .home .ccm-page .form-control { margin-bottom: 1.25rem; padding-right: 2rem; padding-left: 0; border-bottom: 1px solid #E6E6E6; font-weight: 600; } .home .ccm-page .form-control::placeholder { color: #C4C4C4; } .ccm-page .form-control[type=file] { overflow: hidden; } .ccm-page .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .ccm-page .form-control:focus { background-color: transparent; border-color: #4a277b; color: #151515; outline: 0; } .ccm-page .form-control::-webkit-date-and-time-value { height: 2.5em; } .ccm-page .form-control::placeholder { color: #757575; font-style: initial; opacity: 1; } .ccm-page .form-control:disabled, .ccm-page .form-control[readonly] { background-color: #E6E6E6; opacity: 1; } .ccm-page .form-control::file-selector-button { background-color: #E6E6E6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0 0; padding: 0 0; border-radius: 0; border-color: inherit; color: #151515; border-inline-end-width: 1px; border-style: solid; border-width: 0; margin-inline-end: 0; pointer-events: none; } @media (prefers-reduced-motion: reduce) { .ccm-page .form-control::file-selector-button { transition: none; } } .ccm-page .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dbdbdb; } .ccm-page .form-control::-webkit-file-upload-button { background-color: #E6E6E6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0 0; padding: 0 0; border-radius: 0; border-color: inherit; color: #151515; border-inline-end-width: 1px; border-style: solid; border-width: 0; margin-inline-end: 0; pointer-events: none; } @media (prefers-reduced-motion: reduce) { .ccm-page .form-control::-webkit-file-upload-button { transition: none; } } .ccm-page .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dbdbdb; } .ccm-page .form-control-plaintext { display: block; margin-bottom: 0; padding: 0 0; width: 100%; background-color: transparent; border: solid transparent; color: #151515; line-height: 2.5; border-width: 1px 0; } .ccm-page .form-control-plaintext.form-control-sm, .ccm-page .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .ccm-page .form-control-sm { font-size: 0.875rem; border-radius: 0; padding: 0 0.5rem; min-height: calc(2.5em + 2px); } .ccm-page .form-control-sm::file-selector-button { margin: 0 -0.5rem; padding: 0 0.5rem; margin-inline-end: 0.5rem; } .ccm-page .form-control-sm::-webkit-file-upload-button { margin: 0 -0.5rem; padding: 0 0.5rem; margin-inline-end: 0.5rem; } .ccm-page .form-control-lg { font-size: 1.25rem; border-radius: 0; padding: 0 1rem; min-height: calc(2.5em + 2px); } .ccm-page .form-control-lg::file-selector-button { margin: 0 -1rem; padding: 0 1rem; margin-inline-end: 1rem; } .ccm-page .form-control-lg::-webkit-file-upload-button { margin: 0 -1rem; padding: 0 1rem; margin-inline-end: 1rem; } .ccm-page textarea.form-control { padding: 1rem 0; min-height: 10rem; line-height: 1.4; } .ccm-page textarea.form-control-sm { min-height: 8rem; } .ccm-page textarea.form-control-lg { min-height: 15rem; } .ccm-page .form-control-color { padding: 0; width: 3rem; height: auto; } .ccm-page .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .ccm-page .form-control-color::-moz-color-swatch { border-radius: 0; height: 2.5em; } .ccm-page .form-control-color::-webkit-color-swatch { border-radius: 0; height: 2.5em; } .ccm-page .form-select { font-size: 1rem; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: block; padding: 0 4.5rem 0 1.5rem; width: 100%; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233C3D40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-position: right 1.5rem center; background-repeat: no-repeat; background-size: 16px 12px; border: 0 solid #C4C4C4; color: #151515; font-family: "Montserrat", Arial, sans-serif; font-weight: 400; line-height: 3.6875rem; cursor: pointer; appearance: none; } @media (prefers-reduced-motion: reduce) { .ccm-page .form-select { transition: none; } } .home .ccm-page .form-select { border-bottom: 0.0625rem solid #C4C4C4; } .ccm-page .form-select:not(.form-control) { margin-bottom: 2.5rem; } .ccm-page .form-select:focus { border-color: #151515; outline: 0; } .ccm-page .form-select:focus-visible { outline: auto; } .ccm-page .form-select[multiple], .ccm-page .form-select[size]:not([size="1"]) { padding-right: 1.5rem; background-image: none; } .ccm-page .form-select:disabled { background-color: #E6E6E6; } .ccm-page .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #151515; } .ccm-page .form-select-sm { font-size: 0.875rem; border-radius: 0; padding-top: 0; padding-bottom: 0; padding-left: 0.5rem; } .ccm-page .form-select-lg { font-size: 1.25rem; border-radius: 0; padding-top: 0; padding-bottom: 0; padding-left: 1rem; } .ccm-page .form-check { display: block; margin-bottom: 0.125rem; padding-left: 1.5em; min-height: 1.6rem; } .ccm-page .form-check .form-check-input { float: left; margin-left: -1.5em; } .ccm-page .form-check-input { margin-top: 0.3em; width: 1em; height: 1em; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: contain; border: 1px solid rgba(21, 21, 21, 0.25); appearance: none; color-adjust: exact; vertical-align: top; } .ccm-page .form-check-input[type=checkbox] { border-radius: 0.25em; } .ccm-page .form-check-input[type=radio] { border-radius: 50%; } .ccm-page .form-check-input:active { filter: brightness(90%); } .ccm-page .form-check-input:focus { border-color: #4a277b; box-shadow: none; outline: 0; } .ccm-page .form-check-input:checked { background-color: #6133A2; border-color: #6133A2; } .ccm-page .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .ccm-page .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .ccm-page .form-check-input[type=checkbox]:indeterminate { background-color: #6133A2; border-color: #6133A2; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .ccm-page .form-check-input:disabled { opacity: 0.5; filter: none; pointer-events: none; } .ccm-page .form-check-input[disabled] ~ .form-check-label, .ccm-page .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } .ccm-page .form-switch { padding-left: 2.5em; } .ccm-page .form-switch .form-check-input { border-radius: 2em; transition: background-position 0.15s ease-in-out; margin-left: -2.5em; width: 2em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2821, 21, 21, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; } @media (prefers-reduced-motion: reduce) { .ccm-page .form-switch .form-check-input { transition: none; } } .ccm-page .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%234a277b'/%3e%3c/svg%3e"); } .ccm-page .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .ccm-page .form-check-inline { display: inline-block; margin-right: 1rem; } .ccm-page .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .ccm-page .btn-check[disabled] + .btn, .ccm-page .btn-check:disabled + .btn { opacity: 0.65; filter: none; pointer-events: none; } .ccm-page input[type=checkbox] { position: absolute; opacity: 0; z-index: -1; } .ccm-page input[type=checkbox] ~ label { display: block; position: relative; margin: 0.5rem 0 0 -1.5em; padding-left: 1.75rem; width: auto; height: auto; color: #757575; font-size: 0.875rem; line-height: 1.5; cursor: pointer; } .ccm-page input[type=checkbox] ~ label::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 1.25rem; height: 1.25rem; background-color: #E6E6E6; transition: background 0.2s; pointer-events: none; } .ccm-page input[type=checkbox] ~ label::after { content: ""; position: absolute; top: 0; left: 0; margin: 0; width: 1.25rem; height: 1.25rem; background: #6133A2 url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16.3 11.6' style='enable-background:new 0 0 16.3 11.6;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D %3C/style%3E %3Cpath class='st0' d='M16,0.3c-0.5-0.5-1.2-0.5-1.6,0L5.8,8.8L2,5C1.7,4.7,1.4,4.6,1.1,4.6C0.8,4.6,0.5,4.8,0.3,5 C0.1,5.2,0,5.5,0,5.8c0,0.3,0.1,0.6,0.4,0.8L5,11.3c0.1,0.1,0.3,0.2,0.4,0.3l0,0.1h0.4c0.3,0,0.6-0.1,0.8-0.3L16,2 C16.4,1.5,16.4,0.8,16,0.3z'/%3E %3C/svg%3E") no-repeat center/60%; opacity: 0; transition: opacity 0.2s; } .ccm-page input[type=checkbox]:checked + label::after { opacity: 1; } .ccm-page .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; appearance: none; } .ccm-page .form-range:focus { outline: 0; } .ccm-page .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, none; } .ccm-page .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, none; } .ccm-page .form-range::-moz-focus-outer { border: 0; } .ccm-page .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #6133A2; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .ccm-page .form-range::-webkit-slider-thumb { transition: none; } } .ccm-page .form-range::-webkit-slider-thumb:active { background-color: #d0c2e3; } .ccm-page .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .ccm-page .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #6133A2; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .ccm-page .form-range::-moz-range-thumb { transition: none; } } .ccm-page .form-range::-moz-range-thumb:active { background-color: #d0c2e3; } .ccm-page .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .ccm-page .form-range:disabled { pointer-events: none; } .ccm-page .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .ccm-page .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .ccm-page .form-floating { position: relative; } .ccm-page .form-floating > .form-control, .ccm-page .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .ccm-page .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .ccm-page .form-floating > label { transition: none; } } .ccm-page .form-floating > .form-control { padding: 1rem 0; } .ccm-page .form-floating > .form-control::placeholder { color: transparent; } .ccm-page .form-floating > .form-control:focus, .ccm-page .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .ccm-page .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .ccm-page .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .ccm-page .form-floating > .form-control:focus ~ label, .ccm-page .form-floating > .form-control:not(:placeholder-shown) ~ label, .ccm-page .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .ccm-page .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .ccm-page .input-group { display: flex; flex-wrap: wrap; align-items: stretch; position: relative; width: 100%; } .ccm-page .input-group > .form-control, .ccm-page .input-group > .form-select { flex: 1 1 auto; position: relative; min-width: 0; width: 1%; } .ccm-page .input-group > .form-control:focus, .ccm-page .input-group > .form-select:focus { z-index: 3; } .ccm-page .input-group .btn { position: relative; z-index: 2; } .ccm-page .input-group .btn:focus { z-index: 3; } .ccm-page .input-group-text { font-size: 1rem; border-radius: 0; display: flex; align-items: center; padding: 0 0; background-color: #E6E6E6; border: 1px solid #C4C4C4; color: #151515; font-weight: 400; text-align: center; line-height: 2.5; white-space: nowrap; } .ccm-page .input-group-lg > .form-control, .ccm-page .input-group-lg > .form-select, .ccm-page .input-group-lg > .input-group-text, .ccm-page .input-group-lg > .btn { font-size: 1.25rem; border-radius: 0; padding: 0 1rem; } .ccm-page .input-group-sm > .form-control, .ccm-page .input-group-sm > .form-select, .ccm-page .input-group-sm > .input-group-text, .ccm-page .input-group-sm > .btn { font-size: 0.875rem; border-radius: 0; padding: 0 0.5rem; } .ccm-page .input-group-lg > .form-select, .ccm-page .input-group-sm > .form-select { padding-right: 6rem; } .ccm-page .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .ccm-page .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ccm-page .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .ccm-page .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ccm-page .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .ccm-page .valid-feedback { display: none; width: 100%; margin-top: -2rem; font-size: 0.875em; color: #198754; } .ccm-page .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0; } .was-validated .ccm-page:valid ~ .valid-feedback, .was-validated .ccm-page:valid ~ .valid-tooltip, .ccm-page.is-valid ~ .valid-feedback, .ccm-page.is-valid ~ .valid-tooltip { display: block; } .was-validated .ccm-page .form-control:valid, .ccm-page .form-control.is-valid { border-color: #198754; padding-right: 2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.625em center; background-size: 1.25em 1.25em; } .was-validated .ccm-page .form-control:valid:focus, .ccm-page .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .ccm-page textarea.form-control:valid, .ccm-page textarea.form-control.is-valid { padding-right: 2.5em; background-position: top 0.625em right 0.625em; } .was-validated .ccm-page .form-select:valid, .ccm-page .form-select.is-valid { border-color: #198754; } .was-validated .ccm-page .form-select:valid:not([multiple]):not([size]), .was-validated .ccm-page .form-select:valid:not([multiple])[size="1"], .ccm-page .form-select.is-valid:not([multiple]):not([size]), .ccm-page .form-select.is-valid:not([multiple])[size="1"] { padding-right: 8.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233C3D40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 1.5rem center, center right 4.5rem; background-size: 16px 12px, 1.25em 1.25em; } .was-validated .ccm-page .form-select:valid:focus, .ccm-page .form-select.is-valid:focus { outline: none; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); } .was-validated .ccm-page .form-check-input:valid, .ccm-page .form-check-input.is-valid { border-color: #198754; } .was-validated .ccm-page .form-check-input:valid:checked, .ccm-page .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .ccm-page .form-check-input:valid:focus, .ccm-page .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .ccm-page .form-check-input:valid ~ .form-check-label, .ccm-page .form-check-input.is-valid ~ .form-check-label { color: #198754; } .ccm-page .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .ccm-page .input-group .form-control:valid, .ccm-page .input-group .form-control.is-valid, .was-validated .ccm-page .input-group .form-select:valid, .ccm-page .input-group .form-select.is-valid { z-index: 1; } .was-validated .ccm-page .input-group .form-control:valid:focus, .ccm-page .input-group .form-control.is-valid:focus, .was-validated .ccm-page .input-group .form-select:valid:focus, .ccm-page .input-group .form-select.is-valid:focus { z-index: 3; } .ccm-page .invalid-feedback { display: none; width: 100%; margin-top: -2rem; font-size: 0.875em; color: #6133A2; } .ccm-page .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(97, 51, 162, 0.9); border-radius: 0; } .was-validated .ccm-page:invalid ~ .invalid-feedback, .was-validated .ccm-page:invalid ~ .invalid-tooltip, .ccm-page.is-invalid ~ .invalid-feedback, .ccm-page.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .ccm-page .form-control:invalid, .ccm-page .form-control.is-invalid { border-color: #6133A2; padding-right: 2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%236133A2'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%236133A2' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.625em center; background-size: 1.25em 1.25em; } .was-validated .ccm-page .form-control:invalid:focus, .ccm-page .form-control.is-invalid:focus { border-color: #6133A2; box-shadow: 0 0 0 0.25rem rgba(97, 51, 162, 0.25); } .was-validated .ccm-page textarea.form-control:invalid, .ccm-page textarea.form-control.is-invalid { padding-right: 2.5em; background-position: top 0.625em right 0.625em; } .was-validated .ccm-page .form-select:invalid, .ccm-page .form-select.is-invalid { border-color: #6133A2; } .was-validated .ccm-page .form-select:invalid:not([multiple]):not([size]), .was-validated .ccm-page .form-select:invalid:not([multiple])[size="1"], .ccm-page .form-select.is-invalid:not([multiple]):not([size]), .ccm-page .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 8.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233C3D40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%236133A2'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%236133A2' stroke='none'/%3e%3c/svg%3e"); background-position: right 1.5rem center, center right 4.5rem; background-size: 16px 12px, 1.25em 1.25em; } .was-validated .ccm-page .form-select:invalid:focus, .ccm-page .form-select.is-invalid:focus { outline: none; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); } .was-validated .ccm-page .form-check-input:invalid, .ccm-page .form-check-input.is-invalid { border-color: #6133A2; } .was-validated .ccm-page .form-check-input:invalid:checked, .ccm-page .form-check-input.is-invalid:checked { background-color: #6133A2; } .was-validated .ccm-page .form-check-input:invalid:focus, .ccm-page .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(97, 51, 162, 0.25); } .was-validated .ccm-page .form-check-input:invalid ~ .form-check-label, .ccm-page .form-check-input.is-invalid ~ .form-check-label { color: #6133A2; } .ccm-page .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .ccm-page .input-group .form-control:invalid, .ccm-page .input-group .form-control.is-invalid, .was-validated .ccm-page .input-group .form-select:invalid, .ccm-page .input-group .form-select.is-invalid { z-index: 2; } .was-validated .ccm-page .input-group .form-control:invalid:focus, .ccm-page .input-group .form-control.is-invalid:focus, .was-validated .ccm-page .input-group .form-select:invalid:focus, .ccm-page .input-group .form-select.is-invalid:focus { z-index: 3; } .ccm-page .btn { font-size: 1rem; border-radius: 0; padding: 0.5rem 1.5rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: inline-flex; align-items: center; height: auto; background-color: transparent; border: 1px solid transparent; border-radius: 0; font-size: 0.875rem; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 1.2; cursor: pointer; transition: background 0.4s, color 0.4s, opacity 0.4s, transform 0.4s !important; user-select: none; vertical-align: bottom; overflow: hidden; border: 0 !important; } @media (prefers-reduced-motion: reduce) { .ccm-page .btn { transition: none; } } @media (min-width: 992px) { .ccm-page .btn[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-page .btn[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } @media (max-width: 991.98px) { .ccm-page .btn { padding-top: 1rem; padding-right: 4rem !important; padding-bottom: 1rem; } } @media (min-width: 992px) { .ccm-page .btn { width: fit-content; } } .ccm-page .btn:not([type=submit]) > i { display: inline-block; } .ccm-page .btn:not([type=submit]) { position: relative; padding-right: 1.875rem; z-index: 0; } .ccm-page .btn:not([type=submit])::before { display: block; content: ""; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); transform-origin: center center; width: 2rem; height: 2rem; background: rgba(255, 255, 255, 0.15); border-radius: 50%; z-index: -1; transition: transform 0.4s ease-in-out; } .ccm-page .btn:not([type=submit])::after { content: "\ec5e"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: inline-block; position: relative; top: -0.0625rem; transform: translateX(0.25rem); margin-left: 1rem; font-size: 1.875rem; transition: transform 0.4s; vertical-align: middle; z-index: 2; } @media (max-width: 991.98px) { .ccm-page .btn:not([type=submit])::after { position: absolute; top: 50%; right: 1.75rem; transform: translateY(-50%); } } @media (min-width: 992px) { .ccm-page .btn:not([type=submit]):hover::before, .ccm-page .btn:not([type=submit]):focus::before { transform: scale(25); } .ccm-page .btn:not([type=submit]):hover::after, .ccm-page .btn:not([type=submit]):focus::after { transform: translateX(0.75rem); } } .ccm-page .btn i { position: relative; font-size: 1.5rem; vertical-align: middle; } .btn-check:focus + .ccm-page .btn, .ccm-page .btn:focus { outline: 0; } .ccm-page .btn:disabled, .ccm-page .btn.disabled, fieldset:disabled .ccm-page .btn { opacity: 0.65; pointer-events: none; } .ccm-page .btn:disabled::before, .ccm-page .btn.disabled::before, fieldset:disabled .ccm-page .btn::before { display: none; } .ccm-page .btn.btn-block { width: 100%; } .ccm-page .btn.btn-sm, .ccm-page .btn-group-sm > .btn { padding: 0 1.875rem 0 1.25rem; height: 2.75rem; font-size: 0.75rem; } .ccm-page .btn.btn-lg, .ccm-page .btn-group-lg > .btn { height: 3.5rem; font-size: 1rem; } .ccm-page *:not(.btn):not(input):not(select) + .btn { margin-top: 1rem; } .ccm-page .btn + * { margin-top: 3rem; } .ccm-page .btn + .btn { margin-top: 1rem; } .ccm-page .colonneDroite .btn-primary:not([type=submit])::before { display: none; } .ccm-page .btn-primary { background-color: #6133A2; border: 0; border-color: #6133A2; color: #fff; } .ccm-page .btn-primary:hover, a:hover .ccm-page .btn-primary, .ccm-page .btn-primary:focus, a:focus .ccm-page .btn-primary { color: #fff !important; } .btn-check:focus + .ccm-page .btn-primary, .ccm-page .btn-primary:focus { background-color: #522b8a; border-color: #4e2982; color: #fff; } .btn-check:checked + .ccm-page .btn-primary, .btn-check:active + .ccm-page .btn-primary, .ccm-page .btn-primary:active, .ccm-page .btn-primary.active, .show > .ccm-page .btn-primary.dropdown-toggle { background-color: #4a277b; border-color: #49267a; color: #fff; } .ccm-page .btn-primary:disabled, .ccm-page .btn-primary.disabled { background-color: #6133A2; border-color: #6133A2; color: #fff; } .ccm-page .btn-primary[type=submit]:hover { background: #4a277b; } .ccm-page .btn-secondary { background-color: #188178; border: 0; border-color: #188178; color: #fff; } .ccm-page .btn-secondary:hover, a:hover .ccm-page .btn-secondary, .ccm-page .btn-secondary:focus, a:focus .ccm-page .btn-secondary { color: #fff !important; } .btn-check:focus + .ccm-page .btn-secondary, .ccm-page .btn-secondary:focus { background-color: #146e66; border-color: #136760; color: #fff; } .btn-check:checked + .ccm-page .btn-secondary, .btn-check:active + .ccm-page .btn-secondary, .ccm-page .btn-secondary:active, .ccm-page .btn-secondary.active, .show > .ccm-page .btn-secondary.dropdown-toggle { background-color: #105650; border-color: #12615a; color: #fff; } .ccm-page .btn-secondary:disabled, .ccm-page .btn-secondary.disabled { background-color: #188178; border-color: #188178; color: #fff; } .ccm-page .btn-secondary[type=submit]:hover { background: #105650; } .ccm-page .btn-tertiary { background-color: #198754; border: 0; border-color: #198754; color: #fff; } .ccm-page .btn-tertiary:hover, a:hover .ccm-page .btn-tertiary, .ccm-page .btn-tertiary:focus, a:focus .ccm-page .btn-tertiary { color: #fff !important; } .btn-check:focus + .ccm-page .btn-tertiary, .ccm-page .btn-tertiary:focus { background-color: #157347; border-color: #146c43; color: #fff; } .btn-check:checked + .ccm-page .btn-tertiary, .btn-check:active + .ccm-page .btn-tertiary, .ccm-page .btn-tertiary:active, .ccm-page .btn-tertiary.active, .show > .ccm-page .btn-tertiary.dropdown-toggle { background-color: #115c39; border-color: #13653f; color: #fff; } .ccm-page .btn-tertiary:disabled, .ccm-page .btn-tertiary.disabled { background-color: #198754; border-color: #198754; color: #fff; } .ccm-page .btn-tertiary[type=submit]:hover { background: #115c39; } .ccm-page .btn-quaternary { background-color: #371D5C; border: 0; border-color: #371D5C; color: #fff; } .ccm-page .btn-quaternary:hover, a:hover .ccm-page .btn-quaternary, .ccm-page .btn-quaternary:focus, a:focus .ccm-page .btn-quaternary { color: #fff !important; } .btn-check:focus + .ccm-page .btn-quaternary, .ccm-page .btn-quaternary:focus { background-color: #2f194e; border-color: #2c174a; color: #fff; } .btn-check:checked + .ccm-page .btn-quaternary, .btn-check:active + .ccm-page .btn-quaternary, .ccm-page .btn-quaternary:active, .ccm-page .btn-quaternary.active, .show > .ccm-page .btn-quaternary.dropdown-toggle { background-color: #201135; border-color: #291645; color: #fff; } .ccm-page .btn-quaternary:disabled, .ccm-page .btn-quaternary.disabled { background-color: #371D5C; border-color: #371D5C; color: #fff; } .ccm-page .btn-quaternary[type=submit]:hover { background: #201135; } .ccm-page .btn-success { background-color: #198754; border: 0; border-color: #198754; color: #fff; } .ccm-page .btn-success:hover, a:hover .ccm-page .btn-success, .ccm-page .btn-success:focus, a:focus .ccm-page .btn-success { color: #fff !important; } .btn-check:focus + .ccm-page .btn-success, .ccm-page .btn-success:focus { background-color: #157347; border-color: #146c43; color: #fff; } .btn-check:checked + .ccm-page .btn-success, .btn-check:active + .ccm-page .btn-success, .ccm-page .btn-success:active, .ccm-page .btn-success.active, .show > .ccm-page .btn-success.dropdown-toggle { background-color: #115c39; border-color: #13653f; color: #fff; } .ccm-page .btn-success:disabled, .ccm-page .btn-success.disabled { background-color: #198754; border-color: #198754; color: #fff; } .ccm-page .btn-success[type=submit]:hover { background: #115c39; } .ccm-page .btn-info { background-color: #188178; border: 0; border-color: #188178; color: #fff; } .ccm-page .btn-info:hover, a:hover .ccm-page .btn-info, .ccm-page .btn-info:focus, a:focus .ccm-page .btn-info { color: #fff !important; } .btn-check:focus + .ccm-page .btn-info, .ccm-page .btn-info:focus { background-color: #146e66; border-color: #136760; color: #fff; } .btn-check:checked + .ccm-page .btn-info, .btn-check:active + .ccm-page .btn-info, .ccm-page .btn-info:active, .ccm-page .btn-info.active, .show > .ccm-page .btn-info.dropdown-toggle { background-color: #105650; border-color: #12615a; color: #fff; } .ccm-page .btn-info:disabled, .ccm-page .btn-info.disabled { background-color: #188178; border-color: #188178; color: #fff; } .ccm-page .btn-info[type=submit]:hover { background: #105650; } .ccm-page .btn-warning { background-color: #371D5C; border: 0; border-color: #371D5C; color: #fff; } .ccm-page .btn-warning:hover, a:hover .ccm-page .btn-warning, .ccm-page .btn-warning:focus, a:focus .ccm-page .btn-warning { color: #fff !important; } .btn-check:focus + .ccm-page .btn-warning, .ccm-page .btn-warning:focus { background-color: #2f194e; border-color: #2c174a; color: #fff; } .btn-check:checked + .ccm-page .btn-warning, .btn-check:active + .ccm-page .btn-warning, .ccm-page .btn-warning:active, .ccm-page .btn-warning.active, .show > .ccm-page .btn-warning.dropdown-toggle { background-color: #201135; border-color: #291645; color: #fff; } .ccm-page .btn-warning:disabled, .ccm-page .btn-warning.disabled { background-color: #371D5C; border-color: #371D5C; color: #fff; } .ccm-page .btn-warning[type=submit]:hover { background: #201135; } .ccm-page .btn-danger { background-color: #6133A2; border: 0; border-color: #6133A2; color: #fff; } .ccm-page .btn-danger:hover, a:hover .ccm-page .btn-danger, .ccm-page .btn-danger:focus, a:focus .ccm-page .btn-danger { color: #fff !important; } .btn-check:focus + .ccm-page .btn-danger, .ccm-page .btn-danger:focus { background-color: #522b8a; border-color: #4e2982; color: #fff; } .btn-check:checked + .ccm-page .btn-danger, .btn-check:active + .ccm-page .btn-danger, .ccm-page .btn-danger:active, .ccm-page .btn-danger.active, .show > .ccm-page .btn-danger.dropdown-toggle { background-color: #4a277b; border-color: #49267a; color: #fff; } .ccm-page .btn-danger:disabled, .ccm-page .btn-danger.disabled { background-color: #6133A2; border-color: #6133A2; color: #fff; } .ccm-page .btn-danger[type=submit]:hover { background: #4a277b; } .ccm-page .btn-lightest { background-color: #f2f2f2; border: 0; border-color: #f2f2f2; color: #fff; } .ccm-page .btn-lightest:hover, a:hover .ccm-page .btn-lightest, .ccm-page .btn-lightest:focus, a:focus .ccm-page .btn-lightest { color: #fff !important; } .btn-check:focus + .ccm-page .btn-lightest, .ccm-page .btn-lightest:focus { background-color: #cecece; border-color: #c2c2c2; color: #151515; } .btn-check:checked + .ccm-page .btn-lightest, .btn-check:active + .ccm-page .btn-lightest, .ccm-page .btn-lightest:active, .ccm-page .btn-lightest.active, .show > .ccm-page .btn-lightest.dropdown-toggle { background-color: #d9d9d9; border-color: #b6b6b6; color: #fff; } .ccm-page .btn-lightest:disabled, .ccm-page .btn-lightest.disabled { background-color: #f2f2f2; border-color: #f2f2f2; color: #151515; } .ccm-page .btn-lightest[type=submit]:hover { background: #d9d9d9; } .ccm-page .btn-lighter { background-color: #E6E6E6; border: 0; border-color: #E6E6E6; color: #fff; } .ccm-page .btn-lighter:hover, a:hover .ccm-page .btn-lighter, .ccm-page .btn-lighter:focus, a:focus .ccm-page .btn-lighter { color: #fff !important; } .btn-check:focus + .ccm-page .btn-lighter, .ccm-page .btn-lighter:focus { background-color: #c4c4c4; border-color: #b8b8b8; color: #151515; } .btn-check:checked + .ccm-page .btn-lighter, .btn-check:active + .ccm-page .btn-lighter, .ccm-page .btn-lighter:active, .ccm-page .btn-lighter.active, .show > .ccm-page .btn-lighter.dropdown-toggle { background-color: #cdcdcd; border-color: #adadad; color: #fff; } .ccm-page .btn-lighter:disabled, .ccm-page .btn-lighter.disabled { background-color: #E6E6E6; border-color: #E6E6E6; color: #151515; } .ccm-page .btn-lighter[type=submit]:hover { background: #cdcdcd; } .ccm-page .btn-light { background-color: #C4C4C4; border: 0; border-color: #C4C4C4; color: #fff; } .ccm-page .btn-light:hover, a:hover .ccm-page .btn-light, .ccm-page .btn-light:focus, a:focus .ccm-page .btn-light { color: #fff !important; } .btn-check:focus + .ccm-page .btn-light, .ccm-page .btn-light:focus { background-color: #a7a7a7; border-color: #9d9d9d; color: #151515; } .btn-check:checked + .ccm-page .btn-light, .btn-check:active + .ccm-page .btn-light, .ccm-page .btn-light:active, .ccm-page .btn-light.active, .show > .ccm-page .btn-light.dropdown-toggle { background-color: #ababab; border-color: #939393; color: #fff; } .ccm-page .btn-light:disabled, .ccm-page .btn-light.disabled { background-color: #C4C4C4; border-color: #C4C4C4; color: #151515; } .ccm-page .btn-light[type=submit]:hover { background: #ababab; } .ccm-page .btn-gray { background-color: #757575; border: 0; border-color: #757575; color: #fff; } .ccm-page .btn-gray:hover, a:hover .ccm-page .btn-gray, .ccm-page .btn-gray:focus, a:focus .ccm-page .btn-gray { color: #fff !important; } .btn-check:focus + .ccm-page .btn-gray, .ccm-page .btn-gray:focus { background-color: #636363; border-color: #5e5e5e; color: #fff; } .btn-check:checked + .ccm-page .btn-gray, .btn-check:active + .ccm-page .btn-gray, .ccm-page .btn-gray:active, .ccm-page .btn-gray.active, .show > .ccm-page .btn-gray.dropdown-toggle { background-color: #5c5c5c; border-color: #585858; color: #fff; } .ccm-page .btn-gray:disabled, .ccm-page .btn-gray.disabled { background-color: #757575; border-color: #757575; color: #fff; } .ccm-page .btn-gray[type=submit]:hover { background: #5c5c5c; } .ccm-page .btn-dark { background-color: #3C3D40; border: 0; border-color: #3C3D40; color: #fff; } .ccm-page .btn-dark:hover, a:hover .ccm-page .btn-dark, .ccm-page .btn-dark:focus, a:focus .ccm-page .btn-dark { color: #fff !important; } .btn-check:focus + .ccm-page .btn-dark, .ccm-page .btn-dark:focus { background-color: #333436; border-color: #303133; color: #fff; } .btn-check:checked + .ccm-page .btn-dark, .btn-check:active + .ccm-page .btn-dark, .ccm-page .btn-dark:active, .ccm-page .btn-dark.active, .show > .ccm-page .btn-dark.dropdown-toggle { background-color: #232426; border-color: #2d2e30; color: #fff; } .ccm-page .btn-dark:disabled, .ccm-page .btn-dark.disabled { background-color: #3C3D40; border-color: #3C3D40; color: #fff; } .ccm-page .btn-dark[type=submit]:hover { background: #232426; } .ccm-page .btn-black { background-color: #151515; border: 0; border-color: #151515; color: #fff; } .ccm-page .btn-black:hover, a:hover .ccm-page .btn-black, .ccm-page .btn-black:focus, a:focus .ccm-page .btn-black { color: #fff !important; } .btn-check:focus + .ccm-page .btn-black, .ccm-page .btn-black:focus { background-color: #121212; border-color: #111111; color: #fff; } .btn-check:checked + .ccm-page .btn-black, .btn-check:active + .ccm-page .btn-black, .ccm-page .btn-black:active, .ccm-page .btn-black.active, .show > .ccm-page .btn-black.dropdown-toggle { background-color: black; border-color: #101010; color: #fff; } .ccm-page .btn-black:disabled, .ccm-page .btn-black.disabled { background-color: #151515; border-color: #151515; color: #fff; } .ccm-page .btn-black[type=submit]:hover { background: black; } .ccm-page .btn-trueblack { background-color: #000; border: 0; border-color: #000; color: #fff; } .ccm-page .btn-trueblack:hover, a:hover .ccm-page .btn-trueblack, .ccm-page .btn-trueblack:focus, a:focus .ccm-page .btn-trueblack { color: #fff !important; } .btn-check:focus + .ccm-page .btn-trueblack, .ccm-page .btn-trueblack:focus { background-color: black; border-color: black; color: #fff; } .btn-check:checked + .ccm-page .btn-trueblack, .btn-check:active + .ccm-page .btn-trueblack, .ccm-page .btn-trueblack:active, .ccm-page .btn-trueblack.active, .show > .ccm-page .btn-trueblack.dropdown-toggle { background-color: black; border-color: black; color: #fff; } .ccm-page .btn-trueblack:disabled, .ccm-page .btn-trueblack.disabled { background-color: #000; border-color: #000; color: #fff; } .ccm-page .btn-trueblack[type=submit]:hover { background: black; } .ccm-page .btn[type=submit] { min-height: 52px; justify-content: center; } .ccm-page .btn-white:not([type=submit]) { background: #fff; color: #151515; } .ccm-page .btn-white:not([type=submit])::before { background: #E6E6E6; } .ccm-page .btn-outline-primary { border-color: #6133A2; color: #6133A2; } .ccm-page .btn-outline-primary:hover { background-color: #6133A2; border-color: #6133A2; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-primary, .ccm-page .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(97, 51, 162, 0.5); } .btn-check:checked + .ccm-page .btn-outline-primary, .btn-check:active + .ccm-page .btn-outline-primary, .ccm-page .btn-outline-primary:active, .ccm-page .btn-outline-primary.active, .ccm-page .btn-outline-primary.dropdown-toggle.show { background-color: #6133A2; border-color: #6133A2; color: #fff; } .ccm-page .btn-outline-primary:disabled, .ccm-page .btn-outline-primary.disabled { background-color: transparent; color: #6133A2; } .ccm-page .btn-outline-secondary { border-color: #188178; color: #188178; } .ccm-page .btn-outline-secondary:hover { background-color: #188178; border-color: #188178; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-secondary, .ccm-page .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(24, 129, 120, 0.5); } .btn-check:checked + .ccm-page .btn-outline-secondary, .btn-check:active + .ccm-page .btn-outline-secondary, .ccm-page .btn-outline-secondary:active, .ccm-page .btn-outline-secondary.active, .ccm-page .btn-outline-secondary.dropdown-toggle.show { background-color: #188178; border-color: #188178; color: #fff; } .ccm-page .btn-outline-secondary:disabled, .ccm-page .btn-outline-secondary.disabled { background-color: transparent; color: #188178; } .ccm-page .btn-outline-tertiary { border-color: #198754; color: #198754; } .ccm-page .btn-outline-tertiary:hover { background-color: #198754; border-color: #198754; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-tertiary, .ccm-page .btn-outline-tertiary:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-check:checked + .ccm-page .btn-outline-tertiary, .btn-check:active + .ccm-page .btn-outline-tertiary, .ccm-page .btn-outline-tertiary:active, .ccm-page .btn-outline-tertiary.active, .ccm-page .btn-outline-tertiary.dropdown-toggle.show { background-color: #198754; border-color: #198754; color: #fff; } .ccm-page .btn-outline-tertiary:disabled, .ccm-page .btn-outline-tertiary.disabled { background-color: transparent; color: #198754; } .ccm-page .btn-outline-quaternary { border-color: #371D5C; color: #371D5C; } .ccm-page .btn-outline-quaternary:hover { background-color: #371D5C; border-color: #371D5C; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-quaternary, .ccm-page .btn-outline-quaternary:focus { box-shadow: 0 0 0 0.25rem rgba(55, 29, 92, 0.5); } .btn-check:checked + .ccm-page .btn-outline-quaternary, .btn-check:active + .ccm-page .btn-outline-quaternary, .ccm-page .btn-outline-quaternary:active, .ccm-page .btn-outline-quaternary.active, .ccm-page .btn-outline-quaternary.dropdown-toggle.show { background-color: #371D5C; border-color: #371D5C; color: #fff; } .ccm-page .btn-outline-quaternary:disabled, .ccm-page .btn-outline-quaternary.disabled { background-color: transparent; color: #371D5C; } .ccm-page .btn-outline-success { border-color: #198754; color: #198754; } .ccm-page .btn-outline-success:hover { background-color: #198754; border-color: #198754; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-success, .ccm-page .btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-check:checked + .ccm-page .btn-outline-success, .btn-check:active + .ccm-page .btn-outline-success, .ccm-page .btn-outline-success:active, .ccm-page .btn-outline-success.active, .ccm-page .btn-outline-success.dropdown-toggle.show { background-color: #198754; border-color: #198754; color: #fff; } .ccm-page .btn-outline-success:disabled, .ccm-page .btn-outline-success.disabled { background-color: transparent; color: #198754; } .ccm-page .btn-outline-info { border-color: #188178; color: #188178; } .ccm-page .btn-outline-info:hover { background-color: #188178; border-color: #188178; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-info, .ccm-page .btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(24, 129, 120, 0.5); } .btn-check:checked + .ccm-page .btn-outline-info, .btn-check:active + .ccm-page .btn-outline-info, .ccm-page .btn-outline-info:active, .ccm-page .btn-outline-info.active, .ccm-page .btn-outline-info.dropdown-toggle.show { background-color: #188178; border-color: #188178; color: #fff; } .ccm-page .btn-outline-info:disabled, .ccm-page .btn-outline-info.disabled { background-color: transparent; color: #188178; } .ccm-page .btn-outline-warning { border-color: #371D5C; color: #371D5C; } .ccm-page .btn-outline-warning:hover { background-color: #371D5C; border-color: #371D5C; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-warning, .ccm-page .btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(55, 29, 92, 0.5); } .btn-check:checked + .ccm-page .btn-outline-warning, .btn-check:active + .ccm-page .btn-outline-warning, .ccm-page .btn-outline-warning:active, .ccm-page .btn-outline-warning.active, .ccm-page .btn-outline-warning.dropdown-toggle.show { background-color: #371D5C; border-color: #371D5C; color: #fff; } .ccm-page .btn-outline-warning:disabled, .ccm-page .btn-outline-warning.disabled { background-color: transparent; color: #371D5C; } .ccm-page .btn-outline-danger { border-color: #6133A2; color: #6133A2; } .ccm-page .btn-outline-danger:hover { background-color: #6133A2; border-color: #6133A2; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-danger, .ccm-page .btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(97, 51, 162, 0.5); } .btn-check:checked + .ccm-page .btn-outline-danger, .btn-check:active + .ccm-page .btn-outline-danger, .ccm-page .btn-outline-danger:active, .ccm-page .btn-outline-danger.active, .ccm-page .btn-outline-danger.dropdown-toggle.show { background-color: #6133A2; border-color: #6133A2; color: #fff; } .ccm-page .btn-outline-danger:disabled, .ccm-page .btn-outline-danger.disabled { background-color: transparent; color: #6133A2; } .ccm-page .btn-outline-lightest { border-color: #f2f2f2; color: #f2f2f2; } .ccm-page .btn-outline-lightest:hover { background-color: #f2f2f2; border-color: #f2f2f2; color: #151515; } .btn-check:focus + .ccm-page .btn-outline-lightest, .ccm-page .btn-outline-lightest:focus { box-shadow: 0 0 0 0.25rem rgba(242, 242, 242, 0.5); } .btn-check:checked + .ccm-page .btn-outline-lightest, .btn-check:active + .ccm-page .btn-outline-lightest, .ccm-page .btn-outline-lightest:active, .ccm-page .btn-outline-lightest.active, .ccm-page .btn-outline-lightest.dropdown-toggle.show { background-color: #f2f2f2; border-color: #f2f2f2; color: #151515; } .ccm-page .btn-outline-lightest:disabled, .ccm-page .btn-outline-lightest.disabled { background-color: transparent; color: #f2f2f2; } .ccm-page .btn-outline-lighter { border-color: #E6E6E6; color: #E6E6E6; } .ccm-page .btn-outline-lighter:hover { background-color: #E6E6E6; border-color: #E6E6E6; color: #151515; } .btn-check:focus + .ccm-page .btn-outline-lighter, .ccm-page .btn-outline-lighter:focus { box-shadow: 0 0 0 0.25rem rgba(230, 230, 230, 0.5); } .btn-check:checked + .ccm-page .btn-outline-lighter, .btn-check:active + .ccm-page .btn-outline-lighter, .ccm-page .btn-outline-lighter:active, .ccm-page .btn-outline-lighter.active, .ccm-page .btn-outline-lighter.dropdown-toggle.show { background-color: #E6E6E6; border-color: #E6E6E6; color: #151515; } .ccm-page .btn-outline-lighter:disabled, .ccm-page .btn-outline-lighter.disabled { background-color: transparent; color: #E6E6E6; } .ccm-page .btn-outline-light { border-color: #C4C4C4; color: #C4C4C4; } .ccm-page .btn-outline-light:hover { background-color: #C4C4C4; border-color: #C4C4C4; color: #151515; } .btn-check:focus + .ccm-page .btn-outline-light, .ccm-page .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(196, 196, 196, 0.5); } .btn-check:checked + .ccm-page .btn-outline-light, .btn-check:active + .ccm-page .btn-outline-light, .ccm-page .btn-outline-light:active, .ccm-page .btn-outline-light.active, .ccm-page .btn-outline-light.dropdown-toggle.show { background-color: #C4C4C4; border-color: #C4C4C4; color: #151515; } .ccm-page .btn-outline-light:disabled, .ccm-page .btn-outline-light.disabled { background-color: transparent; color: #C4C4C4; } .ccm-page .btn-outline-gray { border-color: #757575; color: #757575; } .ccm-page .btn-outline-gray:hover { background-color: #757575; border-color: #757575; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-gray, .ccm-page .btn-outline-gray:focus { box-shadow: 0 0 0 0.25rem rgba(117, 117, 117, 0.5); } .btn-check:checked + .ccm-page .btn-outline-gray, .btn-check:active + .ccm-page .btn-outline-gray, .ccm-page .btn-outline-gray:active, .ccm-page .btn-outline-gray.active, .ccm-page .btn-outline-gray.dropdown-toggle.show { background-color: #757575; border-color: #757575; color: #fff; } .ccm-page .btn-outline-gray:disabled, .ccm-page .btn-outline-gray.disabled { background-color: transparent; color: #757575; } .ccm-page .btn-outline-dark { border-color: #3C3D40; color: #3C3D40; } .ccm-page .btn-outline-dark:hover { background-color: #3C3D40; border-color: #3C3D40; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-dark, .ccm-page .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(60, 61, 64, 0.5); } .btn-check:checked + .ccm-page .btn-outline-dark, .btn-check:active + .ccm-page .btn-outline-dark, .ccm-page .btn-outline-dark:active, .ccm-page .btn-outline-dark.active, .ccm-page .btn-outline-dark.dropdown-toggle.show { background-color: #3C3D40; border-color: #3C3D40; color: #fff; } .ccm-page .btn-outline-dark:disabled, .ccm-page .btn-outline-dark.disabled { background-color: transparent; color: #3C3D40; } .ccm-page .btn-outline-black { border-color: #151515; color: #151515; } .ccm-page .btn-outline-black:hover { background-color: #151515; border-color: #151515; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-black, .ccm-page .btn-outline-black:focus { box-shadow: 0 0 0 0.25rem rgba(21, 21, 21, 0.5); } .btn-check:checked + .ccm-page .btn-outline-black, .btn-check:active + .ccm-page .btn-outline-black, .ccm-page .btn-outline-black:active, .ccm-page .btn-outline-black.active, .ccm-page .btn-outline-black.dropdown-toggle.show { background-color: #151515; border-color: #151515; color: #fff; } .ccm-page .btn-outline-black:disabled, .ccm-page .btn-outline-black.disabled { background-color: transparent; color: #151515; } .ccm-page .btn-outline-trueblack { border-color: #000; color: #000; } .ccm-page .btn-outline-trueblack:hover { background-color: #000; border-color: #000; color: #fff; } .btn-check:focus + .ccm-page .btn-outline-trueblack, .ccm-page .btn-outline-trueblack:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); } .btn-check:checked + .ccm-page .btn-outline-trueblack, .btn-check:active + .ccm-page .btn-outline-trueblack, .ccm-page .btn-outline-trueblack:active, .ccm-page .btn-outline-trueblack.active, .ccm-page .btn-outline-trueblack.dropdown-toggle.show { background-color: #000; border-color: #000; color: #fff; } .ccm-page .btn-outline-trueblack:disabled, .ccm-page .btn-outline-trueblack.disabled { background-color: transparent; color: #000; } .ccm-page .btn-link { color: #6133A2; font-weight: 400; text-decoration: none; } .ccm-page .btn-link:hover { color: #4e2982; } .ccm-page .btn-link:disabled, .ccm-page .btn-link.disabled { color: #757575; } .ccm-page .btn-lg, .ccm-page .btn-group-lg > .btn { font-size: 1.25rem; border-radius: 0; padding: 0 1rem; } .ccm-page .btn-sm, .ccm-page .btn-group-sm > .btn { font-size: 0.875rem; border-radius: 0; padding: 0 0.5rem; } .ccm-page .btn:not([type=submit]).btn-retour { padding-right: 1.5rem; padding-left: 4rem; height: 52px; } .ccm-page .btn:not([type=submit]).btn-retour::before { left: 1rem; } .ccm-page .btn:not([type=submit]).btn-retour::after { content: "\ec5d"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: 50%; left: 1.5rem; margin-left: 0; transform: translateY(-50%); transition: all 0.4s; } .ccm-page .btn:not([type=submit]).btn-retour:hover::after { margin-left: -0.5rem; } .ccm-page .row + .btn:not([type=submit]).btn-retour { margin-top: -4rem; } .ccm-page .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .ccm-page .fade { transition: none; } } .ccm-page .fade:not(.show) { opacity: 0; } .ccm-page .collapse:not(.show) { display: none; } .ccm-page .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .ccm-page .collapsing { transition: none; } } .ccm-page .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .ccm-page .collapsing.collapse-horizontal { transition: none; } } .ccm-page .dropup, .ccm-page .dropend, .ccm-page .dropdown, .ccm-page .dropstart { position: relative; } .ccm-page .dropdown-toggle { white-space: nowrap; } .ccm-page .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .ccm-page .dropdown-toggle:empty::after { margin-left: 0; } .ccm-page .dropdown-menu { position: absolute; z-index: 900; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #151515; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(21, 21, 21, 0.15); border-radius: 0; } .ccm-page .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .ccm-page .dropdown-menu-start { --bs-position: start; } .ccm-page .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .ccm-page .dropdown-menu-end { --bs-position: end; } .ccm-page .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .ccm-page .dropdown-menu-sm-start { --bs-position: start; } .ccm-page .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .ccm-page .dropdown-menu-sm-end { --bs-position: end; } .ccm-page .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .ccm-page .dropdown-menu-md-start { --bs-position: start; } .ccm-page .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .ccm-page .dropdown-menu-md-end { --bs-position: end; } .ccm-page .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .ccm-page .dropdown-menu-lg-start { --bs-position: start; } .ccm-page .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .ccm-page .dropdown-menu-lg-end { --bs-position: end; } .ccm-page .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .ccm-page .dropdown-menu-xl-start { --bs-position: start; } .ccm-page .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .ccm-page .dropdown-menu-xl-end { --bs-position: end; } .ccm-page .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1500px) { .ccm-page .dropdown-menu-xxl-start { --bs-position: start; } .ccm-page .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .ccm-page .dropdown-menu-xxl-end { --bs-position: end; } .ccm-page .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .ccm-page .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .ccm-page .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .ccm-page .dropup .dropdown-toggle:empty::after { margin-left: 0; } .ccm-page .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .ccm-page .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .ccm-page .dropend .dropdown-toggle:empty::after { margin-left: 0; } .ccm-page .dropend .dropdown-toggle::after { vertical-align: 0; } .ccm-page .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .ccm-page .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .ccm-page .dropstart .dropdown-toggle::after { display: none; } .ccm-page .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .ccm-page .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .ccm-page .dropstart .dropdown-toggle::before { vertical-align: 0; } .ccm-page .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(21, 21, 21, 0.15); } .ccm-page .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #151515; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .ccm-page .dropdown-item:hover, .ccm-page .dropdown-item:focus { color: #131313; background-color: #E6E6E6; } .ccm-page .dropdown-item.active, .ccm-page .dropdown-item:active { color: #fff; text-decoration: none; background-color: #6133A2; } .ccm-page .dropdown-item.disabled, .ccm-page .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .ccm-page .dropdown-menu.show { display: block; } .ccm-page .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #757575; white-space: nowrap; } .ccm-page .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #151515; } .ccm-page .dropdown-menu-dark { color: #dee2e6; background-color: #3C3D40; border-color: rgba(21, 21, 21, 0.15); } .ccm-page .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .ccm-page .dropdown-menu-dark .dropdown-item:hover, .ccm-page .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .ccm-page .dropdown-menu-dark .dropdown-item.active, .ccm-page .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #6133A2; } .ccm-page .dropdown-menu-dark .dropdown-item.disabled, .ccm-page .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .ccm-page .dropdown-menu-dark .dropdown-divider { border-color: rgba(21, 21, 21, 0.15); } .ccm-page .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .ccm-page .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .ccm-page .btn-group, .ccm-page .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .ccm-page .btn-group > .btn, .ccm-page .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .ccm-page .btn-group > .btn-check:checked + .btn, .ccm-page .btn-group > .btn-check:focus + .btn, .ccm-page .btn-group > .btn:hover, .ccm-page .btn-group > .btn:focus, .ccm-page .btn-group > .btn:active, .ccm-page .btn-group > .btn.active, .ccm-page .btn-group-vertical > .btn-check:checked + .btn, .ccm-page .btn-group-vertical > .btn-check:focus + .btn, .ccm-page .btn-group-vertical > .btn:hover, .ccm-page .btn-group-vertical > .btn:focus, .ccm-page .btn-group-vertical > .btn:active, .ccm-page .btn-group-vertical > .btn.active { z-index: 1; } .ccm-page .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .ccm-page .btn-toolbar .input-group { width: auto; } .ccm-page .btn-group > .btn:not(:first-child), .ccm-page .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .ccm-page .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .ccm-page .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ccm-page .btn-group > .btn:nth-child(n+3), .ccm-page .btn-group > :not(.btn-check) + .btn, .ccm-page .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ccm-page .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .ccm-page .dropdown-toggle-split::after, .dropup .ccm-page .dropdown-toggle-split::after, .dropend .ccm-page .dropdown-toggle-split::after { margin-left: 0; } .dropstart .ccm-page .dropdown-toggle-split::before { margin-right: 0; } .ccm-page .btn-sm + .dropdown-toggle-split, .ccm-page .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .ccm-page .btn-lg + .dropdown-toggle-split, .ccm-page .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .ccm-page .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .ccm-page .btn-group-vertical > .btn, .ccm-page .btn-group-vertical > .btn-group { width: 100%; } .ccm-page .btn-group-vertical > .btn:not(:first-child), .ccm-page .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .ccm-page .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .ccm-page .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ccm-page .btn-group-vertical > .btn ~ .btn, .ccm-page .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .ccm-page .nav-tabs { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; border-bottom: 1px solid #dee2e6; } .ccm-page .nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: -1px; background: none; border: 1px solid transparent; } .ccm-page .nav-tabs .nav-link:hover, .ccm-page .nav-tabs .nav-link:focus { isolation: isolate; } .ccm-page .nav-tabs .nav-link.disabled { background-color: transparent; border-color: transparent; color: #757575; } .ccm-page .nav-tabs .nav-link.active, .ccm-page .nav-tabs .nav-item.show .nav-link { background-color: transparent; border-color: transparent; color: #151515; } .ccm-page .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .ccm-page .nav-pills .nav-link { border-radius: 0; background: none; border: 0; } .ccm-page .nav-pills .nav-link.active, .ccm-page .nav-pills .show > .nav-link { background-color: #6133A2; color: #fff; } .ccm-page .nav-fill > .nav-link, .ccm-page .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .ccm-page .nav-justified > .nav-link, .ccm-page .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .ccm-page .nav-fill .nav-item .nav-link, .ccm-page .nav-justified .nav-item .nav-link { width: 100%; } .ccm-page .tab-content { padding-top: 2rem; } .ccm-page .tab-content > .tab-pane { display: none; } .ccm-page .tab-content > .active { display: block; } .ccm-page .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #f2f2f2; background-clip: border-box; border: 0 solid rgba(21, 21, 21, 0.125); border-radius: 0; } .ccm-page .card > hr { margin-right: 0; margin-left: 0; } .ccm-page .card > .list-group { border-top: inherit; border-bottom: inherit; } .ccm-page .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .ccm-page .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ccm-page .card > .card-header + .list-group, .ccm-page .card > .list-group + .card-footer { border-top: 0; } .ccm-page * + .card { margin-top: 2.5rem; } .ccm-page .card-body { flex: 1 1 auto; padding: 1.5rem 1.5rem; } .ccm-page .card-body .row { margin: 0 !important; } .ccm-page .card-title { margin-bottom: 0.5rem; } .ccm-page .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .ccm-page .card-text:last-child { margin-bottom: 0; } .ccm-page .card-link + .card-link { margin-left: 1.5rem; } .ccm-page .card-header { padding: 0.75rem 1.5rem; margin-bottom: 0; background-color: rgba(21, 21, 21, 0.03); border-bottom: 0 solid rgba(21, 21, 21, 0.125); } .ccm-page .card-header:first-child { border-radius: 0 0 0 0; } .ccm-page .card-footer { padding: 0.75rem 1.5rem; background-color: rgba(21, 21, 21, 0.03); border-top: 0 solid rgba(21, 21, 21, 0.125); } .ccm-page .card-footer:last-child { border-radius: 0 0 0 0; } .ccm-page .card-header-tabs { margin-right: -0.75rem; margin-bottom: -0.75rem; margin-left: -0.75rem; border-bottom: 0; } .ccm-page .card-header-tabs .nav-link.active { background-color: transparent; border-bottom-color: transparent; } .ccm-page .card-header-pills { margin-right: -0.75rem; margin-left: -0.75rem; } .ccm-page .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: 0; } .ccm-page .card-img, .ccm-page .card-img-top, .ccm-page .card-img-bottom { width: 100%; } .ccm-page .card-img, .ccm-page .card-img-top { border-top-left-radius: 0; border-top-right-radius: 0; } .ccm-page .card-img, .ccm-page .card-img-bottom { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ccm-page .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .ccm-page .card-group { display: flex; flex-flow: row wrap; } .ccm-page .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .ccm-page .card-group > .card + .card { margin-left: 0; border-left: 0; } .ccm-page .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ccm-page .card-group > .card:not(:last-child) .card-img-top, .ccm-page .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .ccm-page .card-group > .card:not(:last-child) .card-img-bottom, .ccm-page .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .ccm-page .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ccm-page .card-group > .card:not(:first-child) .card-img-top, .ccm-page .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .ccm-page .card-group > .card:not(:first-child) .card-img-bottom, .ccm-page .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .ccm-page * + .accordion { margin-top: 3rem; } @media (min-width: 992px) { .ccm-page .accordion[data-scroll-interaction] .accordion-item { transition: opacity 0.4s, transform 0.4s; } .ccm-page .accordion[data-scroll-interaction]:not([data-visible=true]) .accordion-item { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-page .accordion:not(:last-child) { margin-bottom: 3rem; } .ccm-page .accordion-button { transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; font-size: 1.25rem; display: flex; align-items: center; position: relative; margin-bottom: 0; padding: 1.5rem 1.25rem; padding-left: 4.75rem; width: 100%; background-color: transparent; border: 0; border-radius: 0 0 0 0; text-align: left; overflow-anchor: none; } @media (prefers-reduced-motion: reduce) { .ccm-page .accordion-button { transition: none; } } .ccm-page .accordion-button:not(.collapsed) { background-color: #E6E6E6; color: #151515; } .ccm-page .accordion-button:not(.collapsed)::after { transform: translateY(-50%) rotate(-45deg); background-color: #fff; } .ccm-page .accordion-button:not(.collapsed):hover::after { background-color: #d9d9d9; } .ccm-page .accordion-button::after { transition: transform 0.2s ease-in-out, background-color 0.4s; flex-shrink: 0; content: ""; position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; background: #f2f2f2; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23151515'%3e%3cpath fill-rule='evenodd' d='M20,12h0a.667.667,0,0,1-.667.667H12.667v6.667a.667.667,0,1,1-1.333,0h0V12.667H4.667a.667.667,0,0,1,0-1.333h6.667V4.667a.667.667,0,0,1,1.333,0h0v6.667h6.667A.667.667,0,0,1,20,12Z' transform='translate%28-4 -4%29' /%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; background-size: 1.25rem; border-radius: 50%; } @media (prefers-reduced-motion: reduce) { .ccm-page .accordion-button::after { transition: none; } } .ccm-page .accordion-button:hover { z-index: 2; } .ccm-page .accordion-button:hover::after { background-color: #E6E6E6; } .ccm-page .accordion-button:focus { box-shadow: none; z-index: 3; outline: 0; } .ccm-page .text-white .accordion-button.collapsed { color: #fff; } .ccm-page * + .accordion-button { margin-top: 3rem; } .ccm-page .accordion-header { margin-bottom: 0; } .ccm-page .accordion-item { border-radius: 0; overflow: hidden; } .ccm-page .accordion-item:nth-child(1) { transition-delay: 0.2s !important; } .ccm-page .accordion-item:nth-child(2) { transition-delay: 0.35s !important; } .ccm-page .accordion-item:nth-child(3) { transition-delay: 0.5s !important; } .ccm-page .accordion-item:nth-child(4) { transition-delay: 0.65s !important; } .ccm-page .accordion-item:nth-child(5) { transition-delay: 0.8s !important; } .ccm-page .accordion-item:nth-child(6) { transition-delay: 0.95s !important; } .ccm-page .accordion-item:nth-child(7) { transition-delay: 1.1s !important; } .ccm-page .accordion-item:nth-child(8) { transition-delay: 1.25s !important; } .ccm-page .accordion-item:nth-child(9) { transition-delay: 1.4s !important; } .ccm-page .accordion-item:nth-child(10) { transition-delay: 1.55s !important; } .ccm-page .accordion-item:nth-child(11) { transition-delay: 1.7s !important; } .ccm-page .accordion-item:nth-child(12) { transition-delay: 1.85s !important; } .section .ccm-page .accordion-item { margin-bottom: 0.0625rem; } .ccm-page .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .ccm-page .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; } .ccm-page .accordion-item:not(:first-of-type) { border-top: 0; } .ccm-page .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ccm-page .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ccm-page .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ccm-page .accordion-body { padding: 0 1.25rem 1.5rem 4.75rem; background: #E6E6E6; border-radius: 0 0 0 0; color: #151515; } .ccm-page .accordion-flush .accordion-collapse { border-width: 0; } .ccm-page .accordion-flush .accordion-item { border-radius: 0; border-right: 0; border-left: 0; } .ccm-page .accordion-flush .accordion-item:first-child { border-top: 0; } .ccm-page .accordion-flush .accordion-item:last-child { border-bottom: 0; } .ccm-page .accordion-flush .accordion-item .accordion-button { border-radius: 0; } .ccm-page .breadcrumb { font-size: 1rem; display: flex; flex-wrap: wrap; margin-bottom: 0.5rem; padding: 0; list-style: none; } .ccm-page .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .ccm-page .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, "-") /* rtl: var(--bs-breadcrumb-divider, "-") */; float: left; padding-right: 0.5rem; color: #151515; } @media (min-width: 992px) { .ccm-page .breadcrumb-item:first-child { position: relative; top: -0.2875rem; } .ccm-page .breadcrumb-item:first-child a { display: flex; align-items: center; } .ccm-page .breadcrumb-item:first-child a::before { content: "\ebda"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: flex; align-items: center; justify-content: center; margin-right: 0.5rem; width: 2.125rem; height: 2.125rem; background: #6133A2; border-radius: 50%; color: #fff; font-size: 1.5rem; transition: background 0.4s; } .ccm-page .breadcrumb-item:first-child a:hover::before { background: #4a277b; } } .ccm-page .breadcrumb-item a, .ccm-page .breadcrumb-item.active { color: #151515; } .ccm-page .breadcrumb-item a:hover { color: #3C3D40; } .ccm-page .headerPage .breadcrumb { padding: 1.5rem 1rem 0; } @media (min-width: 992px) { .ccm-page .headerPage .breadcrumb { position: absolute; top: 7rem; left: 3rem; padding: 1.5rem 0 0; } } .ccm-page .headerPage .breadcrumb-item::before { color: #fff; } .ccm-page .headerPage .breadcrumb-item a, .ccm-page .headerPage .breadcrumb-item.active { color: #fff; } .ccm-page .headerPage .breadcrumb-item a:hover { color: #E6E6E6; } @media (min-width: 992px) { .ccm-page .ccm-pagination-wrapper[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-page .ccm-pagination-wrapper[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-page * + .ccm-pagination-wrapper { margin-top: 3rem; } .ccm-page .pagination { display: flex; justify-content: center; padding-left: 0; list-style: none; } .ccm-page .page-link { position: relative; display: flex; align-items: center; justify-content: center; color: #151515; background-color: #fff; border-radius: 50%; height: 3.125rem; width: 3.125rem; font-family: "Arial Black", sans-serif; font-size: 1.25rem; font-weight: 900; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .ccm-page .page-link { transition: none; } } .ccm-page .page-link:hover { z-index: 2; color: #151515; background-color: #f2f2f2; border-color: #f2f2f2; } .ccm-page .page-link:focus { z-index: 3; color: #151515; background-color: #E6E6E6; outline: 0; box-shadow: none; } .ccm-page .page-item.active .page-link { z-index: 3; color: #151515; background: #f2f2f2; } .ccm-page .page-item.disabled .page-link { opacity: 0.3; } .ccm-page .page-item.disabled .page-link:hover { background: #fff; } .ccm-page .page-item.prev .page-link, .ccm-page .page-item.next .page-link { font-size: 0; } .ccm-page .page-item.prev .page-link::before { content: "\ec5d"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; font-size: 1.25rem; } .ccm-page .page-item.next .page-link::before { content: "\ec5e"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; font-size: 1.25rem; } .ccm-page .badge { display: inline-block; padding: 0.5rem 0.75rem; font-size: 0.875rem; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .ccm-page .badge:empty { display: none; } .ccm-page .btn .badge { position: relative; top: -1px; } .ccm-page .alert { border-radius: 0; position: relative; margin-bottom: 1rem; padding: 1rem 1rem 1rem 5rem; border: 0.125rem solid transparent; width: 100%; } .ccm-page .alert::before { content: none; font-family: icomoon; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: 50%; left: 1.25rem; transform: translateY(-50%); font-size: 1.75rem; width: 3rem; height: 3rem; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .ccm-page .alert-success::before { content: "\e9f8"; } .ccm-page .alert-info::before { content: "\ec07"; } .ccm-page .alert-warning::before, .ccm-page .alert-danger::before { content: "\ead1"; } .ccm-page .alert-heading { color: inherit; } .ccm-page .alert-link { font-weight: 700; } .ccm-page .alert-dismissible { padding-right: 4rem; } .ccm-page .alert-dismissible .btn-close { position: absolute; top: 50%; right: 1rem; left: auto; transform: translateY(-50%); padding: 0.75rem; } .ccm-page .alert-primary { color: #fff; background-color: #6133A2; border-color: #6133A2; } .ccm-page .alert-primary .alert-link { color: #cccccc; } .ccm-page .alert-primary::before { color: #6133A2; } .ccm-page .alert-secondary { color: #fff; background-color: #188178; border-color: #188178; } .ccm-page .alert-secondary .alert-link { color: #cccccc; } .ccm-page .alert-secondary::before { color: #188178; } .ccm-page .alert-tertiary { color: #fff; background-color: #198754; border-color: #198754; } .ccm-page .alert-tertiary .alert-link { color: #cccccc; } .ccm-page .alert-tertiary::before { color: #198754; } .ccm-page .alert-quaternary { color: #fff; background-color: #371D5C; border-color: #371D5C; } .ccm-page .alert-quaternary .alert-link { color: #cccccc; } .ccm-page .alert-quaternary::before { color: #371D5C; } .ccm-page .alert-success { color: #fff; background-color: #198754; border-color: #198754; } .ccm-page .alert-success .alert-link { color: #cccccc; } .ccm-page .alert-success::before { color: #198754; } .ccm-page .alert-info { color: #fff; background-color: #188178; border-color: #188178; } .ccm-page .alert-info .alert-link { color: #cccccc; } .ccm-page .alert-info::before { color: #188178; } .ccm-page .alert-warning { color: #fff; background-color: #371D5C; border-color: #371D5C; } .ccm-page .alert-warning .alert-link { color: #cccccc; } .ccm-page .alert-warning::before { color: #371D5C; } .ccm-page .alert-danger { color: #fff; background-color: #6133A2; border-color: #6133A2; } .ccm-page .alert-danger .alert-link { color: #cccccc; } .ccm-page .alert-danger::before { color: #6133A2; } .ccm-page .alert-lightest { color: #151515; background-color: #f2f2f2; border-color: #f2f2f2; } .ccm-page .alert-lightest .alert-link { color: #111111; } .ccm-page .alert-lightest::before { color: #f2f2f2; } .ccm-page .alert-lighter { color: #151515; background-color: #E6E6E6; border-color: #E6E6E6; } .ccm-page .alert-lighter .alert-link { color: #111111; } .ccm-page .alert-lighter::before { color: #E6E6E6; } .ccm-page .alert-light { color: #151515; background-color: #C4C4C4; border-color: #C4C4C4; } .ccm-page .alert-light .alert-link { color: #111111; } .ccm-page .alert-light::before { color: #C4C4C4; } .ccm-page .alert-gray { color: #fff; background-color: #757575; border-color: #757575; } .ccm-page .alert-gray .alert-link { color: #cccccc; } .ccm-page .alert-gray::before { color: #757575; } .ccm-page .alert-dark { color: #fff; background-color: #3C3D40; border-color: #3C3D40; } .ccm-page .alert-dark .alert-link { color: #cccccc; } .ccm-page .alert-dark::before { color: #3C3D40; } .ccm-page .alert-black { color: #fff; background-color: #151515; border-color: #151515; } .ccm-page .alert-black .alert-link { color: #cccccc; } .ccm-page .alert-black::before { color: #151515; } .ccm-page .alert-trueblack { color: #fff; background-color: #000; border-color: #000; } .ccm-page .alert-trueblack .alert-link { color: #cccccc; } .ccm-page .alert-trueblack::before { color: #000; } .ccm-page .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #fff; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0; opacity: 0.5; } .ccm-page .btn-close:hover { color: #fff; text-decoration: none; opacity: 0.75; } .ccm-page .btn-close:focus { outline: 0; box-shadow: none; opacity: 1; } .ccm-page .btn-close:disabled, .ccm-page .btn-close.disabled { pointer-events: none; user-select: none; opacity: 0.25; } .ccm-page .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .ccm-page .carousel { position: relative; } .ccm-page .carousel.pointer-event { touch-action: pan-y; } .ccm-page .carousel-inner { position: relative; width: 100%; overflow: hidden; } .ccm-page .carousel-inner::after { display: block; clear: both; content: ""; } .ccm-page .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .ccm-page .carousel-item { transition: none; } } .ccm-page .carousel-item.active, .ccm-page .carousel-item-next, .ccm-page .carousel-item-prev { display: block; } .ccm-page .carousel-item-next:not(.carousel-item-start), .ccm-page .active.carousel-item-end { transform: translateX(100%); } .ccm-page .carousel-item-prev:not(.carousel-item-end), .ccm-page .active.carousel-item-start { transform: translateX(-100%); } .ccm-page .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .ccm-page .carousel-fade .carousel-item.active, .ccm-page .carousel-fade .carousel-item-next.carousel-item-start, .ccm-page .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .ccm-page .carousel-fade .active.carousel-item-start, .ccm-page .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .ccm-page .carousel-fade .active.carousel-item-start, .ccm-page .carousel-fade .active.carousel-item-end { transition: none; } } .ccm-page .carousel-control-prev, .ccm-page .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .ccm-page .carousel-control-prev, .ccm-page .carousel-control-next { transition: none; } } .ccm-page .carousel-control-prev:hover, .ccm-page .carousel-control-prev:focus, .ccm-page .carousel-control-next:hover, .ccm-page .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .ccm-page .carousel-control-prev { left: 0; } .ccm-page .carousel-control-next { right: 0; } .ccm-page .carousel-control-prev-icon, .ccm-page .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .ccm-page .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .ccm-page .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .ccm-page .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .ccm-page .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .ccm-page .carousel-indicators [data-bs-target] { transition: none; } } .ccm-page .carousel-indicators .active { opacity: 1; } .ccm-page .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .ccm-page .carousel-dark .carousel-control-prev-icon, .ccm-page .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .ccm-page .carousel-dark .carousel-indicators [data-bs-target] { background-color: #151515; } .ccm-page .carousel-dark .carousel-caption { color: #151515; } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .ccm-page .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .ccm-page .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .ccm-page .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .ccm-page .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .ccm-page .spinner-border, .ccm-page .spinner-grow { animation-duration: 1.5s; } } .ccm-page .offcanvas { position: fixed; bottom: 0; z-index: 1001; display: flex; flex-direction: column; max-width: 100%; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .ccm-page .offcanvas { transition: none; } } @media (min-width: 992px) and (max-width: 1199.98px) { .ccm-page .offcanvas .col-xl-5 { margin-bottom: 1.5rem; } } .ccm-page .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1000; width: 100vw; height: 100vh; background-color: #151515; transition-delay: 0.4s; } .ccm-page .offcanvas-backdrop.fade { opacity: 0; } .ccm-page .offcanvas-backdrop.show { opacity: 0.5; } .ccm-page .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 2rem 2rem 0; } @media (min-width: 576px) { .ccm-page .offcanvas-header { padding: 3rem 3rem 0; } } .ccm-page .btn-close { padding: 1rem; margin: 0; background-color: #198754; color: #fff; border-radius: 50%; position: absolute; top: 0.5rem; right: 1rem; opacity: 1; transition: background 0.4s; } .ccm-toolbar-visible .ccm-page .btn-close { top: 55px; } @media (min-width: 992px) { .ccm-page .btn-close { left: -3.5rem; } } .ccm-page .btn-close:hover { background-color: #115c39; opacity: 1; } .ccm-page .offcanvas-title { margin-bottom: 0; line-height: 1.6; } .ccm-page .offcanvas-body { flex-grow: 1; padding: 2rem; overflow-y: auto; width: 100%; } @media (min-width: 576px) { .ccm-page .offcanvas-body { padding: 3rem 3rem; } } .ccm-page .offcanvas-body .row:not(:last-child) { margin-bottom: 3rem; } .ccm-page .offcanvas-body .row + .row { margin-top: 0; } .ccm-page .offcanvas-start { top: 0; left: 0; width: 70vw; border-right: 1px solid rgba(21, 21, 21, 0.2); transform: translateX(-100%); } .ccm-page .offcanvas-end { top: 0; right: 0; width: 95vw; border-left: 1px solid rgba(21, 21, 21, 0.2); transform: translateX(calc(100% + 4rem)); transition: transform 0.4s; } @media (min-width: 768px) { .ccm-page .offcanvas-end { width: 70vw; } } .ccm-page .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(21, 21, 21, 0.2); transform: translateY(-100%); } .ccm-page .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(21, 21, 21, 0.2); transform: translateY(100%); } .ccm-page .offcanvas.show { transform: translateX(0); } .ccm-page .clearfix::after { display: block; clear: both; content: ""; } .ccm-page .link-primary { color: #6133A2; } .ccm-page .link-primary:hover, .ccm-page .link-primary:focus { color: #4e2982; } .ccm-page .link-secondary { color: #188178; } .ccm-page .link-secondary:hover, .ccm-page .link-secondary:focus { color: #136760; } .ccm-page .link-tertiary { color: #198754; } .ccm-page .link-tertiary:hover, .ccm-page .link-tertiary:focus { color: #146c43; } .ccm-page .link-quaternary { color: #371D5C; } .ccm-page .link-quaternary:hover, .ccm-page .link-quaternary:focus { color: #2c174a; } .ccm-page .link-success { color: #198754; } .ccm-page .link-success:hover, .ccm-page .link-success:focus { color: #146c43; } .ccm-page .link-info { color: #188178; } .ccm-page .link-info:hover, .ccm-page .link-info:focus { color: #136760; } .ccm-page .link-warning { color: #371D5C; } .ccm-page .link-warning:hover, .ccm-page .link-warning:focus { color: #2c174a; } .ccm-page .link-danger { color: #6133A2; } .ccm-page .link-danger:hover, .ccm-page .link-danger:focus { color: #4e2982; } .ccm-page .link-lightest { color: #f2f2f2; } .ccm-page .link-lightest:hover, .ccm-page .link-lightest:focus { color: whitesmoke; } .ccm-page .link-lighter { color: #E6E6E6; } .ccm-page .link-lighter:hover, .ccm-page .link-lighter:focus { color: #ebebeb; } .ccm-page .link-light { color: #C4C4C4; } .ccm-page .link-light:hover, .ccm-page .link-light:focus { color: #d0d0d0; } .ccm-page .link-gray { color: #757575; } .ccm-page .link-gray:hover, .ccm-page .link-gray:focus { color: #5e5e5e; } .ccm-page .link-dark { color: #3C3D40; } .ccm-page .link-dark:hover, .ccm-page .link-dark:focus { color: #303133; } .ccm-page .link-black { color: #151515; } .ccm-page .link-black:hover, .ccm-page .link-black:focus { color: #111111; } .ccm-page .link-trueblack { color: #000; } .ccm-page .link-trueblack:hover, .ccm-page .link-trueblack:focus { color: black; } .ccm-page .ratio { position: relative; width: 100%; } .ccm-page .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ccm-page .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ccm-page .ratio-1x1 { --bs-aspect-ratio: 100%; } .ccm-page .ratio-4x3 { --bs-aspect-ratio: 75%; } .ccm-page .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ccm-page .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .ccm-page .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 930; } .ccm-page .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 930; } .ccm-page .sticky-top { position: sticky; top: 0; z-index: 920; } @media (min-width: 576px) { .ccm-page .sticky-sm-top { position: sticky; top: 0; z-index: 920; } } @media (min-width: 768px) { .ccm-page .sticky-md-top { position: sticky; top: 0; z-index: 920; } } @media (min-width: 992px) { .ccm-page .sticky-lg-top { position: sticky; top: 0; z-index: 920; } } @media (min-width: 1200px) { .ccm-page .sticky-xl-top { position: sticky; top: 0; z-index: 920; } } @media (min-width: 1500px) { .ccm-page .sticky-xxl-top { position: sticky; top: 0; z-index: 920; } } .ccm-page .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .ccm-page .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .ccm-page .visually-hidden, .ccm-page .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .ccm-page .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .ccm-page .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ccm-page .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: 1; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container, .navbar > .container-fluid, .ccm-page .navbar > .container-sm, .ccm-page .navbar > .container-md, .ccm-page .navbar > .container-lg, .ccm-page .navbar > .container-xl, .ccm-page .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3rem; padding-bottom: 0.3rem; margin-right: 1rem; font-size: 1.25rem; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 1200px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-sm .offcanvas-top, .navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas-header { display: none; } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-md .offcanvas-top, .navbar-expand-md .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-lg .offcanvas-top, .navbar-expand-lg .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xl .offcanvas-top, .navbar-expand-xl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xxl .offcanvas-top, .navbar-expand-xxl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas-header { display: none; } .navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-light .navbar-brand { color: rgba(21, 21, 21, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(21, 21, 21, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(21, 21, 21, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(21, 21, 21, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(21, 21, 21, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(21, 21, 21, 0.9); } .navbar-light .navbar-toggler { color: rgba(21, 21, 21, 0.55); border-color: rgba(21, 21, 21, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2821, 21, 21, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(21, 21, 21, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(21, 21, 21, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15) !important; } .shadow-sm { box-shadow: 0 0 0.5rem rgba(21, 21, 21, 0.1) !important; } .shadow-lg { box-shadow: 0 0 2rem rgba(21, 21, 21, 0.15) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #6133A2 !important; } .border-secondary { border-color: #188178 !important; } .border-tertiary { border-color: #198754 !important; } .border-quaternary { border-color: #371D5C !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #188178 !important; } .border-warning { border-color: #371D5C !important; } .border-danger { border-color: #6133A2 !important; } .border-lightest { border-color: #f2f2f2 !important; } .border-lighter { border-color: #E6E6E6 !important; } .border-light { border-color: #C4C4C4 !important; } .border-gray { border-color: #757575 !important; } .border-dark { border-color: #3C3D40 !important; } .border-black { border-color: #151515 !important; } .border-trueblack { border-color: #000 !important; } .border-white { border-color: #fff !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.525rem + 3.3vw) !important; } .fs-2 { font-size: calc(1.4375rem + 2.25vw) !important; } .fs-3 { font-size: calc(1.35rem + 1.2vw) !important; } .fs-4 { font-size: 1.25rem !important; } .fs-5 { font-size: 1.125rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: 100 !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: 800 !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.6 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-tertiary { --bs-text-opacity: 1; color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important; } .text-quaternary { --bs-text-opacity: 1; color: rgba(var(--bs-quaternary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-lightest { --bs-text-opacity: 1; color: rgba(var(--bs-lightest-rgb), var(--bs-text-opacity)) !important; } .text-lighter { --bs-text-opacity: 1; color: rgba(var(--bs-lighter-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-gray { --bs-text-opacity: 1; color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-trueblack { --bs-text-opacity: 1; color: rgba(var(--bs-trueblack-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: #C4C4C4 !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(21, 21, 21, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important; } .bg-quaternary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-quaternary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-lightest { --bs-bg-opacity: 1; background-color: rgba(var(--bs-lightest-rgb), var(--bs-bg-opacity)) !important; } .bg-lighter { --bs-bg-opacity: 1; background-color: rgba(var(--bs-lighter-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-gray { --bs-bg-opacity: 1; background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-trueblack { --bs-bg-opacity: 1; background-color: rgba(var(--bs-trueblack-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0 !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0 !important; } .rounded-2 { border-radius: 0 !important; } .rounded-3 { border-radius: 0 !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-end { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-bottom { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-start { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1500px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 4rem !important; } .fs-2 { font-size: 3.125rem !important; } .fs-3 { font-size: 2.25rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } @font-face { font-family: "Arial Black"; src: url("../../fonts/Arial/Arial-Black.woff2") format("woff2"), url("../../fonts/Arial/Arial-Black.woff") format("woff"), url("../../fonts/Arial/Arial-Black.svg") format("svg"), url("../../fonts/Arial/Arial-Black.ttf") format("truetype"); font-style: normal; font-display: swap; font-weight: 900; } @font-face { font-family: "Faune"; src: url("../../fonts/Faune/Faune-Text_Regular.woff2") format("woff2"), url("../../fonts/Faune/Faune-Text_Regular.woff") format("woff"), url("../../fonts/Faune/Faune-Text_Regular.svg") format("svg"), url("../../fonts/Faune/Faune-Text_Regular.ttf") format("truetype"); font-style: normal; font-display: swap; font-weight: 400; } @font-face { font-family: "Faune"; src: url("../../fonts/Faune/Faune-Text_Bold.woff2") format("woff2"), url("../../fonts/Faune/Faune-Text_Bold.woff") format("woff"), url("../../fonts/Faune/Faune-Text_Bold.svg") format("svg"), url("../../fonts/Faune/Faune-Text_Bold.ttf") format("truetype"); font-style: normal; font-display: swap; font-weight: 700; } @font-face { font-family: "Faune Display"; src: url("../../fonts/Faune/Faune-Display_Black.woff2") format("woff2"), url("../../fonts/Faune/Faune-Display_Black.woff") format("woff"), url("../../fonts/Faune/Faune-Display_Black.svg") format("svg"), url("../../fonts/Faune/Faune-Display_Black.ttf") format("truetype"); font-style: normal; font-display: swap; font-weight: 900; } .flashInfo { display: flex; align-items: center; position: relative; min-height: 3.75rem; background: #6133A2; color: #fff; } .flashInfo > i { display: none; } @media (min-width: 768px) { .flashInfo > i { display: flex; flex: 0 0 5rem; align-items: center; justify-content: center; height: 100%; font-size: 1.75rem; } } .flashInfo > i::before { transform: rotate(-25deg); } .flashInfo > i::after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3rem; background: rgba(255, 255, 255, 0.15); } @media (min-width: 768px) { .flashInfo > i::after { width: 5rem; height: 100%; } } .flashInfo-contenu { margin: 0.75rem 0.5rem; max-width: 100%; overflow: hidden; } @media (min-width: 768px) { .flashInfo-contenu { margin: 0.75rem 1.5rem; } } .flashInfo-contenu p { margin: 0 !important; font-size: 0.875rem; } .flashInfo-contenu a { font-size: 0.875rem; transition: opacity 0.4s; } .flashInfo-contenu a:focus-visible, .flashInfo-contenu a:hover { opacity: 0.6; } .flashInfo-close { display: flex; flex: 0 0 3rem; align-content: center; justify-content: center; color: #fff; font-size: 1.5rem; transition: opacity 0.4s; } @media (min-width: 768px) { .flashInfo-close { flex: 0 0 4rem; } } .flashInfo-close:focus-visible, .flashInfo-close:hover { opacity: 0.5; } .headerSite-end { display: flex; align-items: center; padding-right: 3.5rem; min-height: 80px; } @media (max-width: 1199.98px) { .headerSite-end { position: absolute; top: 0; right: 0; } } @media (max-width: 991.98px) { .headerSite-end { height: 4.5rem; } } @media (min-width: 576px) and (max-width: 991.98px) { .headerSite-end { padding-right: 4.5rem; } } @media (min-width: 992px) { .headerSite-end { padding: 0 2rem; background: #fff; } .headerSite-end:has(.ccm-block-social-links li) { padding-right: 0; } } @media (min-width: 1200px) { .headerSite-end { padding-right: 0; } } .headerSite-recherche { flex: 0 0 auto; position: relative; margin-right: 0.5rem; height: 4.5rem; z-index: 95; transition: opacity 0.4s 0.4s; } @media (min-width: 576px) { .headerSite-recherche { margin-right: 1.5rem; } } @media (min-width: 992px) { .headerSite-recherche { margin-right: 3rem; height: 5rem; } } @media (min-width: 1200px) { .headerSite-recherche.menuActif { opacity: 0; z-index: 9; } } .headerSite-recherche-trigger, .headerSite-recherche-form button { display: flex; align-items: center; } .headerSite-recherche-trigger i, .headerSite-recherche-form button i { margin-right: 0.75rem; font-size: 1.5rem; } .headerSite-recherche-trigger:focus, .headerSite-recherche-trigger:active, .headerSite-recherche-form button:focus, .headerSite-recherche-form button:active { border: none; box-shadow: none; outline: none; } .headerSite-recherche-trigger { position: relative; width: 3rem; height: 100%; color: #151515; font-weight: 600; z-index: 1; transition: color 0.4s, opacity 0.4s, width 0.4s; } @media (min-width: 992px) { .headerSite-recherche-trigger { width: 16rem; } } .headerSite-recherche-trigger:hover { color: #6133A2; } .headerSite-recherche-trigger:focus-visible i { outline: auto; } .headerSite-recherche-trigger i { margin-right: 1rem; padding: 0.5rem; background: #f2f2f2; border-radius: 50%; font-size: 1.5rem; } .headerSite-recherche-trigger span { font-size: 1rem; transition: opacity 0.4s 0.4s; } @media (max-width: 991.98px) { .headerSite-recherche-trigger span { display: none; } } .headerSite-recherche-trigger.active { width: 3rem; opacity: 0.5; } .headerSite-recherche-trigger.active i::before { content: "\ee52"; } .headerSite-recherche-trigger.active span { opacity: 0; transition: opacity 0s; } .headerSite-recherche-trigger.active:hover, .headerSite-recherche-trigger.active:focus-visible { opacity: 1; } .headerSite-recherche-form { position: absolute; top: 50%; left: -9999rem; transform: translate3d(0, -50%, 0); height: 100%; text-align: right; overflow: hidden; opacity: 0; transition: opacity 0.4s, left 0s 0.4s; } .headerSite-recherche-form input { display: inline-block !important; margin: 0 !important; padding-right: 6rem !important; padding-left: 1rem !important; width: 0 !important; height: 100%; background: #f2f2f2 !important; border-color: #f2f2f2 !important; color: #151515; font-family: "Montserrat", Arial, sans-serif !important; font-size: 0; text-align: left; transition: width 0.4s, font-size 0s; } .headerSite-recherche-form input:focus { background: #f2f2f2 !important; border-color: #f2f2f2 !important; color: #151515; } .headerSite-recherche-form button { position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); color: #151515; font-size: 1.5rem; transition: color 0.4s; } .headerSite-recherche-form button:hover { color: #6133A2; } .headerSite-recherche-trigger.active ~ .headerSite-recherche-form { right: 0; left: auto; opacity: 1; transition: opacity 0.4s, left 0s; } .headerSite-recherche-trigger.active ~ .headerSite-recherche-form input { width: calc(100vw - 4rem) !important; font-size: 0.875rem; transition: width 0.4s ease-out, font-size 0s 0.4s; } @media (min-width: 576px) { .headerSite-recherche-trigger.active ~ .headerSite-recherche-form input { width: calc(100vw - 15rem) !important; } } @media (min-width: 992px) { .headerSite-recherche-trigger.active ~ .headerSite-recherche-form input { width: 30rem !important; } } @media (max-width: 575.98px) { .headerSite-recherche.open + .headerSite-alerte { display: none; } } .headerSite-alerte { display: flex; align-items: center; margin-right: 1rem; color: #151515; font-weight: 600; z-index: 95; transition: color 0.4s; } .headerSite-alerte:hover { color: #6133A2; } @media (min-width: 1200px) { .menuActif + .headerSite-alerte { opacity: 0; z-index: 9; } } .headerSite-alerte i { padding: 0.5rem; background: #f2f2f2; border-radius: 50%; font-size: 1.5rem; } .headerSite-alerte:focus-visible i { outline: auto; } .headerSite-alerte span { display: none; } @media (min-width: 576px) { .headerSite-alerte { margin-right: 1.5rem; } } @media (min-width: 992px) { .headerSite-alerte { margin-right: 3rem; } .headerSite-alerte i { margin-right: 0.5rem; } .headerSite-alerte span { display: block; } } .leaflet-container { z-index: 2; } .leaflet-marker-icon[class*=marker-cluster] { display: flex; justify-content: center; align-items: center; } .leaflet-marker-icon[class*=marker-cluster].marker-cluster-large { width: 70px !important; height: 70px !important; } .leaflet-marker-icon[class*=marker-cluster].marker-cluster-medium { width: 60px !important; height: 60px !important; } .leaflet-marker-icon[class*=marker-cluster].marker-cluster-small { width: 50px !important; height: 50px !important; } .leaflet-marker-icon[class*=marker-cluster] span { font-size: 1rem; font-weight: 700; } .leaflet-marker-icon[class*=marker-cluster] > div { background-color: #6133A2; display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 70%; aspect-ratio: 1/1; color: #fff; line-height: 1; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .leaflet-marker-icon[class*=marker-cluster] > div { transition: none; } } .lienRapides .lienRapides-bouton { display: flex; align-items: center; justify-content: flex-end; padding-left: 1.5rem; width: 100%; height: 7.3125rem; background: #151515; color: #fff; font-size: 1rem; font-weight: 600; text-align: right; transition: background 0.4s; } @media (min-width: 992px) { .lienRapides .lienRapides-bouton { padding-left: 0; } } @media (min-width: 1200px) { .lienRapides .lienRapides-bouton { font-size: 1.25rem; } } .lienRapides .lienRapides-bouton:focus-visible, .lienRapides .lienRapides-bouton:hover { background: black; } .lienRapides .lienRapides-bouton i { display: flex; align-items: center; margin-left: 1.5rem; padding: 0 3rem; height: 7.3125rem; background: rgba(255, 255, 255, 0.17); font-size: 2.5rem; } @media (min-width: 992px) { .lienRapides .lienRapides-bouton i { margin-left: 3rem; } } .lienRapides .lienRapides-panel { display: flex; flex-wrap: wrap; justify-content: center; position: absolute; right: -100vw; bottom: 0; padding: 2.5rem 2rem 0; width: 100vw; background: #151515; z-index: 3; transition: right 0.4s ease-in-out; } @media (min-width: 768px) { .lienRapides .lienRapides-panel { padding: 3rem 4rem 1rem; } } @media (min-width: 992px) { .lienRapides .lienRapides-panel { padding: 3rem 8rem 3rem 2rem; } } .filtre-primary .lienRapides .lienRapides-panel { background: #371D5C; } .lienRapides .lienRapides-panel.show { right: 0; } .lienRapides .lienRapides-panel-item { flex: 0 0 50%; margin-bottom: 2rem; color: #fff; text-align: center; transition: opacity 0.4s; } .lienRapides .lienRapides-panel-item:focus-visible { outline: auto; } @media (min-width: 576px) { .lienRapides .lienRapides-panel-item { flex: 0 0 33.33%; } } @media (min-width: 768px) { .lienRapides .lienRapides-panel-item { flex: 0 0 25%; } } @media (min-width: 992px) { .lienRapides .lienRapides-panel-item { flex: 0 0 14%; margin-bottom: 0; } } .lienRapides .lienRapides-panel-item i { display: block; margin-bottom: 0.5rem; font-size: 1.75rem; } @media (max-width: 767.98px) { .lienRapides .lienRapides-panel-item i { font-size: 1.5rem; } } .lienRapides .lienRapides-panel-item span { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; color: #fff; } .lienRapides .lienRapides-panel-item:hover { color: #fff; opacity: 0.6; } .lienRapides .lienRapides-panel-close { position: absolute; top: 1rem; right: 1rem; color: #fff; font-size: 1.5rem; transition: opacity 0.4s; } @media (min-width: 992px) { .lienRapides .lienRapides-panel-close { top: 50%; right: 3rem; transform: translateY(-50%); } } .lienRapides .lienRapides-panel-close:hover { opacity: 0.6; } .lienRapides .lienRapides-panel-close:focus-visible i { outline: auto; } .lienRapides-interne { position: absolute; left: calc(50% - 50vw); width: 100vw; bottom: 0; } .home .lienRapides-interne { position: relative; } @media (min-width: 992px) { .home .lienRapides-interne { position: absolute; } } @media (min-width: 992px) { .lienRapides-interne { position: absolute; right: calc(50% - 50vw); bottom: 0; left: auto; width: 27rem; margin-left: 0.5rem; } } @media (min-width: 992px) and (min-width: 1200px) { .lienRapides-interne { width: 31rem; } } @media (min-width: 992px) { h1 + .lienRapides-interne:not(.row):not(hr), .ccm-page .h1 + .lienRapides-interne:not(.row):not(hr), * + .lienRapides-interne { margin-top: 4.5rem !important; } } .socialWall-carousel { margin-top: 3rem; } @media (min-width: 992px) { .socialWall-carousel[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .socialWall-carousel[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .imageFull + .socialWall-carousel { margin-top: -5rem; } @media (min-width: 992px) { .imageFull + .socialWall-carousel { margin-top: -10rem; } } .socialWall-carousel.owl-carousel .owl-stage-outer { overflow: visible; } .socialWall-carousel-item { display: block; overflow: hidden; } .socialWall-carousel-item.instagram, .socialWall-carousel-item.youtube { aspect-ratio: 1/1; } .socialWall-carousel-item.instagram img, .socialWall-carousel-item.youtube img { width: 100%; height: 100%; object-fit: cover; } .socialWall-carousel-item.instagram { position: relative; z-index: 0; } .socialWall-carousel-item.instagram::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #188178; z-index: -2; left: calc(50% - 50vw); } .socialWall-carousel-item.instagram::before { mix-blend-mode: multiply; opacity: 0; z-index: 1; transition: opacity 0.4s; } .socialWall-carousel-item.instagram::after { content: "\ec08"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); color: #fff; font-size: 3.5rem; opacity: 0; z-index: 2; transition: transform 0.4s, opacity 0.4s; } .socialWall-carousel-item.instagram:focus-visible::before, .socialWall-carousel-item.instagram:hover::before { opacity: 1; } .socialWall-carousel-item.instagram:focus-visible::after, .socialWall-carousel-item.instagram:hover::after { transform: translate(-50%, -50%); opacity: 1; } .socialWall-carousel-item.youtube:not(.has-iframe) { position: relative; z-index: 0; cursor: pointer; } .socialWall-carousel-item.youtube:not(.has-iframe)::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #188178; z-index: -2; left: calc(50% - 50vw); } .socialWall-carousel-item.youtube:not(.has-iframe)::before { mix-blend-mode: multiply; opacity: 0; z-index: 1; transition: opacity 0.4s; } .socialWall-carousel-item.youtube:not(.has-iframe)::after { content: "\f167"; font-family: "Font Awesome 5 Brands"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 3.5rem; opacity: 1; z-index: 2; transition: transform 0.4s; } .socialWall-carousel-item.youtube:not(.has-iframe):focus-visible::before, .socialWall-carousel-item.youtube:not(.has-iframe):hover::before { opacity: 1; } .socialWall-carousel-item.facebook { padding: 1.5rem; background: #188178; color: #fff; transition: background 0.4s; aspect-ratio: 1/1; } .socialWall-carousel-item.facebook:focus-visible, .socialWall-carousel-item.facebook:hover { background: #105650; } .socialWall-carousel .facebook-header { display: flex; align-items: center; margin-bottom: 1rem; } .socialWall-carousel .facebook-header > i { display: flex; align-items: center; justify-content: center; margin-right: 0.75rem; width: 2.625rem; height: 2.625rem; background: #fff; border-radius: 50%; color: #188178; } .socialWall-carousel .facebook-header-contenu div:not(.tip) { font-size: 1.125rem; margin-bottom: 0 !important; color: #fff !important; } .socialWall-carousel .facebook-header .tip { color: #fff; } .ccm-page #social-wall-loader { position: relative; top: -9rem; text-align: center; } .ccm-page #social-wall-loader .spinner-border { border-color: #fff; border-right-color: transparent; } html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .global { position: relative; z-index: 1; } .blocs-cms { position: relative; } .blocs-cms > ul:not([class]), .blocs-cms .row > [class*=col] > ul:not([class]), .blocs-cms .card-body ul:not([class]) { margin-bottom: 0; padding-left: 0; list-style: none; margin-left: 1rem; margin-bottom: 1rem; } .blocs-cms > ul:not([class]) li, .blocs-cms .row > [class*=col] > ul:not([class]) li, .blocs-cms .card-body ul:not([class]) li { position: relative; padding-left: 1rem; line-height: 1.6; list-style: none; } .blocs-cms > ul:not([class]) li::before, .blocs-cms .row > [class*=col] > ul:not([class]) li::before, .blocs-cms .card-body ul:not([class]) li::before { content: "\f111"; font-family: "Font Awesome 5 Solid"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: 0.4125rem; left: 0; color: #6133A2; font-size: 0.375rem; } .blocs-cms > ul:not([class]) li + li, .blocs-cms .row > [class*=col] > ul:not([class]) li + li, .blocs-cms .card-body ul:not([class]) li + li { margin-top: 0.5rem; } .blocs-cms .row > [class^=col-] > .row > [class^=col-] > .card-body { height: 100%; } .blocs-cms .row > [class^=col-] > .row > [class^=col-] > .card-body hr { margin: 1rem 0; } .blocs-cms .row .colonneGauche > .row > div[class^=col-] { display: flex; flex-direction: column; } @media (max-width: 991.98px) { .blocs-cms p a:not([class]), .blocs-cms li a:not([class]) { display: inline-block; } } .infoOffres { padding: 2rem; background: #f2f2f2; } .infoOffres img { max-width: 14rem; } .logo-annuaire { max-width: 14rem; margin-bottom: 1rem; } .detail-info { display: block; position: relative; margin-bottom: 0; padding: 0.5rem 0 0.5rem 2.25rem; min-height: 2rem; color: #757575; font-size: 0.875rem; line-height: normal; font-weight: 600; } @media (min-width: 1200px) { .detail-info { overflow: hidden; text-overflow: ellipsis; } } .detail-info.mail { text-overflow: ellipsis; overflow: hidden; } .detail-info i { position: absolute; top: 0.25rem; left: 0; color: #6133A2; font-size: 1.5rem; transition: color 0.4s; } .detail-info[href] { color: #6133A2; } .detail-info[href]:focus-visible, .detail-info[href]:hover { color: #4a277b; } .detail-info[href]:focus-visible i, .detail-info[href]:hover i { color: #4a277b; } .detail-info #panel-horaire { white-space: pre-line; } .ccm-edit-mode [data-block-type-handle=renvois_multiples].ccm-block-edit { display: flex; } .ccm-edit-mode [data-block-type-handle=renvois_multiples].ccm-block-edit .footerLiens-item { margin-right: 1rem; } .grecaptcha-badge, [data-formidable-type=captcha] { width: 0; height: 0; visibility: hidden; } .formidable [type=submit] i.fa-spinner { display: none !important; } .formidable [type=submit][disabled] i.fa-spinner { display: inline-block !important; } html.ccm-toolbar-visible .ccm-page { margin-top: 0 !important; padding-top: 48px; } .ccm-page .offcanvas { height: 100dvh; } .ccm-page .offcanvas .offcanvas-body { max-height: 100vh !important; align-self: flex-start; overflow-y: auto; padding: 5rem 3rem 3rem; } .ccm-page .offcanvas .offcanvas-body .row:first-child { margin-bottom: 0; } .ccm-page .offcanvas .offcanvas-body #carteAnnuairePanelTitre { margin: 1em 0; } .ccm-page .offcanvas .offcanvas-body #panel-nom, .ccm-page .offcanvas .offcanvas-body .h2 { margin: 0 0 2.1875rem; } .ccm-page .offcanvas .offcanvas-backdrop { height: 100% !important; } .ccm-page .offcanvas#panelAgenda .offcanvas-body .row { margin-top: 0; } .ccm-page p + h3, .ccm-page p + .h3 { margin-top: 2rem; } .ccm-page p + h3 + .btn, .ccm-page p + .h3 + .btn { margin-top: 2rem !important; } html.ccm-edit-mode *[data-scroll-interaction] { visibility: visible !important; opacity: 1 !important; transform: none !important; } @media (max-width: 991.98px) { .contact-colGauche { padding-bottom: 2rem; } } @media (min-width: 992px) { .contact-contenu { margin-top: 6rem !important; } .contact-colGauche { padding-right: 5rem !important; } } @media (max-width: 991.98px) { .contact-contenu .colonneDroite { padding: 1rem; } } ul.ccm-edit-mode-inline-commands { top: -1rem; } .fa-facebook::before { content: "\f39e" !important; } .detailActu-categorieDate .ccm-block-page-attribute-display-wrapper + .date, .detailActu-categorieDate .ccm-block-page-attribute-display-wrapper { font-family: "Montserrat", Arial, sans-serif; text-transform: uppercase; font-size: 0.875rem; font-weight: 700; } .detailActu-categorieDate .ccm-block-page-attribute-display-wrapper + .date::before, .detailActu-categorieDate .ccm-block-page-attribute-display-wrapper::before { position: relative; top: -0.125rem; } .contenuPage.detailActu .row > [class*=col] ul { margin-left: unset !important; } @media (min-width: 768px) { .contenuPage.detailActu .row > [class*=col] ul { margin-left: initial; } } .contenuPage.detailActu .row > [class*=col] ul > li a:not([id*=panel-], .page-link) { display: block; overflow: hidden; text-overflow: ellipsis; } .youtubeBlock + :is(h3, .ccm-page .h3, h4, .ccm-page .h4, h5, .ccm-page .h5, h6, .ccm-page .h6) { margin-top: 3rem; } .footerLiens { padding: 4rem 0; } .footerLiens .section { padding: 0; margin-bottom: 0 !important; } @media (min-width: 1200px) { .footerSite-contenu { width: 100vw; max-width: initial !important; } } @media (max-width: 575.98px) { .footerSite-contenu { padding: 0 2rem !important; } } .footerSite-contenu > .row { position: relative; } .footerSite-contenu > .row > [class*=col]:first-child { position: relative; z-index: 0; margin-bottom: 0 !important; padding-top: 3rem; padding-bottom: 3rem; z-index: 2; } .footerSite-contenu > .row > [class*=col]:first-child::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #151515; z-index: -2; left: calc(50% - 50vw); } @media (min-width: 992px) { .footerSite-contenu > .row > [class*=col]:first-child::before { left: auto; right: 0; } } @media (min-width: 992px) { .footerSite-contenu > .row > [class*=col]:first-child { padding-top: 5rem; padding-bottom: 10rem; } .footerSite-contenu > .row > [class*=col]:first-child > .row { justify-content: center; } } @media (min-width: 992px) and (min-width: 1200px) { .footerSite-contenu > .row > [class*=col]:first-child > .row { align-items: center; } .footerSite-contenu > .row > [class*=col]:first-child > .row > [class*=col]:first-child { width: fit-content; } } @media (min-width: 992px) and (min-width: 992px) and (max-width: 1199.98px) { .footerSite-contenu > .row > [class*=col]:first-child > .row { gap: 3rem; flex-direction: column; } .footerSite-contenu > .row > [class*=col]:first-child > .row > [class*=col] { width: 100%; } } .footerSite-contenu > .row > [class*=col]:nth-child(2) { position: relative; z-index: 0; margin-bottom: 0 !important; padding: 4rem 1rem; color: #fff; z-index: 1; } .footerSite-contenu > .row > [class*=col]:nth-child(2)::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #188178; z-index: -2; left: calc(50% - 50vw); } @media (min-width: 992px) { .footerSite-contenu > .row > [class*=col]:nth-child(2)::before { left: 0; } } @media (min-width: 992px) { .footerSite-contenu > .row > [class*=col]:nth-child(2) { padding: 7rem 4rem; } } @media (min-width: 992px) and (min-width: 1200px) { .footerSite-contenu > .row > [class*=col]:nth-child(2) { padding: 3rem 8rem; } } .footerSite-contenu > .row > [class*=col]:nth-child(2)::after { display: block; content: ""; position: absolute; top: -2.5rem; left: -2.5rem; width: 210px; height: 218px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='213.992' height='218.496' viewBox='0 0 213.992 218.496'%3E %3Cg id='Groupe_371' data-name='Groupe 371' transform='translate(-924.835 -7919)' opacity='0.2'%3E %3Cpath id='Union_1' data-name='Union 1' d='M129.835,804.554A54.6,54.6,0,0,1,177.18,750.5l.281-.031a15.367,15.367,0,0,1,1.868-.109,15.61,15.61,0,0,1,14.3,9.338l.039.1,19.556,45.639a15.2,15.2,0,0,1,1.262,6.138,15.42,15.42,0,0,1-2.586,8.582l.039-.055-16.2,24.752a75.029,75.029,0,0,0,33.84,33.926l.436.194,24.377-16.254a15.526,15.526,0,0,1,14.876-1.316l-.1-.039,45.6,19.541a15.641,15.641,0,0,1,9.439,14.338,15.935,15.935,0,0,1-.117,1.947l.008-.077a54.657,54.657,0,0,1-54.082,47.625l.007.008C192.726,944.744,129.835,881.852,129.835,804.554Zm15.577-.008A124.757,124.757,0,0,0,270.017,929.159h.007a39,39,0,0,0,38.615-33.8l.023-.2-45.608-19.487-24.369,16.255A15.566,15.566,0,0,1,223.264,893l.094.039a90.767,90.767,0,0,1-41.4-40.919l-.233-.522a15.321,15.321,0,0,1-1.543-6.753,15.516,15.516,0,0,1,2.578-8.59l-.04.055,16.192-24.744-19.564-45.632A39.007,39.007,0,0,0,145.412,804.546Zm110.247,17.02a7.158,7.158,0,0,1-7.152-7.151V775.907a45.713,45.713,0,0,1,45.66-45.656v0a45.659,45.659,0,1,1,0,91.318Zm.153-45.655v38.354h38.354a38.354,38.354,0,1,0-38.354-38.354ZM279.555,788.7a3.653,3.653,0,0,1,0-7.305h27.4a3.653,3.653,0,1,1,0,7.305Zm0-14.611a3.653,3.653,0,0,1,0-7.306h27.4a3.653,3.653,0,1,1,0,7.306Z' transform='translate(797 7190.752)' fill='%23fff' stroke='%23fff' stroke-width='4'/%3E %3C/g%3E %3C/svg%3E") no-repeat center; z-index: 0; } .footerSite-contenu .logoFooter { display: block; } .footerSite-contenu .logoFooter img { max-width: 100%; } .footerSite-contenu-contact { display: flex; align-items: center; margin-top: 1rem; color: #fff; font-weight: 600; } .footerSite-contenu-contact i { display: flex; align-items: center; justify-content: center; margin-right: 0.75rem; width: 2.5rem; height: 2.5rem; background: #fff; color: #188178; font-size: 1.5rem; border-radius: 50%; transition: background 0.4s, color 0.4s; } .footerSite-contenu-contact[href]:hover, .footerSite-contenu-contact[href]:focus-visible { color: #fff; } .footerSite-contenu-contact[href]:hover i, .footerSite-contenu-contact[href]:focus-visible i { background: #105650; color: #fff; } .footerSite-copyright { position: relative; z-index: 0; padding-top: 1rem; padding-bottom: 1rem; color: #757575; z-index: 2; } .footerSite-copyright::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #f2f2f2; z-index: -2; left: calc(50% - 50vw); } @media (min-width: 992px) { .footerSite-copyright::before { left: auto; right: 0; } } @media (min-width: 992px) { .footerSite-copyright { position: absolute; bottom: 0; left: 0; } } @media (min-width: 992px) and (min-width: 1200px) { .footerSite-copyright { padding-left: 4rem !important; } } @media (max-width: 991.98px) { .footerSite-copyright .row > *[class*=col] { margin: 0; } } .footerSite-copyright p { display: block; margin-top: -0.25rem; margin-bottom: 0; font-size: 0.875rem; } .footerSite-copyright p:not(:last-child) { margin-right: 1rem; } .footerSite-copyright p a { color: #757575; } .footerSite-copyright p a:focus-visible, .footerSite-copyright p a:hover { color: #6133A2; } .mm-wrapper--position-left.mm-wrapper--opened .mm-slideout, .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout { transform: translate3d(0, 0, 0) !important; } .mm-menu { font-family: "Montserrat", Arial, sans-serif !important; font-weight: 700; background-color: #E6E6E6 !important; transition: transform 0.4s ease !important; } @media (min-width: 1200px) { .mm-menu { display: none !important; } } .mm-menu .close-menu { display: none; position: absolute; width: 2.75rem; height: 2.75rem; background: #6133A2; border-radius: 50%; text-align: center; line-height: 2.75rem; cursor: pointer; z-index: 2; left: 0.625rem; top: 0.625rem; font-size: 0; } .mm-menu .close-menu .icon-bar { display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.0625rem; margin-left: -0.75rem; width: 1.5rem; height: 0.125rem; background: #fff; } .mm-menu .close-menu .icon-bar:nth-child(2) { opacity: 0; } .mm-menu .close-menu .icon-bar:nth-child(1) { transform: rotate(45deg) translateY(0); } .mm-menu .close-menu .icon-bar:nth-child(3) { transform: rotate(-45deg) translateY(0); } .mm-menu.mm-menu--opened .close-menu { display: block; } .mm-menu.mm-menu--offcanvas { height: 100dvh !important; } .mm-menu.mm-menu--opened { z-index: 50 !important; box-shadow: -1px 2px 6px #0000003d; } .mm-menu .mm-panels { background-color: transparent; z-index: 0; } .mm-menu .mm-panels .mm-panel { background-color: #E6E6E6; padding: 0 0 1rem !important; margin-top: 4rem; } .mm-menu .mm-panels .mm-panel#mm-1 .mm-navbar { display: none !important; } .mm-menu .mm-panels .mm-panel .mm-navbar { background-color: #E6E6E6 !important; } .mm-menu .mm-panels .mm-panel .mm-navbar .mm-navbar__title { padding: 1.5rem 1rem; color: #3C3D40; outline: none !important; justify-content: flex-start; font-size: 1.125rem; -webkit-tap-highlight-color: transparent; } .mm-menu .mm-panels .mm-panel .mm-navbar .mm-navbar__btn:before { border-color: #3C3D40; width: 0.875rem; height: 0.875rem; } .mm-menu .mm-panels .mm-panel .mm-listitem { padding: 0; color: #3C3D40; } .mm-menu .mm-panels .mm-panel .mm-listitem::after { inset-inline-start: 0; } .mm-menu .mm-panels .mm-panel .mm-listitem .mm-listitem__btn, .mm-menu .mm-panels .mm-panel .mm-listitem .mm-listitem__text { padding: 1.5rem 3rem 1.5rem 2rem; background: transparent !important; outline: none !important; font-size: 1.125rem; -webkit-tap-highlight-color: transparent; white-space: initial; } .mm-menu .mm-panels .mm-panel .mm-listitem .mm-btn--next:after, .mm-menu .mm-panels .mm-panel .mm-listitem .mm-btn--prev:before { border-color: #3C3D40; width: 0.875rem; height: 0.875rem; } .mm-menu .mm-panels .mm-panel .mm-listitem.mm-listitem--selected > .mm-listitem__text { background: transparent !important; } @media (min-width: 1200px) { .mm-wrapper__blocker { display: none !important; transform: scale(0) !important; } } .mm-menu.mm-menu--offcanvas:not(.mm-menu--opened) { left: 100%; width: 85vw; transform: translateX(100vw); } .mm-menu.mm-menu--opened { z-index: 50 !important; left: auto; transform: translateX(0); } .evitement { margin: 0; padding: 0; height: 0; } .evitement li { display: inline-block; } .evitement li a { position: absolute; left: -99999rem; z-index: 100; display: inline-block; color: #555; background: #fff; padding: 0.5em; } .evitement li a:focus { left: 0; } /* Cette feuille de style comprend: - Des variables globales pour le menu desktop - Le style du menu desktop - Des variables pour le menu mobile - Le style du menu mobile */ @keyframes sticky-slide { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @media (min-width: 1200px) { .ccm-block-top-navigation-bar { position: absolute; width: 100%; height: 4.875rem; z-index: 98; } .ccm-block-top-navigation-bar .navbar-brand { display: block; width: 13rem; text-align: center; } .ccm-block-top-navigation-bar .navbar-brand:focus-visible { outline: auto; } .ccm-block-top-navigation-bar .navbar-brand img { max-height: 7.5rem; } .ccm-block-top-navigation-bar .navbar-brand-sticky { display: none; } .ccm-block-top-navigation-bar .container-fluid, .ccm-block-top-navigation-bar .ccm-page .container-sm, .ccm-page .ccm-block-top-navigation-bar .container-sm, .ccm-block-top-navigation-bar .ccm-page .container-md, .ccm-page .ccm-block-top-navigation-bar .container-md, .ccm-block-top-navigation-bar .ccm-page .container-lg, .ccm-page .ccm-block-top-navigation-bar .container-lg, .ccm-block-top-navigation-bar .ccm-page .container-xl, .ccm-page .ccm-block-top-navigation-bar .container-xl, .ccm-block-top-navigation-bar .ccm-page .container-xxl, .ccm-page .ccm-block-top-navigation-bar .container-xxl { display: flex; align-items: flex-start !important; justify-content: space-between; padding-right: 0 !important; } .menuSite { padding: 0 !important; background-color: transparent; } .menuSite.sticky { position: fixed; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); animation: sticky-slide 0.4s; } .ccm-toolbar-visible .menuSite.sticky { top: 48px; } .menuSite.sticky .navbar-brand { display: none; } .menuSite.sticky .navbar-brand-sticky { display: block; } .menuSite.sticky .navbar-brand-sticky img { padding: 0.5rem 0; max-height: 5rem; height: auto; max-width: 11rem; object-fit: contain; } .menuSite .menuSite-bouton { display: flex !important; flex-direction: row-reverse; align-items: center; position: absolute; top: 0; left: 14rem; height: 4.875rem; border: 0; cursor: pointer; z-index: 97; transition: right 0.4s ease-out, background 0.4s ease-out; appearance: none; } .menuSite .menuSite-bouton-texte { margin-left: 0.75rem; color: #fff; font-size: 1rem; font-weight: 600; transition: color 0.4s; } .menuSite .menuSite-bouton-barres { position: relative; width: 3rem; height: 3rem; background: #fff; border-radius: 50%; text-align: center; transition: background 0.4s; } .menuSite .menuSite-bouton .icon-bar { display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.0625rem; margin-left: -0.5rem; width: 1rem; height: 0.125rem; background: #151515; transition: transform 0.4s ease-out, background 0.4s ease-out; } .menuSite .menuSite-bouton .icon-bar:nth-child(1) { transform: translateY(-0.3125rem); } .menuSite .menuSite-bouton .icon-bar:nth-child(3) { transform: translateY(0.3125rem); } .menuSite .menuSite-bouton:hover .menuSite-bouton-barres { background: #188178; } .menuSite .menuSite-bouton:hover .menuSite-bouton-texte { color: #188178; } .menuSite .menuSite-bouton.active { position: fixed; top: 0; right: 0; left: auto; margin: 0; padding: 3rem; background: #371D5C; z-index: 99; appearance: none; } .ccm-toolbar-visible .menuSite .menuSite-bouton.active { top: 48px; } .menuSite .menuSite-bouton.active .menuSite-bouton-texte { color: #fff; font-size: 0; } .menuSite .menuSite-bouton.active .menuSite-bouton-texte::before { content: "Fermer"; font-size: 1rem; font-weight: 600; } .menuSite .menuSite-bouton.active .icon-bar { background: #371D5C; } .menuSite .menuSite-bouton.active .icon-bar:nth-child(1) { transform: rotate(45deg) translateY(0); } .menuSite .menuSite-bouton.active .icon-bar:nth-child(2) { opacity: 0; } .menuSite .menuSite-bouton.active .icon-bar:nth-child(3) { transform: rotate(-45deg) translateY(0); } .menuSite .menuSite-bouton.active:hover { background: #201135; } .menuSite .menuSite-bouton.active:hover .icon-bar { background: #fff; } .menuSite.sticky .menuSite-bouton-texte { color: #151515; } .menuSite.sticky .menuSite-bouton-barres { background: #f2f2f2; } .menuSite .menuSite-interne { display: flex !important; position: fixed; top: -100vh; left: 0; padding-left: 10vw; width: 100vw; height: 100vh !important; background: #fff; overflow: hidden; z-index: 98; transition: top 0.4s ease-in-out; } .menuSite .menuSite-interne::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 45%; height: 100%; background: #f2f2f2; } .menuSite .menuSite-interne.active { top: 0; } .menuSite .menuSite-interne .navbar-nav { flex-direction: column; } .menuSite .menuSite-retour { display: none; } .menuSite .menuSite-interne > ul { list-style: none; } .menuSite .menuSite-interne > ul a:focus-visible { outline: auto; } .menuSite .menuSite-interne > ul > li { display: inline-block; position: relative; vertical-align: middle; } .menuSite .menuSite-interne > ul > li > a { display: block; padding: 1rem; color: #151515 !important; font-family: "Arial Black", sans-serif; font-size: 1.625rem; font-weight: 900; } } @media (min-width: 1200px) and (max-height: 700px) { .menuSite .menuSite-interne > ul > li > a { padding: 0.5rem 1rem; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li > a::after { display: none; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li:hover > a { color: #188178 !important; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li > a.active { color: #188178 !important; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li > ul { display: block; position: fixed !important; top: 50%; left: -9999rem; transform: translateY(0); padding: 0.5rem 0; width: auto; background: none; border: 0; border-radius: 0; box-shadow: none; opacity: 0; z-index: 1; transition: left 0s 0.2s, opacity 0.2s, transform 0.2s, top 0.4s; } .menuSite .menuSite-interne > ul > li > ul.col2 { display: flex; flex-wrap: wrap; } .menuSite .menuSite-interne > ul > li > ul.col2::before { flex: 0 0 100%; } .menuSite .menuSite-interne > ul > li > ul.col2 > li { flex: 0 0 50%; } .menuSite .menuSite-interne > ul > li > ul.col2 > li:nth-child(2) { flex: 0 0 100%; } } @media (min-width: 1200px) { .menuSite .menuSite-interne:not(.active) > ul > li > ul.show { top: -50vh; } } @media (min-width: 1200px) { .menuSite .menuSite-interne.active > ul > li > ul.show { top: 50vh; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li > ul.show { left: 50vw; transform: translateY(-50%); opacity: 1; transition: left 0s, opacity ease-out 0.2s, transform ease-out 0.2s, top 0.4s ease-out; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li > ul > li { max-width: 25vw; } } @media (min-width: 1200px) { .menuSite .menuSite-interne:not(.active) > ul > li:nth-child(-n+2) > ul.show { max-height: 100%; overflow-y: hidden; } } @media (min-width: 1200px) { .menuSite .menuSite-interne.active > ul > li:nth-child(-n+2) > ul.show { display: flex; flex-wrap: wrap; padding-top: 4rem; max-height: 100vh; overflow-y: auto; } .menuSite .menuSite-interne.active > ul > li:nth-child(-n+2) > ul.show li { width: 50%; max-width: none; } .menuSite .menuSite-interne.active > ul > li:nth-child(-n+2) > ul.show li:nth-child(2) { width: 100%; max-width: none; } .menuSite .menuSite-interne.active > ul > li:nth-child(-n+2) > ul.show li a { max-width: 90%; white-space: unset; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li > ul > li > a { display: block; position: relative; margin: 0; padding: 0.5rem 0; background: none !important; color: #151515; font-family: "Montserrat", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; text-transform: initial; line-height: 1.2; } .menuSite .menuSite-interne > ul > li > ul > li > a.item-parent { display: block; margin-bottom: 1rem; color: #151515; font-family: "Arial Black", sans-serif; font-size: 1.5rem; font-weight: 900; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li > ul > li.active > a { color: #188178; } } @media (min-width: 1200px) { .menuSite .menuSite-interne > ul > li > ul > li:hover > a { color: #188178; } } @media (max-width: 1199.98px) { .ccm-block-top-navigation-bar { position: absolute; padding: 0; width: 100%; height: 4.5rem; z-index: 999; } .navbar.menuSite { padding: 0; } .navbar.menuSite > .container-fluid, .ccm-page .navbar.menuSite > .container-sm, .ccm-page .navbar.menuSite > .container-md, .ccm-page .navbar.menuSite > .container-lg, .ccm-page .navbar.menuSite > .container-xl, .ccm-page .navbar.menuSite > .container-xxl { padding-right: 0; } .menuSite-bouton { display: block; position: absolute; transform: translate3d(0, 0, 0); width: 2.75rem; height: 2.75rem; background: #371D5C !important; border-radius: 50%; text-align: center; line-height: 2.75rem; cursor: pointer; z-index: 999; transition: right 0.4s ease-out, background 0.4s ease-out; appearance: none !important; right: 0.625rem; } .menuSite-bouton:focus-visible { outline: auto; } .menuSite-bouton-texte { display: none; } .sticky .menuSite-bouton, .menuSite-bouton.active { position: fixed; top: 0.625rem; } .menuSite-bouton .menuSite-interne { display: inline-block; vertical-align: middle; } .menuSite-bouton .icon-bar { display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.0625rem; margin-left: -0.5rem; width: 1rem; height: 0.125rem; background: #fff; transition: transform 0.4s ease-out, background 0.4s ease-out; } .menuSite-bouton .icon-bar:nth-child(1) { transform: translateY(-0.3125rem); } .menuSite-bouton .icon-bar:nth-child(3) { transform: translateY(0.3125rem); } .menuSite-bouton.active { background: #371D5C; } .menuSite-bouton.active .icon-bar { background: #fff; } .menuSite-bouton.active .icon-bar:nth-child(1) { transform: rotate(45deg) translateY(0); } .menuSite-bouton.active .icon-bar:nth-child(2) { opacity: 0; } .menuSite-bouton.active .icon-bar:nth-child(3) { transform: rotate(-45deg) translateY(0); } .navbar-light .navbar-toggler { border-color: transparent; color: transparent; } .menuSite { padding: 0; height: 4.5rem; } } @media (max-width: 1199.98px) and (min-width: 992px) { .menuSite { height: 4.875rem; } } @media (max-width: 1199.98px) { .menuSite.navbar-light .navbar-brand { display: block; margin-left: 0.25rem; } .menuSite.navbar-light .navbar-brand img { max-width: 12rem; } } @media (max-width: 1199.98px) and (max-width: 575.98px) { .menuSite.navbar-light .navbar-brand img { max-height: 6rem; height: auto; max-width: 10rem; } } @media (max-width: 1199.98px) { .menuSite.navbar-light .navbar-brand-sticky { display: none; } } @media (max-width: 1199.98px) { .menuSite .container-fluid, .menuSite .ccm-page .container-sm, .ccm-page .menuSite .container-sm, .menuSite .ccm-page .container-md, .ccm-page .menuSite .container-md, .menuSite .ccm-page .container-lg, .ccm-page .menuSite .container-lg, .menuSite .ccm-page .container-xl, .ccm-page .menuSite .container-xl, .menuSite .ccm-page .container-xxl, .ccm-page .menuSite .container-xxl { padding-right: 0; padding-left: 0; height: 100%; } } @media (max-width: 1199.98px) { .menuSite .container-fluid .menuSite-interne, .menuSite .ccm-page .container-sm .menuSite-interne, .ccm-page .menuSite .container-sm .menuSite-interne, .menuSite .ccm-page .container-md .menuSite-interne, .ccm-page .menuSite .container-md .menuSite-interne, .menuSite .ccm-page .container-lg .menuSite-interne, .ccm-page .menuSite .container-lg .menuSite-interne, .menuSite .ccm-page .container-xl .menuSite-interne, .ccm-page .menuSite .container-xl .menuSite-interne, .menuSite .ccm-page .container-xxl .menuSite-interne, .ccm-page .menuSite .container-xxl .menuSite-interne { display: none !important; display: flex; justify-content: center; position: fixed; top: 0; width: 20rem; height: 100vh; background: #f2f2f2; overflow: hidden; z-index: 998; transition: right 0.4s ease-out; overflow-y: auto; right: -21rem; } .menuSite .container-fluid .menuSite-interne::after, .menuSite .ccm-page .container-sm .menuSite-interne::after, .ccm-page .menuSite .container-sm .menuSite-interne::after, .menuSite .ccm-page .container-md .menuSite-interne::after, .ccm-page .menuSite .container-md .menuSite-interne::after, .menuSite .ccm-page .container-lg .menuSite-interne::after, .ccm-page .menuSite .container-lg .menuSite-interne::after, .menuSite .ccm-page .container-xl .menuSite-interne::after, .ccm-page .menuSite .container-xl .menuSite-interne::after, .menuSite .ccm-page .container-xxl .menuSite-interne::after, .ccm-page .menuSite .container-xxl .menuSite-interne::after { content: ""; position: fixed; top: 0; right: 0; width: 100%; width: 20rem; height: 4rem; background: #f2f2f2; z-index: 1; transition: right 0.4s ease-out; right: -21rem; } .menuSite .container-fluid .menuSite-interne.show, .menuSite .ccm-page .container-sm .menuSite-interne.show, .ccm-page .menuSite .container-sm .menuSite-interne.show, .menuSite .ccm-page .container-md .menuSite-interne.show, .ccm-page .menuSite .container-md .menuSite-interne.show, .menuSite .ccm-page .container-lg .menuSite-interne.show, .ccm-page .menuSite .container-lg .menuSite-interne.show, .menuSite .ccm-page .container-xl .menuSite-interne.show, .ccm-page .menuSite .container-xl .menuSite-interne.show, .menuSite .ccm-page .container-xxl .menuSite-interne.show, .ccm-page .menuSite .container-xxl .menuSite-interne.show { right: 0; } .menuSite .container-fluid .menuSite-interne.show::after, .menuSite .ccm-page .container-sm .menuSite-interne.show::after, .ccm-page .menuSite .container-sm .menuSite-interne.show::after, .menuSite .ccm-page .container-md .menuSite-interne.show::after, .ccm-page .menuSite .container-md .menuSite-interne.show::after, .menuSite .ccm-page .container-lg .menuSite-interne.show::after, .ccm-page .menuSite .container-lg .menuSite-interne.show::after, .menuSite .ccm-page .container-xl .menuSite-interne.show::after, .ccm-page .menuSite .container-xl .menuSite-interne.show::after, .menuSite .ccm-page .container-xxl .menuSite-interne.show::after, .ccm-page .menuSite .container-xxl .menuSite-interne.show::after { right: 0; } .menuSite .container-fluid .menuSite-interne.show::before, .menuSite .ccm-page .container-sm .menuSite-interne.show::before, .ccm-page .menuSite .container-sm .menuSite-interne.show::before, .menuSite .ccm-page .container-md .menuSite-interne.show::before, .ccm-page .menuSite .container-md .menuSite-interne.show::before, .menuSite .ccm-page .container-lg .menuSite-interne.show::before, .ccm-page .menuSite .container-lg .menuSite-interne.show::before, .menuSite .ccm-page .container-xl .menuSite-interne.show::before, .ccm-page .menuSite .container-xl .menuSite-interne.show::before, .menuSite .ccm-page .container-xxl .menuSite-interne.show::before, .ccm-page .menuSite .container-xxl .menuSite-interne.show::before { right: 0; } } @media (max-width: 1199.98px) { .menuSite .dropdown-menu { background: none; } } @media (max-width: 1199.98px) { .menuSite .container-fluid .menuSite-interne > ul, .menuSite .ccm-page .container-sm .menuSite-interne > ul, .ccm-page .menuSite .container-sm .menuSite-interne > ul, .menuSite .ccm-page .container-md .menuSite-interne > ul, .ccm-page .menuSite .container-md .menuSite-interne > ul, .menuSite .ccm-page .container-lg .menuSite-interne > ul, .ccm-page .menuSite .container-lg .menuSite-interne > ul, .menuSite .ccm-page .container-xl .menuSite-interne > ul, .ccm-page .menuSite .container-xl .menuSite-interne > ul, .menuSite .ccm-page .container-xxl .menuSite-interne > ul, .ccm-page .menuSite .container-xxl .menuSite-interne > ul { position: relative; padding-top: 4rem; width: 20rem; height: 100vh; list-style: none; } } @media (max-width: 1199.98px) { .menuSite .container-fluid .menuSite-interne li, .menuSite .ccm-page .container-sm .menuSite-interne li, .ccm-page .menuSite .container-sm .menuSite-interne li, .menuSite .ccm-page .container-md .menuSite-interne li, .ccm-page .menuSite .container-md .menuSite-interne li, .menuSite .ccm-page .container-lg .menuSite-interne li, .ccm-page .menuSite .container-lg .menuSite-interne li, .menuSite .ccm-page .container-xl .menuSite-interne li, .ccm-page .menuSite .container-xl .menuSite-interne li, .menuSite .ccm-page .container-xxl .menuSite-interne li, .ccm-page .menuSite .container-xxl .menuSite-interne li { display: block; width: 100%; } } @media (max-width: 1199.98px) { .menuSite .container-fluid .menuSite-interne li a, .menuSite .ccm-page .container-sm .menuSite-interne li a, .ccm-page .menuSite .container-sm .menuSite-interne li a, .menuSite .ccm-page .container-md .menuSite-interne li a, .ccm-page .menuSite .container-md .menuSite-interne li a, .menuSite .ccm-page .container-lg .menuSite-interne li a, .ccm-page .menuSite .container-lg .menuSite-interne li a, .menuSite .ccm-page .container-xl .menuSite-interne li a, .ccm-page .menuSite .container-xl .menuSite-interne li a, .menuSite .ccm-page .container-xxl .menuSite-interne li a, .ccm-page .menuSite .container-xxl .menuSite-interne li a { display: block; position: relative; padding: 1.5rem 2rem; border-bottom: 0.0625rem solid #C4C4C4; color: #151515; font-family: "Montserrat", Arial, sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; transition: color 0.4s; } .menuSite .container-fluid .menuSite-interne li a::after, .menuSite .ccm-page .container-sm .menuSite-interne li a::after, .ccm-page .menuSite .container-sm .menuSite-interne li a::after, .menuSite .ccm-page .container-md .menuSite-interne li a::after, .ccm-page .menuSite .container-md .menuSite-interne li a::after, .menuSite .ccm-page .container-lg .menuSite-interne li a::after, .ccm-page .menuSite .container-lg .menuSite-interne li a::after, .menuSite .ccm-page .container-xl .menuSite-interne li a::after, .ccm-page .menuSite .container-xl .menuSite-interne li a::after, .menuSite .ccm-page .container-xxl .menuSite-interne li a::after, .ccm-page .menuSite .container-xxl .menuSite-interne li a::after { display: none; } .menuSite .container-fluid .menuSite-interne li a:hover, .menuSite .ccm-page .container-sm .menuSite-interne li a:hover, .ccm-page .menuSite .container-sm .menuSite-interne li a:hover, .menuSite .ccm-page .container-md .menuSite-interne li a:hover, .ccm-page .menuSite .container-md .menuSite-interne li a:hover, .menuSite .ccm-page .container-lg .menuSite-interne li a:hover, .ccm-page .menuSite .container-lg .menuSite-interne li a:hover, .menuSite .ccm-page .container-xl .menuSite-interne li a:hover, .ccm-page .menuSite .container-xl .menuSite-interne li a:hover, .menuSite .ccm-page .container-xxl .menuSite-interne li a:hover, .ccm-page .menuSite .container-xxl .menuSite-interne li a:hover, .menuSite .container-fluid .menuSite-interne li a:focus, .menuSite .ccm-page .container-sm .menuSite-interne li a:focus, .ccm-page .menuSite .container-sm .menuSite-interne li a:focus, .menuSite .ccm-page .container-md .menuSite-interne li a:focus, .ccm-page .menuSite .container-md .menuSite-interne li a:focus, .menuSite .ccm-page .container-lg .menuSite-interne li a:focus, .ccm-page .menuSite .container-lg .menuSite-interne li a:focus, .menuSite .ccm-page .container-xl .menuSite-interne li a:focus, .ccm-page .menuSite .container-xl .menuSite-interne li a:focus, .menuSite .ccm-page .container-xxl .menuSite-interne li a:focus, .ccm-page .menuSite .container-xxl .menuSite-interne li a:focus { background: none; color: black; } } @media (max-width: 1199.98px) { .menuSite .parentLink > a .niveauEnfant { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); height: 100%; color: rgba(0, 0, 0, 0.3); font-size: 1.25rem; text-align: center; } .menuSite .parentLink > a .niveauEnfant::after { content: "\f105"; font-family: "Font Awesome 5 Solid"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; flex: 0 0 auto; } } @media (max-width: 1199.98px) { .menuSite .container-fluid .menuSite-interne > ul > li > ul, .menuSite .ccm-page .container-sm .menuSite-interne > ul > li > ul, .ccm-page .menuSite .container-sm .menuSite-interne > ul > li > ul, .menuSite .ccm-page .container-md .menuSite-interne > ul > li > ul, .ccm-page .menuSite .container-md .menuSite-interne > ul > li > ul, .menuSite .ccm-page .container-lg .menuSite-interne > ul > li > ul, .ccm-page .menuSite .container-lg .menuSite-interne > ul > li > ul, .menuSite .ccm-page .container-xl .menuSite-interne > ul > li > ul, .ccm-page .menuSite .container-xl .menuSite-interne > ul > li > ul, .menuSite .ccm-page .container-xxl .menuSite-interne > ul > li > ul, .ccm-page .menuSite .container-xxl .menuSite-interne > ul > li > ul { position: fixed; top: -0.5rem; left: 100%; padding-top: 4rem; width: 20rem; height: 100%; border: none; border-radius: 0; box-shadow: none; overflow-y: auto; } } @media (max-width: 1199.98px) { .menuSite .dropdown-item { white-space: normal; } } @media (max-width: 1199.98px) { .menuSite .container-fluid .menuSite-interne .menuSite-retour a, .menuSite .ccm-page .container-sm .menuSite-interne .menuSite-retour a, .ccm-page .menuSite .container-sm .menuSite-interne .menuSite-retour a, .menuSite .ccm-page .container-md .menuSite-interne .menuSite-retour a, .ccm-page .menuSite .container-md .menuSite-interne .menuSite-retour a, .menuSite .ccm-page .container-lg .menuSite-interne .menuSite-retour a, .ccm-page .menuSite .container-lg .menuSite-interne .menuSite-retour a, .menuSite .ccm-page .container-xl .menuSite-interne .menuSite-retour a, .ccm-page .menuSite .container-xl .menuSite-interne .menuSite-retour a, .menuSite .ccm-page .container-xxl .menuSite-interne .menuSite-retour a, .ccm-page .menuSite .container-xxl .menuSite-interne .menuSite-retour a { padding-left: 4rem; border-bottom: 0.0625rem solid #C4C4C4; color: #151515; } .menuSite .container-fluid .menuSite-interne .menuSite-retour a::before, .menuSite .ccm-page .container-sm .menuSite-interne .menuSite-retour a::before, .ccm-page .menuSite .container-sm .menuSite-interne .menuSite-retour a::before, .menuSite .ccm-page .container-md .menuSite-interne .menuSite-retour a::before, .ccm-page .menuSite .container-md .menuSite-interne .menuSite-retour a::before, .menuSite .ccm-page .container-lg .menuSite-interne .menuSite-retour a::before, .ccm-page .menuSite .container-lg .menuSite-interne .menuSite-retour a::before, .menuSite .ccm-page .container-xl .menuSite-interne .menuSite-retour a::before, .ccm-page .menuSite .container-xl .menuSite-interne .menuSite-retour a::before, .menuSite .ccm-page .container-xxl .menuSite-interne .menuSite-retour a::before, .ccm-page .menuSite .container-xxl .menuSite-interne .menuSite-retour a::before { content: "\f104"; font-family: "Font Awesome 5 Solid"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); color: rgba(0, 0, 0, 0.3); font-size: 1.25rem; text-align: center; } } .ccm-block-page-attribute-display-wrapper { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: inline-block; } .ccm-block-page-attribute-display-wrapper + .ccm-block-page-attribute-display-wrapper::before, .ccm-block-page-attribute-display-wrapper + .date::before { display: inline-block; content: "•"; margin: 0 0.375rem 0 0.125rem; color: inherit; vertical-align: middle; } .ccm-block-page-attribute-display-wrapper + .date { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; } .nav:not(.flex-column):not(.nav-tabs) { margin: 0 !important; padding: 0; list-style: none; } .nav:not(.flex-column):not(.nav-tabs) > li { position: relative; } .nav:not(.flex-column):not(.nav-tabs) > li > a { display: inline-block; margin-bottom: 0.25rem; padding: 0.5rem 0; padding-right: 2rem; color: #151515; font-size: 1rem; font-weight: 600; line-height: 1; } .nav:not(.flex-column):not(.nav-tabs) > li > a:focus-visible, .nav:not(.flex-column):not(.nav-tabs) > li > a:hover { color: #6133A2; } .nav:not(.flex-column):not(.nav-tabs) > li.nav-path-selected > a { color: #6133A2; } .nav:not(.flex-column):not(.nav-tabs) > li i { display: flex; align-items: center; justify-content: center; position: absolute; top: 0.25rem; right: 0; width: 1.75rem; height: 1.75rem; background: #f2f2f2; border-radius: 50%; color: #757575; transition: background 0.4s, transform 0.4s; } .nav:not(.flex-column):not(.nav-tabs) > li i:hover { background: #E6E6E6; } .colonneDroite .nav:not(.flex-column):not(.nav-tabs) > li i { background: #fff; } .colonneDroite .nav:not(.flex-column):not(.nav-tabs) > li i:hover { background: #E6E6E6; } .nav:not(.flex-column):not(.nav-tabs) > li.nav-selected:first-child { margin-top: -0.9175rem; } .sousMenu .nav:not(.flex-column):not(.nav-tabs) > li.nav-selected:first-child { margin-top: 0; } .nav:not(.flex-column):not(.nav-tabs) > li.nav-selected > a { color: #6133A2; } .nav:not(.flex-column):not(.nav-tabs) ul { list-style: none; } .nav:not(.flex-column):not(.nav-tabs) ul:last-child { margin-bottom: 1rem; } .nav:not(.flex-column):not(.nav-tabs) > li > ul { margin-top: -0.25rem; margin-left: 0; padding-left: 0; } .nav:not(.flex-column):not(.nav-tabs) > li > ul > li > a { display: inline-block; padding: 0.125rem 0; color: #3C3D40; font-size: 0.875rem; } .nav:not(.flex-column):not(.nav-tabs) > li > ul > li > a:focus-visible, .nav:not(.flex-column):not(.nav-tabs) > li > ul > li > a:hover { color: #6133A2; } .nav:not(.flex-column):not(.nav-tabs) > li > ul > li.nav-selected > a { color: #6133A2; } .nav:not(.flex-column):not(.nav-tabs) > li > ul > li ul { margin-bottom: 0.5rem; padding-left: 1rem; border-left: 0.0625rem solid #C4C4C4; } .nav:not(.flex-column):not(.nav-tabs) > li > ul > li ul a { display: inline-block; padding: 0.2rem 0; color: #757575; font-size: 0.875rem; } .nav:not(.flex-column):not(.nav-tabs) > li > ul > li ul a:focus-visible, .nav:not(.flex-column):not(.nav-tabs) > li > ul > li ul a:hover { color: #6133A2; } .nav:not(.flex-column):not(.nav-tabs) > li > ul > li ul li.nav-selected > a { color: #6133A2; } .blocs-cms * + .nav:not(.flex-column):not(.nav-tabs) { margin-top: 3rem; } .tematik_sitemap { position: relative; z-index: 0; } .tematik_sitemap ul { margin-bottom: 0; padding-left: 0; list-style: none; display: block; position: relative; margin: 0 0 0 2rem; padding-top: 0.5rem; } .tematik_sitemap ul::before { content: ""; position: absolute; top: 0; left: 0; width: 0.125rem; height: 0.5rem; background-color: #757575; } .tematik_sitemap ul::after { content: ""; position: absolute; top: 0; left: 0; margin-top: -1.25rem; width: 0.125rem; height: 100%; background-color: #757575; z-index: -1; } .tematik_sitemap li { position: relative; margin-top: 0.5rem; padding-left: 1.25rem; } .tematik_sitemap li::before { content: ""; position: absolute; top: 1.25rem; left: 0; width: 1.25rem; height: 0.125rem; background-color: #757575; } .tematik_sitemap a { display: inline-block; padding: 0 1rem; background-color: #757575; color: #fff; font-weight: normal; text-decoration: none; line-height: 2.5rem; transition: color 0.4s, background-color 0.4s; } .tematik_sitemap a:focus-visible, .tematik_sitemap a:hover { color: #fff; } .tematik_sitemap > ul { margin-left: 0; padding-top: 0; background: none; } .tematik_sitemap > ul::before, .tematik_sitemap > ul::after { display: none; } .tematik_sitemap > ul > li { padding-left: 0; border: none; } .tematik_sitemap > ul > li::before, .tematik_sitemap > ul > li::after { display: none; } .tematik_sitemap > ul > li > a { background-color: #151515; } .tematik_sitemap > ul > li > a:focus-visible, .tematik_sitemap > ul > li > a:hover { background-color: #484848; } .tematik_sitemap > ul > li > ul > li > a { background-color: #6133A2; } .tematik_sitemap > ul > li > ul > li > a:focus-visible, .tematik_sitemap > ul > li > ul > li > a:hover { background-color: #331b54; } .tematik_sitemap > ul > li > ul > li > ul > li > a { background-color: #188178; } .tematik_sitemap > ul > li > ul > li > ul > li > a:focus-visible, .tematik_sitemap > ul > li > ul > li > ul > li > a:hover { background-color: #082b28; } .tematik_sitemap > ul > li > ul > li > ul > li > ul > li > a { background-color: #188178; } .tematik_sitemap > ul > li > ul > li > ul > li > ul > li > a:focus-visible, .tematik_sitemap > ul > li > ul > li > ul > li > ul > li > a:hover { background-color: #082b28; } .ccm-block-feature-item, .blocs-cms .lienRapides-panel-item { display: flex; flex-direction: column; align-items: center; } @media (min-width: 992px) { .ccm-block-feature-item[data-scroll-interaction], .blocs-cms .lienRapides-panel-item[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-feature-item[data-scroll-interaction]:not([data-visible=true]), .blocs-cms .lienRapides-panel-item[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-block-feature-item i, .blocs-cms .lienRapides-panel-item i { position: relative; display: flex; align-items: center; justify-content: center; margin: auto; width: 7rem; height: 7rem; background: #f2f2f2; border-radius: 50%; color: #151515; font-size: 3.75rem; transition: background 0.4s, color 0.4s; } .section .ccm-block-feature-item i, .section .blocs-cms .lienRapides-panel-item i { background: #fff; } .ccm-block-feature-item i.icon-maison, .blocs-cms .lienRapides-panel-item i.icon-maison { font-size: 3rem; } .ccm-block-feature-item i.icon-presse, .blocs-cms .lienRapides-panel-item i.icon-presse { font-size: 2.75rem; } .ccm-block-feature-item i::before, .blocs-cms .lienRapides-panel-item i::before { z-index: 1; } .ccm-block-feature-item i::after, .blocs-cms .lienRapides-panel-item i::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 100%; height: 100%; background: #d9d9d9; border-radius: 50%; z-index: 0; transition: transform 0.4s; } .section-primary .ccm-block-feature-item i::after, .section-primary .blocs-cms .lienRapides-panel-item i::after { background: #4a277b; } .section-secondary .ccm-block-feature-item i::after, .section-secondary .blocs-cms .lienRapides-panel-item i::after { background: #105650; } .section-tertiary .ccm-block-feature-item i::after, .section-tertiary .blocs-cms .lienRapides-panel-item i::after { background: #115c39; } .section-quaternary .ccm-block-feature-item i::after, .section-quaternary .blocs-cms .lienRapides-panel-item i::after { background: #201135; } .section-success .ccm-block-feature-item i::after, .section-success .blocs-cms .lienRapides-panel-item i::after { background: #115c39; } .section-info .ccm-block-feature-item i::after, .section-info .blocs-cms .lienRapides-panel-item i::after { background: #105650; } .section-warning .ccm-block-feature-item i::after, .section-warning .blocs-cms .lienRapides-panel-item i::after { background: #201135; } .section-danger .ccm-block-feature-item i::after, .section-danger .blocs-cms .lienRapides-panel-item i::after { background: #4a277b; } .section-lightest .ccm-block-feature-item i::after, .section-lightest .blocs-cms .lienRapides-panel-item i::after { background: #d9d9d9; } .section-lighter .ccm-block-feature-item i::after, .section-lighter .blocs-cms .lienRapides-panel-item i::after { background: #cdcdcd; } .section-light .ccm-block-feature-item i::after, .section-light .blocs-cms .lienRapides-panel-item i::after { background: #ababab; } .section-gray .ccm-block-feature-item i::after, .section-gray .blocs-cms .lienRapides-panel-item i::after { background: #5c5c5c; } .section-dark .ccm-block-feature-item i::after, .section-dark .blocs-cms .lienRapides-panel-item i::after { background: #232426; } .section-black .ccm-block-feature-item i::after, .section-black .blocs-cms .lienRapides-panel-item i::after { background: black; } .section-trueblack .ccm-block-feature-item i::after, .section-trueblack .blocs-cms .lienRapides-panel-item i::after { background: black; } .ccm-block-feature-item p, .blocs-cms .lienRapides-panel-item p { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; margin-top: 0.75rem !important; text-align: center; font-size: 1rem; line-height: 1.2; } .section .ccm-block-feature-item:focus-visible i, .section .ccm-block-feature-item:hover i, .section .blocs-cms .lienRapides-panel-item:focus-visible i, .section .blocs-cms .lienRapides-panel-item:hover i { color: #fff; } .ccm-block-feature-item:focus-visible i::after, .ccm-block-feature-item:hover i::after, .blocs-cms .lienRapides-panel-item:focus-visible i::after, .blocs-cms .lienRapides-panel-item:hover i::after { transform: translate(-50%, -50%) scale(1); } .ccm-block-feature-item > *:last-child, .blocs-cms .lienRapides-panel-item > *:last-child { margin-bottom: 0; } * + .ccm-block-feature-item, * + .blocs-cms .lienRapides-panel-item { margin-top: 3rem; } @media (min-width: 992px) { .ccm-block-file[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-file[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-block-file a { display: inline-block; position: relative; padding: 1.5rem 2.5rem 1.5rem 5rem; background: #6133A2; border-radius: 0; overflow: hidden; transition: background 0.4s, color 0.4s; } .ccm-block-file a::before { content: "\ea1f"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: inline-block; position: absolute; top: 50%; left: 1.75rem; transform: translateY(-50%); margin-right: 0.5rem; color: #fff; font-size: 1.875rem; z-index: 0; } .ccm-block-file a::after { content: "\ea1f"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: -3.5rem; right: -1rem; color: rgba(24, 129, 120, 0.15); font-size: 6rem; z-index: 0; } .ccm-block-file a:focus-visible, .ccm-block-file a:hover { background: #4a277b; transition: 0.4s; } .ccm-block-file-texte { font-size: 1.25rem; display: block; position: relative; margin-bottom: 0; color: #fff !important; z-index: 1; } .ccm-block-file .file-size { display: block; position: relative; color: #fff; z-index: 1; } * + .ccm-block-file { margin-top: 3rem; } @media (min-width: 992px) { .ccm-block-file-sobre[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-file-sobre[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-block-file-sobre a { display: block; position: relative; padding: 1.5rem 4.5rem 1.5rem 0; border-bottom: 1px solid #E6E6E6; } .ccm-block-file-sobre a::before { content: "\ea1f"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: inline-block; position: absolute; top: 50%; right: 1.75rem; transform: translateY(-50%); color: #6133A2; font-size: 2rem; z-index: 0; transition: 0.4s; } .ccm-block-file-sobre a:focus-visible::before, .ccm-block-file-sobre a:hover::before { transform: translateY(-50%) scale(1.1); color: #4a277b; } .ccm-block-file-sobre a:focus-visible .ccm-block-file-texte, .ccm-block-file-sobre a:hover .ccm-block-file-texte { color: #4a277b !important; } .ccm-block-file-sobre .ccm-block-file-texte { font-size: 1.25rem; display: block; position: relative; margin-bottom: 0; color: #151515 !important; transition: 0.4s; z-index: 1; } .ccm-block-file-sobre .file-size { display: block; position: relative; color: #3C3D40; z-index: 1; } *:not(.ccm-block-file-sobre) + .ccm-block-file-sobre { margin-top: 3rem; } * + [id*=ccm-block-gallery] { margin-top: 3rem; } .ccm-block-gallery .row { margin-right: -0.25rem; margin-left: -0.25rem; grid-gap: 0.25rem; } .ccm-block-gallery .row .ccm-block-gallery-item { flex: 1 1 calc(50% - 0.25rem); max-width: calc(50% - 0.25rem); } @media (min-width: 576px) { .ccm-block-gallery .row .ccm-block-gallery-item { flex: 1 1 33.3333333333%; max-width: calc(33.3333333333% - 0.25rem); } } @media (min-width: 768px) { .ccm-block-gallery .row .ccm-block-gallery-item { flex: 1 1 25%; max-width: calc(25% - 0.25rem); } } @media (min-width: 992px) { .ccm-block-gallery .row .ccm-block-gallery-item { flex: 1 1 20%; max-width: calc(20% - 0.25rem); } .template-2cols .ccm-block-gallery .row .ccm-block-gallery-item { flex: 1 1 25%; max-width: calc(25% - 0.25rem); } } .ccm-block-gallery .ccm-block-gallery-item { display: block; position: relative; overflow: hidden; cursor: pointer; aspect-ratio: 1; } .ccm-block-gallery .ccm-block-gallery-item > div { position: relative; aspect-ratio: 1/1; } .ccm-block-gallery .ccm-block-gallery-item > div::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: calc(100% - 0.25rem); height: calc(100% - 0.25rem); background: #6133A2; mix-blend-mode: multiply; border-radius: 50%; opacity: 0.8; z-index: 1; transition: transform 0.4s; } .ccm-block-gallery .ccm-block-gallery-item > div::after { content: "\ead3"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); color: #fff; font-size: 2.5rem; opacity: 0; z-index: 2; transition: opacity 0.4s, transform 0.4s; } .ccm-block-gallery .ccm-block-gallery-item > div:focus-visible::before, .ccm-block-gallery .ccm-block-gallery-item > div:hover::before { transform: translate(-50%, -50%) scale(1.5); } .ccm-block-gallery .ccm-block-gallery-item > div:focus-visible::after, .ccm-block-gallery .ccm-block-gallery-item > div:hover::after { transform: translate(-50%, -50%); opacity: 1; } .ccm-block-gallery .ccm-block-gallery-item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .ccm-block-gallery .ccm-block-gallery-image { position: relative; width: 100%; height: 100%; overflow: hidden; cursor: pointer; } .ccm-block-gallery .ccm-block-gallery-image-overlay { opacity: 0; transition: opacity 0.3s; } .lg-container .lg-outer .lg-thumb-item { border-radius: 0; border-color: transparent; } .lg-container .lg-outer .lg-thumb-item:focus-visible, .lg-container .lg-outer .lg-thumb-item.active, .lg-container .lg-outer .lg-thumb-item:hover { border-color: #6133A2; } .ccm-image-block { border-radius: 0; } @media (min-width: 992px) { .ccm-image-block[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-image-block[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-image-block:not(:last-child) { margin-bottom: 2rem; } .ccm-image-block.fixed { position: relative; left: calc(50% - 50vw); margin-top: 2rem; width: 100vw; height: 25rem; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 0; } .section + .ccm-image-block.fixed { margin-top: -4rem; } @media (min-width: 992px) { .colonneGauche .ccm-image-block.fixed { left: -3rem; width: 66vw; } } @media (min-width: 1200px) { .colonneGauche .ccm-image-block.fixed { left: -2.8rem; width: calc(100% + 5.15rem); } } .offcanvas-body > .ccm-image-block { aspect-ratio: 16/6; object-fit: cover; margin-bottom: 2rem; } .blocs-cms a:has(.ccm-image-block), .lightgallery .ccm-image-block { position: relative; display: block; overflow: hidden; } .blocs-cms a:has(.ccm-image-block)::before, .lightgallery .ccm-image-block::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 100%; height: auto; background: #6133A2; border-radius: 50%; opacity: 0.8; z-index: 1; aspect-ratio: 1/1; transition: transform 0.4s; } .blocs-cms a:has(.ccm-image-block)::after, .lightgallery .ccm-image-block::after { content: none; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); font-size: 3rem; color: #fff; opacity: 0; z-index: 2; transition: opacity 0.4s, transform 0.4s; } .blocs-cms a:has(.ccm-image-block):focus-visible::before, .blocs-cms a:has(.ccm-image-block):hover::before, .lightgallery .ccm-image-block:focus-visible::before, .lightgallery .ccm-image-block:hover::before { transform: translate(-50%, -50%) scale(2); } .blocs-cms a:has(.ccm-image-block):focus-visible::after, .blocs-cms a:has(.ccm-image-block):hover::after, .lightgallery .ccm-image-block:focus-visible::after, .lightgallery .ccm-image-block:hover::after { transform: translate(-50%, -50%); opacity: 1; } .blocs-cms a:has(.ccm-image-block) { margin-bottom: 2rem; } .blocs-cms a:has(.ccm-image-block)::after { content: "\ead5"; } .blocs-cms a:has(.ccm-image-block) .ccm-image-block { margin-bottom: 0; } .lightgallery { margin-bottom: 2rem; cursor: pointer; } .lightgallery .ccm-image-block::after { content: "\ead2"; } .lightgallery .ccm-image-block, .lightgallery img { margin-bottom: 0; width: 100%; cursor: pointer; } .ccm-image-slider-container { position: relative; } @media (min-width: 992px) { .ccm-image-slider-container[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-image-slider-container[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-image-slider-container ul { margin-bottom: 0; padding-left: 0; list-style: none; position: relative; max-width: 100%; overflow: hidden; } .ccm-image-slider-container ul li { position: relative; margin-bottom: 0 !important; width: 100%; overflow: hidden; } .ccm-image-slider-container ul picture { position: relative; z-index: 0; margin-top: 0; aspect-ratio: 1/1; object-fit: cover; } .ccm-image-slider-container ul picture::after { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #151515; z-index: -2; left: calc(50% - 50vw); } @media (min-width: 768px) { .ccm-image-slider-container ul picture { aspect-ratio: 16/9; } } .ccm-image-slider-container ul picture::after { opacity: 0.3; z-index: 1; } .ccm-image-slider-container ul img { width: 100%; height: auto; object-fit: cover; aspect-ratio: 1/1; } @media (min-width: 768px) { .ccm-image-slider-container ul img { aspect-ratio: 16/9; } } .ccm-image-slider-container ul .mega-link-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(21, 21, 21, 0.4); mix-blend-mode: multiply; z-index: 1; transition: background 0.4s; } .ccm-image-slider-container ul .ccm-image-slider-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 39rem; padding: 2rem; color: #fff; text-align: center; } .ccm-image-slider-container ul .ccm-image-slider-title { font-size: calc(1.4375rem + 2.25vw); color: #fff !important; } @media (min-width: 1200px) { .ccm-image-slider-container ul .ccm-image-slider-title { font-size: 3.125rem; } } .ccm-image-slider-container ul .ccm-image-slider-description { padding-top: 1rem; font-size: 0.875rem; line-height: 1.2; } .ccm-image-slider-container .owl-carousel { padding-top: 2rem; } @media (min-width: 576px) { .ccm-image-slider-container .owl-carousel { padding-top: 0; } } .ccm-image-slider-container .owl-carousel .owl-nav { display: flex; } .ccm-image-slider-container .owl-carousel .owl-nav .owl-prev, .ccm-image-slider-container .owl-carousel .owl-nav .owl-next { display: flex; align-items: center; justify-content: center; position: absolute; top: 0.5rem; transform: unset; width: 3.125rem; height: 3.125rem; background: #371D5C; border-radius: 50%; color: #fff; font-size: 1.75rem; transition: background 0.4s, color 0.4s, opacity 0.4s; } @media (min-width: 768px) { .ccm-image-slider-container .owl-carousel .owl-nav .owl-prev, .ccm-image-slider-container .owl-carousel .owl-nav .owl-next { top: 50%; transform: translateY(-50%); } } .ccm-image-slider-container .owl-carousel .owl-nav .owl-prev.disabled, .ccm-image-slider-container .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.3; } .ccm-image-slider-container .owl-carousel .owl-nav .owl-prev:focus-visible, .ccm-image-slider-container .owl-carousel .owl-nav .owl-prev:not(.disabled):hover, .ccm-image-slider-container .owl-carousel .owl-nav .owl-next:focus-visible, .ccm-image-slider-container .owl-carousel .owl-nav .owl-next:not(.disabled):hover { background: #201135; color: #fff; } .ccm-image-slider-container .owl-carousel .owl-nav .owl-prev { right: 5rem; } @media (min-width: 768px) { .ccm-image-slider-container .owl-carousel .owl-nav .owl-prev { right: unset; left: 1rem; } } .ccm-image-slider-container .owl-carousel .owl-nav .owl-next { right: 1rem; } .ccm-image-slider-container .owl-dots .owl-dot { margin-right: 0.125rem; width: 1rem; height: 0.25rem; background: #C4C4C4; border: 0; border-radius: 0; overflow: hidden; opacity: 0.6; transition: opacity 0.4s, width 0.4s, background 0.4s; } .ccm-image-slider-container .owl-dots .owl-dot:focus-visible, .ccm-image-slider-container .owl-dots .owl-dot:not(.active):hover { opacity: 1; } .ccm-image-slider-container .owl-dots .owl-dot.active { width: 2rem; background: #6133A2; opacity: 1; } .section-lightest .ccm-image-slider-container .owl-dots .owl-dot { opacity: 0.8; } .section-lightest .ccm-image-slider-container .owl-dots .owl-dot.active { background: #188178; } .section-lightest .ccm-image-slider-container .owl-dots .owl-dot:not(.active) { background: #C4C4C4; } * + .ccm-image-slider-container:not(:nth-child(2)) { margin-top: 3rem; } .ccm-image-slider-container.arrondi ul { overflow: visible; } .ccm-image-slider-container.arrondi ul .owl-stage-outer { border-radius: 50%; overflow: hidden; } .ccm-image-slider-container.arrondi ul .owl-stage-outer .owl-item .mega-link-overlay { background: unset; mix-blend-mode: unset; z-index: 2; } .ccm-image-slider-container.arrondi ul .owl-stage-outer .owl-item li img { aspect-ratio: 1/1 !important; } .ccm-image-slider-container.arrondi ul .owl-stage-outer .owl-item .ccm-image-slider-text { z-index: 1 !important; } @media (min-width: 992px) { [class^=col-] .ccm-image-slider-container.arrondi ul .owl-stage-outer .owl-item .ccm-image-slider-text .ccm-image-slider-title { font-size: 2.5rem !important; } } .ccm-image-slider-container.arrondi ul picture:has(+ .ccm-image-slider-text .ccm-image-slider-title) { background: rgba(21, 21, 21, 0.4); } .ccm-image-slider-container.arrondi ul picture { aspect-ratio: 1/1; z-index: 0; } .ccm-image-slider-container.arrondi ul picture::after { display: none; } .ccm-image-slider-container.arrondi ul picture img { height: 100%; mix-blend-mode: multiply; } @media (min-width: 992px) { .ccm-image-slider-container.arrondi .owl-carousel .owl-nav { position: absolute; display: flex; top: 50%; transform: translateY(-50%); width: 100%; justify-content: space-between; visibility: hidden; } .ccm-image-slider-container.arrondi .owl-carousel .owl-nav .owl-prev, .ccm-image-slider-container.arrondi .owl-carousel .owl-nav .owl-next { position: relative; top: unset; transform: unset; visibility: visible; } .ccm-image-slider-container.arrondi .owl-carousel .owl-nav .owl-next { margin-left: 1.5rem; } } .ccm-image-slider-container.arrondi .owl-dots { text-align: center; } .ccm-block-topic-list { box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); margin-bottom: 3rem; } @media (min-width: 992px) { .bandeauInterne + .ccm-block-topic-list, .bandeauInterne + form .ccm-block-topic-list { position: absolute; left: 3rem; transform: translateY(-5.75rem); max-width: 15.3125rem; transition: transform 0.4s, opacity 0.4s; } } .bandeauInterne.openPanel + .ccm-block-topic-list, .bandeauInterne.openPanel + form .ccm-block-topic-list { transform: translateY(-4.5rem); opacity: 0; transition: transform 0.4s, opacity 0.4s; } .ccm-block-topic-list.form-select { padding: 0 1rem; background-position: right 1rem center; border-bottom: 0; } #formCategorie { position: relative; z-index: 1; } @media (min-width: 992px) { #formCategorie { position: absolute; transform: translateY(-5.75rem); width: 20rem; transition: transform 0.4s, opacity 0.4s; z-index: 1; } #formCategorie.masquer { transform: translateY(-2rem); opacity: 0; } } .tematik_manualnavmultiniveaux { margin: 0; padding: 0; list-style: none; } .tematik_manualnavmultiniveaux > li:first-child { margin-top: 2rem; } .footerSite .tematik_manualnavmultiniveaux > li:first-child { margin-top: 1rem; } .tematik_manualnavmultiniveaux > li > a { text-transform: none; display: inline-block; margin-bottom: 0.25rem; padding: 0.5rem 0; padding-right: 2rem; color: #151515; font-size: 1rem; font-weight: 600; line-height: 1; } .tematik_manualnavmultiniveaux > li > a:focus-visible, .tematik_manualnavmultiniveaux > li > a:hover { color: #6133A2; } .tematik_manualnavmultiniveaux > li.nav-selected > a { color: #6133A2; } .tematik_manualnavmultiniveaux > li.active > a { color: #188178; } .tematik_manualnavmultiniveaux > li > ul { margin-top: -0.375rem; margin-bottom: 0.5rem; margin-left: 0; padding: 0; list-style: none; } .tematik_manualnavmultiniveaux > li > ul > li > a { display: inline-block; padding: 0.125rem 0; color: #3C3D40; font-size: 0.875rem; } .tematik_manualnavmultiniveaux > li > ul > li > a:focus-visible, .tematik_manualnavmultiniveaux > li > ul > li > a:hover { color: #6133A2; } .tematik_manualnavmultiniveaux > li > ul > li.nav-selected > a { color: #6133A2; } .tematik_manualnavmultiniveaux > li > ul > li ul { margin-bottom: 0.5rem; padding-left: 1rem; border-left: 0.0625rem solid #C4C4C4; list-style: none; } .tematik_manualnavmultiniveaux > li > ul > li ul a { display: inline-block; padding: 0.2rem 0; color: #757575; font-size: 0.875rem; } .tematik_manualnavmultiniveaux > li > ul > li ul a:focus-visible, .tematik_manualnavmultiniveaux > li > ul > li ul a:hover { color: #6133A2; } .tematik_manualnavmultiniveaux > li > ul > li ul li.nav-selected > a { color: #6133A2; } .blocs-cms * + .tematik_manualnavmultiniveaux { margin-top: 3rem; } .footerSite-copyright .tematik_manualnavmultiniveaux { margin: 0 0 0.375rem; padding: 0; list-style: none; } .footerSite-copyright .tematik_manualnavmultiniveaux > li { margin: 0; display: inline-block; font-size: 0.875rem; vertical-align: middle; } .footerSite-copyright .tematik_manualnavmultiniveaux > li:first-child { margin-top: 0; } .footerSite-copyright .tematik_manualnavmultiniveaux > li + li::before { display: inline-block; content: "•"; margin: 0 0.25rem; color: #757575; vertical-align: middle; } .footerSite-copyright .tematik_manualnavmultiniveaux > li > a { display: inline-block; margin: 0; padding: 0; color: #757575; font-size: 0.875rem; font-weight: 400; line-height: 1.4; vertical-align: middle; } .footerSite-copyright .tematik_manualnavmultiniveaux > li > a:focus-visible, .footerSite-copyright .tematik_manualnavmultiniveaux > li > a:hover { color: #6133A2; } .sectionAnnuaires .tematik_manualnavmultiniveaux { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); margin: 0; padding: 0; list-style: none; } @media (min-width: 992px) { .sectionAnnuaires .tematik_manualnavmultiniveaux[data-scroll-interaction] > li { transition: opacity 0.4s, transform 0.4s; } .sectionAnnuaires .tematik_manualnavmultiniveaux[data-scroll-interaction]:not([data-visible=true]) > li { opacity: 0; transform: translate3d(0, 5rem, 0); } } .sectionAnnuaires .tematik_manualnavmultiniveaux > li { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; margin-bottom: 2rem; } @media (min-width: 768px) { .sectionAnnuaires .tematik_manualnavmultiniveaux > li { flex: 0 0 auto; width: 50%; } } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(1) { transition-delay: 0.2s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(2) { transition-delay: 0.35s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(3) { transition-delay: 0.5s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(4) { transition-delay: 0.65s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(5) { transition-delay: 0.8s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(6) { transition-delay: 0.95s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(7) { transition-delay: 1.1s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(8) { transition-delay: 1.25s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(9) { transition-delay: 1.4s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(10) { transition-delay: 1.55s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(11) { transition-delay: 1.7s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li:nth-child(12) { transition-delay: 1.85s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li > a { display: flex; align-items: center; position: relative; padding: 2rem 5rem 2rem 0; height: 100%; border-bottom: 0.25rem solid rgba(21, 21, 21, 0.15); color: #151515; font-size: 1.375rem; font-weight: 600; text-transform: none; transition: color 0.4s, border-color 0.4s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li > a::after { content: "\e925"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 3.75rem; height: 3.75rem; background: rgba(196, 196, 196, 0.25); border-radius: 50%; color: #198754; transition: background 0.4s, color 0.4s; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li > a:hover, .sectionAnnuaires .tematik_manualnavmultiniveaux > li > a:focus-visible { border-color: #6133A2; color: #6133A2; } .sectionAnnuaires .tematik_manualnavmultiniveaux > li > a:hover::after, .sectionAnnuaires .tematik_manualnavmultiniveaux > li > a:focus-visible::after { background: #6133A2; color: #fff; } .footerSite .sectionAnnuaires .tematik_manualnavmultiniveaux > li > a { padding: 0; color: #757575; font-size: 1rem; } @media (min-width: 992px) { html:not(.ccm-edit-mode) .ccm-block-page-title[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } html:not(.ccm-edit-mode) .ccm-block-page-title[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-block-page-title + .btn, .ccm-block-page-title + .formulaire { margin-top: 2rem !important; } @media (min-width: 992px) { .align-items-end .ccm-block-page-title { margin-bottom: 0; } } .ccm-page .card *:not(.page-title) + .page-title { margin-top: 1rem; } .ccm-page .blocs-cms h2.page-title, .ccm-page .blocs-cms .page-title.h2 { margin-bottom: 2rem; } .ccm-page .blocs-cms h2.page-title:not(:first-child), .ccm-page .blocs-cms .page-title.h2:not(:first-child) { margin-top: 4rem; } .ccm-page .blocs-cms hr + h2.page-title:not(:first-child), .ccm-page .blocs-cms hr + .page-title.h2:not(:first-child) { margin-top: 0; } .ccm-page .blocs-cms h3.page-title:not(:first-child), .ccm-page .blocs-cms .page-title.h3:not(:first-child) { margin-top: 2rem; } @media (min-width: 992px) { .ccm-page .blocs-cms [class*=section] + .page-title, .ccm-page .blocs-cms .card + .page-title { margin-top: 6rem; } } @media (max-width: 991.98px) { .ccm-page .blocs-cms [class*=section] + .page-title, .ccm-page .blocs-cms .card + .page-title { margin-top: 4rem; } } .youtubeBlock { /* $_slideshow-ratio: 16 / 9; height: 100vw / $_slideshow-ratio; */ } .youtubeBlock iframe { width: 100%; aspect-ratio: 16/9; } .headerSite-end .ccm-block-social-links { display: none !important; } @media (min-width: 576px) { .headerSite-end .ccm-block-social-links { display: flex !important; } } @media (min-width: 992px) { .headerSite-end .ccm-block-social-links:has(li) { padding: 0 5rem 0 2rem; height: 5rem; background: #371D5C; } } @media (min-width: 992px) and (min-width: 1200px) { .headerSite-end .ccm-block-social-links:has(li) { padding: 0 2rem; } } .offcanvas .ccm-block-social-links, .detail-info + .ccm-block-social-links { margin-top: 2rem; margin-bottom: 1rem; } .offcanvas .ccm-block-social-links { display: flex; align-items: center; } .ccm-block-social-links .tag { display: block; font-family: "Montserrat", Arial, sans-serif; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } @media (min-width: 992px) { .ccm-block-top-navigation-bar .ccm-block-social-links .tag { display: none; } } .imageFull .ccm-block-social-links .tag { display: none; } .ccm-block-social-links ul.list-inline { display: flex !important; align-items: center !important; margin: 0; } .text-center .ccm-block-social-links ul.list-inline { justify-content: center; } .ccm-block-social-links ul.list-inline li:last-child { margin-right: 0 !important; } .ccm-block-social-links ul.list-inline li:not(:last-child) { margin-right: 0.75rem; } .headerSite-end .ccm-block-social-links ul.list-inline li { margin-right: 0; } .ccm-block-social-links ul.list-inline li a { display: flex; align-items: center; justify-content: center; margin-right: 0.25rem; border-radius: 50%; color: #fff; font-size: 1.5rem; transition: color 0.4s; } .ccm-block-social-links ul.list-inline li a:hover, .ccm-block-social-links ul.list-inline li a:focus-visible { color: #188178; } .headerPage + .blocs-cms .ccm-block-social-links ul.list-inline li a, .offcanvas .ccm-block-social-links ul.list-inline li a { width: 2.5rem; height: 2.5rem; background: #fff; color: #757575; font-size: 1rem; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); transition: background 0.4s, color 0.4s; } .headerPage + .blocs-cms .ccm-block-social-links ul.list-inline li a:hover, .headerPage + .blocs-cms .ccm-block-social-links ul.list-inline li a:focus-visible, .offcanvas .ccm-block-social-links ul.list-inline li a:hover, .offcanvas .ccm-block-social-links ul.list-inline li a:focus-visible { background: #757575; color: #fff; } .offcanvas .ccm-block-social-links ul.list-inline li a { color: #757575; font-size: 1.25rem; } .offcanvas .ccm-block-social-links ul.list-inline li a:hover, .offcanvas .ccm-block-social-links ul.list-inline li a:focus-visible { color: #fff; } .headerSite-end .ccm-block-social-links ul.list-inline li a { margin: 0; padding: 0.375rem; color: #fff; font-size: 1.25rem; transition: opacity 0.4s; } .headerSite-end .ccm-block-social-links ul.list-inline li a:hover, .headerSite-end .ccm-block-social-links ul.list-inline li a:focus-visible { color: #fff; opacity: 0.8; } .footerSite .ccm-block-social-links ul.list-inline li a { margin-top: 1rem; color: #fff; font-size: 1.5rem; } .footerSite .ccm-block-social-links ul.list-inline li a:hover, .footerSite .ccm-block-social-links ul.list-inline li a:focus-visible { color: #188178; } .ccm-block-social-links ul.list-inline li svg { width: 1.25rem; max-height: none !important; } .menuSite .ccm-block-social-links ul.list-inline li svg { width: 1rem; } .footerSite .ccm-block-social-links ul.list-inline li svg { width: 1.375rem; } .ccm-block-share-links { margin-bottom: 2rem; padding: 0 1rem; } @media (min-width: 992px) { .bandeauInterne + .ccm-block-share-links { position: absolute; left: 3rem; transform: translateY(-7.75rem); padding: 0; transition: transform 0.4s, opacity 0.4s; } .bandeauInterne.openPanel + .ccm-block-share-links { transform: translateY(-4.5rem); opacity: 0; transition: transform 0.4s, opacity 0.4s; } } @media (max-width: 991.98px) { .ccm-block-share-this-page { display: flex; align-items: center; } } .ccm-block-share-this-page .tag { display: block; font-family: "Montserrat", Arial, sans-serif; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } @media (min-width: 992px) { .headerPage .ccm-block-share-this-page .tag { margin-bottom: 12.5px; color: #fff; } } .ccm-block-share-this-page ul { display: flex !important; align-items: center !important; margin: 0.5rem 0 0; } @media (max-width: 991.98px) { .ccm-block-share-this-page ul { margin-left: 1rem !important; } } .ccm-block-share-this-page ul li:not(:last-child) { margin-right: 0.75rem; } .ccm-block-share-this-page ul li a { display: flex; align-items: center; justify-content: center; width: 3.125rem; height: 3.125rem; background: #fff; border-radius: 50%; color: #757575; font-size: 1rem; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); transition: background 0.4s, color 0.4s; } .ccm-block-share-this-page ul li a:focus-visible, .ccm-block-share-this-page ul li a:hover { background: #757575; color: #fff; } .ccm-block-share-this-page ul li a i { font-size: 1.5rem; } .tematik_renvoi { display: block; position: relative; } @media (min-width: 992px) { .tematik_renvoi[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .tematik_renvoi[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } div[class^=col] .tematik_renvoi { display: flex; flex-direction: column; height: 100%; } div[class^=col] .tematik_renvoi .tematik_renvoi-image { flex-grow: 1; } @media (min-width: 992px) { .carteInteractive + .row .tematik_renvoi { margin-top: 6rem; } } .tematik_renvoi .tematik_renvoi-image { position: relative; background-size: cover; overflow: hidden; z-index: -1; aspect-ratio: 16/9; } .tematik_renvoi .tematik_renvoi-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .tematik_renvoi .tematik_renvoi-image::before { display: block; content: ""; position: absolute; right: 1rem; bottom: 1rem; transform: scale(1); width: 3.75rem; height: 3.75rem; background: #fff; border-radius: 50%; z-index: 1; transition: transform 0.4s, background 0.4s; } .tematik_renvoi .tematik_renvoi-image::after { content: "\ec5e"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: flex; align-items: center; justify-content: center; position: absolute; right: 1rem; bottom: 1rem; width: 3.75rem; height: 3.75rem; color: #6133A2; font-size: 1.75rem; z-index: 2; transition: transform 0.4s; } .tematik_renvoi > .tematik_renvoi-texte { padding: 1.5rem 2rem; background: #6133A2; color: #fff; } .tematik_renvoi > .tematik_renvoi-texte h2, .tematik_renvoi > .tematik_renvoi-texte .ccm-page .h2, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h2, .tematik_renvoi > .tematik_renvoi-texte h3, .tematik_renvoi > .tematik_renvoi-texte .ccm-page .h3, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h3, .tematik_renvoi > .tematik_renvoi-texte h4, .tematik_renvoi > .tematik_renvoi-texte .ccm-page .h4, .ccm-page .tematik_renvoi > .tematik_renvoi-texte .h4 { font-size: 1.25rem; position: relative; margin: 0; color: #fff !important; text-transform: none; } .tematik_renvoi:focus-visible > .tematik_renvoi-image::before, .tematik_renvoi:hover > .tematik_renvoi-image::before { transform: scale(30); background: rgba(255, 255, 255, 0.7); } .tematik_renvoi:focus-visible > .tematik_renvoi-image::after, .tematik_renvoi:hover > .tematik_renvoi-image::after { transform: rotate(-45deg); } * + .tematik_renvoi { margin-top: 3rem; } .tematik_renvoi--image .tematik_renvoi-texte strong { font-size: 1.25rem; position: relative; margin: 0; color: #fff !important; text-transform: none; font-family: "Arial Black", sans-serif !important; font-weight: 900 !important; } .tematik_renvoi--image .tematik_renvoi-texte small, .tematik_renvoi--image .tematik_renvoi-texte .ccm-page .small, .ccm-page .tematik_renvoi--image .tematik_renvoi-texte .small { opacity: 0.8 !important; } .renvoi-multiple:not(.owl-carousel) { margin-bottom: 0; padding-left: 0; list-style: none; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); } @media (min-width: 992px) { .renvoi-multiple:not(.owl-carousel)[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .renvoi-multiple:not(.owl-carousel)[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .renvoi-multiple:not(.owl-carousel) li { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; margin-bottom: 2rem; } @media (min-width: 768px) { .renvoi-multiple:not(.owl-carousel) li { flex: 0 0 auto; width: 50%; } } @media (min-width: 768px) and (max-width: 1199.98px) { .colonneGauche .renvoi-multiple:not(.owl-carousel) li { flex: 0 0 auto; width: 100%; } } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item { display: block; position: relative; width: 100%; height: 100%; color: #151515; object-fit: cover; } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item .renvoi-multiple-image { position: relative; overflow: hidden; } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item .renvoi-multiple-image::before { display: block; content: ""; position: absolute; right: 1rem; bottom: 1rem; transform: scale(1); width: 3.75rem; height: 3.75rem; background: #fff; border-radius: 50%; z-index: 1; transition: transform 0.4s, background 0.4s; } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item .renvoi-multiple-image::after { content: "\ec5e"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: flex; align-items: center; justify-content: center; position: absolute; right: 1rem; bottom: 1rem; width: 3.75rem; height: 3.75rem; color: #6133A2; font-size: 1.75rem; z-index: 2; transition: transform 0.4s; } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item img { position: relative; width: 100%; object-fit: cover; overflow: hidden; z-index: -1; aspect-ratio: 16/9; } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item .renvoi-multiple-titre { margin-bottom: 0.25rem; color: #fff; } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item .renvoi-multiple-texte { position: relative; padding: 1.5rem 2rem; background: #6133A2; color: #fff; z-index: 1; } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item .renvoi-multiple-description { font-size: 0.875rem; } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:hover .renvoi-multiple-image::before, .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:focus-visible .renvoi-multiple-image::before { transform: scale(25); background: rgba(255, 255, 255, 0.7); } @media (min-width: 768px) { .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:hover .renvoi-multiple-image::before, .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:focus-visible .renvoi-multiple-image::before { transform: scale(35); } } @media (min-width: 992px) { .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:hover .renvoi-multiple-image::before, .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:focus-visible .renvoi-multiple-image::before { transform: scale(25); } } .text-white .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:hover .renvoi-multiple-image::before, .text-white .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:focus-visible .renvoi-multiple-image::before { transform: scale(1.3); } .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:hover .renvoi-multiple-image::after, .renvoi-multiple:not(.owl-carousel) .tematik-renvoi-item:focus-visible .renvoi-multiple-image::after { transform: rotate(-45deg); } * + .renvoi-multiple:not(.owl-carousel) { margin-top: 3rem; } .renvoi-multiple.liensFooter { list-style-type: none; padding: 0; } .renvoi-multiple.liensFooter .tematik-renvoi-item { display: flex; align-items: center; padding-right: 2rem; } @media (max-width: 991.98px) { .renvoi-multiple.liensFooter .tematik-renvoi-item { flex-direction: column; justify-content: center; padding: 0 3.5rem; text-align: center; } } @media (min-width: 992px) { .renvoi-multiple.liensFooter .tematik-renvoi-item::before { display: block; content: ""; width: 3.5rem; height: 3.5rem; position: absolute; top: 0; left: 0; background: #6133A2; opacity: 0.8; border-radius: 50%; transform: scale(0); transition: transform 0.4s; } } @media (min-width: 992px) and (min-width: 992px) { .renvoi-multiple.liensFooter .tematik-renvoi-item::before { width: 7.5rem; height: 7.5rem; } } .renvoi-multiple.liensFooter .tematik-renvoi-item img { margin-bottom: 0.5rem; width: 9rem !important; height: 9rem; object-fit: cover; border-radius: 50%; } @media (min-width: 992px) { .renvoi-multiple.liensFooter .tematik-renvoi-item img { width: 7.5rem !important; height: 7.5rem; margin-right: 1rem; margin-bottom: 0; } } .renvoi-multiple.liensFooter .tematik-renvoi-item .tag { font-family: "Montserrat", Arial, sans-serif; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; line-height: 1.2; } .renvoi-multiple.liensFooter .tematik-renvoi-item:focus-visible::before, .renvoi-multiple.liensFooter .tematik-renvoi-item:hover::before { transform: scale(1); } .renvoi-multiple.liensFooter .tematik-renvoi-item:focus-visible .tag, .renvoi-multiple.liensFooter .tematik-renvoi-item:hover .tag { color: #6133A2; } @media (min-width: 992px) { .renvoi-multiple.liensFooter.owl-carousel .owl-stage-outer { margin-left: 13rem; } } @media (min-width: 992px) { .renvoi-multiple.liensFooter.owl-carousel .owl-nav { display: flex; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } } .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-prev, .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-next { display: flex; align-items: center; justify-content: center; width: 3.125rem; height: 3.125rem; background: #6133A2; border-radius: 50%; color: #fff; font-size: 1.75rem; transition: background 0.4s, color 0.4s, opacity 0.4s; } @media (max-width: 991.98px) { .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-prev, .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); } } .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-prev.disabled, .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-next.disabled { opacity: 0.3; } .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-prev:not(.disabled):hover, .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-prev:focus-visible, .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-next:not(.disabled):hover, .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-next:focus-visible { background: #4a277b; color: #fff; } @media (max-width: 991.98px) { .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-prev { left: 0; } } @media (max-width: 991.98px) { .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-next { right: 0; } } @media (min-width: 992px) { .renvoi-multiple.liensFooter.owl-carousel .owl-nav .owl-next { margin-left: 1.5rem; } } .ccm-block-page-list-wrapper.agendaCarousel { position: relative; z-index: 0; margin-bottom: 2rem; transition-delay: 0.6s !important; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agendaCarousel[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-page-list-wrapper.agendaCarousel[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(5rem, 0, 0); } } .ccm-block-page-list-wrapper.agendaCarousel::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #f2f2f2; z-index: -2; left: calc(50% - 50vw); } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agendaCarousel::before { left: auto; right: 0; } } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agendaCarousel { margin-top: -2rem; margin-bottom: 11rem; padding-right: 6rem; } } .ccm-block-page-list-wrapper.agendaCarousel::before { top: auto; bottom: 0; height: 70%; width: 150vw; } .ccm-block-page-list-wrapper.agendaCarousel a { display: block; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-header { font-size: calc(1.4375rem + 2.25vw); margin-bottom: 2rem; } @media (min-width: 1200px) { .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-header { font-size: 3.125rem; } } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-page-entry-thumbnail { position: relative; margin-bottom: 1rem; border-radius: 50%; overflow: hidden; aspect-ratio: 1/1; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-page-entry-thumbnail::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 100%; height: 100%; background: #371D5C; border-radius: 20rem; opacity: 0.8; z-index: 1; transition: 0.4s; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-page-entry-thumbnail picture { display: block; position: relative; height: 100%; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-page-entry-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-page-entry-text { display: flex; flex-direction: column; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-title { margin-bottom: 1.5rem; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 600 !important; text-align: center; text-transform: none; line-height: 1.2; letter-spacing: 0; transition: color 0.4s; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-date { display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 6.125rem; height: 6.125rem; background: #6133A2; border-radius: 50%; color: #fff; font-size: 1rem; font-weight: 600; z-index: 1; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-date p { margin-bottom: 0; line-height: 1.2; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-date span { text-transform: uppercase; font-size: 0.75rem; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-categorie { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; order: -1; margin-bottom: 0.75rem; color: #151515; text-align: center; } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-item { cursor: pointer; } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-stage-outer { margin: 2rem 0; overflow: visible; } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav { display: flex; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav { position: absolute; top: 0; right: 0; transform: translateY(-6rem); } } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-next { display: flex; align-items: center; justify-content: center; width: 3.125rem; height: 3.125rem; background: #371D5C; border-radius: 50%; color: #fff; font-size: 1.75rem; transition: background 0.4s, color 0.4s, opacity 0.4s; } @media (max-width: 991.98px) { .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); } } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-prev.disabled, .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.3; } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-prev:not(.disabled):hover, .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-next:not(.disabled):hover { background: #201135; color: #fff; } @media (max-width: 991.98px) { .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-prev { left: 0; } } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-next { margin-left: 1.5rem; } @media (max-width: 991.98px) { .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-nav .owl-next { right: 0; } } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-dots { display: flex; align-items: center; height: 0.25rem; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-dots { position: relative; z-index: 0; padding: 3rem 0; width: 65%; } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-dots::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #E6E6E6; z-index: -2; left: calc(50% - 50vw); } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-dots::before { width: 200vw; } } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-dots .owl-dot { width: 100%; height: 0.125rem; background: #C4C4C4; border: 0; border-radius: 0; overflow: hidden; transition: background 0.4s, height 0.4s; } .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-dots .owl-dot:focus-visible, .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-dots .owl-dot:hover, .ccm-block-page-list-wrapper.agendaCarousel .owl-carousel .owl-dots .owl-dot.active { height: 0.25rem; background: #371D5C; } .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-thumbnail::before, .ccm-block-page-list-wrapper.agendaCarousel .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-thumbnail::before, .ccm-block-page-list-wrapper.agendaCarousel .owl-item:focus-visible > a .ccm-block-page-list-page-entry-thumbnail::before { transform: translate(-50%, -50%) scale(1); } .ccm-block-page-list-wrapper.agendaCarousel + .btn { margin-top: 1rem; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agendaCarousel + .btn { position: absolute !important; right: 6rem; bottom: 3rem; transform: translateY(50%); margin-top: 0; z-index: 1 !important; } } .ccm-block-page-list-wrapper.actuUne { position: relative; z-index: 2; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.actuUne[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-page-list-wrapper.actuUne[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } @media (min-width: 992px) { .ccm-block-page-list-wrapper.actuUne { margin-top: -12rem; } } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-header { font-size: calc(1.4375rem + 2.25vw); margin-bottom: 2rem; } @media (min-width: 1200px) { .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-header { font-size: 3.125rem; } } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-horizontal { width: 100%; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-horizontal:not(:last-child) { margin-bottom: 3rem; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-thumbnail { margin-bottom: 1rem; width: 100%; height: 34rem; overflow: hidden; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-thumbnail picture { display: block; position: relative; height: 100%; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-thumbnail picture::after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #6133A2; mix-blend-mode: multiply; opacity: 0; z-index: 1; transition: opacity 0.4s; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-thumbnail img { height: 100%; object-fit: cover; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-text { position: relative; left: 50%; transform: translate(-50%, 0); margin-top: -7rem; margin-bottom: 4rem; padding: 2rem 2.5rem; width: calc(100% - 3rem); background: #188178; z-index: 1; transition: background 0.4s; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-text { position: absolute; bottom: 0; transform: translate(-50%, 50%); margin-top: 0; margin-bottom: 0; } } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-text::after { display: block; content: "Lire la suite"; color: #fff; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; transition: color 0.4s; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-title { color: #fff; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 600 !important; text-transform: none; line-height: 1.2; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-date { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; margin-bottom: 0.75rem; color: #fff; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-description { margin-top: 0.25rem; margin-bottom: 0.75rem; color: #fff; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-horizontal:hover, .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-horizontal:focus-visible { outline: auto; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-thumbnail picture::after, .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-thumbnail picture::after { opacity: 1; } .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-text, .ccm-block-page-list-wrapper.actuUne .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-text { background: #105650; } * + .ccm-block-page-list-wrapper.actuUne { margin-top: 3rem; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.actuCarousel[data-scroll-interaction], .ccm-block-page-list-wrapper.actusGrid[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-page-list-wrapper.actuCarousel[data-scroll-interaction]:not([data-visible=true]), .ccm-block-page-list-wrapper.actusGrid[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(5rem, 0, 0); } } @media (min-width: 992px) { .ccm-block-page-list-wrapper.actuCarousel, .ccm-block-page-list-wrapper.actusGrid { margin-top: 0rem; } .home .ccm-block-page-list-wrapper.actuCarousel, .home .ccm-block-page-list-wrapper.actusGrid { margin-top: -4rem; padding-right: 1rem; } } .home .ccm-block-page-list-wrapper.actuCarousel, .home .ccm-block-page-list-wrapper.actusGrid { transition-delay: 0.6s !important; } .ccm-block-page-list-wrapper.actuCarousel a, .ccm-block-page-list-wrapper.actusGrid a { display: block; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-header, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-header { font-size: calc(1.4375rem + 2.25vw); margin-bottom: 2rem; } @media (min-width: 1200px) { .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-header, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-header { font-size: 3.125rem; } } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-thumbnail, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-thumbnail { position: relative; overflow: hidden; aspect-ratio: 4/3; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-thumbnail::before, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-thumbnail::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 100%; height: auto; background: #6133A2; border-radius: 50%; opacity: 0.8; z-index: 1; aspect-ratio: 1/1; transition: transform 0.4s; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-thumbnail picture, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-thumbnail picture { display: block; position: relative; height: 100%; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-thumbnail img, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-text, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-text { display: flex; flex-direction: column; position: relative; margin-top: 1.5rem; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-text::after, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-text::after { display: block; content: "Lire la suite"; color: #C4C4C4; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; transition: color 0.4s; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-title, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-title { margin-bottom: 0.5rem; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 600 !important; text-transform: none; line-height: 1.2; transition: color 0.4s; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-date, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-date { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; position: relative; margin-bottom: 0.75rem; color: #151515; z-index: 2; transition: color 0.4s; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-description, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-description { margin-bottom: 1rem; color: #151515; } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav { display: flex; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav { position: absolute; top: 0; right: 2rem; transform: translateY(-4rem); } .home .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav, .home .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav { transform: translateY(-6rem); } } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next { display: flex; align-items: center; justify-content: center; width: 3.125rem; height: 3.125rem; background: #371D5C; border-radius: 50%; color: #fff; font-size: 1.75rem; transition: background 0.4s, color 0.4s, opacity 0.4s; } @media (max-width: 991.98px) { .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next { position: absolute; top: 25% !important; transform: translateY(-25%) !important; } } @media (max-width: 767.98px) { .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next { position: absolute; top: calc(25% + 2.5rem) !important; } } @media (max-width: 575.98px) { .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next { position: absolute; top: calc(25% + 1rem) !important; } } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev.disabled, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next.disabled, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev.disabled, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.3; } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev:focus-visible, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev:not(.disabled):hover, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next:focus-visible, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next:not(.disabled):hover, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev:focus-visible, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev:not(.disabled):hover, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next:focus-visible, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next:not(.disabled):hover { background: #201135; color: #fff; } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev:focus-visible, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next:focus-visible, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev:focus-visible, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next:focus-visible { outline: auto; } @media (max-width: 991.98px) { .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-prev { left: 0; } } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next { margin-left: 1.5rem; } @media (max-width: 991.98px) { .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-nav .owl-next, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-nav .owl-next { right: 0; } } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-dots, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-dots { display: flex; align-items: center; margin-top: 2rem; height: 0.25rem; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-dots, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-dots { padding: 3rem 0; } .home .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-dots, .home .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-dots { width: 50%; } } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-dots .owl-dot, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-dots .owl-dot { width: 100%; height: 0.125rem; background: #C4C4C4; border: 0; border-radius: 0; overflow: hidden; transition: background 0.4s, height 0.4s; } .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-dots .owl-dot:hover, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-dots .owl-dot:focus-visible, .ccm-block-page-list-wrapper.actuCarousel .owl-carousel .owl-dots .owl-dot.active, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-dots .owl-dot:hover, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-dots .owl-dot:focus-visible, .ccm-block-page-list-wrapper.actusGrid .owl-carousel .owl-dots .owl-dot.active { height: 0.25rem; background: #198754; } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-thumbnail::before, .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-thumbnail::before, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-thumbnail::before, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-thumbnail::before { transform: translate(-50%, -50%) scale(1.5); } .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-text::after, .ccm-block-page-list-wrapper.actuCarousel .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-text::after, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-text::after, .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-text::after { color: #6133A2; } .ccm-block-page-list-wrapper.actuCarousel + .btn, .ccm-block-page-list-wrapper.actusGrid + .btn { margin-top: 1rem; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.actuCarousel + .btn, .ccm-block-page-list-wrapper.actusGrid + .btn { position: absolute !important; right: 4rem; bottom: 3rem; transform: translateY(50%); margin-top: 0; z-index: 1 !important; } } .ccm-block-page-list-wrapper.actusGrid .ccm-block-page-list-pages { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); } .ccm-block-page-list-wrapper.actusGrid a { margin-bottom: 2rem; padding: 1.125rem; } @media (min-width: 576px) { .ccm-block-page-list-wrapper.actusGrid a { flex: 0 0 auto; width: 50%; } } @media (min-width: 1500px) { .ccm-block-page-list-wrapper.actusGrid a { flex: 0 0 auto; width: 33.33333333%; } } .section-debord-gauche .ccm-block-page-list-wrapper.actuCarousel .owl-stage-outer { width: 100vw; } .section-debord-gauche .ccm-block-page-list-wrapper.actuCarousel .owl-nav { right: 0; } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); align-items: center; position: relative; padding: 2rem 0; width: 100%; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } @media (max-width: 767.98px) { .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal { width: calc(100% + 2rem); } } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal:not(:last-child)::after { display: block; content: ""; position: absolute; left: 1rem; bottom: 0; width: calc(100% - 2rem); height: 1px; background-color: #E6E6E6; } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-thumbnail { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; margin-bottom: 1.5rem; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-thumbnail { flex: 0 0 auto; width: 25%; margin-bottom: 0; } } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-thumbnail picture { position: relative; overflow: hidden; } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-thumbnail picture::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 100%; min-height: 100%; background: #6133A2; border-radius: 50%; opacity: 0.8; z-index: 1; aspect-ratio: 1/1; transition: transform 0.4s; } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-text { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; align-items: center; position: relative; padding-right: 4rem; } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-text::after { content: "\ec5e"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 2rem; height: 2rem; background: #6133A2; border-radius: 50%; color: #fff; font-size: 1.25rem; z-index: 1; transition: background 0.4s, right 0.4s; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-text::after { width: 3rem; height: 3rem; font-size: 1.5rem; } } @media (min-width: 768px) { .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-thumbnail + .ccm-block-page-list-page-entry-text { flex: 0 0 auto; width: 75%; } } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-title { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; padding-right: 0; padding-left: 0; color: #151515; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 600 !important; letter-spacing: 0; transition: color 0.4s; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.liste .ccm-block-page-list-title { flex: 0 0 auto; width: 58.33333333%; } } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-description { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.liste .ccm-block-page-list-description { flex: 0 0 auto; width: 41.66666667%; } } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-text::after, .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-text::after { background: #4a277b; right: 0.5rem; } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-thumbnail picture::before, .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-thumbnail picture::before { transform: translate(-50%, -50%) scale(1.5); } .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-title, .ccm-block-page-list-wrapper.liste .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-title { color: #6133A2; } * + .ccm-block-page-list-wrapper.liste { margin-top: 3rem; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); } @media (max-width: 991.98px) { .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages { margin-left: 0; margin-right: 0; } } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; display: block; position: relative; margin-bottom: 3rem; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } @media (min-width: 576px) { .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a { flex: 0 0 auto; width: 50%; } } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a { flex: 0 0 auto; width: 33.33333333%; } } @media (min-width: 1500px) { .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a { flex: 0 0 auto; width: 25%; } } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:focus-visible { outline: auto; } @media (min-width: 992px) { .template-2cols .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a { flex: 0 0 auto; width: 50%; } } @media (min-width: 1200px) { .template-2cols .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a { flex: 0 0 auto; width: 33.33333333%; } } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(1) { transition-delay: 0.2s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(2) { transition-delay: 0.35s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(3) { transition-delay: 0.5s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(4) { transition-delay: 0.65s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(5) { transition-delay: 0.8s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(6) { transition-delay: 0.95s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(7) { transition-delay: 1.1s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(8) { transition-delay: 1.25s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(9) { transition-delay: 1.4s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(10) { transition-delay: 1.55s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(11) { transition-delay: 1.7s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages a:nth-child(12) { transition-delay: 1.85s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-header { font-size: calc(1.4375rem + 2.25vw); margin-bottom: 2rem; } @media (min-width: 1200px) { .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-header { font-size: 3.125rem; } } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-thumbnail { position: relative; margin-bottom: 1rem; border-radius: 50%; overflow: hidden; aspect-ratio: 1/1; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-thumbnail::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 100%; height: 100%; background: #371D5C; border-radius: 50%; opacity: 0.8; z-index: 1; transition: 0.4s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-thumbnail picture { display: block; position: relative; height: 100%; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-text { display: flex; flex-direction: column; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-title { margin-bottom: 1.5rem; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 600 !important; text-align: center; text-transform: none; line-height: 1.2; letter-spacing: 0; transition: color 0.4s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-date { display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 7.125rem; height: 7.125rem; background: #6133A2; border-radius: 50%; color: #fff; font-size: 1.125rem; font-weight: 600; z-index: 1; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-date p { margin-bottom: 0; line-height: 1.2; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-date span { text-transform: uppercase; font-size: 0.75rem; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-categorie { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; order: -1; margin-bottom: 0.75rem; color: #151515; text-align: center; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-stage-outer { overflow: visible; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav { position: absolute; top: 1rem; left: 0; transform: translateX(-50%); } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-prev, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-next { display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 3.75rem; background: #fff; border-radius: 50%; color: #188178; font-size: 1.75rem; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); transition: background 0.4s, color 0.4s, opacity 0.4s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-prev.disabled, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.3; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-prev:focus-visible, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-prev:not(.disabled):hover, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-next:focus-visible, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-next:not(.disabled):hover { background: #188178; color: #fff; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-nav .owl-next { margin-top: 0.375rem; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-dots { display: flex; margin-top: 3rem; margin-bottom: 5rem; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-dots { width: calc(100% + 4rem); } } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-dots .owl-dot { width: 100%; height: 0.1875rem; background: #E6E6E6; border: 0; border-radius: 0; overflow: hidden; transition: background 0.4s; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-dots .owl-dot:not(:last-child) { margin-right: 0.5rem; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-dots .owl-dot:focus-visible, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-dots .owl-dot:hover, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .owl-carousel .owl-dots .owl-dot.active { background: #371D5C; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-thumbnail::before, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-thumbnail::before { transform: translate(-50%, -50%) scale(1); } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-title, .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-title { color: #371D5C; } .ccm-block-page-list-wrapper.agenda .alert.alert-primary { display: flex; flex-direction: column; row-gap: 1rem; padding: 2rem; font-weight: 700; width: 100%; } .ccm-block-page-list-wrapper.agenda .alert.alert-primary .alert-link { color: #6133A2; background-color: #fff; border-color: #fff; margin-bottom: 0; padding: 0.5rem 1rem; width: fit-content; transition: background 0.4s; } .ccm-block-page-list-wrapper.agenda .alert.alert-primary .alert-link .alert-link { color: #4e2982; } .ccm-block-page-list-wrapper.agenda .alert.alert-primary .alert-link:focus-visible, .ccm-block-page-list-wrapper.agenda .alert.alert-primary .alert-link:hover { background: #e6e6e6; } @media (min-width: 992px) { .colonneGauche:has(.ccm-block-page-list-wrapper.agenda) { padding: 0 4rem 0 4rem !important; } } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal { display: block; position: relative; width: 100%; padding: 2rem 0; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal:first-child { margin-top: -2rem; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal::after { content: "\ec5e"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 3rem; height: 3rem; background: #6133A2; border-radius: 50%; color: #fff; font-size: 1.5rem; z-index: 1; transition: background 0.4s; } } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal:not(:last-child) { border-bottom: 0.0625rem solid #E6E6E6; } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-text { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); align-items: center; padding-right: 4rem; } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-title { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 600 !important; letter-spacing: 0; transition: color 0.4s; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-title { flex: 0 0 auto; width: 58.33333333%; margin-bottom: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-title { flex: 0 0 auto; width: 100%; margin-bottom: 0.5rem; } } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-infos { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-infos { flex: 0 0 auto; width: 41.66666667%; } } @media (min-width: 992px) and (max-width: 1199.98px) { .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-infos { flex: 0 0 auto; width: 100%; } } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-categorie, .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-adresse { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; color: #757575; } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-categorie i, .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-adresse i { position: relative; top: 0.1875rem; font-size: 1.5rem; } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal:hover::after, .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal:focus-visible::after { background: #4a277b; } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-thumbnail picture::before, .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-thumbnail picture::before { opacity: 0.8; } .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-title, .ccm-block-page-list-wrapper.annuaire .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-title { color: #188178; } * + .ccm-block-page-list-wrapper.annuaire { margin-top: 3rem; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal { display: block; position: relative; width: 100%; padding: 2rem 0; } @media (min-width: 992px) { .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal[data-scroll-interaction] { transition: opacity 0.4s, transform 0.4s; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal[data-scroll-interaction]:not([data-visible=true]) { opacity: 0; transform: translate3d(0, 5rem, 0); } } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal:first-child { margin-top: -2rem; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal::after { content: "\ec5e"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 3rem; height: 3rem; background: #6133A2; border-radius: 50%; color: #fff; font-size: 1.5rem; z-index: 1; transition: background 0.4s; } } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal:not(:last-child) { border-bottom: 0.0625rem solid #E6E6E6; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-text { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); align-items: center; padding-right: 4rem; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-title { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-title { flex: 0 0 auto; width: 58.33333333%; } } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-title { margin-bottom: 0.25rem; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 600 !important; letter-spacing: 0; transition: color 0.4s; } .ccm-block-page-list-wrapper.offresEmploi .tip { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; color: #757575; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-infos { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; } @media (min-width: 768px) { .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-infos { flex: 0 0 auto; width: 41.66666667%; } } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-categorie, .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-adresse { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; color: #757575; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-categorie i, .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-adresse i { position: relative; top: 0.1875rem; font-size: 1.5rem; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal:hover::after, .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal:focus-visible::after { background: #4a277b; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-page-entry-thumbnail picture::before, .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-page-entry-thumbnail picture::before { opacity: 0.8; } .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal:hover .ccm-block-page-list-title, .ccm-block-page-list-wrapper.offresEmploi .ccm-block-page-list-page-entry-horizontal:focus-visible .ccm-block-page-list-title { color: #188178; } * + .ccm-block-page-list-wrapper.offresEmploi { margin-top: 3rem; } .calameo-block { position: relative; z-index: 0; display: flex; align-items: center; margin-bottom: 1rem; padding: 2.5rem 0 2.5rem 11rem; } .calameo-block::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #371D5C; z-index: -2; left: calc(50% - 50vw); } @media (min-width: 992px) { .calameo-block::before { left: auto; right: 0; } } @media (min-width: 576px) { .calameo-block { margin-bottom: 4rem; padding-left: 15rem; } } .calameo-block::before { left: 0; width: 100%; height: 100%; background: #371D5C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='461' height='266.368' viewBox='0 0 461 266.368'%3E %3Cdefs%3E %3CclipPath id='clip-path'%3E %3Crect id='Rectangle_117' data-name='Rectangle 117' width='461' height='266.368' fill='%23fff'/%3E %3C/clipPath%3E %3C/defs%3E %3Cg id='Groupe_417' data-name='Groupe 417' transform='translate(-363 -3184.681)' opacity='0.08'%3E %3Cg id='Groupe_416' data-name='Groupe 416' transform='translate(363 3184.681)'%3E %3Cg id='Groupe_415' data-name='Groupe 415' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E %3Cpath id='Tracé_160' data-name='Tracé 160' d='M196.022,123.532c-2.023-1.647-2.992-4.3-4.789-6.341-2.964-3.373-5.264-7.226-7.932-10.8-2.794-3.749-5.575-7.485-8.138-11.394-3.368-5.151-6.925-10.175-10.2-15.378-3.839-6.087-7.532-12.274-11.173-18.479q-3.479-5.942-6.628-12.067a5.251,5.251,0,0,1,.908-6.468c4.535-5,8.1-10.74,12.034-16.192,5.278-7.306,9.823-15.063,14.546-22.717a21.687,21.687,0,0,0,1.308-2.465A1.913,1.913,0,0,1,177.967.006,1.825,1.825,0,0,1,179.7,1.577C182.61,12.83,187.291,23.419,192.16,33.9a300.03,300.03,0,0,0,14.715,28.071q6.125,10.2,12.363,20.341c4.479,7.325,9.31,14.4,14.268,21.367,5.024,7.052,9.931,14.235,15.708,20.741.489.56,1.12,1.1.823,1.957-.334,1-1.261.936-2.093,1.087-4.549.842-9.075,2.131-13.666,2.451-4.13.292-8.016,1.562-11.991,2.319-3.679.7-7.508,1.063-11.069,2.644-2.249,1-4.935,1.148-7.362,1.425-3.2.362-6.045,1.736-9.169,2.3a109.4,109.4,0,0,0-11.511,3.185c-5.956,1.759-11.925,3.524-17.839,5.429-5.405,1.745-10.684,3.914-16.141,5.485-6.558,1.886-12.664,4.9-18.991,7.339-5.2,2-10.18,4.681-15.435,6.671-.522.2-1.058.677-1.543.626-4.869-.517-9.319,1.8-14.113,1.976-3.326.122-6.6,1.153-9.921,1.675a138.883,138.883,0,0,0-15.825,3.063c-5.739,1.614-11.676,2.046-17.4,3.8-3.133.955-6.652,1.628-9.945,2.38-4.29.983-8.778,1.694-12.819,3.693-.809.4-1.694.79-2.3-.024-.814-1.082.339-1.36.993-1.825a190.016,190.016,0,0,1,29.4-17.011c5.071-2.39,10.1-4.9,15.237-7.127,4.271-1.854,8.755-3.208,13.007-5.09,6.643-2.94,13.577-5.043,20.431-7.32,5.7-1.891,11.356-4,17.3-5.227,4.53-.931,8.886-2.691,13.4-3.735,3.34-.781,6.511-2.286,10.039-2.376,2.329-.061,4.323-1.44,6.661-1.858,2.879-.517,5.763-1.35,8.708-1.8,4.4-.673,8.759-1.741,13.069-2.724,3.98-.908,8.11-.931,11.972-2.282a14.23,14.23,0,0,1,3.839-.837c.555-.028,1.19-.085,1.073-1.148' transform='translate(113.428 0)' fill='%23fff'/%3E %3Cpath id='Tracé_161' data-name='Tracé 161' d='M192.577,99.62c-1.524.64-2.71-.183-3.636-.644-4.892-2.432-10.4-2.653-15.463-4.488a25.9,25.9,0,0,0-8.792-1.2c-6.821.08-13.271-2.653-20.069-2.018-4.93.466-9.719-.663-14.555-1.27a5.852,5.852,0,0,1-3.274-1.51c-7.376-6.652-15.148-12.852-22.642-19.372C94.468,60.7,85.587,51.547,76.437,42.637a41.013,41.013,0,0,1-3.27-3.5c-1.091-1.336-1.03-2.761,1-2.616,7.471.541,14.607-2.484,22.106-1.8a51.215,51.215,0,0,0,15.124-1.247,43.129,43.129,0,0,1,6.468-.367,5.408,5.408,0,0,1,4.817,2.357c8.595,10.749,18.671,20.083,28.645,29.487,6.882,6.487,14.075,12.683,21.442,18.629a187.586,187.586,0,0,0,15.9,12.09,13,13,0,0,1,3.909,3.952' transform='translate(268.423 122.595)' fill='%23fff'/%3E %3Cpath id='Tracé_162' data-name='Tracé 162' d='M353.193,45.722c-1.327,1.341-2.691,1.223-3.97,1.265-6.388.212-12.843-.122-19.151.7-9.38,1.218-18.864.038-28.1,1.28-7.79,1.044-15.59.626-23.268,1.637-5.725.753-11.671-.179-17.044,1.256-7.475,2-15.28,0-22.51,2.827a.646.646,0,0,1-.278.052c-7.188-.8-14.118,1.425-21.179,2.037-6.158.532-12.57.033-18.526,2.395a1.211,1.211,0,0,1-.55.118c-6.073-.734-11.8,1.722-17.811,1.952-4.493.169-8.952,1.534-13.511,1.99a48.54,48.54,0,0,0-6.647.851c-4.869,1.195-9.94,1.143-14.739,2.634-.447.136-.917.461-1.336.4-4.784-.692-9.211,1.364-13.751,2.126-4.149.692-8.43.715-12.622,2.061a66.2,66.2,0,0,1-10.589,2.206c-4.309.612-8.665.917-12.824,2.46-2.6.96-5.457,1-8.167,1.595-5.433,1.195-10.909,2.385-16.352,3.552-3.387.724-6.944,1.058-10.208,2.569A31.311,31.311,0,0,1,52.812,85.5c-4.935.941-9.747,2.357-14.607,3.5-4.107.974-8.087,2.71-12.255,3.636C19.943,93.97,14.364,96.633,8.38,98.067A15.022,15.022,0,0,0,2.264,100.7c-.635.513-1.425.757-2.009.038-.649-.8.08-1.322.6-1.882C2.744,96.84,5.214,95.6,7.416,94.022c8.52-6.13,17.152-12.1,25.733-18.14a12.9,12.9,0,0,1,5.772-1.938c4.093-.621,8.106-1.731,12.151-2.649a7.525,7.525,0,0,1,1.336-.419c7.024-.2,13.751-2.395,20.652-3.42,4.05-.6,8.6-.315,12.434-2.564a2.344,2.344,0,0,1,1.364-.292c4.464.56,8.872-.71,13-1.651,5.02-1.143,10.364-.3,15.106-2.667a1.041,1.041,0,0,1,.541-.146c5.612.677,10.9-1.482,16.376-2.065,5.4-.574,11.083-.047,16.268-2.362a1.152,1.152,0,0,1,.546-.132c6.436.772,12.575-1.487,18.911-1.891,7.254-.466,14.461-1.656,21.687-2.531a3.752,3.752,0,0,1,.828-.151c8.214.847,16.141-1.8,24.317-1.924,8.877-.136,17.764-1.181,26.617-1.877,7.475-.593,14.955-.814,22.421-1.369,27.139-2.018,54.316-.809,81.474-1.148,2.653-.033,5.438-.517,8.242,1.035' transform='translate(-0.001 165.178)' fill='%23fff'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat right -3rem center; } .calameo-block .calameo-illustration { position: absolute; top: 2rem; left: 2rem; max-width: 7.5rem; object-fit: cover; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); aspect-ratio: 1/2; } @media (min-width: 576px) { .calameo-block .calameo-illustration { max-width: 11rem; } } .calameo-block .calameo-title { color: #fff; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 700; text-transform: none; } .calameo-block .calameo-date { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: block; color: #f2f2f2; } .calameo-block .btn-download { display: flex; align-items: center; margin-top: 1rem; color: #fff; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } .calameo-block .btn-download i { display: flex; align-items: center; justify-content: center; margin-right: 0.5rem; width: 2.5rem; height: 2.5rem; background: #fff; border-radius: 50%; color: #151515; font-size: 1.5rem; transition: background 0.4s, color 0.4s; } .calameo-block .btn-download:focus-visible, .calameo-block .btn-download:hover { color: #188178; } .calameo-block .btn-download:focus-visible i, .calameo-block .btn-download:hover i { background: #188178; color: 0.4s; } /* ////////////////////////////////////////////////////// */ /* modal */ /* /////////////////////////////////////////////////////// */ #modalCalameo { position: fixed; } .tematik_publication_modal_wrapper { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; z-index: 999; } .tematik_publication_modal { padding: 3rem 1.5rem 1rem; width: clamp(320px, 80vw, 900px); background-color: #fff; box-shadow: 0 5px 20px 0 rgba(22, 22, 21, 0.1); box-shadow: 0 5px 20px 0 rgba(22, 22, 21, 0.1); z-index: 999; outline: 0; overflow-x: hidden; overflow-y: hidden; } .tematik_publication_modal_overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.75); z-index: -1; } .tematik_publication_modal iframe { height: auto !important; border: none; aspect-ratio: 3/2 !important; } .tematik_publication_modal .close { position: absolute; top: 0.5em; right: 0.5em; padding: 0.25em; width: 1.5em; height: 1.5em; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23151515'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; color: #151515; text-indent: -999px; overflow: hidden; opacity: 1; transition: all 0.2s linear; box-sizing: content-box; } .tematik_publication_modal .close:hover { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23151515'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.2em auto no-repeat; opacity: 0.75; } .ccm-block-trombinoscope { margin-bottom: 2.5rem; height: 100%; background-color: #f2f2f2; font-size: 0.875rem; } .section-lightest .ccm-block-trombinoscope { background-color: #fff; } .ccm-block-trombinoscope .ccm-block-trombi-entry-thumbnail { position: relative; overflow: hidden; } .ccm-block-trombinoscope .ccm-block-trombi-entry-thumbnail picture img { aspect-ratio: 3/4; height: auto; object-fit: cover; } .ccm-block-trombinoscope .ccm-block-trombi-entry-text { padding: 0.875rem; } @media (min-width: 1500px) { .ccm-block-trombinoscope .ccm-block-trombi-entry-text { padding: 2.1875rem; } } .ccm-block-trombinoscope .ccm-block-trombi-entry-text .nom { margin-bottom: 0.5rem; color: #151515; font-size: 1.25rem; } @media (min-width: 1200px) { .ccm-block-trombinoscope .ccm-block-trombi-entry-text .nom { font-size: 1.5rem; } } @media (min-width: 1500px) { .ccm-block-trombinoscope .ccm-block-trombi-entry-text .nom { font-size: 2.5rem; } } .ccm-block-trombinoscope .ccm-block-trombi-entry-text .fonction { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; margin-bottom: 1rem; color: #757575; } .ccm-block-trombinoscope .ccm-block-trombi-entry-text .telephone { display: block; color: #6133A2; font-size: 0.875rem; } .ccm-block-trombinoscope .ccm-block-trombi-entry-text .telephone::before { content: "\ecfd"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: inline-block; margin-right: 0.75rem; font-size: 1.5rem; vertical-align: middle; } .ccm-block-trombinoscope .ccm-block-trombi-entry-text .email { display: block; font-size: 0.875rem; } .ccm-block-trombinoscope .ccm-block-trombi-entry-text .email a { color: #6133A2; } .ccm-block-trombinoscope .ccm-block-trombi-entry-text .email a:focus-visible, .ccm-block-trombinoscope .ccm-block-trombi-entry-text .email a:hover { color: #188178; } .ccm-block-trombinoscope .ccm-block-trombi-entry-text .email a::before { content: "\eabf"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: inline-block; margin-right: 0.75rem; font-size: 1.5rem; vertical-align: middle; } .tematik_counter { text-align: center; display: inline-block; padding: 1rem; } @media (max-width: 575.98px) { .tematik_counter { margin-top: 0.75rem; margin-bottom: 0.75rem; } } .tematik_counter i { font-size: 4rem; } .tematik_counter img { max-width: 5rem; } .tematik_counter .counter { margin-top: 0.5rem; color: #151515; font-size: 1.25rem; font-weight: 900; line-height: 1; } .tematik_counter .counter span { font-size: calc(1.4375rem + 2.25vw); } @media (min-width: 1200px) { .tematik_counter .counter span { font-size: 3.125rem; } } .text-white .tematik_counter .counter, .text-white .tematik_counter .counter span { color: #fff; } .tematik_counter p { margin-bottom: 0; } @media (min-width: 576px) { .tematik_counter p { max-width: 10rem; } } * + .tematik_counter { margin-top: 3rem; } .tematik_publication-container { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.75 * var(--bs-gutter-x)); margin-left: calc(-0.75 * var(--bs-gutter-x)); } .tematik_publication-container > .tematik_publication { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 100%; } @media (min-width: 992px) { .tematik_publication-container > .tematik_publication:not(:only-child) { flex: 0 0 auto; width: 50%; } } .colonneGauche .tematik_publication-container > .tematik_publication:not(:only-child) { flex: 0 0 auto; width: 100%; } @media (min-width: 1500px) { .colonneGauche .tematik_publication-container > .tematik_publication:not(:only-child) { flex: 0 0 auto; width: 50%; } } .tematik_publication { margin-bottom: 2rem; } .tematik_publication-contenu { display: flex; flex-wrap: wrap; align-items: center; padding: 1.5rem; color: #fff; height: 100%; background: #371D5C; } @media (min-width: 576px) { .tematik_publication-contenu { flex-wrap: nowrap; } } .tematik_publication-contenu p { margin-bottom: 0; } .tematik_publication-image { width: 100%; max-width: 320px; background-position: center; background-size: cover; aspect-ratio: 1/1.414; } @media (min-width: 576px) { .tematik_publication-image { margin-right: 2rem; margin-bottom: 0; width: 11rem; max-width: 100%; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); } } .tematik_publication-texte { width: 100%; } @media (min-width: 576px) { .tematik_publication-image + .tematik_publication-texte { width: calc(100% - 11rem); } } .tematik_publication .tag { color: #E6E6E6; } .tematik_publication .tag span { margin: 0 0.125rem; } .tematik_publication strong { display: block; margin-bottom: 0.5rem; color: #fff; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 700; text-transform: none; line-height: 1.2; } .tematik_publication .btn-download { display: flex; align-items: center; margin-top: 1rem; color: #fff; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } .tematik_publication .btn-download i { display: flex; align-items: center; justify-content: center; margin-right: 0.5rem; width: 2.5rem; height: 2.5rem; background: #fff; border-radius: 50%; color: #151515; font-size: 1.5rem; transition: background 0.4s, color 0.4s; } .tematik_publication .btn-download:focus-visible, .tematik_publication .btn-download:hover { color: #188178; } .ccm-page .tematik_publication .btn:not([type=submit]) { padding: 0 0 0 2.75rem; background: none !important; border-radius: 0; overflow: visible; margin-top: 1.5rem; margin-right: 1.5rem; transition: opacity 0.4s; } .ccm-page .tematik_publication .btn:not([type=submit]):focus-visible, .ccm-page .tematik_publication .btn:not([type=submit]):hover, .ccm-page .tematik_publication .btn:not([type=submit]):focus { opacity: 0.7; } .ccm-page .tematik_publication .btn:not([type=submit]):focus-visible::after, .ccm-page .tematik_publication .btn:not([type=submit]):hover::after, .ccm-page .tematik_publication .btn:not([type=submit]):focus::after { transform: none; } .ccm-page .tematik_publication .btn:not([type=submit])::before { display: none; } .ccm-page .tematik_publication .btn:not([type=submit])::after { content: none; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; display: flex; align-items: center; justify-content: center; position: absolute; top: -0.375rem; left: 0; transform: none; margin: 0; width: 2rem; height: 2rem; background-color: #fff; border-radius: 50%; color: #6133A2; font-size: 1.375rem; } .ccm-page .tematik_publication .btn:not([type=submit]).openPopup::after { content: "\e992"; } @media (max-width: 575.98px) { .ccm-page .tematik_publication .btn:not([type=submit]).lienPlus { margin-top: 1.5rem; } } .ccm-page .tematik_publication .btn:not([type=submit]).lienPlus::after { content: "\ea1f"; } /*//////////////////////////////////////////////////////*/ /* MODAL */ /*///////////////////////////////////////////////////////*/ .tematik_publication_modal_wrapper { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; width: auto; height: auto; } .tematik_publication_modal { z-index: 999; width: clamp(320px, 80vw, 900px); overflow-x: hidden; overflow-y: hidden; outline: 0; padding: 3rem 1.5rem 1rem 1.5rem; background-color: #fff; -webkit-box-shadow: 0 5px 20px 0 rgba(22, 22, 21, 0.1); box-shadow: 0 5px 20px 0 rgba(22, 22, 21, 0.1); } .tematik_publication_modal_wrapper::before { content: ""; width: 100vw; height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; background-color: rgba(255, 255, 255, 0.75); } .tematik_publication_modal iframe { height: auto !important; aspect-ratio: 3/2 !important; border: none; } .tematik_publication_modal .close { overflow: hidden; position: absolute; top: 0.5em; right: 0.5em; box-sizing: content-box; width: 1.5em; height: 1.5em; padding: 0.25em 0.25em; color: #151515; text-indent: -999px; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23151515'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 1; transition: all 0.2s linear; } .tematik_publication_modal .close:hover { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23151515'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.2em auto no-repeat; opacity: 0.75; } .tematik_fiche { padding: 2rem; box-shadow: 0 0 1rem rgba(21, 21, 21, 0.15); background-color: #fff; } @media (min-width: 992px) { .tematik_fiche { padding: 3.5rem; } } .tematik_fiche:not(:last-child) { margin-bottom: 4rem; } .tematik_fiche-header { margin-bottom: 1rem; } .tematik_fiche-header [class*=tag] { margin-bottom: 0.25rem; } .tematik_fiche-titre { font-size: 1.25rem; margin-bottom: 0; } .tematik_fiche-image { margin-bottom: 1.5rem; max-width: 16rem; } .tematik_fiche-image img { width: 100%; } .tematik_fiche .tag { color: #757575; } .tematik_fiche-infos { margin-bottom: 0; padding-left: 0; list-style: none; } .tematik_fiche-infos li { position: relative; padding: 0.5rem 0 0.5rem 2.5rem; color: #757575; font-weight: 600; } .tematik_fiche-infos li p { margin-bottom: 0; } .tematik_fiche-infos i { position: absolute; top: 0.375rem; left: 0; color: #6133A2; font-size: 1.75rem; } .tematik_fiche-infos a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ccm-page .section-lightest .acte-administratif { position: relative; } .ccm-page .section-lightest .acte-administratif::before { content: ""; position: absolute; width: calc(100% + 2rem); height: calc(100% + 2rem); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .ccm-page .nav-tabs { margin-bottom: 2rem; } .ccm-page .nav-tabs .nav-item { margin-bottom: 0.1875rem; } .ccm-page .nav-tabs .nav-item:not(:last-child) { margin-right: 3rem; } .ccm-page .nav-tabs .nav-link { font-size: calc(1.35rem + 1.2vw); padding-bottom: 1rem; background-color: transparent; border: 0; color: #151515; } @media (min-width: 1200px) { .ccm-page .nav-tabs .nav-link { font-size: 2.25rem; } } .ccm-page .nav-tabs .nav-link.active { background-color: transparent; color: #151515; } .ccm-page .nav-tabs .nav-link:not(.active) { opacity: 0.25; transition: opacity 0.4s; } .ccm-page .nav-tabs .nav-link.active, .ccm-page .nav-tabs .nav-item.show .nav-link { position: relative; background-color: transparent; border: 0; color: #151515; opacity: 1; transition: opacity 0.4s; } .ccm-page .nav-tabs .nav-link.active::after, .ccm-page .nav-tabs .nav-item.show .nav-link::after { content: ""; position: absolute; bottom: -0.25rem; left: 0; width: 100%; height: 0.25rem; background-color: #188178; } .acte-administratif .tableHeader .form-control { margin-bottom: 0; } @media (min-width: 992px) { .acte-administratif .tableHeader .form-control { margin-bottom: 1.25rem; } } .acte-administratif .tableHeader .form-control.dateDebut, .acte-administratif .tableHeader .form-control.dateFin { background-position: center right 1rem; background-repeat: no-repeat; } .acte-administratif .tableHeader .btn { width: 100%; display: block; } .acte-administratif .tableHeader .btn::before { display: none !important; } .acte-administratif .tableHeader .btn:not(.btn-reset)::after { content: "\ed85"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; font-size: 1.25rem; vertical-align: middle; } .acte-administratif .tableHeader .btn.btn-reset { margin-top: 1rem; color: #757575; } .acte-administratif .tableHeader .btn.btn-reset::after { content: "\ee23"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; margin-left: 0.75rem; font-size: 1.25rem; vertical-align: middle; } .acte-administratif .tableHeader .btn.btn-reset:hover { color: #6133A2; } .acte-administratif .table { margin-top: 2rem; background-color: #f2f2f2; } .acte-administratif .table th, .acte-administratif .table td, .acte-administratif .table .dataTables_empty { padding: 1rem 1.5rem !important; font-size: 0.875rem; line-height: 1.2; } @media (max-width: 575.98px) { .acte-administratif .table th, .acte-administratif .table td, .acte-administratif .table .dataTables_empty { padding: 1.25rem 0.6rem; width: auto !important; } } .acte-administratif .table thead { position: relative; background-color: #f2f2f2; } .acte-administratif .table thead::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 0.0625rem solid #E6E6E6; } .acte-administratif .table thead tr { padding-bottom: 1rem; } .acte-administratif .table thead tr th { padding: 1.25rem 1.5rem; } @media (min-width: 768px) { .acte-administratif .table thead tr th { width: 25%; } } @media (max-width: 767.98px) { .acte-administratif .table thead tr th { width: 50%; } .acte-administratif .table thead tr th:nth-child(0n+2), .acte-administratif .table thead tr th:nth-child(0n+3) { display: none; } .acte-administratif .table thead tr th:nth-child(4) { min-width: 105px; } } @media (max-width: 575.98px) { .acte-administratif .table thead tr th { padding: 1.25rem 0.6rem; width: auto !important; } } .acte-administratif .table thead tr th.sorting { background-image: url(../../img/utils/tri.png); background-position: center right 1rem; background-repeat: no-repeat; cursor: pointer; } @media (max-width: 575.98px) { .acte-administratif .table thead tr th.sorting { background-position: center right 0.5rem; } } .acte-administratif .table thead tr th.sorting.sorting_asc { background-image: url(../../img/utils/tri_asc.png); } .acte-administratif .table thead tr th.sorting.sorting_desc { background-image: url(../../img/utils/tri_desc.png); } .acte-administratif .table tbody { border-top: 1px solid #E6E6E6; } .acte-administratif .table tbody tr { position: relative; } .acte-administratif .table tbody tr td { color: #757575; transition: background 0.4s; vertical-align: middle; } @media (min-width: 768px) { .acte-administratif .table tbody tr td { width: 25%; } } @media (max-width: 767.98px) { .acte-administratif .table tbody tr td { width: 50%; } .acte-administratif .table tbody tr td:nth-child(0n+2), .acte-administratif .table tbody tr td:nth-child(0n+3) { display: none; } } .acte-administratif .table tbody tr td:first-child { color: #151515; font-weight: 700; } .acte-administratif .table tbody tr td:last-child:not(:only-child) { text-align: right; } .acte-administratif .table tbody .acte-retour td:first-child::before { content: "\e941"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: relative; top: -0.125rem; margin-right: 0.5rem; font-size: 1.125rem; vertical-align: middle; } .acte-administratif .table tbody .acte-recherche { cursor: initial; } .acte-administratif .table tbody .acte-recherche:hover td { background: none; } .acte-administratif .table tbody .acte-recherche td { position: relative; } .acte-administratif .table tbody .acte-recherche td:last-child { text-align: right; } .acte-administratif .table tbody .acte-recherche td a { color: #757575; } .acte-administratif .table tbody .acte-recherche td a.acte-nom { display: block; padding-bottom: 0.375rem; } .acte-administratif .table tbody .acte-recherche td a.acte-nom i { display: none; } @media (min-width: 576px) { .acte-administratif .table tbody .acte-recherche td a.acte-nom::before { content: "\ea1f"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; position: relative; top: 0.125rem; top: 0.25rem; margin-right: 0.5rem; font-size: 1.25rem; } } .acte-administratif .table tbody .acte-recherche td a.acte-nom:hover { color: #6133A2; } .acte-administratif .table tbody .acte-dossier a { color: #757575; } .acte-administratif .table tbody .acte-dossier a::after { content: "\e942"; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; vertical-align: baseline; margin-left: 0.5rem; font-size: 1rem; vertical-align: middle; } .acte-administratif .table tbody .acte-dossier a i { display: none; } .acte-administratif .table tbody .acte-retour, .acte-administratif .table tbody .acte-dossier { cursor: pointer; } .acte-administratif .table tbody .acte-retour:hover td, .acte-administratif .table tbody .acte-dossier:hover td { background: #e5e5e5; } div.dt-datetime table td.selectable button:hover span { background-color: rgba(204, 214, 224, 0.3); } div.dt-datetime { font-family: "Montserrat", Arial, sans-serif; background: #f2f2f2 !important; padding: 1rem !important; width: 320px !important; } div.dt-datetime.inline { position: relative; box-shadow: none; } div.dt-datetime div.dt-datetime-title { text-align: center; padding: 5px 0px 3px; margin-bottom: 1rem; font-family: "Arial Black", sans-serif; font-weight: 900; color: #151515; } div.dt-datetime div.dt-datetime-buttons { text-align: center; } div.dt-datetime div.dt-datetime-buttons a { display: inline-block; padding: 0 0.5em 0.5em 0.5em; margin: 0; font-size: 0.9em; } div.dt-datetime div.dt-datetime-buttons a:hover { text-decoration: underline; } div.dt-datetime table { border-spacing: 0; margin: 12px 0; width: 100%; } div.dt-datetime table.dt-datetime-table-nospace { margin-top: -12px; } div.dt-datetime table th { font-size: 1em !important; color: #000 !important; } div.dt-datetime table td { font-size: 0.9em; color: #444; padding: 0; } div.dt-datetime table td.selectable { text-align: center; background: #f5f5f5; } div.dt-datetime table td.selectable.disabled { color: #aaa; background: white; } div.dt-datetime table td.selectable.disabled button:hover { color: #aaa; background: white; } div.dt-datetime table td.selectable.now { background-color: transparent !important; } div.dt-datetime table td.selectable.now button { font-weight: 400 !important; background: transparent !important; color: #000 !important; border-radius: 0 !important; } div.dt-datetime table td.selectable.now button span { background-color: rgba(204, 214, 224, 0.3); } div.dt-datetime table td.selectable.selected button { background: transparent !important; border-radius: 0 !important; color: white; } div.dt-datetime table td.selectable.selected button span { background-color: #6133A2 !important; } div.dt-datetime table td.selectable button:hover { background: transparent !important; color: #000 !important; border-radius: 0 !important; } div.dt-datetime table td.selectable button:hover span { background-color: rgba(204, 214, 224, 0.3); } div.dt-datetime table td.dt-datetime-week { font-size: 0.7em; } div.dt-datetime table button { width: 100%; box-sizing: border-box; border: none; background: transparent; font-size: inherit; color: inherit; text-align: center; padding: 4px 0; cursor: pointer; margin: 0; } div.dt-datetime table button span { display: inline-block; min-width: 14px; text-align: center !important; background-color: transparent; aspect-ratio: 1/1 !important; width: 28px !important; height: 28px !important; line-height: 28px !important; border-radius: 50% !important; } div.dt-datetime table.weekNumber th { width: 12.5%; } div.dt-datetime div.dt-datetime-calendar table { margin-top: 0; } div.dt-datetime div.dt-datetime-label { position: relative; display: inline-block; height: 30px; padding: 5px 6px; border: 1px solid transparent; box-sizing: border-box; cursor: pointer; } div.dt-datetime div.dt-datetime-label:hover { border: 1px solid transparent !important; border-radius: 0 !important; background-color: transparent !important; } div.dt-datetime div.dt-datetime-label select { position: absolute; top: 6px; left: 0; cursor: pointer; opacity: 0; } div.dt-datetime.horizontal { width: 550px; } div.dt-datetime.horizontal div.dt-datetime-date, div.dt-datetime.horizontal div.dt-datetime-time { width: 48%; } div.dt-datetime.horizontal div.dt-datetime-time { margin-left: 4%; } div.dt-datetime div.dt-datetime-date { position: relative; float: left; width: 100%; } div.dt-datetime div.dt-datetime-time { position: relative; float: left; width: 100%; text-align: center; } div.dt-datetime div.dt-datetime-time > span { vertical-align: middle; } div.dt-datetime div.dt-datetime-time th { text-align: left; } div.dt-datetime div.dt-datetime-time div.dt-datetime-timeblock { display: inline-block; vertical-align: middle; } div.dt-datetime div.dt-datetime-iconLeft, div.dt-datetime div.dt-datetime-iconRight, div.dt-datetime div.dt-datetime-iconUp, div.dt-datetime div.dt-datetime-iconDown { width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; opacity: 0.3; overflow: hidden; box-sizing: border-box; } div.dt-datetime div.dt-datetime-iconLeft:hover, div.dt-datetime div.dt-datetime-iconRight:hover, div.dt-datetime div.dt-datetime-iconUp:hover, div.dt-datetime div.dt-datetime-iconDown:hover { border: 1px solid transparent !important; border-radius: 0 !important; background-color: transparent !important; opacity: 1 !important; } div.dt-datetime div.dt-datetime-iconLeft button, div.dt-datetime div.dt-datetime-iconRight button, div.dt-datetime div.dt-datetime-iconUp button, div.dt-datetime div.dt-datetime-iconDown button { border: none; background: transparent; text-indent: 30px; height: 100%; width: 100%; cursor: pointer; } div.dt-datetime div.dt-datetime-iconLeft { position: absolute; top: 5px; left: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-v-63f7b5ec='' width='26px' height='26px' viewBox='0 -1 16 34' class='vc-svg-icon'%3E%3Cpath data-v-63f7b5ec='' d='M11.196 10c0 0.143-0.071 0.304-0.179 0.411l-7.018 7.018 7.018 7.018c0.107 0.107 0.179 0.268 0.179 0.411s-0.071 0.304-0.179 0.411l-0.893 0.893c-0.107 0.107-0.268 0.179-0.411 0.179s-0.304-0.071-0.411-0.179l-8.321-8.321c-0.107-0.107-0.179-0.268-0.179-0.411s0.071-0.304 0.179-0.411l8.321-8.321c0.107-0.107 0.268-0.179 0.411-0.179s0.304 0.071 0.411 0.179l0.893 0.893c0.107 0.107 0.179 0.25 0.179 0.411z'%3E%3C/path%3E%3C/svg%3E") !important; } div.dt-datetime div.dt-datetime-iconRight { position: absolute; top: 5px; right: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-v-63f7b5ec='' width='26px' height='26px' viewBox='-5 -1 16 34' class='vc-svg-icon'%3E%3Cpath data-v-63f7b5ec='' d='M10.625 17.429c0 0.143-0.071 0.304-0.179 0.411l-8.321 8.321c-0.107 0.107-0.268 0.179-0.411 0.179s-0.304-0.071-0.411-0.179l-0.893-0.893c-0.107-0.107-0.179-0.25-0.179-0.411 0-0.143 0.071-0.304 0.179-0.411l7.018-7.018-7.018-7.018c-0.107-0.107-0.179-0.268-0.179-0.411s0.071-0.304 0.179-0.411l0.893-0.893c0.107-0.107 0.268-0.179 0.411-0.179s0.304 0.071 0.411 0.179l8.321 8.321c0.107 0.107 0.179 0.268 0.179 0.411z'%3E%3C/path%3E%3C/svg%3E") !important; } div.dt-datetime div.dt-datetime-iconUp { height: 20px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); } div.dt-datetime div.dt-datetime-iconDown { height: 20px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); } div.dt-datetime-error { clear: both; padding: 0 1em; max-width: 240px; font-size: 11px; line-height: 1.25em; text-align: center; color: #b11f1f; } .global .formidable .btn[type=submit] { margin-top: 1rem; margin-bottom: 2rem; } .global .formidable .btn[type=submit] i.fa-spinner { display: none !important; top: unset; margin-right: 0; margin-left: 1em; height: auto; } .global .formidable .btn[type=submit][disabled] { color: #fff !important; } .global .formidable .btn[type=submit][disabled] i.fa-spinner { display: inline-block !important; } .global .formidable .form-control { background-color: transparent !important; } .global .formidable .form-control:disabled { background-color: transparent !important; } .global .formidable .form-control.is-valid, .global .formidable .form-control.is-invalid { border-color: #C4C4C4; box-shadow: none !important; background-image: unset !important; } .global .formidable .form-control.is-valid:focus, .global .formidable .form-control.is-invalid:focus { border-color: #4a277b; } .global .formidable label { font-family: "Arial Black", sans-serif; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } .global .formidable input[type=checkbox] ~ label { color: #151515 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 0.875rem; font-weight: 400; text-transform: none; } .global .formidable input[type=checkbox] ~ label::before { background-color: #C4C4C4; } .global .formidable .mention_recaptcha { margin-bottom: 0 !important; font-size: 0.75rem; } .global .formidable [data-formidable-type=submit] { margin-top: 1rem; } .global .formidable .invalid-feedback { display: block; margin-top: -2rem !important; margin-bottom: 2rem !important; width: 100%; } .global .formidable [data-formidable-type=accept] .invalid-feedback { margin-top: 0 !important; margin-bottom: 1rem !important; } .section-lightest .global .formidable input[type=checkbox] ~ label::before { background-color: #C4C4C4; } .global .formidable .row:not(:last-child) { margin-bottom: 0 !important; } .form-check input:focus-visible + .form-check-label { outline: auto; } .grecaptcha-badge, [data-formidable-type=captcha] { width: 0; height: 0; visibility: hidden; } input[type=checkbox].form-check-input[disabled] { opacity: 0 !important; visibility: hidden !important; } .mention_recaptcha { font-size: 0.875rem; } .section { padding: 4rem 0; } .section.section-primary { position: relative; z-index: 0; } .section.section-primary::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #6133A2; z-index: -2; left: calc(50% - 50vw); } .section.section-secondary { position: relative; z-index: 0; } .section.section-secondary::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #188178; z-index: -2; left: calc(50% - 50vw); } .section.section-tertiary { position: relative; z-index: 0; } .section.section-tertiary::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #198754; z-index: -2; left: calc(50% - 50vw); } .section.section-quaternary { position: relative; z-index: 0; } .section.section-quaternary::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #371D5C; z-index: -2; left: calc(50% - 50vw); } .section.section-success { position: relative; z-index: 0; } .section.section-success::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #198754; z-index: -2; left: calc(50% - 50vw); } .section.section-info { position: relative; z-index: 0; } .section.section-info::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #188178; z-index: -2; left: calc(50% - 50vw); } .section.section-warning { position: relative; z-index: 0; } .section.section-warning::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #371D5C; z-index: -2; left: calc(50% - 50vw); } .section.section-danger { position: relative; z-index: 0; } .section.section-danger::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #6133A2; z-index: -2; left: calc(50% - 50vw); } .section.section-lightest { position: relative; z-index: 0; } .section.section-lightest::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #f2f2f2; z-index: -2; left: calc(50% - 50vw); } .section.section-lighter { position: relative; z-index: 0; } .section.section-lighter::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #E6E6E6; z-index: -2; left: calc(50% - 50vw); } .section.section-light { position: relative; z-index: 0; } .section.section-light::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #C4C4C4; z-index: -2; left: calc(50% - 50vw); } .section.section-gray { position: relative; z-index: 0; } .section.section-gray::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #757575; z-index: -2; left: calc(50% - 50vw); } .section.section-dark { position: relative; z-index: 0; } .section.section-dark::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #3C3D40; z-index: -2; left: calc(50% - 50vw); } .section.section-black { position: relative; z-index: 0; } .section.section-black::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #151515; z-index: -2; left: calc(50% - 50vw); } .section.section-trueblack { position: relative; z-index: 0; } .section.section-trueblack::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #000; z-index: -2; left: calc(50% - 50vw); } .section:not(:last-child) { margin-bottom: 4rem; } .section:not(:last-child) + .section { margin-top: -4rem; } *:not(.section) + .section { margin-top: 4rem; } .fixed + .section { margin-top: -2rem; } .section > *:last-child { margin-bottom: 0; } @media (min-width: 992px) { .template-2cols .section-primary::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-primary::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-secondary::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-secondary::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-tertiary::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-tertiary::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-quaternary::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-quaternary::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-success::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-success::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-info::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-info::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-warning::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-warning::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-danger::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-danger::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-lightest::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-lightest::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-lighter::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-lighter::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-light::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-light::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-gray::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-gray::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-dark::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-dark::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-black::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-black::before { right: -2.3125rem; } } @media (min-width: 992px) { .template-2cols .section-trueblack::before { right: -2.0625rem; left: auto; } } @media (min-width: 992px) and (min-width: 1200px) { .template-2cols .section-trueblack::before { right: -2.3125rem; } } .section-newsletter img { margin-bottom: 0; } @media (min-width: 992px) { .section-newsletter img { width: 100%; height: 100% !important; object-fit: cover; } } @media (min-width: 992px) { .section-newsletter [data-formidable-type=submit] { text-align: right; } } .section-newsletter > .row > [class*=col] { padding: 0; } .section-newsletter > .row > [class*=col]:first-child { margin-bottom: 0 !important; } .section-newsletter > .row > [class*=col]:nth-child(2) { margin-top: 0 !important; padding: 3rem 2rem; background: #f2f2f2; } @media (min-width: 992px) { .section-newsletter > .row > [class*=col]:nth-child(2) { padding: 5rem 6rem; } } .section-newsletter > .row > [class*=col]:nth-child(2) .row { margin-top: 2rem; } .section-newsletter [data-formidable-type=submit] .btn { margin-top: 0; background: #198754 !important; } .section-newsletter [data-formidable-type=submit] .btn:focus-visible, .section-newsletter [data-formidable-type=submit] .btn:hover { background: #115c39 !important; } .colonneGauche { padding: 0 2rem !important; } @media (min-width: 992px) { .colonneGauche { padding: 0 3rem 0 4rem !important; } } .colonneGauche #carteAnnuaire { margin-top: 2rem; margin-bottom: -1.5rem; } .colonneDroite { position: relative; } @media (max-width: 991.98px) { .colonneDroite::before { left: 0; width: 100%; } .colonneDroite:empty, .colonneDroite:has(.sousMenu:only-child) { display: none; } } @media (max-width: 991.98px) { .colonneDroite { padding-right: 0 !important; padding-left: 0 !important; } } .colonneDroite .nav-titre { font-size: 1.25rem; margin-bottom: 1rem !important; font-size: 1.5rem !important; } .colonneDroite .sousMenu { display: none; } @media (min-width: 992px) { .colonneDroite .sousMenu { position: relative; display: block; padding: 2rem 1.5rem 2rem 2rem; } } .colonneDroite .sousMenu > * { position: unset !important; } @media (min-width: 992px) { .colonneDroite .sousMenu > * { position: relative; z-index: 0; } .colonneDroite .sousMenu > *::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #f2f2f2; z-index: -2; left: calc(50% - 50vw); } } @media (min-width: 992px) and (min-width: 992px) { .colonneDroite .sousMenu > *::before { left: 0; } } .colonneDroite-recherche { position: relative; padding: 0; } .ccm-page .colonneDroite-recherche .form-control { margin-bottom: 0; padding: 0 4rem 0 2rem; height: 4rem; background: #E6E6E6; border: 0; font-size: 1rem; line-height: 4rem; } .ccm-page .colonneDroite-recherche .form-control:focus { background: #E6E6E6; } .colonneDroite-recherche-bouton { display: flex; position: absolute !important; top: 50%; right: 2rem; transform: translateY(-50%); color: #151515; font-size: 1.5rem; transition: color 0.4s; } .colonneDroite-recherche-bouton:hover, .colonneDroite-recherche-bouton:focus-visible { color: #188178; } .colonneDroite .btn { padding-right: 1.5rem; } .colonneDroite .btn::before, .colonneDroite .btn::after { display: none; } .colonneDroite .btn:focus-visible, .colonneDroite .btn:hover { background: #4a277b !important; } .colonneDroite .formidable { padding-bottom: 4rem; } .colonneDroite .formidable::before { content: ""; position: absolute; top: -2rem; left: -1.5rem; width: 60vw; height: calc(100% + 2rem); background-color: #f2f2f2; z-index: -1; } @media (min-width: 1500px) { .colonneDroite .formidable::before { left: -10%; } } @media (max-width: 991.98px) { .colonneDroite .formidable::before { top: -1rem; left: calc(50% - 50vw); width: 100vw; height: calc(100% + 1rem); } } @media (min-width: 992px) { .section-debord { position: relative; padding: 0; left: calc(50% - 50vw); width: 100vw; } } * + .section-debord { margin-top: 4rem; } .section-debord [class*=col] { position: relative; } .section-debord-gauche { position: relative; } @media (min-width: 992px) { .section-debord-gauche { left: calc(50% - 50vw); padding: 0; width: calc(960px + (100vw - 960px) / 2 - 1rem); } } @media (min-width: 1200px) { .section-debord-gauche { width: calc(1140px + (100vw - 1140px) / 2 - 1rem); } } @media (min-width: 1500px) { .section-debord-gauche { width: calc(1420px + (100vw - 1320px) / 2 - 1rem); } } * + .section-debord-gauche { margin-top: 4rem; } .section-debord-droite { position: relative; padding: 0 0.5rem; } @media (min-width: 992px) { .section-debord-droite { width: calc(960px + (100vw - 960px) / 2); } } @media (min-width: 1200px) { .section-debord-droite { width: calc(1140px + (100vw - 1140px) / 2); } } @media (min-width: 1500px) { .section-debord-droite { width: calc(1420px + (100vw - 1320px) / 2); } } * + .section-debord-droite { margin-top: 4rem; } @media (min-width: 992px) { .colonneGauche .section-debord { width: 66vw; left: calc(50% - 33vw); } } @media (min-width: 992px) and (min-width: 1200px) { .colonneGauche .section-debord { width: 75vw; left: calc(50% - 37.5vw); } } @media (min-width: 992px) { .colonneGauche .section-debord-gauche, .colonneGauche .section-debord-droite { max-width: 100%; } } @media (min-width: 992px) { .colonneGauche .section-debord-gauche { left: 0; } } @media (min-width: 992px) { .colonneGauche .section-debord-droite { right: 0; } } .imageFull { position: relative; left: calc(50% - 50vw); width: 100vw; height: 25rem; color: #fff; overflow: hidden; } @media (min-width: 992px) { .imageFull { height: 35rem; } } .imageFull img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1; object-fit: cover; } .imageFull.filtre { position: relative; z-index: 0; } .imageFull.filtre::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: rgba(21, 21, 21, 0.8); z-index: -2; left: calc(50% - 50vw); } .imageFull.filtre::before { z-index: 1; } .imageFull .row { position: relative; margin-top: 4rem !important; z-index: 2; } @media (min-width: 992px) { .imageFull .row { margin-top: 8rem !important; } } @media (max-width: 575.98px) { .imageFull .row { padding: 0 1rem; } } .imageFull + .section-debord-droite { position: relative; margin-top: -25rem; z-index: 1; } .bandeauInterne { position: relative; margin-bottom: 4rem; padding: 9rem 0 12rem; } @media (min-width: 992px) { .bandeauInterne { padding: 11.5rem 0 9rem; } } .bandeauInterne.filtre-primary { position: relative; z-index: 0; } .bandeauInterne.filtre-primary::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #6133A2; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-primary::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-secondary { position: relative; z-index: 0; } .bandeauInterne.filtre-secondary::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #188178; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-secondary::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-tertiary { position: relative; z-index: 0; } .bandeauInterne.filtre-tertiary::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #198754; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-tertiary::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-quaternary { position: relative; z-index: 0; } .bandeauInterne.filtre-quaternary::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #371D5C; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-quaternary::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-success { position: relative; z-index: 0; } .bandeauInterne.filtre-success::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #198754; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-success::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-info { position: relative; z-index: 0; } .bandeauInterne.filtre-info::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #188178; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-info::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-warning { position: relative; z-index: 0; } .bandeauInterne.filtre-warning::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #371D5C; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-warning::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-danger { position: relative; z-index: 0; } .bandeauInterne.filtre-danger::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #6133A2; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-danger::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-lightest { position: relative; z-index: 0; } .bandeauInterne.filtre-lightest::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #f2f2f2; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-lightest::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-lighter { position: relative; z-index: 0; } .bandeauInterne.filtre-lighter::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #E6E6E6; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-lighter::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-light { position: relative; z-index: 0; } .bandeauInterne.filtre-light::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #C4C4C4; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-light::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-gray { position: relative; z-index: 0; } .bandeauInterne.filtre-gray::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #757575; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-gray::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-dark { position: relative; z-index: 0; } .bandeauInterne.filtre-dark::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #3C3D40; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-dark::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-black { position: relative; z-index: 0; } .bandeauInterne.filtre-black::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #151515; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-black::before { opacity: 0.81; height: 100%; } .bandeauInterne.filtre-trueblack { position: relative; z-index: 0; } .bandeauInterne.filtre-trueblack::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #000; z-index: -2; left: calc(50% - 50vw); } .bandeauInterne.filtre-trueblack::before { opacity: 0.81; height: 100%; } .bandeauInterne img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100%; object-fit: cover; z-index: -3; } .bandeauInterne .ccm-block-page-title { color: #fff; margin-bottom: 2rem; padding: 0 1rem; } @media (min-width: 992px) { .bandeauInterne .ccm-block-page-title { margin-bottom: 0; padding-left: 3rem; padding-right: 0; } } @media (min-width: 1200px) { .bandeauInterne .ccm-block-page-title { max-width: 80vw; } } .search-top { position: relative; margin-top: -1rem; padding: 0 0 3rem; } .search-top::before { content: ""; width: 100vw; height: calc(100% + 3rem); position: absolute; top: -3rem; left: calc(50% - 50vw); z-index: -1; background-color: #f2f2f2; } .search-top + .alert { margin-top: 2rem; } .search-top-bouton { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; width: auto; height: 51px; padding: 0 1rem; background: #6133A2; color: #fff; font-size: 1.5rem; cursor: pointer; transition: background 0.4s; } .search-top-bouton:hover { background: #4a277b; color: #fff; } #spinningWheel { margin-left: 0.5rem; animation: spinner-border 1s infinite linear; } #formulaireRecherche input { font-size: 1.25rem; font-weight: 600; } #formulaireRecherche + .tip.text-gray { font-size: 1rem; color: #151515 !important; font-weight: 600; } .recherche-filtres { display: flex; flex-wrap: wrap; margin-top: 1em; } .recherche-filtres .form-check { display: inline-block; margin-right: 2rem; } .ccm-page .recherche-filtres .form-check { margin-bottom: 1rem; } .recherche-filtres .form-check input[type=checkbox] ~ label { color: #151515; font-size: 1rem; font-weight: 600; } .recherche-filtres .form-check input[type=checkbox] ~ label::before { background-color: #fff; border: 1px solid #C4C4C4; } .ccm-page .recherche-filtres .form-check input[type=checkbox] ~ label::before, .ccm-page .recherche-filtres .form-check input[type=checkbox] ~ label::after { top: 0.125rem; } .recherche-filtres .form-check input[type=checkbox] ~ label span { display: inline-block; transform: translateY(-40%); height: 1.5rem; background-color: #188178; border-radius: 50%; color: #fff; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 0.875rem; font-weight: 500; text-align: center; line-height: 1.8; aspect-ratio: 1/1; } .recherche-listeResultats { margin-bottom: 0; padding-left: 0; list-style: none; margin-top: 2rem; } .recherche-listeResultats-item { position: relative; padding: 2rem 0; } .recherche-listeResultats-item:not(:last-child) { border-bottom: 1px solid #C4C4C4; } .recherche-listeResultats-item .ccm-highlight-search { color: inherit; text-decoration: underline; font-style: normal; background-color: transparent; position: relative; text-underline-offset: 5px; } .recherche-listeResultats-item h3, .recherche-listeResultats-item .ccm-page .h3, .ccm-page .recherche-listeResultats-item .h3 { margin-bottom: 0.5em; } .recherche-listeResultats-item .btn { margin-top: 0 !important; } .recherche-listeResultats-titre { font-family: "Montserrat", Arial, sans-serif !important; font-size: 1.5rem !important; font-weight: 600 !important; } .recherche-listeResultats-label { display: inline-block; margin-bottom: 0.75rem; padding: 0.25rem 0.75rem; background: #188178; color: #fff; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 0.875rem; font-weight: 500; } .bandeauHome { position: relative; margin-bottom: 6rem; padding: 11rem 1rem 0; } @media (min-width: 992px) { .bandeauHome { padding: 11rem 4rem; min-height: 42rem; } } .bandeauHome::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); z-index: -1; } .bandeauHome img { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover; z-index: -2; } .bandeauHome h1, .bandeauHome .ccm-page .h1, .ccm-page .bandeauHome .h1 { max-width: 45rem; } .bandeauHome .btn { margin-top: 1.5rem !important; } .bandeauHome-recherche { position: relative; margin: 3rem 0 0; } @media (min-width: 992px) { .bandeauHome-recherche { max-width: 33rem; } } .bandeauHome-recherche .form-control { padding: 0 3rem 0 0; height: 5rem; background: none; border: 0; border-bottom: 0.125rem solid #fff; color: #fff !important; font-family: "Montserrat", Arial, sans-serif; font-size: 1.25rem; font-weight: 600; line-height: 5rem; font-style: normal !important; } .bandeauHome-recherche .form-control:focus { border-color: #fff; color: #fff; } .bandeauHome-recherche .form-control::placeholder { color: #fff !important; font-style: normal !important; } .bandeauHome-recherche-trigger { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #fff; font-size: 1.75rem; transition: color 0.4s; } .bandeauHome-recherche-trigger:hover { color: #198754; } .bandeauHome .row { margin: 5rem 0 0; width: calc(100% + 2rem); background: #fff; } @media (min-width: 992px) { .bandeauHome .row { position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; } } .bandeauHome .row > [class*=col]:first-child { margin: 0 !important; } @media (max-width: 991.98px) { .bandeauHome-raccourcis { margin: 5rem 0 0 !important; width: calc(100% + 2rem); left: -1rem; position: relative; } } @media (min-width: 992px) { .bandeauHome-raccourcis-demarches { max-width: calc(100% - 31rem) !important; } .bandeauHome-raccourcis-lienRapides { max-width: 31rem !important; } } .demarches { display: flex !important; align-items: center; justify-content: flex-start; position: relative; height: 7.3125rem; padding: 0 4rem; } @media (min-width: 992px) { .demarches { padding: 0 13rem 0 3rem; } } .demarches.owl-loaded .owl-stage { align-self: stretch; } .demarches.lienRapides-panel { display: flex !important; align-items: stretch; justify-content: flex-start; right: unset; background-color: transparent; } .demarches.lienRapides-panel .owl-item { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 7.3125rem; } @media (min-width: 768px) { .demarches.lienRapides-panel .owl-item { margin: unset; } } .demarches.lienRapides-panel .lienRapides-panel-item { display: inline-block; color: #151515; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 1.125rem; font-weight: 400; transition: color 0.4s; display: flex; flex: unset; flex-direction: column; align-items: center; align-self: stretch; justify-content: center; color: #151515; text-align: center; padding: 0 1rem; } .demarches.lienRapides-panel .lienRapides-panel-item:focus-visible { outline: auto; } .demarches.lienRapides-panel .lienRapides-panel-item span { display: block; line-height: 1.2; margin-top: 0.625rem; } .demarches.lienRapides-panel .lienRapides-panel-item i { display: block; font-size: 1.75rem; } .demarches.lienRapides-panel .lienRapides-panel-item i.icon-illiwap { margin-bottom: -0.375rem; font-size: 2.125rem; } .demarches.lienRapides-panel .lienRapides-panel-item:hover { color: #188178; } .demarches.owl-carousel .owl-nav .owl-prev, .demarches.owl-carousel .owl-nav .owl-next { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); width: 3.125rem; height: 3.125rem; background: #188178; border: 0; border-radius: 50%; color: #fff; font-size: 1.5rem; z-index: 9; transition: background 0.4s; } .demarches.owl-carousel .owl-nav .owl-prev:hover, .demarches.owl-carousel .owl-nav .owl-next:hover { background: #105650; } .demarches.owl-carousel .owl-nav .owl-prev:focus-visible, .demarches.owl-carousel .owl-nav .owl-next:focus-visible { outline: auto; } .demarches.owl-carousel .owl-nav .owl-prev { left: 0.5rem; } @media (min-width: 992px) { .demarches.owl-carousel .owl-nav .owl-prev { right: 7rem; left: auto; } } .demarches.owl-carousel .owl-nav .owl-next { right: 0.5rem; left: auto; } @media (min-width: 992px) { .demarches.owl-carousel .owl-nav .owl-next { right: 2rem; } } .filtresEvenements { align-items: center; } @media (max-width: 991.98px) { .filtresEvenements .btn { width: 100%; } } .filtresEvenements .form-group { display: flex; align-items: center; } .filtresEvenements .form-group label { display: none; margin-right: 1rem; color: #757575; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } @media (min-width: 992px) { .filtresEvenements .form-group label { display: initial; } } .filtresEvenements .form-group .form-select { margin-bottom: 0 !important; width: unset; } @media (min-width: 992px) { .sectionAgenda + .imageFull { margin-top: -11rem; } } @media (min-width: 992px) { .sectionActus { margin-bottom: 4rem; min-height: 39rem; } } .sectionMag { position: relative; padding: 0 0 4rem; } @media (max-width: 991.98px) { .sectionMag { margin-bottom: 3rem; } } .sectionMag > .page-title { margin-bottom: 2rem; } .sectionMag-mag + .btn { margin-top: 0 !important; } .loader_panel { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100vw; height: 100vh; z-index: 74; pointer-events: none; } .loader_panel > .spinner-wrapper { display: flex; align-items: center; justify-content: center; position: relative; padding: 1rem; background: white; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); pointer-events: all; } .sectionAnnuaires { margin-bottom: 0 !important; } .sectionAnnuaires .page-title { margin-bottom: 2rem; } @media (min-width: 992px) { .section-debord-droite + .sectionAnnuaires { margin-top: -11rem; } } @media (min-width: 992px) { .sectionMagTerritoire { margin-top: 6rem !important; margin-bottom: 6rem !important; } } .sectionMagTerritoire-carte { margin: auto !important; max-width: 25rem !important; } @media (max-width: 767.98px) { .home .ccm-page .section-debord .row:not(:last-child) { margin-bottom: 2rem; } .home .ccm-page .section-debord *:not(.page-title, input) + .row { margin-top: 0 !important; } } .section.territoire { margin: 0 !important; padding: 0; } .section.territoire .ccm-image-slider-container:not(i) { margin: 6rem 0 !important; } @media (min-width: 992px) { .section.territoire .ccm-image-slider-container:not(i) { padding: 0 4rem; } } .section.territoire .ccm-image-slider-container:not(i) .owl-item img { overflow: hidden; aspect-ratio: 135/67; object-fit: cover; } .section.territoire .ccm-image-slider-container:not(i) .owl-dots { display: none; } html.ccm-edit-mode .section.territoire { aspect-ratio: 16/5; } .formCategorie-date { position: relative; z-index: 0; position: relative; margin-bottom: 5rem; padding-left: 4rem; padding-right: 4rem; text-align: center; } .formCategorie-date::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #f2f2f2; z-index: -2; left: calc(50% - 50vw); } .formCategorie-date::before { top: -10.125rem; right: calc(50% - 50vw); left: auto; width: 120vw; height: calc(100% + 13rem); } @media (min-width: 992px) { .formCategorie-date::before { top: -4rem; height: calc(100% + 7rem); } } @media (min-width: 992px) { .template-2cols .formCategorie-date::before { right: -2rem; left: auto; } } .formCategorie-date .owl-prev, .formCategorie-date .owl-next { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; position: absolute; width: 3.125rem; height: 3.125rem; background: #371D5C; border-radius: 50%; color: #fff; font-size: 1.75rem; transition: background 0.4s; } .formCategorie-date .owl-prev:hover, .formCategorie-date .owl-next:hover { background: #201135; } .formCategorie-date .owl-prev { left: 0; } .formCategorie-date .owl-next { right: 0; } .infosAgenda { display: flex; justify-content: space-between; margin-top: 1rem; margin-bottom: 4rem; width: 100%; } @media (max-width: 1199.98px) { .infosAgenda { flex-direction: column; } .infosAgenda .btn { margin-top: 1rem; } } @media (max-width: 991.98px) { .infosAgenda { flex-direction: column; margin-top: 0; margin-left: 0; } .infosAgenda .btn { margin-top: 1rem; } } .agenda-calendrier { position: relative; z-index: 0; margin-bottom: 2.5rem; padding: 1rem 1.5rem !important; } .agenda-calendrier::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #f2f2f2; z-index: -2; left: calc(50% - 50vw); } @media (min-width: 992px) { .agenda-calendrier::before { left: 0; } } @media (max-width: 575.98px) { .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-date { left: 1rem; } } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-date p { margin-bottom: 0 !important; text-transform: uppercase; } .ccm-block-page-list-wrapper.agenda .ccm-block-page-list-date span { font-size: 0.75rem; } .loader_panel { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100vw; height: 100vh; z-index: 74; pointer-events: none; } .loader_panel > .spinner-wrapper { display: flex; align-items: center; justify-content: center; position: relative; padding: 1rem; background: white; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); pointer-events: all; } @media (min-width: 576px) and (max-width: 991.98px) { .ccm-page .img-fluid.detailAgenda-image { max-width: 420px; } } .annuaire-vue { display: flex; align-items: center; margin-bottom: 1.5rem; } .annuaire-vue-item { display: flex; align-items: center; color: #757575; font-size: 1rem; font-weight: 700; text-transform: uppercase; line-height: 1.1; } .annuaire-vue-item:not(:last-child) { margin-right: 2rem; } .annuaire-vue-item i { display: flex; align-items: center; justify-content: center; margin-right: 0.5rem; width: 3rem; height: 3rem; background: #f2f2f2; border-radius: 50%; color: #757575; font-size: 1.5rem; transition: background 0.4s, color 0.4s; } .annuaire-vue-item:hover, .annuaire-vue-item:focus-visible { color: #3C3D40; } .annuaire-vue-item:hover i, .annuaire-vue-item:focus-visible i { background: #E6E6E6; } .annuaire-vue-item.active { color: #198754; cursor: initial; } .annuaire-vue-item.active i { background: #198754; color: #fff; } .annuaire-vue-item.active:hover { color: #198754; } .annuaire-carte { height: 22rem; } @media (min-width: 576px) { .annuaire-carte { height: 35rem; } } .annuaire-carte-detail { position: relative; left: calc(50% - 50vw); width: 100vw; height: 20rem; display: block; } @media (min-width: 992px) { .colonneGauche .annuaire-carte-detail { left: 0; width: 100%; } } .annuaire-carte-panel { height: 20rem; } @media (min-width: 1200px) { .annuaire-carte-panel { height: 60vh; } } .nav-annuaires { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 2.5rem !important; padding: 1rem 2rem !important; } .nav-annuaires::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #f2f2f2; z-index: -2; left: calc(50% - 50vw); } @media (min-width: 992px) { .nav-annuaires::before { left: 0; } } .nav-annuaires > li { padding: 0.5rem 0; } .loader_panel { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100vw; height: 100vh; z-index: 74; pointer-events: none; } .loader_panel > .spinner-wrapper { display: flex; align-items: center; justify-content: center; position: relative; padding: 1rem; background: white; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); pointer-events: all; } @media (max-width: 991px) { body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page h1.page-title, body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page .h1.page-title { font-size: 5rem; } body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page h2.page-title, body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page .h2.page-title { font-size: 3.5rem; } body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page h3.page-title, body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page .h3.page-title { font-size: 2.75rem; } body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page h4.page-title, body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page .h4.page-title { font-size: 2.375rem; } body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page h5.page-title, body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page .h5.page-title, body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page h6.page-title, body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-page .h6.page-title { font-size: 2rem; } } body:has(.navbar-brand img[src*=logo-boulieu]) .colonneDroite .nav-titre { font-size: 2rem !important; } body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-block-trombinoscope .ccm-block-trombi-entry-text .nom { font-size: 2rem; } body:has(.navbar-brand img[src*=logo-boulieu]) .ccm-block-file-texte { font-size: 2rem; } @media (min-width: 1200px) { body:has(.navbar-brand img[src*=logo-boulieu]) .menuSite .menuSite-interne > ul > li > a { font-size: 2.5rem; } body:has(.navbar-brand img[src*=logo-boulieu]) .menuSite .menuSite-interne > ul > li > ul > li > a.item-parent { font-size: 2.25rem; } } @font-face { font-family: "lg"; src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/lg.woff?io9a6k") format("woff"), url("../fonts/lg.svg?io9a6k#lg") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .lg-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "lg" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-container { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .lg-next, .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; outline: none; border: none; } .lg-next.disabled, .lg-prev.disabled { opacity: 0 !important; cursor: default; } .lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) { color: #fff; } .lg-single-item .lg-next, .lg-single-item .lg-prev { display: none; } .lg-next { right: 20px; } .lg-next:before { content: "\e095"; } .lg-prev { left: 20px; } .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; } .lg-media-overlap .lg-toolbar { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; will-change: color; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; background: none; border: none; box-shadow: none; } .lg-toolbar .lg-icon.lg-icon-18 { font-size: 18px; } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-maximize { font-size: 22px; } .lg-toolbar .lg-maximize:after { content: "\e90a"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { color: #eee; font-size: 16px; padding: 10px 40px; text-align: center; z-index: 1080; opacity: 0; -webkit-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s; } .lg-sub-html h4, .lg-sub-html .ccm-page .h4, .ccm-page .lg-sub-html .h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } .lg-sub-html a { color: inherit; } .lg-sub-html a:hover { text-decoration: underline; } .lg-media-overlap .lg-sub-html { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); } .lg-item .lg-sub-html { position: absolute; bottom: 0; right: 0; left: 0; } .lg-error-msg { font-size: 14px; color: #999; } .lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; height: 47px; vertical-align: middle; } .lg-closing .lg-toolbar, .lg-closing .lg-prev, .lg-closing .lg-next, .lg-closing .lg-sub-html { opacity: 0; -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont { opacity: 0; -moz-transform: scale3d(0.5, 0.5, 0.5); -o-transform: scale3d(0.5, 0.5, 0.5); -ms-transform: scale3d(0.5, 0.5, 0.5); -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); will-change: transform, opacity; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont { opacity: 1; -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; width: 100%; max-height: 350px; overflow: hidden; float: left; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer .lg-thumb-outer.lg-thumb-align-middle { text-align: center; } .lg-outer .lg-thumb-outer.lg-thumb-align-left { text-align: left; } .lg-outer .lg-thumb-outer.lg-thumb-align-right { text-align: right; } .lg-outer.lg-single-item .lg-thumb-outer { display: none; } .lg-outer .lg-thumb { padding: 5px 0; height: 100%; margin-bottom: -5px; display: inline-block; vertical-align: middle; } @media (min-width: 768px) { .lg-outer .lg-thumb { padding: 10px 0; } } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border-radius: 2px; margin-bottom: 5px; will-change: border-color; } @media (min-width: 768px) { .lg-outer .lg-thumb-item { border-radius: 4px; border: 2px solid #fff; -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer .lg-toggle-thumb:after { content: "\e1ff"; } .lg-outer.lg-animate-thumb .lg-thumb { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .lg-outer .lg-video-cont { text-align: center; display: inline-block; vertical-align: middle; position: relative; } .lg-outer .lg-video-cont .lg-object { width: 100% !important; height: 100% !important; } .lg-outer .lg-has-iframe .lg-video-cont { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-video-object { position: absolute; left: 0; right: 0; width: 100%; height: 100%; top: 0; bottom: 0; z-index: 3; } .lg-outer .lg-video-poster { z-index: 1; } .lg-outer .lg-has-video .lg-video-object { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .lg-outer .lg-has-video.lg-video-loaded .lg-video-poster, .lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button { opacity: 0 !important; } .lg-outer .lg-has-video.lg-video-loaded .lg-video-object { opacity: 1; } @keyframes lg-play-stroke { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes lg-play-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .lg-video-play-button { width: 18%; max-width: 140px; position: absolute; top: 50%; left: 50%; z-index: 2; cursor: pointer; transform: translate(-50%, -50%) scale(1); will-change: opacity, transform; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s; -moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s; -o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s; transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s; } .lg-video-play-button:hover .lg-video-play-icon-bg, .lg-video-play-button:hover .lg-video-play-icon { opacity: 1; } .lg-video-play-icon-bg { fill: none; stroke-width: 3%; stroke: #fcfcfc; opacity: 0.6; will-change: opacity; -webkit-transition: opacity 0.12s ease-in; -o-transition: opacity 0.12s ease-in; transition: opacity 0.12s ease-in; } .lg-video-play-icon-circle { position: absolute; top: 0; left: 0; bottom: 0; right: 0; fill: none; stroke-width: 3%; stroke: rgba(30, 30, 30, 0.9); stroke-opacity: 1; stroke-linecap: round; stroke-dasharray: 200; stroke-dashoffset: 200; } .lg-video-play-icon { position: absolute; width: 25%; max-width: 120px; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); opacity: 0.6; will-change: opacity; -webkit-transition: opacity 0.12s ease-in; -o-transition: opacity 0.12s ease-in; transition: opacity 0.12s ease-in; } .lg-video-play-icon .lg-video-play-icon-inner { fill: #fcfcfc; } .lg-video-loading .lg-video-play-icon-circle { animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite; } .lg-video-loaded .lg-video-play-button { opacity: 0; transform: translate(-50%, -50%) scale(0.7); } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; will-change: opacity; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-single-item .lg-autoplay-button { opacity: 0.75; pointer-events: none; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0ms !important; transition-duration: 0ms !important; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { will-change: transform; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; } .lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap { will-change: transform; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); will-change: opacity, transform; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-icon.lg-zoom-in:after { content: "\e311"; } .lg-icon.lg-actual-size { font-size: 20px; } .lg-icon.lg-actual-size:after { content: "\e033"; } .lg-icon.lg-zoom-out { opacity: 0.5; pointer-events: none; } .lg-icon.lg-zoom-out:after { content: "\e312"; } .lg-zoomed .lg-icon.lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer[data-lg-slide-type=video] .lg-zoom-in, .lg-outer[data-lg-slide-type=video] .lg-actual-size, .lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, .lg-outer[data-lg-slide-type=iframe] .lg-actual-size, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in, .lg-outer.lg-first-slide-loading .lg-actual-size, .lg-outer.lg-first-slide-loading .lg-zoom-out { opacity: 0.75; pointer-events: none; } .lg-outer .lg-pager-outer { text-align: center; z-index: 1080; height: 10px; margin-bottom: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer.lg-single-item .lg-pager-outer { display: none; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; will-change: transform, opacity; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer .lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: absolute; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; will-change: visibility, opacity; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active .lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active .lg-share { color: #fff; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); will-change: visibility, opacity, transform; -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer .lg-share { position: relative; } .lg-outer .lg-share:after { content: "\e80d"; } .lg-outer .lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer .lg-share-facebook .lg-icon:after { content: "\e904"; } .lg-outer .lg-share-twitter .lg-icon { color: #00aced; } .lg-outer .lg-share-twitter .lg-icon:after { content: "\e907"; } .lg-outer .lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer .lg-share-pinterest .lg-icon:after { content: "\e906"; } .lg-comment-box { width: 420px; max-width: 100%; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9999; background-color: #fff; will-change: transform; -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-comment-box .lg-comment-title { margin: 0; color: #fff; font-size: 18px; } .lg-comment-box .lg-comment-header { background-color: #000; padding: 12px 20px; position: absolute; left: 0; right: 0; top: 0; } .lg-comment-box .lg-comment-body { height: 100% !important; padding-top: 43px !important; width: 100% !important; } .lg-comment-box .fb-comments { height: 100%; width: 100%; background: url("../images/loading.gif") no-repeat scroll center center #fff; overflow-y: auto; display: inline-block; } .lg-comment-box .fb-comments[fb-xfbml-state=rendered] { background-image: none; } .lg-comment-box .fb-comments > span { max-width: 100%; } .lg-comment-box .lg-comment-close { position: absolute; right: 5px; top: 12px; cursor: pointer; font-size: 20px; color: #999; will-change: color; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-comment-box .lg-comment-close:hover { color: #fff; } .lg-comment-box .lg-comment-close:after { content: "\e070"; } .lg-comment-box iframe { max-width: 100% !important; width: 100% !important; } .lg-comment-box #disqus_thread { padding: 0 20px; } .lg-outer .lg-comment-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; will-change: visibility, opacity; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer .lg-comment-toggle:after { content: "\e908"; } .lg-outer.lg-comment-active .lg-comment-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-comment-active .lg-comment-toggle { color: #fff; } .lg-outer.lg-comment-active .lg-comment-box { -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-img-rotate { position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer[data-lg-slide-type=video] .lg-rotate-left, .lg-outer[data-lg-slide-type=video] .lg-rotate-right, .lg-outer[data-lg-slide-type=video] .lg-flip-ver, .lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-right, .lg-outer[data-lg-slide-type=iframe] .lg-flip-ver, .lg-outer[data-lg-slide-type=iframe] .lg-flip-hor { opacity: 0.75; pointer-events: none; } .lg-rotate-left:after { content: "\e900"; } .lg-rotate-right:after { content: "\e901"; } .lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver { font-size: 26px; } .lg-flip-ver:after { content: "\e903"; } .lg-flip-hor:after { content: "\e902"; } .lg-medium-zoom-item { cursor: zoom-in; } .lg-medium-zoom .lg-outer { cursor: zoom-out; } .lg-medium-zoom .lg-outer.lg-grab img.lg-object { cursor: zoom-out; } .lg-medium-zoom .lg-outer.lg-grabbing img.lg-object { cursor: zoom-out; } .lg-relative-caption .lg-outer .lg-sub-html { white-space: normal; bottom: auto; padding: 0; background-image: none; } .lg-relative-caption .lg-outer .lg-relative-caption-item { opacity: 0; padding: 16px 0; transition: 0.5s opacity ease; } .lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item { opacity: 1; } .lg-group:after { content: ""; display: table; clear: both; } .lg-container { display: none; outline: none; } .lg-container.lg-show { display: block; } .lg-on { scroll-behavior: unset; } .lg-toolbar, .lg-prev, .lg-next, .lg-pager-outer, .lg-hide-sub-html .lg-sub-html { opacity: 0; will-change: transform, opacity; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-show-in .lg-toolbar, .lg-show-in .lg-prev, .lg-show-in .lg-next, .lg-show-in .lg-pager-outer { opacity: 1; } .lg-show-in.lg-hide-sub-html .lg-sub-html { opacity: 1; } .lg-show-in .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-show-in .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-show-in .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0.001; outline: none; will-change: auto; overflow: hidden; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-zoom-from-image { opacity: 1; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .lg-outer .lg-inner { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s; white-space: nowrap; } .lg-outer .lg-item { display: none !important; } .lg-outer .lg-item:not(.lg-start-end-progress) { background: url("../images/loading.gif") no-repeat scroll center center transparent; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .lg-outer .lg-img-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; white-space: nowrap; font-size: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-object { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; position: relative; } .lg-outer .lg-empty-html.lg-sub-html, .lg-outer .lg-empty-html .lg-sub-html { display: none; } .lg-outer.lg-hide-download .lg-download { opacity: 0.75; pointer-events: none; } .lg-outer .lg-first-slide .lg-dummy-img { position: absolute; top: 50%; left: 50%; } .lg-outer.lg-components-open:not(.lg-zoomed) .lg-components { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: 1; } .lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html { opacity: 1; transition: opacity 0.2s ease-out 0.15s; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; will-change: auto; -webkit-transition: opacity 333ms ease-in 0s; -o-transition: opacity 333ms ease-in 0s; transition: opacity 333ms ease-in 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-use-css3 .lg-item.lg-start-progress { -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .lg-css3.lg-use-css3 .lg-item.lg-start-end-progress { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-container { display: none; } .lg-container.lg-show { display: block; } .lg-container.lg-dragging-vertical .lg-backdrop { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-inline .lg-backdrop, .lg-inline .lg-outer { position: absolute; } .lg-inline .lg-backdrop { z-index: 1; } .lg-inline .lg-outer { z-index: 2; } .lg-inline .lg-maximize:after { content: "\e909"; } .lg-components { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); will-change: transform; -webkit-transition: -webkit-transform 0.35s ease-out 0s; -moz-transition: -moz-transform 0.35s ease-out 0s; -o-transition: -o-transform 0.35s ease-out 0s; transition: transform 0.35s ease-out 0s; z-index: 1080; position: absolute; bottom: 0; right: 0; left: 0; }