@charset "UTF-8";body > header{ --svg-menu-closed:url('data:image/svg+xml,'); --svg-menu-opened:url('data:image/svg+xml,'); --svg-user:url('data:image/svg+xml,');}body > main,.push-photos{ --svg-cadenas:url('data:image/svg+xml,');}
[data-private]{ position:relative;}[data-private]:before{ content:"\A0" / ""; width:1.5rem; height:1.5rem; border-radius:1.5rem; background-color:white; left:0.3125rem; bottom:0.3125rem; position:absolute; z-index:1;}:root.contrast [data-private]:before{ box-shadow:0 0 0 1px black;}[data-private]:after{ -webkit-mask-image:var(--svg-cadenas); -webkit-mask-position:center center; -webkit-mask-repeat:no-repeat; -webkit-mask-size:0.875rem 0.875rem; mask-image:var(--svg-cadenas); mask-position:center center; mask-repeat:no-repeat; mask-size:0.875rem 0.875rem; content:"\A0" / ""; width:1.5rem; height:1.5rem; position:absolute; left:0.3125rem; bottom:0.3125rem; z-index:1; white-space:nowrap; text-overflow:clip; color: rgba(0, 0, 0, 0); background-color:var(--raspberry);}html[lang="fr"] [data-private]:after{ content:"Photographie privée ";}[data-private*='right']:after,[data-private*='right']:before{ left:auto; right:0.3125rem;}[data-private*='top']:after,[data-private*='top']:before{ bottom:auto; top:0.3125rem;}[data-private*='top-right']:after,[data-private*='top-right']:before{ left:auto; bottom:auto; right:0.3125rem; top:0.3125rem;}
:root:not(.no-nesting-css) .collapsible-block{ & .collapsible-content{overflow:hidden;@media(prefers-reduced-motion:no-preference){ transition:max-height .3s ease;}&.collapsed{ display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}& > *{ margin-block:0 !important; display:block; & + *{margin-block-start:.5em !important;}}} & .collapsing-button{margin-top:0.3125rem;line-height:1.5em !important;font-size:inherit;color:var(--link-color);background-color:transparent;display:flex;border-radius:0;&:after{ color:currentColor; font-weight:bold; margin-left:0.3125rem;}&[aria-expanded="false"]:after{ content:"+" / "";}&[aria-expanded="true"]:after{ content:"–" / "";}@media(any-hover:hover){ &:hover{color:var(--link-color-alternate,blue);}}}}
:root{ --box-shadow-stroke:0.0625rem;}:root.contrast{ --box-shadow-stroke:0.125rem;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ display:none;}input[type=search]{ -webkit-appearance:textfield; appearance:textfield;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{ -webkit-appearance:none;}input[type],textarea,select,output{ display:inline-block; vertical-align:middle; word-wrap:initial; word-break:initial; -webkit-hyphens:initial; hyphens:initial;}input,textarea,select{ background-color:var(--background-forms-elements); color:var(--basic-color); padding:0 1rem; -webkit-appearance:none; appearance:none; @media(forced-colors:none){border:none;} font-family:inherit; font-weight:inherit; box-shadow:0 0 0 var(--box-shadow-stroke) var(--box-shadow-forms-elements) inset; max-width:100%; width:100%;}input:is(:autofill,:-webkit-autofill,:-moz-autofill){ background-color:var(--background-forms-elements) !important; color:var(--basic-color) !important; -webkit-appearance:none !important; appearance:none !important; border:none !important; box-shadow:0 0 0 var(--box-shadow-stroke) var(--box-shadow-forms-elements) inset !important;}select optgroup,select option{ font-family:var(--font-family);}:root.use-keyboard *:is(input,textarea,select):focus{ box-shadow:0 0 0 var(--box-shadow-stroke) var(--background-forms-elements) inset;}:root:not(.use-keyboard) *:is(input,textarea,select):focus{ box-shadow:0 0 0 calc(var(--box-shadow-stroke) * 1.5) var(--canvasText);}:root.use-keyboard *:is([type="radio"],[type="checkbox"]):focus{ outline:none;}input[type=color]{ padding:0;}input,select,output{ height:var(--button-height); line-height:var(--button-height); font-size:1rem; border-radius:min(var(--radius,0.875rem),1rem);}input.error,textarea.error{ background-size:1.25rem 1.25rem; background-image:var(--svg-notification) !important; padding-right:2.5rem !important;}textarea.error{ background-position:calc(100% - 0.625rem) 1rem;}input.error{ background-position:calc(100% - 0.625rem) center;}select{ background-image:var(--svg-marker-down); background-size:1.25rem 1.25rem; background-position:calc(100% - 0.8125rem) center; height:var(--button-height); margin:0; padding:0 2.5rem 0 0.75rem; position:relative;}select[class*=small]{ background-size:0.625rem 0.375rem;}select.error{ background-image:var(--svg-notification),var(--svg-marker-down); background-size:1.25rem 1.25rem; background-position:calc(100% - 2.5rem) center,calc(100% - 0.8125rem) center; padding-right:4.0625rem;}@media(prefers-color-scheme:dark){ input.error,textarea.error{background-image:var(--svg-notification-fff) !important;} select{background-image:var(--svg-marker-down-fff);} select.error{background-image:var(--svg-notification-fff),var(--svg-marker-down-fff);}}select.btn{ padding-right:2.5rem !important;}select::-ms-expand{ display:none;}textarea{ resize:none; font-size:1rem; line-height:inherit; padding:0.625rem; border-radius:var(--radius);}@media(max-width:47.9375rem){ textarea{height:calc(var(--button-height) * 3);}}@media(min-width:48rem){ textarea{height:calc(var(--button-height) * 4);}}textarea.textarea-contain{ min-height:max(18.75rem,30vh); box-sizing:border-box; overflow-y:hidden; resize:vertical;}textarea.markdown-edit{ font-size:0.9375rem;}textarea.textarea-wrap-off{ padding:0 1rem; height:var(--button-height); min-height:var(--button-height); max-height:var(--button-height); line-height:var(--button-height); white-space:pre; background-position-y:center;}label{ padding-left:calc(var(--radius) / 2); color:var(--basic-color); display:inline-block; margin-bottom:0.25rem;}fieldset[disabled] input,fieldset[disabled] select,fieldset[disabled] textarea,input[disabled],select[disabled],textarea[disabled]{ opacity:.5; cursor:not-allowed;}input[readonly="readonly"]{ cursor:default; font-style:italic;}[data-optional]:after{ content:" \20(" attr(data-optional) ")" / ""; text-transform:lowercase; font-size:smaller;}label[data-marker]:has(~:is([required],[aria-required="true"])):after{ text-transform:lowercase; font-size:smaller;}label[data-marker=""]:has(~:is([required],[aria-required="true"])){:root[lang="fr"] &:after{content:" \2731" / " élément obligatoire";}:root[lang="en"] &:after{content:" \2731" / " required";}:root[lang="es"] &:after{content:" \2731" / " elemento obligatorio";}:root[lang="de"] &:after{content:" \2731" / " Pflichtfeld";}:root[lang="it"] &:after{content:" \2731" / " elemento obbligatorio";}:root[lang="pt"] &:after{content:" \2731" / " elemento obrigatório";}}label[data-marker]:not([data-marker=""]):has(~:is([required],[aria-required="true"])){:root[lang="fr"] &:after{content:" " attr(data-marker) / " élément obligatoire";}:root[lang="en"] &:after{content:" " attr(data-marker) / " required";}:root[lang="es"] &:after{content:" " attr(data-marker) / " elemento obligatorio";}:root[lang="de"] &:after{content:" " attr(data-marker) / " Pflichtfeld";}:root[lang="it"] &:after{content:" " attr(data-marker) / " elemento obbligatorio";}:root[lang="pt"] &:after{content:" " attr(data-marker) / " elemento obrigatório";}}[data-marker-legend=""]{:root[lang="fr"] &:after{content:"Les champs marqués \20\2731\20sont nécessaires.";}:root[lang="en"] &:after{content:"Fields marked \20\2731\20 are required.";}:root[lang="es"] &:after{content:"Los campos marcados \20\2731\20 son obligatorios.";}:root[lang="de"] &:after{content:"Mit \20\2731\20 markierte Felder sind Pflichtfelder.";}:root[lang="it"] &:after{content:"I campi contrassegnati \20\2731\20 sono obbligatori.";}:root[lang="pt"] &:after{content:"Os campos marcados \20\2731\20 são obrigatórios.";}}[data-marker-legend]:not([data-marker-legend=""]){:root[lang="fr"] &:after{content:"Les champs marqués " attr(data-marker-legend) "\20 sont nécessaires.";}:root[lang="en"] &:after{content:"Fields marked " attr(data-marker-legend) "\20 are required.";}:root[lang="es"] &:after{content:"Los campos marcados " attr(data-marker-legend) "\20 son obligatorios.";}:root[lang="de"] &:after{content:"Mit " attr(data-marker-legend) "\20 markierte Felder sind Pflichtfelder.";}:root[lang="it"] &:after{content:"I campi contrassegnati " attr(data-marker-legend) "\20 sono obbligatori.";}:root[lang="pt"] &:after{content:"Os campos marcados " attr(data-marker-legend) "\20 são obrigatórios.";}}body.js .md-label{ position:relative; padding-top:1.6875rem; & label{margin:0;line-height:var(--button-height);height:var(--button-height);position:absolute;display:inline-block;left:var(--small-radius);top:1.6875rem;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0.625rem;z-index:1;@media(prefers-reduced-motion:no-preference){:root:not(.no-motion) &{transition:top .1s ease,left .1s ease;}}& + *:not(div){ padding-left:0.625rem;}} &.focus-in label{line-height:initial;height:auto;padding-left:0.625rem;padding-right:0;top:0;} &:not(.focus-in){&.js--md-type-select{ & select{color:transparent;} & label{z-index:1;pointer-events:none;}}&::placeholder{color: rgba(0, 0, 0, 0) !important;}}}input::-ms-clear{ display:none;}form fieldset + fieldset{ margin-top:var(--gutter);}fieldset.outer-line legend{ background-color:var(--background-color-secondary); color:var(--heading-color); padding:0 0.625rem; border-radius:var(--radius); box-shadow:inherit;}fieldset[class*=box-shadow] legend{ box-shadow:inherit;}fieldset.box-shadow-thin:not(.outer-line){ background-color:inherit; padding:var(--small-gutter) var(--small-gutter) var(--half-gutter); border-radius:var(--radius);}fieldset.box-shadow-thin:not(.outer-line) legend{ font-weight:bolder; background-color:inherit; box-shadow:none; padding:0 var(--tiny-gutter);}meter{ -webkit-appearance:none; appearance:none; --background-metter:transparent; --optimum:var(--link-color); --sub-optimum:gold; --sub-sub-optimum:crimson; background:var(--optimum); display:inline-block; width:100%; vertical-align:middle;}:root:not(.contrast) meter{ opacity:.7; border-radius:1rem;}meter::-webkit-meter-bar{ background:var(--background-metter); border-radius:1rem;}meter:-moz-meter-optimum::-moz-meter-bar{ background:var(--optimum); border-radius:1rem;}meter::-webkit-meter-optimum-value{ background:var(--optimum); border-radius:1rem;}meter:-moz-meter-sub-optimum::-moz-meter-bar{ background:var(--sub-optimum); border-radius:1rem;}meter::-webkit-meter-suboptimum-value{ background:var(--sub-optimum); border-radius:1rem;}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{ background:var(--sub-sub-optimum); border-radius:1rem;}meter::-webkit-meter-even-less-good-value{ background:var(--sub-sub-optimum); border-radius:1rem;}[aria-invalid]{ background-position:calc(100% - .625rem) center; background-size:1.5rem 1.5rem; padding-right:2.5rem;}[aria-invalid="false"]{ background-image:var(--icon-valid);}[aria-invalid="true"]{ background-image:var(--icon-invalid);}input[type=range]{ -webkit-appearance:none; appearance:none; height:0.5rem; border-radius:0.5rem; background:linear-gradient(to right,var(--canvasText) 0%,var(--canvasText) var(--range-fill,0%),var(--box-shadow-forms-elements) var(--range-fill,0%) ); outline:none; cursor:pointer; box-shadow:none; @media(forced-colors:none){border:none;} padding:0; width:100%;}input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:1.5rem; height:1.5rem; border-radius:50%; background:var(--link-color); @media(forced-colors:none){border:none;} cursor:pointer;}input[type=range]::-moz-range-thumb{ width:1.5rem; height:1.5rem; border-radius:50%; background:var(--link-color); @media(forced-colors:none){border:none;} cursor:pointer;}input[type=range]:hover::-webkit-slider-thumb{ transform:scale(1.15);}:root.use-keyboard input[type=range]:focus::-webkit-slider-thumb{ box-shadow:0 0 0 0.25rem color-mix(in srgb,var(--canvasText) 30%,transparent);}fieldset[disabled] input[type=range],input[type=range][disabled]{ opacity:.5; cursor:not-allowed;}
@media(max-width:63.9375rem){:root{--input-size:2.5em;& .input-tiny{ --input-size:1.8125em;}}}@media(min-width:64rem){:root{--input-size:2.75em;& .input-tiny{ --input-size:2.0625em;}}}:root{ --input-radius:var(--input-size);}input:is([type="radio"],[type="checkbox"]){ position:absolute; width:0 !important; height:0 !important; padding:0 !important; overflow:hidden; outline:none; box-shadow:none !important; & + label{--input-bg:var(--canvas,white);--input-bg-reverse:var(--basic-color-reverse,white);--input-color-primary:var(--canvasText,black);--input-color-basic:var(--basic-color,black);--input-color-checked:CanvasText;--input-color-hover:var(--basic-color,black);--input-color-error:var(--error-color,orangered);--input-color-disabled:var(--lightgray,lightgrey);--input-stroke-width:0.0625rem;--svg-switch-on:url('data:image/svg+xml,');--svg-switch-off:url('data:image/svg+xml,');--svg-switch-on-light:url('data:image/svg+xml,');--svg-switch-off-light:url('data:image/svg+xml,');--image-checked:url('data:image/svg+xml,');--image-unchecked:url('data:image/svg+xml,');--svg-ischeck:url('data:image/svg+xml,');--svg-dots:url('data:image/svg+xml,');--svg-error:url('data:image/svg+xml,');position:relative;display:inline-block;line-height:calc(var(--input-size) / 1.5);border-radius:0.1875em;@media(any-hover:hover){ cursor:pointer;}&:after{ height:calc(var(--input-size) / 2); width:calc(var(--input-size) / 2); content:"\20" / ""; position:absolute; left:0.125em; border-radius:var(--input-radius); font-family:sans-serif !important;}} &:checked + label{color:var(--link-color,LinkText);} &:disabled + label{opacity:.6;&:after{ background-color:var(--input-color-disabled);}} &.error{&:not(:checked){ & + label{color:var(--input-color-error);&:before{ box-shadow:0 0 0 var(--input-stroke-width) currentColor;}&:not(.checkbox-square):after{ -webkit-mask-size:0.75em !important; mask-size:0.75em !important; left:calc(var(--input-size) / 4 + calc(var(--input-stroke-width) * 2));}&.checkbox-square:after{ -webkit-mask-size:calc(var(--input-size) / 4) !important; mask-size:calc(var(--input-size) / 4) !important;}&:after{ -webkit-mask-image:var(--svg-error) !important; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center center; mask-image:var(--svg-error) !important; mask-repeat:no-repeat; mask-position:center center; background-color:var(--input-color-error) !important; opacity:1; border-radius:0 !important;}}}} &:default:not(:checked) + label{color:var(--input-color-checked);font-weight:bolder;text-decoration:underline;text-underline-position:under;text-decoration-style:dashed;} @media(any-hover:hover){&:not(:checked) + label:hover{ color:var(--input-color-hover); text-decoration:underline; text-underline-position:under; text-decoration-style:var(--text-decoration-style); text-decoration-color:currentColor; text-decoration-thickness:var(--text-decoration-thickness);}}}:root.use-keyboard input:is([type="radio"],[type="checkbox"]){ &:focus + label{outline-offset:0.1875em;outline:var(--outline);} &:not(:checked):focus + label{color:var(--input-color-hover);}}[type="checkbox"] + label:not(.checkbox-square){ padding-left:calc(var(--input-size) + 0.9375em); &:before{border-radius:var(--input-radius);box-shadow:0 0 0 0.0625rem var(--input-color-primary);content:"";display:inline-block;font-family:sans-serif !important;height:calc(var(--input-size) / 2);left:0.125em;position:absolute;top:0.1875em;width:var(--input-size);} &:after{background-color:var(--input-color-basic);border:solid var(--input-stroke-width) var(--input-bg);top:0.1875em;}}:is(:root.contrast,:root.use-keyboard,.inputs-marker) [type="checkbox"] + label:not(.switch-marker):not(.checkbox-square):after{ -webkit-mask-size:90%; -webkit-mask-image:var(--image-unchecked); -webkit-mask-position:center center; mask-size:90%; mask-image:var(--image-unchecked); mask-position:center center;}[type="checkbox"]:not(:checked) + label:not(.checkbox-square):after{ border-radius:calc(var(--input-radius) + var(--input-stroke-width)) !important; opacity:.8;}[type="checkbox"]:checked + label:not(.checkbox-square){ &:before{background-color:currentColor;box-shadow:0 0 0 0.0625rem currentColor;} &:after{left:calc(var(--input-size) / 2 + 0.125em) !important;background-color:var(--input-bg-reverse);border:solid 0.0625rem currentColor;opacity:1;}}:is(:root.contrast,:root.use-keyboard,.inputs-marker) [type="checkbox"]:checked + label:not(.switch-marker):not(.checkbox-square):after{ -webkit-mask-image:var(--image-checked); mask-image:var(--image-checked);}[type="checkbox"] + label.switch-marker{ &:before{background-image:var(--svg-switch-off);background-position:88% 55%;background-size:35%;top:0.1875em;@media(prefers-color-scheme:dark){ background-image:var(--svg-switch-off-light);}} &::after{top:0.1875em;}}[type="checkbox"]:checked + label.switch-marker:before{ background-image:var(--svg-switch-on-light); background-position:12% center; background-size:40%; @media(prefers-color-scheme:dark){background-image:var(--svg-switch-on);}}[type="radio"] + label{ padding-left:calc(var(--input-size) / 2 + 0.9375em); &:before{border-radius:var(--input-size);box-shadow:0 0 0 var(--input-stroke-width) currentColor;content:"\20" / "";display:inline-block;font-family:sans-serif !important;height:calc(var(--input-size) / 2);left:0.125em;position:absolute;top:0.1875em;width:calc(var(--input-size) / 2);}}[type="radio"]:checked + label:after{ border-radius:var(--input-size) !important; top:0.1875em; background-color:currentColor; box-shadow:0 0 0 var(--input-stroke-width) var(--input-bg) inset;}:is(:root.contrast,:root.use-keyboard,.inputs-marker) [type="radio"]:checked + label:after{ -webkit-mask-image:var(--image-checked); -webkit-mask-position:center center; -webkit-mask-size:85%; mask-image:var(--image-checked); mask-position:center center; mask-size:85%;}[type="checkbox"]:indeterminate + label:not(.checkbox-square){ &:before{background-color:transparent;} &:after{background-color:var(--input-color-disabled);content:"\A0" / "";font-size:calc(var(--input-size) / 3);display:flex;align-items:center;justify-content:center;line-height:calc(var(--input-size) / 1.5);height:calc(var(--input-size) / 2);font-family:inherit !important;-webkit-mask-image:none !important;mask-image:none !important;top:0.25em;left:calc(var(--input-size) / 3 + calc(var(--input-stroke-width) * .5));box-shadow:0 0 0 var(--input-stroke-width);}}[type="checkbox"][data-indeterminate]:not(:indeterminate) + label:not(.checkbox-square):after{ content:"\A0" / ""; -webkit-mask-size:contain; -webkit-mask-image:var(--image-unchecked); -webkit-mask-position:center center; -webkit-mask-repeat:no-repeat; mask-size:contain; mask-image:var(--image-unchecked); mask-position:center center; mask-repeat:no-repeat;}[type="checkbox"][data-indeterminate]:not(:indeterminate):checked + label:not(.checkbox-square):after{ -webkit-mask-image:var(--image-checked); mask-image:var(--image-checked);}[type="checkbox"] + label.checkbox-square{ padding-left:max(calc(var(--input-size) / 2 + 1em),1.5625rem); &:before{border-radius:0.1875rem;background-color:var(--input-bg);box-shadow:0 0 0 var(--input-stroke-width) var(--input-color-checked) inset;width:max(calc(var(--input-size) / 2),1.375rem);height:max(calc(var(--input-size) / 2),1.375rem);top:50%;transform:translateY(-50%);content:"";display:inline-block;position:absolute;left:0.125em;background-image:none;} &:after{width:max(calc(var(--input-size) / 2),1.375rem);height:max(calc(var(--input-size) / 2),1.375rem);top:50%;transform:translateY(-50%);left:0.125em;background-color:var(--link-color,LinkText);border:solid 0.0625rem transparent;opacity:0;content:"\A0" / "";-webkit-mask-image:var(--svg-ischeck);-webkit-mask-position:center center;-webkit-mask-size:65%;-webkit-mask-repeat:no-repeat;mask-image:var(--svg-ischeck);mask-position:center center;mask-size:65%;mask-repeat:no-repeat;}}[type="checkbox"]:checked + label.checkbox-square{ &:before{box-shadow:0 0 0 var(--input-stroke-width) currentColor inset;} &:after{opacity:1;left:0.125em;background-color:var(--link-color,LinkText);}}[type="checkbox"]:indeterminate + label.checkbox-square{ &:before{box-shadow:0 0 0 var(--input-stroke-width) currentColor inset;background-image:none;} &:after{width:max(calc(var(--input-size) / 2),1.375rem);height:max(calc(var(--input-size) / 2),1.375rem);left:0.125em;background-color:var(--input-color-basic);content:"\A0" / "";-webkit-mask-image:var(--svg-dots);-webkit-mask-position:center center;-webkit-mask-size:65%;-webkit-mask-repeat:no-repeat;mask-image:var(--svg-dots);mask-position:center center;mask-size:65%;mask-repeat:no-repeat;opacity:1;border:solid var(--input-stroke-width) transparent;}}@media(prefers-reduced-motion:no-preference){ [type="radio"] + label:after, [type="checkbox"] + label:before, [type="checkbox"] + label:after{transition:background-color .3s;} [type="checkbox"] + label:not(.checkbox-square):after{transition:left .2s,background-color .3s,border-color .3s;} [type="checkbox"] + label.checkbox-square:after{transition:opacity .3s,background-color .3s;}}input:is([type="radio"],[type="checkbox"]).input-right{ & + label{padding-left:0;padding-right:calc(var(--input-size) + 0.9375em);&:before,&:after{ left:auto; right:0.125em;}}}[type="checkbox"].input-right:checked + label:not(.checkbox-square):after{ left:auto !important; right:calc(var(--input-size) / 2 + 0.125em) !important;}[type="radio"].input-right + label{ padding-right:calc(var(--input-size) / 2 + 0.9375em);}[type="checkbox"].input-right + label.checkbox-square{ padding-right:max(calc(var(--input-size) / 2 + 1em),1.5625rem); &:before, &:after{right:0.125em;left:auto;}}[type="checkbox"].input-right.error:not(:checked) + label:not(.checkbox-square):after{ left:auto !important; right:calc(var(--input-size) / 4 + calc(var(--input-stroke-width) * 2));}[type="checkbox"].input-right:indeterminate + label:not(.checkbox-square):after{ left:auto !important; right:calc(var(--input-size) / 4 + calc(var(--input-stroke-width) * 3));}
header .menu-user-parent.lazy{ position:absolute; right:calc(var(--header-outer-height) + 1px); top:0; bottom:0; display:inline-block; height:var(--header-outer-height); width:var(--header-outer-height);}#menu-user{ position:absolute; right:1px; top:0; bottom:0; display:inline-block; height:var(--header-outer-height); width:var(--header-outer-height);}#menu-user > div{ height:inherit; width:inherit;}#menu-user .mask-icon{ -webkit-mask-image:var(--svg-user); mask-image:var(--svg-user);}#menu-user button:not(.logged){ height:var(--header-outer-height); vertical-align:top; width:var(--header-outer-height);}#menu-user button.logged .mask-icon{ background-color:var(--link-color);}#menu-user > ul{ right:0; width:min(25rem,calc(100vw - var(--gutter)));}#menu-user > ul > li:last-child{ border-radius:0 0 var(--radius) var(--radius); overflow:hidden;}#menu-user > ul > li:first-child > a{ border-radius:var(--radius) var(--radius) 0 0;}#menu-user ul ul{ min-width:100%; padding-bottom:0.0625rem; box-shadow:0 1px 0 0 var(--box-shadow);}#menu-user a{ display:block; white-space:nowrap; color:var(--canvasText); text-decoration:none; line-height:2.25rem; font-size:calc(var(--font-size) * .9);}@media(max-width:63.9375rem){ #menu-user a{padding:0 var(--half-gutter);} #menu-user ul ul a{padding-left:calc(var(--half-gutter) * 2.5);}}@media(min-width:64rem){ #menu-user a{padding:0 calc(var(--half-gutter));} #menu-user ul ul a{padding-left:calc(var(--half-gutter) * 2);}}@media(any-hover:hover){ html #menu-user a:hover{color:var(--canvas) !important;background-color:var(--link-color);} }
.order-1{ order:1;}.order-2{ order:2;}.order-3{ order:3;}.order-4{ order:4;}.order-5{ order:5;}.order-6{ order:6;}.order-7{ order:7;}.order-8{ order:8;}.order-9{ order:9;}.order-10{ order:10;}@media(min-width:20rem) and (max-width:29.9375rem){ .xs-order-1{order:1;} .xs-order-2{order:2;} .xs-order-3{order:3;} .xs-order-4{order:4;} .xs-order-5{order:5;} .xs-order-6{order:6;} .xs-order-7{order:7;} .xs-order-8{order:8;} .xs-order-9{order:9;} .xs-order-10{order:10;}}@media(min-width:30rem) and (max-width:47.9375rem){ .s-order-1{order:1;} .s-order-2{order:2;} .s-order-3{order:3;} .s-order-4{order:4;} .s-order-5{order:5;} .s-order-6{order:6;} .s-order-7{order:7;} .s-order-8{order:8;} .s-order-9{order:9;} .s-order-10{order:10;}}@media(min-width:48rem) and (max-width:63.9375rem){ .m-order-1{order:1;} .m-order-2{order:2;} .m-order-3{order:3;} .m-order-4{order:4;} .m-order-5{order:5;} .m-order-6{order:6;} .m-order-7{order:7;} .m-order-8{order:8;} .m-order-9{order:9;} .m-order-10{order:10;}}@media(min-width:64rem) and (max-width:89.9375rem){ .l-order-1{order:1;} .l-order-2{order:2;} .l-order-3{order:3;} .l-order-4{order:4;} .l-order-5{order:5;} .l-order-6{order:6;} .l-order-7{order:7;} .l-order-8{order:8;} .l-order-9{order:9;} .l-order-10{order:10;}}@media(min-width:90rem){ .xl-order-1{order:1;} .xl-order-2{order:2;} .xl-order-3{order:3;} .xl-order-4{order:4;} .xl-order-5{order:5;} .xl-order-6{order:6;} .xl-order-7{order:7;} .xl-order-8{order:8;} .xl-order-9{order:9;} .xl-order-10{order:10;}}
#snack-bar{ --svg-close:url('data:image/svg+xml,'); --radius:0.5625rem; background-color:var(--basic-color,white); color:var(--basic-color-reverse,black); border-radius:var(--radius); font-size:var(--font-size,inherit); max-width:calc(100vw - var(--gutter,3.125rem)); max-height:calc(100dvh - var(--gutter,3.125rem)); padding:1rem 1.5rem 1rem 1.5rem; position:fixed; width:fit-content; border:none; overflow-y:auto; &::backdrop{background-color:transparent;} &:not([class*="type-"]){box-shadow:0 0 0 1px var(--box-shadow),0 0.4375rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.3);} &[class*="type-"]{box-shadow:0 0.4375rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.3);&:not([class*="reverse"]){ padding-left:2.25rem; &:before{position:absolute;top:1.375rem;left:0.75rem;content:"";width:1rem;height:1rem;background-color:currentColor;-webkit-mask-position:center center;-webkit-mask-size:contain;-webkit-mask-image:var(--svg-before);mask-position:center center;mask-size:contain;mask-image:var(--svg-before);}}} &[class*="-center"]{left:50%;} &[style*="auto"]{left:var(--fixed-position,1.5625rem);right:var(--fixed-position,1.5625rem);} &.with-btn{padding-right:3rem;} &.pos-top-left{top:var(--half-gutter,1.5625rem);left:var(--half-gutter,1.5625rem);@media(min-width:90rem){ left:var(--fixed-position,1.5625rem);}} &.pos-center{top:50%;transform:translate(-50%,-50%);} &.pos-top-center{top:var(--half-gutter,1.5625rem);transform:translateX(-50%);} &.pos-top-right{top:var(--half-gutter,1.5625rem);right:var(--half-gutter,1.5625rem);left:initial;@media(min-width:90rem){ right:var(--fixed-position,1.5625rem);}} &.pos-bottom-left{top:initial;bottom:var(--half-gutter,1.5625rem);left:var(--half-gutter,1.5625rem);@media(min-width:90rem){ left:var(--fixed-position,1.5625rem);}} &.pos-bottom-center{top:initial;bottom:var(--half-gutter,1.5625rem);transform:translateX(-50%);} &.pos-bottom-right{top:initial;bottom:var(--half-gutter,1.5625rem);right:var(--half-gutter,1.5625rem);left:initial;@media(min-width:90rem){ right:var(--fixed-position,1.5625rem);}} &.type-reverse{background-color:var(--heading-color,black);color:var(--basic-color-reverse,white);} &.type-success{--svg-before:url('data:image/svg+xml,');background-color:var(--green,green);color:white;@media(prefers-color-scheme:dark){ color:black;}} &.type-alert{--svg-before:url('data:image/svg+xml,');background-color:var(--yellow,yellow);color:black;} &.type-error{--svg-before:url('data:image/svg+xml,');background-color:var(--raspberry,red);color:white;} & .snack-bar--title{margin:0 !important;color:inherit;font-size:inherit;font-weight:600;} & .snack-bar--close{background-color:transparent;border-radius:0 var(--radius) 0 0;color:inherit;height:2rem;outline-color:currentColor;outline-offset:-2px;position:absolute;right:0;top:0;width:2rem;z-index:1;&:after{ background-color:currentColor; -webkit-mask-image:var(--svg-close); -webkit-mask-position:center center; -webkit-mask-size:1rem 1rem; -webkit-mask-repeat:no-repeat; mask-image:var(--svg-close); mask-position:center center; mask-size:1rem 1rem; mask-repeat:no-repeat; position:absolute; width:2rem; height:2rem; content:""; top:0; left:0;}}}:root.snackbar-overflow{ height:100dvh; overflow:hidden; & body{overscroll-behavior:none;& > [inert]{ -webkit-filter:blur(3px); filter:blur(3px);}}}
.finalCountDown{ font-weight:normal; color:var(--canvasText,black); line-height:inherit; padding-left:var(--small-radius,0.625em); &:not([class*="font-size"]){font-size:inherit;} & + textarea[data-calculate], textarea[data-calculate] + &{margin-block-start:0.3125rem;} &.threshold-warning{color: rgb(193,71,5) !important;font-weight:500;} &.threshold-alert{color:var(--error-color,red) !important;font-weight:600;}}
:root[class*='backdrop']{ height:100dvh; overflow:hidden; body{overscroll-behavior:none;} &:not(.no-blur) body > *:not(:is(.mary-poppins,[class*="admin"],#snack-bar)){-webkit-filter:blur(5px);filter:blur(5px);opacity:.1;}}:root.backdrop body{ &:after{position:fixed;content:'';inset:0;z-index:5;} &:before{position:fixed;color:black;background-color:white;top:50%;left:50%;border-radius:var(--gutter,2.5rem);content:attr(data-loading);z-index:6;transform:translate(-50%,-50%);background-image:var(--svg-colibri);background-position:var(--small-gutter,0.625rem) center;}}@media(prefers-color-scheme:light){:root.backdrop body:before{box-shadow:0 0 0 0.0625rem darkgray;}}@media(max-width:47.9375rem){:root.backdrop body:before{line-height:calc(var(--gutter,2.5rem) * 1.5);padding:0 calc(var(--half-gutter,1.25rem) * 1.5) 0 calc(var(--gutter,2.5rem) * 1.5);background-size:var(--gutter,2.5rem);}}@media(min-width:48rem){:root.backdrop body:before{line-height:var(--gutter,2.5rem);padding:0 var(--half-gutter,1.25rem) 0 var(--gutter,2.5rem);background-size:var(--half-gutter,1.25rem);}}.mary-poppins{ --background-color-popin:var(--background-color-secondary,white); --box-shadow-color:var(--box-shadow); --mary-poppins-radius:0.625rem; background-color:var(--background-color-popin); border-radius:var(--mary-poppins-radius); color:inherit; max-width:calc(100vw - calc(var(--mary-poppins-gutter) / 2)); overscroll-behavior-y:contain; position:fixed; top:calc(var(--mary-poppins-gutter) / 4); left:50%; transform:translateX(-50%); --max-height:calc(100dvh - calc(var(--mary-poppins-gutter) / 2)); --mary-poppins-header-height:calc(var(--mary-poppins-gutter) * 1.2); --mary-poppins-footer-height:var(--mary-poppins-header-height); @media(max-width:63.9375rem){--mary-poppins-gutter:2.75rem;} @media(min-width:64rem){--mary-poppins-gutter:3.125rem;} @media(max-width:30rem){min-width:calc(100vw - var(--gutter,2.5rem));} @media(any-hover:none) and (max-width:47.9375rem){--max-height:calc(100dvh - var(--mary-poppins-gutter));&:not(.mary-poppins-center){ top:auto; bottom:calc(var(--mary-poppins-gutter) / 4);}} &.mary-poppins-center{top:50%;left:50%;transform:translate(-50%,-50%);} &:before{position:fixed;inset:calc(50% - 50vh) var(--margin-hero,calc(50% - 50vw)) calc(50% - 50vh) var(--margin-hero,calc(50% - 50vw));content:'';z-index:-1;pointer-events:all;} :root.backdrop-inert &{&:before{ pointer-events:none;}} header,.header,footer,.footer,.mary-poppins-content{background-color:var(--background-color-popin);} &.mary-poppins-full-width{width:var(--size-bodyss,calc(100dvw - 3rem));} .mary-poppins-content{max-height:var(--max-height);overflow:auto;padding:calc(var(--mary-poppins-gutter) / 2);box-shadow:0 0 0 1px var(--box-shadow-color);outline-offset:-1px;} &:not(.with-header) .mary-poppins-content{padding-right:calc(var(--mary-poppins-gutter) / 1.2);padding-left:calc(var(--mary-poppins-gutter) / 1.8);} &.with-header .mary-poppins-content{margin-top:var(--mary-poppins-header-height);max-height:calc(var(--max-height) - var(--mary-poppins-header-height));} &.with-footer .mary-poppins-content{margin-bottom:var(--mary-poppins-footer-height);max-height:calc(var(--max-height) - var(--mary-poppins-footer-height));} &.with-footer.with-header .mary-poppins-content{max-height:calc(var(--max-height) - calc(var(--mary-poppins-header-height) + var(--mary-poppins-footer-height)));} &.with-header header{box-shadow:0 1px 0 0 var(--box-shadow-color),0 0 0 1px var(--box-shadow-color);color:var(--heading-color,black);font-weight:500;line-height:var(--mary-poppins-header-height);padding:0 var(--mary-poppins-header-height) 0 calc(var(--mary-poppins-gutter) / 2);position:absolute;inset:0 0 calc(100% - var(--mary-poppins-header-height)) 0;border-radius:var(--mary-poppins-radius) var(--mary-poppins-radius) 0 0;> *{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:unset !important; line-height:inherit;}} footer,.footer{border-radius:0 0 var(--mary-poppins-radius) var(--mary-poppins-radius);box-shadow:0 -1px 0 0 var(--box-shadow-color),0 0 0 1px var(--box-shadow-color);inset:calc(100% - var(--mary-poppins-footer-height)) 0 0 0;line-height:var(--mary-poppins-footer-height);margin:0;padding:0 calc(var(--mary-poppins-gutter) / 2);position:absolute;} &:not(.with-header):not(.with-footer) .mary-poppins-content{border-radius:var(--mary-poppins-radius);} &.with-footer:not(.with-header) .mary-poppins-content{border-radius:var(--mary-poppins-radius) var(--mary-poppins-radius) 0 0;} &.with-header:not(.with-footer) .mary-poppins-content{border-radius:0 0 var(--mary-poppins-radius) var(--mary-poppins-radius);} .mary-poppins-btn-close{background-color:transparent;border-radius:0 var(--mary-poppins-radius) 0 0;color:inherit;height:var(--mary-poppins-header-height);right:1px;top:1px;position:absolute;width:var(--mary-poppins-header-height);z-index:1;--outline-offset:-0.125rem;--outline-color:var(--link-color,black);--mask-image-before:url('data:image/svg+xml,');--mask-image-after:url('data:image/svg+xml,');&:after,&:before{ content:''; -webkit-mask-position:center center; -webkit-mask-size:60%; -webkit-mask-repeat:no-repeat; mask-position:center center; mask-size:60%; mask-repeat:no-repeat; position:absolute; inset:0;}&:after{ -webkit-mask-image:var(--mask-image-after); mask-image:var(--mask-image-after); background-color:var(--basic-color,black);}} &:not(.with-header) .mary-poppins-btn-close{width:calc(var(--mary-poppins-gutter) / 1.2);height:calc(var(--mary-poppins-gutter) / 1.2);} &.with-header .mary-poppins-btn-close{&:after,&:before{ -webkit-mask-size:40%; mask-size:40%;}} [class*=stick]{position:-webkit-sticky;position:sticky;top:calc(calc(var(--mary-poppins-gutter) / 2) * -1);} .sticky-line{background-color:inherit;}}:root.contrast{ .mary-poppins{--box-shadow-color:var(--canvasText,black);padding:1px;&.with-header header{ inset:1px 1px calc(100% - var(--mary-poppins-header-height)) 1px;}footer,.footer{ inset:calc(100% - var(--mary-poppins-footer-height)) 1px 1px 1px;}.mary-poppins-btn-close{ --outline-offset:-0.0625rem; &:before{-webkit-mask-image:var(--mask-image-before);mask-image:var(--mask-image-before);background-color:var(--basic-color-reverse,white);}}}}:root[class*="backdrop"]{ &:not(.contrast) [inert]{opacity:.35;} &.contrast [inert]{opacity:.06;}}
.message-dialog{ background-color: rgb(255,255,255); color:black; border-radius:var(--radius,0.1875rem); font-family:inherit; font-size:inherit; margin-block:var(--half-gutter,1.25rem); padding:var(--small-gutter,1.25rem) var(--half-gutter,1.25rem) var(--half-gutter,1.25rem); position:relative; & > p:first-child{position:relative;padding-left:var(--gutter);&:not([class*=bloc])::before{ background-color:currentColor; -webkit-mask-repeat:no-repeat; -webkit-mask-image:var(--svg-info); -webkit-mask-position:left center; -webkit-mask-size:1.25rem 1.25rem; mask-repeat:no-repeat; mask-image:var(--svg-info); mask-position:left center; mask-size:1.25rem 1.25rem; width:var(--gutter); height:1.5625rem; content:""; position:absolute; left:0;}} & ul, & ol{line-height:inherit;} & li{line-height:inherit;padding-left:var(--gutter);} @media(max-width:63.9375rem){& > p + ul,& > p + ol{ margin-top:var(--small-gutter,0.625rem);}} @media(min-width:64rem){& > p + ul,& > p + ol{ margin-top:var(--tiny-gutter,0.3125rem);}} & button{background-color: rgba(0, 0, 0, 0) !important;color:inherit;outline-color:currentColor !important;} & ol{counter-reset:count_errors;& button::before{ content:counter(count_errors) '\A0:\A0'; counter-increment:count_errors; font-size:inherit; line-height:inherit; text-align:right; display:inline-block; white-space:nowrap;}} &.error{color:var(--basic-color-reverse);background-color:var(--basic-color);& > p:first-child::before{ -webkit-mask-image:var(--svg-notification); mask-image:var(--svg-notification);}} &.result{background-color:var(--lightgreen, rgb(212,249,201));color:black;& > p:first-child::before{ -webkit-mask-image:var(--svg-thumb); mask-image:var(--svg-thumb);}}}.describe-input{ padding-left:0.625rem; padding-top:0.4375rem; font-size:0.875rem; display:block;}.hidden-describe-input{ & .describe-input{visibility:collapse;} & .error ~ .describe-input{visibility:initial;}}label.error,.error ~ .describe-input{ color:var(--basic-color); font-weight:bolder;}.error ~ .describe-input::before{ content:''; width:1.125rem; padding-bottom:1.125rem; background-color:var(--error-color); display:inline-flex; margin-right:0.3125em; vertical-align:text-bottom; -webkit-mask-image:var(--svg-info); -webkit-mask-size:95%; -webkit-mask-position:left center; -webkit-mask-repeat:no-repeat; mask-image:var(--svg-info); mask-size:95%; mask-position:left center; mask-repeat:no-repeat;}
:root:not(.contrast) .list-tags{ --dark-color: rgba(0, 0, 0, 0.75); --light-color: rgba(255, 255, 255, 0.9);}:root.contrast .list-tags{ --dark-color: rgb(0,0,0); --light-color: rgb(255,255,255);}.list-tags{ display:flex; align-content:flex-start; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; margin-right:calc(0.125rem * -1); margin-left:calc(0.125rem * -1); flex:1 1 0; padding-left:2rem; position:relative; color:var(--basic-color); list-style:none !important;}.list-tags:before{ position:absolute; background-color:var(--canvasText); -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; -webkit-mask-position:center center; -webkit-mask-image:var(--svg-tag-45deg); mask-repeat:no-repeat; mask-size:contain; mask-position:center center; mask-image:var(--svg-tag-45deg); content:"\A0" / ""; width:1.25rem; height:1.25rem; left:0.1875rem; top:0.3125rem;}.list-tags dt{ background-color:white; color:black;}.list-tags-item{ margin-right:0.1875rem; margin-left:0.125rem; list-style:none !important;}.list-tags-item:before{ display:none !important;}.list-tags > *,.span-tag{ font-size:0.8125rem; color:var(--basic-color-reverse); border-radius:0.25rem; margin-top:0.3125rem;}.list-tags.small-tags > *{ font-size:0.75rem;}.list-tags-item,.span-tag{ background-color:var(--basic-color); padding:0 0.3125rem;}:root[class*="dys"] .list-tags-item,.span-tag{ text-transform:capitalize;}:root:not([class*="dys"]) .list-tags-item,.span-tag{ font-family:var(--initial-font); text-transform:uppercase; font-weight:500;}.span-tag{ display:inline-block;}.tag-tools{ background-color:springgreen; color:black;}.tag-seo{ background-color:var(--link-color); color:var(--canvas);}.tag-accessibility{ background-color: rgb(83,215,105); color:var(--dark-color);}.tag-compliance{ background-color:var(--darkblue); color:var(--light-color);}@media(prefers-color-scheme:dark){ .tag-compliance{background-color:var(--blue);color:var(--dark-color);}}.tag-security{ background-color:var(--background-error-color); color:var(--dark-color);}.tag-script{ background-color: rgb(131,58,180); color:var(--light-color);}.tag-php{ background-color: rgb(170,120,203); color:var(--dark-color);}.tag-tips{ background-color: rgb(255,169,174); color:var(--dark-color);}.tag-resources{ background-color: rgb(221,179,33); color:var(--dark-color);}.tag-svg{ background-color: rgb(84,97,147); color:var(--light-color);}.tag-css{ background-color:var(--yellow); color:var(--dark-color);}.tag-performance{ background-color:darkgreen; color:var(--light-color);}.tag-mood{ background-color:salmon; color:var(--dark-color);}.tag-quality{ background-color:darkgoldenrod; color:black;}.tag-ux{ background-color:mediumvioletred; color:white;}.tag-no-tag{ background-color:maroon; color:white;}.tag-html{ background-color: rgb(255,124,28); color:var(--dark-color);}
#custom-popover-tooltip{ padding:var(--tiny-gutter) var(--small-gutter); border-radius:0.3125rem; line-height:1.3; border:none; position:absolute; opacity:0; font-size:0.875rem; font-weight:450; transition:opacity 200ms ease-in-out 20ms,overlay 100ms allow-discrete; &:popover-open{opacity:1;} @media(prefers-color-scheme:light){box-shadow:0 0.4375rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.5),0 0 5px -3px black inset,0 0 0 1px rgb(255,255,255) inset;background-color: rgb(30,30,30);color:white !important;} @media(prefers-color-scheme:dark){box-shadow:0 0.4375rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.5),0 0 5px -3px black inset,0 0 0 1px rgb(204,204,204) inset;background-color: rgb(245,245,245);color: rgb(2,0,1) !important;} &::backdrop{background-color:transparent;}}@starting-style{ #custom-popover-tooltip:popover-open{opacity:0;}}
#dialogAccessOptions{ & > p:first-child{background-color:var(--canvas);color:var(--basic-color);top:0;border-bottom:var(--box-shadow) 1px solid;height:3.75em;line-height:3.75em;padding-inline-end:3.75em;:root:not(.contrast) &{ box-shadow:var(--under-box-shadow);}& button + *{ line-height:3.75em; font-weight:bold;}& + ul{ margin-right:var(--half-gutter); margin-left:var(--half-gutter);}} & fieldset{margin-right:var(--half-gutter);margin-left:var(--half-gutter);margin-top:var(--half-gutter); & + fieldset{ margin-top:var(--half-gutter);}& legend ~ div{ margin-top:var(--small-gutter);}& label{ margin-left:0.625em;}} & > .display-shortcut p{margin-bottom:var(--half-gutter);} & .accessibility-link{padding:var(--half-gutter) 0;box-shadow:0 1px 0 0 var(--box-shadow) inset;text-align:center;margin:0 calc(var(--items-gutter) * -1);} & details{margin:var(--half-gutter) 0 0 0.625em;& p{ padding:var(--small-gutter) 0; margin-bottom:var(--small-gutter);}} & legend{font-weight:600;color:var(--basic-color);font-size:smaller;}}.success-w3c{ color: rgb(0,0,0); background-color: rgb(204,255,204); box-shadow:0 0 0 1px rgb(204,204,204); border-radius:0.25em; padding:.25rem .5rem; font-weight:700; font-family:Arial,sans-serif; font-size:0.875em; display:block;}
[data-summary]{ font-size:0.875rem; max-height:calc(100vh - var(--header-outer-height) * 1.5); overflow-y:auto; --outline-offset:-1px; &:empty{display:none;} &:before{content:attr(data-summary);position:absolute;left:0;top:0;color:var(--basic-color);font-weight:450;font-size:1rem;} @media(max-width:63.9375rem){padding:calc(var(--gutter) * 1.5) 0 0 0.0625rem !important;&:before{ line-height:calc(var(--gutter) * 1.5); background-position:0 center;}} @media(min-width:64rem){padding:var(--gutter) 0 0 0.0625rem !important;&:before{ line-height:var(--gutter); background-position:0 center;}} & li{position:relative;& + li{ margin-top:0.25rem;}&:before{ content:"\A0" / ""; position:absolute; width:0.0938rem; background-color:currentColor; font-size:0.0625em; top:0; left:0.0469rem; bottom:0; opacity:.25;}} & a{display:block;position:relative;z-index:0;text-decoration:none;color:var(--canvasText) !important;width:fit-content;padding-left:0.875rem;&:not(:hover){ text-decoration:none !important;}@media(any-hover:hover){ &:hover{color:var(--link-color) !important;}}} &.data-summary-nowrap a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .summary-link-active{& a:not(:hover){ color:var(--basic-color) !important;}&::before{ opacity:1; background-color:var(--link-color);}} & a.summary-licence-item, .summary-link-active a.summary-licence-item{font-weight:500;color:var(--basic-color) !important;} & a.summary-licence-item{&:before{ content:""; width:1.25rem; -webkit-mask-image:var(--svg-creative-common); -webkit-mask-size:contain; mask-image:var(--svg-creative-common); mask-size:contain; height:1.25rem; display:inline-block; background-color:var(--green); margin-right:0.3125rem; transform:translateY(0.3125rem);}@media(any-hover:hover){ &:hover{color:var(--link-color) !important;}}}}[data-summary-link]:not([class*="cta"]):target{ animation-name:target; animation-duration:1s; animation-iteration-count:2; animation-delay:.5s;}.markdown-content [data-summary-link]:target:before{ animation-name:target-after; animation-duration:1s; animation-iteration-count:2; animation-delay:.5s;}
:any-link:not([class*="cta"]):not(.type-button){ color:var(--link-color); text-decoration:none;}:root.grayscale p a:not([class*="cta"]){ color:var(--basic-color) !important; text-decoration:underline !important; text-decoration-style:var(--text-decoration-style); text-decoration-color:var(--text-decoration-color); text-decoration-thickness:var(--text-decoration-thickness);}:any-link:not([class*="cta"]):not(.type-button).color-inherit{ color:inherit;}:any-link:not([class*="cta"]),.href{ color:var(--link-color);}.any-link-underline a:any-link:not([class*="cta"]):not(.type-button):not([role="menuitem"]){ text-decoration:underline; text-decoration-style:var(--text-decoration-style); text-decoration-color:var(--text-decoration-color); text-decoration-thickness:var(--text-decoration-thickness); font-weight:400;}@media(any-hover:hover){:any-link:not([class*="cta"]):not(.type-button):hover,.href:hover{color:var(--link-color-alternate);text-decoration:underline;text-decoration-style:var(--text-decoration-style);text-decoration-color:var(--text-decoration-color);text-decoration-thickness:var(--text-decoration-thickness);} .href{cursor:pointer;}}:any-link[target="_blank"].js-blank:not(.no-blank)::before{ -webkit-mask-image:var(--svg-newtab); -webkit-mask-size:70%; -webkit-mask-position:center center; -webkit-mask-repeat:no-repeat; mask-image:var(--svg-newtab); mask-size:70%; mask-position:0.125em center; mask-repeat:no-repeat; width:1.75em; display:inline-flex; content:"\A0" / ""; font-family:sans-serif; font-size:1em; line-height:inherit; background-color:currentColor; vertical-align:baseline;}:any-link[target="_blank"].js-blank:not(.no-blank,[title])::after{ content:"" / ". Ouverture dans un nouvel onglet";}
[data-share]{ white-space:nowrap; text-align:center;}[data-share] .share-buttons{ position:relative; line-height:var(--gutter); white-space:nowrap; box-sizing:content-box; display:inline-flex; margin-bottom:0; margin-top:0;}[data-share] .share-buttons:not(.one-line){ padding-top:var(--gutter) !important;}[data-share] .share-buttons dt{ color:var(--basic-color); font-size:0.875em; position:absolute; top:0; left:50%; transform:translateX(-50%);}[data-share] .share-buttons dd{ list-style:none !important; padding:0; margin-bottom:0 !important; margin-top:0 !important;}[data-share] .share-buttons dd:before{ content:''; display:none;}[data-share] .share-buttons dd ~ dd{ margin-left:var(--small-gutter);}[data-share] .share-buttons button{ background-color:transparent; color:var(--basic-color); display:block; padding:0; position:static !important;}[data-share] .share-buttons button:before{ all:unset;}@media(max-width:47.9375rem){ [data-share] .share-buttons dd{height:var(--gutter);width:var(--gutter);} [data-share].reduced-size .share-buttons dd{height:var(--half-gutter);width:var(--half-gutter);}}@media(min-width:48rem){ [data-share] .share-buttons dd{height:2.25rem;width:2.25rem;} [data-share].reduced-size .share-buttons dd{height:1.5rem;width:1.5rem;}}[data-share] .share-buttons button:focus{ color:var(--link-color);}@media(any-hover:hover){ [data-share] button{cursor:pointer;} [data-share] .share-buttons button:hover{color:var(--link-color);}}[data-share] .share-buttons button,[data-share] .share-buttons button svg{ width:inherit; height:inherit; display:flex; padding:0 !important;}
.tabs-panels{ --panel-radius:var(--radius,0.3125rem); border-radius:var(--panel-radius); margin-top:var(--half-gutter) !important;}[role="tablist"]{ border-radius:var(--panel-radius) var(--panel-radius) 0 0; padding:0.3125rem 0 var(--small-gutter,0.5rem) !important; display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; overflow-x:auto; overflow-y:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -ms-overflow-style:none; scrollbar-width:none; max-width:calc(100vw - var(--gutter));}[role="tablist"]::-webkit-scrollbar{ display:none;}[role="tablist"] button{ border-radius:var(--panel-radius); color:var(--basic-color); font-size:0.9375rem; height:var(--button-height,2.5rem); line-height:var(--button-height,2.5rem); padding:0 calc(var(--button-height,2.5rem) / 2); transition:none; white-space:nowrap;}[role="tablist"] button + button{ margin-left:0.3125rem;}[role="tablist"] [aria-selected="true"]{ background-color:var(--basic-color); color:var(--basic-color-reverse); box-shadow:none; position:relative;}[role="tablist"] [aria-selected="true"]:after{ border:solid transparent; border-color: rgba(0, 0, 0, 0); border-top-color:var(--basic-color); content:"\A0" / ""; height:0; width:0; position:absolute; top:100%; pointer-events:none; font-size:0; left:50%; transform:translateX(-50%); border-width:var(--small-gutter,0.5rem);}[role="tablist"] button[aria-selected="false"]{ box-shadow:0 0 0 1px var(--box-shadow) inset; background-color:var(--background-color-secondary,transparent);}[role="tabpanel"][aria-hidden="true"]{ position:absolute !important; text-indent:-6.25rem; white-space:nowrap; z-index:-1; height:1px; opacity:0; width:100%; top:0; overflow:hidden;}[role="tabpanel"]:focus{ outline-offset:-0.0625rem;}:root.use-keyboard [role="tablist"] button[aria-selected="false"]:focus{ box-shadow:0 0 0 3px var(--basic-color) inset;}@media(any-hover:hover){ [role="tablist"] button[aria-selected="false"]:hover{box-shadow:0 0 0 1px var(--basic-color) inset;}}
@keyframes spinner-ltr{ to{transform:rotate(1turn);}}@keyframes spinner-rtl{ to{transform:rotate(-1turn);}}:root{ .spinner{--spinner-border:0.1875rem;--spinner-size:3rem;border-radius:50%;box-shadow:0 0 0 var(--spinner-border) var(--basic-color-reverse,Canvas) inset;display:inline-block;width:var(--spinner-size);height:var(--spinner-size);position:fixed;inset:calc(50% - var(--spinner-size) / 2) auto auto calc(50% - var(--spinner-size) / 2);z-index:15;&::after{ animation-duration:1000ms; animation-timing-function:linear; animation-iteration-count:infinite; border:calc(var(--spinner-border) * 2) solid var(--basic-color,CanvasText); border-right:calc(var(--spinner-border) / 2) solid transparent; border-top:var(--spinner-border) solid transparent; border-radius:50%; content:""; inset:0; position:absolute;}} &:not([dir]),&[dir="ltr"]{.spinner::after{ animation-name:spinner-ltr;}} &[dir="rtl"] .spinner::after{animation-name:spinner-rtl;}}
:root:not(.contrast){ & .opacity-0{opacity:0;} & .opacity-1{opacity:.1;} & .opacity-2{opacity:.2;} & .opacity-3{opacity:.3;} & .opacity-4{opacity:.4;} & .opacity-5{opacity:.5;} & .opacity-6{opacity:.6;} & .opacity-7{opacity:.7;} & .opacity-8{opacity:.8;} & .opacity-9{opacity:.9;} @media(any-hover:hover){.opacity-hover:hover{ opacity:1;}}}
.thesaurus-index{ display:grid; grid-template-columns:repeat(auto-fit,minmax(2rem,1fr)); gap:0.125em;}.thesaurus-index a{ text-align:center; width:2rem; line-height:2rem; height:2rem; border-radius:0.125rem; text-decoration:none !important; box-shadow:0 0 0 1px var(--box-shadow) inset; display:block; background-color:var(--background-color-secondary); outline:none !important;}.thesaurus-index .thesaurus-current{ color:var(--basic-color-reverse) !important; background-color:var(--basic-color); box-shadow:none;}:root.use-keyboard .thesaurus-index a:not(.thesaurus-current){ color:var(--basic-color-reverse) !important; background-color:var(--link-color); box-shadow:none;}@media(any-hover:hover){ .thesaurus-index a:not(.thesaurus-current):hover{color:var(--basic-color-reverse) !important;background-color:var(--link-color);box-shadow:none;}}.pages-index{ font-size:0.875rem;}.pages-index a{ text-align:center; min-width:1.875rem; line-height:1.875rem; height:1.875rem; display:inline-block; box-shadow:0 1px 0 0 var(--heading-color) inset,0 -1px 0 0 var(--heading-color) inset,1px 0 0 0 var(--heading-color) inset; background-color:var(--background-color-secondary); color:var(--heading-color); text-decoration:none;}.pages-index a:last-child{ box-shadow:0 0 0 1px var(--heading-color) inset; margin-right:0.625rem;}.pages-index a[class*=current]{ box-shadow:none;}.pages-index a[class$=-current] span{ text-transform:uppercase; white-space:nowrap;}.pages-index a[class$=-current]{ padding:0 0.375rem; background-color:var(--heading-color); color:var(--background-color-secondary) !important;}@media(any-hover:hover){ .pages-index a:hover{background-color:var(--heading-color);color:var(--background-color-secondary) !important;}}@media(max-width:47.9375rem){ .pages-index-form{--page-index-outer:1.75rem;}}@media(min-width:48rem){ .pages-index-form{--page-index-outer:2rem;}}.pagination-small .pages-index-form{ --page-index-outer:1.5rem;}.pagination-large .pages-index-form{ --page-index-outer:var(--button-height);}.pages-index-form{ background-color:var(--background-forms-elements); box-shadow:0 0 0 var(--box-shadow-stroke) var(--box-shadow-forms-elements) inset; border-radius:calc(var(--page-index-outer) / 4); height:var(--page-index-outer); line-height:var(--page-index-outer); white-space:nowrap; position:relative; color:var(--heading-color); & a[class*="pagination-button"]{display:inline-block;vertical-align:baseline;position:relative;width:var(--page-index-outer);height:var(--page-index-outer);line-height:var(--page-index-outer);color:var(--basic-color) !important;&::before{ content:""; position:absolute; inset:0; background-color:currentColor; mask-position:center; mask-size:0.9375rem 0.9375rem; mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:0.9375rem 0.9375rem; -webkit-mask-repeat:no-repeat;}&[class*="pagination-button-prev"]::before{ mask-image:var(--svg-marker-left); -webkit-mask-image:var(--svg-marker-left);}&[class*="pagination-button-next"]::before{ mask-image:var(--svg-marker-right); -webkit-mask-image:var(--svg-marker-right);}&.disabled::before{ opacity:.3;}&:focus{ color:var(--link-color) !important;}@media(any-hover:hover){ &:hover{color:var(--link-color) !important;}}} & label{position:absolute;left:var(--page-index-outer);right:var(--page-index-outer);height:var(--page-index-outer);line-height:var(--page-index-outer);padding:0;z-index:0;color:inherit;&::after{ content:"\A0" / ""; position:absolute; top:0; bottom:0; right:0; width:2rem; background-color:currentColor; mask-image:var(--svg-marker-down) !important; mask-size:0.8125rem 0.8125rem; mask-position:calc(100% - 0.625rem) center; mask-repeat:no-repeat; -webkit-mask-image:var(--svg-marker-down) !important; -webkit-mask-size:0.8125rem 0.8125rem; -webkit-mask-position:calc(100% - 0.625rem) center; -webkit-mask-repeat:no-repeat;}} & select{display:inline-block;vertical-align:top;width:calc(100% - calc(var(--page-index-outer) * 2));height:var(--page-index-outer);line-height:var(--page-index-outer);font-size:0.875em;font-family:var(--initial-font);color:inherit;background-color:transparent;background-image:unset !important;border-radius:0;outline-offset:initial;box-shadow:-1px 0 0 0 var(--box-shadow-forms-elements),1px 0 0 0 var(--box-shadow-forms-elements);z-index:1;& option{ font-size:inherit; color:inherit; background-color:inherit;}} @media(any-hover:hover){& a.disabled{ cursor:not-allowed;}}}
details{ --svg-chevron:url('data:image/svg+xml,'); --svg-double-chevron:url('data:image/svg+xml,'); --svg-marker-less-thin:url('data:image/svg+xml,'); --svg-marker-more-thin:url('data:image/svg+xml,'); --svg-marker-cross:url('data:image/svg+xml,'); & + details{margin-top:var(--small-gutter,1.25rem);position:relative;} & > summary{position:relative;list-style:none;display:inline-block;max-width:100%;&::-webkit-details-marker,&::marker{ display:none;}} &:not([data-prevent]) > summary{padding-right:2em;} &:not([data-prevent])[open] > summary{color:var(--link-color,LinkText);} &[data-prevent]:not([data-disable-toggle]) > summary{font-style:italic;} &:not(.details-disabled,.no-marker) > summary::after{content:"\A0" / "";height:1em;width:1em;pointer-events:none;position:absolute;right:0.5em;top:50%;transform:translateY(-50%);-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center center;mask-repeat:no-repeat;mask-size:contain;background-color:currentColor;-webkit-mask-image:var(--svg-chevron);mask-image:var(--svg-chevron);} &[data-prevent] > summary::after{-webkit-mask-image:none;mask-image:none;background-color:transparent;} &.plus-type{& > summary::after{ top:0.8125em; -webkit-mask-image:var(--svg-marker-more-thin); mask-image:var(--svg-marker-more-thin);}&[open] > summary::after{ -webkit-mask-image:var(--svg-marker-less-thin); mask-image:var(--svg-marker-less-thin);}} &.cross-closer[open] > summary::after{-webkit-mask-image:var(--svg-marker-cross);mask-image:var(--svg-marker-cross);} &.double-chevron{& > summary::after{ -webkit-mask-image:var(--svg-double-chevron); mask-image:var(--svg-double-chevron); width:1.5em; height:1.5em;}&[open] > summary::after{ transform:scaleY(-1) translateY(50%);}} &:not(.plus-type,.double-chevron,.cross-closer)[open] > summary::after{transform:scaleY(-1) translateY(50%);} &::details-content{block-size:0;display:block;overflow:hidden;} @media(prefers-reduced-motion:no-preference){&::details-content{ transition-property:block-size,content-visibility; transition-behavior:allow-discrete; transition-duration:.5s;}&:not(.cross-closer,.double-chevron) > summary::after{ transition:transform .1s;}} &[open]::details-content{block-size:auto;block-size:calc-size(max-content,size);} @media(any-hover:hover){&:not(.details-disabled) > summary{ cursor:pointer;}&[data-prevent] > summary{ cursor:default;}&:not([data-prevent],.details-disabled) > summary:hover{ color:var(--link-color,LinkText);}}}.group-details-line-separator > details + details{ margin-top:var(--half-gutter,1.25rem); padding-top:var(--half-gutter,1.25rem); box-shadow:0 1px 0 0 rgba(122, 122, 122, 0.2) inset;}
.code-area-wrapper{ border-inline-start:0.5rem solid var(--code-area-border); box-shadow:0 0 0 1px var(--code-area-border); position:relative; margin:var(--small-gutter) 0.0625rem var(--half-gutter); border-radius:0 var(--small-radius) var(--small-radius) 0; background-color:var(--code-area-background);}details .code-area-wrapper{ margin-top:0.5em;}details.bloc-icon > summary + *{ margin-left:-2em;}.code-area-wrapper code{ border-radius:0 var(--small-radius) var(--small-radius) 0 !important; color:var(--code-area-foreground); display:block; font-family:var(--font-family-monospace); font-size:calc(var(--font-size) * .8); font-style:normal; line-height:1.3; margin:0; max-width:calc(100vw - var(--gutter)); overflow:auto; padding-left:0.9375rem !important; padding-top:var(--small-gutter) !important; padding-bottom:var(--small-gutter) !important; white-space:pre; width:100%;}.code-pre-normal .code-area-wrapper code{ margin-top:0; margin-bottom:0;}.code-area-wrapper:not(.with-clipboard) code{ box-shadow:0 0 0 1px var(--code-area-border);}.code-area-wrapper[data-clipboard] code:before{ position:-webkit-sticky; position:sticky;}* + .code-area-wrapper{ margin-top:var(--gutter);}li > .code-area-wrapper{ margin-top:var(--small-gutter); margin-bottom:var(--gutter);}.code-area-wrapper .skip-link:focus-within{ left:-0.5625rem; position:absolute;}.code-area-wrapper .skip-link:focus-within{ height:2.1875rem; line-height:2.1875rem;}.code-area-wrapper .skip-link:focus-within a{ display:inline-flex; line-height:inherit; padding:0 0.625rem 0 var(--gutter); --outline-color:transparent; border-radius:0 0.1875rem 0.1875rem 0;}.code-area-wrapper .skip-link:focus-within a:after{ width:var(--gutter); -webkit-mask-size:65%; mask-size:65%; mask-position:0.1875rem center;}.code-area-wrapper .skip-link:nth-child(1):focus-within{ top:-0.125rem; z-index:1;}.code-area-wrapper code + .skip-link:focus-within{ bottom:0.0625rem;}.code-area-wrapper code:not(.full-height){ max-height:max(40vh,30dvw);}.code-area-wrapper code.full-height{ max-height:none;}.code-area-wrapper[style] textarea.code{ height:calc(100% - 2.5rem); margin-bottom:0;}.code-area-wrapper[style]{ margin-bottom:1.875rem;}.code-area-wrapper > button{ font-size:0.875rem !important; height:1.75rem; padding:0 0 0 2rem !important; line-height:1.75rem; position:absolute; right:0.3125rem; top:0.3125rem; background-color:var(--basic-color); box-shadow:0 0 0 1px var(--basic-color); border-radius:0.25rem; color:var(--basic-color-reverse); &:not(:empty){padding-right:0.625rem !important;}}@media(any-hover:hover){ .code-area-wrapper > button:hover{filter:grayscale() invert();box-shadow:0 0 0 1px var(--basic-color-reverse);}}.code-area-wrapper > button:before{ content:"\20" / ""; position:absolute; inset:0; -webkit-mask-image:var(--svg-clipboard); -webkit-mask-repeat:no-repeat; -webkit-mask-size:1.25rem; -webkit-mask-position:center center; mask-image:var(--svg-clipboard); mask-repeat:no-repeat; mask-size:1.25rem; mask-position:center center; background-color:currentColor; transform:none; width:1.75rem;}
.bloc-icon{ &{position:relative;padding-left:2em !important;@media(max-width:63.9375rem){ min-height:var(--half-gutter);}&:empty{ height:1.3125em; width:1.3125em; padding-left:1.3125em !important; margin:auto; vertical-align:text-bottom; &:not([hidden]){display:inline-flex;} &::before{inset:0;height:auto;width:auto;} &.larger{transform:scale(1.3);}}p &:not([class*="inline"]){ display:block;}&::before{ content:""; position:absolute; left:0; top:0.1875rem; height:1.3125em; width:1.3125em; background-color:currentColor; -webkit-mask-image:var(--svg-info); mask-image:var(--svg-info); -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; transform:none;}&.icon-smaller::before{ transform:scale(.7);}&.icon-large{ padding-left:0 !important; &::before{height:2.5rem;width:2.5rem;} @media(max-width:47.9375rem){&::before{ transform:translate(-20%,-30%);}} @media(min-width:48rem){&::before{ transform:translate(-50%,-50%);}}}&.no-icon::before{ background-color:transparent; -webkit-mask-image:none; mask-image:none;}&[class*="mask-header"]::before{ background-color:var(--heading-color);}&[class*="mask-error"]::before{ background-color:var(--error-color);}&[class*="mask-green"]::before{ background-color:var(--green);}&[class*="mask-primary"]::before{ background-color:var(--canvasText);}&[class*="mask-link"]::before{ background-color:var(--link-color);}&[class*="mask-basic"]::before{ background-color:var(--basic-color);}&[class*="color-alternate"]::before{ background-color:var(--link-color-alternate);}&[class*="mask-warn"]::before{ background-color:var(--orange); @media(prefers-color-scheme:dark){background-color:var(--orangered);}}&[class*="yellow"]::before{ background-color:var(--yellow); @media(prefers-color-scheme:light){background-color: rgb(211,138,0);}}&.icon-marker-right::before{ mask-image:var(--svg-marker-right); -webkit-mask-image:var(--svg-marker-right);}&.icon-marker-left::before{ mask-image:var(--svg-marker-left); -webkit-mask-image:var(--svg-marker-left);}&.icon-marker-up::before{ mask-image:var(--svg-marker-up); -webkit-mask-image:var(--svg-marker-up);}&.icon-marker-down::before{ mask-image:var(--svg-marker-down); -webkit-mask-image:var(--svg-marker-down);}&.icon-marker-down.icon-toggle[aria-expanded="true"]::before{ mask-image:var(--svg-marker-up); -webkit-mask-image:var(--svg-marker-up);}&.icon-marker-down-fff::before{ mask-image:var(--svg-marker-down-fff); -webkit-mask-image:var(--svg-marker-down-fff);}&.icon-marker-arrow-right::before{ mask-image:var(--svg-marker-arrow-right); -webkit-mask-image:var(--svg-marker-arrow-right);}&.icon-marker-arrow-left::before{ mask-image:var(--svg-marker-arrow-left); -webkit-mask-image:var(--svg-marker-arrow-left);}&.icon-marker-to-top::before{ mask-image:var(--svg-marker-to-top); -webkit-mask-image:var(--svg-marker-to-top);}&.icon-marker-to-bottom::before{ mask-image:var(--svg-marker-to-bottom); -webkit-mask-image:var(--svg-marker-to-bottom);}&.icon-marker-more::before{ mask-image:var(--svg-marker-more); -webkit-mask-image:var(--svg-marker-more);}&.icon-marker-less::before{ mask-image:var(--svg-marker-less); -webkit-mask-image:var(--svg-marker-less);}&.icon-round-right::before{ mask-image:var(--svg-round-right); -webkit-mask-image:var(--svg-round-right);}&.icon-colibri::before{ mask-image:var(--svg-colibri); -webkit-mask-image:var(--svg-colibri);}&.icon-hummingbird::before{ mask-image:var(--svg-hummingbird); -webkit-mask-image:var(--svg-hummingbird);}&.icon-favicon-hummingbird::before{ mask-image:var(--svg-favicon-hummingbird); -webkit-mask-image:var(--svg-favicon-hummingbird);}&.icon-colibri-outline::before{ mask-image:var(--svg-colibri-outline); -webkit-mask-image:var(--svg-colibri-outline);}&.icon-code::before{ mask-image:var(--svg-code); -webkit-mask-image:var(--svg-code);}&.icon-vitruve::before{ mask-image:var(--svg-vitruve); -webkit-mask-image:var(--svg-vitruve);}&.icon-single-square::before{ mask-image:var(--svg-single-square); -webkit-mask-image:var(--svg-single-square);}&.icon-newtab::before{ mask-image:var(--svg-newtab); -webkit-mask-image:var(--svg-newtab);}&.icon-info::before{ mask-image:var(--svg-info); -webkit-mask-image:var(--svg-info);}&.icon-close::before{ mask-image:var(--svg-close); -webkit-mask-image:var(--svg-close);}&.icon-search::before{ mask-image:var(--svg-search); -webkit-mask-image:var(--svg-search);}&.icon-camera::before{ mask-image:var(--svg-camera); -webkit-mask-image:var(--svg-camera);}&.icon-clipboard::before{ mask-image:var(--svg-clipboard); -webkit-mask-image:var(--svg-clipboard);}&.icon-reload::before{ mask-image:var(--svg-reload); -webkit-mask-image:var(--svg-reload);}&.icon-link::before{ mask-image:var(--svg-link); -webkit-mask-image:var(--svg-link);}&.icon-loading-lazy::before{ mask-image:var(--svg-loading-lazy); -webkit-mask-image:var(--svg-loading-lazy);}&.icon-summary::before{ mask-image:var(--svg-summary); -webkit-mask-image:var(--svg-summary);}&.icon-step::before{ mask-image:var(--svg-step); -webkit-mask-image:var(--svg-step);}&.icon-main::before{ mask-image:var(--svg-main); -webkit-mask-image:var(--svg-main);}&.icon-help::before{ mask-image:var(--svg-help); -webkit-mask-image:var(--svg-help);}&.icon-tag::before{ mask-image:var(--svg-tag); -webkit-mask-image:var(--svg-tag);}&.icon-tag-45deg::before{ mask-image:var(--svg-tag-45deg); -webkit-mask-image:var(--svg-tag-45deg);}&.icon-locator::before{ mask-image:var(--svg-locator); -webkit-mask-image:var(--svg-locator);}&.icon-darkmode::before{ mask-image:var(--svg-darkmode); -webkit-mask-image:var(--svg-darkmode);}&.icon-lightmode::before{ mask-image:var(--svg-lightmode); -webkit-mask-image:var(--svg-lightmode);}&.icon-search-dark::before{ mask-image:var(--svg-search-dark); -webkit-mask-image:var(--svg-search-dark); background-color:black;}&.icon-search-light::before{ mask-image:var(--svg-search-light); -webkit-mask-image:var(--svg-search-light);}&.icon-rotor::before{ mask-image:var(--svg-rotor); -webkit-mask-image:var(--svg-rotor);}&.icon-creative-common::before{ mask-image:var(--svg-creative-common); -webkit-mask-image:var(--svg-creative-common);}&.icon-bin::before{ mask-image:var(--svg-bin); -webkit-mask-image:var(--svg-bin);}&.icon-play::before{ mask-image:var(--svg-play); -webkit-mask-image:var(--svg-play);}&.icon-pause::before{ mask-image:var(--svg-pause); -webkit-mask-image:var(--svg-pause);}&.icon-thumb::before{ mask-image:var(--svg-thumb); -webkit-mask-image:var(--svg-thumb);}&.icon-notification::before{ mask-image:var(--svg-notification); -webkit-mask-image:var(--svg-notification);}&.icon-notification-fff::before{ mask-image:var(--svg-notification-fff); -webkit-mask-image:var(--svg-notification-fff);}&.icon-notification-border::before{ mask-image:var(--svg-notification-border); -webkit-mask-image:var(--svg-notification-border);}&.icon-star::before{ mask-image:var(--svg-star); -webkit-mask-image:var(--svg-star);}&.icon-star-filled::before{ mask-image:var(--svg-star-filled); -webkit-mask-image:var(--svg-star-filled);}&.icon-heart::before{ mask-image:var(--svg-heart); -webkit-mask-image:var(--svg-heart);}&.icon-heart-outline::before{ mask-image:var(--svg-heart-outline); -webkit-mask-image:var(--svg-heart-outline);}&.icon-new::before{ mask-image:var(--svg-new); -webkit-mask-image:var(--svg-new);}&.icon-updated::before{ mask-image:var(--svg-updated); -webkit-mask-image:var(--svg-updated);}&.icon-light-bulb::before{ mask-image:var(--svg-light-bulb); -webkit-mask-image:var(--svg-light-bulb);}&.icon-light-bulb-border::before{ mask-image:var(--svg-light-bulb-border); -webkit-mask-image:var(--svg-light-bulb-border);}&.icon-light-bulb-human::before{ mask-image:var(--svg-light-bulb-human); -webkit-mask-image:var(--svg-light-bulb-human);}&.icon-close-quote::before{ mask-image:var(--svg-close-quote); -webkit-mask-image:var(--svg-close-quote);}&.icon-open-quote::before{ mask-image:var(--svg-open-quote); -webkit-mask-image:var(--svg-open-quote);}&.icon-valid::before{ mask-image:var(--icon-valid); -webkit-mask-image:var(--icon-valid);}&.icon-invalid::before{ mask-image:var(--icon-invalid); -webkit-mask-image:var(--icon-invalid);}&.icon-switch-on::before{ mask-image:var(--svg-switch-on); -webkit-mask-image:var(--svg-switch-on);}&.icon-switch-off::before{ mask-image:var(--svg-switch-off); -webkit-mask-image:var(--svg-switch-off);}&.icon-switch-on-light::before{ mask-image:var(--svg-switch-on-light); -webkit-mask-image:var(--svg-switch-on-light); background-color:white;}&.icon-switch-off-light::before{ mask-image:var(--svg-switch-off-light); -webkit-mask-image:var(--svg-switch-off-light); background-color:white;}&:is(.icon-calendar,.icon-calendar-add)::before{ mask-image:var(--svg-calendar-add); -webkit-mask-image:var(--svg-calendar-add);}&.icon-calendar-update::before{ mask-image:var(--svg-calendar-update); -webkit-mask-image:var(--svg-calendar-update);}&.icon-arobase::before{ mask-image:var(--svg-arobase); -webkit-mask-image:var(--svg-arobase);}&.icon-mail::before{ mask-image:var(--svg-mail); -webkit-mask-image:var(--svg-mail);}&.icon-phone::before{ mask-image:var(--svg-phone); -webkit-mask-image:var(--svg-phone);}&.icon-sms::before{ mask-image:var(--svg-sms); -webkit-mask-image:var(--svg-sms);}&.icon-shift::before{ mask-image:var(--svg-shift); -webkit-mask-image:var(--svg-shift);}&.icon-option::before{ mask-image:var(--svg-option); -webkit-mask-image:var(--svg-option);}&.icon-alt::before{ mask-image:var(--svg-alt); -webkit-mask-image:var(--svg-alt);}&.icon-command::before{ mask-image:var(--svg-command); -webkit-mask-image:var(--svg-mask-command);}&.icon-apple::before{ mask-image:var(--svg-apple); -webkit-mask-image:var(--svg-apple);}&.icon-instagram::before{ mask-image:var(--svg-instagram); -webkit-mask-image:var(--svg-instagram);}&.icon-chrono::before{ mask-image:var(--svg-chrono); -webkit-mask-image:var(--svg-chrono);}}}*:is(i,span).bloc-icon[data-label]:not([data-label=""])::after{ content:"" / " " attr(data-label) " ";}*:is(i,span).bloc-icon[data-label=""]{ &{&:is(.icon-colibri,.icon-hummingbird,.icon-colibri-outline)::after{ content:"" / " Pictogramme Colibri ";}&.icon-code::after{ content:"" / " Pictogramme code source ";}&.icon-vitruve::after{ content:"" / " Pictogramme homme de Vitruve ";}&.icon-newtab::after{ content:"" / " Nouvel onglet ";}&.icon-info::after{ content:"" / " Information ";}&.icon-darkmode::after{ content:"" / " Mode sombre ";}&.icon-lightmode::after{ content:"" / " Mode clair ";}&.icon-close::after{ content:"" / " Fermer ";}&.icon-locator::after{ content:"" / " Localisation ";}&.icon-search::after,&.icon-search-dark::after,&.icon-search-light::after{ content:"" / " Rechercher ";}&.icon-clipboard::after{ content:"" / " Copier ";}&.icon-link::after{ content:"" / " Lien ";}&.icon-summary::after{ content:"" / " Sommaire ";}&.icon-help::after{ content:"" / " Aide ";}&.icon-thumb::after{ content:"" / " Pouce vers le haut ";}&.icon-notification::after,&.icon-notification-fff::after,&.icon-notification-border::after{ content:"" / " Notification ";}&.icon-star::after{ content:"" / " Étoile vide ";}&.icon-star-filled::after{ content:"" / " Étoile remplie ";}&.icon-heart::after,&.icon-heart-outline::after{ content:"" / " Cœur ";}&.icon-new::after{ content:"" / " Nouveau:";}&.icon-marker-more::after{ content:"" / " Ouvrir ";}&.icon-marker-less::after{ content:"" / " Fermer ";}&:is(.icon-light-bulb,.icon-light-bulb-border)::after{ content:"" / " Idée / note ";}&.icon-close-quote::after{ content:"" / " Guillemets fermants ";}&.icon-open-quote::after{ content:"" / " Guillemets ouvrants ";}&.icon-valid::after{ content:"" / " Donnée valide ";}&.icon-invalid::after{ content:"" / " Donnée invalide ";}&.icon-mail::after{ content:"" / " Courriel ";}&.icon-phone::after{ content:"" / " Téléphone ";}&.icon-sms::after{ content:"" / " Message texte ";}&.icon-shift::after{ content:"" / " Touche majuscule ";}&.icon-option::after{ content:"" / " Touche option ";}&.icon-alt::after{ content:"" / " Touche ALT ";}&.icon-command::after{ content:"" / " Touche Command ";}}}
.item-article{ box-shadow:0 0 0 1px var(--box-shadow) inset,var(--under-box-shadow); padding-block:var(--gutter) var(--double-gutter) !important; position:relative; & > svg[role="img"]{position:absolute;top:var(--tiny-gutter);left:var(--tiny-gutter);+ *{ margin-top:0;}} & .item-article-title{font-size:1.375rem;line-height:var(--lh);min-height:calc(2em * var(--lh));max-height:calc(2em * var(--lh));overflow:hidden;text-overflow:ellipsis;} .bloc-icon{padding-left:calc(var(--gutter) + 0.3125rem) !important;} .updated:is(div,time,span){line-height:var(--half-gutter);text-transform:capitalize;position:absolute;left:var(--half-gutter);right:var(--half-gutter);bottom:calc(var(--double-gutter) - var(--half-gutter));text-align:right;} .list-tags{margin-bottom:var(--half-gutter);min-height:3.75rem;} & time.published{display:block;min-height:var(--gutter);position:absolute;line-height:var(--gutter);bottom:var(--half-gutter);left:var(--half-gutter);right:var(--half-gutter);text-align:right;} &.item-article-tags time.published, &.item-article-tags .updated:is(div,time,span){padding-left:2rem;} &:not(.item-article-tags) time.published::before{position:absolute;bottom:0;content:'';width:calc(var(--gutter) + var(--half-gutter));height:calc(var(--gutter) + var(--half-gutter));left:0;background-color:var(--basic-color);-webkit-mask-image:var(--svg-marker-arrow-right);-webkit-mask-position:left bottom;-webkit-mask-repeat:no-repeat;-webkit-mask-size:80% 80%;mask-image:var(--svg-marker-arrow-right);mask-position:0 100%;mask-repeat:no-repeat;mask-size:90% 90%;transform:rotate(-45deg);} @media(any-hover:hover) and (prefers-reduced-motion:no-preference){:root:not(.no-motion) &{ & time.published:before{transition:transform .3s;} &:focus-within time.published:before, &:hover time.published:before{transform:rotate(0);}}} }.simca .item-article{ margin-bottom:0.625rem; min-height:100%; padding-top:var(--gutter) !important;}:root.use-keyboard .item-article a:focus{ color:var(--basic-color-reverse) !important; background-color:var(--basic-color);}[class*="collapse-"]{ position:relative; overflow-y:hidden; background-color:inherit; --outline-offset:0; &[class*="-1"]{min-height:calc(1em * var(--lh));max-height:calc(1em * var(--lh));} &[class*="-2"]{min-height:calc(2em * var(--lh));max-height:calc(2em * var(--lh));} &[class*="-3"]{min-height:calc(3em * var(--lh));max-height:calc(3em * var(--lh));} &[class*="-4"]{min-height:calc(4em * var(--lh));max-height:calc(4em * var(--lh));} &[class*="-5"]{min-height:calc(5em * var(--lh));max-height:calc(5em * var(--lh));} &:after{background-color:inherit;content:"";display:block;height:calc(1em * var(--lh));-webkit-mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0,0,0) 50%);mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0,0,0) 50%);pointer-events:none;position:absolute;right:0;bottom:0;width:12ch;}}:root[class*="dys"] [data-article-content] *:is(p,li,dd,blockquote){ max-width:80ch;}
@media(prefers-reduced-motion:no-preference){ @keyframes beat{0%{ scale:1;}50%{ scale:.9;}} @keyframes beat-5{0%{ background-color:currentColor; scale:1;}50%{ background-color:var(--yellow); scale:1.2;}} .heart:not(symbol),.beat:not(symbol),.heart:empty:before{animation:beat 2000ms linear infinite;} .beat-five:empty{animation:beat-5 500ms ease-in 3s 5;} .beat-five:not(:empty){animation:beat 1000ms ease-in 5s 5;}}@keyframes target{ 0%{color:var(--green);} 100%{color:var(--heading-color);}}@keyframes target-after{ 0%{background-color:currentColor;box-shadow:0 0 0 0.25rem currentColor;} 100%{background-color:var(--color-step);box-shadow:0 0 0 0.1875rem var(--color-step);}}