/* #@0 #@1 #@2 #@3 #@4 #@5 #@6 #@7 #@8 #@9 #@10 #@11 #@12 #@13 #@14 #@15 #@16 #@17 #@18 #@19 #@20 #@21 #@22 #@23 #@24 #@25 #@26 #@27 #@28 #@29 #@30 #@31 #@32 #@33 #@34 #@35 #@36 #@37 #@38 #@39 #@40 #@41 #@42 #@43 #@44 #@45 #@46 #@47 #@48 #@49 */ @charset "UTF-8"; /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ /* Exemple :
.outer-box { @include aspect-ratio(4, 3); } */ /* Exemple : $map: ( 'foo': 'bar', ); .test { content: get($map, 'foo'); } */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("/plugins/occitanie/squelettes-occitanie/squelettes-v2/webfonts/montserrat/montserrat-regular.woff2") format("woff2"), url("/plugins/occitanie/squelettes-occitanie/squelettes-v2/webfonts/montserrat/montserrat-regular.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("/plugins/occitanie/squelettes-occitanie/squelettes-v2/webfonts/montserrat/montserrat-semibold.woff2") format("woff2"), url("/plugins/occitanie/squelettes-occitanie/squelettes-v2/webfonts/montserrat/montserrat-semibold.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("/plugins/occitanie/squelettes-occitanie/squelettes-v2/webfonts/montserrat/montserrat-bold.woff2") format("woff2"), url("/plugins/occitanie/squelettes-occitanie/squelettes-v2/webfonts/montserrat/montserrat-bold.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 900; font-display: swap; src: url("/plugins/occitanie/squelettes-occitanie/squelettes-v2/webfonts/montserrat/montserrat-extrabold.woff2") format("woff2"), url("/plugins/occitanie/squelettes-occitanie/squelettes-v2/webfonts/montserrat/montserrat-extrabold.woff") format("woff"); } .noprint, .no-print { display: block; } .onlyprint, .only-print { display: none; } /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers */ .visuallyhidden, .visually-hidden { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .visuallyhidden .focusable:active, .visuallyhidden .focusable:focus, .visually-hidden .focusable:active, .visually-hidden .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; height: 0; margin: 0; padding: 0; } /* * Where this sort of technique can be preferred over the .visually-hidden class is when it’s modified for content * that will transition from off-screen to within the view port, upon focus. */ .off-screen { left: -100vw; position: absolute; } /* masqué dans un navigateur mais lisible par un lecteur d'ecran uniquement si javascript actif */ .js .js-visuallyhidden { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .js .js-visuallyhidden .focusable:active, .js .js-visuallyhidden .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .js .js-hidden { display: none !important; } /* tout le temps affiche sauf si javascript actif */ .no-js .nojs-visuallyhidden { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .no-js .nojs-visuallyhidden .focusable:active, .no-js .nojs-visuallyhidden .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .no-js .nojs-hidden { display: none !important; } /* * Faire un lien sur un bloc entier * Uniquement si JS est activé (cf script.js pour la gestion du clic) */ .js .block-link-parent { cursor: pointer; } .js .block-link-parent a { text-decoration: none; } @supports (text-decoration-color: transparent) { .js .block-link-parent a { text-decoration: underline; text-decoration-color: transparent; } } .js .block-link-parent a:not(.button) { display: inline-block; } .js .block-link-parent:hover a:not(.button), .js .block-link-parent a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .js .block-link-parent:hover a:not(.button), .js .block-link-parent a:focus { text-decoration-color: currentColor; } } .js .block-link-parent a:focus-visible { text-decoration: none; } .equal_columns > * { margin-top: 0; margin-bottom: 1.5em; margin-right: auto; margin-left: auto; } .equal_columns > *:last-child { margin-bottom: 0; } @media (min-width: 48.0625em) { .equal_columns { display: flex; justify-content: space-between; gap: 20px; } .equal_columns > * { flex: 1; margin: 0; } } .text-block { margin-top: 0; margin-bottom: 1.5em; } .text-block:last-child { margin-bottom: 0; } .module-block { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .module-block { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .module-block { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .module-block > :last-child { margin-bottom: 0; } .flex-block { display: flex; } .flex-boutons { display: flex; flex-wrap: wrap; align-items: start; justify-content: flex-start; } .flex-boutons > * { margin-right: 1em; margin-bottom: 1em; } @media screen and (min-width: 36.3125em) { .flex-space-between { display: flex; justify-content: space-between; } } .center, .txt-center { text-align: center; } .bloc-center { text-align: center; margin-top: 0; margin-bottom: 1.5em; } .bloc-center:last-child { margin-bottom: 0; } .bloc-center h2, .bloc-center h3, .bloc-center h4 { display: inline-block; } .nowrap { white-space: nowrap; } .fullwidth { width: 100%; /* fallback for browsers that don't understand vw or calc */ width: calc(100vw - 14px); /* -15 because vw is calculated without the scrollbar being considered & 15px is width of scrollbars */ position: relative; /* use this if the parent div isn't flush left */ right: calc((100vw - 14px - 100%) / 2); } .margin-block-large { margin-block: 3em; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (prefers-reduced-motion: reduce) { :root { --nomotion: none; } body *, body *::before, body *::after { animation: none !important; transition: none !important; transition-duration: 0s !important; } } a, button, input, textarea, select, .focusable { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, .focusable:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: currentColor; text-decoration: none; text-decoration-color: transparent; } @supports not selector(:focus-visible) { a:focus, button:focus, input:focus, textarea:focus, select:focus, .focusable:focus { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: currentColor; text-decoration: none; text-decoration-color: transparent; } } /* Anything that has been anchored to should have extra scroll margin */ :target { scroll-margin-block: 5ex; } html { font-size: 100.01%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: var(--nomotion, smooth); } body { line-height: 1.6; background: white; } a { background: transparent; transition: 0.3s ease-out; /* Linked images */ } a:focus { text-shadow: none; } a:hover { cursor: pointer; } a[hreflang]:after { content: " [" attr(hreflang) "]"; font-weight: normal; } a img { border: 0; display: inline-block; } a:focus img, a:active img { transform: none; } a[type^="image"]:focus { outline-offset: -5px; outline-color: white; outline-width: 2px; } a:has(> img:is(:first-child):is(:last-child)):not(.button) { display: inline-flex; } ul, ol { margin-left: 1em; padding: 0; } ul { list-style-type: square; } ol { list-style-type: decimal; } li > ol, li > ul { margin-bottom: 0; } dt { font-weight: bold; } em, i { font-style: italic; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } fieldset { min-width: 0; } strong, b { font-weight: 700; } small, .small { font-size: 0.875em; } big, .big { font-size: 1.25em; } figcaption { margin-top: 0.5em; font-weight: normal; } figcaption .oe-author_name { display: none; } p, ul, ol, dl, dd, blockquote, address, pre, table, fieldset { margin-top: 0; margin-bottom: 1.5em; } p:last-child, ul:last-child, ol:last-child, dl:last-child, dd:last-child, blockquote:last-child, address:last-child, pre:last-child, table:last-child, fieldset:last-child { margin-bottom: 0; } img, svg { max-width: 100%; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } button[disabled], input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled] { cursor: default; } /* évite un resize potentiellement foireux */ textarea { resize: vertical; } /* * évite dimensionnement des radios, checkboxes et images * et un affichage différent sous IE */ input[type="radio"], input[type="checkbox"], input[type="image"] { background-color: transparent; border: 0; width: auto; } /* supprime un bug Firefox sur button */ button::-moz-focus-inner { border: 0; padding: 0; } abbr[title], acronym[title] { text-decoration: none; border-bottom: 0.1em dashed; cursor: help; } @media print { abbr[title] { border-bottom: 0; } abbr[title]:after { content: " (" attr(title) ")"; } } dfn { font-weight: bold; font-style: italic; } s, strike, del { opacity: 0.5; text-decoration: line-through; } ins { background-color: rgba(255, 255, 204, 0.5); text-decoration: none; } u { text-decoration: underline; text-underline-offset: 0.3em; } sup, .sup, sub, .sub { position: relative; font-variant: normal; vertical-align: baseline; } sup, .sup { top: -0.5em; } sub, .sub { bottom: -0.25em; } pre { white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } kbd { white-space: nowrap; padding: 0.1em 0.3em; background-color: #EEEEEE; border: 1px solid #AAAAAA; border-radius: 4px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #FFFFFF inset; color: #333333; } samp { font-weight: bold; } var { font-style: italic; } /* Typography for small screens [fr] http://www.alsacreations.com/astuce/lire/1177 */ @media (max-width: 40em) { /* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */ /* gestion des mots longs */ img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100% !important; } textarea, table, td, th, pre, code, samp { word-wrap: break-word; /* cesure forcee */ } pre, code, samp { white-space: pre-line; /* passage a la ligne specifique pour les elements a chasse fixe */ } } /* orientation iOS5 font-size fix */ @media (orientation: landscape) and (max-device-width: 40em) { html, body { -webkit-text-size-adjust: 100%; } } /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #B3D4FC; text-shadow: none; } ::selection { background: #B3D4FC; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1.5rem 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } input[type="search"] { box-sizing: border-box; } address { font-style: normal; } pre, code, kbd, samp, var, tt { font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; } ul.spip, ol.spip { margin-left: 1.5em; } ul.spip li, ol.spip li { margin: 0.5em 0; } ul.spip ul.spip, ul.spip ol.spip, ol.spip ul.spip, ol.spip ol.spip { margin-left: 2em; } .autobr { height: 0; display: block; } .spip_logo { float: none; margin: 0; } .formulaire_spip.formulaire_login { margin-top: 1em; } .formulaire_spip.formulaire_login legend { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .formulaire_spip.formulaire_login legend .focusable:active, .formulaire_spip.formulaire_login legend .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .formulaire_spip.formulaire_login .editer { margin-bottom: 0; } .formulaire_spip.formulaire_login .editer_password .details { margin-top: 1em; margin-bottom: 0; } .formulaire_spip.formulaire_login .editer_session { margin-top: 1em; } #pass_securise { display: none !important; } .crayon-hover { position: relative !important; } .crayon-init .crayon-icones { position: absolute !important; top: 0; left: unset !important; right: 0; } .crayon-boutons .crayon-submit:before { display: none; } .box_mediabox .lity-content.lity-content { min-width: unset; } .box_mediabox.lity-ajax .lity-content-inner { padding: 1.5rem; } .lity-close[type="button"], .lity-close[type="button"]:hover, .lity-close[type="button"]:focus, .lity-close[type="button"]:focus-visible, .lity-close[type="button"]:active, .lity-close[type="button"]:visited { -webkit-appearance: none; z-index: 9994; min-width: unset; min-height: unset; width: var(--mediabox-sidebar-close-size); height: var(--mediabox-sidebar-close-size); position: absolute; top: 3px; right: 3px; padding: 0; cursor: pointer; color: #111111; text-shadow: none; text-decoration: none; text-align: center; font-style: normal; font-size: var(--mediabox-sidebar-close-size); line-height: var(--mediabox-sidebar-close-size); border: 0; background: none; -webkit-box-shadow: none; box-shadow: none; outline-offset: -1px; } .lity-close[type="button"]:hover, .lity-close[type="button"]:focus, .lity-close[type="button"]:active { color: #C10230; } .lity-content-inner *:first-child { margin-block-start: 0; } .lity-content-inner *:last-child { margin-block-end: 0; } #spip-admin { right: 0.5em; top: -4px; font-size: 0.7em; } @media screen and (max-width: 48em) { #spip-admin { top: auto; bottom: -4px; } #spip-admin .spip-admin-boutons { opacity: 1; } } #tarteaucitronAlertSmall { z-index: 9000000 !important; } .debug_info { z-index: 9000001 !important; } #debug-nav { position: fixed !important; top: 10px !important; width: 80% !important; z-index: 999999; } #debug-nav td { vertical-align: top; } #debug-nav code { word-break: break-word; } html #spip-boucles fieldset .spip-env fieldset table tr { max-height: none !important; } .spip-admin-bloc, .spip-admin-float { position: relative; right: 20px !important; font-size: 0.8em; z-index: 10000 !important; } .spip-admin-boutons { border-radius: 0.3em !important; padding: 0.5em !important; } html #debug-profile { width: calc(100% - 2em); margin: 1em; padding: 0.5em; } /* documents */ .spip_documents { text-align: center; margin: 1.5rem 0; } .spip_documents_center { clear: both; width: 100%; margin-left: auto; margin-right: auto; } .spip_document_video figure { margin: 0; } span.spip_documents_center { display: block; } .spip_documents_left.spip_documents_left, .spip_documents_right.spip_documents_right { float: none !important; display: block; clear: both; } .spip_documents_left, .spip_documents_right { margin: 0 0 1em 0; text-align: center; } .spip_documents_left figcaption, .spip_documents_right figcaption { margin-bottom: 2em; } @media screen and (min-width: 36.3125em) { .spip_documents_left, .spip_documents_right { display: block; clear: unset; max-width: 33%; margin-bottom: 0.5em; } .spip_documents_left.spip_documents_left { float: left !important; margin-right: 1.5em; } .spip_documents_right.spip_documents_right { float: right !important; margin-left: 1.5em; } } .spip_doc_titre, .spip_doc_descriptif, .spip_doc_credits, .spip_doc_infos { margin: 0.5em auto; font-weight: normal; font-size: 0.8125em; line-height: 1.4; } .spip_doc_descriptif { clear: both; } .spip_documents .oembed { background: none; padding: 0; border: none; } .spip-admin-bloc, .spip-admin-float { right: 1em !important; font-size: 85%; } .spip-admin-bloc #statistiques, .spip-admin-float #statistiques { display: none; } .inclure_blocs.inclure_blocs { padding: 5px !important; margin: 5px !important; border: 1px solid #E89B82 !important; background: none !important; } #spip-admin .inclure_blocs.inclure_blocs { display: inline-block !important; padding: 0 !important; margin: 0 !important; border: none !important; } #spip-admin .inclure_blocs.inclure_blocs h6 { display: none; } .inclure_blocs.inclure_blocs > h6 { position: relative; z-index: 999999; background: #F7F6DF; margin: -3px -3px 3px -3px; } #debug-profile table.explain caption { word-wrap: anywhere; } #debug-profile table.explain caption br { display: none; } /*--------------------------- Blocs encadres et boites -----------------------------*/ .boite { --padding: 0.75rem 1.5rem; padding: var(--padding); color: #111111; border-radius: 0.5rem; z-index: 1; clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .boite { --padding: 1rem 2rem; } } @media screen and (min-width: 36.3125em) { .boite { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .boite { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .boite > :last-child { margin-bottom: 0; } .boite > * > :first-child { margin-top: 0; } .boite > * > :last-child { margin-bottom: 0; } .boite--large { margin-inline: -5em; } #page .boite--large { margin-inline: 0; } .boite--padding { --padding: 1.5rem; } .boite--center { text-align: center; } .boite--fond { background: #F3F6F9; } .boite--fond-jaune { background: #FFCD00; } .boite--bloc_encadre_droite, .boite--bloc_plus_loin_clic, .boite--bloc_figure--chiffrescles { margin-top: 0; } @media screen and (min-width: 36.3125em) { .boite--bloc_encadre_droite, .boite--bloc_plus_loin_clic, .boite--bloc_figure--chiffrescles { margin-left: 1.5em; float: right; width: 35%; min-width: unset; } } @media screen and (min-width: 36.3125em) { .boite--bloc_figure--chiffrescles:after { left: 2rem; } } .boite--bloc_en_avant { --padding: 0; } .bloc_large__titre, .bloc_large__texte { margin-bottom: 1rem; } .bloc_ensavoirplus__titre, .bloc_telechargements__titre, .bloc_telechargements_libre__titre { color: #526976; font-weight: bold; font-size: 0.875em; margin-bottom: 1em; } .bloc_ensavoirplus__texte > :last-child, .bloc_telechargements__texte > :last-child, .bloc_telechargements_libre__texte > :last-child { margin-bottom: 0; } .nav-sommaire, .boite--bloc_encadre_large, .boite--bloc_encadre_droite, .boite--bloc_encadre_biais, .boite--bloc_ensavoirplus, .boite--bloc_telechargements, .boite--bloc_telechargements_libre, .boite--bloc_figure, .bloc_en_avant__content { background-color: #F3F6F9; } .boite--bloc_figure--citation { background-color: transparent; } .boite--bloc_encadre_important { background: #FFCD00 url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/fond-occitanie-light2.png') right top no-repeat; } .bloc_encadre_droite { position: relative; z-index: 10; margin-top: 0; margin-bottom: 1em; overflow: hidden; } .bloc_encadre_droite > :last-child { margin-bottom: 0; } .bloc_encadre_large { clear: both; overflow: hidden; } .bloc_encadre_large .spip_documents { text-align: center; display: inline-block; vertical-align: top; } .bloc_encadre_large .spip_documents .spip_doc_titre { margin: 0.8em 0 0 0; padding: 0 0.5em; } .bloc_encadre_large .spip_documents .spip_doc_infos { padding: 0 0.5em; } .icone_encart { float: left; margin-right: 1em; } .bloc_encadre_droite .icone_encart, .bloc_encadre_large .icone_encart { float: none; display: table-cell; vertical-align: top; margin-right: 0; margin-left: 0; padding-right: 1em; border-right-width: 1px; border-right-style: solid; } .bloc_encadre_droite .icone_encart img, .bloc_encadre_large .icone_encart img { max-width: none !important; } .bloc_encadre_droite .icone_encart--bonasavoir, .bloc_encadre_large .icone_encart--bonasavoir { border-color: #B3020C; } .bloc_encadre_droite .icone_encart--chiffres, .bloc_encadre_large .icone_encart--chiffres { border-color: #333E8A; } .bloc_encadre_droite .icone_encart--allerplusloin, .bloc_encadre_large .icone_encart--allerplusloin { border-color: #333E8A; } .bloc_encadre_droite .icone_encart--important, .bloc_encadre_large .icone_encart--important { border-color: #6E3F78; } .bloc_encadre_droite .icone_encart--savoirplus, .bloc_encadre_large .icone_encart--savoirplus { border-color: #B3020C; } .bloc_encadre_droite .icone_encart--telecharger, .bloc_encadre_large .icone_encart--telecharger { border-color: #B3020C; } .bloc_encadre_important { overflow: hidden; } .bloc_jaune__texte { font-size: 1.5em; font-weight: 700; position: relative; width: fit-content; margin-inline: auto; position: relative; } .bloc_jaune__texte:after { content: ""; position: absolute; z-index: 3; left: 0; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='white' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .bloc_jaune__texte + * { margin-top: 1em; } .boite--bloc_encadre_biais { position: relative; background-color: #F3F6F9; } .boite--bloc_encadre_biais:before, .boite--bloc_encadre_biais:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc((100vw - 100%) / 2); background-color: #F3F6F9; z-index: -1; } .boite--bloc_encadre_biais:before { left: calc((100vw - 100%) / 2 * -1); } .boite--bloc_encadre_biais:after { right: calc((100vw - 100%) / 2 * -1); } .bloc_encadre_biais { position: relative; padding-block: 2.5em; margin-block: 3.5em; position: relative; } .bloc_encadre_biais:before, .bloc_encadre_biais:after { content: ""; display: block; position: absolute; width: 100vw; left: calc((100vw - 100%) / 2 * -1); background-color: #F3F6F9; z-index: 1; } .bloc_encadre_biais:before { top: calc(min(2em, 5vw) * -1); bottom: 99.5%; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); } .bloc_encadre_biais:after { top: 99.5%; bottom: calc(min(2em, 5vw) * -1); clip-path: polygon(0% 0%, 100% 0%, 0% 100%); } .bloc_plus_loin_clic { background: #E7E1D5; --padding: 1em 1.5em 1.5em 1em; position: relative; z-index: 10; } .bloc_plus_loin_clic:before { content: " "; position: absolute; width: 106px; height: 117px; background: url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/header-plus-loin-clic.png') no-repeat; top: -25px; left: -8px; pointer-events: none; } .bloc_plus_loin_clic:after { content: " "; position: absolute; width: 101px; height: 101px; background: url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/footer-plus-loin-clic.png') no-repeat; bottom: -8px; right: -8px; pointer-events: none; } .bloc_plus_loin_clic .titre_plus_loin_clic { padding-left: 7em; padding-right: 3em; margin-bottom: 2em; } .bloc_plus_loin_clic li { margin: 0.75em 0; } .en_avant { padding-left: 0.75em; border-left: 4px solid #FFCD00; } .call_to_action a { position: relative; --button-main-color: #C10230; --button-invert-color: white; --button-text-color: white; --button-bg-color: #C10230; --button-border-color: #C10230; --button-border-width: 0; --button-text-color-hover: var(--button-invert-color); --button-bg-color-hover: hsl(from var(--button-main-color) h s calc(l - 15)); --button-border-color-hover: #C10230; --button-border-width-hover: 0; display: inline-flex; gap: 0.5em; align-items: center; justify-content: center; inline-size: fit-content; min-width: 6.25rem; min-height: 3rem; line-height: 1.1; padding-block: 0.35em; padding-inline: 1em; font-size: 0.8rem; text-transform: uppercase; font-weight: bold; letter-spacing: 0.035em; background-color: var(--button-bg-color); outline-color: var(--button-border-color); border: none; border-radius: 5px; box-shadow: none; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); color: var(--button-text-color); text-align: center; text-decoration: none; cursor: pointer; transition: 0.3s ease-out; transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; text-decoration: none; padding-left: 2.5em; } .call_to_action a:hover, .call_to_action a:focus { --button-bg-color: var(--button-bg-color-hover); --button-text-color: var(--button-text-color-hover); --button-border-width: var(--button-border-width-hover); --button-border-color: var(--button-border-color-hover); text-decoration: none; } .call_to_action a:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } @supports not selector(:focus-visible) { .call_to_action a:focus { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } } .call_to_action a:before { content: ""; position: absolute; left: 1em; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; background-position: center; background-repeat: no-repeat; width: 17px; height: 14px; } .bloc_en_avant { --padding: 0; background: none; } .bloc_en_avant__content { padding-left: 0.75em; border-left: 4px solid #FFCD00; border-radius: 0.5rem; font-size: 105%; font-weight: bold; --padding: 0.75rem 1.5rem; border-left: 4px solid #FFCD00; overflow: hidden; } @media screen and (min-width: 36.3125em) { .bloc_en_avant__content { font-size: 110%; padding: 1rem 2rem; margin-left: 2em; } } .bloc_en_avant__content p { margin-bottom: 1rem; } .bloc_en_avant__content > :first-child { margin-top: 0; } .bloc_en_avant__content > :last-child { margin-bottom: 0; } .bloc_figure { width: auto; margin-left: auto; margin-right: auto; --padding: 1rem 2rem 2rem 2rem; } .bloc_figure__titre { position: relative; color: #5C7482; font-weight: bold; font-size: 0.875em; margin-bottom: 1em; } .bloc_figure__texte { clear: both; padding: 0; margin: 0; } .bloc_figure__texte .spip_document, .bloc_figure__texte .spip_documents { margin-bottom: 0.75rem; } .bloc_figure__texte > .spip_document, .bloc_figure__texte > .spip_documents, .bloc_figure__texte > p > .spip_document, .bloc_figure__texte > p > .spip_documents { margin-top: 0.35em; } .bloc_figure__texte > .spip_document img, .bloc_figure__texte > .spip_documents img, .bloc_figure__texte > p > .spip_document img, .bloc_figure__texte > p > .spip_documents img { border-radius: 0.25rem; } .bloc_figure__signature { font-weight: bold; margin-top: 1rem; } .bloc_figure__texte--citation, .bloc_figure__texte--temoignage { position: relative; } .bloc_figure__texte--citation:before, .bloc_figure__texte--citation:after, .bloc_figure__texte--temoignage:before, .bloc_figure__texte--temoignage:after { content: ""; width: 1.225em; height: 0.91875em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"28px\" height=\"21px\" viewBox=\"0 0 28 21\"%3E%3Cpath fill=\"%23ffcd00\" d=\"M9.1,10.6H6.6C6.8,6.8,8.8,6.1,10.3,6c0.4,0,0.8-0.4,0.8-0.8V0.8c0-0.2-0.1-0.4-0.3-0.6 C10.7,0.1,10.4,0,10.2,0C6.8,0.2,4.3,1.3,2.5,3.3C0.9,5.2,0,8,0,11.7v6.6C0,19.8,1.3,21,2.9,21h6.3c1.6,0,2.9-1.2,2.9-2.7v-5 C12,11.8,10.7,10.6,9.1,10.6z\"/%3E%3Cpath fill=\"%23ffcd00\" d=\"M25.1,10.6h-2.6c0.2-3.8,2.2-4.5,3.7-4.6c0.4,0,0.8-0.4,0.8-0.8V0.8c0-0.2-0.1-0.4-0.3-0.6 C26.7,0.1,26.4,0,26.2,0c-3.4,0.2-5.9,1.3-7.7,3.3C16.9,5.2,16,8,16,11.7v6.6c0,1.5,1.3,2.7,2.9,2.7h6.3c1.6,0,2.9-1.2,2.9-2.7v-5 C28,11.8,26.7,10.6,25.1,10.6z\"/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media screen and (min-width: 36.3125em) { .bloc_figure__texte--citation:before, .bloc_figure__texte--citation:after, .bloc_figure__texte--temoignage:before, .bloc_figure__texte--temoignage:after { width: 1.75em; height: 1.3125em; } } .bloc_figure__texte--citation:before, .bloc_figure__texte--temoignage:before { position: absolute; margin-left: -2em; } @media screen and (min-width: 36.3125em) { .bloc_figure__texte--citation:before, .bloc_figure__texte--temoignage:before { margin-left: -2.5em; } } .bloc_figure__texte--citation:after, .bloc_figure__texte--temoignage:after { float: right; margin-right: -1em; margin-top: -2em; transform: rotate(180deg); } @media screen and (min-width: 36.3125em) { .bloc_figure__texte--citation:after, .bloc_figure__texte--temoignage:after { margin-right: -2em; } } .bloc_figure__texte--citation p:not(:last-child), .bloc_figure__texte--temoignage p:not(:last-child) { margin-bottom: 0.25em; } .bloc_figure--citation { background: transparent; padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 36.3125em) { .bloc_figure--citation { margin-inline: 2rem; } } @media screen and (min-width: 61.3125em) { .bloc_figure--citation { margin-inline: 4rem; } } .bloc_figure--citation .bloc_figure__texte { font-size: 110%; line-height: 1.4; color: #5C7482; } @media screen and (min-width: 36.3125em) { .bloc_figure--citation .bloc_figure__texte { font-size: 1.5em; } } .boite--bloc_figure--temoignage, .boite--bloc_figure--bonasavoir, .boite--bloc_figure--chiffrescles { position: relative; overflow: hidden; position: relative; } .boite--bloc_figure--temoignage:after, .boite--bloc_figure--bonasavoir:after, .boite--bloc_figure--chiffrescles:after { content: ""; position: absolute; z-index: 3; left: 2rem; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .boite--bloc_figure__titre--temoignage:before, .boite--bloc_figure__titre--bonasavoir:before, .boite--bloc_figure__titre--chiffrescles:before { content: ""; position: absolute; left: -1.7rem; top: 50%; transform: translateY(-50%); width: 1.25em; height: 1.25em; } @media screen and (min-width: 36.3125em) { .boite--bloc_figure__titre--temoignage:before, .boite--bloc_figure__titre--bonasavoir:before, .boite--bloc_figure__titre--chiffrescles:before { left: -2rem; } } .bloc_figure--temoignage > :not(.bloc_figure__titre) { padding-left: 2rem; padding-right: 2rem; } .bloc_figure__titre--temoignage:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 20 20' width='20'%3E%3Cpath fill='%235c7482' d='m17.857 0c-5.311.0073383-10.623-.014701-15.933.011063-1.2427.088473-2.081 1.3415-1.9238 2.5278.0073423 3.7505-.014707 7.5017.011063 11.252.088467 1.2427 1.3415 2.081 2.5278 1.9238h2.1397c-.12515 1.2128-.28914 2.4233-.38994 3.6376.10155.8555 1.1441.73796 1.5256.1619l4.2222-3.7995c2.6798-.0073 5.3604.01464 8.0398-.01106 1.2427-.088476 2.081-1.3415 1.9238-2.5278-.007342-3.7505.014707-7.5017-.011063-11.252-.088611-1.0657-1.0619-1.9451-2.1318-1.9238z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .bloc_figure__titre--bonasavoir:before { top: 30%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='18'%3E%3Cg fill='%235c7482'%3E%3Cpath d='m15.5 4h-1c-.276 0-.5.224-.5.5s.224.5.5.5h1c.276 0 .5-.224.5-.5-.000033-.276-.224-.5-.5-.5z'/%3E%3Cpath d='m8.93 1.28-.666-1c-.166-.247-.565-.346-.894-.224-.329.124-.463.424-.298.671l.667 1c.164.246.563.347.894.224.329-.124.463-.424.298-.671z'/%3E%3Cpath d='m12.6.0525c-.328-.123-.73-.0234-.894.224l-.667 1c-.165.247-.0312.547.298.671.333.124.73.0216.894-.224l.667-1c.165-.247.0312-.547-.298-.671z'/%3E%3Cpath d='m6.5 4h-1c-.276 0-.5.224-.5.5s.224.5.5.5h1c.276 0 .5-.224.5-.5s-.224-.5-.5-.5z'/%3E%3Cpath d='m2.5 10h-2c-.276 0-.5.249-.5.556v8.89c0 .307.224.556.5.556h2c.276 0 .5-.249.5-.556v-8.89c0-.307-.224-.556-.5-.556z'/%3E%3Cpath d='m18 10.7c-.104-.942-.961-1.61-1.88-1.61h-4.61c.392-.72.602-2.76.592-3.59-.0155-1.38-1.13-2.48-2.47-2.48h-.488c-.327 0-.591.272-.591.607 0 1.4-.532 3.94-1.54 4.97-.675.694-1.25.945-2.01 1.33v9.11c1.16.397 2.63.979 4.87.979h3.87c1.27 0 2.27-1.21 1.77-2.49.752-.21 1.31-.919 1.31-1.76 0-.237-.0444-.463-.125-.671 1.27-.355 1.73-1.96.854-2.97.323-.371.501-.878.441-1.43z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .bloc_figure__titre--chiffrescles { padding-left: 2em; } .bloc_figure__titre--chiffrescles:before { left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%235c7482' d='m14 2c6.6 0 12 5.4 12 12s-5.4 12-12 12-12-5.4-12-12h12z'/%3E%3Cpath fill='%235c7482' d='m12 0v12h-12c0-6.6 5.4-12 12-12z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .boite--bloc_figure--chiffrescles { margin-top: 0; padding: 1rem; } .boite--bloc_figure--chiffrescles:after { left: 1rem; } .bloc_figure_chiffrescles__chiffre, .bloc_figure_chiffrescles__info { margin: 0; } .bloc_figure_chiffrescles__chiffre { font-size: 1.625em; font-weight: bold; } .bloc_figure_chiffrescles__info:not(:last-child) { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #D9DDE6; } .bloc_article { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; flex-direction: column; gap: 1.5em; } @media screen and (min-width: 36.3125em) { .bloc_article { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .bloc_article { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .bloc_article > :last-child { margin-bottom: 0; } @media screen and (min-width: 36.3125em) { .bloc_article { display: grid; grid-template-columns: 1fr 1fr; gap: 2em; } .bloc_article--logo-gauche .bloc_article__contenu { order: 2; } .bloc_article--logo-gauche .bloc_article__lien { text-align: right; } } .bloc_article--gris { --padding: 2.5em; background-color: #F3F6F9; } .js .bloc_article a { display: inline-flex; } .bloc_article .spip_documents { margin: 0; } .bloc_article .spip_document_video figcaption { display: none; } .bloc_article__titre { font-size: 1.125em; margin-bottom: 0.5em; } .bloc_article__titre--souligne { position: relative; margin-bottom: 1em; } .bloc_article__titre--souligne:after { content: ""; position: absolute; z-index: 3; left: 0; bottom: -0.5em; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .bloc_article__logo { padding-top: 0.35em; } .bloc_article__logo img { border-radius: 0.5rem; } .bloc_articles { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; flex-direction: column; gap: 2.5rem; padding-inline: 1em; } @media screen and (min-width: 36.3125em) { .bloc_articles { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .bloc_articles { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .bloc_articles > :last-child { margin-bottom: 0; } .bloc_articles--fond { position: relative; background-color: #F3F6F9; padding-block: 3em; } .bloc_articles--fond:before, .bloc_articles--fond:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc((100vw - 100%) / 2); background-color: #F3F6F9; z-index: -1; } .bloc_articles--fond:before { left: calc((100vw - 100%) / 2 * -1); } .bloc_articles--fond:after { right: calc((100vw - 100%) / 2 * -1); } @media screen and (min-width: 48.0625em) { .bloc_articles { padding-inline: 0; } } .bloc_articles__titre, :is(.page_content, #wysiwyg .texte) h2.spip.bloc_articles__titre { text-align: center; margin-block: 0; font-size: 1.5em; } .bloc_articles__titre:after, :is(.page_content, #wysiwyg .texte) h2.spip.bloc_articles__titre:after { display: none; } .bloc_articles__cards { flex-wrap: wrap; justify-content: center; margin-inline: auto; gap: 20px; } .bloc_articles__cards--vertical { display: flex; } .bloc_articles__cards--vertical:has(:nth-child(4)) { max-width: calc(250px * 2 + 2.5em); } .bloc_articles__card--vertical { width: 15.625em; flex-grow: 0; position: relative; position: relative; } @media screen and (min-width: 36.3125em) { .bloc_articles__card--vertical { min-width: 15.625em; } } .bloc_articles__card--vertical:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .bloc_articles__card--vertical .spip_logo, .bloc_articles__card--vertical .bloc_articles__card_content { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } .bloc_articles__card--vertical .bloc_articles__card_content { position: relative; z-index: 1; margin-top: -1em; } .bloc_articles__cards--horizontal { display: grid; } @media screen and (min-width: 48.0625em) { .bloc_articles__cards--horizontal { grid-template-columns: 1fr 1fr; } } .bloc_articles__card--horizontal { display: flex; width: 100%; } .bloc_articles__card--horizontal .bloc_articles__card_logo { max-width: 6.875em; } .bloc_articles__card--horizontal .spip_logo { border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; } .bloc_articles__card--horizontal .bloc_articles__card_content { position: relative; position: relative; } .bloc_articles__card--horizontal .bloc_articles__card_content:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .bloc_articles__cards--masonry { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5em, 1fr)); justify-items: center; align-items: flex-start; } .bloc_articles__card--masonry { max-width: 250px; margin-bottom: 20px; position: relative; position: relative; position: relative; } @media screen and (min-width: 61.3125em) { .bloc_articles__card--masonry { max-width: 200px; } } .bloc_articles__card--masonry:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .bloc_articles__card--masonry .spip_logo, .bloc_articles__card--masonry .bloc_articles__card_content { border-radius: 0.5em; } .bloc_articles__card--masonry:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 -1px 11px 0 rgba(86, 122, 143, 0.17); opacity: 0.75; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, black 100%); border-radius: 0.5rem; } .bloc_articles__card--masonry .bloc_articles__card_content { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; background-color: transparent; } .bloc_articles__card--masonry .bloc_articles__card_content, .bloc_articles__card--masonry .bloc_articles__card_content a { color: white; } .bloc_articles__card .spip_logo { width: 100%; } .bloc_articles__card_titre { margin: 0; line-height: 1.3; } .bloc_articles__card_resume { font-size: 0.8125em; color: #5C7482; } .bloc_articles__card_content { padding: 1em; padding-bottom: 1.35em; } .bloc_articles__card_content a { display: inline-block; color: #111111; font-weight: bold; } .bloc_articles__lien { text-align: right; } .bloc_articles__lien--center { text-align: center; } .bloc_raison { display: flex; flex-direction: column; gap: 2em; margin-block: 2em; padding: 1em; } @media screen and (min-width: 36.3125em) { .bloc_raison { flex-direction: row; padding-bottom: 2em; } } .bloc_raison h2 { display: grid; grid-template-areas: "picto numero" "titre titre"; grid-template-columns: 55px 1fr; grid-template-rows: 1fr auto; gap: 0.25em; align-items: end; margin: 0; font-size: 1.3636363636em; line-height: 1.25; } @media screen and (min-width: 36.25em) { .bloc_raison h2 { font-size: calc(0.4409090909em + 2.5454545455vw); } } @media screen and (min-width: 61.25em) { .bloc_raison h2 { font-size: 2em; } } @media screen and (min-width: 36.3125em) { .bloc_raison h2 { min-width: 10em; } } .bloc_raison:nth-of-type(odd) { background-color: #F3F6F9; } @media screen and (min-width: 36.3125em) { .bloc_raison:nth-of-type(odd) h2 { order: 2; align-self: start; } } .bloc_raison__picto { grid-area: picto; line-height: 1; } .bloc_raison__numero { grid-area: numero; color: #C10230; line-height: 1; } .bloc_raison__texte_titre { grid-area: titre; position: relative; } .bloc_raison__texte_titre:after { content: ""; background: url('data:image/svg+xml,%3Csvg width="35" height="15" viewBox="0 0 35 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="7.5" cy="7.5" r="7.5" fill="%23FACA4B"/%3E%3Ccircle cx="27.5" cy="7.5" r="7.5" fill="%23FACA4B"/%3E%3C/svg%3E '); width: 35px; height: 15px; position: absolute; bottom: -15px; left: 0; } @media screen and (min-width: 36.3125em) { .bloc_raison__texte_titre:after { left: unset; right: 0; } } /* -------------------------------- sommaire des pages ---------------------------------- */ .nav-sommaire { margin-left: 0; margin-bottom: 3.5em; font-weight: bold; } @media screen and (min-width: 36.3125em) { .nav-sommaire { font-size: 0.8125em; } } .nav-sommaire p { position: relative; z-index: 1; margin-bottom: 0.5em; } .nav-sommaire p:before { content: ""; position: absolute; z-index: -1; left: 0; top: 1em; width: 170px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='169' height='10'%3E%3Cpath d='M4.75 5.128l160.122-.5' stroke='%23ffcd00' stroke-width='8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .nav-sommaire > ul.spip { list-style: none; margin-left: 0; margin-bottom: 0; padding-left: 0; border-left: none; } .nav-sommaire > ul.spip li { list-style: none; line-height: 1.3; margin: 0; } .nav-sommaire > ul.spip ul.spip { margin-left: 2em; } .nav-sommaire .nav-sommaire__link { display: inline-block; text-underline-offset: 0.3em; text-decoration: none; position: relative; padding-left: 2em; color: #111111; padding-top: 0.5em; padding-bottom: 0.5em; } @supports (text-decoration-color: transparent) { .nav-sommaire .nav-sommaire__link { text-decoration: underline; text-decoration-color: transparent; } } .nav-sommaire .nav-sommaire__link:hover, .nav-sommaire .nav-sommaire__link:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .nav-sommaire .nav-sommaire__link:hover, .nav-sommaire .nav-sommaire__link:focus { text-decoration-color: currentColor; } } .nav-sommaire .nav-sommaire__link:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; left: 0.5em; top: 55%; transform: translateY(-50%); width: 15px; height: 12px; } .nav-sommaire .nav-sommaire__link:focus:after, .nav-sommaire .nav-sommaire__link:hover:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23a8022a' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .nav-sommaire .nav-sommaire__link:hover, .nav-sommaire .nav-sommaire__link:focus { color: #a8022a; } a.sommaire-back { display: none; } .page_content, .page_modale-modal__content, .lity-content-inner { margin-bottom: 1.5em; } .page_content h2.spip, .page_modale-modal__content h2.spip, .lity-content-inner h2.spip { position: relative; font-size: 1.5em; margin-bottom: 2em; padding-bottom: 0.75rem; } .page_content h2.spip:after, .page_modale-modal__content h2.spip:after, .lity-content-inner h2.spip:after { content: ""; position: absolute; left: 0; bottom: -0.25rem; width: 48px; height: 9px; background-color: #FFCD00; border-radius: 5px; } .page_content hr:not(.nostyle), .page_modale-modal__content hr:not(.nostyle), .lity-content-inner hr:not(.nostyle) { position: relative; margin: 2em 0; border: none; background: none; overflow: visible; } .page_content hr:not(.nostyle):after, .page_modale-modal__content hr:not(.nostyle):after, .lity-content-inner hr:not(.nostyle):after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 48px; height: 9px; background-color: #FFCD00; border-radius: 5px; } #contenu .box.sous-rub h2, #contenu .box.sous-rub h3 { border: none; padding-left: 0; } .deux-colonnes, .trois-colonnes { --gap: 2em; gap: var(--gap); } @media screen and (min-width: 61.3125em) { .deux-colonnes, .trois-colonnes { --gap: 3em; } } .deux-colonnes > *, .trois-colonnes > * { margin-top: 0; margin-bottom: 1.5em; } .deux-colonnes > *:last-child, .trois-colonnes > *:last-child { margin-bottom: 0; } @media screen and (min-width: 48.0625em) { .deux-colonnes, .trois-colonnes { display: grid; } .deux-colonnes { grid-template-columns: 1fr 1fr; } .trois-colonnes { grid-template-columns: 1fr 1fr 1fr; } } .select2-container.select2-container { max-width: 100%; width: 100% !important; } @supports (height: 100vh) { .select2-container.select2-container .select2-results > .select2-results__options { max-height: 40vh; } } .saisies_fichier-vue { display: flex; align-items: center; gap: 0.75rem; hyphens: auto; font-size: 0.875em; position: relative; } .saisies_fichier-vue:first-child { flex-shrink: 0; } .saisies_fichier-vue a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .formulaire_spip .sous-saisie { border: none; margin: 0.3em 0; padding: 0; } body { font-size: 0.9em; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.6; color: #111111; } @media screen and (min-width: 61.3125em) { body { font-size: 1em; } } html.rtl * { font-style: normal !important; } a { text-underline-offset: 0.3em; text-decoration: none; color: #C10230; border-color: #C10230; } @supports (text-decoration-color: transparent) { a { text-decoration: underline; text-decoration-color: transparent; } } a:hover, a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { a:hover, a:focus { text-decoration-color: currentColor; } } a:hover, a:focus { color: #a8022a; border-color: #a8022a; } a.hasbox { display: block; } a, button { text-underline-offset: 0.3em; } .page_modale-modal__content a, .page_content a { text-decoration: underline; text-underline-offset: 0.3em; } @supports (text-decoration-color: transparent) { .page_modale-modal__content a, .page_content a { text-decoration-color: currentColor; } } .page_modale-modal__content a:hover, .page_modale-modal__content a:focus, .page_content a:hover, .page_content a:focus { text-decoration: none; } @supports (text-decoration-color: transparent) { .page_modale-modal__content a:hover, .page_modale-modal__content a:focus, .page_content a:hover, .page_content a:focus { text-decoration: underline; text-decoration-color: transparent; } } .page_modale-modal__content a.button, .page_content a.button { text-decoration: none; } .page_modale-modal__content a.link_underline_hover, .page_content a.link_underline_hover { text-underline-offset: 0.3em; text-decoration: none; } @supports (text-decoration-color: transparent) { .page_modale-modal__content a.link_underline_hover, .page_content a.link_underline_hover { text-decoration: underline; text-decoration-color: transparent; } } .page_modale-modal__content a.link_underline_hover:hover, .page_modale-modal__content a.link_underline_hover:focus, .page_content a.link_underline_hover:hover, .page_content a.link_underline_hover:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .page_modale-modal__content a.link_underline_hover:hover, .page_modale-modal__content a.link_underline_hover:focus, .page_content a.link_underline_hover:hover, .page_content a.link_underline_hover:focus { text-decoration-color: currentColor; } } h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 { font-size: 100%; font-style: normal; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 900; color: #111111; line-height: 1.3; letter-spacing: 0.02em; text-wrap: balance; padding: 0; margin: 0 0 0.75em 0; } h1 { font-size: 1.2784090909em; margin-bottom: 0.75em; } @media screen and (min-width: 36.25em) { h1 { font-size: calc(0.4133522727em + 2.3863636364vw); } } @media screen and (min-width: 61.25em) { h1 { font-size: 1.875em; } } h2, .h2 { font-size: 1.0227272727em; } @media screen and (min-width: 36.25em) { h2, .h2 { font-size: calc(0.3306818182em + 1.9090909091vw); } } @media screen and (min-width: 61.25em) { h2, .h2 { font-size: 1.5em; } } h3, .h3 { font-size: 1em; } @media screen and (min-width: 36.25em) { h3, .h3 { font-size: calc(0.81875em + 0.5vw); } } @media screen and (min-width: 61.25em) { h3, .h3 { font-size: 1.125em; } } h4, .h4, h5, h6 { font-size: 1em; } h2, h3, h4, h5, h6 { margin-bottom: 1em; } h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) { margin-top: 1.75em; } h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 1em; } ::selection { color: white !important; background: #8f0123 !important; text-shadow: none !important; transition: all 0s !important; } @media print { /* Fixe un bug délirant de Edge au print */ /* éviter saut de page hasardeux */ /* éviter saut de page hasardeux */ /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ @page { margin: 2cm 0.5cm; } html { -ms-overflow-style: -ms-autohiding-scrollbar; } body, html { background-color: #FFFFFF !important; color: #000000 !important; background-image: none; border: 0; box-shadow: none; float: none; height: auto; margin: 0; width: 100% !important; max-width: 100% !important; min-height: 0; padding: 0; position: static; opacity: 1; visibility: visible; max-height: none; display: block; } body { padding: 0.5em; overflow: auto; } blockquote, ul, ol, p { page-break-inside: avoid; } h1, h2, h3, caption { page-break-after: avoid; } *, *:before, *:after { background: transparent !important; color: #000000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { color: #000000 !important; text-decoration: underline !important; } a[href]:not([role]):after, a[href][role="link"]:after { content: ""; } a[href^="#"]:after, a[href^="javascript:"]:after, a.spip_mail:after, .pagination a:after { content: "" !important; } abbr[title]:after { content: " (" attr(title) ")"; } blockquote, ul, ol { page-break-inside: avoid; /* pas de coupure dans ces élements */ } h1, h2, h3 { margin-bottom: 16pt !important; page-break-after: avoid; /* pas de saut après ces éléments */ } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, blockquote { orphans: 3; /* pas de ligne seule en bas */ widows: 3; /* pas de ligne seule en haut */ } .noprint, .no-print { display: none !important; } .print, .onlyprint, .only-print { display: block !important; } } .block_module { margin: 3rem 0; } .pagination, .bloc-carte { margin: 2rem 0; } /*--------------------------- Blocs réseaux sociaux -----------------------------*/ .en_direct__titre { font-weight: 700; font-size: 1.125em; margin: 1em 0; } .en_direct__cards { width: 100%; } @media screen and (max-width: 48em) { .en_direct__cards { max-width: 31.25em; margin-left: auto; margin-right: auto; } } .en_direct__card { position: relative; background-color: #F3F6F9; padding: 1em; margin-top: 0; margin-bottom: 1.5em; } .en_direct__card:last-child { margin-bottom: 0; } .en_direct__card:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"40\" height=\"5\"%3E%3Cpath d=\"M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z\" fill=\"%232d9ade\" fill-rule=\"evenodd\"/%3E%3C/svg%3E") center no-repeat; } .en-direct-kiosque .en_direct__cards { flex-wrap: wrap; margin-left: 0; margin-right: 0; } .en-direct-kiosque .en_direct__card { flex-basis: 100%; max-width: 49%; margin-bottom: 2%; margin-left: 0; margin-right: 0; } .en_direct__card_link { display: block; position: relative; margin-bottom: 1em; padding-left: 2em; font-size: 0.8125em; color: #5C7482; line-height: 1; } .en_direct__card_link--twitter:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 15px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"13\" height=\"11\"%3E%3Cpath d=\"M13 1.294a5.162 5.162 0 01-1.529.447c.547-.343.97-.887 1.169-1.54a5.244 5.244 0 01-1.69.679A2.578 2.578 0 008.985 0c-1.46 0-2.654 1.242-2.654 2.776 0 .22.025.433.069.634C4.188 3.294 2.218 2.187.907.511c-.23.408-.36.887-.36 1.391 0 .964.466 1.819 1.187 2.304-.441 0-.852-.13-1.212-.324v.02c0 1.346.92 2.472 2.138 2.724a2.525 2.525 0 01-1.2.045C1.796 7.765 2.772 8.58 3.946 8.6A5.164 5.164 0 010 9.751 7.331 7.331 0 004.089 11c4.897 0 7.587-4.232 7.587-7.9 0-.124 0-.24-.006-.363.522-.388.97-.88 1.33-1.443z\" fill=\"%232d9ade\" fill-rule=\"nonzero\"/%3E%3C/svg%3E") center no-repeat; background-size: contain; } .en_direct__card_text { font-size: 0.875em; margin: 0; } /*--------------------------- Blocs d'actus -----------------------------*/ .block_actus__une_titre { font-weight: 700; font-size: 1.125em; margin: 1em 0; } .block_actus_une__cards:not(.block_actus_une__cards--no-background) { position: relative; } @media screen and (min-width: 48.0625em) { .block_actus_une__cards:not(.block_actus_une__cards--no-background) { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"1059\" height=\"224\"%3E%3Crect x=\"22\" y=\"65\" width=\"1059\" height=\"224\" rx=\"6\" transform=\"translate(-22 -65)\" fill=\"%23FFCD00\" fill-rule=\"evenodd\"/%3E%3C/svg%3E") center no-repeat; background-size: contain; padding-left: 1em; padding-right: 1em; margin-left: 0; margin-right: 0; } } .block_actus_une__card { position: relative; width: 100%; max-width: 31.25em; min-height: 10em; } .block_actus_une__card:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 -1px 11px 0 rgba(86, 122, 143, 0.17); opacity: 0.75; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, black 100%); border-radius: 0.5rem; } .block_actus_une__card a { outline-color: currentColor; } .block_actus_une__card_content { position: absolute; left: 0; bottom: 0; right: 0; padding: 1em; } .block_actus_une__card_content a { color: white; font-weight: 500; } .block_actus_une__card_content .date { display: block; font-size: 0.875em; color: #FFCD00; } .block_actus_une__card_content .article__temps_lecture { color: white; } .block_actus_une__card_content .article__temps_lecture:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"11\" height=\"15\"%3E%3Cpath d=\"M0 14.485c0-.284.223-.514.498-.514h.852V12.39c0-1.6.85-3.07 2.39-4.14.192-.133.311-.42.311-.75s-.119-.617-.31-.75C2.198 5.68 1.35 4.21 1.35 2.61V1.03H.497A.506.506 0 010 .514C0 .23.223 0 .498 0h10.004c.275 0 .498.23.498.515a.506.506 0 01-.498.514H9.65V2.61c0 1.6-.85 3.07-2.39 4.14-.192.133-.311.42-.311.75s.119.617.31.75c1.542 1.07 2.39 2.54 2.39 4.14v1.58h.853c.275 0 .498.231.498.515a.506.506 0 01-.498.515H.498A.506.506 0 010 14.485z\" fill=\"white\" fill-rule=\"nonzero\" /%3E%3C/svg%3E") center no-repeat; } .block_actus__card { position: relative; z-index: 1; width: 100%; max-width: 31.25em; } .block_actus__card:hover a, .block_actus__card a:hover, .block_actus__card a:focus { color: #C10230; } .block_actus__card_content { position: relative; z-index: 2; margin-top: -0.03125rem*em/px; padding: 1.5em 1em; } .block_actus__card_content a { display: inline-block; color: #111111; font-weight: bold; margin-bottom: 1em; } .block_actus__card_content .date { display: block; font-size: 0.875em; color: #5C7482; } .block_actus__lien_toutes { text-align: center; margin-top: 2em; font-weight: bold; color: #C10230; } .block_actus_une__card, .block_actus__card { position: relative; } .block_actus_une__card:after, .block_actus__card:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } /*----------------------------------- Cards verticales (rangée de 4) -------------------------------------*/ .block_cards--vertical { display: flex; flex-wrap: wrap; gap: 1em; } /*--------------------------- Blocs d'infos pratiques -----------------------------*/ .bloc-infos-pratiques { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); border-radius: 0.5rem; overflow: hidden; padding: 1.5em; margin-bottom: 2em; } @media screen and (min-width: 36.3125em) { .bloc-infos-pratiques { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .bloc-infos-pratiques { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .bloc-infos-pratiques > :last-child { margin-bottom: 0; } .bloc-infos-pratiques p { margin-bottom: 1.5em; } .bloc-infos-pratiques p i.fa { margin-right: 0.5em; } .bloc-infos-pratiques > :last-child { margin-bottom: 0; } .bloc-infos-pratiques_logo, .bloc-infos-pratiques_diaporama { margin: 0 0 1.5em 0; } @media screen and (min-width: 36.3125em) { .bloc-infos-pratiques_logo, .bloc-infos-pratiques_diaporama { float: right; margin: 0.25em 0.25em 0.75em 2em; } } .bloc-infos-pratiques_diaporama { display: flex; flex-direction: column; gap: 1em; } .bloc-infos-pratiques_reseaux { list-style: none; margin: 0; padding: 0; margin-left: 0; } .bloc-infos-pratiques_reseaux > * { margin: 0; padding: 0; } .bloc-infos-pratiques_reseau { display: block; } @media screen and (min-width: 36.3125em) { .bloc-infos-pratiques_reseau { display: flex; align-items: center; margin-right: 1em; margin-bottom: 0.75em; } .bloc-infos-pratiques_reseau a { text-decoration: none; } .bloc-infos-pratiques_reseau a:hover, .bloc-infos-pratiques_reseau a:focus { text-decoration-color: #a8022a; } .bloc-infos-pratiques_reseau i.fa.fa { margin-right: 0.25em; font-size: 160%; color: #C10230; min-width: 2rem; text-align: center; } } button, input, optgroup, select, textarea { font: inherit; /* 2 */ margin: 0; /* 3 */ } .formulaire_spip { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; /* elements du formulaire */ /* reponses succes/erreur */ /* Explications */ /* Remarques importantes */ /* Fieldset */ } @media screen and (min-width: 36.3125em) { .formulaire_spip { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .formulaire_spip { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .formulaire_spip > :last-child { margin-bottom: 0; } .formulaire_spip p, .formulaire_spip ul, .formulaire_spip ol, .formulaire_spip dl, .formulaire_spip dd { margin-top: 0; margin-bottom: 0.75em; } .formulaire_spip p:last-child, .formulaire_spip ul:last-child, .formulaire_spip ol:last-child, .formulaire_spip dl:last-child, .formulaire_spip dd:last-child { margin-bottom: 0; } .formulaire_spip .boutons, .formulaire_spip .titrem { margin: 0; } .formulaire_spip .boutons:has(+ p) { margin-top: 0; margin-bottom: 1.5em; } .formulaire_spip .boutons:has(+ p):last-child { margin-bottom: 0; } .formulaire_spip .editer { margin: 0 0 1.4em 0; padding: 0; clear: both; overflow: visible; } .formulaire_spip .editer.editer-nomargin { margin: 0; } .formulaire_spip .editer > label, .formulaire_spip .editer > .label, .formulaire_spip .editer > .editer-label { display: block; margin-bottom: 0.2em; } .formulaire_spip label, .formulaire_spip .label { padding: 0; font-size: inherit; font-weight: 500; } .formulaire_spip fieldset { margin: 0; padding: 0; } .formulaire_spip .fieldset, .formulaire_spip .saisie_explication { padding: 0; border: none; background: none; } .formulaire_spip fieldset legend:not(.label) { margin-bottom: 1em; } .formulaire_spip fieldset.saisie_checkbox legend, .formulaire_spip fieldset.saisie_case legend, .formulaire_spip fieldset.saisie_radio legend { margin-bottom: 0; font-size: 100%; } .formulaire_spip fieldset.avec_sous_saisies { margin: 1.5em 0; } .formulaire_spip fieldset.avec_sous_saisies:not(.noborder) > .editer-groupe { border-left: 6px solid #F5F5F5; padding-left: 1.5em; } .formulaire_spip .editer-groupe_inline { align-items: flex-start; } .formulaire_spip .editer-groupe_inline.pleine_largeur > *:not(.saisies_courte) { flex-grow: 1; } .formulaire_spip input:not([type="button"], [type="submit"]), .formulaire_spip .input-like, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip .select2-selection, .formulaire_spip .select2-container .select2-selection--single { font-size: 1em; font-family: inherit; width: 100%; border: 1px solid #8B99A1; border-radius: 0.375rem; background-color: white; padding: 0.65em 0.65em; --min-height: 3em; min-height: var(--min-height); transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; } .formulaire_spip input:not([type="button"], [type="submit"]):focus-visible, .formulaire_spip .input-like:focus-visible, .formulaire_spip textarea:focus-visible, .formulaire_spip select:focus-visible, .formulaire_spip .select2-selection:focus-visible, .formulaire_spip .select2-container .select2-selection--single:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } @supports not selector(:focus-visible) { .formulaire_spip input:not([type="button"], [type="submit"]):focus, .formulaire_spip .input-like:focus, .formulaire_spip textarea:focus, .formulaire_spip select:focus, .formulaire_spip .select2-selection:focus, .formulaire_spip .select2-container .select2-selection--single:focus { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } } .formulaire_spip button { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; } .formulaire_spip button:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } @supports not selector(:focus-visible) { .formulaire_spip button:focus { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } } .formulaire_spip [type="checkbox"], .formulaire_spip [type="radio"] { width: auto; min-height: 1em; } .formulaire_spip textarea { padding: 0.5em 0.75em; } .formulaire_spip .erreur input, .formulaire_spip .erreur textarea, .formulaire_spip .erreur select { border: 2px solid #B01C16; } .formulaire_spip select, .formulaire_spip .select2-container--default { -webkit-appearance: none; -moz-appearance: none; appearance: none; 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='%238b99a1' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; background-position: right 0.5em center; background-size: 1em 0.8em; padding-right: 1.75em; } .formulaire_spip .select2-container--default { padding-right: 0; } .formulaire_spip .select2-container--default .select2-selection--single { background-color: transparent; } .formulaire_spip .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .formulaire_spip select[multiple] { background-image: none; } .formulaire_spip select[multiple]:hover, .formulaire_spip select[multiple]:focus { background-image: none; } .formulaire_spip select::-ms-expand { display: none; } .formulaire_spip input.date, .formulaire_spip input[type=date].date, .formulaire_spip input.code_postal, .formulaire_spip input[type=text].code_postal { max-width: 10em; } .formulaire_spip input.date.date { width: 100%; } .formulaire_spip .saisie_commune_insee_autonome .editer-groupe label { font-weight: 500; } @media screen and (min-width: 36.3125em) { .formulaire_spip .saisie_commune_insee_autonome .editer-groupe { display: flex; justify-content: flex-start; gap: 1.5rem; } .formulaire_spip .saisie_commune_insee_autonome .editer-groupe .editer_commune { flex: 1 1 100%; } } .formulaire_spip textarea { height: 15.625em; overflow: auto; font-size: inherit; font-family: inherit; line-height: inherit; } .formulaire_spip textarea.court { height: 6.25em; } .formulaire_spip textarea.medium { height: 12.5em; } .formulaire_spip textarea.ligne { height: 3em; max-height: 3em; line-height: 3em; overflow: hidden; resize: none; } .formulaire_spip input.placeholder, .formulaire_spip textarea.placeholder { color: #5C7482; } .formulaire_spip input::-webkit-input-placeholder { color: #5C7482; } .formulaire_spip .obligatoire label, .formulaire_spip .obligatoire .label, .formulaire_spip .obligatoire span.obligatoire { font-weight: 700; } .formulaire_spip .disabled label, .formulaire_spip .disabled .label { font-weight: normal; font-style: italic; color: #516773; } .formulaire_spip .disabled input, .formulaire_spip .disabled textarea, .formulaire_spip .disabled select { border-color: #92a6b2; } .formulaire_spip :is(fieldset.editer):not(.noborder):not(.champ.afficher) { padding-inline: 0.75em; border: 1px solid #e0e3e5; border-radius: 0.5rem; margin-inline-start: -0.75em; } .formulaire_spip :is(fieldset.editer):not(.champ.afficher) { padding-block: 0 0.25em; } .formulaire_spip :is(fieldset.editer):not(.champ.afficher) label { font-weight: normal; text-transform: none; display: flex; gap: 0.5em; justify-content: flex-start; align-items: flex-start; } .formulaire_spip :is(fieldset.editer):not(.champ.afficher) label.on { font-weight: bold !important; } .formulaire_spip :is(fieldset.editer):not(.champ.afficher) .choix_grille label { justify-content: center; align-items: center; } .formulaire_spip .choix label { cursor: pointer; } .formulaire_spip *:has(> .choix > input[type="checkbox"], > .choix > input[type="radio"], > .choix > label > input[type="checkbox"], > .choix > label > input[type="radio"]) .choix { display: flex; align-items: flex-start; gap: 0.5em; padding: 0; margin: 0.5em 0; } .formulaire_spip *:has(> .choix > input[type="checkbox"], > .choix > input[type="radio"], > .choix > label > input[type="checkbox"], > .choix > label > input[type="radio"]) .choix .radio, .formulaire_spip *:has(> .choix > input[type="checkbox"], > .choix > input[type="radio"], > .choix > label > input[type="checkbox"], > .choix > label > input[type="radio"]) .choix .checkbox { float: none; margin-top: 0.3em; } .formulaire_spip *:has(> .choix > input[type="checkbox"], > .choix > input[type="radio"], > .choix > label > input[type="checkbox"], > .choix > label > input[type="radio"]) .choix p { margin-bottom: 0; } .formulaire_spip *:has(> .choix > input[type="checkbox"], > .choix > input[type="radio"], > .choix > label > input[type="checkbox"], > .choix > label > input[type="radio"]).inline { display: flex; flex-wrap: wrap; align-items: center; } .formulaire_spip *:has(> .choix > input[type="checkbox"], > .choix > input[type="radio"], > .choix > label > input[type="checkbox"], > .choix > label > input[type="radio"]).inline > * { margin-right: 1.5em; } .formulaire_spip .saisie_case .choix { margin-block: 0; } .formulaire_spip input[type="radio"], .formulaire_spip input[type="checkbox"] { transform: scale(1.35); accent-color: #C10230; border-radius: 0.5rem; } .formulaire_spip .choix_alternatif { display: flex; align-items: center; gap: 0.5em; } .formulaire_spip .choix_alternatif input { width: auto; padding: 0.5em; min-height: 1em; line-height: 1em; } .formulaire_spip .saisie_commune_insee_autonome .editer_ville_commune { min-width: 15em; } .formulaire_spip .editer label.custom-label { display: inline-flex; align-items: flex-start; gap: 0.5em; } .formulaire_spip .editer svg.cb-custom { flex-shrink: 0; width: 1.25em; height: 1.375em; } .formulaire_spip .editer svg.cb-custom * { transition: all 0.2s linear; } .formulaire_spip .editer .custom-label--label { margin-top: -0.15em; } .formulaire_spip .editer input[type="checkbox"].custom-input, .formulaire_spip .editer input[type="radio"].custom-input { position: absolute; width: 1.25em; height: 1.25em; min-height: 1.25em; margin-left: 0; opacity: 0; } .formulaire_spip .editer input[type="checkbox"]:checked + svg .cb-cm, .formulaire_spip .editer input[type="radio"]:checked + svg .cb-cm { fill: #C10230; } .formulaire_spip .editer input[type="checkbox"]:focus + svg, .formulaire_spip .editer input[type="radio"]:focus + svg { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } .formulaire_spip .editer input[type="checkbox"]:focus:not(:focus-visible) + svg, .formulaire_spip .editer input[type="radio"]:focus:not(:focus-visible) + svg { outline: none; } .formulaire_spip .editer svg .cb-bg { stroke: #111111; } .formulaire_spip .editer.disabled svg .cb-bg, .formulaire_spip .editer .disabled svg .cb-bg { stroke: #92a6b2; } .formulaire_spip .saisie_fichiers input[type="file"] { width: auto; margin: 0; } html.js .formulaire_spip .saisie_fichiers .choix { overflow: visible; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-rappel { padding-bottom: 0.5rem; } @media screen and (min-width: 36.3125em) { html.js .formulaire_spip .saisie_fichiers .choix .cvtup-rappel { display: flex; flex-direction: row; justify-content: flex-start; gap: 3rem; } } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-rappel + label { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-rappel + label .focusable:active, html.js .formulaire_spip .saisie_fichiers .choix .cvtup-rappel + label .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer, html.js .formulaire_spip .saisie_fichiers .choix .cvtup-description, html.js .formulaire_spip .saisie_fichiers .choix .cvtup-action { padding: 0; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-action { display: flex; align-items: center; gap: 0.5em; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-description .filename { display: flex; justify-content: flex-start; align-items: center; order: 1; margin-top: 1.5em; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-filename, html.js .formulaire_spip .saisie_fichiers .choix .filename { word-break: break-word; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; clear: none; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer label input, html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer label svg { display: none; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-actions { display: flex; flex-direction: column; gap: 0.75rem; } html.js .formulaire_spip .saisie_fichiers .choix input.file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer label, html.js .formulaire_spip .saisie_fichiers .choix input.file + label { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; min-width: 10em; width: fit-content; min-height: 3em; line-height: 1.5; padding-inline: 2em 0.75em; margin: 0; color: #111111; background-color: white; border: 1px solid #8B99A1; border-radius: 0.25rem; cursor: pointer; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer label:before, html.js .formulaire_spip .saisie_fichiers .choix input.file + label:before { content: ""; position: absolute; left: 0.75em; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"13\" height=\"13\" viewBox=\"0 0 13 13\"%3E%3Cpath d=\"m6.5 0v13\" fill=\"none\" stroke=\"%23ffcd00\" stroke-width=\"4\"/%3E%3Cpath d=\"m0 6.5h13\" fill=\"none\" stroke=\"%23ffcd00\" stroke-width=\"4\"/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer label { max-width: 35em; } html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer:focus label:before, html.js .formulaire_spip .saisie_fichiers .choix .cvtup-remplacer + label:hover:before, html.js .formulaire_spip .saisie_fichiers .choix input.file:focus + label:before, html.js .formulaire_spip .saisie_fichiers .choix input.file + label:hover:before, html.js .formulaire_spip .saisie_fichiers .choix input.file + label:has(.filename):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"13\" height=\"13\" viewBox=\"0 0 13 13\"%3E%3Cpath d=\"m6.5 0v13\" fill=\"none\" stroke=\"%23c10230\" stroke-width=\"4\"/%3E%3Cpath d=\"m0 6.5h13\" fill=\"none\" stroke=\"%23c10230\" stroke-width=\"4\"/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } html.js .formulaire_spip .saisie_fichiers .choix input.file:focus + label { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } html.js .formulaire_spip .saisie_fichiers .choix button.js-cancel { position: relative; padding-left: 1.75em; } html.js .formulaire_spip .saisie_fichiers .choix button.js-cancel:before { content: ""; position: absolute; left: 0.25em; top: 50%; transform: translateY(-50%); background-image: url('data:image/svg+xml,%3Csvg width="46.9" height="52.2" version="1.1" viewBox="0 0 17.6 19.6" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="translate(-3.21 -2.21)"%3E%3Cpath d="m18 6-.801 12c-.0701 1.05-.105 1.58-.332 1.98-.2.351-.502.634-.866.81-.413.2-.94.2-1.99.2h-4.01c-1.05 0-1.58 0-1.99-.2-.364-.176-.666-.459-.866-.81-.227-.399-.262-.925-.332-1.98l-.801-12m-2 0h16m-4 0-.271-.812c-.262-.787-.394-1.18-.637-1.47-.215-.257-.491-.456-.802-.578-.353-.139-.768-.139-1.6-.139h-1.39c-.829 0-1.24 0-1.6.139-.312.123-.587.321-.802.578-.243.291-.374.684-.637 1.47l-.271.812m6 4v7m-4-7v7" fill="transparent" stroke="%235c7482" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/%3E%3C/g%3E%3C/svg%3E'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 1.25em; height: 1.25em; } html.js .formulaire_spip .saisie_fichiers .choix .custom-label { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } html.js .formulaire_spip .saisie_fichiers .choix .custom-label .filename { white-space: normal; hyphens: auto; } html.js .formulaire_spip .saisie_fichiers .choix .filewaring { font-weight: bold; color: #B01C16; } .formulaire_spip .saisie_choix_grille table { margin-block: 0.5em; } .formulaire_spip .classer_choix__label { line-height: 1.3; } .formulaire_spip .profondeur_mot { opacity: 0; } .formulaire_spip .erreur { border-radius: 0.5rem; background-color: #FDF5F4; } .formulaire_spip .editer.erreur { padding: 0.75em; } .formulaire_spip .erreur_message { display: block; color: #B01C16; font-weight: bold; margin-block-end: 0.5em; } .formulaire_spip .reponse_formulaire, .formulaire_spip .reponse_formulaire_ok, .formulaire_spip .reponse_formulaire_erreur, .formulaire_spip .error, .formulaire_spip .success, .formulaire_spip .notice { border: 1px solid; border-radius: 0.5rem; font-weight: bold; padding: 0.75em; min-height: 1.5em; margin-bottom: 1em; margin-top: 1em; } .formulaire_spip .reponse_formulaire > :last-child, .formulaire_spip .reponse_formulaire_ok > :last-child, .formulaire_spip .reponse_formulaire_erreur > :last-child, .formulaire_spip .error > :last-child, .formulaire_spip .success > :last-child, .formulaire_spip .notice > :last-child { margin-bottom: 0; } .formulaire_spip .reponse_formulaire_ok { position: relative; color: #3EB649; font-size: 1.2em; padding: 0 0 0 3em; margin-bottom: 2.5em; border: none; } .formulaire_spip .reponse_formulaire_ok:before { content: ""; position: absolute; left: 0; top: 0; width: 45px; height: 32px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.7 31.8'%3E%3Cpath fill='%234DAF50' stroke='%234DAF50' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M2,16 c4.6,4.6,9.2,9.2,13.8,13.8'/%3E%3Cpath fill='%234DAF50' stroke='%234DAF50' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M15.8,29.8 c4.8-4.8,9.5-9.5,14.3-14.3'/%3E %3Cpath fill='%234DAF50' stroke='%234DAF50' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M38.8,5.9 c1.3-1.3,2.6-2.6,3.9-3.9'/%3E%3Cline fill='%234DAF50' stroke='%234DAF50' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' x1='34.2' y1='10.5' x2='34.2' y2='10.5'/%3E%3C/svg%3E") center no-repeat; } .formulaire_spip .reponse_formulaire_ok > * { margin-bottom: 1em; } .formulaire_spip .reponse_formulaire_erreur { border: none; color: #B01C16; border-color: #B01C16; background-color: #FDF5F4; } .formulaire_spip .fieldset_intertitre > legend, .formulaire_spip .explication { padding-left: 0.75em; border-left: 4px solid #FFCD00; display: block; margin: 0.5em 0; font-size: 0.95em; } .formulaire_spip .fieldset_intertitre > legend b, .formulaire_spip .fieldset_intertitre > legend strong, .formulaire_spip .explication b, .formulaire_spip .explication strong { font-weight: 700; } .formulaire_spip .fieldset_intertitre > legend, .formulaire_spip .saisie_explication .explication { background: #F0F0F0; border-radius: 0.375rem; font-size: 100%; padding: 0.5em 0.75em; } .formulaire_spip .fieldset_intertitre > legend .bloc_encadre_important, .formulaire_spip .saisie_explication .explication .bloc_encadre_important { margin: 0; } .formulaire_spip .fieldset_intertitre > legend strong + .explication_texte, .formulaire_spip .saisie_explication .explication strong + .explication_texte { margin-top: 0.75em; } .formulaire_spip .fieldset_intertitre > legend .explication_texte *:last-child, .formulaire_spip .saisie_explication .explication .explication_texte *:last-child { margin-bottom: 0; } .formulaire_spip .attention { display: block; position: relative; padding: 0.75em 0.75em 0.75em 3em; margin: 0.5em 0; background: #F0F0F0; border-radius: 0.375rem; font-weight: 500; font-size: 0.95em; } .formulaire_spip .attention:before { content: ""; position: absolute; left: 1em; top: 50%; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='transparent' stroke='%236C818D' stroke-linecap='round' stroke-miterlimit='10' d='M13.4,13.2c-1.4,1.4-3.3,2.3-5.4,2.3 c-4.1,0-7.5-3.4-7.5-7.5S3.9,0.5,8,0.5s7.5,3.4,7.5,7.5c0,1-0.2,2-0.6,2.9'/%3E%3Cpath fill='%236C818D' d='M7.2,11.7c0-0.2,0.1-0.4,0.2-0.6C7.6,11,7.8,10.9,8,10.9c0.2,0,0.4,0.1,0.6,0.2c0.2,0.2,0.2,0.3,0.2,0.6 c0,0.2-0.1,0.4-0.2,0.6c-0.2,0.2-0.3,0.2-0.6,0.2c-0.2,0-0.4-0.1-0.6-0.2C7.3,12.1,7.2,11.9,7.2,11.7z M7.6,3.7 c0.1-0.1,0.2-0.2,0.4-0.2c0.1,0,0.2,0,0.4,0.1C8.4,3.7,8.5,3.9,8.5,4v5.1c0,0.2-0.1,0.4-0.2,0.5C8.2,9.7,8.1,9.8,8,9.8 c-0.1,0-0.3,0-0.4-0.1C7.4,9.6,7.4,9.4,7.3,9.2V4.1C7.4,3.9,7.4,3.8,7.6,3.7z'/%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; } .formulaire_spip input.submit, .formulaire_spip input.reset, .formulaire_spip input.button { width: auto; } .formulaire_spip fieldset { border: 0; width: auto; padding: 0; } .formulaire_spip h2.legend, .formulaire_spip h3.legend, .formulaire_spip legend:not(.label) { font-weight: bold; font-style: normal; font-size: 125%; display: block; width: 100%; margin: 0 0 0.5em 0; } .formulaire_spip fieldset input.text, .formulaire_spip fieldset textarea.textarea { border: 1px solid #8B99A1; } .formulaire_spip .textarea-counter { text-align: right; font-size: 0.85em; } .formulaire_spip .choix_grille table { margin: 0; } .formulaire_spip .choix_grille tr:hover td { background: inherit; } .formulaire_spip .choix_grille tbody:first-of-type tr:first-child th { text-align: center; } .formulaire_spip .choix_grille tbody:last-child tr { background: #F9F9F9; } .formulaire_spip .formulaire_spip__etapes { margin-bottom: 2.5em; } .formulaire_spip .formulaire_spip__etapes .etapes__items { list-style: decimal; margin-bottom: 0; } .formulaire_spip .formulaire_spip__etapes .etapes__item { display: list-item; margin-bottom: 0.5em; color: #5C7482; } .formulaire_spip .formulaire_spip__etapes .etapes__item::marker { font-weight: bold; } .formulaire_spip .formulaire_spip__etapes .etapes__item, .formulaire_spip .formulaire_spip__etapes .etapes__item .button { line-height: 1.3; } .formulaire_spip .formulaire_spip__etapes .etapes__item[aria-current=step] { color: #C10230; } .formulaire_spip .formulaire_spip__etapes .etapes__item[aria-current=step] { font-weight: bold; } .formulaire_spip .formulaire_spip__etapes .etapes__item:not(:first-child):before { display: none; content: " > "; margin: 0 0.25em; } .boutons { display: flex; justify-content: flex-end; align-items: stretch; gap: 1.5rem; flex-wrap: wrap; } .boutons--left { justify-content: flex-start; } @media screen and (min-width: 36.3125em) { .boutons { flex-wrap: nowrap; } } .boutons:has(.submit_precedent) .submit.submit_precedent, .boutons:has(.submit_suivant) .submit.submit_precedent { margin-right: auto; } .boutons:has(.submit_precedent) .submit.submit_suivant, .boutons:has(.submit_suivant) .submit.submit_suivant { margin-left: auto; } .boutons--flex { justify-content: space-between; } .boutons .image_loading { display: none; } .formulaire_recherche_large label { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .formulaire_recherche_large label .focusable:active, .formulaire_recherche_large label .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .formulaire_recherche_large .input_button button { margin-top: 1em; } @media screen and (min-width: 36.3125em) { .formulaire_recherche_large .input_button { display: flex; } .formulaire_recherche_large .input_button:has(*:focus) { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } .formulaire_recherche_large .input_button input, .formulaire_recherche_large .input_button button { height: 3rem; padding: 0.5rem; font-size: 0.875rem; line-height: 1; outline: none; margin: 0; } .formulaire_recherche_large .input_button input { border: 1px solid #8B99A1; border-radius: 4px 0 0 4px; color: #5C7482; } .formulaire_recherche_large .input_button button { border-radius: 0 4px 4px 0; padding-inline: 1rem; } .formulaire_recherche_large .input_button button span { font-size: 0.75rem; } } .form_bouton_action_inline { display: inline; margin: 0 1em 0 0; } .form_bouton_action_inline div { display: inline; margin: 0; } .formulaire_filtre form { background: none; padding: 0; margin-bottom: 0; } @media screen and (min-width: 36.3125em) { .formulaire_filtre form { display: flex; justify-content: space-between; align-items: flex-end; } } .formulaire_filtre .editer-groupe { flex-grow: 1; flex-wrap: wrap; border: none; padding: 0; margin: 0 -1em 0 0; } @media screen and (min-width: 36.3125em) { .formulaire_filtre .editer-groupe { display: flex; justify-content: flex-start; align-items: flex-end; } } .formulaire_filtre .editer-groupe .editer { border: none; background: none; margin: 0; padding: 0.25em 0; min-width: 10em; } .formulaire_filtre .editer-groupe .editer label { font-size: 0.875em; } .formulaire_filtre .editer-groupe .editer input, .formulaire_filtre .editer-groupe .editer select { width: 100%; } .formulaire_filtre .editer-groupe .editer [type="checkbox"], .formulaire_filtre .editer-groupe .editer [type="radio"] { width: auto; } @media screen and (min-width: 36.3125em) { .formulaire_filtre .editer-groupe .editer { padding: 0 1em 0 0; max-width: 50%; margin-top: 0.25em; margin-bottom: 0.25em; } } .formulaire_filtre .editer-groupe .choix { margin-bottom: 0; } @media screen and (min-width: 36.3125em) { .formulaire_filtre .editer { min-width: unset; width: 33.3333%; } .formulaire_filtre.formulaire_filtre--2 .editer { min-width: unset; width: 50%; } .formulaire_filtre.formulaire_filtre--3 .editer { min-width: unset; width: 33.3333%; } .formulaire_filtre.formulaire_filtre--4 .editer { min-width: unset; width: 25%; } .formulaire_filtre.formulaire_filtre--row .editer-groupe { flex-wrap: nowrap; } } .formulaire_filtre .boutons, .formulaire_filtre .bouton { margin: 0; padding: 0 1em 0.25rem 0; overflow: initial; margin-left: auto; } .formulaire_filtre .boutons button, .formulaire_filtre .boutons .button, .formulaire_filtre .boutons [type=submit], .formulaire_filtre .boutons [type=button], .formulaire_filtre .bouton button, .formulaire_filtre .bouton .button, .formulaire_filtre .bouton [type=submit], .formulaire_filtre .bouton [type=button] { margin: 0; min-width: auto; min-height: 2.25rem; } .formulaire_filtre .boutons button:not(.button--call-to-action), .formulaire_filtre .boutons .button:not(.button--call-to-action), .formulaire_filtre .boutons [type=submit]:not(.button--call-to-action), .formulaire_filtre .boutons [type=button]:not(.button--call-to-action), .formulaire_filtre .bouton button:not(.button--call-to-action), .formulaire_filtre .bouton .button:not(.button--call-to-action), .formulaire_filtre .bouton [type=submit]:not(.button--call-to-action), .formulaire_filtre .bouton [type=button]:not(.button--call-to-action) { padding-left: 1rem; padding-right: 1rem; } .formulaire_filtre .boutons button:not(.button--call-to-action):before, .formulaire_filtre .boutons .button:not(.button--call-to-action):before, .formulaire_filtre .boutons [type=submit]:not(.button--call-to-action):before, .formulaire_filtre .boutons [type=button]:not(.button--call-to-action):before, .formulaire_filtre .bouton button:not(.button--call-to-action):before, .formulaire_filtre .bouton .button:not(.button--call-to-action):before, .formulaire_filtre .bouton [type=submit]:not(.button--call-to-action):before, .formulaire_filtre .bouton [type=button]:not(.button--call-to-action):before { display: none; } .formulaire_filtre .editer span.info, .formulaire_filtre .editer span.input { margin: 0; } .formulaire_filtre label, .formulaire_filtre span.label { display: block; text-transform: uppercase; font-weight: 500; } .formulaire_filtre .saisie_date label { margin: 0; } .formulaire_filtre .saisie_date input { max-width: 100%; } .formulaire_filtre input:not([type="button"], [type="submit"]), .formulaire_filtre .input-like, .formulaire_filtre textarea, .formulaire_filtre select, .formulaire_filtre .select2-selection, .formulaire_filtre .select2-container .select2-selection--single { padding: 0.25em; --min-height: 2.25em; } .formulaire_filtre select { padding-right: 1.75em; } .formulaire_filtre input.date, .formulaire_filtre input[type=date].date, .formulaire_filtre input.code_postal, .formulaire_filtre input[type=text].code_postal { max-width: unset; } .formulaire_filtre input.large { width: 100%; } @media screen and (max-width: 36.25em) { .formulaire_filtre .editer-groupe .editer { margin: 0.5em 0; } .formulaire_filtre select, .formulaire_filtre input { max-width: 100%; } .formulaire_filtre .bouton, .formulaire_filtre .boutons { margin-top: 1em; } } .checkbox_as_button { display: flex; flex-wrap: wrap; gap: 1rem; clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .checkbox_as_button { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .checkbox_as_button { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .checkbox_as_button > :last-child { margin-bottom: 0; } .checkbox_as_button .editer-label, .checkbox_as_button input, .checkbox_as_button .cb-custom { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .checkbox_as_button .editer-label .focusable:active, .checkbox_as_button .editer-label .focusable:focus, .checkbox_as_button input .focusable:active, .checkbox_as_button input .focusable:focus, .checkbox_as_button .cb-custom .focusable:active, .checkbox_as_button .cb-custom .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .checkbox_as_button .choix label { --button-main-color: #C10230; --button-invert-color: white; --button-text-color: white; --button-bg-color: #F3F6F9; --button-border-color: #F3F6F9; --button-border-width: 0; --button-text-color-hover: var(--button-invert-color); --button-bg-color-hover: hsl(from var(--button-main-color) h s calc(l - 15)); --button-border-color-hover: #F3F6F9; --button-border-width-hover: 0; display: inline-flex; gap: 0.5em; align-items: center; justify-content: center; inline-size: fit-content; min-width: 6.25rem; min-height: 3rem; line-height: 1.1; padding-block: 0.35em; padding-inline: 1em; font-size: 0.8rem; text-transform: uppercase; font-weight: bold; letter-spacing: 0.035em; background-color: var(--button-bg-color); outline-color: var(--button-border-color); border: none; border-radius: 5px; box-shadow: none; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); color: var(--button-text-color); text-align: center; text-decoration: none; cursor: pointer; transition: 0.3s ease-out; transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; } .checkbox_as_button .choix label:hover, .checkbox_as_button .choix label:focus { --button-bg-color: var(--button-bg-color-hover); --button-text-color: var(--button-text-color-hover); --button-border-width: var(--button-border-width-hover); --button-border-color: var(--button-border-color-hover); text-decoration: none; } .checkbox_as_button .choix label:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } @supports not selector(:focus-visible) { .checkbox_as_button .choix label:focus { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } } .checkbox_as_button .choix label:has(input:focus) { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } .checkbox_as_button .choix label.checked { background-color: #2D9ADE; } .formulaire_je_cherche .editer-groupe { margin-bottom: 1.5em; margin-left: -0.5em; margin-right: -0.5em; } @media screen and (min-width: 48.0625em) { .formulaire_je_cherche .editer-groupe { display: flex; justify-content: space-between; align-items: center; } } .formulaire_je_cherche .editer-groupe .editer { margin-bottom: 1em; } @media screen and (min-width: 48.0625em) { .formulaire_je_cherche .editer-groupe .editer { margin: 0; } } .formulaire_je_cherche .editer-groupe select { height: 3rem; } .formulaire_je_cherche .editer-groupe button { height: 3rem; } .formulaire_je_cherche .editer-groupe .editer, .formulaire_je_cherche .editer-groupe button { margin-left: 0.5em; margin-right: 0.5em; } .formulaire_je_cherche .editer.editer_filtre > label { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .formulaire_je_cherche .editer.editer_filtre > label .focusable:active, .formulaire_je_cherche .editer.editer_filtre > label .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .formulaire_je_cherche .editer.editer_filtre .choix label { padding: 0 1em; border-radius: 0.375rem; min-height: 3rem; line-height: 3rem; font-weight: 500; color: #5C7482; background-color: #F3F6F9; } .formulaire_je_cherche .editer.editer_filtre .choix label.on { background-color: #FFCD00; color: #111111; } .formulaire_je_cherche .editer.editer_filtre input[type="checkbox"], .formulaire_je_cherche .editer.editer_filtre input[type="radio"] { position: absolute; width: 1.25rem; height: 1.25rem; margin-left: 0; opacity: 0; } .formulaire_spip .champ { border: none; padding: 0; } .champ.afficher { margin-top: 0; margin-bottom: 1.5em; --display: block; display: var(--display); } .champ.afficher:last-child { margin-bottom: 0; } .champ.afficher:is(:not(.saisie_textarea, .saisie_choix_grille, .saisie_fieldset, .saisie_multiple, .saisie_explication)) { --display: flex; gap: 1rem; align-items: flex-start; border-bottom: thin solid #aebfc8; margin-bottom: 0.5em; padding-bottom: 0.5em; } .champ.afficher:not(.saisie_textarea):last-of-type { border-bottom: none; } .champ.afficher .label { flex-shrink: 0; width: 40%; hyphens: none; text-wrap: balance; font-size: 95%; font-weight: bold; } .champ.afficher.saisie_textarea .label, .champ.afficher.saisie_choix_grille .label { width: 100%; } .champ.afficher.saisie_textarea .valeur, .champ.afficher.saisie_choix_grille .valeur { display: block; border: thin solid #aebfc8; margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em; } .champ.afficher.saisie_fieldset { margin-block: 1.75rem; } .champ.afficher.saisie_fieldset > .fieldset_valeurs.fieldset_valeurs { border-width: 2px; } .champ.afficher.saisie_fieldset .fieldset_legend.fieldset_legend { font-weight: 700; font-size: 1.25em; margin-left: 0; margin-bottom: 1rem; } .champ.afficher.saisie_multiple .afficher_saisies { margin-left: 0.5em; padding-left: 1em; border-left: 4px solid #DDDDDD; border: 4px solid #DDDDDD; } .champ.afficher.saisie_fieldset .fieldset_legend { display: block; } .champ.afficher.fieldset_valeurs { padding-left: 1.5em; border-left: 1px solid #E3E3E3; border: 1px solid #E3E3E3; border-radius: 8px; } .champ.afficher .valeur ul.spip { margin: 0 0 0 1em; } .champ.afficher .valeur ul.spip li { margin: 0; } .champ.afficher .valeur ul.spip:has(> *) { margin-top: 0; margin-bottom: 1.5em; } .champ.afficher .valeur ul.spip:has(> *):last-child { margin-bottom: 0; } .champ.afficher .valeur > i { color: #5C7482; } .champ.afficher table.spip th, .champ.afficher table.spip td { background: none; font-weight: normal; border-color: #D9DDE6; } .champs_masquer_vides .champ.afficher.vide.vide { --display: none; } .formulaire_formidable .formulaire_valeurs { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.5em; color: #111111; border-radius: 0.375rem; background-color: #CAF4CE; } @media screen and (min-width: 36.3125em) { .formulaire_formidable .formulaire_valeurs { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .formulaire_formidable .formulaire_valeurs { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .formulaire_formidable .formulaire_valeurs > :last-child { margin-bottom: 0; } .formulaire_formidable .formulaire_valeurs > *:first-child { margin-top: 0; } .formulaire_formidable .formulaire_valeurs .choix_grille { margin-top: 0; margin-bottom: 1.5em; } .formulaire_formidable .formulaire_valeurs .choix_grille:last-child { margin-bottom: 0; } .formulaire_formidable .formulaire_valeurs .choix_grille tbody tr, .formulaire_formidable .formulaire_valeurs .choix_grille tbody:last-child tr, .formulaire_formidable .formulaire_valeurs .choix_grille tbody:last-child tr:nth-child(2) { background: transparent; } .formulaire_formidable .formulaire_valeurs .champ.afficher.saisie_fieldset > .fieldset_valeurs { border-color: #757575; } .message_retour_defaut ~ .message_retour_traitement { display: none; } form :where(button, [type="submit"], [type="button"], button), :where(.button), a.button { --button-main-color: #C10230; --button-invert-color: white; --button-text-color: white; --button-bg-color: #C10230; --button-border-color: #C10230; --button-border-width: 0; --button-text-color-hover: var(--button-invert-color); --button-bg-color-hover: hsl(from var(--button-main-color) h s calc(l - 15)); --button-border-color-hover: #C10230; --button-border-width-hover: 0; display: inline-flex; gap: 0.5em; align-items: center; justify-content: center; inline-size: fit-content; min-width: 6.25rem; min-height: 3rem; line-height: 1.1; padding-block: 0.35em; padding-inline: 1em; font-size: 0.8rem; text-transform: uppercase; font-weight: bold; letter-spacing: 0.035em; background-color: var(--button-bg-color); outline-color: var(--button-border-color); border: none; border-radius: 5px; box-shadow: none; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); color: var(--button-text-color); text-align: center; text-decoration: none; cursor: pointer; transition: 0.3s ease-out; transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; } form :where(button, [type="submit"], [type="button"], button):hover, form :where(button, [type="submit"], [type="button"], button):focus, :where(.button):hover, :where(.button):focus, a.button:hover, a.button:focus { --button-bg-color: var(--button-bg-color-hover); --button-text-color: var(--button-text-color-hover); --button-border-width: var(--button-border-width-hover); --button-border-color: var(--button-border-color-hover); text-decoration: none; } form :where(button, [type="submit"], [type="button"], button):focus-visible, :where(.button):focus-visible, a.button:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } @supports not selector(:focus-visible) { form :where(button, [type="submit"], [type="button"], button):focus, :where(.button):focus, a.button:focus { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } } form :where(button, [type="submit"], [type="button"], button):where(.button--inverse, .button--white), :where(.button):where(.button--inverse, .button--white), a.button:where(.button--inverse, .button--white) { --button-border-width: 2px; --button-bg-color: white; --button-text-color: var(--button-main-color); } form :where(button, [type="submit"], [type="button"], button):where(.button--inverse, .button--white):hover, form :where(button, [type="submit"], [type="button"], button):where(.button--inverse, .button--white):focus, :where(.button):where(.button--inverse, .button--white):hover, :where(.button):where(.button--inverse, .button--white):focus, a.button:where(.button--inverse, .button--white):hover, a.button:where(.button--inverse, .button--white):focus { --button-bg-color: var(--button-main-color); --button-text-color: var(--button-invert-color); } form :where(button, [type="submit"], [type="button"], button):where(.button--outline), :where(.button):where(.button--outline), a.button:where(.button--outline) { --button-border-width: 2px; --button-bg-color: transparent; --button-text-color: var(--button-main-color); } form :where(button, [type="submit"], [type="button"], button):where(.button--outline):hover, form :where(button, [type="submit"], [type="button"], button):where(.button--outline):focus, :where(.button):where(.button--outline):hover, :where(.button):where(.button--outline):focus, a.button:where(.button--outline):hover, a.button:where(.button--outline):focus { --button-bg-color: var(--button-main-color); --button-text-color: var(--button-invert-color); } form :where(button, [type="submit"], [type="button"], button):where(.button--gray), :where(.button):where(.button--gray), a.button:where(.button--gray) { --button-border-width: 1px; --button-border-color: #5C7482; --button-bg-color: white; --button-text-color: #202228; } form :where(button, [type="submit"], [type="button"], button):where(.button--cancel), :where(.button):where(.button--cancel), a.button:where(.button--cancel) { --button-bg-color: #5C7482; } form :where(button, [type="submit"], [type="button"], button):where(.button--cancel):hover, form :where(button, [type="submit"], [type="button"], button):where(.button--cancel):focus, :where(.button):where(.button--cancel):hover, :where(.button):where(.button--cancel):focus, a.button:where(.button--cancel):hover, a.button:where(.button--cancel):focus { --button-bg-color: #202228; } form :where(button, [type="submit"], [type="button"], button):where(.button--disabled, [disabled=disabled]), :where(.button):where(.button--disabled, [disabled=disabled]), a.button:where(.button--disabled, [disabled=disabled]) { --button-bg-color: #D9DDE6; --button-text-color: #5C7482; opacity: 0.7; } .boutons--small form :where(button, [type="submit"], [type="button"], button), form :where(button, [type="submit"], [type="button"], button):where(.button--small), .boutons--small :where(.button), :where(.button):where(.button--small), .boutons--small a.button, a.button:where(.button--small) { font-size: 0.75rem; font-weight: 500; min-height: 2.25rem; min-width: unset; } form :where(button, [type="submit"], [type="button"], button):where(.button--xsmall), :where(.button):where(.button--xsmall), a.button:where(.button--xsmall) { font-size: 0.7rem; padding: 0.25rem 0.5rem; height: auto; min-height: unset; min-width: unset; font-weight: 500; } form :where(button, [type="submit"], [type="button"], button):where(.button--alt), :where(.button):where(.button--alt), a.button:where(.button--alt) { --button-bg-color: #8f0123; --button-text-color: white; } form :where(button, [type="submit"], [type="button"], button):where(.submit_formidable, .submit_suivant, .submit_precedent), :where(.button):where(.submit_formidable, .submit_suivant, .submit_precedent), a.button:where(.submit_formidable, .submit_suivant, .submit_precedent) { padding: 0 1.5rem; position: relative; } form :where(button, [type="submit"], [type="button"], button):where(.submit_formidable, .submit_suivant, .submit_precedent):before, :where(.button):where(.submit_formidable, .submit_suivant, .submit_precedent):before, a.button:where(.submit_formidable, .submit_suivant, .submit_precedent):before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; left: 1.5rem; } form :where(button, [type="submit"], [type="button"], button):where(.submit_precedent), :where(.button):where(.submit_precedent), a.button:where(.submit_precedent) { --button-border-width: 2px; --button-bg-color: white; --button-text-color: var(--button-main-color); padding: 0 1.5rem 0 3.5rem; } form :where(button, [type="submit"], [type="button"], button):where(.submit_precedent):hover, form :where(button, [type="submit"], [type="button"], button):where(.submit_precedent):focus, :where(.button):where(.submit_precedent):hover, :where(.button):where(.submit_precedent):focus, a.button:where(.submit_precedent):hover, a.button:where(.submit_precedent):focus { --button-bg-color: var(--button-main-color); --button-text-color: var(--button-invert-color); } form :where(button, [type="submit"], [type="button"], button):where(.submit_precedent):before, :where(.button):where(.submit_precedent):before, a.button:where(.submit_precedent):before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23c10230' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; left: 1.5rem; right: auto; transform: translateY(-50%) rotate(180deg); } form :where(button, [type="submit"], [type="button"], button):where(.submit_formidable, .submit_suivant), :where(.button):where(.submit_formidable, .submit_suivant), a.button:where(.submit_formidable, .submit_suivant) { padding-right: 3.5rem; } form :where(button, [type="submit"], [type="button"], button):where(.submit_formidable, .submit_suivant):before, :where(.button):where(.submit_formidable, .submit_suivant):before, a.button:where(.submit_formidable, .submit_suivant):before { left: auto; right: 1.5rem; } form :where(button, [type="submit"], [type="button"], button):where(.button--call-to-action), :where(.button):where(.button--call-to-action), a.button:where(.button--call-to-action) { position: relative; padding-inline: 3rem 2rem; text-transform: uppercase; text-decoration: none !important; } form :where(button, [type="submit"], [type="button"], button):where(.button--call-to-action):before, :where(.button):where(.button--call-to-action):before, a.button:where(.button--call-to-action):before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; left: 1rem; right: auto; } form :where(button, [type="submit"], [type="button"], button):where(.button--reset), :where(.button):where(.button--reset), a.button:where(.button--reset) { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; } form :where(button, [type="submit"], [type="button"], button):where(.button--reset):before, form :where(button, [type="submit"], [type="button"], button):where(.button--reset):after, :where(.button):where(.button--reset):before, :where(.button):where(.button--reset):after, a.button:where(.button--reset):before, a.button:where(.button--reset):after { content: none; } form :where(button, [type="submit"], [type="button"], button):where(.button--reset):hover, form :where(button, [type="submit"], [type="button"], button):where(.button--reset):focus, :where(.button):where(.button--reset):hover, :where(.button):where(.button--reset):focus, a.button:where(.button--reset):hover, a.button:where(.button--reset):focus { background-color: transparent; } form :where(button, [type="submit"], [type="button"], button):where(.button--link-like), form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche), :where(.button):where(.button--link-like), :where(.button):where(.button--link-fleche), a.button:where(.button--link-like), a.button:where(.button--link-fleche) { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: #C10230; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; --button-text-color: #C10230; text-decoration: none; } form :where(button, [type="submit"], [type="button"], button):where(.button--link-like):before, form :where(button, [type="submit"], [type="button"], button):where(.button--link-like):after, form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):before, form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):after, :where(.button):where(.button--link-like):before, :where(.button):where(.button--link-like):after, :where(.button):where(.button--link-fleche):before, :where(.button):where(.button--link-fleche):after, a.button:where(.button--link-like):before, a.button:where(.button--link-like):after, a.button:where(.button--link-fleche):before, a.button:where(.button--link-fleche):after { content: none; } form :where(button, [type="submit"], [type="button"], button):where(.button--link-like):hover, form :where(button, [type="submit"], [type="button"], button):where(.button--link-like):focus, form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):hover, form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):focus, :where(.button):where(.button--link-like):hover, :where(.button):where(.button--link-like):focus, :where(.button):where(.button--link-fleche):hover, :where(.button):where(.button--link-fleche):focus, a.button:where(.button--link-like):hover, a.button:where(.button--link-like):focus, a.button:where(.button--link-fleche):hover, a.button:where(.button--link-fleche):focus { background-color: transparent; } form :where(button, [type="submit"], [type="button"], button):where(.button--link-like):hover, form :where(button, [type="submit"], [type="button"], button):where(.button--link-like):focus, form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):hover, form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):focus, :where(.button):where(.button--link-like):hover, :where(.button):where(.button--link-like):focus, :where(.button):where(.button--link-fleche):hover, :where(.button):where(.button--link-fleche):focus, a.button:where(.button--link-like):hover, a.button:where(.button--link-like):focus, a.button:where(.button--link-fleche):hover, a.button:where(.button--link-fleche):focus { --button-text-color: #a8022a; text-decoration: underline; } form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche), :where(.button):where(.button--link-fleche), a.button:where(.button--link-fleche) { position: relative; font-weight: 700; position: relative; padding-right: 2em; } form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):after, :where(.button):where(.button--link-fleche):after, a.button:where(.button--link-fleche):after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23c10230' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; right: 0.5em; top: 55%; transform: translateY(-50%); width: 15px; height: 12px; } form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):focus:after, form :where(button, [type="submit"], [type="button"], button):where(.button--link-fleche):hover:after, :where(.button):where(.button--link-fleche):focus:after, :where(.button):where(.button--link-fleche):hover:after, a.button:where(.button--link-fleche):focus:after, a.button:where(.button--link-fleche):hover:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23a8022a' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } form :where(button, [type="submit"], [type="button"], button):where(.button--right), :where(.button):where(.button--right), a.button:where(.button--right) { margin-left: auto; } form :where(button, [type="submit"], [type="button"], button):where(.button--js-check), :where(.button):where(.button--js-check), a.button:where(.button--js-check) { --button-text-color: #111111; --button-text-color-hover: #111111; --button-bg-color: #F3F6F9; --button-bg-color-hover: #F3F6F9; --button-border-width: 3px; --button-border-width-hover: 3px; --button-border-color: transparent; --button-border-color-hover: #D0A902; } form :where(button, [type="submit"], [type="button"], button):where(.button--js-check_pressed), :where(.button):where(.button--js-check_pressed), a.button:where(.button--js-check_pressed) { --button-bg-color: #FFCD00; --button-bg-color-hover: #FFCD00; --button-border-width: 3px; --button-border-width-hover: 3px; --button-border-color: #D0A902; --button-border-color-hover: #D0A902; } .call-to-action a { --button-main-color: #C10230; --button-invert-color: white; --button-text-color: white; --button-bg-color: #C10230; --button-border-color: #C10230; --button-border-width: 0; --button-text-color-hover: var(--button-invert-color); --button-bg-color-hover: hsl(from var(--button-main-color) h s calc(l - 15)); --button-border-color-hover: #C10230; --button-border-width-hover: 0; display: inline-flex; gap: 0.5em; align-items: center; justify-content: center; inline-size: fit-content; min-width: 6.25rem; min-height: 3rem; line-height: 1.1; padding-block: 0.35em; padding-inline: 1em; font-size: 0.8rem; text-transform: uppercase; font-weight: bold; letter-spacing: 0.035em; background-color: var(--button-bg-color); outline-color: var(--button-border-color); border: none; border-radius: 5px; box-shadow: none; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); color: var(--button-text-color); text-align: center; text-decoration: none; cursor: pointer; transition: 0.3s ease-out; transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; position: relative; padding-inline: 3rem 2rem; text-transform: uppercase; text-decoration: none !important; } .call-to-action a:hover, .call-to-action a:focus { --button-bg-color: var(--button-bg-color-hover); --button-text-color: var(--button-text-color-hover); --button-border-width: var(--button-border-width-hover); --button-border-color: var(--button-border-color-hover); text-decoration: none; } .call-to-action a:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } @supports not selector(:focus-visible) { .call-to-action a:focus { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: #5C7482; text-decoration: none; text-decoration-color: transparent; } } .call-to-action a:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; left: 1rem; right: auto; } .call-to-action--alt a { --button-border-width: 2px; --button-bg-color: white; --button-text-color: var(--button-main-color); } .call-to-action--alt a:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23c10230' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .form_bouton_small :is(button) { font-size: 0.75rem; font-weight: 500; min-height: 2.25rem; min-width: unset; } .form_bouton_xsmall :is(button) { font-size: 0.7rem; padding: 0.25rem 0.5rem; height: auto; min-height: unset; min-width: unset; font-weight: 500; } .button--reset { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; } .button--reset:before, .button--reset:after { content: none; } .button--reset:hover, .button--reset:focus { background-color: transparent; } .pagination-items { list-style: none; margin: 0; padding: 0; margin: 2em 0; text-align: center; display: flex; width: 100%; justify-content: space-between; align-items: center; font-weight: bold; } .pagination-items > * { margin: 0; padding: 0; } .pagination-items a { text-decoration: none; } .pagination-items a:hover { text-decoration: underline; } .pagination-item { flex-grow: 0; padding: 0 0.5em; border-radius: 0.8125em; height: 1.625em; line-height: 1.625em; min-width: 1.625em; } .pagination_page_precedent_suivant .pagination-item { display: none; } .pagination_page_precedent_suivant .pagination-item.prev, .pagination_page_precedent_suivant .pagination-item.next { display: inline-block; } @media screen and (min-width: 36.3125em) { .pagination_page_precedent_suivant .pagination-item { display: inline-block; } } .pagination-item.prev, .pagination-item.next { flex-grow: 1; } .pagination-item.prev { text-align: left; position: relative; padding-left: 1.5em; } .pagination-item.prev:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 15 13\"%3E%3Cg fill=\"%23ffcd00\" fill-rule=\"evenodd\" transform=\"matrix(-1 0 0 1 15 0)\"%3E%3Cpath d=\"m4.39393939 6.06060606c0 .47162363.3823265.85395013.85395013.85395013h6.09188618l-2.94360931 3.16046941c-.31815693.341596-.31815693.8710132 0 1.2126092.29047654.3118764.77878006.3292244 1.09065644.0387478.01337059-.0124531.02629468-.0253772.03874784-.0387478l4.23357923-4.54547338c.3576446-.3839928.3576446-.97911791 0-1.36311071l-4.23357923-4.54547339c-.29047654-.31187638-.77878006-.32922438-1.09065644-.03874784-.0133706.01245315-.02629469.02537724-.03874784.03874784-.31815693.34159602-.31815693.87101316 0 1.21260918l2.94360931 3.16046943h-6.09188618c-.47162363 0-.85395013.3823265-.85395013.85395013z\" fill-rule=\"nonzero\"/%3E%3Ccircle cx=\"1.102273\" cy=\"6.083333\" r=\"1\"/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .pagination-item.next { text-align: right; position: relative; padding-right: 1.5em; } .pagination-item.next:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 15 13\"%3E%3Cg fill=\"%23ffcd00\" fill-rule=\"evenodd\"%3E%3Cpath d=\"m4.39393939 6.06060606c0 .47162363.3823265.85395013.85395013.85395013h6.09188618l-2.94360931 3.16046941c-.31815693.341596-.31815693.8710132 0 1.2126092.29047654.3118764.77878006.3292244 1.09065644.0387478.01337059-.0124531.02629468-.0253772.03874784-.0387478l4.23357923-4.54547338c.3576446-.3839928.3576446-.97911791 0-1.36311071l-4.23357923-4.54547339c-.29047654-.31187638-.77878006-.32922438-1.09065644-.03874784-.0133706.01245315-.02629469.02537724-.03874784.03874784-.31815693.34159602-.31815693.87101316 0 1.21260918l2.94360931 3.16046943h-6.09188618c-.47162363 0-.85395013.3823265-.85395013.85395013z\" fill-rule=\"nonzero\"/%3E%3Ccircle cx=\"1.102273\" cy=\"6.083333\" r=\"1\"/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .pagination-item.active { color: #FFFFFF; background-color: #C10230; padding-left: 0.4em; padding-right: 0.4em; } .pagination-item.disabled { font-weight: normal; color: #838383; } /* .pagination { margin: 2em 0; text-align: center; display: flex; width: 100%; justify-content: space-between; align-items: center; font-weight: bold; .sep, .label { display: none; } a { text-decoration: none; } .next, .prev { flex-shrink: 0; } .next .on, .next .lien_pagination { position: relative; padding-right: 1.5em; &:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 13px; @include svg-background("", $couleur-secondaire); } } .prev .on, .prev .lien_pagination { position: relative; padding-left: 1.5em; &:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 13px; @include svg-background("", $couleur-secondaire); } } .pages { display: flex; justify-content: center; align-items: center; width: 100%; & > * { padding: 0 0.5em; border-radius: 0.8125em; height: 1.625em; line-height: 1.625em; min-width: 1.625em; } .on { color: #FFFFFF; background-color: $couleur-lien; padding-left: 0.4em; padding-right: 0.4em; } } .disabled { display: inline-block; color: #838383; } @include media($bp-small) { .pages .lien_pagination, .pages .tbc { display: none; } } } .col .prev, .col .next { display: none; } */ /* removes scroll when modal is opened */ .no-scroll { overflow: hidden; } .page_modale-modal-overlay, .splash-modal-overlay { position: fixed; inset: 0; z-index: 10000; overflow-y: auto; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(5px); } .page_modale-modal, .splash-modal { position: fixed; inset: 0; z-index: 10000; overflow: auto; overscroll-behavior: contain; overscroll-behavior-y: contain; } .page_modale-modal { width: 100%; height: 100%; padding: 2em; background-color: #FFCD00; animation: apparition ease 0.5s 1 normal; } .splash-modal { margin-inline: 1em; max-height: 100%; max-width: 90%; padding: 0.75em; border: none; border-radius: 0.5rem; background-color: white; animation: apparition ease 0.5s 1 normal; } @media screen and (min-width: 23.8125em) { .splash-modal { margin-inline: auto; } } .splash-modal__wrapper { display: grid; grid-template-rows: auto 1fr; gap: 0.75em; } .splash-modal-title { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .splash-modal-title .focusable:active, .splash-modal-title .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .splash-modal__content { display: flex; align-items: center; justify-content: center; gap: 0; min-width: min(380px, 75vw); min-height: 320px; } @keyframes apparition { 0% { opacity: 0; } 100% { opacity: 1; } } .page_modale-modal__wrapper { max-width: 66.25em; margin: 0 auto 6em auto; } .page_modale-modal-close, .splash-modal-close { z-index: 2; position: relative; float: right; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: #111111; font-weight: bold; padding-right: 1.875em; justify-self: flex-end; } .page_modale-modal-close:before, .page_modale-modal-close:after, .splash-modal-close:before, .splash-modal-close:after { content: none; } .page_modale-modal-close:hover, .page_modale-modal-close:focus, .splash-modal-close:hover, .splash-modal-close:focus { background-color: transparent; } .page_modale-modal-close:after, .splash-modal-close:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23111111' stroke-width='2.7149' stroke-miterlimit='9.0498' d='M1,1l18.1,18.1'/%3E%3Cpath fill='none' stroke='%23111111' stroke-width='2.7149' stroke-miterlimit='9.0498' d='M1,19.1L19.1,1'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .page_modale-modal-close:hover, .page_modale-modal-close:focus, .splash-modal-close:hover, .splash-modal-close:focus { background-color: transparent; color: #111111; } .page_modale-modal-title { position: relative; font-weight: 900; font-size: 1.5em; line-height: 1; padding-left: 0.5em; margin-bottom: 1.5em; } .page_modale-modal-title:before { content: " "; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 16'%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' x1='2' y1='2' x2='2' y2='14'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 4px; height: 13px; left: 0; bottom: 0.15em; } @media screen and (min-width: 61.3125em) { .page_modale-modal__content .article_modale { display: flex; } .page_modale-modal__content .article_modale__sommaire { margin-right: 2em; flex-shrink: 0; max-width: 25%; align-self: start; position: sticky; top: 0; } .page_modale-modal__content .article_modale__sommaire .nav-sommaire { margin-top: 0; padding-left: 1rem; padding-right: 1rem; background-color: white; } .page_modale-modal__content .article_modale__texte { background-color: white; border-radius: 0.5rem; padding: 1em; } } .formulaire_spip.formulaire_recherche_modale { background: white; box-shadow: 0 -1px 11px 0 rgba(86, 122, 143, 0.17); border-radius: 6px; padding: 2em 2em 4em 2em; } .formulaire_spip.formulaire_recherche_modale label { display: block; font-size: 1.125em; font-weight: 700; margin-bottom: 1em; } .formulaire_spip.formulaire_recherche_modale .input_button button { margin-top: 1em; } @media screen and (min-width: 36.3125em) { .formulaire_spip.formulaire_recherche_modale .input_button { display: flex; } .formulaire_spip.formulaire_recherche_modale .input_button input, .formulaire_spip.formulaire_recherche_modale .input_button button { height: 4rem; font-size: 14px; } .formulaire_spip.formulaire_recherche_modale .input_button input { border: 1px solid #8B99A1; border-radius: 4px 0 0 4px; color: #5C7482; } .formulaire_spip.formulaire_recherche_modale .input_button input:focus + button { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: currentColor; text-decoration: none; text-decoration-color: transparent; } .formulaire_spip.formulaire_recherche_modale .input_button button { margin-top: 0; border-radius: 0 4px 4px 0; padding-left: 2em; padding-right: 2em; } } .arbre_niveau_choisi { display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; align-items: flex-end; min-height: 6.25em; } form .arbre_noeud_retour { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: #263238; position: relative; min-height: 3em; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; align-items: flex-end; text-align: right; font-weight: bold; cursor: pointer; padding: 0 5em 0 0; background: none; border: none; transition: background-color 0.3s; } form .arbre_noeud_retour:before, form .arbre_noeud_retour:after { content: none; } form .arbre_noeud_retour:hover, form .arbre_noeud_retour:focus { background-color: transparent; } @media screen and (min-width: 36.3125em) { form .arbre_noeud_retour { height: 4em; } } form .arbre_noeud_retour:after { content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #263238 url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAMAAACDMFxkAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA0lBMVEXgAADfAADfAADgAADgAADgAADfAADgAADgAADfAADgAADgAADgAADgAADgAADgAADfAADgAADgAADgAADgAADfAADgAADgAADgAADgAADgAADfAADgAADgAADgAADgAADgAADgAADgAADgAADgAADgAADfAADfAADgAADgAADgAADgAADgAADfAADfAADgAADfAADgAADgAADfAADfAADgAADgAADfAADgAADfAADgAADgAADgAADfAADgAADgAADfAADfAADgAADfAADgAAD////is0/cAAAAQ3RSTlMAAFmkLmb83CZyzx2A+fj6yBJh9VOzZLi2YOJPuTYT1eYCCcI3FiPJMdAqBdcE9xxLXAOknAEb9Q8R5M0YAlIlCnZRonBIzwAAAAFiS0dERY6zqFcAAAAHdElNRQfjCg4WCylPhjJ7AAAAlElEQVQI1y1N5RqDMAzMTZm7CzAmTJm7sDXv/0wrbS8/cl9yQiQRiydAiFgyJdKWohkWzNmcpHkuFLkkyhWqilq9wc0Wt6nT7VGfB0PbIXdE5PEYk6k0AjP2oyRpxJwXmmC5Yos01vYmkBdVst2pZcqhZ384nqC154tzVR/Q7f5wTQIFTxjf6+3DaD/CI61F+P1Fgj9esQ4oXOhuXAAAAABJRU5ErkJggg==) center no-repeat; transition: background-color 0.3s; border: 1px solid #263238; width: 3em; height: 3em; border-radius: 50%; } @media screen and (min-width: 36.3125em) { form .arbre_noeud_retour:after { width: 4em; height: 4em; } } form .arbre_noeud_retour:hover, form .arbre_noeud_retour:focus { color: #263238; } form .arbre_noeud_retour:hover:after, form .arbre_noeud_retour:focus:after { background-color: white; transition: background-color 0.3s; border-color: #263238; } .arbre_noeud_retour--loading:after, .arbre_noeud_retour--loading:hover:after { background: #455b66 url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/ajax-loader-gris2.gif') center no-repeat; } .arbre_noeud_retour__titre { line-height: 1.2; margin: 0.25em 0; } .arbre_suite_choisi { text-align: center; } .arbre_choix { margin: 2em -1em; display: flex; justify-content: center; } @media screen and (max-width: 36.25em) { .arbre_choix { flex-wrap: wrap; } } .arbre_choix--wrap { flex-wrap: wrap; } .arbre_choix--wrap .arbre_choix__noeud { width: calc(25% - 1.25em); } @media screen and (max-width: 36.25em) { .arbre_choix--wrap .arbre_choix__noeud { width: 44%; max-width: 44%; } } .arbre_choix__intermediaire_titre { font-size: 150%; line-height: 1.2; font-weight: bold; margin: 0.5em 0; text-align: center; } .arbre_choix__noeud { display: flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; background-color: #263238; border: 1px solid #263238; padding: 0.5em 0.5em 0.5em 0.5em; margin: 0 0.5em 1em 0.5em; border-radius: 0.5em; text-align: center; transition: background-color 0.3s; } .arbre_choix__noeud, .arbre_choix__noeud * { color: white; } @media screen and (min-width: 36.3125em) { .arbre_choix__noeud { padding: 1em 1em 1em 1em; width: 24%; } } .arbre_choix__noeud--compact { padding: 0.75em 0.75em 0.75em 0.75em; } .arbre_choix__noeud:hover, .arbre_choix__noeud:focus { background-color: white; transition: background-color 0.3s; } .arbre_choix__noeud:hover, .arbre_choix__noeud:hover *, .arbre_choix__noeud:focus, .arbre_choix__noeud:focus * { color: #263238; } .arbre_choix__noeud:hover input[type=checkbox] + .checkbox, .arbre_choix__noeud:focus input[type=checkbox] + .checkbox { background-position: 25px 25px; } .arbre_choix__noeud:hover input[type=checkbox]:checked + .checkbox, .arbre_choix__noeud:focus input[type=checkbox]:checked + .checkbox { background-position: 0 25px; } .arbre_choix__noeud, .arbre_choix__noeud label { cursor: pointer; } .arbre_choix__noeud--actif { background-color: #455b66; transition: background-color 0.3s; } .arbre_choix__noeud svg { margin-top: 1em; } .arbre_choix__noeud label { margin-bottom: 0.5em; } .arbre_choix__noeud input[type=checkbox] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .arbre_choix__noeud input[type=checkbox] + .checkbox { background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEX///8mMjj///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8mMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjgmMjj///8mMjhAaWvCAAAAYnRSTlMAAN3GxMXc1hIJCsrDuAG6f1RyM1cnOEM/cyFd87UMgAPO3uufmt/Zq2+x1AsCydu8ud3GxMXc1hIJCsrDuAG6f1RyM1cnOEM/cyFd87UMgAPO3uufmt/Zq2+x1AsCydu8ubJPOAMAAAABYktHRACIBR1IAAAAB3RJTUUH4woQETYk7lYwUQAAARFJREFUSMflkVdPQkEQRr9FilfhomLvigpWLCBelQuKFLtiwQbi7v//DxIeyUxy5xXOwyabk5PszMI34A9QBFmB0KBFMTTMCoRBE2EFAhYp7CgrejsZGZUmYzomTMb1hPBhk3rK6yzTM537rJ7zPH5sfqF9LuolwcaWV1YtxNdkS17fSCSl/7K5BWnSZfoj8dukQYQV2N6BTbC7xwqk9g+iFAlW4PAonaE4ZgWyJw7F6RkrcK5ocqxAxiGFm2dFbyeFC2lyaYrC5MqUhA8rm4rXWarXnfuNufU8fvHuvn0+mEfBxp6ea456eZUt+e29/iH9l88vJU26TH8kaZc0KscKfP8ol6DRZAV+W395ijor/gH/JHhwdhYGOAAAAABJRU5ErkJggg==); background-position: 25px 0; width: 25px; height: 25px; margin-bottom: 0.5em; } .arbre_choix__noeud input[type=checkbox]:checked + .checkbox { background-position: 0 0; } .arbre_choix__noeud--loading, .arbre_choix__noeud--loading:hover, .arbre_choix__noeud--loading:focus { color: white; background: #3b4d56 url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/ajax-loader-gris2.gif') 5px 5px no-repeat; } .arbre_resultats_sommaire { margin: 1.5em 0; } .arbre_resultat { margin-top: 1.5em; margin-bottom: 1.5em; } .arbre_valide { padding: 1em; text-align: center; } .c-langage_nat { margin-bottom: 2em; } .c-langage_nat .select-container { display: inline-block; } .c-langage_nat__bloc { display: block; margin-bottom: 1em; } .c-langage_nat__bloc .select-container { display: inline-block; } @media screen and (min-width: 36.3125em) { .c-langage_nat__bloc { display: flex; align-items: center; gap: 0.75em; } } .formulaire_spip .c-langage_nat__select, .c-langage_nat__select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0.25em 1.75em 0.25em 0.5em; border: none; border-radius: 0; border-bottom: 1px solid #C10230; color: #C10230; width: auto; min-height: auto; height: auto; line-height: 1.5; 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='%23c10230' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; background-position: right 0.5em center; background-size: 1em 0.8em; } .arbre_lineaire { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .arbre_lineaire { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .arbre_lineaire { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .arbre_lineaire > :last-child { margin-bottom: 0; } .arbre_lineaire_intro { background: #FFCD00 url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/fond-occitanie-light2.png') right top no-repeat; padding: 2em; border-radius: 0.5rem; } .arbre_lineaire_intro__soustitre { position: relative; font-size: 1.125em; } .arbre_lineaire_intro__soustitre:before { content: ""; position: absolute; left: -2em; top: 50%; transform: translateY(-50%); width: 24px; height: 7px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"24\" height=\"7\"%3E%3Cpath d=\"M0 .5h21a3 3 0 010 6H0v-6z\" fill=\"%23FFF\"/%3E%3C/svg%3E") center no-repeat; } .arbre_lineaire_intro__soustitre:after { content: ""; position: absolute; right: -1em; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"7\" height=\"7\"%3E%3Ccircle cx=\"3.5\" cy=\"3.5\" r=\"3\" fill=\"%23FFF\"/%3E%3C/svg%3E") center no-repeat; } .arbre_lineaire_intro__titre { margin-bottom: 2em; } .arbre_lineaire__choix { margin-top: 0; margin-bottom: 1.5em; } .arbre_lineaire__choix:last-child { margin-bottom: 0; } .arbre_lineaire__button { font-size: 0.85em; height: 2em; margin-left: 1.5em; } /* -------------------------------- liste d'articles ---------------------------------- */ .liste-articles { margin-top: 0; margin-bottom: 1.5em; font-style: normal; } .liste-articles:last-child { margin-bottom: 0; } .liste-articles h3 a, .liste-articles .h3 a { color: #111111; } .liste-articles h3 a:hover, .liste-articles h3 a:focus, .liste-articles .h3 a:hover, .liste-articles .h3 a:focus { color: #a8022a; } .liste-articles .logo { float: right; margin: 0.5em 0 0.5em 1em; } .liste-articles.liste-articles--alertes { background: #F0F0F0; border-left: 4px solid #BC0103; padding: 3em 1.5em 1em 1.5em; position: relative; } .liste-articles.liste-articles--alertes .liste-articles__article:not(:last-of-type) { padding-bottom: 1em; border-bottom: 1px solid #858585; } .liste-articles.liste-articles--alertes .liste-articles__article:first-child:before { display: block; position: absolute; top: 1em; content: "Important"; text-transform: uppercase; color: #BC0103; font-weight: bold; margin-bottom: 1em; } .liste-articles.liste-articles--alertes .liste-articles__resume { display: none; } .liste-articles.liste-articles--alertes .liste-articles__date { margin-top: 0.5em; text-align: right; font-weight: normal; font-style: italic; padding-right: 0.2em; } .liste-articles.liste-articles--flex { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 1rem; } .liste-articles.liste-articles--flex .liste-articles__article { display: flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; padding: 1em; font-size: 90%; text-align: center; border: none; border-radius: 0.5rem; background: #F3F6F9; } @media screen and (min-width: 36.3125em) { .liste-articles.liste-articles--flex .liste-articles__article { width: calc(50% - 0.5rem); margin: 0; } } @media screen and (min-width: 48.0625em) { .liste-articles.liste-articles--flex .liste-articles__article { width: calc(33.333% - 0.666rem); } } .liste-articles.liste-articles--flex .liste-articles__article a { display: block; text-transform: uppercase; font-size: 115%; font-weight: bold; } .liste-articles.liste-articles--flex .liste-articles__logo { flex-shrink: 0; width: auto; height: 6.25em; display: flex; align-items: center; justify-content: center; margin-bottom: 2em; padding: 0; } .liste-articles.liste-articles--flex .liste-articles__logo img { width: 100%; max-width: none; max-height: 100%; } .liste-articles.liste-articles--flex .liste-articles__titre { font-size: 1em; font-weight: bold; margin: 0 0 0.75em 0 !important; padding-bottom: 0; } .liste-articles__article { display: flex; font-size: 0.875em; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #D9DDE6; } .liste-articles__article:last-child { border-bottom: none; margin-bottom: 0; } .liste-articles__article:hover a.block-link { color: #a8022a; } .liste-articles__article p { margin-bottom: 0.5em; } .liste-articles__logo { width: 7.5em; flex-shrink: 0; margin: 0 0.5em 0 0; padding-top: 0.35em; padding-right: 1em; } .liste-articles__logo img { min-width: 5.5em; max-width: 6.25em; border-radius: 6px; } .liste-articles__logo img.logo--noresize { min-width: auto; min-height: auto; max-width: 100%; } .liste-articles + .liste-articles { margin-top: -1.5rem; padding-top: 1em; border-top: 1px solid #D9DDE6; } .liste-articles__titre { font-size: 1.1428571429em; font-weight: bold; margin: 0 0 0.3em 0 !important; padding-bottom: 0; } .liste-articles__titre a { display: block; color: #111111; } .liste-articles__titre a:hover, .liste-articles__titre a:focus { color: #a8022a; } .liste-articles__info { color: #5C7482; } .liste-articles__date { padding: 0; margin: 0 0 0.3em 0 !important; overflow: hidden; color: #5C7482; } .liste-articles__tags { margin: 0 0 0.3em 0 !important; color: #5C7482; } /* -------------------------------- Listes d'objets ---------------------------------- */ .liste-objets { list-style: none; padding: 0; } .liste-objets li:not(.pagination-item) { background: none !important; background-image: none !important; } .liste-objets li:not(.pagination-item), .liste-objets .item { overflow: hidden; padding: 0.6em; } .liste-objets li:not(.pagination-item) p, .liste-objets .item p { margin-bottom: 0.2em; } .liste-objets .image { float: right; margin-left: 1em; } .liste-objets .titre { display: block; font-size: 115%; font-weight: bold; margin-bottom: 0.3em; } .liste-objets .item_odd, .liste-objets .item_even { background-color: #FAFAFA !important; border: 1px solid #EFEFEF; } .liste-objets .descriptif { margin-bottom: 0.5em; } .liste-objets .meta { color: #4C4C4C; } .liste-objets .actions { margin-top: 0.8em; } .liste-objets .actions .sep { display: inline-block; padding: 0 0.5em; } .liste-objets.liste-objets--sep .item:not(:last-child) { border-bottom: 1px solid #CCC; padding-bottom: 0.5em; margin-bottom: 0.5em; } .liste-items { margin-top: 0; margin-bottom: 1.5em; } .liste-items:last-child { margin-bottom: 0; } .liste-items .item { clear: both; overflow: hidden; margin-top: 0; margin-bottom: 1.5em; } .liste-items .item:last-child { margin-bottom: 0; } .liste-items .item .logo { float: right; margin-left: 1.5em; } .liste-items.liste-items--spacer .item:not(:last-of-type) { padding-bottom: 1em; border-bottom: 1px solid #E8E8E8; } .liste-elus { margin-top: 0; margin-bottom: 1.5em; margin-top: 2em; } .liste-elus:last-child { margin-bottom: 0; } .liste-elus .item { display: table; margin-bottom: 1.5em; } .liste-elus .item .logo { display: table-cell; vertical-align: top; min-width: 75px; } .liste-elus .item .info { display: table-cell; vertical-align: top; padding-left: 1.5em; } .liste-elus .item .info p { margin-bottom: 0; } .liste-reponses .reponses { list-style: none; margin: 0; padding: 0; } .liste-reponses .reponses > * { margin: 0; padding: 0; } .liste-reponses .reponses > * { margin-top: 0; margin-bottom: 1.5em; } .liste-reponses .reponses > *:last-child { margin-bottom: 0; } .liste-reponses .reponse { margin-top: 0; margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #D9DDE6; } .liste-reponses .reponse:last-child { margin-bottom: 0; } .liste-reponses .reponse .champ { margin-bottom: 0.5em; overflow: hidden; } .liste-reponses .reponse .label, .liste-reponses .reponse .valeur { display: inline-block; } .liste-reponses .reponse .label { vertical-align: top; width: 11em; } .liste-reponses .reponse .saisie_textarea .label, .liste-reponses .reponse .saisie_textarea .valeur { display: block; width: 100%; } .liste-reponses .reponse .saisie_textarea .valeur p { margin-bottom: 0.5em; } .liste-reponses .reponse .saisie_explication { margin: 0; } .liste-objets.liste_repos h3 a { color: #111111; } .liste-objets.liste_repos .spip_document { margin-top: 0.2em; } .liste-objets.liste_repos .item { padding: 1.5em 0; } .liste-objets.liste_repos .item:not(:last-child) { border-bottom: 1px solid #E5E5E5; } .liste-objets.liste_repos .item p { margin-bottom: 0.4em; } .liste-objets.liste_repos .item .icone { float: left; margin-right: 1em; } .liste_carte { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .liste_carte { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .liste_carte { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .liste_carte > :last-child { margin-bottom: 0; } .liste_carte__filtres { margin-bottom: 1em; } .liste_carte__total { font-weight: 900; margin-top: 0.5em; } .liste_carte__wrapper { width: 100%; /* fallback for browsers that don't understand vw or calc */ width: calc(100vw - 14px); /* -15 because vw is calculated without the scrollbar being considered & 15px is width of scrollbars */ position: relative; /* use this if the parent div isn't flush left */ right: calc((100vw - 14px - 100%) / 2); } .liste_carte__resultats { width: 100%; max-width: 87.5em; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; align-items: flex-start; background-color: #fafbfc; position: relative; } .liste_carte__resultats--loading:before { content: ""; position: absolute; left: 1em; top: 1em; width: 4em; height: 4em; background-image: url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/ajax-loader-gray.svg?1771455179'); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 10000; } .liste_carte__liste { width: 30%; overflow-y: auto; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; } .liste_carte__liste_items { list-style: none; margin: 0; padding: 0; } .liste_carte__liste_items > * { margin: 0; padding: 0; } .liste_carte__liste_item { position: relative; transition: 0.3s ease-out; border-radius: 0.5rem; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); background-color: white; padding: 1em; margin-bottom: 1em; cursor: pointer; line-height: 1.45; font-size: 0.85em; position: relative; } .liste_carte__liste_item > :last-child { margin-bottom: 0; } .liste_carte__liste_item:hover { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3); } .liste_carte__liste_item a { text-underline-offset: 0.3em; text-decoration: none; } @supports (text-decoration-color: transparent) { .liste_carte__liste_item a { text-decoration: underline; text-decoration-color: transparent; } } .liste_carte__liste_item a:hover, .liste_carte__liste_item a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .liste_carte__liste_item a:hover, .liste_carte__liste_item a:focus { text-decoration-color: currentColor; } } .liste_carte__liste_item p { margin-block: 0.35em; } .liste_carte__liste_item:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } a.liste_carte__liste_item_lien, .leaflet-container a.button { color: white; background-color: #C10230; } a.liste_carte__liste_item_lien:hover, a.liste_carte__liste_item_lien:focus, .leaflet-container a.button:hover, .leaflet-container a.button:focus { color: #FFCD00; text-decoration: underline; } .liste_carte__liste_item_lien { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .liste_carte__liste_item_lien .focusable:active, .liste_carte__liste_item_lien .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .liste_carte__liste_item_lien:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .liste_carte__liste_item--actif { cursor: default; position: relative; } .liste_carte__liste_item--actif:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23c10230' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .liste_carte__liste_item--actif .liste_carte__liste_item_lien { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .liste_carte__liste_item_titre { font-weight: bold; } .liste_carte__carte { width: 70%; } .liste_carte__carte .carte_gis { margin-top: 0; margin-bottom: 0; } .leaflet-marker-icon:not(.marker-cluster) { background-image: url('data:image/svg+xml,%3Csvg width="25" height="35.6" viewBox="0 0 25 35.6" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%235c7482" stroke="%23fff" stroke-width="1" d="m12.5 16.9a4.39 4.39 0 01-4.39-4.39 4.39 4.39 0 014.39-4.39 4.39 4.39 0 014.39 4.39 4.39 4.39 0 01-4.39 4.39m0-16.7a12.3 12.3 0 00-12.3 12.3c0 9.21 12.3 22.8 12.3 22.8s12.3-13.6 12.3-22.8a12.3 12.3 0 00-12.3-12.3z"/%3E%3C/svg%3E'); background-position: center; background-repeat: no-repeat; background-size: contain; background-size: 25px 36px; background-position: center bottom; } .leaflet-marker-icon:not(.marker-cluster).leaflet-marker-icon--actif { background-image: url('data:image/svg+xml,%3Csvg width="25" height="35.6" viewBox="0 0 25 35.6" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23c10230" stroke="%23fff" stroke-width="1" d="m12.5 16.9a4.39 4.39 0 01-4.39-4.39 4.39 4.39 0 014.39-4.39 4.39 4.39 0 014.39 4.39 4.39 4.39 0 01-4.39 4.39m0-16.7a12.3 12.3 0 00-12.3 12.3c0 9.21 12.3 22.8 12.3 22.8s12.3-13.6 12.3-22.8a12.3 12.3 0 00-12.3-12.3z"/%3E%3C/svg%3E'); background-position: center; background-repeat: no-repeat; background-size: contain; background-size: 25px 36px; background-position: center bottom; } .leaflet-marker-icon:not(.marker-cluster).leaflet-marker-icon--hover { transform-origin: center; background-image: url('data:image/svg+xml,%3Csvg width="25" height="35.6" viewBox="0 0 25 35.6" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%235c7482" stroke="%23fff" stroke-width="1" d="m12.5 16.9a4.39 4.39 0 01-4.39-4.39 4.39 4.39 0 014.39-4.39 4.39 4.39 0 014.39 4.39 4.39 4.39 0 01-4.39 4.39m0-16.7a12.3 12.3 0 00-12.3 12.3c0 9.21 12.3 22.8 12.3 22.8s12.3-13.6 12.3-22.8a12.3 12.3 0 00-12.3-12.3z"/%3E%3C/svg%3E'); background-position: center; background-repeat: no-repeat; background-size: contain; background-size: 32px 46px; } .leaflet-marker-icon.marker-cluster { border-radius: 50%; } .leaflet-marker-icon.marker-cluster.leaflet-marker-icon--hover.leaflet-marker-icon--hover { margin-left: -25px !important; margin-top: -25px !important; width: 50px !important; height: 50px !important; } .leaflet-marker-icon.marker-cluster.leaflet-marker-icon--hover.leaflet-marker-icon--hover div { width: 40px; height: 40px; } .leaflet-marker-icon.marker-cluster.leaflet-marker-icon--hover.leaflet-marker-icon--hover div span { line-height: 40px; } @media screen and (min-width: 36.3125em) { .articles-resumes { display: flex; align-items: stretch; } } .article-resume { padding: 0.5em; margin-bottom: 2em; display: flex; } @media screen and (min-width: 36.3125em) { .article-resume--horizontal { width: 49%; float: left; } .article-resume--horizontal:nth-of-type(odd) { margin-right: 1%; } .article-resume--horizontal:nth-of-type(even) { margin-left: 1%; } } @media screen and (min-width: 36.3125em) { .article-resume--vertical { -webkit-flex-direction: column; flex-direction: column; float: left; width: 23.5%; margin-left: 1%; margin-right: 1%; } .article-resume--vertical.article-resume--vertical-3 { width: 32%; } .article-resume--vertical:nth-of-type(4n) { margin-right: 0; } .article-resume--vertical:nth-of-type(4n+1) { margin-left: 0; } .article-resume--vertical .article-resume__image { margin-right: 0; margin-bottom: 0.5em; } .article-resume--vertical .article-resume__texte { padding: 0; } } .article-resume__titre { margin-bottom: 0; } .article-resume__logo { width: 15.625em; flex-shrink: 0; margin-bottom: 1em; margin-right: 1.5em; } .article-resume__infos { margin: 0.25em 0 0.5em 0; font-size: 0.875em; } .article-resume__rubrique { text-transform: uppercase; color: #C10230; font-weight: bold; margin-right: 0.25em; margin-bottom: 0; } .article-resume__date { margin-bottom: 0; } .article-resume__date:before { content: " - "; } .articles-resumes-entete { margin-bottom: 3em; } .article-resume__image { flex-shrink: 0; margin-right: 1em; text-align: center; } @media screen and (max-width: 48em) { .article-resume__image { width: 30%; } } .article-resume__tags, .article-resume__texte { font-size: 0.92em; } .article-resume__date { font-weight: 700; margin: 0.3em 0; font-size: 1.2em; } @media screen and (min-width: 61.3125em) { .article-resume__texte { padding: 0 1em; } } .article-resume__texte .mot { color: #C10230; } .objets-resumes--cards { list-style: none; margin: 0; padding: 0; } .objets-resumes--cards > * { margin: 0; padding: 0; } @media screen and (min-width: 36.3125em) { .objets-resumes--cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } } @media screen and (min-width: 48.0625em) { .objets-resumes--cards { grid-template-columns: 1fr 1fr 1fr; } } .objets-resumes--cards .objet-resume { text-align: center; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .objets-resumes--cards .objet-resume { display: grid; grid-template-rows: subgrid; grid-row: span 2; gap: 0.5rem; margin-bottom: 0; } } .objets-resumes--cards .objet-resume__titre { font-size: 0.92em; } .js-to_expand[aria-hidden=true], .js-to_expand[data-hidden=true] { display: none; } .blocdepliable { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 0; background: white; border: 2px solid #D9DDE6; border-radius: 0.5rem; } @media screen and (min-width: 36.3125em) { .blocdepliable { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .blocdepliable { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .blocdepliable > :last-child { margin-bottom: 0; } .blocdepliable_titre { font-size: 1em; clear: left; cursor: pointer; position: relative; background: none; margin: 0 !important; } .blocdepliable_titre--strong { background: #EEE; } .blocdepliable-expandmore__button, .formulaire_spip .blocdepliable-expandmore__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; display: flex; align-items: center; justify-content: flex-start; gap: 0.5em; width: 100%; padding: 0.75em 2.5em 0.75em 0.75em; position: relative; border-radius: 0.5rem; color: #111111; font-weight: bold; text-align: left; } .blocdepliable-expandmore__button:before, .blocdepliable-expandmore__button:after, .formulaire_spip .blocdepliable-expandmore__button:before, .formulaire_spip .blocdepliable-expandmore__button:after { content: none; } .blocdepliable-expandmore__button:hover, .blocdepliable-expandmore__button:focus, .formulaire_spip .blocdepliable-expandmore__button:hover, .formulaire_spip .blocdepliable-expandmore__button:focus { background-color: transparent; } .blocdepliable-expandmore__button > :last-child, .formulaire_spip .blocdepliable-expandmore__button > :last-child { margin-bottom: 0; } .blocdepliable-expandmore__button figure, .formulaire_spip .blocdepliable-expandmore__button figure { margin: 0; } .blocdepliable-expandmore__button:hover, .blocdepliable-expandmore__button:focus, .formulaire_spip .blocdepliable-expandmore__button:hover, .formulaire_spip .blocdepliable-expandmore__button:focus { color: #a8022a; } .blocdepliable-expandmore__button:after, .formulaire_spip .blocdepliable-expandmore__button:after { content: ""; position: absolute; right: 1em; top: 50%; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); border: solid #C10230; border-width: 0 3px 3px 0; display: inline-block; padding: 4px; z-index: 12; transition: transform 0.3s; } .blocdepliable-expandmore__button.is-opened, .formulaire_spip .blocdepliable-expandmore__button.is-opened { color: #C10230; } .blocdepliable-expandmore__button.is-opened:after, .formulaire_spip .blocdepliable-expandmore__button.is-opened:after { transform: rotate(225deg); } .blocdepliable-expandmore__button:focus-visible, .formulaire_spip .blocdepliable-expandmore__button:focus-visible { outline-color: #5C7482; } .blocdepliable-expandmore__to_expand { margin-top: 1em; padding: 0 0.75em 0.75em 0.75em; /* display: block; overflow: hidden; opacity: 1; max-height: 800em; // magic number for max-height = enough height visibility: visible; transition: visibility 3s, all 0.3s ease-out; */ } .blocdepliable-expandmore__to_expand > :first-child { margin-top: 0; } .blocdepliable-expandmore__to_expand > :last-child { margin-bottom: 0; } [data-hidden=true].blocdepliable-expandmore__to_expand { /* margin-top: 0; padding-bottom: 0; display: block; max-height: 0; opacity: 0; visibility: hidden; */ } /* -------------------------------- Albums ---------------------------------- */ figure.album { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { figure.album { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { figure.album { margin-top: 1.5rem; margin-bottom: 1.5rem; } } figure.album > :last-child { margin-bottom: 0; } .album.vignettes { overflow: hidden; } .album.vignettes .vignette { display: block; position: relative; margin: 0 0 1em 0; text-align: center; width: 33.3333%; float: left; transition-property: opacity; transition-duration: 0.2s; } .album.vignettes .vignette:hover { opacity: 0.9; } .album.vignettes .vignette.large { float: none; width: 100%; margin-bottom: 0; } .album.vignettes .vignette.hidden { display: none; } .album.vignettes .vignette .vignettes_plus_overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000000; opacity: 0.3; } .album.vignettes .vignette .vignettes_plus { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; font-size: 3.75em; color: white; } .album .album-caption.bottom { font-size: 0.92em; clear: both; } .album.vignettes { overflow: hidden; max-width: 46.875em; margin-left: auto; margin-right: auto; } .js-tabcontent[role=tabpanel][aria-hidden=true] { display: none; } .js-tabs .js-tablist { display: flex; justify-content: flex-end; list-style: none; border-bottom: 1px solid #D9DDE6; margin: 0 0 1.5em 0; padding: 0 1em; } .js-tabs .js-tablist > * { display: inline-block; margin: 0 0 -1px 0.5em; } .js-tabs .js-tablist [role=tab] { display: block; margin: 0; padding: 0.75em; background: #F3F6F9; border: 1px solid transparent; border-bottom-color: #D9DDE6; border-radius: 5px 5px 0 0; min-width: 8em; text-align: center; color: #666666; font-size: 95%; font-weight: bold; text-decoration: none; } .js-tabs .js-tablist [role=tab]:hover { text-decoration: none; } .js-tabs .js-tablist [role=tab][aria-selected=true] { background: white; border-color: #D9DDE6; border-bottom-color: white; color: #111111; } .formulaire_spip_dataTable { padding: 0; background: none; font-size: 95%; } .dataTables_wrapper table.dataTable { overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-top: 0; margin-bottom: 1.5em; } .dataTables_wrapper table.dataTable:last-child { margin-bottom: 0; } .dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable thead td, .dataTables_wrapper table.dataTable tbody th, .dataTables_wrapper table.dataTable tbody td { padding: 0.5em; } .dataTables_wrapper table.dataTable thead tr th.sorting, .dataTables_wrapper table.dataTable thead tr th.sorting_asc, .dataTables_wrapper table.dataTable thead tr th.sorting_desc { padding-right: 1.1em; background-position: right 0.7em; cursor: pointer; } .dataTables_wrapper table.dataTable .spip_documents, .dataTables_wrapper table.dataTable .spip_document { display: block; max-width: 75%; } .dataTables_wrapper .dataTables_filter { float: none !important; text-align: left !important; display: block; } @media screen and (min-width: 36.3125em) { .dataTables_wrapper .dataTables_filter { display: inline-block; width: 50%; } .dataTables_wrapper .dataTables_filter:nth-child(odd) { padding-right: 1.5em; } } .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter select { display: block; margin: 0 0 0.5em 0 !important; } .dataTables_wrapper .dataTables_filter .dataTables_info { margin-top: 0.5em; padding-top: 0.5em; } .dataTables_wrapper .dataTables_filter .dataTables_paginate { margin-top: 0.5em; } .dataTables_wrapper .dataTables_filter .dataTables_paginate .paginate_button { min-width: 1.5em; padding: 0.2em 0.6em; } .dataTables_wrapper .dataTables_filter + table.dataTable { margin-top: 1em; } .swiftype-widget { z-index: 1000; } .swiftype-widget .autocomplete { background-color: #FFF; display: block; list-style-type: none; margin: 0; padding: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); position: absolute; border-radius: 3px; text-align: left; } .swiftype-widget .autocomplete ul { background-color: #FFF; display: block; list-style-type: none; margin: 0; padding: 0; border-radius: 3px; text-align: left; } .swiftype-widget .autocomplete li { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #FFF; cursor: pointer; padding: 10px 8px; font-size: 13px; list-style-type: none; background-image: none; margin: 0; } .swiftype-widget .autocomplete li:first-child { border-top: 1px solid #FFF; border-radius: 3px 3px 0 0; } .swiftype-widget .autocomplete li:last-child { border-radius: 0 0 3px 3px; } .swiftype-widget .autocomplete li p { font-size: 13px; line-height: 16px; margin: 0; padding: 0; } .swiftype-widget .autocomplete li p.title { font-weight: bold; font-size: 1.25em; margin-bottom: 0.5em; } .swiftype-widget .autocomplete li p.title em { font-style: normal; text-decoration: underline; text-decoration-color: #FFCD00; text-decoration-thickness: 4px; text-underline-offset: 1px; } .swiftype-widget .autocomplete li.active { background-color: #C10230; } .swiftype-widget .autocomplete li.active * { color: #FFF; } .swiftype-widget .autocomplete li.noResults { pointer-events: none; } a[data-photo].photoshow { cursor: zoom-in; } .pswp__caption__center { max-width: 90vw; padding-bottom: 40px; } .fiche_bloc_infos { margin-block: 3rem; clear: none; } .fiche_bloc_infos h2, .fiche_bloc_infos h2.spip { clear: none; } .fiche_info_objet { position: relative; width: 100%; } @media screen and (min-width: 48.0625em) { .fiche_info_objet { width: auto; display: flex; justify-content: flex-start; align-items: flex-start; } } .fiche_info_objet .blocdepliable { border: none; margin: 0 0 1em 0; } .fiche_info_objet .blocdepliable_titre { font-size: 0.9em; font-weight: 500; } .fiche_info_objet .blocdepliable-expandmore__button { padding: 0; display: flex; justify-content: flex-start; align-items: center; color: #C10230; } .fiche_info_objet .blocdepliable-expandmore__button:hover, .fiche_info_objet .blocdepliable-expandmore__button:focus { color: #a8022a; } @media screen and (min-width: 90.0625em) { .fiche_info_objet { margin-bottom: 90px; /* &:after { content: ''; position: absolute; left: 120%; top: 280px; width: 1055px; height: 224px; background: svg-url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/scss/') center no-repeat; z-index: -1; }*/ } .fiche_info_objet:before { content: ""; position: absolute; left: -180px; bottom: -4em; width: 1055px; height: 224px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height=\"224\" viewBox=\"0 0 1055 224\" width=\"1055\"%3E%3Crect fill=\"%23FFCD00\" fill-rule=\"evenodd\" height=\"224\" rx=\"112\" width=\"1054.5875\"/%3E%3C/svg%3E") center no-repeat; z-index: -1; } } .fiche_info_objet p { margin-bottom: 0.75em; } .fiche_info_objet__details { flex: 1; margin-bottom: 1.5em; } .fiche_info_objet__bloc { display: flex; justify-content: flex-start; align-items: center; gap: 0.5em; } .fiche_info_objet__bloc a { text-underline-offset: 0.3em; text-decoration: none; } @supports (text-decoration-color: transparent) { .fiche_info_objet__bloc a { text-decoration: underline; text-decoration-color: transparent; } } .fiche_info_objet__bloc a:hover, .fiche_info_objet__bloc a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .fiche_info_objet__bloc a:hover, .fiche_info_objet__bloc a:focus { text-decoration-color: currentColor; } } .fiche_info_objet__bloc_icone { min-width: 3.125em; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .fiche_info_objet__logo { position: relative; flex-shrink: 0; margin-bottom: 1.5em; } @media screen and (min-width: 48.0625em) { .fiche_info_objet__logo { max-width: 33%; margin-left: 1.5em; } } @media screen and (min-width: 61.3125em) { .fiche_info_objet__logo { max-width: none; } } .fiche_info_objet__logo a { display: block; } .fiche_info_objet__logo img { border-radius: 8px; width: 100%; } .fiche_info_objet__logo.fiche_info_objet__logo--bottom-top:before { content: ""; position: absolute; bottom: 0; left: 2em; width: 13.125em; height: 0.625em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"210\" height=\"10\"%3E%3Cpath d=\"M9.817.994h190.702a9 9 0 019 9H.817a9 9 0 019-9z\" fill=\"%23FFCD00\" fill-rule=\"evenodd\"/%3E%3C/svg%3E") center no-repeat; } .parcours { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; padding-inline: 1rem; } @media screen and (min-width: 36.3125em) { .parcours { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .parcours { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .parcours > :last-child { margin-bottom: 0; } @media screen and (min-width: 48.0625em) { .parcours { padding-inline: 0; } } .parcours--fond { position: relative; background-color: #F3F6F9; padding-block: 3rem; } .parcours--fond:before, .parcours--fond:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc((100vw - 100%) / 2); background-color: #F3F6F9; z-index: -1; } .parcours--fond:before { left: calc((100vw - 100%) / 2 * -1); } .parcours--fond:after { right: calc((100vw - 100%) / 2 * -1); } .parcours--fond .parcours__etape { background-color: white; } .parcours__entetes { display: none; } @media screen and (min-width: 48.0625em) { .parcours__entetes { display: grid; grid-template-columns: 1fr 1fr; column-gap: 3rem; margin-bottom: 2rem; } } .parcours__entete { position: relative; margin: 0; font-weight: bold; font-size: 1em; line-height: 1.3; padding-bottom: 0.75rem; } @media screen and (min-width: 36.25em) { .parcours__entete { font-size: calc(0.6375em + 1vw); } } @media screen and (min-width: 61.25em) { .parcours__entete { font-size: 1.25em; } } .parcours__entete:after { content: ""; position: absolute; left: 0; bottom: -0.25rem; width: 32px; height: 8px; border-radius: 5px; } .parcours__entete--primaire:after { background-color: #C10230; } .parcours__entete--secondaire:after { background-color: #FFCD00; } .parcours__entete--tertiaire:after { background-color: #2D9ADE; } .parcours__etapes { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem; } .parcours__etapes > * { margin: 0; padding: 0; } .parcours__etapes .parcours__etape--droite { margin-inline-end: 10%; } .parcours__etapes .parcours__etape--gauche { margin-inline-start: 10%; } @media screen and (min-width: 48.0625em) { .parcours__etapes { grid-template-columns: 1fr 1fr; column-gap: 3rem; position: relative; } .parcours__etapes .parcours__etape--droite, .parcours__etapes .parcours__etape--gauche { margin-inline: 0; } .parcours__etapes:before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 18px; background-color: #F3F6F9; } .parcours__etapes .parcours__etape { grid-row: var(--rang); grid-column: 1; } .parcours__etapes .parcours__etape--droite { grid-column: 2; } } .parcours__etape { background-color: #F3F6F9; padding: 1.5rem; display: grid; grid-template-columns: auto 1fr; column-gap: 1.25rem; align-items: start; border-radius: 0.5rem; } .parcours__media { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; } .parcours__num { flex-shrink: 0; width: 2.75rem; height: 2.75rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1em; line-height: 1; } @media screen and (min-width: 36.25em) { .parcours__num { font-size: calc(0.6375em + 1vw); } } @media screen and (min-width: 61.25em) { .parcours__num { font-size: 1.25em; } } .parcours__etape--primaire .parcours__num { background-color: #C10230; } .parcours__etape--secondaire .parcours__num { background-color: #FFCD00; } .parcours__etape--tertiaire .parcours__num { background-color: #2D9ADE; } .parcours__etape--primaire .parcours__num { color: white; } .parcours__icone { display: block; line-height: 0; } .parcours__titre { margin: 0 0 0.75rem; font-size: 1em; line-height: 1.3; } @media screen and (min-width: 36.25em) { .parcours__titre { font-size: calc(1em + 0vw); } } @media screen and (min-width: 61.25em) { .parcours__titre { font-size: 1em; } } .parcours__titre:after { display: none; } .parcours__colonne { display: block; font-weight: normal; color: #5C7482; font-size: 0.8125em; margin-bottom: 0.25rem; } @media screen and (min-width: 48.0625em) { .parcours__colonne { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .parcours__colonne .focusable:active, .parcours__colonne .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } } .parcours__intitule { display: block; } .parcours__texte { margin-top: 0; margin-bottom: 0.75rem; color: #5C7482; font-size: 0.875em; line-height: 1.6; } .parcours__texte:last-child { margin-bottom: 0; } .parcours__lien { margin: 0; font-size: 0.875em; } .parcours__lien a { position: relative; padding-left: 2em; display: inline-block; font-weight: bold; } .parcours__lien a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; left: 0.5em; top: 55%; transform: translateY(-50%); width: 15px; height: 12px; } .parcours__lien a:focus:after, .parcours__lien a:hover:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23a8022a' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } html, body { margin: 0; padding: 0; height: 100%; background: white; } .page_container { width: 100%; max-width: 66.125em; margin-left: auto; margin-right: auto; } .page_fullwidth { width: 100%; /* fallback for browsers that don't understand vw or calc */ width: calc(100vw - 14px); /* -15 because vw is calculated without the scrollbar being considered & 15px is width of scrollbars */ position: relative; /* use this if the parent div isn't flush left */ right: calc((100vw - 14px - 100%) / 2); } .page_wrapper { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; } body.isIE .page_wrapper { display: block; } .page_main { flex-grow: 1; min-height: 500px; } .page_recherche-elastic .page_main { min-height: 650px; } .body--no-header .nav_main_menu { display: none; /* // pour que la nav reste accessible aux assistants display: block; @include visuallyhidden; */ } .body--no-header .nav_burger { display: none; } .body--no-header .page_nav__container { display: block; height: 0; } .body--no-header .page_breadcrumb { z-index: 20; } .page_nav__container { position: relative; z-index: 3; display: flex; justify-content: space-between; align-items: center; max-width: 66.125em; padding-left: 1em; padding-right: 1em; } .page_nav__container .nav_logo { max-width: 50%; } .nav_logo { position: relative; z-index: 10; flex-shrink: 0; } .nav_logo__content { display: block; } @media screen and (min-width: 48.0625em) { .nav_main { width: 100%; left: auto; top: auto; height: 4em; margin-left: 0.5em; margin-right: 0.5em; background: transparent; display: flex; justify-content: flex-start; } } @media screen and (min-width: 77.5625em) { .nav_main { margin-left: 1.5em; margin-right: 1.5em; } } .nav_main_menu { display: none; padding-top: 2em; padding-bottom: 2em; } @media screen and (min-width: 48.0625em) { .nav_main_menu { display: flex; justify-content: space-between; align-items: center; width: 100%; padding-top: 0; padding-bottom: 0; } } .nav_main_menu--open { display: block; position: absolute; width: 100%; left: 0; top: 100%; height: auto; background-color: white; } @media screen and (min-width: 48.0625em) { .nav_menu { display: flex; align-items: center; justify-content: center; } } .nav_menu--narrow { position: relative; } .nav_menu__header { margin: 1em 0; } @media screen and (min-width: 48.0625em) { .nav_menu__header { margin: 0; height: 4em; } } .nav_burger__button, .nav_search__button, .nav_contact__button, .nav_menu__button { display: flex; align-items: center; justify-content: center; align-items: flex-start; color: #111111; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; transition: 0.3s ease-out; border-radius: 5px; padding: 0.5em 1em; } @media screen and (min-width: 61.3125em) { .nav_burger__button, .nav_search__button, .nav_contact__button, .nav_menu__button { align-items: center; } } .nav_burger__button:hover, .nav_burger__button:focus, .nav_search__button:hover, .nav_search__button:focus, .nav_contact__button:hover, .nav_contact__button:focus, .nav_menu__button:hover, .nav_menu__button:focus { color: #a8022a; } .nav_burger__button:before, .nav_burger__button:after, .nav_search__button:before, .nav_search__button:after, .nav_contact__button:before, .nav_contact__button:after, .nav_menu__button:before, .nav_menu__button:after { content: none; } .nav_burger__button:hover, .nav_burger__button:focus, .nav_search__button:hover, .nav_search__button:focus, .nav_contact__button:hover, .nav_contact__button:focus, .nav_menu__button:hover, .nav_menu__button:focus { background-color: transparent; } .nav_burger__button:hover, .nav_burger__button:focus, .nav_search__button:hover, .nav_search__button:focus, .nav_contact__button:hover, .nav_contact__button:focus, .nav_menu__button:hover, .nav_menu__button:focus { text-decoration: none; } .nav_burger { display: flex; } @media screen and (min-width: 48.0625em) { .nav_burger { display: none; } } .nav_burger__button { position: relative; } .nav_burger__button svg { margin-right: 0.5em; } .nav_burger__button svg * { transition: all 0.3s; stroke: #111111; } .nav_burger__button:hover svg *, .nav_burger__button:focus svg * { stroke: #a8022a; } .nav_search, .nav_contact { margin-left: 1em; } .nav_search svg, .nav_contact svg { margin-right: 0.5em; max-width: none; height: 0.9375em; } .nav_search svg *, .nav_contact svg * { transition: all 0.3s; fill: white; } @media screen and (min-width: 48.0625em) { .nav_search, .nav_contact { margin-left: 0.5em; } .nav_search span, .nav_contact span { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .nav_search span .focusable:active, .nav_search span .focusable:focus, .nav_contact span .focusable:active, .nav_contact span .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .nav_search svg, .nav_contact svg { margin-right: 0; } .nav_search svg *, .nav_contact svg * { fill: #111111; } .nav_search:hover svg *, .nav_search:focus svg *, .nav_contact:hover svg *, .nav_contact:focus svg * { fill: #a8022a; } } @media screen and (min-width: 53.8125em) { .nav_search, .nav_contact { margin-left: 1em; } } @media screen and (min-width: 77.5625em) { .nav_search span, .nav_contact span { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .nav_search svg, .nav_contact svg { margin-right: 0.5em; } } .nav_menu__button { border-radius: 0; height: 100%; padding-left: 1em; padding-right: 1em; transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; } @media screen and (min-width: 61.3125em) { .nav_menu__button { padding-left: 1.5em; padding-right: 1.5em; } } .nav_menu__button:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: -4px; border-radius: 0.25rem; outline-style: solid; outline-color: currentColor; text-decoration: none; text-decoration-color: transparent; } @supports not selector(:focus-visible) { .nav_menu__button:focus { transition: 0.15s ease-out; outline-width: 2px; outline-offset: -4px; border-radius: 0.25rem; outline-style: solid; outline-color: currentColor; text-decoration: none; text-decoration-color: transparent; } } @media screen and (min-width: 48.0625em) { .nav_menu__button--current { color: #C10230; } .nav_menu__button--current:hover, .nav_menu__button--current:focus { color: #a8022a; } } .nav_burger__button { display: flex; align-items: center; text-transform: uppercase; } .nav_burger__button > * { flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .nav_menu__content { display: none; } .nav_menu__niveau1 { list-style: none; margin: 0; padding: 0; width: 100%; } .nav_menu__niveau1 > * { margin: 0; padding: 0; } @media screen and (min-width: 48.0625em) { .nav_menu__content { position: absolute; top: 4em; z-index: 6; margin-left: 0; padding: 0.5em 3.75em 3em 3.75em; } } .nav_menu__content--open { display: block; } @media screen and (min-width: 48.0625em) { .nav_menu__content--open { display: flex; justify-content: space-between; align-items: flex-start; margin-left: 0; } } .nav_menu__niveau1_lien { margin-top: 2.5em; flex-shrink: 0; } .nav_menu__niveau1_lien img { border-radius: 6px; } .nav_menu__lien_niveau1 { margin-bottom: 1em; } .nav_menu__lien_niveau2 { font-size: 0.875em; padding: 0.5em 0; } .nav_menu__niveau2 { list-style: none; margin: 0; padding: 0; padding-right: 2em; } .nav_menu__niveau2 > * { margin: 0; padding: 0; } .nav_menu__niveau2 li { margin: 0.75em 0; } @media screen and (min-width: 48.0625em) { .nav_menu--narrow .nav_menu__niveau1 { display: block; } } .nav_menu--narrow .nav_menu__rubrique_content { margin-top: 1em; margin-bottom: 1em; } @media screen and (min-width: 48.0625em) { .nav_menu--narrow .nav_menu__content { padding: 0 1em; } } .page_header { background-color: #C10230; } .page_header__container { position: relative; max-width: 66.125em; } .header_banner { position: relative; height: 50vw; margin-bottom: 1em; background-color: #C10230; } @media screen and (min-width: 48.0625em) { .header_banner { margin-bottom: 0; height: 18.75em; } } .header_banner img { object-fit: cover; width: 100%; height: 100%; } .header_banner--big { height: 50vw; } @media screen and (min-width: 48.0625em) { .header_banner--big { height: 33.75em; } } .header_banner--no_overlay { background-image: url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/header_banner.png?1771455179'); background-repeat: no-repeat; background-position: top center; background-size: cover; } @media screen and (max-width: 48em) { .header_banner--no_overlay { height: 25vw; } } .header_banner--has_overlay:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 8.125em; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; opacity: 0.5; } @media screen and (min-width: 48.0625em) { .header_banner--has_overlay:before { opacity: 1; } } .page_breadcrumb { position: relative; z-index: 2; } .breadcrumb { display: none; position: absolute; top: 1.5em; left: 1.5em; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; margin: 0; color: white; } @media screen and (min-width: 48.0625em) { .breadcrumb { display: flex; top: 0.5em; left: 1.5em; } } .breadcrumb > * { margin: 0; padding: 0; } .breadcrumb a { color: white; } .breadcrumb a:hover, .breadcrumb a:focus { color: #D9DDE6; text-decoration: underline; } .breadcrumb a, .breadcrumb [aria-current] { display: inline-block; padding-block: 0.25em; } .breadcrumb__item { font-size: 0.8125em; } @media screen and (min-width: 53.8125em) { .breadcrumb__item { font-size: 0.9375em; } } .breadcrumb__item:not(:last-child):after { content: ""; margin: 0 0.75em 0.05em 0.75em; border: solid #FFCD00; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .breadcrumb__item:last-child { font-weight: bold; } .page_main { position: relative; z-index: 1; padding: 2em 1em 4em 1em; } @media screen and (min-width: 48.0625em) { .page_main__container { display: flex; justify-content: space-between; } } .page_content { width: 100%; max-width: none; position: relative; flex-grow: 1; z-index: 3; background: white; --padding-inline: 0; padding-inline: var(--padding-inline); } .page_content.page_content--une-colonne { width: 100%; max-width: none; } @media screen and (min-width: 48.0625em) { .page_content.page_content--une-colonne { --padding-inline: 2em; } } @media screen and (min-width: 61.3125em) { .page_content.page_content--une-colonne { --padding-inline: 5.625em; } } .body--large .page_content { --padding-inline: 0; } .page_aside { flex-shrink: 0; } @media screen and (min-width: 48.0625em) { .page_aside { width: 15.5em; margin-right: 1.375em; } } h1.article__titre { font-size: 1.875em; line-height: 1.2; } @media screen and (max-width: 36.25em) { h1.article__titre { overflow: auto; } } @media screen and (min-width: 36.25em) { h1.article__titre { font-size: calc(0.60625em + 3.5vw); } } @media screen and (min-width: 61.25em) { h1.article__titre { font-size: 2.75em; } } .article__titre--underline { position: relative; padding-top: 0; } .article__titre--underline:before { content: ""; position: absolute; z-index: -1; left: 0; right: 66%; height: 0.25em; top: calc(1em - 0.125em); background-color: #FFCD00; } .article__soustitre { font-size: 1.15em; font-weight: 900; margin-top: -1.5em; margin-bottom: 2em; color: #C10230; display: flex; flex-wrap: wrap; column-gap: 0.5em; } .article__texte .crayon-icones + h2 { margin-top: 0; } .article__lien_retour { display: block; position: relative; font-size: 0.9375em; font-weight: bold; padding-left: 1.75em; } .article__lien_retour:after { content: ""; position: absolute; left: 0; top: 55%; transform: translateY(-50%); width: 15px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill=\"%23a8022a\" d=\"M5.5,9.6C5,9.6,4.6,9.3,4.6,8.8V2.7l0,0L1.5,5.6c-0.3,0.3-0.9,0.3-1.2,0c-0.3-0.3-0.3-0.8,0-1.1 c0,0,0,0,0,0l4.5-4.2c0.4-0.4,1-0.4,1.4,0l4.5,4.2c0.3,0.3,0.3,0.8,0,1.1c0,0,0,0,0,0c-0.3,0.3-0.9,0.3-1.2,0L6.3,2.7l0,0v6.1 C6.3,9.3,5.9,9.6,5.5,9.6z\"/%3E%3Ccircle fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23a8022a\" cx=\"5.5\" cy=\"12.9\" r=\"1\"/%3E%3Ccircle fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23a8022a\" cx=\"9.5\" cy=\"12.9\" r=\"1\"/%3E%3Ccircle fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23a8022a\" cx=\"13.5\" cy=\"12.9\" r=\"1\"/%3E%3C/svg%3E") center no-repeat; background-size: cover; } .article__infos { margin: -1em 0 1em 0; display: flex; justify-content: space-between; align-items: flex-start; } .article__date { font-size: 0.875em; color: #5C7482; margin-bottom: 0.25em; } .article__date--footer { margin-top: 4em; padding-top: 1em; border-top: 1px solid #D9DDE6; } .article__temps_lecture { position: relative; font-size: 0.875em; color: #5C7482; padding-left: 1.5em; } .article__temps_lecture:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 17 17\"%3E%3Cpath d=\"m8.5 0c-4.7 0-8.5 3.8-8.5 8.5s3.8 8.5 8.5 8.5 8.5-3.8 8.5-8.5-3.8-8.5-8.5-8.5zm3.2 11.8c-.4.4-1 .4-1.4 0l-2.4-2.5c-.1-.1-.2-.2-.3-.4 0-.1 0-.2-.1-.4v-3.5c0-.6.4-1 1-1s1 .4 1 1v3.1l2.2 2.2c.4.5.4 1.1 0 1.5z\" fill=\"%235c7482\"/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .article__share { display: flex; justify-content: space-between; align-items: center; margin-left: auto; } .article__share_link { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; display: flex; align-items: center; justify-content: center; line-height: 1; width: 2em; height: 2em; border-radius: 50%; } .article__share_link:before, .article__share_link:after { content: none; } .article__share_link:hover, .article__share_link:focus { background-color: transparent; } .article__share_link svg { max-height: 1.125em; } .article__share_link svg * { fill: #5C7482; } .article__share_link:hover, .article__share_link:focus { background-color: #D9DDE6 !important; text-decoration: none; color: #C10230; } .article__chapo { margin-top: 0; margin-bottom: 1.5em; font-weight: normal; } .article__chapo:last-child { margin-bottom: 0; } .article__logo { margin-bottom: 2em; } @media screen and (min-width: 36.3125em) { .article__logo { float: right; max-width: 50%; margin-left: 1em; } } .article__notes { margin-top: 2em; } .article__notes > * { margin-bottom: 0.75rem; } .article__carte { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .article__carte { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .article__carte { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .article__carte > :last-child { margin-bottom: 0; } a.sommaire-back { display: none; } .liens_precedent_suivant { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; justify-content: space-between; } @media screen and (min-width: 36.3125em) { .liens_precedent_suivant { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .liens_precedent_suivant { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .liens_precedent_suivant > :last-child { margin-bottom: 0; } a.liens_precedent_suivant--precedent { font-weight: 500; position: relative; padding-left: 2em; text-underline-offset: 0.3em; text-decoration: none; } a.liens_precedent_suivant--precedent:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; left: 0.5em; top: 55%; transform: translateY(-50%); width: 15px; height: 12px; } a.liens_precedent_suivant--precedent:focus:after, a.liens_precedent_suivant--precedent:hover:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23a8022a' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } @supports (text-decoration-color: transparent) { a.liens_precedent_suivant--precedent { text-decoration: underline; text-decoration-color: transparent; } } a.liens_precedent_suivant--precedent:hover, a.liens_precedent_suivant--precedent:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { a.liens_precedent_suivant--precedent:hover, a.liens_precedent_suivant--precedent:focus { text-decoration-color: currentColor; } } a.liens_precedent_suivant--precedent:after { transform: translateY(-50%) rotate(180deg); } a.liens_precedent_suivant--suivant { font-weight: 500; position: relative; padding-right: 2em; text-underline-offset: 0.3em; text-decoration: none; } a.liens_precedent_suivant--suivant:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; right: 0.5em; top: 55%; transform: translateY(-50%); width: 15px; height: 12px; } a.liens_precedent_suivant--suivant:focus:after, a.liens_precedent_suivant--suivant:hover:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23a8022a' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } @supports (text-decoration-color: transparent) { a.liens_precedent_suivant--suivant { text-decoration: underline; text-decoration-color: transparent; } } a.liens_precedent_suivant--suivant:hover, a.liens_precedent_suivant--suivant:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { a.liens_precedent_suivant--suivant:hover, a.liens_precedent_suivant--suivant:focus { text-decoration-color: currentColor; } } /* -------------------------------- cartes GIS ---------------------------------- */ .carte_gis { margin-top: 0; margin-bottom: 1.5em; } .carte_gis:last-child { margin-bottom: 0; } .leaflet-container { font: inherit; } .leaflet-container a.button { color: white; } .leaflet-popup-content { line-height: 1.45; font-size: 0.9em; } .leaflet-popup-content p { margin: 0.5em 0; } .aside-nav__title { padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #D9DDE6; } .aside-nav__title a { position: relative; display: block; font-weight: bold; } .aside-nav__nav { list-style: none; margin-left: 0; } .aside-nav__nav ul { list-style: none; margin-left: 1.5em; } .aside-nav__nav a { display: block; font-weight: bold; line-height: 1.3; margin: 1.5em 0; } .aside-nav__nav a:not(.courant) { color: #111111; } .aside-nav__nav a:not(.courant):hover, .aside-nav__nav a:not(.courant):focus { color: #a8022a; } .aside-nav__nav a.courant { position: relative; font-weight: bold; padding-left: 0.75em; line-height: 1.2; } .aside-nav__nav a.courant:before { content: " "; position: absolute; background: url('data:image/svg+xml,%3Csvg enable-background="new 0 0 3 11" viewBox="0 0 3 11" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.5 1.5v8" fill="none" stroke="%23FFCD00" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"/%3E%3C/svg%3E'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 0.1875em; height: 0.6875em; left: 0; bottom: 0.2em; } .page_footer { z-index: 1001; background-color: #202228; } .page_footer, .page_footer h2, .page_footer a { color: white; } .page_footer__container { max-width: 76.25em; } @media screen and (min-width: 36.3125em) { .page_footer__container { display: flex; justify-content: space-between; align-items: center; } } .footer_infos, .footer_links { padding-left: 1em; padding-right: 1em; } @media screen and (min-width: 76.3125em) { .footer_infos, .footer_links { padding-left: 0; padding-right: 0; } } .footer_infos { padding-top: 2em; padding-bottom: 2em; } .footer_infos__content { list-style: none; margin: 0; padding: 0; } .footer_infos__content > * { margin: 0; padding: 0; } @media screen and (min-width: 36.3125em) { .footer_infos__content { display: flex; width: 100%; justify-content: space-between; } } .footer_links { background-color: #373a44; } .footer_infos__column { margin-bottom: 4em; } .footer_infos__column > :last-child { margin-bottom: 0; } .footer_infos__column > div > :last-child { margin-bottom: 0; } @media screen and (min-width: 36.3125em) { .footer_infos__column { width: 50%; margin-bottom: 0; margin-left: 1.5em; margin-right: 1.5em; } } @media screen and (min-width: 48.0625em) { .footer_infos__column { width: 25%; } } body.isIE .footer_infos__content { display: table; margin: 0; } body.isIE .footer_infos__column { display: table-cell; margin: 0; padding: 0 1em; } .footer_infos__column--flex { display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; } .footer_infos__column--contact .texte-jaune { font-weight: bold; } .footer_infos__column--contact a { display: block; max-width: 15.625rem; position: relative; padding-left: 2em; border: 2px solid white; border-radius: 4px; padding: 1em 1em 1em 2.5em; margin-top: 1em; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; color: white; } .footer_infos__column--contact a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; left: 0.5em; top: 55%; transform: translateY(-50%); width: 15px; height: 12px; } .footer_infos__column--contact a:focus:after, .footer_infos__column--contact a:hover:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23a8022a' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .footer_infos__column--contact ul { list-style: none; margin: 0; padding: 0; } .footer_infos__column--contact ul > * { margin: 0; padding: 0; } .footer_infos__logo { display: none; } @media screen and (min-width: 36.3125em) { .footer_infos__logo { display: inline-block; background: #C10230; border-radius: 4px; margin-top: 1.5em; } .footer_infos__logo svg { max-width: 8.75em; max-height: 3.4375em; } } .footer_infos__social { list-style: none; margin: 0; padding: 0; display: flex; margin-left: -0.5em; } .footer_infos__social > * { margin: 0; padding: 0; } .footer_infos__social > * { display: inline-block; } .footer_infos__social a { display: inline-block; padding: 0.5em; margin-right: 0.25em; margin-top: 1.5em; line-height: 1; } @media screen and (min-width: 36.3125em) { .footer_infos__social a { margin-top: 0; } } .footer_infos__social a svg * { fill: white; transition: fill 0.3s; } .footer_infos__social a:hover, .footer_infos__social a:focus { text-decoration: none; } .footer_infos__social a:hover svg *, .footer_infos__social a:focus svg * { fill: #FFCD00; } .footer_links { padding-top: 1em; padding-bottom: 1em; min-height: 4.375em; } .footer_links__content { display: block; } @media screen and (min-width: 36.3125em) { .footer_links__content { display: flex; justify-content: space-between; align-items: center; flex-direction: row; -webkit-flex-direction: row; width: 100%; } } .footer_links__content .menu-liste { column-count: 2; column-gap: 2em; list-style: none; margin: 0; padding: 0; } .footer_links__content .menu-liste > * { margin: 0; padding: 0; } @media screen and (min-width: 36.3125em) { .footer_links__content .menu-liste { column-count: 1; display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: center; } } .footer_links__content .menu-entree button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; } .footer_links__content .menu-entree button:before, .footer_links__content .menu-entree button:after { content: none; } .footer_links__content .menu-entree button:hover, .footer_links__content .menu-entree button:focus { background-color: transparent; } .footer_links__content .menu-entree a, .footer_links__content .menu-entree button { display: inline-block; padding: 0.5em 0; } .footer_links__content .menu-entree a:hover, .footer_links__content .menu-entree button:hover { text-decoration: underline; } @media screen and (min-width: 36.3125em) { .footer_links__content .menu-entree { font-size: 0.9375em; padding: 0.15em; } .footer_links__content .menu-entree:first-child { padding-left: 0; } .footer_links__content .menu-entree:last-child { padding-right: 0; } } .footer_links__main { margin-left: auto; } .footer_links__main a { display: flex; align-items: center; } @media screen and (max-width: 36.25em) { .footer_links__main a { margin-top: 1.5rem; margin-bottom: 1.5rem; width: 100%; justify-content: center; } } .footer_links__main a span { display: inline-block; margin-left: 1.5em; padding: 0.25em; background: #C10230; border-radius: 0.25rem; } .agenda-infos-pratiques__categorie { display: flex; justify-content: start; align-items: center; } .agenda-infos-pratiques__categorie img { margin-right: 0.8em; } .icone-svg--facebook circle { fill: #3B5998; } .icone-svg--facebook:hover circle { fill: #2B3B6A; } .icone-svg--twitter circle { fill: #55ACEE; } .icone-svg--twitter:hover circle { fill: #507EBB; } .icone-svg--youtube circle { fill: #C4302B; } .icone-svg--youtube:hover circle { fill: #962A2A; } .icone-svg--instagram circle { fill: #3F729B; } .icone-svg--instagram:hover circle { fill: #31516E; } @media screen and (min-width: 48.0625em) { .plan_site { display: flex; flex-wrap: wrap; gap: 4em; } } .plan_site a { color: #111111; text-underline-offset: 0.3em; text-decoration: none; } .plan_site a:hover, .plan_site a:focus { color: #a8022a; text-decoration: underline; } @supports (text-decoration-color: transparent) { .plan_site a { text-decoration: underline; text-decoration-color: transparent; } } .plan_site a:hover, .plan_site a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .plan_site a:hover, .plan_site a:focus { text-decoration-color: currentColor; } } .plan_site__secteur { padding-bottom: 2.5em; margin-bottom: 2.5em; border-bottom: 1px solid #E8EEF4; } @media screen and (min-width: 48.0625em) { .plan_site__secteur { width: calc(50% - 2em); flex-shrink: 0; } } .plan_site__secteur_titre { font-size: 1.25em; margin-bottom: 1.5em; position: relative; font-weight: bold; padding-left: 0.75em; line-height: 1.2; } .plan_site__secteur_titre:before { content: " "; position: absolute; background: url('data:image/svg+xml,%3Csvg enable-background="new 0 0 3 11" viewBox="0 0 3 11" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.5 1.5v8" fill="none" stroke="%23FFCD00" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"/%3E%3C/svg%3E'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 0.1875em; height: 0.6875em; left: 0; bottom: 0.2em; } .plan_site__secteur_racine, .plan_site__secteur_rubriques { list-style: none; margin: 0; padding: 0; } .plan_site__secteur_racine > *, .plan_site__secteur_rubriques > * { margin: 0; padding: 0; } .plan_site__secteur_racine { margin-left: 1em; } .plan_site__secteur_racine > li { margin-bottom: 2em; } .plan_site__secteur_racine > li:last-child { margin-bottom: 0; } .plan_site__secteur_racine > li > a { font-weight: bold; } .info_primary { color: #C10230; } /*---------------------------------------------------------- Styles génériques utilisés sur le site public uniquement ------------------------------------------------------------*/ .menu_social { display: flex; align-items: center; margin: 0; list-style: none; } .menu_social svg { max-height: 1.0625em; width: auto; } .menu_social__item { line-height: 1; padding: 0; } .menu_social__item a { padding: 0.5em; } table.spip { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; border: none; background: none; border-collapse: collapse; line-height: inherit; clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { table.spip { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { table.spip { margin-top: 1.5rem; margin-bottom: 1.5rem; } } table.spip > :last-child { margin-bottom: 0; } table.spip caption, table.spip caption * { caption-side: top; margin-right: auto; margin-left: auto; padding-bottom: 0.75rem; text-align: center; line-height: 1.1; font-style: normal; font-weight: 700; } table.spip th { border: none; border-top: 1px solid #D7D7D7; background: #F6F6F6; padding: 0.5rem; line-height: 1.1; font-weight: 500; } table.spip thead th { border-top: none; border-bottom: 2px solid #353535; } table.spip th, table.spip td { vertical-align: top; text-align: left; } table.spip td { border: none; border-top: 1px solid #D7D7D7; padding: 0.5rem; } table.spip tr:last-child { border-bottom: 1px solid #D7D7D7; } table.spip th.numeric, table.spip td.numeric { text-align: right; } table.spip td.secondaire { font-size: 0.875em; } table.spip tbody tr:nth-child(odd) { background: white; } table.spip tbody tr:not(even) { background: #F9F9F9; } table.spip p, table.spip ol, table.spip ul { margin-bottom: 1rem; } .oe-play-button button { min-width: auto; } .alerte_info_generale { position: relative; z-index: 100; min-height: 2.5em; display: flex; justify-content: center; background: #FFD702; line-height: 1; } .alerte_info_generale > * { display: flex; align-items: center; justify-content: center; } .alerte_info_generale__lien { margin-right: 1em; } .alerte_info_generale__lien a { color: #111111; } .alerte_info_generale__close button { padding: 0; margin: 0; border: none; background: none; cursor: pointer; color: #111111; } .skip-link { position: fixed; z-index: 300; left: 0.5em; opacity: 0; top: 0.5em; padding: 0.75em; color: #FFF; background: #202228; border: 3px solid white; transform: translateY(-10em); transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .skip-link:hover { color: #FFF; background: #5C7482; } .skip-link:focus, .skip-link:focus-visible { opacity: 1; transform: translateY(0em); color: #FFF; border-color: #FFF; outline-color: #FFF; outline-offset: -2px; } .back-to-top, .button--sommaire { display: none; } @media screen and (min-width: 61.3125em) { .back-to-top, .button.button--sommaire { display: block; position: fixed; right: 20px; width: 5.625em; max-width: 5.625em; z-index: 99999; outline: none; visibility: hidden; pointer-events: none; opacity: 0; transition: none; font-size: 0.8125em; text-align: center; text-decoration: none; line-height: 1.2; } .back-to-top, .back-to-top span, .button.button--sommaire, .button.button--sommaire span { color: #5C7482; } .back-to-top:hover, .back-to-top:focus, .button.button--sommaire:hover, .button.button--sommaire:focus { background-color: transparent; } .back-to-top:hover, .back-to-top:hover span, .back-to-top:focus, .back-to-top:focus span, .button.button--sommaire:hover, .button.button--sommaire:hover span, .button.button--sommaire:focus, .button.button--sommaire:focus span { color: #a8022a; } .back-to-top:focus-visible, .button.button--sommaire:focus-visible { transition: 0.15s ease-out; outline-width: 2px; outline-offset: 4px; border-radius: 0.25rem; outline-style: solid; outline-color: currentColor; text-decoration: none; text-decoration-color: transparent; } .back-to-top:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -45px; border-radius: 6px; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16'%3E%3Cg transform='matrix(0 -1 -1 0 12.5 15.5)' fill='white' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; background-size: auto; background-color: #5C7482; } .back-to-top:hover, .back-to-top:focus { background-color: white; text-decoration: none; } .back-to-top:hover:before, .back-to-top:focus:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16'%3E%3Cg transform='matrix(0 -1 -1 0 12.5 15.5)' fill='%23FFFFFF' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; background-size: auto; background-color: #a8022a; } .button.button--sommaire span { display: block; margin-bottom: 0.75em; } .button.button--sommaire:hover svg rect, .button.button--sommaire:focus svg rect { fill: #a8022a; } .back-to-top--visible, .button.button--sommaire-visible { visibility: visible; pointer-events: all; opacity: 1; } } .svg-sommaire1 { fill: #FFCD00; } .svg-sommaire2 { fill: #5C7482; } .svg-backtop1 { fill: white; } .fil_twitter { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .fil_twitter { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .fil_twitter { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .fil_twitter > :last-child { margin-bottom: 0; } .fil_twitter__tweet { margin-bottom: 1.5em; } .fil_twitter__rt { color: #555; font-size: 90%; margin-bottom: 0.25em; } .fil_twitter__user { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.5em; } .fil_twitter__date { display: block; } .fil_twitter__user_logo { flex-shrink: 0; margin-right: 0.75em; } .fil_twitter__user_logo img { border-radius: 50%; } .fil_twitter__user_name { font-weight: bold; } .fil_twitter__text a { position: relative; } span.li-like { display: block; position: relative; padding-left: 0.75em; } span.li-like:before { content: "• "; position: absolute; left: 0; font-weight: bold; } .reading-progress-bar { position: fixed; z-index: 1000; bottom: 0; width: 0; height: 5px; background-color: #FFCD00; } .formexport { margin: 1.5em 0; border: 1px solid #CCC; padding: 0.5rem; } .formexport h2 { font-size: 1em; margin: 0 0 0.5rem 0; } .formexport p { margin: 0; } .formexport__form { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; } .formexport__boutons { display: flex; flex-direction: column; gap: 1rem; } .formulaires_reponse__infos { width: 100%; padding: 0.75rem 1.5rem; color: #111111; border-radius: 0.5rem; background-color: #F3F6F9; clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; clear: both; z-index: 1; } @media screen and (min-width: 36.3125em) { .formulaires_reponse__infos { padding: 1rem 2rem; } } @media screen and (min-width: 36.3125em) { .formulaires_reponse__infos { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .formulaires_reponse__infos { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .formulaires_reponse__infos > :last-child { margin-bottom: 0; } .formulaires_reponse__infos > :first-child { margin-top: 0; } .formulaires_reponse__infos > :last-child { margin-bottom: 0; } .formulaires_reponse__infos .champ.afficher { margin-bottom: 0.75em; } .formulaires_reponse__infos .contenu_statut img { display: inline-block; margin: 0 0.25em; vertical-align: baseline; } .onglets_simple { margin: 1.5rem 0; } .onglets_simple ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 0.25rem; border-bottom: 2px solid #D9DDE6; } .onglets_simple ul > * { margin: 0; padding: 0; } .onglets_simple ul .on, .onglets_simple ul a { display: block; padding: 0.5rem 1.5rem; text-decoration: none; color: #111111; } .onglets_simple ul .on:hover, .onglets_simple ul .on:focus, .onglets_simple ul a:hover, .onglets_simple ul a:focus { color: #a8022a; text-decoration: underline; } .onglets_simple ul .on:hover, .onglets_simple ul a:hover { transition: none; text-decoration: none; background-color: #fff6f8; border-bottom: 2px solid #fe91ab; } .onglets_simple ul .on { color: #C10230; border-bottom: 2px solid #C10230; } .tablesorter-spip .move-arrows a { color: #989898; } .page_content a.item-tri { display: inline-flex; align-items: center; color: inherit; text-decoration: none; } .page_content a.item-tri:hover { text-decoration: none; } .page_content .item-tri:after { content: ""; display: inline-block; width: 0.85em; height: 0.85em; margin-inline-start: 0.33em; background-color: currentColor !important; mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-image: url("/prive/themes/spip/images/tri-sens-off-xx.svg"); opacity: 0.5; } .page_content .item-tri_actif:after, .page_content .item-tri:hover:after, .page_content .item-tri:focus:after { opacity: 0.8; } .page_content .item-tri_actif.item-tri_asc:after, .page_content .item-tri_asc:not(.item-tri_actif):hover:after, .page_content .item-tri_asc:not(.item-tri_actif):focus:after { mask-image: url("/prive/themes/spip/images/tri-sens-asc-xx.svg"); } .page_content .item-tri_actif.item-tri_desc:after, .page_content .item-tri_desc:not(.item-tri_actif):hover:after, .page_content .item-tri_desc:not(.item-tri_actif):focus:after { mask-image: url("/prive/themes/spip/images/tri-sens-desc-xx.svg"); } .crayon-statuts.crayon-statuts { width: unset !important; } .crayon-statuts.crayon-statuts .custom-label--label { display: flex; gap: 0.75rem; align-items: center; } .icone.horizontale a { display: flex; align-items: center; justify-items: flex-start; gap: 0.25rem; line-height: 1.2; } .crayon-boutons { bottom: -0.75em !important; } .crayon-boutons .crayon-submit, .crayon-boutons .crayon-cancel { min-width: 2.5rem; min-height: 2.5rem; } td.crayon-init { position: relative; } td.crayon-init .crayon-icones { position: absolute; left: unset; right: 0; height: 24px; top: 50%; transform: translateY(-50%); } .masonry { --minmax-columns: 200px; --grid-gap: 1rem; display: grid; grid-gap: var(--grid-gap); grid-template-columns: repeat(auto-fill, minmax(var(--minmax-columns), 1fr)); grid-auto-rows: 0; } .masonry .masonry-item { justify-self: center; } .formulaire_spip button.hideShowPassword-toggle { inline-size: unset; min-width: unset; min-height: unset; width: 46px; --button-bg-color: transparent; --button-bg-color-hover:transparent; } /*------------------------------------------------------------------------------------- Styles génériques utilisés sur le site et appliqués également dans l'espace privé -------------------------------------------------------------------------------------*/ h1:has(.titre_surligne), h2:has(.titre_surligne), h3:has(.titre_surligne) { position: relative; z-index: 2; } h1:has(.titre_surligne) .cadre-icone, h2:has(.titre_surligne) .cadre-icone, h3:has(.titre_surligne) .cadre-icone { top: -32px; left: -10px; } h1 .titre_surligne, h2 .titre_surligne, h3 .titre_surligne { position: relative; font-style: normal; } h1 .titre_surligne:before, h2 .titre_surligne:before, h3 .titre_surligne:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; height: 0.25em; bottom: 0.125em; background-color: #FFCD00; } .titre_exclame { position: relative; font-weight: 900; font-size: 1.625em; margin-top: 2.5em; margin-bottom: 2.5em; text-align: center; } @media screen and (min-width: 48.0625em) { .titre_exclame { font-size: 1.375em; } } @media screen and (min-width: 36.3125em) { .titre_exclame { margin-bottom: 2em; } } .titre_exclame:before { content: ""; position: absolute; top: -2em; left: 50%; transform: translateX(-50%); width: 7px; height: 36px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='36'%3E%3Cpath d='M3.818 3v30' stroke='%23FFCD00' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat; background-size: cover; } .titre_exclame:after { content: ""; position: absolute; bottom: -0.85em; left: 50%; transform: translateX(-50%); width: 7px; height: 7px; background-color: #FFCD00; border-radius: 50%; } @media screen and (min-width: 36.3125em) { .titre_exclame:after { bottom: -0.5em; } } .titre_exclame--blanc:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='36'%3E%3Cpath d='M3.818 3v30' stroke='white' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); } .titre_exclame--blanc:after { background-color: white; } .badge-button { position: relative; display: inline-flex; padding: 0 1em 0 2em; height: 1.25rem; line-height: 1.25rem; border-radius: 0.625rem; color: white; background: #C10230; } .badge-button:before { content: ""; position: absolute; left: 0.5em; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 145.2 145.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffd900'%3E%3Cpath d='m85.6 20.7c-2.2 0-4 1.8-4 4v95.9c0 2.2 1.8 4 4 4s4-1.8 4-4v-95.8c0-2.3-1.8-4.1-4-4.1z'/%3E%3Cpath d='m103.3 27.8c-2.2 0-4 1.8-4 4v81.9c0 2.2 1.8 4 4 4s4-1.8 4-4v-81.9c0-2.2-1.8-4-4-4z'/%3E%3Cpath d='m121 43.2c-2.2 0-4 1.8-4 4v51c0 2.2 1.8 4 4 4s4-1.8 4-4v-51c0-2.2-1.8-4-4-4z'/%3E%3Cellipse cx='138.9' cy='72.7' rx='6.3' ry='6.3'/%3E%3Cpath d='m78.4 10c.8-1 1.2-2.3 1.2-3.7 0-3.5-2.8-6.3-6.3-6.3s-6.3 2.8-6.3 6.3c0 1.6.6 3.1 1.7 4.2-5.4 6.6-12.6 10.6-15.4 12-1-2.3-3.2-3.8-5.8-3.8-3.5 0-6.3 2.8-6.3 6.3s2.8 6.3 6.3 6.3c1.4 0 2.8-.5 3.8-1.3 7 10.8 9 23.5 9.5 29.9-6.4-.6-19.1-2.5-29.9-9.5.8-1 1.2-2.3 1.2-3.7 0-3.5-2.8-6.3-6.3-6.3s-6.3 2.8-6.3 6.3c0 2.6 1.6 4.9 3.9 5.8-1.6 3.2-6.1 11.4-12.5 15.7-1.2-1.2-2.8-2-4.6-2-3.5 0-6.3 2.8-6.3 6.3-.2 3.7 2.6 6.5 6.1 6.5 1.8 0 3.5-.8 4.6-2 6.3 4.3 10.9 12.6 12.5 15.7-2.3 1-3.9 3.2-3.9 5.8 0 3.5 2.8 6.3 6.3 6.3s6.3-2.8 6.3-6.3c0-1.4-.4-2.7-1.2-3.7 10.8-7 23.5-9 29.9-9.5-.6 6.4-2.5 19.1-9.5 29.9-1.1-.8-2.4-1.3-3.8-1.3-3.5 0-6.3 2.8-6.3 6.3s2.8 6.3 6.3 6.3c2.6 0 4.8-1.6 5.8-3.8 2.8 1.4 9.9 5.4 15.4 12-1 1.1-1.7 2.6-1.7 4.2 0 3.5 2.8 6.3 6.3 6.3s6.3-2.8 6.3-6.3c0-1.4-.4-2.6-1.2-3.7-5.4-9.3-14.2-15.3-19.3-18.2 9.6-16.5 9.6-35.1 9.6-35.9v-3.8h-3.8c-.8 0-19.5-.1-35.9 9.5-2-3.8-5.8-9.7-11-14.2 5.2-4.4 8.9-10.3 11.1-14.2 16.5 9.6 35.1 9.6 35.9 9.6h3.8v-3.8c0-.8 0-19.5-9.6-35.9 5.2-3 13.9-8.9 19.4-18.3z'/%3E%3C/g%3E%3C/svg%3E") center no-repeat; } .badge-button strong { font-size: 0.75rem; } .texte-jaune, .texte-jaune * { color: #FFCD00 !important; } .bloc_popin { margin-top: 0; margin-bottom: 1.5em; padding: 1.5em; background: white; border-radius: 0.5rem; } .bloc_popin:last-child { margin-bottom: 0; } .link-action { position: relative; padding-right: 2em; color: #C10230; } .link-action:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; right: 0.5em; top: 55%; transform: translateY(-50%); width: 15px; height: 12px; } .link-action:focus:after, .link-action:hover:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23a8022a' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .link-action:hover, .link-action:focus { color: #a8022a; } .oe-play-button button { min-width: auto; } .card { transition: 0.3s ease-out; border-radius: 0.5rem; } .card > :last-child { margin-bottom: 0; } .card a { text-underline-offset: 0.3em; text-decoration: none; } @supports (text-decoration-color: transparent) { .card a { text-decoration: underline; text-decoration-color: transparent; } } .card a:hover, .card a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .card a:hover, .card a:focus { text-decoration-color: currentColor; } } .card--border { border: 1px solid #A4B0BB; } .card--white { background-color: white; } .card--shadow { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); } .card--shadow:hover { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3); } .card--bg-grey { background-color: #F3F6F9; } .card--padding { padding: 1em 1.5em; } .card--margin { margin-bottom: 1.5rem; } .card--video { position: relative; } .card--video:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 66px; height: 66px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M25.9,23.4v15c0,1.6,1.7,2.5,3,1.7l12-7.5c1.3-0.8,1.3-2.6,0-3.4 l-12-7.5C27.6,20.9,25.9,21.8,25.9,23.4z'/%3E%3Ccircle opacity='0.35' fill-rule='evenodd' clip-rule='evenodd' fill='none' stroke='%23FFFFFF' stroke-width='4' stroke-miterlimit='10' cx='31.8' cy='32' r='29.8'/%3E%3C/svg%3E") center no-repeat; } .card--bottom-tip { position: relative; } .card--bottom-tip:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .card--vertical { position: relative; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; z-index: 1; width: 100%; max-width: 25em; margin-left: auto; margin-right: auto; } .card--vertical:hover a, .card--vertical a:hover, .card--vertical a:focus { color: #C10230; } @media screen and (min-width: 36.3125em) { .card--vertical { max-width: calc(50% - 1 / 2 * 1rem); } } @media screen and (min-width: 48.0625em) { .card--vertical { max-width: calc(25% - 3 / 4 * 1rem); } } .card--vertical .card__content { border-radius: 0.5rem; background-color: white; position: relative; z-index: 2; margin-top: -0.03125rem*em/px; padding: 1em; } .card--vertical .card__content > :last-child { margin-bottom: 0; } .card--vertical .card__content p { margin-bottom: 0.75em; } .card--vertical .card__content a { display: inline-block; color: #111111; font-weight: bold; } .quick_access { position: relative; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; max-width: 320px; } @media screen and (min-width: 36.3125em) { .quick_access { max-width: 680px; } } @media screen and (min-width: 80em) { .quick_access { flex-wrap: nowrap; max-width: none; } } .quick_access__card { flex-shrink: 0; flex-grow: 0; margin-right: 10px; margin-left: 10px; margin-bottom: 1em; width: 8.75em; height: 8.75em; min-width: 8.75em; min-height: 8.75em; background: white; position: relative; } .quick_access__card:after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 39px; height: 4px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"39\" height=\"4\"%3E%3Cpath d=\"M4 4h31a4 4 0 004-4H0a4 4 0 004 4z\" fill=\"%23FFCD00\" fill-rule=\"evenodd\"/%3E%3C/svg%3E"); } .quick_access__card:hover, .quick_access__card:focus { text-decoration: none; } .quick_access__card:hover:after, .quick_access__card:focus:after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"39\" height=\"4\"%3E%3Cpath d=\"M4 4h31a4 4 0 004-4H0a4 4 0 004 4z\" fill=\"%23a8022a\" fill-rule=\"evenodd\"/%3E%3C/svg%3E"); } a.quick_access__card_link { padding-top: 10.7142857143%; padding-bottom: 10.7142857143%; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; align-items: center; height: 100%; text-underline-offset: 0.3em; text-decoration: none; color: #111111; } @supports (text-decoration-color: transparent) { a.quick_access__card_link { text-decoration: underline; text-decoration-color: transparent; } } a.quick_access__card_link:hover, a.quick_access__card_link:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { a.quick_access__card_link:hover, a.quick_access__card_link:focus { text-decoration-color: currentColor; } } a.quick_access__card_link:hover, a.quick_access__card_link:focus { text-decoration: none; color: #a8022a; } .quick_access__card_title { min-height: 1.875em; font-weight: 700; text-transform: uppercase; font-size: 0.75em; text-align: center; line-height: 1.2; max-width: 8.75em; } .quick_access__card_icone { display: flex; align-items: center; justify-content: center; height: 100%; } .quick_access__card_icone svg, .quick_access__card_icone img { width: auto; max-height: 40px; } @media screen and (min-width: 61.3125em) { .quick_access__card_icone svg, .quick_access__card_icone img { max-height: 50px; } } .bloc_info_icone { display: flex; justify-content: flex-start; align-items: center; font-size: 0.9em; font-weight: 500; } .bloc_info_icone a { text-underline-offset: 0.3em; text-decoration: none; } @supports (text-decoration-color: transparent) { .bloc_info_icone a { text-decoration: underline; text-decoration-color: transparent; } } .bloc_info_icone a:hover, .bloc_info_icone a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .bloc_info_icone a:hover, .bloc_info_icone a:focus { text-decoration-color: currentColor; } } .bloc_info_icone__icone { flex-shrink: 0; min-width: 3.875em; } .surligne { display: inline-block; background: #FFCD00; padding: 0 0.25em; } .marker-cluster-small { background-color: rgba(250, 248, 134, 0.6); } .marker-cluster-small div { background-color: rgba(248, 225, 76, 0.8); } .leaflet-touch .leaflet-bar a { text-decoration: none; } .leaflet-control-attribution, .leaflet-control-scale-line { font-size: 0.8em; } .formexport { margin: 1.5em 0; border: 1px solid #CCCCCC; padding: 0.5rem; } .formexport h2 { font-size: 1em; margin: 0 0 0.5rem 0; } .formexport p { margin: 0; } .formexport__form { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; } .formexport__boutons { display: flex; flex-direction: column; gap: 1rem; } .formulaires_reponse__infos { width: 100%; padding: 0.75rem 1.5rem; color: #111111; border-radius: 0.5rem; background-color: #F3F6F9; clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; clear: both; z-index: 1; } @media screen and (min-width: 36.3125em) { .formulaires_reponse__infos { padding: 1rem 2rem; } } @media screen and (min-width: 36.3125em) { .formulaires_reponse__infos { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .formulaires_reponse__infos { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .formulaires_reponse__infos > :last-child { margin-bottom: 0; } .formulaires_reponse__infos > :first-child { margin-top: 0; } .formulaires_reponse__infos > :last-child { margin-bottom: 0; } .formulaires_reponse__infos .champ.afficher { margin-bottom: 0.75em; } .formulaires_reponse__infos .contenu_statut img { display: inline-block; margin: 0 0.25em; vertical-align: baseline; } .icone-texte { display: flex; justify-content: flex-start; align-items: center; gap: 0.5em; } @media screen and (min-width: 36.3125em) { .c-colonnes { column-count: 2; column-gap: 1.5em; margin-top: 0; margin-bottom: 1.5em; } .c-colonnes:last-child { margin-bottom: 0; } .c-colonnes .c-nobreak { break-inside: avoid-column; } } .boite--bloc_tuiles { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } .bloc_tuile { display: grid; grid-row: span 3; grid-template-rows: subgrid; gap: 1rem; clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media screen and (min-width: 36.3125em) { .bloc_tuile { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .bloc_tuile { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .bloc_tuile > :last-child { margin-bottom: 0; } .bloc_tuile__titre { display: flex; gap: 1rem; flex-direction: column; } .bloc_tuile__titre img { order: 1; } .bloc_tuile__titre h2 { order: 2; margin: 0; } .bloc_tuile__lien { font-weight: bold; } .bloc_tuile__lien a { position: relative; padding-right: 2em; text-underline-offset: 0.3em; text-decoration: none; } .bloc_tuile__lien a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23ffcd00' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; right: 0.5em; top: 55%; transform: translateY(-50%); width: 15px; height: 12px; } .bloc_tuile__lien a:focus:after, .bloc_tuile__lien a:hover:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12'%3E%3Cg fill='%23a8022a' class='bg-fleche' fill-rule='evenodd'%3E%3Cpath d='M4.394 6.06c0 .472.382.855.854.855h6.092l-2.944 3.16a.89.89 0 000 1.213.772.772 0 001.13 0l4.233-4.546a1 1 0 000-1.363L9.526.834a.772.772 0 00-1.13 0 .89.89 0 000 1.212l2.944 3.16H5.248a.854.854 0 00-.854.855z' fill-rule='nonzero'/%3E%3Ccircle cx='1.102' cy='6.083' r='1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } @supports (text-decoration-color: transparent) { .bloc_tuile__lien a { text-decoration: underline; text-decoration-color: transparent; } } .bloc_tuile__lien a:hover, .bloc_tuile__lien a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .bloc_tuile__lien a:hover, .bloc_tuile__lien a:focus { text-decoration-color: currentColor; } } @media print { @page { size: A4 portrait; margin: 2cm 1.5cm; } body { font-size: 0.8em; /* Pas de veuves ou orphelines (3 lignes minimum) */ /* Pas de saut de page au sein de ces éléments */ /* Pas de saut de page après ces éléments */ } body #spip-admin, body #tarteaucitronRoot, body .stats_hit, body .debug_info, body .article__aside, body .forum_article, body .page_footer, body .article__share, body .article__lien_retour, body .article__temps_lecture, body .nav_burger, body .nav_main_menu, body .page_prenav, body .reading-progress-bar, body .content-aside, body .voir_aussi, body .alerte_info_generale, body aside { display: none; } body header a:after { content: "" !important; } body .page_wrapper { display: block; min-height: inherit; } body .page_container { width: 100% !important; max-width: none !important; padding: 0; } body .body--no-header .page_nav__container { height: auto; } body .page_header, body .page_header__container { padding: 0; margin: 0; background: none; } body .page_header__container > * { display: none; } body .page_nav__container { height: auto; margin-bottom: 1.5em; } body .nav_logo__content { display: block; max-width: none; max-height: none; } body .nav_logo--rectangle { display: block; max-width: 22em; } body .nav_logo--rectangle * { fill: black; } body .nav_logo--carre { display: none; } body .quick_access { max-width: none !important; } body .quick_access__card { flex: auto !important; width: auto !important; } body .block_actus_une__card_content { position: relative !important; } body .page_main { padding: 0 !important; margin-bottom: 2em; } body .page_main__container { display: block; } body .blockquote.spip, body .bloc_figure--citation { font-size: 1.2em; padding-left: 1.2em; } body .boite, body .nav-sommaire, body .bloc_encadre_large, body .bloc_encadre_droite, body .bloc_ensavoirplus, body .bloc_telechargements, body .bloc_telechargements_libre, body .bloc_en_avant, body .bloc_figure, body .blocdepliable { padding: 1em !important; border: 1px solid #D3D3D3 !important; border-radius: 0.5rem; background: none; } body .boite > *, body .nav-sommaire > *, body .bloc_encadre_large > *, body .bloc_encadre_droite > *, body .bloc_ensavoirplus > *, body .bloc_telechargements > *, body .bloc_telechargements_libre > *, body .bloc_en_avant > *, body .bloc_figure > *, body .blocdepliable > * { border: none !important; } body .spip_documents_left, body .spip_documents_right { max-width: 33%; } body .bloc_figure--citation { border: none !important; } body .blocdepliable_titre { font-size: 125%; } body .blocdepliable_titre, body .blocdepliable_titre strong { font-weight: 700; } body .bloc_en_avant__content { padding: 0; } body .blocdepliable-expandmore__to_expand, body [data-hidden="true"].blocdepliable-expandmore__to_expand { margin-top: 1em; margin-bottom: 0; padding-bottom: 0; display: block; max-height: none; opacity: 1; visibility: visible; } body .blocdepliable-expandmore__button, body .formulaire_spip .blocdepliable-expandmore__button, body .blocdepliable-expandmore__to_expand { padding: 0; } body .well.nav-sommaire { display: none !important; } body .call_to_action a { min-width: auto; padding: 0; } body figure > a > img { display: block; margin-left: auto; margin-right: auto; } body .page_url { border-top: 1px solid #A9A9A9; margin-top: 1em; padding-top: 1em; } body a[href^="http"]:after, body a[href^="https"]:after { content: " (" attr(href) ")"; } body p, body blockquote { orphans: 3; widows: 3; } body blockquote, body ul, body ol, body figure, body table { page-break-inside: avoid; } body h1, body h2, body h3, body h4, body caption { page-break-after: avoid; } } .body__sommaire main h1 { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: 0; padding: 0; height: 1px; width: 1px; white-space: nowrap; /* 1 */ overflow: hidden; /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ } .body__sommaire main h1 .focusable:active, .body__sommaire main h1 .focusable:focus { clip: auto; clip-path: none; height: auto; margin: 0; overflow: visible; position: relative; width: auto; white-space: inherit; } .body__sommaire .header_banner { position: relative; height: 90vw; } @media screen and (min-width: 48.0625em) { .body__sommaire .header_banner { height: 43.125em; } } .body__sommaire .header_banner:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 2%, #000000 100%); } .body__sommaire .page_main { padding-bottom: 0; padding-left: 0; padding-right: 0; } .body__sommaire .page_main__container { display: block; max-width: none; } .body__sommaire .page_aside { display: none; } .body__sommaire .page_content { border-radius: 0; width: auto; margin-block: 0; padding: 0; } .body__sommaire .button--call-to-action { height: 4em; } .body__sommaire .quick_access--home { top: -3em; } @media screen and (min-width: 80em) { .body__sommaire .quick_access--home { top: -4em; } } .home_video { display: none; } @media screen and (min-width: 61.3125em) { .home_video { display: block; position: relative; overflow: hidden; right: 0; bottom: 0; width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; } .home_video__video { position: absolute; z-index: 10; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); } .home_video_overlay { position: absolute; z-index: 11; top: 50%; bottom: 0; left: 0; right: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); opacity: 0; transition: opacity 0.3s ease-out; } .home_video_overlay--overlay { opacity: 1; } .home_video__baseline { position: absolute; z-index: 12; left: 7.1875em; bottom: 15.625em; } .home_video__next { position: absolute; z-index: 12; left: 7.1875em; bottom: 9.0625em; } .home_video__next svg * { transition: 0.3s ease-out; } .home_video__next:hover, .home_video__next:focus { background-color: transparent; } .home_video__next:hover svg *, .home_video__next:focus svg * { fill: #C10230; } .home_video__controls { display: flex; position: absolute; z-index: 12; right: 7.1875em; bottom: 9.0625em; } } .home_video__playbutton--playing, .home_video__playbutton--pause, .home_video__mutebutton--sound, .home_video__mutebutton--nosound, .home_video__sharebutton { position: relative; padding: 0.5em; height: 3em; min-width: 3em; margin-left: 0.5em; } .home_video__playbutton--playing:after, .home_video__playbutton--pause:after, .home_video__mutebutton--sound:after, .home_video__mutebutton--nosound:after, .home_video__sharebutton:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); background-position: center; background-repeat: no-repeat; } .home_video__playbutton--pause:after { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 21.3 24\"%3E%3Cpath fill=\"%23FFFFFF\" d=\"m.9 23.8c.5.3 1.2.3 1.8 0l5.2-3c.6-.4.8-1.1.5-1.7-.4-.6-1.1-.8-1.7-.5l-4.1 2.3v-17.9l15.4 9-1.7 1c-.6.3-.8 1.1-.5 1.7s1.1.8 1.7.5l2.8-1.6c.8-.5 1.1-1.6.7-2.4-.1-.3-.4-.5-.7-.7l-17.6-10.3c-.9-.5-2-.2-2.5.7-.1.3-.2.6-.2.9v20.4c0 .7.4 1.2.9 1.6z\"/%3E%3Ccircle fill=\"%23FFFFFF\" cx=\"13.7\" cy=\"15.9\" r=\"1.2\"/%3E%3C/svg%3E"); } .home_video__playbutton--playing:after { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 16.8 24\"%3E%3Cpath fill=\"%23FFFFFF\" d=\"m.9 15.8c-.5 0-.9.4-.9.9v5.3c0 1.1.9 2 2 2h2.4c1.1 0 2-.9 2-2v-20c0-1.1-.9-2-2-2h-2.4c-1.1 0-2 .9-2 2v11.3c0 .5.4.9.9.9s.9-.4.9-.9v-11.3c0-.2.1-.3.3-.3h2.4c.2 0 .3.1.3.3v20c0 .2-.1.3-.3.3h-2.5c-.2 0-.3-.1-.3-.3v-5.3c0-.5-.4-.9-.8-.9z\"/%3E%3Cpath fill=\"%23FFFFFF\" d=\"m14.8 24c1.1 0 2-.9 2-2v-20c0-1.1-.9-2-2-2h-2.4c-1.1 0-2 .9-2 2v20c0 1.1.9 2 2 2zm-2.7-2v-20c0-.2.1-.3.3-.3h2.4c.2 0 .3.1.3.3v20c0 .2-.1.3-.3.3h-2.4c-.2 0-.3-.1-.3-.3z\"/%3E%3C/svg%3E"); } .home_video__mutebutton--nosound:after { width: 30px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 25.7 24\"%3E%3Cpath fill=\"%23FFFFFF\" d=\"m18.6.4c-.8-.5-1.8-.5-2.7-.1s-7.2 3.8-8.5 4.5c-1.7.9-3.5 0-5.3.7-1.2.6-2.1 1.9-2.1 3.3v6.3c0 2 1.6 3.6 3.6 3.6 1.9 0 2.8-.1 3.9.4l8.4 4.5c1.8 1 4-.3 4-2.4v-18.5c0-.9-.5-1.8-1.3-2.3zm-15 16.7c-1 0-1.9-.8-1.9-1.9v-6.4c0-1 .9-1.9 1.9-1.9h2.1v10.1zm3.7.2v-10.6c.3-.1.6-.2.9-.4l6.4-3.4v.8c0 .5.4.8.8.8s.8-.4.8-.8v-1.7l.4-.2c.7-.4 1.6.1 1.6 1v18.5c0 .4-.2.7-.5.9-.7.4-1.3-.1-1.5-.2v-11.7c0-.5-.4-.8-.8-.8s-.8.4-.8.8v10.8c-6.6-3.5-6.5-3.5-7.3-3.8z\"/%3E%3Cpath fill=\"%23FFFFFF\" d=\"m21.9 6.1 3.5-2.3c.4-.3.5-.8.2-1.2s-.8-.5-1.2-.2l-3.4 2.3c-.4.3-.5.8-.2 1.2.2.3.7.4 1.1.2z\"/%3E%3Cpath fill=\"%23FFFFFF\" d=\"m25.3 20.2-3.5-2.3c-.4-.3-.9-.1-1.2.2-.3.4-.1.9.2 1.2l3.5 2.3c.4.3.9.1 1.2-.2.3-.4.2-.9-.2-1.2z\"/%3E%3Cpath fill=\"%23FFFFFF\" d=\"m24.9 11.2h-3.5c-.5 0-.8.4-.8.8s.4.8.8.8h3.5c.5 0 .8-.4.8-.8s-.4-.8-.8-.8z\"/%3E%3Cpath fill=\"%23FFFFFF\" d=\"m15.4 7.8c.5 0 .8-.4.8-.8 0-.5-.4-.8-.8-.8s-.8.3-.8.8.4.8.8.8z\"/%3E%3C/svg%3E"); } .home_video__mutebutton--sound:after { width: 30px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 30 24\"%3E%3Cpath fill=\"%23FFFFFF\" d=\"m18.6.4c-.8-.5-1.8-.5-2.7-.1-.9.5-7.2 3.8-8.5 4.5-1.7.9-3.5 0-5.3.7-1.2.6-2.1 1.9-2.1 3.3v6.3c0 2 1.6 3.6 3.6 3.6 1.9 0 2.8-.1 3.9.4l8.4 4.5c1.8 1 4-.3 4-2.4v-18.5c0-.9-.5-1.8-1.3-2.3zm-15 16.7c-1 0-1.9-.8-1.9-1.9v-6.4c0-1 .9-1.9 1.9-1.9h2.1v10.1zm3.7.2v-10.6c.3-.1.6-.2.9-.4l6.4-3.4v.8c0 .5.4.8.8.8s.8-.4.8-.8v-1.7l.4-.2c.7-.4 1.6.1 1.6 1v18.5c0 .4-.2.7-.5.9-.7.4-1.3-.1-1.5-.2v-11.7c0-.5-.4-.8-.8-.8s-.8.4-.8.8v10.8c-6.6-3.5-6.5-3.5-7.3-3.8z\"/%3E%3Cpath fill=\"%23FFFFFF\" d=\"m15.4 7.8c.5 0 .8-.4.8-.8 0-.5-.4-.8-.8-.8s-.8.3-.8.8.4.8.8.8z\"/%3E%3Cpath fill=\"%23FFFFFF\" d=\"m29.8 14.6-2.3-2.3 2.3-2.3c.3-.3.3-.8 0-1.2-.3-.3-.8-.3-1.2 0l-2.3 2.3-2.3-2.3c-.3-.3-.8-.3-1.2 0-.3.3-.3.8 0 1.2l2.3 2.3-2.3 2.3c-.3.3-.3.8 0 1.2.2.2.4.2.6.2s.4-.1.6-.2l2.3-2.3 2.3 2.3c.2.2.4.2.6.2s.4-.1.6-.2c.3-.4.3-.9 0-1.2z\"/%3E%3C/svg%3E"); } .button.home_video__sharebutton { margin-left: 7.5em; height: 3em; min-width: 3em; } .button.home_video__sharebutton:after { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 24 24\"%3E%3Cpath fill=\"%23FFFFFF\" d=\"m1.9 12h.8c0-1.7 1.4-3.1 3.1-3.1v-.8c-2.1 0-3.9 1.8-3.9 3.9z\"/%3E%3Cpath fill=\"%23FFFFFF\" d=\"m20.1 16.3c-1.3 0-2.4.7-3.1 1.6l-6-3.4c.4-.8.6-1.6.6-2.5s-.2-1.7-.6-2.5l6-3.4c.7 1 1.9 1.6 3.1 1.6 2.2 0 3.9-1.7 3.9-3.8 0-2.2-1.7-3.9-3.9-3.9s-3.9 1.7-3.9 3.9c0 .5.1 1.1.3 1.5l-6 3.4c-1-1.6-2.8-2.6-4.8-2.6-3.1 0-5.7 2.6-5.7 5.8s2.6 5.8 5.8 5.8c2 0 3.8-1 4.8-2.6l5.9 3.4c-.2.5-.3 1-.3 1.5 0 2.1 1.7 3.9 3.9 3.9 2.1 0 3.9-1.7 3.9-3.9 0-2.1-1.7-3.8-3.9-3.8zm0-15.5c1.7 0 3.1 1.4 3.1 3.1s-1.4 3.1-3.1 3.1-3.1-1.4-3.1-3.1 1.4-3.1 3.1-3.1zm-14.3 16.2c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm14.3 6.2c-1.7 0-3.1-1.4-3.1-3.1s1.4-3.1 3.1-3.1 3.1 1.4 3.1 3.1-1.4 3.1-3.1 3.1z\"/%3E%3C/svg%3E"); } .home_video__baseline .baseline, .header_banner__baseline .baseline { position: relative; font-weight: 900; color: white; font-size: 7vw; line-height: 1.4; text-shadow: 0 0 50px rgba(0, 0, 0, 0.5); } @media screen and (min-width: 61.3125em) { .home_video__baseline .baseline, .header_banner__baseline .baseline { font-size: 3.75em; line-height: 1.2; } } .header_banner__baseline { position: absolute; left: 0; bottom: 1em; } @media screen and (min-width: 61.3125em) { .header_banner__baseline { left: 7.5em; bottom: 5.9375em; } } .header_banner__baseline .baseline { display: block; margin-bottom: 1em; margin-left: 1em; } @media screen and (min-width: 61.3125em) { .header_banner__baseline .baseline { margin: 0; } } .header_banner__baseline:before { content: ""; position: absolute; top: 0.9em; left: -1.5em; width: 9px; height: 44px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"9\" height=\"44\"%3E%3Cpath d=\"M4.5 4v36\" stroke=\"%23FFCD00\" stroke-width=\"8\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\"/%3E%3C/svg%3E") center no-repeat; background-size: contain; } .home_bloc { padding-left: 1em; padding-right: 1em; } .home_que_fait { padding-bottom: 2.5em; } @media screen and (min-width: 48.0625em) { .home_que_fait { padding-top: 5em; padding-bottom: 5em; } } .home_que_fait__content { text-align: center; } .home_que_fait__content .formulaire_spip label { font-weight: normal; } .home_que_fait__content .formulaire_spip .c-langage_nat { font-size: 1.125em; } @media screen and (min-width: 48.0625em) { .home_que_fait__content .formulaire_spip .c-langage_nat { font-size: 1.5em; } } .home_que_fait__content .formulaire_spip .c-langage_nat__bloc { margin: 0.25em 0; } @media screen and (min-width: 36.3125em) { .home_que_fait__content .formulaire_spip .c-langage_nat__bloc { gap: 0.5em; justify-content: center; } } .home_que_fait__content .formulaire_spip .c-langage_nat__select { max-width: 85vw; padding: 0 1.75em 0 0; } .home_que_fait__content .formulaire_spip .button--call-to-action { font-size: 90%; } .home_actus { padding-top: 2.5em; padding-bottom: 2.5em; } @media screen and (min-width: 48.0625em) { .home_actus { padding-top: 5em; padding-bottom: 5em; } } .home_actus, .en_direct { background-color: #FBFCFD; } .home_actus__une_titre, .home_actus__toutes_titre, .home_en_direct .en_direct__titre { text-align: center; font-weight: 700; font-size: 1.375em; margin: 1em 0; } @media screen and (min-width: 48.0625em) { .home_actus__une_titre, .home_actus__toutes_titre, .home_en_direct .en_direct__titre { font-size: 1.125em; } } .home_actus__toutes_lien, .en_direct__lien, .home_bien_vivre__lien { text-align: center; margin-top: 2em; font-weight: bold; color: #C10230; } .home_actus__une { padding-bottom: 2.5em; } @media screen and (min-width: 48.0625em) { .home_actus__une { padding-bottom: 5em; } } .home_en_direct { padding-bottom: 2.5em; } @media screen and (min-width: 48.0625em) { .home_en_direct { padding-bottom: 5em; } } .home_carrousel { position: relative; max-width: 90em; margin: 2em auto; padding: 0; } @media screen and (min-width: 36.3125em) { .home_carrousel { margin: 0 auto; } } .home_carrousel__items { position: relative; z-index: 1; } .home_carrousel__links { position: relative; z-index: 1; display: flex; padding: 0 3em; width: 100%; top: -1.5em; } @media screen and (min-width: 61.3125em) { .home_carrousel__links { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); top: auto; bottom: 1em; background: transparent; padding: 0; max-width: 50em; } } .home_carrousel__links .home_carrousel__link { display: none; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; padding: 1.5em; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); width: 100%; min-height: 10em; transition-property: color, text-decoration-color; text-underline-offset: 0.3em; text-decoration: none; } @media screen and (min-width: 61.3125em) { .home_carrousel__links .home_carrousel__link { box-shadow: none; display: flex; background: #D4D8E2; width: 33%; margin-top: 0.4375em; margin-bottom: 0.4375em; margin-left: 1px; } } @supports (text-decoration-color: transparent) { .home_carrousel__links .home_carrousel__link { text-decoration: underline; text-decoration-color: transparent; } } .home_carrousel__links .home_carrousel__link:hover, .home_carrousel__links .home_carrousel__link:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .home_carrousel__links .home_carrousel__link:hover, .home_carrousel__links .home_carrousel__link:focus { text-decoration-color: currentColor; } } .home_carrousel__links .home_carrousel__link p { margin: 0; } .home_carrousel__links .home_carrousel__link .home_carrousel__link_titre { color: #111111; font-weight: bold; margin-bottom: 1em; } .home_carrousel__links .home_carrousel__link a { opacity: 0; } .home_carrousel__links .home_carrousel__link:hover p, .home_carrousel__links .home_carrousel__link:focus p { color: #a8022a; } .home_carrousel__links .home_carrousel__link--current { display: flex; margin-top: 0; margin-bottom: 0; position: relative; background: white; border-top: 7px solid white; border-bottom: 7px solid white; border-radius: 6px; } .home_carrousel__links .home_carrousel__link--current:after { content: ""; position: absolute; top: -7px; left: 1.5em; width: 39px; height: 4px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"39\" height=\"4\"%3E%3Cpath d=\"M4 4h31a4 4 0 004-4H0a4 4 0 004 4z\" fill=\"%23FFCD00\" fill-rule=\"evenodd\"/%3E%3C/svg%3E"); } .home_carrousel__nav { z-index: 10; top: 50%; left: 0; right: 0; } @media screen and (min-width: 61.3125em) { .home_carrousel__nav { display: none; } } .home_carrousel__nav .owl-prev, .home_carrousel__nav .owl-next { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: none; padding: 0; margin: 0; min-width: auto; width: auto; height: auto; min-height: unset; line-height: inherit; color: currentColor; text-align: left; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: inherit; } .home_carrousel__nav .owl-prev:before, .home_carrousel__nav .owl-prev:after, .home_carrousel__nav .owl-next:before, .home_carrousel__nav .owl-next:after { content: none; } .home_carrousel__nav .owl-prev:hover, .home_carrousel__nav .owl-prev:focus, .home_carrousel__nav .owl-next:hover, .home_carrousel__nav .owl-next:focus { background-color: transparent; } .home_carrousel__nav .owl-prev .arrow, .home_carrousel__nav .owl-next .arrow { position: relative; } .home_carrousel__nav .owl-prev .arrow:before, .home_carrousel__nav .owl-next .arrow:before { content: ""; position: absolute; border: solid #C10230; border-width: 0 3px 3px 0; display: inline-block; padding: 5px; } .home_carrousel__nav .owl-prev { left: 1em; } .home_carrousel__nav .owl-prev .arrow:before { left: 0; top: 50%; transform: translateY(-50%) rotate(135deg); } .home_carrousel__nav .owl-next { right: 1em; } .home_carrousel__nav .owl-next .arrow:before { right: 0.5em; top: 50%; transform: translateY(-50%) rotate(315deg); } .home_accompagner { padding-top: 2.5em; padding-bottom: 2.5em; } @media screen and (min-width: 48.0625em) { .home_accompagner { padding-top: 5em; padding-bottom: 5em; } } .home_accompagner_carte { text-align: center; } .home_accompagner_carte svg { max-width: 80%; } @media screen and (min-width: 48.0625em) { .home_accompagner_carte svg { max-width: none; width: 100%; } } .home_accompagner_recherche p.boutons { text-align: center; } @media screen and (min-width: 36.3125em) { .home_accompagner_recherche p.boutons { text-align: left; } } @media screen and (min-width: 48.0625em) { .home_accompagner_recherche { margin-left: 7em; display: flex; align-items: center; } } .formulaire_sommaire_departements .boutons { margin-top: 1.875em; } .home_bien_vivre { max-width: 90em; margin: 0 auto; background-color: #FFCD00; background-position: center top; background-repeat: no-repeat; padding-top: 25em; padding-bottom: 0; box-shadow: inset 0 -5em 0 0 white; } .home_bien_vivre__baseline { text-align: center; margin: -2.75em auto 2em auto; max-width: 39.375em; } .home_bien_vivre__baseline p { margin: 2em; } .home_bien_vivre__baseline svg .occitanie { fill: #C10230; } .home_bien_vivre__content { padding: 1em 1em 2.5em 1em; } @media screen and (min-width: 36.3125em) { .home_bien_vivre__content { padding-bottom: 5em; } } .home_bien_vivre__cards { margin-left: 2em; margin-right: 2em; } @media screen and (min-width: 36.3125em) { .home_bien_vivre__cards { margin-left: 4.125em; margin-right: 4.125em; } } .home_bien_vivre__card { display: none; overflow: hidden; padding: 0.5em; text-align: center; max-width: 23.125em; } .home_bien_vivre__card:first-of-type { display: block; } @media screen and (min-width: 36.3125em) { .home_bien_vivre__card { display: block; } } .home_bien_vivre__card_info { padding-top: 0.5em; text-align: left; } .home_bien_vivre__card_caption, .home_bien_vivre__card_likes { font-size: 0.875em; color: #5C7482; } .home_bien_vivre__card_likes { position: relative; margin-top: 0.25em; padding-left: 1em; } .home_bien_vivre__card_likes:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 9px; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 9 9\" width=\"9\"%3E%3Cpath d=\"m4.5 3.1c-.7 0-1.4.6-1.4 1.3s.6 1.3 1.4 1.3 1.3-.6 1.3-1.3-.6-1.3-1.3-1.3zm0-.9c1.2 0 2.2 1 2.2 2.2s-1 2.2-2.2 2.2-2.2-1-2.2-2.2 1-2.2 2.2-2.2m2.4-.6c.3 0 .6.3.6.6s-.3.6-.6.6-.6-.3-.6-.6c0-.4.3-.6.6-.6m-4.4-.7c-.9 0-1.6.7-1.6 1.6v3.9c0 .9.7 1.6 1.6 1.6h4c.9 0 1.6-.7 1.6-1.6v-3.9c0-.9-.7-1.6-1.6-1.6zm.1-.9h3.8c1.4 0 2.6 1.2 2.6 2.6v3.8c0 1.4-1.2 2.6-2.6 2.6h-3.8c-1.4 0-2.6-1.2-2.6-2.6v-3.8c0-1.4 1.2-2.6 2.6-2.6\" fill=\"%235c7482\"/%3E%3C/svg%3E"); } .home_comprendre { padding-top: 2.5em; padding-bottom: 2.5em; } @media screen and (min-width: 48.0625em) { .home_comprendre { padding-top: 5em; padding-bottom: 5em; } } .home_comprendre__card { display: flex; align-items: flex-start; padding: 1em; font-weight: bold; } .home_comprendre__card a { color: #111111; } .home_comprendre__picto { margin-right: 1em; flex-shrink: 0; } .home_comprendre__picto svg, .home_comprendre__picto img { max-width: 3.4375em; } .home_participer { padding-top: 2.5em; padding-bottom: 2.5em; background-color: #FFCD00; } @media screen and (min-width: 48.0625em) { .home_participer { padding-top: 5em; padding-bottom: 5em; } } .home_participer__intro { text-align: center; max-width: 43.75em; margin-top: 2em; margin-bottom: 2em; } .home_participer__card { padding: 1em; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; } .home_participer__titre_section { margin-top: 0; font-size: 1em; } .home_participer__picto { flex-shrink: 0; margin-bottom: 1em; } .home_participer__picto svg, .home_participer__picto img { max-height: 3.4375em; } .mdrmaison_contact { position: relative; width: 100%; } @media screen and (min-width: 61.3125em) { .mdrmaison_contact { width: auto; display: flex; justify-content: space-between; align-items: flex-start; } } .mdrmaison_contact .blocdepliable { border: none; margin: 0 0 1em 0; } .mdrmaison_contact .blocdepliable_titre { font-size: 0.9em; font-weight: 500; } .mdrmaison_contact .blocdepliable-expandmore__button { padding: 0; display: flex; justify-content: flex-start; align-items: center; color: #C10230; } .mdrmaison_contact .blocdepliable-expandmore__button:hover, .mdrmaison_contact .blocdepliable-expandmore__button:focus { color: #a8022a; text-underline-offset: 0.3em; text-decoration: none; } @supports (text-decoration-color: transparent) { .mdrmaison_contact .blocdepliable-expandmore__button:hover, .mdrmaison_contact .blocdepliable-expandmore__button:focus { text-decoration: underline; text-decoration-color: transparent; } } .mdrmaison_contact .blocdepliable-expandmore__button:hover:hover, .mdrmaison_contact .blocdepliable-expandmore__button:hover:focus, .mdrmaison_contact .blocdepliable-expandmore__button:focus:hover, .mdrmaison_contact .blocdepliable-expandmore__button:focus:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .mdrmaison_contact .blocdepliable-expandmore__button:hover:hover, .mdrmaison_contact .blocdepliable-expandmore__button:hover:focus, .mdrmaison_contact .blocdepliable-expandmore__button:focus:hover, .mdrmaison_contact .blocdepliable-expandmore__button:focus:focus { text-decoration-color: currentColor; } } @media screen and (min-width: 90.0625em) { .mdrmaison_contact { margin-bottom: 90px; } .mdrmaison_contact:before { content: ""; position: absolute; left: -180px; bottom: -50px; width: 1055px; height: 224px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height=\"224\" viewBox=\"0 0 1055 224\" width=\"1055\"%3E%3Crect fill=\"%23FFCD00\" fill-rule=\"evenodd\" height=\"224\" rx=\"112\" width=\"1054.5875\"/%3E%3C/svg%3E") center no-repeat; z-index: -1; } } .mdrmaison_contact__infos { margin-bottom: 1.5em; } .mdrmaison_contact__logo { flex-shrink: 0; } @media screen and (min-width: 61.3125em) { .mdrmaison_contact__logo { margin-left: 1.5em; max-width: 15.625em; } } @media screen and (min-width: 61.3125em) { .mdrmaison_service__infos { display: flex; } } .mdrmaison_service__logo { flex-shrink: 0; float: left; max-width: 33%; margin-right: 1.5em; } @media screen and (min-width: 61.3125em) { .mdrmaison_service__logo { max-width: none; float: none; margin-left: 0; } } .mdrmaison_service__logo img { margin-top: 0.5em; border-radius: 8px; } .liste-items--elus { display: flex; flex-wrap: wrap; justify-content: space-between; } .liste-items--elus *:last-child { margin-bottom: unset; } .liste-elus__elu { position: relative; position: relative; width: 100%; margin-top: 1.5em; } .liste-elus__elu:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 -1px 11px 0 rgba(86, 122, 143, 0.17); opacity: 0.75; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, black 100%); border-radius: 0.5rem; } @media screen and (min-width: 36.3125em) { .liste-elus__elu { width: 48%; } } @media screen and (min-width: 61.3125em) { .liste-elus__elu { width: 30%; margin-top: 2em; } } .liste-elus__elu:after { content: ""; position: absolute; bottom: 0; left: 2em; width: 5.3125em; height: 0.625em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width=\"85\" height=\"10\"%3E%3Cpath d=\"M9.737.848h66.391A8.852 8.852 0 0184.98 9.7H.885A8.852 8.852 0 019.737.848z\" fill=\"%23FFCD00\" fill-rule=\"evenodd\"/%3E%3C/svg%3E") center no-repeat; } .liste-elus__info { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 1em 2em 1em; } .liste-elus__logo img { width: 100%; border-radius: 0.5rem; } .liste-elus__titre { font-weight: bold; margin-bottom: 0.5em; text-underline-offset: 0.3em; text-decoration: none; } .liste-elus__titre, .liste-elus__titre a { color: white; } @supports (text-decoration-color: transparent) { .liste-elus__titre { text-decoration: underline; text-decoration-color: transparent; } } .liste-elus__titre:hover, .liste-elus__titre:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .liste-elus__titre:hover, .liste-elus__titre:focus { text-decoration-color: currentColor; } } .liste-elus__resume { font-weight: 500; color: #FFCD00; font-size: 0.81em; } .elu_information { display: flex; justify-content: flex-start; align-items: center; font-size: 0.9em; font-weight: 500; } .elu_information a { text-underline-offset: 0.3em; text-decoration: none; } @supports (text-decoration-color: transparent) { .elu_information a { text-decoration: underline; text-decoration-color: transparent; } } .elu_information a:hover, .elu_information a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .elu_information a:hover, .elu_information a:focus { text-decoration-color: currentColor; } } .elu_information__icone { flex-shrink: 0; min-width: 3.875em; } .body__elu .article__titre { display: inline-block; position: relative; font-style: normal; margin-bottom: 0; } .body__elu .article__titre:before { content: ""; position: absolute; z-index: -1; left: 0; right: 33%; height: 0.25em; bottom: 0.125em; background-color: #FFCD00; } .body__elu .article__soustitre { font-size: 1.25em; color: #111111; margin-top: 0.5em; } .renov_structure { position: relative; width: 100%; padding: 2em; margin-bottom: 2em; } .renov_structure .carte_gis { margin-bottom: 0; } .body__aidediff_spectacle .article_soustitre { margin-top: -1.75em; font-weight: bold; color: #C10230; } .body__aidediff_spectacle .voir_aussi { padding: 4em 0; margin-bottom: -6em; position: relative; background-color: #F3F6F9; } .body__aidediff_spectacle .voir_aussi:before, .body__aidediff_spectacle .voir_aussi:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc((100vw - 100%) / 2); background-color: #F3F6F9; z-index: -1; } .body__aidediff_spectacle .voir_aussi:before { left: calc((100vw - 100%) / 2 * -1); } .body__aidediff_spectacle .voir_aussi:after { right: calc((100vw - 100%) / 2 * -1); } .body__404 .page_main { background: url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/fond-404.jpg') center bottom no-repeat; min-height: 1380px; } .body__404 .article__titre, .body__404 .article__texte { text-align: center; } .body__404 .erreur_404 { font-size: 6em; font-weight: 900; line-height: 1; margin: 0.25em 0; } @media screen and (min-width: 36.3125em) { .body__404 .erreur_404 { font-size: 12em; } } .body__404 .boutons > * { margin-bottom: 1.5em; } .body__404 .home_que_fait { padding: 2.5em 0; } strong, b { font-weight: 500; } .page_nav__container { height: 4em; max-width: 82.5em; align-items: initial; } .nav_logo { display: block; } .nav_logo__content { display: flex; align-items: center; justify-content: center; max-width: 11.25em; max-height: 5.625em; background-color: #C10230; border-radius: 0 0 6px 6px; box-shadow: 0 2px 16px 0 rgba(24, 51, 67, 0.08); } .nav_logo__content:hover, .nav_logo__content:focus { background-color: #a8022a !important; } .nav_logo__content .nav_logo--rectangle { display: block; } .nav_logo__content .nav_logo--carre { display: none; } @media screen and (min-width: 48.0625em) { .nav_logo__content { max-width: 5.625em; } .nav_logo__content .nav_logo--rectangle { display: none; } .nav_logo__content .nav_logo--carre { display: block; } } @media screen and (min-width: 53.8125em) { .nav_logo__content { max-width: 12.5em; } .nav_logo__content .nav_logo--rectangle { display: block; } body.isIE .nav_logo__content .nav_logo--rectangle { max-height: 4.0625em; } .nav_logo__content .nav_logo--carre { display: none; } } @media screen and (min-width: 48.0625em) { .nav_menu { display: flex; align-items: center; justify-content: center; } } .nav_burger, .nav_search, .nav_contact { height: 4em; } .nav_burger__button, .nav_search__button, .nav_contact__button, .nav_menu__button { font-size: 1.2em; white-space: nowrap; text-transform: uppercase; } @media screen and (min-width: 48.0625em) { .nav_burger__button, .nav_search__button, .nav_contact__button, .nav_menu__button { font-size: 1em; } } .nav_burger__button:hover, .nav_burger__button:focus, .nav_search__button:hover, .nav_search__button:focus, .nav_contact__button:hover, .nav_contact__button:focus, .nav_menu__button:hover, .nav_menu__button:focus { color: #a8022a; } .nav_burger__button .button__text, .nav_search__button .button__text, .nav_contact__button .button__text, .nav_menu__button .button__text { font-weight: 700; font-size: 0.75em; } .nav_burger__button, .nav_search__button, .nav_contact__button { height: 2.5em; } @media screen and (max-width: 48em) { .nav_menu__button, .nav_search__button, .nav_contact__button { color: white; } } @media screen and (min-width: 77.5625em) { .nav_menu__button, .nav_search__button, .nav_contact__button { background-color: white; color: #111111; } } @media screen and (max-width: 48em) { .nav_search__button { padding: 0; } } @media screen and (min-width: 48.0625em) { .nav_search__button { background-color: #D9DDE6; } } .nav_search__button:hover, .nav_search__button:focus { background-color: #D9DDE6; } @media screen and (max-width: 48em) { .nav_contact__button { padding: 0; } } @media screen and (min-width: 48.0625em) { .nav_contact__button { background: #FFCD00; color: #111111; } } @media screen and (min-width: 77.5625em) { .nav_contact__button svg { display: none; } } .nav_contact__button:hover, .nav_contact__button:focus { background-color: #FFCD00; } .nav_menu__button--current { color: #FFCD00; } @media screen and (min-width: 48.0625em) { .nav_menu__button--current { color: #C10230; position: relative; } .nav_menu__button--current:after { content: ""; position: absolute; bottom: 0; height: 4px; width: 2.5em; left: 50%; transform: translateX(-50%); border-radius: 8px 8px 0 0; background-color: #FFCD00; } } .nav_menu__button--actif { background-color: #202228; outline-color: #202228; color: white; } .nav_menu__button--actif:hover, .nav_menu__button--actif:focus { background-color: #202228; color: white; } .nav_menu__button--actif:after { display: none; } .nav_main_menu--open, .nav_menu__content { background-color: #202228; } .nav_main_menu--open, .nav_menu__content { color: white; } .nav_main_menu--open a, .nav_menu__content a { color: white; } .nav_main_menu--open a:hover, .nav_main_menu--open a:focus, .nav_menu__content a:hover, .nav_menu__content a:focus { color: #D9DDE6; text-decoration: underline; } @media screen and (min-width: 48.0625em) { .nav_menu__content { position: absolute; top: 4em; left: 0; right: 0; z-index: 6; margin-left: 0; padding: 0.5em 3.75em 3em 3.75em; } } .nav_menu__content--open { display: block; margin-left: 3em; } @media screen and (min-width: 48.0625em) { .nav_menu__content--open { display: flex; justify-content: space-between; align-items: flex-start; margin-left: 0; } } .nav_menu__niveau1 { list-style: none; margin: 0; padding: 0; width: 100%; } .nav_menu__niveau1 > * { margin: 0; padding: 0; } @media screen and (min-width: 48.0625em) { .nav_menu__niveau1 { display: flex; flex-direction: row; flex-wrap: wrap; } } .nav_menu__rubrique_content { margin-top: 2.5em; } @media screen and (min-width: 48.0625em) { .nav_menu__rubrique_content { flex: 1 0 25%; } } @media screen and (min-width: 48.0625em) { .nav_menu__rubrique_content--short { flex: 1 0 50%; } } .page_header { background-color: transparent; } .page_header__container { max-width: 90em; } @media screen and (min-width: 53.8125em) { .breadcrumb { left: 17.5625em; } } .page_main { padding-top: 0; } .page_content { --page_content-top-margin: -3em; } @media screen and (min-width: 48.0625em) { .page_content { border-radius: 0.5rem; max-width: 49.9375em; padding-block: 2.5em 2em; --padding-inline: 1em 2em; margin-top: var(--page_content-top-margin); } } .page_aside { padding-top: 2em; margin-right: 0; } .aside-nav__title a { font-size: 0.9375em; } .aside-nav__nav a { font-size: 0.875em; } .footer_infos { background: #202228; } @media screen and (min-width: 36.3125em) { .footer_infos__content { margin: 0 -1em; font-size: 0.8125em; } } .footer_infos__content strong { font-size: 0.875rem; } .footer_infos__content { color: white; } .footer_infos__content a { color: #FFCD00; } .footer_infos__content a:hover, .footer_infos__content a:focus { color: #FFCD00; } .footer_infos__column_emploi { list-style: none; margin: 0; padding: 0; } .footer_infos__column_emploi > * { margin: 0; padding: 0; } .footer_infos__offre { background-color: #283035; border-radius: 6px; padding: 0.75em; margin-bottom: 0.75em; } .footer_infos__offre a { color: white; } .footer_links { background: #283035; } .footer_links__content { font-size: 0.875em; } @media screen and (min-width: 36.3125em) { .footer_links__content .menu-liste { justify-content: center; } } .footer_links__content, .footer_links__content a { color: #FFCD00; } .footer_links__content .menu-entree button { color: #FFCD00; } .footer_links__content .menu-entree button:hover, .footer_links__content .menu-entree button:focus { color: #FFCD00; text-decoration: underline; } .body__rubrique--kiosque .block_actus__une_titre, .body__rubrique--kiosque .en_direct__titre, .body__rubrique--kiosque .kiosque_videos__titre, .body__rubrique--kiosque .kiosque_publications__titre, .body__rubrique--kiosque .kiosque_presse__titre { font-size: 1.75em; padding-left: 3em; margin-top: 1em; margin-bottom: 1em; } .body__rubrique--kiosque .kiosque_videos__lien { text-align: center; font-weight: 700; margin: 1em 0; } .kiosque_videos { padding: 1em; } .kiosque_videos__titre { margin-left: -0.5em; } .kiosque_videos__cards { display: flex; flex-wrap: wrap; justify-content: space-between; } .kiosque_videos__card { width: 49%; margin-top: 0; margin-bottom: 1.5em; color: #111111; text-underline-offset: 0.3em; text-decoration: none; } .kiosque_videos__card:last-child { margin-bottom: 0; } @supports (text-decoration-color: transparent) { .kiosque_videos__card { text-decoration: underline; text-decoration-color: transparent; } } .kiosque_videos__card:hover, .kiosque_videos__card:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .kiosque_videos__card:hover, .kiosque_videos__card:focus { text-decoration-color: currentColor; } } .kiosque_videos__card_link { flex-direction: column; width: 100%; color: #111111; } .kiosque_videos__card_thumb { position: relative; width: 100%; height: 0; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 1em; } .kiosque_videos__card_thumb:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } .kiosque_videos__card_titre { font-weight: bold; margin-bottom: 0; } .kiosque_presse__texte { text-align: center; } .kiosque_presse__texte a { margin: 0.75em; } .body__bien_vivre .header_banner { height: 40.625em; } .body__bien_vivre .page_main { width: 100%; max-width: 90em; background-color: #FFCD00; margin-left: auto; margin-right: auto; } .body__bien_vivre .page_content { margin-top: -21.25em; } .body__bien_vivre .article__titre { text-align: center; } .bien_vivre__cards { flex-wrap: wrap; margin-left: 0; margin-right: 0; } .bien_vivre__card { position: relative; flex-basis: 100%; max-width: 24%; margin-bottom: 2%; margin-left: 0; margin-right: 0; } .bien_vivre__card:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 -1px 11px 0 rgba(86, 122, 143, 0.17); opacity: 0.75; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, black 100%); border-radius: 0.5rem; } .bien_vivre__card img { width: 100%; } .bien_vivre__card_content { position: absolute; left: 0; bottom: 0; right: 0; padding: 1em; } .bien_vivre__card_content a { color: white; font-weight: 500; } .bien_vivre__card_content .info { font-size: 0.875em; color: #FFCD00; margin-bottom: 0; } .composition_bip-accueil .page_main, .composition_bip-accueil .page_content { padding-bottom: 0; } @media screen and (min-width: 36.3125em) { .composition_bip-accueil .page_wrapper, .composition_bip .page_wrapper, .body__bip_dispositif .page_wrapper { background: #FFCD00; } .composition_bip-accueil .page_nav, .composition_bip .page_nav, .body__bip_dispositif .page_nav { background: white; } } .body__bip_dispositif .article__chapo { margin: 4em 0; } .body__bip_dispositif .article__texte { margin-top: 4em; } .body__bip_dispositif a.button--page-tool { display: flex; justify-content: flex-start; align-items: center; color: #202228; text-decoration: none; margin-right: 1.5em; } .body__bip_dispositif a.button--page-tool:hover, .body__bip_dispositif a.button--page-tool:focus { color: #a8022a; text-decoration: underline; } .body__bip_dispositif a.button--page-tool img { margin-right: 0.25em; } .body__bip_dispositif .formulaire_bip_favori { margin-right: 1.5em; } .bip_accueil__bloc { margin: 7em 0; } .bip_accueil__contribuez { position: relative; margin-top: 6em; padding: 1em 2em 1em 2em; background-color: white; } @media screen and (min-width: 36.3125em) { .bip_accueil__contribuez { padding: 2em 4em 2em 4em; } } @media screen and (min-width: 61.3125em) { .bip_accueil__contribuez { margin-right: -8em; margin-left: -8em; } } @media screen and (min-width: 36.3125em) { .bip_accueil__contribuez:before, .bip_accueil__contribuez:after { content: ""; display: block; position: absolute; top: 10em; bottom: -6em; width: calc((100vw - 100%) / 2); background-color: #C10230; } .bip_accueil__contribuez:before { left: calc((100vw - 100%) / 2 * -1); } .bip_accueil__contribuez:after { right: calc((100vw - 100%) / 2 * -1); } } .bip_accueil__extranet { clear: both; margin-top: 1.5rem; margin-bottom: 1.5rem; background: #FFCD00 url('https://www.laregion.fr/plugins/occitanie/squelettes-occitanie/squelettes-v2/images/fond-occitanie-light.png') right center no-repeat; border-radius: 0.5em; padding: 2em; } @media screen and (min-width: 36.3125em) { .bip_accueil__extranet { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media print { .bip_accueil__extranet { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .bip_accueil__extranet > :last-child { margin-bottom: 0; } @media screen and (min-width: 36.3125em) { .bip_accueil__extranet { padding: 3em 2em; } } .bip_accueil__extranet h3 { position: relative; display: inline-block; } .bip_accueil__extranet h3:before { content: ""; position: absolute; left: -2em; bottom: 0.35em; width: 1em; height: 0.35em; background-color: white; } .bip_accueil__extranet h3:after { content: ""; position: absolute; right: -1.25em; bottom: 0.35em; width: 0.35em; height: 0.35em; border-radius: 50%; background-color: white; } .bip_accueil__extranet_intro { font-weight: bold; } @media screen and (min-width: 36.3125em) { .bip_accueil__extranet_intro { font-size: 1.5em; } } @media screen and (min-width: 36.3125em) { .dispositifs_favoris, .dispositifs_derniers { display: flex; flex-wrap: wrap; justify-content: space-between; } } .dispositifs_favori, .dispositifs_dernier { position: relative; position: relative; border-radius: 0.375em; padding: 1.5em; background-color: #F3F6F9; margin-bottom: 1em; } .dispositifs_favori:after, .dispositifs_dernier:after { content: ""; position: absolute; z-index: 3; left: 1em; bottom: 0; width: 40px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='5'%3E%3Cpath d='M4.81.96h30.715a3.994 3.994 0 013.994 3.995H.817A3.994 3.994 0 014.81.96z' fill='%23ffcd00' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media screen and (min-width: 36.3125em) { .dispositifs_favori, .dispositifs_dernier { width: 49%; } } .dispositifs_favori a, .dispositifs_dernier a { color: #5C7482; text-underline-offset: 0.3em; text-decoration: none; } @supports (text-decoration-color: transparent) { .dispositifs_favori a, .dispositifs_dernier a { text-decoration: underline; text-decoration-color: transparent; } } .dispositifs_favori a:hover, .dispositifs_favori a:focus, .dispositifs_dernier a:hover, .dispositifs_dernier a:focus { text-decoration: underline; } @supports (text-decoration-color: transparent) { .dispositifs_favori a:hover, .dispositifs_favori a:focus, .dispositifs_dernier a:hover, .dispositifs_dernier a:focus { text-decoration-color: currentColor; } } .dispositifs_favori a:hover, .dispositifs_favori a:focus, .dispositifs_dernier a:hover, .dispositifs_dernier a:focus { color: #a8022a; } .dispositifs_favori__star { font-size: 0.875em; margin-bottom: 0.5em; } .dispositifs_dernier__date { font-weight: bold; font-size: 0.875em; margin-bottom: 0.5em; color: #5C7482; } .favoris-ouvrir { text-align: center; font-weight: bold; } .dispositif_contacts { position: relative; width: 100%; } @media screen and (min-width: 48.0625em) { .dispositif_contacts { width: auto; display: flex; justify-content: space-between; align-items: flex-start; } } .dispositif_contact { padding: 2em 1em; } @media screen and (min-width: 48.0625em) { .dispositif_contact { width: 48%; } } .dispositif_contact p { font-size: 0.875em; } .dispositif_contact--auteur { font-weight: bold; } .dispositif_contact__info { display: flex; justify-content: flex-start; align-items: center; } .dispositif_contact__info img { margin-right: 0.5em; } .dispositif_contact__maj { font-weight: normal; font-size: 0.875em; } .dispositif_notes { position: relative; margin-left: 1.5em; margin-right: 1.5em; border-radius: 0.375em; padding: 1em; background-color: #F3F6F9; } @media screen and (min-width: 90.0625em) { .dispositif_notes { margin-bottom: 120px; } .dispositif_notes:before { content: ""; position: absolute; left: -300px; bottom: -110px; width: 1055px; height: 224px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height=\"224\" viewBox=\"0 0 1055 224\" width=\"1055\"%3E%3Crect fill=\"%23FFCD00\" fill-rule=\"evenodd\" height=\"224\" rx=\"112\" width=\"1054.5875\"/%3E%3C/svg%3E") center no-repeat; z-index: -1; transform: scale(80%); } } .dispositif_notes__titre { font-weight: bold; margin-bottom: 0.25em; color: #5C7482; } .formulaire_bip_editer_champ, .formulaire_bip_editer_note { margin-bottom: 0; } .formulaire_bip_editer_champ label, .formulaire_bip_editer_note label { font-weight: normal; font-size: 0.875em; } .formulaire_bip_editer_champ p.boutons, .formulaire_bip_editer_note p.boutons { text-align: right; } .bip_menu_profil { margin: 1em 0; padding: 0.5em; z-index: 1; text-align: right; background: #F3F6F9; border-radius: 8px; font-weight: bold; font-size: 0.9375em; } @media screen and (min-width: 48.0625em) { .bip_menu_profil { position: absolute; right: 0; top: 0; margin: 0; padding: 1em 2em 2em 2em; } } .bip_menu_profil .blocdepliable { margin: 0; border: none; background: transparent; } .bip_menu_profil .blocdepliable-expandmore__button { position: relative; padding: 0 2.5em 0 0; } @media screen and (min-width: 48.0625em) { .bip_menu_profil .blocdepliable-expandmore__button:before { content: ""; position: absolute; right: -1em; bottom: -0.75em; width: 143px; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height=\"9\" width=\"143\" %3E%3Cpath d=\"m4.878431 4.5 134.121569-.5\" fill=\"none\" stroke=\"%23FFCD00\" stroke-linecap=\"round\" stroke-width=\"8\"/%3E%3C/svg%3E") center no-repeat; } } .bip_menu_profil .blocdepliable-expandmore__button:after { border-color: currentColor; } .bip_menu_profil .blocdepliable-expandmore__to_expand p { margin: 0 0 0.5em 0; } .bip_menu_profil .blocdepliable-expandmore__to_expand p:first-child { margin-top: 1.5em; } .bip_menu_profil__nom { margin-left: 0.5em; } .bip_favori { margin-bottom: 1.5em; } .bip_favori__titre { font-weight: bold; margin-bottom: 0.25em; display: flex; justify-content: flex-start; align-items: flex-start; } .bip_favori__titre i { color: #FEBB12; margin-right: 0.5em; padding-top: 0.25em; }