From 7374fa140af838d6ff4b5b1a1a89fc7af22a996d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= Date: Wed, 15 May 2024 15:33:09 +0200 Subject: [PATCH] =?UTF-8?q?docs(WCAG):=20d=C3=A9claration=20de=20conformit?= =?UTF-8?q?=C3=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- accessibilite.html | 8 ++++++++ accessibility.html | 8 ++++++++ css/boosted.min.css | 13 ++++++------- index.html | 2 +- index_en.html | 2 +- 5 files changed, 24 insertions(+), 9 deletions(-) create mode 100644 accessibilite.html create mode 100644 accessibility.html diff --git a/accessibilite.html b/accessibilite.html new file mode 100644 index 000000000..ada4dac58 --- /dev/null +++ b/accessibilite.html @@ -0,0 +1,8 @@ + Déclaration d’accessibilité — Orange Confort+

Déclaration d'Accessibilité : Confort+

Ce site est conforme à 66% aux critères WCAG.

66%

Date de l’audit

Identité du déclarant

Centre de Compétences d’Accessibilité Numérique du Groupe Orange

Référentiel

WCAG version 2.2, niveau AA

Technologies utilisées pour la réalisation du site

  • HTML
  • CSS
  • JavaScript

Méthodes et outils utilisés pour vérifier l’accessibilité

  • Tests automatiques : aXe 4.9.3
  • Tests manuels : va11ydette d’Orange, Color Contrast Analyser V 3.1.2, analyse de la source
  • Tests fonctionnels : NVDA 2023.4, Navigation clavier

Contexte

Orange s’engage à rendre ses sites web, ses applications mobiles et son mobilier urbain numérique accessibles conformément à l’article 106 de la loi n°2016-1321 du 7 octobre 2016 pour une République numérique, tel que décrit dans son schéma pluriannuel d’amélioration de l’accessibilité numérique (PDF, 230Ko).

Page(s) ayant fait l’objet de la vérification de conformité

L’audit de vérification a été effectué sur les pages suivantes à l'aide de la va11ydette d'Orange :

  1. Confort+ : https://confort-plus.orange.com/

Résultat des tests

L’audit révèle que le taux moyen de conformité du site s’élève à 66% (moyenne des taux de conformité des pages).

Niveau A AA Total
Nombre de critères 32 24 56
Conformes 9 10 19
Non-conformes 6 4 10
Non-applicables 16 10 26
Conformité 60% 71% 66%

Non-conformités

  • 1.1.1 Contenu non textuel — Niveau A
  • 1.3.1 Information et relations — Niveau A
  • 1.4.1 Utilisation de la couleur — Niveau A
  • 1.4.10 Reflow — Niveau AA
  • 2.4.6 En-têtes et étiquettes — Niveau AA
  • 2.4.7 Visibilité du focus — Niveau AA
  • 3.3.1 Identification des erreurs — Niveau A
  • 3.3.2 Étiquettes ou instructions — Niveau A
  • 4.1.2 Nom, rôle et valeur — Niveau A
  • 4.1.3 Messages d’état — Niveau AA

Retour d’information et contact

Vous pouvez nous aider à améliorer l’accessibilité du site en nous signalant les problèmes éventuels que vous rencontrez. Pour ce faire, envoyez un courriel à confort.plus@orange.com.

Voies de recours

Vous avez signalé au responsable du site internet un défaut d’accessibilité qui vous empêche d’accéder à un contenu ou à un des services du portail et vous n’avez pas obtenu de réponse satisfaisante, dans ce cas :

\ No newline at end of file diff --git a/accessibility.html b/accessibility.html new file mode 100644 index 000000000..a714391e3 --- /dev/null +++ b/accessibility.html @@ -0,0 +1,8 @@ + Accessibility statement — Orange Confort+

Accessibility statement for Orange Confort+

This site is 66% compliant with WCAG.

66%

Date of the audit

Assessment approval

Orange Digital Accessibility Skills Centre

Standard applied

WCAG version 2.2, level AA

Technical specifications of the site

  • HTML
  • CSS
  • JavaScript

Methods and Tools to evaluate accessibility

  • Automatic testing: aXe 4.9.3
  • Manual testing: va11ydette by Orange, Color Contrast Analyser V 3.1.2, source analysis
  • Functional testing: NVDA 2023.4, keyboard navigation

Introduction

Orange s’engage à rendre ses sites web, ses applications mobiles et son mobilier urbain numérique accessibles conformément à l’article 106 de la loi n°2016-1321 du 7 octobre 2016 pour une République numérique, tel que décrit dans son schéma pluriannuel d’amélioration de l’accessibilité numérique (PDF, 230Ko).

Scope of the assessment

The evaluation has been conducting on the following sample of web pages:

  1. Confort+ : https://confort-plus.orange.com/

Conformance status

The audit reports a mean compliance of 66% with 10 non-compliance.

A compliance score is measured for each audited page: the score equals the sum of compliant criteria divided by the number of criteria applicable to the page.

Level A AA Total
Criteria 32 24 56
Compliant 9 10 19
Non-compliant 6 4 10
Not applicable 16 10 26
Compliance rate 60% 71% 66%

Non-compliances

  • 1.1.1 Non-text Content — level A
  • 1.3.1 Info and Relationships — level A
  • 1.4.1 Use of Color — level A
  • 1.4.10 Reflow — level AA
  • 2.4.6 Headings and Labels — level AA
  • 2.4.7 Focus Visible — level AA
  • 3.3.1 Error Identification — level A
  • 3.3.2 Labels or Instructions — level A
  • 4.1.2 Name, Role, Value — level A
  • 4.1.3 Status Messages — level AA

Feedback and contact information

We welcome your feedback on the accessibility of this site. Please let us know if you encounter accessibility problems by sending an email to confort.plus@orange.com.

\ No newline at end of file diff --git a/css/boosted.min.css b/css/boosted.min.css index 09096b0e3..fbb4bcce2 100644 --- a/css/boosted.min.css +++ b/css/boosted.min.css @@ -1,11 +1,10 @@ @charset "UTF-8";/*! - * Boosted v5.2.3 (https://boosted.orange.com/) - * Copyright 2014-2022 The Boosted Authors - * Copyright 2014-2022 Orange SA + * Boosted v5.3.2 (https://boosted.orange.com/) + * Copyright 2014-2023 The Boosted Authors + * Copyright 2014-2023 Orange SA * Licensed under MIT (https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/LICENSE) * This a fork of Bootstrap: Initial license below - * Bootstrap v5.2.3 (https://getbootstrap.com/) - * Copyright 2011-2022 The Bootstrap Authors - * Copyright 2011-2022 Twitter, Inc. + * Bootstrap v5.3.2 (https://getbootstrap.com/) + * Copyright 2011-2023 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - */:root{--bs-light-rgb:204,204,204;--bs-dark-rgb:0,0,0;--bs-primary-text-rgb:241,110,0;--bs-white-rgb:255,255,255;--o-chevron-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14'%3e%3cpath d='M9 2 7 0 0 7l7 7 2-2-5-5 5-5z'/%3e%3c/svg%3e");--o-success-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 125 125'%3e%3cpath fill='%2332c832' d='M62.5 0a62.5 62.5 0 1 0 0 125 62.5 62.5 0 0 0 0-125zm28 29.4c3.3 0 6 2.6 6 5.9a5.9 5.9 0 0 1-1.3 3.7L57.7 86a5.8 5.8 0 0 1-9.1 0L29.8 62.5c-.8-1-1.2-2.3-1.2-3.7a5.9 5.9 0 0 1 1.7-4.1l2.3-2.4a5.8 5.8 0 0 1 4.2-1.7 5.8 5.8 0 0 1 3.8 1.4L52 64.7 86.6 31a5.8 5.8 0 0 1 4-1.6z'/%3e%3c/svg%3e");--bs-font-sans-serif:HelvNeueOrange/*rtl:insert:Arabic*/,"Helvetica Neue",Helvetica,"Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.125;--bs-body-color:#000;--bs-body-bg:#fff;--bs-border-width:0.125rem;--bs-border-style:solid;--bs-border-color:#000;--bs-border-color-translucent:#ccc;--bs-link-color:#000;--bs-link-hover-color:#f16e00;--bs-code-color:#666}[class*=-dark]:not(.border-dark):not(.text-dark):not(.btn-dark){--bs-primary-text-rgb:255,121,0;--bs-link-color:#fff;--bs-link-hover-color:#ff7900;--bs-focus-visible-inner-color:#000;--bs-focus-visible-outer-color:#fff;--o-caption-color:#fff;--bs-code-color:#999;--bs-highlight-color:#000;--bs-highlight-bg:#fff;--o-kbd-color:#fff;--o-kbd-bg:#333;--o-pre-color:#eee}[class*=bg-]:not([class*=bg-black],[class*=-dark]:not(.border-dark):not(.text-dark):not(.btn-dark),[class*=bg-secondary]):not(.bg-transparent){--bs-primary-text-rgb:241,110,0;--bs-link-color:#000;--bs-link-hover-color:#f16e00;--bs-code-color:#666;--o-pre-color:var(--o-pre-color, #333)}*,::after,::before{box-sizing:border-box}:root{scroll-padding-top:3.75rem}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (min-width:1024px){:root{scroll-padding-top:7.5rem}}body{position:relative;margin:0;font-family:var(--bs-body-font-family);font-synthesis:none;font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);letter-spacing:-.00625rem;background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizespeed}.h1,.h2,.h3,.h4,[class*=display-],h1,h2,h3,h4{margin-top:0;margin-bottom:1.25rem;font-size:1rem;font-weight:700;line-height:1.125;letter-spacing:-.00625rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.h1,h1{font-size:1.25rem;line-height:1.1;letter-spacing:-.025rem}.h2,h2{font-size:1.125rem;line-height:1.1111111111;letter-spacing:-.0125rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul{list-style-type:square}li::marker{color:var(--bs-link-hover-color);vertical-align:middle}ol li::marker{color:inherit}li li::marker{color:#999}li li li::marker{color:#ccc}li::before{color:var(--bs-link-hover-color);vertical-align:text-top}ol li::before{color:inherit}li li::before{color:#999}li li li::before{color:#ccc}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:700}.small,small{font-size:.875rem;font-weight:400;line-height:1.1428571429}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,pre,samp,var{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;line-height:1.25;color:var(--o-pre-color,#333)}pre code{font-size:inherit;color:inherit;word-break:normal}code,var{font-size:.875em;font-style:normal;line-height:1.1428571429;color:var(--bs-code-color);word-wrap:break-word}a>code,a>var{color:inherit}img,svg{vertical-align:middle}tr{border-color:inherit;border-style:solid;border-width:0}select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;box-shadow:none}select{text-transform:none}select{word-wrap:normal}select:disabled{opacity:1}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}.display-2,.display-3,.h1,h1{font-size:1.5rem;line-height:1.0833333333;letter-spacing:-.0375rem}.display-2{letter-spacing:-.03125rem}.h2,h2{font-size:1.125rem;line-height:1.1111111111;letter-spacing:-.0125rem}.lead{font-size:1rem;font-weight:400;line-height:1.125;letter-spacing:-.00625rem}@media (min-width:480px){.display-2,.display-3,.h1,h1{line-height:1}.display-2{font-size:2.5rem;letter-spacing:-.0625rem}.display-3,.h1,h1{font-size:2.125rem;letter-spacing:-.0625rem}.h2,h2{font-size:1.5rem;line-height:1.0833333333;letter-spacing:-.03125rem}.h3,.h4,.lead,h3,h4{font-size:1.125rem;line-height:1.1111111111;letter-spacing:-.0125rem}}@media (min-width:1024px){.display-2{font-size:3.125rem;letter-spacing:-.1rem}.display-3{font-size:2.5rem;letter-spacing:-.0625rem}.h2,h2{font-size:1.875rem;line-height:1.0666666667;letter-spacing:-.05rem}.h3,h3{font-size:1.5rem;line-height:1.0833333333;letter-spacing:-.03125rem}.h4,h4{font-size:1.25rem;line-height:1.1;letter-spacing:-.025rem}.lead{font-size:1.25rem;line-height:1.5;letter-spacing:-.015625rem}}.img-fluid{max-width:100%;height:auto}.container{--bs-gutter-x:1.25rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .25);padding-left:calc(var(--bs-gutter-x) * .25);margin-right:auto;margin-left:auto}@media (min-width:768px){.container{--bs-gutter-x:2.5rem}}.container{max-width:312px}@media (min-width:480px){.container{max-width:468px}}@media (min-width:768px){.container{max-width:744px}}@media (min-width:1024px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1200px}}@media (min-width:1440px){.container{max-width:1320px}}.row{--bs-gutter-x:0.625rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}@media (min-width:768px){.row{--bs-gutter-x:1.25rem}}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}@media (min-width:768px){.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-10{flex:0 0 auto;width:83.33333333%}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}}.btn{--bs-btn-padding-x:1.125rem;--bs-btn-padding-y:0.5rem;--bs-btn-font-family:inherit;--bs-btn-font-size:1rem;--bs-btn-font-weight:700;--bs-btn-line-height:1.25;--bs-btn-color:#000;--bs-btn-letter-spacing:-0.00625rem;--bs-btn-bg:transparent;--bs-btn-border-width:0.125rem;--bs-btn-border-color:transparent;--bs-btn-hover-border-color:initial;--o-icon-spacing:0.5rem;display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--bs-btn-padding-y) - 1px) var(--bs-btn-padding-x) calc(var(--bs-btn-padding-y) + 1px);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-decoration:none;letter-spacing:var(--bs-btn-letter-spacing);vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);background-color:var(--bs-btn-bg)}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn.active,.btn.show,.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.disabled,.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn:not(.btn-icon)>svg{transform:translateY(1px)}.btn-secondary{--bs-btn-color:#000;--bs-btn-bg:#fff;--bs-btn-border-color:#000;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#000;--bs-btn-hover-border-color:#000;--bs-btn-active-color:#000;--bs-btn-active-bg:#ff7900;--bs-btn-active-border-color:#ff7900}.btn-icon{padding:var(--o-icon-spacing)}.nav{--bs-nav-link-padding-x:1.25rem;--bs-nav-link-padding-y:0.625rem;--bs-nav-link-font-weight:700;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#ccc;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:flex;align-items:center;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0}.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0;--bs-navbar-font-weight:700;--bs-navbar-border-width:0.0625rem;--bs-navbar-border-color:#ccc;--bs-navbar-color:#000;--bs-navbar-hover-color:#f16e00;--bs-navbar-disabled-color:#ccc;--bs-navbar-active-color:#f16e00;--bs-navbar-brand-padding-y:0;--bs-navbar-brand-margin-y:0.625rem;--bs-navbar-brand-margin-end:1.875rem;--bs-navbar-brand-logo-size:1.875rem;--bs-navbar-brand-font-size:1.3125rem;--bs-navbar-brand-color:#f16e00;--bs-navbar-brand-hover-color:#f16e00;--bs-navbar-nav-padding-top:0;--bs-navbar-nav-padding-x:0;--bs-navbar-nav-padding-bottom:0;--bs-navbar-nav-font-size:1rem;--bs-navbar-nav-line-height:1.125;--bs-navbar-nav-letter-spacing:-0.00625rem;--bs-navbar-nav-link-padding-y:1rem;--bs-navbar-nav-link-padding-x:0.3125rem;--bs-navbar-nav-icon-padding-y:0.75rem;--bs-navbar-nav-icon-padding-x:0.9375rem;--bs-navbar-nav-icon-size:1.5625rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);font-weight:var(--bs-navbar-font-weight);box-shadow:inset 0 calc(-1 * var(--bs-navbar-border-width)) 0 var(--bs-navbar-border-color);transition:padding-top .2s ease-in-out,padding-bottom .2s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar{transition:none}}@media (min-width:768px){.navbar{--bs-navbar-padding-y:0.375rem;--bs-navbar-brand-margin-y:1.1875rem;--bs-navbar-brand-logo-size:3.125rem;--bs-navbar-brand-font-size:2.1875rem;--bs-navbar-nav-link-padding-x:0.625rem;--bs-navbar-nav-icon-padding-y:1.1875rem;--bs-navbar-nav-icon-padding-x:1.25rem;--bs-navbar-nav-icon-size:1.875rem}}.navbar>.container{display:flex;flex-wrap:inherit;align-items:flex-end}.navbar-brand{position:relative;display:inline-flex;align-items:flex-end;order:-1;padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-top:var(--bs-navbar-brand-margin-y);margin-right:var(--bs-navbar-brand-margin-end);margin-bottom:var(--bs-navbar-brand-margin-y);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap;transition:margin .2s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-brand{transition:none}}.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-brand img{width:auto;height:var(--bs-navbar-brand-logo-size);transition:width .2s ease-in-out,height .2s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-brand img{transition:none}}.navbar-brand .title{margin:-.2857142857em 1.25rem -.1428571429em calc(var(--bs-navbar-brand-logo-size)/ 2);font-size:var(--bs-navbar-brand-font-size);line-height:1;letter-spacing:var(--bs-navbar-brand-letter-spacing)}.navbar-nav{--bs-nav-link-padding-x:var(--bs-navbar-nav-link-padding-x);--bs-nav-link-padding-y:var(--bs-navbar-nav-link-padding-y);--bs-nav-link-font-size:var(--bs-navbar-nav-font-size, 1rem);--bs-nav-link-font-weight:700;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding:var(--bs-navbar-nav-padding-top) var(--bs-navbar-nav-padding-x) var(--bs-navbar-nav-padding-bottom);margin-bottom:0;font-size:var(--bs-navbar-nav-font-size);line-height:var(--bs-navbar-nav-line-height, 1.125);letter-spacing:var(--bs-navbar-nav-letter-spacing, -.00625rem);list-style:none}.navbar-nav .nav-link{position:relative;padding-top:calc(var(--bs-navbar-nav-link-padding-y) - (var(--bs-navbar-border-width)));margin-left:calc(-1 * var(--bs-navbar-nav-link-padding-x));word-break:break-all}.navbar-nav .nav-link:hover{z-index:1}@media (max-width:1023.98px){.navbar-nav .nav-link{outline-offset:-3px}}.navbar-nav .nav-item{border-top:var(--bs-navbar-border-width) solid var(--bs-navbar-border-color)}.navbar-nav .nav-item .nav-link.nav-icon{padding:var(--bs-navbar-nav-icon-padding-y) var(--bs-navbar-nav-icon-padding-x);margin-left:calc(-1 * var(--bs-navbar-nav-icon-padding-x));white-space:nowrap}.navbar-nav .nav-item .nav-link.nav-icon img,.navbar-nav .nav-item .nav-link.nav-icon svg{width:var(--bs-navbar-nav-icon-size);height:var(--bs-navbar-nav-icon-size)}.navbar-nav .nav-item:not(:first-of-type)>.nav-icon{margin-left:0}.navbar-nav.flex-row .nav-item{border:0}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}.navbar:not(.supra)+.navbar{padding:0;margin-top:calc(-1 * var(--bs-navbar-border-width))}@media (min-width:1024px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{margin-left:0}.navbar-expand-lg .navbar-nav .nav-link.active::before{position:absolute;right:var(--bs-navbar-nav-link-padding-x);bottom:calc(-1 * var(--bs-navbar-padding-y));left:var(--bs-navbar-nav-link-padding-x);height:calc(var(--bs-navbar-border-width) * 4);content:"";background-color:currentcolor;transition:bottom .2s ease-in-out}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.navbar-expand-lg .navbar-nav .nav-link.active::before{transition:none}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .nav-item{border:0}.navbar-expand-lg .navbar-nav .nav-item:first-child>.nav-link{margin-left:calc(-1 * var(--bs-navbar-nav-link-padding-x))}.navbar-expand-lg .navbar-nav .nav-item:last-child>.nav-link{margin-right:calc(-1 * var(--bs-navbar-nav-link-padding-x))}.navbar-expand-lg .navbar-nav .nav-item:first-child>.nav-icon{margin-left:calc(-1 * var(--bs-navbar-nav-icon-padding-x))}.navbar-expand-lg .navbar-nav .nav-item:last-child>.nav-icon{margin-right:calc(-1 * var(--bs-navbar-nav-icon-padding-x))}}@media (min-width:1024px){.navbar-expand-lg.supra{display:flex}}@media (min-width:1024px){.navbar-expand-lg:not(.supra)+.navbar{margin-top:0}.navbar-expand-lg:not(.supra)+.navbar .nav-link{padding-bottom:calc(var(--bs-navbar-nav-link-padding-y) + .0625rem)}.navbar-expand-lg:not(.supra)+.navbar .nav-link.active::before{bottom:0}}.navbar-dark{--bs-navbar-border-color:#666;--bs-navbar-color:#fff;--bs-navbar-hover-color:#ff7900;--bs-navbar-disabled-color:#ddd;--bs-navbar-active-color:#ff7900;--bs-navbar-brand-color:inherit;--bs-navbar-brand-hover-color:#ff7900}[id=top]:target{scroll-margin-top:7.5rem}.back-to-top{--bs-back-to-top-top:100vh;--bs-back-to-top-right:1.875rem;--bs-back-to-top-bottom:1.875rem;--bs-back-to-top-zindex:1035;--bs-back-to-top-link-offset-top:calc(100vh - 7.5rem);--bs-back-to-top-link-icon:var(--o-chevron-icon);--bs-back-to-top-link-icon-margin-left:0.625rem;--bs-back-to-top-link-width:calc(0.5rem + 1px);--bs-back-to-top-link-height:calc(1rem - 1px);--bs-back-to-top-title-offset-right:calc(100% + 0.125rem);--bs-back-to-top-title-padding:calc(0.5rem - 1px) 1.125rem calc(0.5rem + 1px);--bs-back-to-top-title-color:#000;--bs-back-to-top-title-bg-color:#fff;--bs-back-to-top-title-active-decoration:underline;position:absolute;top:var(--bs-back-to-top-top);right:var(--bs-back-to-top-right);bottom:var(--bs-back-to-top-bottom);z-index:var(--bs-back-to-top-zindex);pointer-events:none}@media (min-width:1280px){.back-to-top{--bs-back-to-top-right:3.75rem;--bs-back-to-top-bottom:3.75rem;--bs-back-to-top-link-offset-top:calc(100vh - 6.25rem)}}.back-to-top-link{position:-webkit-sticky;position:sticky;top:var(--bs-back-to-top-link-offset-top);pointer-events:all;min-width:1.25rem;min-height:1.25rem}.back-to-top-link::after{display:block;min-width:inherit;min-height:inherit;content:"";background-color:currentcolor;-webkit-mask:var(--bs-back-to-top-link-icon) no-repeat calc(50% - 1px)/var(--bs-back-to-top-link-width) var(--bs-back-to-top-link-height);mask:var(--bs-back-to-top-link-icon) no-repeat calc(50% - 1px)/var(--bs-back-to-top-link-width) var(--bs-back-to-top-link-height)}.back-to-top-link::after{transform:rotate(.25turn)}.back-to-top-link:not([title]):not([data-bs-label])::after{margin-left:var(--bs-back-to-top-link-icon-margin-left)}@media (min-width:1280px){.back-to-top-link[data-bs-label]::before{position:absolute;right:var(--bs-back-to-top-title-offset-right);z-index:-1;padding:var(--bs-back-to-top-title-padding);color:var(--bs-back-to-top-title-color);white-space:nowrap;content:attr(data-bs-label);background-color:var(--bs-back-to-top-title-bg-color)}.back-to-top-link[data-bs-label]:hover::before{-webkit-text-decoration:var(--bs-back-to-top-title-active-decoration);text-decoration:var(--bs-back-to-top-title-active-decoration)}}.footer>*{--bs-footer-gap:0;--bs-footer-padding-top:0;--bs-footer-padding-bottom:0;--bs-navbar-nav-font-size:0.875rem;--bs-navbar-nav-line-height:1.1428571429;--bs-navbar-nav-letter-spacing:-0.00625rem;padding-top:var(--bs-footer-padding-top);padding-bottom:var(--bs-footer-padding-bottom)}.footer>* .navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0;--bs-nav-link-font-weight:700;flex-wrap:wrap;gap:var(--bs-footer-gap)}.footer>* .navbar-nav .nav-link{outline-offset:2px}.footer>* .navbar-nav .nav-link.active::before{content:unset}.footer .footer-service{--bs-footer-padding-top:1.1875rem;--bs-footer-padding-bottom:1.25rem}.footer .footer-service .nav-link>span{padding-top:.125rem}.footer .footer-terms{--bs-footer-padding-top:1.0625rem;--bs-footer-padding-bottom:1.6875rem;--bs-footer-gap:2.125rem}@media (min-width:768px){.footer .navbar-nav{flex-direction:row}.footer .footer-service{--bs-footer-padding-top:1.5625rem;--bs-footer-padding-bottom:1.5rem}.footer .footer-terms{--bs-footer-padding-top:1.375rem;--bs-footer-padding-bottom:1.375rem}}.supra{--bs-navbar-padding-y:0px;--bs-navbar-nav-font-size:0.875rem;--bs-navbar-nav-line-height:1.1428571429;--bs-navbar-nav-link-padding-y:0.75rem;--bs-navbar-nav-link-padding-x:0.46875rem;--bs-navbar-nav-icon-padding-y:0.3125rem;--bs-navbar-nav-icon-padding-x:0.9375rem;--bs-navbar-nav-icon-size:1.5625rem;display:none}.supra .navbar-nav .nav-link{padding-top:var(--bs-navbar-nav-link-padding-y)}.supra .navbar-nav .nav-link.nav-icon{padding-top:calc(var(--bs-navbar-nav-icon-padding-y) + .3125rem)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.d-flex{display:flex!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-dark{--bs-border-opacity:1;border-color:rgba(102,102,102,var(--bs-border-opacity))!important}.border-1{--bs-border-width:0.0625rem}.flex-row{flex-direction:row!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-5{margin-top:3.75rem!important;margin-bottom:3.75rem!important}.mt-3{margin-top:1.25rem!important}.mt-4{margin-top:1.875rem!important}.mt-5{margin-top:3.75rem!important}.me-5{margin-right:3.75rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.3125rem!important}.mb-5{margin-bottom:3.75rem!important}.ms-1{margin-left:.3125rem!important}.ms-5{margin-left:3.75rem!important}.ms-auto{margin-left:auto!important}.gap-2{gap:.625rem!important}.gap-3{gap:1.25rem!important}.fw-bold{font-weight:700!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-text-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important;background-color:#000}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;background-color:#000}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;color:#fff}@media (min-width:768px){.gap-md-5{gap:3.75rem!important}}@media (min-width:1024px){.me-lg-4{margin-right:1.875rem!important}} \ No newline at end of file + */:root{--bs-blue:#527edb;--bs-indigo:#a885d8;--bs-purple:#a885d8;--bs-pink:#ffb4e6;--bs-red:#cd3c14;--bs-orange:#ff7900;--bs-yellow:#fc0;--bs-green:#32c832;--bs-teal:#50be87;--bs-cyan:#4bb4e6;--bs-black:#000;--bs-white:#fff;--bs-gray:#999;--bs-gray-dark:#595959;--bs-gray-100:#fafafa;--bs-gray-200:#f6f6f6;--bs-gray-300:#eee;--bs-gray-400:#ddd;--bs-gray-500:#ccc;--bs-gray-600:#999;--bs-gray-700:#666;--bs-gray-800:#595959;--bs-gray-900:#333;--bs-primary:#ff7900;--bs-secondary:#000;--bs-success:#32c832;--bs-info:#527edb;--bs-warning:#fc0;--bs-danger:#cd3c14;--bs-light:#ccc;--bs-dark:#000;--bs-primary-rgb:255,121,0;--bs-secondary-rgb:0,0,0;--bs-success-rgb:50,200,50;--bs-info-rgb:82,126,219;--bs-warning-rgb:255,204,0;--bs-danger-rgb:205,60,20;--bs-light-rgb:204,204,204;--bs-dark-rgb:0,0,0;--bs-primary-text-emphasis:#f16e00;--bs-secondary-text-emphasis:#000;--bs-success-text-emphasis:#32c832;--bs-info-text-emphasis:#527edb;--bs-warning-text-emphasis:#fc0;--bs-danger-text-emphasis:#cd3c14;--bs-light-text-emphasis:#ccc;--bs-dark-text-emphasis:#000;--bs-primary-bg-subtle:#ff7900;--bs-secondary-bg-subtle:#000;--bs-success-bg-subtle:#32c832;--bs-info-bg-subtle:#527edb;--bs-warning-bg-subtle:#fc0;--bs-danger-bg-subtle:#cd3c14;--bs-light-bg-subtle:#ccc;--bs-dark-bg-subtle:#000;--bs-primary-border-subtle:#ff7900;--bs-secondary-border-subtle:#000;--bs-success-border-subtle:#32c832;--bs-info-border-subtle:#527edb;--bs-warning-border-subtle:#fc0;--bs-danger-border-subtle:#cd3c14;--bs-light-border-subtle:#ccc;--bs-dark-border-subtle:#000;--bs-primary-text-rgb:241,110,0;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-chevron-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14'%3e%3cpath d='M9 2 7 0 0 7l7 7 2-2-5-5 5-5z'/%3e%3c/svg%3e");--bs-close-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='116 116 767 767' fill='%23000'%3e%3cpath d='M817.493 676.165a49.977 49.977 0 0 1 0 70.664l-70.664 70.664a49.977 49.977 0 0 1-70.664 0L499.5 640.828 322.835 817.493a49.977 49.977 0 0 1-70.664 0l-70.664-70.664a49.977 49.977 0 0 1 0-70.664L358.172 499.5 181.507 322.835a49.977 49.977 0 0 1 0-70.664l70.664-70.664a49.977 49.977 0 0 1 70.664 0L499.5 358.172l176.665-176.665a49.977 49.977 0 0 1 70.664 0l70.664 70.664a49.977 49.977 0 0 1 0 70.664L640.828 499.5Z'/%3e%3c/svg%3e");--bs-check-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 12'%3e%3cpath fill='%23000' d='M13 0 5 8 2 5 0 7l5 5L15 2z'/%3e%3c/svg%3e");--bs-success-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 125 125'%3e%3cpath fill='%2332c832' d='M62.5 0a62.5 62.5 0 1 0 0 125 62.5 62.5 0 0 0 0-125zm28 29.4c3.3 0 6 2.6 6 5.9a5.9 5.9 0 0 1-1.3 3.7L57.7 86a5.8 5.8 0 0 1-9.1 0L29.8 62.5c-.8-1-1.2-2.3-1.2-3.7a5.9 5.9 0 0 1 1.7-4.1l2.3-2.4a5.8 5.8 0 0 1 4.2-1.7 5.8 5.8 0 0 1 3.8 1.4L52 64.7 86.6 31a5.8 5.8 0 0 1 4-1.6z'/%3e%3c/svg%3e");--bs-error-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 125'%3e%3cpath fill='%23cd3c14' d='M70.3 0c-5.8 0-10.8 3.1-13.5 7.8L2.3 101.3l-.2.2A15.6 15.6 0 0 0 15.6 125H125a15.6 15.6 0 0 0 13.5-23.5L83.8 7.8A15.6 15.6 0 0 0 70.3 0zm19.2 50a6.4 6.4 0 0 1 4.4 1.9 6.4 6.4 0 0 1 0 9L79.4 75.6l15 15a6.4 6.4 0 0 1 0 9.2 6.4 6.4 0 0 1-4.5 1.9 6.4 6.4 0 0 1-4.6-2l-15-15-15 15a6.4 6.4 0 0 1-4.6 2 6.4 6.4 0 0 1-4.6-2 6.4 6.4 0 0 1 0-9l15-15L46.8 61a6.4 6.4 0 1 1 9-9.1l14.6 14.5L84.8 52a6.4 6.4 0 0 1 4.7-1.9z'/%3e%3c/svg%3e");--bs-font-sans-serif:HelvNeueOrange/*rtl:insert:Arabic*/,"Helvetica Neue",Helvetica,"Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.125;--bs-body-color:#000;--bs-body-color-rgb:0,0,0;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:#666;--bs-secondary-color-rgb:102,102,102;--bs-secondary-bg:#eee;--bs-secondary-bg-rgb:238,238,238;--bs-tertiary-color:rgba(0, 0, 0, 0.5);--bs-tertiary-color-rgb:0,0,0;--bs-tertiary-bg:#fafafa;--bs-tertiary-bg-rgb:250,250,250;--bs-heading-color:inherit;--bs-link-color:#000;--bs-link-color-rgb:0,0,0;--bs-link-decoration:underline;--bs-link-hover-color:#f16e00;--bs-link-hover-color-rgb:241,110,0;--bs-code-color:#666;--bs-highlight-color:#fff;--bs-highlight-bg:#000;--bs-border-width:0.125rem;--bs-border-style:solid;--bs-border-color:#000;--bs-border-color-translucent:#ccc;--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow: ;--bs-box-shadow-sm: ;--bs-box-shadow-lg: ;--bs-box-shadow-inset: ;--bs-focus-visible-inner-color:var(--bs-body-bg);--bs-focus-visible-outer-color:var(--bs-emphasis-color);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(255, 121, 0, 0.25);--bs-form-valid-color:var(--bs-success-text-emphasis);--bs-form-valid-border-color:var(--bs-success);--bs-form-invalid-color:var(--bs-danger-text-emphasis);--bs-form-invalid-border-color:var(--bs-danger)}[class*=-dark]:not(.border-dark):not(.text-dark):not(.btn-dark):not(.focus-ring-dark):not(.link-underline-dark):not(.link-dark){--bs-primary-text-rgb:255,121,0;--bs-link-color:#fff;--bs-link-hover-color:#ff7900;--bs-link-color-rgb:255,255,255;--bs-link-hover-color-rgb:255,121,0;--bs-focus-visible-inner-color:var(--bs-emphasis-color);--bs-focus-visible-outer-color:var(--bs-body-bg);--bs-caption-color:var(--bs-body-bg);--bs-code-color:#999;--bs-highlight-color:#000;--bs-highlight-bg:#fff;--bs-kbd-color:#fff;--bs-kbd-bg:#333;--bs-pre-color:#eee;--bs-body-color:#eee;--bs-heading-color:#fff}[class*=bg-]:not([class*=bg-black],[class*=-dark]:not(.border-dark):not(.text-dark):not(.btn-dark):not(.focus-ring-dark):not(.link-underline-dark):not(.link-dark),[class*=bg-secondary]):not(.bg-transparent){--bs-primary-text-rgb:241,110,0;--bs-link-color:#000;--bs-link-hover-color:#f16e00;--bs-link-color-rgb:0,0,0;--bs-link-hover-color-rgb:241,110,0;--bs-caption-color:var(--bs-caption-color, var(--bs-emphasis-color));--bs-code-color:#666;--bs-pre-color:var(--bs-pre-color, #333);--bs-body-color:#000}*,::after,::before{box-sizing:border-box}:root{scroll-padding-top:3.75rem}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (min-width:1024px){:root{scroll-padding-top:7.5rem}}body{position:relative;margin:0;font-family:var(--bs-body-font-family);font-synthesis:none;font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);letter-spacing:-.00625rem;background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizespeed}.h1,.h2,.h3,.h4,.h5,[class*=display-],h1,h2,h3,h4,h5{margin-top:0;margin-bottom:1.25rem;font-size:1rem;font-weight:700;line-height:1.125;color:var(--bs-heading-color);letter-spacing:-.00625rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.h1,h1{font-size:1.25rem;line-height:1.1;letter-spacing:-.025rem}.h2,.h3,h2,h3{font-size:1.125rem;line-height:1.1111111111;letter-spacing:-.0125rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul{list-style-type:square}li::marker{color:var(--bs-link-hover-color);vertical-align:middle}ol li::marker{color:inherit}li li::marker{color:#999}li li li::marker{color:#ccc}li::before{color:var(--bs-link-hover-color);vertical-align:text-top}ol li::before{color:inherit}li li::before{color:#999}li li li::before{color:#ccc}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:700}.small,small{font-size:.875rem;font-weight:400;line-height:1.1428571429}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,pre,samp,var{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;line-height:1.25;color:var(--bs-pre-color,#333)}pre code{font-size:inherit;color:inherit;word-break:normal}code,var{font-size:.875em;font-style:normal;line-height:1.1428571429;color:var(--bs-code-color);word-wrap:break-word}a>code,a>var{color:inherit}img,svg{vertical-align:middle}table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;caption-side:top;border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;font-size:2.125rem;font-weight:700;color:var(--bs-caption-color,var(--bs-emphasis-color));text-align:left;letter-spacing:-.0625rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}button{border-radius:0}button:focus:not(:focus-visible):not(.focus-ring){outline:0;box-shadow:none}button,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;box-shadow:none}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}.display-2,.display-3,.h1,h1{font-size:1.5rem;line-height:1.0833333333;letter-spacing:-.0375rem}.display-2{letter-spacing:-.03125rem}.h2,h2{font-size:1.125rem;line-height:1.1111111111;letter-spacing:-.0125rem}.lead{font-size:1rem;font-weight:400;line-height:1.125;letter-spacing:-.00625rem}@media (min-width:480px){.display-2,.display-3,.h1,h1{line-height:1}.display-2{font-size:2.5rem;letter-spacing:-.0625rem}.display-3,.h1,h1{font-size:2.125rem;letter-spacing:-.0625rem}.h2,.h3,h2,h3{font-size:1.5rem;line-height:1.0833333333;letter-spacing:-.03125rem}.h4,.h5,.lead,h4,h5{font-size:1.125rem;line-height:1.1111111111;letter-spacing:-.0125rem}}@media (min-width:1024px){.display-2{font-size:3.125rem;letter-spacing:-.1rem}.display-3{font-size:2.5rem;letter-spacing:-.0625rem}.h2,h2{font-size:1.875rem;line-height:1.0666666667;letter-spacing:-.05rem}.h3,h3{font-size:1.5rem;line-height:1.0833333333;letter-spacing:-.03125rem}.h4,h4{font-size:1.25rem;line-height:1.1;letter-spacing:-.025rem}.h5,h5{font-size:1.125rem;line-height:1.1111111111;letter-spacing:-.0125rem}.lead{font-size:1.25rem;line-height:1.5;letter-spacing:-.015625rem}}.img-fluid{max-width:100%;height:auto}.container{--bs-gutter-x:1.25rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .25);padding-left:calc(var(--bs-gutter-x) * .25);margin-right:auto;margin-left:auto}@media (min-width:768px){.container{--bs-gutter-x:2.5rem}}.container{max-width:312px}@media (min-width:480px){.container{max-width:468px}}@media (min-width:768px){.container{max-width:744px}}@media (min-width:1024px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1200px}}@media (min-width:1440px){.container{max-width:1320px}}:root{}.row{--bs-gutter-x:0.625rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}@media (min-width:768px){.row{--bs-gutter-x:1.25rem}}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}@media (min-width:768px){.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-10{flex:0 0 auto;width:83.33333333%}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}}@media (min-width:1024px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-6{flex:0 0 auto;width:50%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color-translucent);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.065);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.135);width:100%;margin-bottom:1.25rem;vertical-align:top}.table tr{border-bottom:calc(var(--bs-border-width) * .5) solid var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.875rem .625rem calc(.875rem + 1px);line-height:1.25;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>thead>tr{border-bottom-width:calc(calc(var(--bs-border-width) * .5) * 2)}.table>tbody>th{font-weight:400}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table img,.table svg{margin-top:-.75rem;margin-bottom:-.625rem}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.btn{--bs-btn-padding-x:1.125rem;--bs-btn-padding-y:0.5rem;--bs-btn-font-family:inherit;--bs-btn-font-size:1rem;--bs-btn-font-weight:700;--bs-btn-line-height:1.25;--bs-btn-color:var(--bs-body-color);--bs-btn-letter-spacing:-0.00625rem;--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-hover-border-color:initial;--bs-icon-spacing:calc(0.625rem - (var(--bs-border-width)));display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--bs-btn-padding-y) - 1px) var(--bs-btn-padding-x) calc(var(--bs-btn-padding-y) + 1px);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-decoration:none;letter-spacing:var(--bs-btn-letter-spacing);vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);background-color:var(--bs-btn-bg)}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn.active,.btn.show,.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.disabled,.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn:not(.btn-icon)>svg{transform:translateY(1px)}.btn-primary{--bs-btn-color:#000;--bs-btn-bg:#ff7900;--bs-btn-border-color:#ff7900;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#000;--bs-btn-hover-border-color:#000;--bs-btn-focus-shadow-rgb:#fff;--bs-btn-active-color:#000;--bs-btn-active-bg:#fff;--bs-btn-active-border-color:#000;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#ccc;--bs-btn-disabled-border-color:#ccc}.btn-secondary{--bs-btn-color:#000;--bs-btn-bg:#fff;--bs-btn-border-color:#000;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#000;--bs-btn-hover-border-color:#000;--bs-btn-active-color:#000;--bs-btn-active-bg:#ff7900;--bs-btn-active-border-color:#ff7900}.btn-icon{padding:var(--bs-icon-spacing)}.nav{--bs-nav-link-padding-x:1.25rem;--bs-nav-link-padding-y:0.625rem;--bs-nav-link-font-weight:700;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#ccc;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:flex;align-items:center;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0}.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0;--bs-navbar-font-weight:700;--bs-navbar-border-width:calc(var(--bs-border-width) * 0.5);--bs-navbar-border-color:#ccc;--bs-navbar-color:var(--bs-emphasis-color);--bs-navbar-hover-color:#f16e00;--bs-navbar-disabled-color:#ccc;--bs-navbar-active-color:#f16e00;--bs-navbar-brand-padding-y:0;--bs-navbar-brand-margin-y:0.625rem;--bs-navbar-brand-margin-end:1.875rem;--bs-navbar-brand-logo-size:1.875rem;--bs-navbar-brand-font-size:1.3125rem;--bs-navbar-brand-color:#f16e00;--bs-navbar-nav-padding-top:0;--bs-navbar-nav-padding-x:0;--bs-navbar-nav-padding-bottom:0;--bs-navbar-nav-font-size:1rem;--bs-navbar-nav-line-height:1.125;--bs-navbar-nav-letter-spacing:-0.00625rem;--bs-navbar-nav-link-padding-y:1rem;--bs-navbar-nav-link-padding-x:0.3125rem;--bs-navbar-nav-icon-padding-y:0.75rem;--bs-navbar-nav-icon-padding-x:0.9375rem;--bs-navbar-nav-icon-size:1.5625rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);font-weight:var(--bs-navbar-font-weight);box-shadow:inset 0 calc(-1 * var(--bs-navbar-border-width)) 0 var(--bs-navbar-border-color);transition:padding-top .2s ease-in-out,padding-bottom .2s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar{transition:none}}@media (min-width:768px){.navbar{--bs-navbar-padding-y:0.375rem;--bs-navbar-brand-margin-y:1.1875rem;--bs-navbar-brand-logo-size:3.125rem;--bs-navbar-brand-font-size:2.1875rem;--bs-navbar-nav-link-padding-x:0.625rem;--bs-navbar-nav-icon-padding-y:1.1875rem;--bs-navbar-nav-icon-padding-x:1.25rem;--bs-navbar-nav-icon-size:1.875rem}}.navbar>.container{display:flex;flex-wrap:inherit;align-items:flex-end}.navbar-brand{position:relative;display:inline-flex;align-items:flex-end;order:-1;padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-top:var(--bs-navbar-brand-margin-y);margin-right:var(--bs-navbar-brand-margin-end);margin-bottom:var(--bs-navbar-brand-margin-y);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap;transition:margin .2s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-brand{transition:none}}.navbar-brand:hover .title{color:var(--bs-navbar-brand-hover-color)}.navbar-brand img{width:auto;height:var(--bs-navbar-brand-logo-size);transition:width .2s ease-in-out,height .2s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-brand img{transition:none}}.navbar-brand .title{margin:-.2857142857em 1.25rem -.1428571429em calc(var(--bs-navbar-brand-logo-size)/ 2);font-size:var(--bs-navbar-brand-font-size);line-height:1;letter-spacing:var(--bs-navbar-brand-letter-spacing)}.navbar-nav{--bs-nav-link-padding-x:var(--bs-navbar-nav-link-padding-x);--bs-nav-link-padding-y:var(--bs-navbar-nav-link-padding-y);--bs-nav-link-font-size:var(--bs-navbar-nav-font-size, 1rem);--bs-nav-link-font-weight:700;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding:var(--bs-navbar-nav-padding-top) var(--bs-navbar-nav-padding-x) var(--bs-navbar-nav-padding-bottom);margin-bottom:0;font-size:var(--bs-navbar-nav-font-size);line-height:var(--bs-navbar-nav-line-height, 1.125);letter-spacing:var(--bs-navbar-nav-letter-spacing, -.00625rem);list-style:none}.navbar-nav .nav-link{position:relative;padding-top:calc(var(--bs-navbar-nav-link-padding-y) - (var(--bs-navbar-border-width)));margin:0 calc(-1 * var(--bs-navbar-nav-link-padding-x));word-break:break-all}.navbar-nav .nav-link:hover{z-index:1}@media (max-width:1023.98px){.navbar-nav .nav-link{outline-offset:-3px}}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .nav-item{border-top:var(--bs-navbar-border-width) solid var(--bs-navbar-border-color)}.navbar-nav .nav-item .nav-link.nav-icon{padding:var(--bs-navbar-nav-icon-padding-y) var(--bs-navbar-nav-icon-padding-x);margin-left:calc(-1 * var(--bs-navbar-nav-icon-padding-x));white-space:nowrap}.navbar-nav .nav-item .nav-link.nav-icon img,.navbar-nav .nav-item .nav-link.nav-icon svg{width:var(--bs-navbar-nav-icon-size);height:var(--bs-navbar-nav-icon-size)}.navbar-nav .nav-item:not(:first-of-type)>.nav-icon{margin-left:0}.navbar-nav.flex-row .nav-item{border:0}.navbar:not(.supra)+.navbar{padding:0;margin-top:calc(-1 * var(--bs-navbar-border-width))}@media (min-width:1024px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{margin:0}.navbar-expand-lg .navbar-nav .nav-link.active::before{position:absolute;right:var(--bs-navbar-nav-link-padding-x);bottom:calc(-1 * var(--bs-navbar-padding-y));left:var(--bs-navbar-nav-link-padding-x);height:calc(var(--bs-navbar-border-width) * 4);content:"";background-color:currentcolor;transition:bottom .2s ease-in-out}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.navbar-expand-lg .navbar-nav .nav-link.active::before{transition:none}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .nav-item{border:0}.navbar-expand-lg .navbar-nav .nav-item:first-child>.nav-link{margin-left:calc(-1 * var(--bs-navbar-nav-link-padding-x))}.navbar-expand-lg .navbar-nav .nav-item:last-child>.nav-link{margin-right:calc(-1 * var(--bs-navbar-nav-link-padding-x))}.navbar-expand-lg .navbar-nav .nav-item:first-child>.nav-icon{margin-left:calc(-1 * var(--bs-navbar-nav-icon-padding-x))}.navbar-expand-lg .navbar-nav .nav-item:last-child>.nav-icon{margin-right:calc(-1 * var(--bs-navbar-nav-icon-padding-x))}.navbar-expand-lg.supra{display:flex}.navbar-expand-lg:not(.supra)+.navbar{margin-top:0}.navbar-expand-lg:not(.supra)+.navbar .nav-link{padding-bottom:calc(var(--bs-navbar-nav-link-padding-y) + .0625rem)}.navbar-expand-lg:not(.supra)+.navbar .nav-link.active::before{bottom:0}}.navbar-dark{--bs-navbar-border-color:#666;--bs-navbar-color:#fff;--bs-navbar-hover-color:#ff7900;--bs-navbar-disabled-color:#666;--bs-navbar-active-color:#ff7900;--bs-navbar-brand-color:inherit;--bs-navbar-brand-hover-color:#ff7900;--bs-navbar-toggler-border-color:transparent;--bs-navbar-toggler-icon-filter:invert(1)}[id=top]:target{scroll-margin-top:7.5rem}.back-to-top{--bs-back-to-top-top:100vh;--bs-back-to-top-right:1.875rem;--bs-back-to-top-bottom:1.875rem;--bs-back-to-top-zindex:1035;--bs-back-to-top-link-offset-top:calc(100vh - 7.5rem);--bs-back-to-top-link-icon:var(--bs-chevron-icon);--bs-back-to-top-link-icon-margin-left:0.625rem;--bs-back-to-top-link-width:calc(0.5rem + 1px);--bs-back-to-top-link-height:calc(1rem - 1px);--bs-back-to-top-title-offset-right:calc(100% + var(--bs-border-width));--bs-back-to-top-title-padding:calc(0.5rem - 1px) 1.125rem calc(0.5rem + 1px);--bs-back-to-top-title-color:#000;--bs-back-to-top-title-bg-color:#fff;--bs-back-to-top-title-active-decoration:underline;position:absolute;top:var(--bs-back-to-top-top);right:var(--bs-back-to-top-right);bottom:var(--bs-back-to-top-bottom);z-index:var(--bs-back-to-top-zindex);pointer-events:none}@media (min-width:1280px){.back-to-top{--bs-back-to-top-right:3.75rem;--bs-back-to-top-bottom:3.75rem;--bs-back-to-top-link-offset-top:calc(100vh - 6.25rem)}}.back-to-top-link{position:-webkit-sticky;position:sticky;top:var(--bs-back-to-top-link-offset-top);pointer-events:all;min-width:1.25rem;min-height:1.25rem}.back-to-top-link::after{display:block;min-width:inherit;min-height:inherit;content:"";background-color:currentcolor;-webkit-mask:var(--bs-back-to-top-link-icon) no-repeat calc(50% - 1px)/var(--bs-back-to-top-link-width) var(--bs-back-to-top-link-height);mask:var(--bs-back-to-top-link-icon) no-repeat calc(50% - 1px)/var(--bs-back-to-top-link-width) var(--bs-back-to-top-link-height)}.back-to-top-link::after{transform:rotate(.25turn)}.back-to-top-link:not([title]):not([data-bs-label])::after{margin-left:var(--bs-back-to-top-link-icon-margin-left)}@media (min-width:1280px){.back-to-top-link[data-bs-label]::before{position:absolute;right:var(--bs-back-to-top-title-offset-right);z-index:-1;padding:var(--bs-back-to-top-title-padding);color:var(--bs-back-to-top-title-color);white-space:nowrap;content:attr(data-bs-label);background-color:var(--bs-back-to-top-title-bg-color)}.back-to-top-link[data-bs-label]:hover::before{-webkit-text-decoration:var(--bs-back-to-top-title-active-decoration);text-decoration:var(--bs-back-to-top-title-active-decoration)}}.footer>*{--bs-footer-gap:0;--bs-footer-padding-top:0;--bs-footer-padding-bottom:0;--bs-navbar-nav-font-size:0.875rem;--bs-navbar-nav-line-height:1.1428571429;--bs-navbar-nav-letter-spacing:-0.00625rem;padding-top:var(--bs-footer-padding-top);padding-bottom:var(--bs-footer-padding-bottom);color:var(--bs-body-color)}.footer>* .navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0;--bs-nav-link-font-weight:700;flex-wrap:wrap;gap:var(--bs-footer-gap)}.footer>* .navbar-nav .nav-link{outline-offset:2px}.footer>* .navbar-nav .nav-link.active{text-decoration:underline}.footer>* .navbar-nav .nav-link.active::before{content:unset}.footer .footer-service{--bs-footer-padding-top:1.1875rem;--bs-footer-padding-bottom:1.25rem}.footer .footer-service .nav-link>span{padding-top:.125rem}.footer .footer-terms{--bs-footer-padding-top:1.0625rem;--bs-footer-padding-bottom:1.6875rem;--bs-footer-gap:2.125rem}@media (min-width:768px){.footer .navbar-nav{flex-direction:row}.footer .footer-service{--bs-footer-padding-top:1.5625rem;--bs-footer-padding-bottom:1.5rem}.footer .footer-terms{--bs-footer-padding-top:1.375rem;--bs-footer-padding-bottom:1.375rem}}.supra{--bs-navbar-padding-y:0px;--bs-navbar-nav-font-size:0.875rem;--bs-navbar-nav-line-height:1.1428571429;--bs-navbar-nav-link-padding-y:0.75rem;--bs-navbar-nav-link-padding-x:0.46875rem;--bs-navbar-nav-icon-padding-y:0.3125rem;--bs-navbar-nav-icon-padding-x:0.9375rem;--bs-navbar-nav-icon-size:1.5625rem;display:none}.supra .navbar-nav .nav-link{padding-top:var(--bs-navbar-nav-link-padding-y)}.supra .navbar-nav .nav-link.nav-icon{padding-top:calc(var(--bs-navbar-nav-icon-padding-y) + .3125rem)}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.d-flex{display:flex!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-light{--bs-border-opacity:1;border-color:rgba(204,204,204,var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(102,102,102,var(--bs-border-opacity))!important}.border-1{border-width:.0625rem!important}.flex-row{flex-direction:row!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-5{margin-top:3.75rem!important;margin-bottom:3.75rem!important}.mt-3{margin-top:1.25rem!important}.mt-4{margin-top:1.875rem!important}.mt-5{margin-top:3.75rem!important}.me-5{margin-right:3.75rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.3125rem!important}.mb-3{margin-bottom:1.25rem!important}.mb-5{margin-bottom:3.75rem!important}.ms-1{margin-left:.3125rem!important}.ms-5{margin-left:3.75rem!important}.ms-auto{margin-left:auto!important}.pt-5{padding-top:3.75rem!important}.pb-4{padding-bottom:1.875rem!important}.ps-3{padding-left:1.25rem!important}.gap-2{gap:.625rem!important}.gap-3{gap:1.25rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-text-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.rounded-circle{border-radius:50%!important}@media (min-width:768px){.gap-md-5{gap:3.75rem!important}}@media (min-width:1024px){.me-lg-4{margin-right:1.875rem!important}} \ No newline at end of file diff --git a/index.html b/index.html index ac6a5656d..8b6b4d362 100644 --- a/index.html +++ b/index.html @@ -5,4 +5,4 @@ Orange Company had buy the right for used Helvetica onto digital applications. If you are not authorized to used it, don’t include the orangeHelvetica.css See NOTICE.txt for more information. - -->

Orange Confort+ : une solution OpenSource pour améliorer le confort de tous et mettre en valeur les sites web accessibles !

Ce service offre une vingtaine d’options pour adapter les sites Web à votre besoin : que vous ayez des déficiences visuelles ou une simple fatigue, des problèmes de reconnaissance des mots pour des raisons de dyslexie ou autres, de la difficulté à utiliser une souris ou que vous ne sachiez pas comment paramétrer votre ordinateur, Orange Confort+ vous apporte des solutions : un paramétrage à réaliser une fois et tous les sites Web prendront en compte vos préférences.

Orange Confort+ est une extension pour navigateur à télécharger gratuitement, disponible sur Firefox, et Chrome.

Barre de réglages rapides du service Orange Confort+

À qui s’adresse le service Orange Confort+

Le service Orange Confort+ a été créé par Orange. Il offre une aide importante aux utilisateurs ayant un handicap moteur, visuel ou cognitif (dyslexie par exemple), et améliore l’expérience utilisateur pour tous. Qui n’a pas souhaité en fin de journée pouvoir augmenter la taille des polices ou le contraste de couleur sur un site web ?

Notre démarche de conception centrée utilisateurs a permis de concevoir une interface claire et facile à prendre en main.

Les réglages ont été étudiés pour répondre aux besoins du plus grand nombre, sans impacter les performances.

Ce service est fondé sur un principe essentiel : on ne peut pas catégoriser, simplement, les préférences d’un utilisateur face à un site web en fonction d’une typologie prédéfinie, qu’il soit en situation de handicap ou non. Le service offre donc une souplesse au niveau de la personnalisation des réglages, pour permettre à un utilisateur de choisir lui-même les réglages qui lui conviennent le mieux.

Pour améliorer l’expérience utilisateur et faciliter sa prise en main, le service Orange Confort+ propose la visualisation en temps réel des réglages. Ainsi, l’utilisateur peut très vite trouver et appliquer les réglages optimaux vis-à-vis de ses besoins. Le service est disponible en Français, Anglais, Polonais et Espagnol. La langue d’affichage par défaut est celle du site visité, et peut être personnalisée.

Le service garantit la préservation du contenu informatif, toutes les informations présentes sur la page web restent disponibles lorsque le service est activé.

Réglages offerts par le service

Typographie

Agrandissement des caractères, modification de la police d’affichage et de l’espacement dans le texte : utile aux utilisateurs dyslexiques, ayant des difficultés de vision, ou tout simplement sujet à la fatigue visuelle.

Onglet de réglages typographie

Agencement

Modification de la mise en page, affichage d’une règle de lecture : utile principalement aux malvoyants et déficients cognitifs qui ont du mal à repérer les informations dans la page, ainsi qu’aux déficients moteurs qui ne peuvent utiliser la souris ou qui naviguent uniquement au clavier.

Onglet de réglages agencement

Couleurs

Choix dans une palette personnalisée de la couleur du texte et du fond de la page.

Onglet de réglages couleurs

Comportement

Onglet de réglages moteur

La navigation par pointage

Cette aide est très utile pour des utilisateurs qui se trouvent dans l’impossibilité d’exercer une pression sur la souris ou sur le clavier. Affiche un ascenseur pour faire défiler la page en passant, au survol, la souris au-dessus des deux flèches haut/bas, sans avoir besoin de cliquer. Et lorsque la souris est au-dessus d’un élément cliquable de la page, par exemple un lien, celui-ci s’active au bout d’un délai prédéfini par l’utilisateur : 1 seconde, 2 secondes, etc.

La navigation par sélection automatique des éléments

Cette aide est fondamentale pour les utilisateurs qui ne peuvent faire usage de la souris, mais seulement exercer une pression sur une touche du clavier. Parcourt de façon automatique tous les éléments cliquables de la page ainsi que tous les formulaires. L’appui sur les touches Espace ou Entrée du clavier ouvre un menu contextuel qui permet au choix : d’activer l’élément sélectionné, de continuer le parcours de la page, de passer en mode navigation rapide (2 éléments par 2 ou 5 par 5, etc.), ou de naviguer en arrière.

Vous êtes développeur ?
Vous souhaitez intégrer Orange Confort+ dans vos pages ?

Le service est peu intrusif, il s’intègre sous forme de lien dont vous pouvez personnaliser l’apparence et la position dans la page.

Lors de l’activation du service par un utilisateur, la barre de réglages du service vient s’insérer en haut de la page, en décalant le contenu de celle-ci vers le bas.

Le service peut être utilisé sur tous les sites, cependant pour que le service fonctionne de façon optimale, il est préférable que votre site respecte les recommandations d’accessibilité WCAG 2.1 ou RGAA 4.1.2.

Dans votre site, l’ajout du service Orange Confort+ est réalisé par la simple inclusion d’un fichier JavaScript dans votre code HTML.

Le fichier Javascript du service Orange Confort+ doit être hébergé sur un serveur. Ce serveur peut être celui de votre site, ou un serveur distant hébergé par un partenaire (sur un autre domaine). Si vous faites le choix d’utiliser un serveur distant hébergé par un partenaire, l’utilisateur du service Orange Confort+ retrouvera ses réglages sur tous les sites utilisant ce serveur.

Orange Confort+ sur GitHub

\ No newline at end of file + -->

Orange Confort+ : une solution OpenSource pour améliorer le confort de tous et mettre en valeur les sites web accessibles !

Ce service offre une vingtaine d’options pour adapter les sites Web à votre besoin : que vous ayez des déficiences visuelles ou une simple fatigue, des problèmes de reconnaissance des mots pour des raisons de dyslexie ou autres, de la difficulté à utiliser une souris ou que vous ne sachiez pas comment paramétrer votre ordinateur, Orange Confort+ vous apporte des solutions : un paramétrage à réaliser une fois et tous les sites Web prendront en compte vos préférences.

Orange Confort+ est une extension pour navigateur à télécharger gratuitement, disponible sur Firefox, et Chrome.

Barre de réglages rapides du service Orange Confort+

À qui s’adresse le service Orange Confort+

Le service Orange Confort+ a été créé par Orange. Il offre une aide importante aux utilisateurs ayant un handicap moteur, visuel ou cognitif (dyslexie par exemple), et améliore l’expérience utilisateur pour tous. Qui n’a pas souhaité en fin de journée pouvoir augmenter la taille des polices ou le contraste de couleur sur un site web ?

Notre démarche de conception centrée utilisateurs a permis de concevoir une interface claire et facile à prendre en main.

Les réglages ont été étudiés pour répondre aux besoins du plus grand nombre, sans impacter les performances.

Ce service est fondé sur un principe essentiel : on ne peut pas catégoriser, simplement, les préférences d’un utilisateur face à un site web en fonction d’une typologie prédéfinie, qu’il soit en situation de handicap ou non. Le service offre donc une souplesse au niveau de la personnalisation des réglages, pour permettre à un utilisateur de choisir lui-même les réglages qui lui conviennent le mieux.

Pour améliorer l’expérience utilisateur et faciliter sa prise en main, le service Orange Confort+ propose la visualisation en temps réel des réglages. Ainsi, l’utilisateur peut très vite trouver et appliquer les réglages optimaux vis-à-vis de ses besoins. Le service est disponible en Français, Anglais, Polonais et Espagnol. La langue d’affichage par défaut est celle du site visité, et peut être personnalisée.

Le service garantit la préservation du contenu informatif, toutes les informations présentes sur la page web restent disponibles lorsque le service est activé.

Réglages offerts par le service

Typographie

Agrandissement des caractères, modification de la police d’affichage et de l’espacement dans le texte : utile aux utilisateurs dyslexiques, ayant des difficultés de vision, ou tout simplement sujet à la fatigue visuelle.

Onglet de réglages typographie

Agencement

Modification de la mise en page, affichage d’une règle de lecture : utile principalement aux malvoyants et déficients cognitifs qui ont du mal à repérer les informations dans la page, ainsi qu’aux déficients moteurs qui ne peuvent utiliser la souris ou qui naviguent uniquement au clavier.

Onglet de réglages agencement

Couleurs

Choix dans une palette personnalisée de la couleur du texte et du fond de la page.

Onglet de réglages couleurs

Comportement

Onglet de réglages moteur

La navigation par pointage

Cette aide est très utile pour des utilisateurs qui se trouvent dans l’impossibilité d’exercer une pression sur la souris ou sur le clavier. Affiche un ascenseur pour faire défiler la page en passant, au survol, la souris au-dessus des deux flèches haut/bas, sans avoir besoin de cliquer. Et lorsque la souris est au-dessus d’un élément cliquable de la page, par exemple un lien, celui-ci s’active au bout d’un délai prédéfini par l’utilisateur : 1 seconde, 2 secondes, etc.

La navigation par sélection automatique des éléments

Cette aide est fondamentale pour les utilisateurs qui ne peuvent faire usage de la souris, mais seulement exercer une pression sur une touche du clavier. Parcourt de façon automatique tous les éléments cliquables de la page ainsi que tous les formulaires. L’appui sur les touches Espace ou Entrée du clavier ouvre un menu contextuel qui permet au choix : d’activer l’élément sélectionné, de continuer le parcours de la page, de passer en mode navigation rapide (2 éléments par 2 ou 5 par 5, etc.), ou de naviguer en arrière.

Vous êtes développeur ?
Vous souhaitez intégrer Orange Confort+ dans vos pages ?

Le service est peu intrusif, il s’intègre sous forme de lien dont vous pouvez personnaliser l’apparence et la position dans la page.

Lors de l’activation du service par un utilisateur, la barre de réglages du service vient s’insérer en haut de la page, en décalant le contenu de celle-ci vers le bas.

Le service peut être utilisé sur tous les sites, cependant pour que le service fonctionne de façon optimale, il est préférable que votre site respecte les recommandations d’accessibilité WCAG 2.1 ou RGAA 4.1.2.

Dans votre site, l’ajout du service Orange Confort+ est réalisé par la simple inclusion d’un fichier JavaScript dans votre code HTML.

Le fichier Javascript du service Orange Confort+ doit être hébergé sur un serveur. Ce serveur peut être celui de votre site, ou un serveur distant hébergé par un partenaire (sur un autre domaine). Si vous faites le choix d’utiliser un serveur distant hébergé par un partenaire, l’utilisateur du service Orange Confort+ retrouvera ses réglages sur tous les sites utilisant ce serveur.

Orange Confort+ sur GitHub

L’accessibilité d’Orange Confort+

Orange Confort+ a fait l’objet d’un audit WCAG. Consulter la déclaration de conformité.

\ No newline at end of file diff --git a/index_en.html b/index_en.html index f36967540..309781126 100644 --- a/index_en.html +++ b/index_en.html @@ -5,4 +5,4 @@ Orange Company had buy the right for used Helvetica onto digital applications. If you are not authorized to used it, don’t include the orangeHelvetica.css See NOTICE.txt for more information. - -->

Orange Confort+: an Open source solution to enhance Confort for all and highlight accessible websites!

This service provides around twenty adjustments to adapt web sites to your needs: whether you have visual impairments or simple eyestrain, problems of word recognition because of dyslexia or others reasons, difficulty to use a mouse or to set up your computer, Orange Confort + brings you solutions: a setting to be made once and all the websites will take your preferences into account.

Orange Confort+ is a browser extension, free to download, available for Firefox, and Chrome.

Orange Confort+ service quick setup bar

Who should use Orange Confort+ service

The Orange Confort + service was created by Orange. It provides significant assistance to users with motor, visual or cognitive disabilities (such as dyslexia), and improves the user experience for all. Who does not wish, by the end of the day, to increase the size of the fonts or the color contrast on a website?

Our user-centric design ensures a clear and easy-to-use interface.

The settings have been designed to meet the needs of the largest number of people without impacting performance.

This service is based on a core principle: one simply cannot categorize the preferences of a user in front of a web site according to a predefined typology, whatever the situation of handicap —or none at all. The service therefore offers flexibility in the settings’ customization, in order to allow a user to choose what suits them best.

To improve the user experience and make it easier to use, the Orange Confort + service provides real-time visualization of the settings. Thus, the user can very quickly find and apply the optimal settings to their needs. The service is available in French, English, Polish and Spanish. The default language is that of the visited site, and can be customized.

The service guarantees the preservation of the informative content, all the information on the web page remains available when the service is activated.

Settings offered by the service

Typography

Enlarging characters, changing the fonts and the spacing in the text: useful for dyslexic users, users with vision problems, or simply subject to visual fatigue.

Typography settings tab

Layout

Changing the layout, displaying a reading rule: mainly useful for visually impaired and cognitively impaired users who have difficulty identifying the information on the page, as well as motor disabled users who can’t use the mouse or those using keyboard navigation only.

Layout settings tab

Colors

Choosing a custom palette for the text color and page background.

Colors settings tab

Behavior

Motor settings tab

On-hover navigation

This help is very useful for users who are unable to press the mouse or the keyboard. Displays an elevator to scroll through the page, on mouse rollover above the two up / down arrows, without any click needed. And when the mouse is above a clickable element of the page (e.g. a link), it is activated after a user-defined delay: 1 second, 2 seconds, or more.

Automatic selection of elements navigation

This support is essential for users who cannot use the mouse, but can only push on a keypad/keyboard. Automatically scans all clickable elements of the page as well as all forms. Pressing the Space or Enter key on the keyboard opens a context menu which allows you to select the following: activate the selected item, keep on navigating the page, switch to fast navigation mode (2 items by 2 or 5 by 5, etc.), or navigate backwards.

Orange Confort+ on GitHub

\ No newline at end of file + -->

Orange Confort+: an Open source solution to enhance Confort for all and highlight accessible websites!

This service provides around twenty adjustments to adapt web sites to your needs: whether you have visual impairments or simple eyestrain, problems of word recognition because of dyslexia or others reasons, difficulty to use a mouse or to set up your computer, Orange Confort + brings you solutions: a setting to be made once and all the websites will take your preferences into account.

Orange Confort+ is a browser extension, free to download, available for Firefox, and Chrome.

Orange Confort+ service quick setup bar

Who should use Orange Confort+ service

The Orange Confort + service was created by Orange. It provides significant assistance to users with motor, visual or cognitive disabilities (such as dyslexia), and improves the user experience for all. Who does not wish, by the end of the day, to increase the size of the fonts or the color contrast on a website?

Our user-centric design ensures a clear and easy-to-use interface.

The settings have been designed to meet the needs of the largest number of people without impacting performance.

This service is based on a core principle: one simply cannot categorize the preferences of a user in front of a web site according to a predefined typology, whatever the situation of handicap —or none at all. The service therefore offers flexibility in the settings’ customization, in order to allow a user to choose what suits them best.

To improve the user experience and make it easier to use, the Orange Confort + service provides real-time visualization of the settings. Thus, the user can very quickly find and apply the optimal settings to their needs. The service is available in French, English, Polish and Spanish. The default language is that of the visited site, and can be customized.

The service guarantees the preservation of the informative content, all the information on the web page remains available when the service is activated.

Settings offered by the service

Typography

Enlarging characters, changing the fonts and the spacing in the text: useful for dyslexic users, users with vision problems, or simply subject to visual fatigue.

Typography settings tab

Layout

Changing the layout, displaying a reading rule: mainly useful for visually impaired and cognitively impaired users who have difficulty identifying the information on the page, as well as motor disabled users who can’t use the mouse or those using keyboard navigation only.

Layout settings tab

Colors

Choosing a custom palette for the text color and page background.

Colors settings tab

Behavior

Motor settings tab

On-hover navigation

This help is very useful for users who are unable to press the mouse or the keyboard. Displays an elevator to scroll through the page, on mouse rollover above the two up / down arrows, without any click needed. And when the mouse is above a clickable element of the page (e.g. a link), it is activated after a user-defined delay: 1 second, 2 seconds, or more.

Automatic selection of elements navigation

This support is essential for users who cannot use the mouse, but can only push on a keypad/keyboard. Automatically scans all clickable elements of the page as well as all forms. Pressing the Space or Enter key on the keyboard opens a context menu which allows you to select the following: activate the selected item, keep on navigating the page, switch to fast navigation mode (2 items by 2 or 5 by 5, etc.), or navigate backwards.

Orange Confort+ on GitHub

Orange Confort+ accessibility

Orange Confort+ was audited against WCAG. Read the accessibility statement.

\ No newline at end of file