@charset "UTF-8";
/***** Custom variables ********/
/* gris foncé */
/* gris foncé */
/* gris foncé */
/* rouge */
/* rouge fonce */
/* bleu */
/* bleu foncé */
/* bleu pale */
/* bleu tres pale */
/* jaune foncé */
/* Couleurs pour le Secondaire */
/* rouge du secondaire, plus clair */
/* jaune du secondaire, plus clair, palette officiel #FFB819,  mais on l'a foncé pour améliorer le contraste */
/* Couleurs pour le Collégial */
/* rouge */
/* gris foncé */
/*! Bootstrap v4.1.3 (https://getbootstrap.com/) Copyright 2011-2018 The Bootstrap Authors Copyright 2011-2018 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*, *::before, *::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport { width: device-width; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #111; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #205072; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

a:hover { color: #0f2636; text-decoration: underline; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }

h1, .h1 { font-size: 2.5rem; }

h2, .h2 { font-size: 2rem; }

h3, .h3 { font-size: 1.75rem; }

h4, .h4 { font-size: 1.5rem; }

h5, .h5 { font-size: 1.25rem; }

h6, .h6 { font-size: 1rem; }

.lead { font-size: 1.25rem; font-weight: 300; }

.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }

.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }

.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }

.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

small, .small { font-size: 80%; font-weight: 400; }

mark, .mark { padding: 0.2em; background-color: #fcf8e3; }

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; }

.list-inline-item { display: inline-block; }

.list-inline-item:not(:last-child) { margin-right: 0.5rem; }

.initialism { font-size: 90%; text-transform: uppercase; }

.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }

.blockquote-footer { display: block; font-size: 80%; color: #6c757d; }

.blockquote-footer::before { content: "\2014 \00A0"; }

.img-fluid { max-width: 100%; height: auto; }

.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; }

.figure { display: inline-block; }

.figure-img { margin-bottom: 0.5rem; line-height: 1; }

.figure-caption { font-size: 90%; color: #6c757d; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: none; }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.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; }

.order-11 { order: 11; }

.order-12 { order: 12; }

.offset-1 { margin-left: 8.3333333333%; }

.offset-2 { margin-left: 16.6666666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.3333333333%; }

.offset-5 { margin-left: 41.6666666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.3333333333%; }

.offset-8 { margin-left: 66.6666666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.3333333333%; }

.offset-11 { margin-left: 91.6666666667%; }

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } }

@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } }

@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } }

@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } }

.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }

.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }

.table tbody + tbody { border-top: 2px solid #dee2e6; }

.table .table { background-color: #fff; }

.table-sm th, .table-sm td { padding: 0.3rem; }

.table-bordered { border: 1px solid #dee2e6; }

.table-bordered th, .table-bordered td { border: 1px solid #dee2e6; }

.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); }

.table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; }

.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }

.table-dark { color: #fff; background-color: #212529; }

.table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; }

.table-dark.table-bordered { border: 0; }

.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); }

.table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } }

@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } }

@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } }

@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

.table-responsive > .table-bordered { border: 0; }

.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } }

.form-control::-ms-expand { background-color: transparent; border: 0; }

.form-control:focus { color: #495057; background-color: #fff; border-color: #4694cb; outline: 0; box-shadow: 0 0 0 0.2rem rgba(32, 80, 114, 0.25); }

.form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; }

.form-control::-moz-placeholder { color: #6c757d; opacity: 1; }

.form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; }

.form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; }

.form-control::placeholder { color: #6c757d; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }

select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }

.form-control-file, .form-control-range { display: block; width: 100%; }

.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }

.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }

.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }

.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #111; background-color: transparent; border: solid transparent; border-width: 1px 0; }

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; }

.form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }

.form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] { height: auto; }

textarea.form-control { height: auto; }

.form-group { margin-bottom: 1rem; }

.form-text { display: block; margin-top: 0.25rem; }

.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }

.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }

.form-check { position: relative; display: block; padding-left: 1.25rem; }

.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }

.form-check-input:disabled ~ .form-check-label { color: #6c757d; }

.form-check-label { margin-bottom: 0; }

.form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; }

.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }

.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; }

.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }

.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; }

.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; }

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; }

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #71dd8a; }

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #34ce57; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; }

.was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { border-color: inherit; }

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; }

.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; }

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #efa2a9; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #e4606d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { border-color: inherit; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.form-inline { display: flex; flex-flow: row wrap; align-items: center; }

.form-inline .form-check { width: 100%; }

@media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } }

.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } }

.btn:hover, .btn:focus { text-decoration: none; }

.btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(32, 80, 114, 0.25); }

.btn.disabled, .btn:disabled { opacity: 0.65; }

.btn:not(:disabled):not(.disabled) { cursor: pointer; }

a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }

.btn-link { font-weight: 400; color: #205072; background-color: transparent; }

.btn-link:hover { color: #0f2636; text-decoration: underline; background-color: transparent; border-color: transparent; }

.btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; }

.btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; }

.btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 0.5rem; }

input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] { width: 100%; }

.fade { transition: opacity 0.15s linear; }

@media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } }

.fade:not(.show) { opacity: 0; }

.collapse:not(.show) { display: none; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

@media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } }

.dropup, .dropright, .dropdown, .dropleft { position: relative; }

.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after { margin-left: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #111; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }

.dropdown-menu-right { right: 0; left: auto; }

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; }

.dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-toggle::after { vertical-align: 0; }

.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }

.dropleft .dropdown-toggle::after { display: none; }

.dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after { margin-left: 0; }

.dropleft .dropdown-toggle::before { vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; }

.dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }

.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; }

.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #205072; }

.dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; }

.dropdown-menu.show { display: block; }

.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; }

.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; }

.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: block; padding: 0.5rem 1rem; }

.nav-link:hover, .nav-link:focus { text-decoration: none; }

.nav-link.disabled { color: #6c757d; }

.nav-tabs { border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-item { margin-bottom: -1px; }

.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }

.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-pills .nav-link { border-radius: 0.25rem; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #205072; }

.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }

.nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }

.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }

.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }

.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.navbar-nav .dropdown-menu { position: static; float: none; }

.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }

.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }

.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; }

.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; }

@media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } }

@media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } }

@media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } }

@media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } }

.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }

.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; }

.navbar-expand .navbar-nav { flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }

.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }

.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }

.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }

.navbar-expand .navbar-toggler { display: none; }

.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand { color: #fff; }

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }

.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-text a { color: #fff; }

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }

.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }

.card > hr { margin-right: 0; margin-left: 0; }

.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.card-body { flex: 1 1 auto; padding: 1.25rem; }

.card-title { margin-bottom: 0.75rem; }

.card-subtitle { margin-top: -0.375rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }

.card-link + .card-link { margin-left: 1.25rem; }

.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-header + .list-group .list-group-item:first-child { border-top: 0; }

.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; }

.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }

.card-img { width: 100%; border-radius: calc(0.25rem - 1px); }

.card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck { display: flex; flex-direction: column; }

.card-deck .card { margin-bottom: 15px; }

@media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }

.card-group { display: flex; flex-direction: column; }

.card-group > .card { margin-bottom: 15px; }

@media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } }

.card-columns .card { margin-bottom: 0.75rem; }

@media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } }

.accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; }

.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; }

.accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }

.media { display: flex; align-items: flex-start; }

.media-body { flex: 1; }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; }

.close:not(:disabled):not(.disabled) { cursor: pointer; }

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: #000; text-decoration: none; opacity: .75; }

button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }

.carousel { position: relative; }

.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-item { position: relative; display: none; align-items: center; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; }

.carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; transition: transform 0.6s ease; }

@media screen and (prefers-reduced-motion: reduce) { .carousel-item.active, .carousel-item-next, .carousel-item-prev { transition: none; } }

.carousel-item-next, .carousel-item-prev { position: absolute; top: 0; }

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); }

@supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } }

.carousel-item-next, .active.carousel-item-right { transform: translateX(100%); }

@supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } }

.carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); }

@supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } }

.carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; }

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; }

.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); }

@supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } }

.carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; }

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; }

.carousel-control-prev { left: 0; }

.carousel-control-next { right: 0; }

.carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; }

.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; }

.carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); }

.carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; }

.carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; }

.carousel-indicators .active { background-color: #fff; }

.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }

.align-baseline { vertical-align: baseline !important; }

.align-top { vertical-align: top !important; }

.align-middle { vertical-align: middle !important; }

.align-bottom { vertical-align: bottom !important; }

.align-text-bottom { vertical-align: text-bottom !important; }

.align-text-top { vertical-align: text-top !important; }

.bg-white { background-color: #fff !important; }

.bg-transparent { background-color: transparent !important; }

.border { border: 1px solid #dee2e6 !important; }

.border-top { border-top: 1px solid #dee2e6 !important; }

.border-right { border-right: 1px solid #dee2e6 !important; }

.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.border-left { border-left: 1px solid #dee2e6 !important; }

.border-0 { border: 0 !important; }

.border-top-0 { border-top: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-left-0 { border-left: 0 !important; }

.border-white { border-color: #fff !important; }

.rounded { border-radius: 0.25rem !important; }

.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }

.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-0 { border-radius: 0 !important; }

.clearfix::after { display: block; clear: both; content: ""; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: flex !important; }

.d-inline-flex { display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } }

@media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } }

@media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } }

@media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } }

@media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } }

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }

.embed-responsive::before { display: block; content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9::before { padding-top: 42.8571428571%; }

.embed-responsive-16by9::before { padding-top: 56.25%; }

.embed-responsive-4by3::before { padding-top: 75%; }

.embed-responsive-1by1::before { padding-top: 100%; }

.flex-row { flex-direction: row !important; }

.flex-column { flex-direction: column !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-fill { flex: 1 1 auto !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-shrink-1 { flex-shrink: 1 !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

.justify-content-between { justify-content: space-between !important; }

.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }

.align-items-end { align-items: flex-end !important; }

.align-items-center { align-items: center !important; }

.align-items-baseline { align-items: baseline !important; }

.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }

.align-content-end { align-content: flex-end !important; }

.align-content-center { align-content: center !important; }

.align-content-between { align-content: space-between !important; }

.align-content-around { align-content: space-around !important; }

.align-content-stretch { align-content: stretch !important; }

.align-self-auto { align-self: auto !important; }

.align-self-start { align-self: flex-start !important; }

.align-self-end { align-self: flex-end !important; }

.align-self-center { align-self: center !important; }

.align-self-baseline { align-self: baseline !important; }

.align-self-stretch { align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } }

@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } }

@media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } }

@media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-none { float: none !important; }

@media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } }

@media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } }

@media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } }

@media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: -webkit-sticky !important; position: sticky !important; }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none { box-shadow: none !important; }

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.m-grand { margin: 2rem !important; }

.mt-grand, .my-grand { margin-top: 2rem !important; }

.mr-grand, .mx-grand { margin-right: 2rem !important; }

.mb-grand, .my-grand { margin-bottom: 2rem !important; }

.ml-grand, .mx-grand { margin-left: 2rem !important; }

.m-moyen { margin: 1.5rem !important; }

.mt-moyen, .my-moyen { margin-top: 1.5rem !important; }

.mr-moyen, .mx-moyen { margin-right: 1.5rem !important; }

.mb-moyen, .my-moyen { margin-bottom: 1.5rem !important; }

.ml-moyen, .mx-moyen { margin-left: 1.5rem !important; }

.m-petit { margin: 0.5rem !important; }

.mt-petit, .my-petit { margin-top: 0.5rem !important; }

.mr-petit, .mx-petit { margin-right: 0.5rem !important; }

.mb-petit, .my-petit { margin-bottom: 0.5rem !important; }

.ml-petit, .mx-petit { margin-left: 0.5rem !important; }

.m-tres-petit { margin: 0.25rem !important; }

.mt-tres-petit, .my-tres-petit { margin-top: 0.25rem !important; }

.mr-tres-petit, .mx-tres-petit { margin-right: 0.25rem !important; }

.mb-tres-petit, .my-tres-petit { margin-bottom: 0.25rem !important; }

.ml-tres-petit, .mx-tres-petit { margin-left: 0.25rem !important; }

.m-5px { margin: 5px !important; }

.mt-5px, .my-5px { margin-top: 5px !important; }

.mr-5px, .mx-5px { margin-right: 5px !important; }

.mb-5px, .my-5px { margin-bottom: 5px !important; }

.ml-5px, .mx-5px { margin-left: 5px !important; }

.m-10px { margin: 10px !important; }

.mt-10px, .my-10px { margin-top: 10px !important; }

.mr-10px, .mx-10px { margin-right: 10px !important; }

.mb-10px, .my-10px { margin-bottom: 10px !important; }

.ml-10px, .mx-10px { margin-left: 10px !important; }

.m-15px { margin: 15px !important; }

.mt-15px, .my-15px { margin-top: 15px !important; }

.mr-15px, .mx-15px { margin-right: 15px !important; }

.mb-15px, .my-15px { margin-bottom: 15px !important; }

.ml-15px, .mx-15px { margin-left: 15px !important; }

.m-20px { margin: 20px !important; }

.mt-20px, .my-20px { margin-top: 20px !important; }

.mr-20px, .mx-20px { margin-right: 20px !important; }

.mb-20px, .my-20px { margin-bottom: 20px !important; }

.ml-20px, .mx-20px { margin-left: 20px !important; }

.m-25px { margin: 25px !important; }

.mt-25px, .my-25px { margin-top: 25px !important; }

.mr-25px, .mx-25px { margin-right: 25px !important; }

.mb-25px, .my-25px { margin-bottom: 25px !important; }

.ml-25px, .mx-25px { margin-left: 25px !important; }

.m-30px { margin: 30px !important; }

.mt-30px, .my-30px { margin-top: 30px !important; }

.mr-30px, .mx-30px { margin-right: 30px !important; }

.mb-30px, .my-30px { margin-bottom: 30px !important; }

.ml-30px, .mx-30px { margin-left: 30px !important; }

.m-40px { margin: 40px !important; }

.mt-40px, .my-40px { margin-top: 40px !important; }

.mr-40px, .mx-40px { margin-right: 40px !important; }

.mb-40px, .my-40px { margin-bottom: 40px !important; }

.ml-40px, .mx-40px { margin-left: 40px !important; }

.m-50px { margin: 50px !important; }

.mt-50px, .my-50px { margin-top: 50px !important; }

.mr-50px, .mx-50px { margin-right: 50px !important; }

.mb-50px, .my-50px { margin-bottom: 50px !important; }

.ml-50px, .mx-50px { margin-left: 50px !important; }

.m-60px { margin: 60px !important; }

.mt-60px, .my-60px { margin-top: 60px !important; }

.mr-60px, .mx-60px { margin-right: 60px !important; }

.mb-60px, .my-60px { margin-bottom: 60px !important; }

.ml-60px, .mx-60px { margin-left: 60px !important; }

.m-70px { margin: 70px !important; }

.mt-70px, .my-70px { margin-top: 70px !important; }

.mr-70px, .mx-70px { margin-right: 70px !important; }

.mb-70px, .my-70px { margin-bottom: 70px !important; }

.ml-70px, .mx-70px { margin-left: 70px !important; }

.m-80px { margin: 80px !important; }

.mt-80px, .my-80px { margin-top: 80px !important; }

.mr-80px, .mx-80px { margin-right: 80px !important; }

.mb-80px, .my-80px { margin-bottom: 80px !important; }

.ml-80px, .mx-80px { margin-left: 80px !important; }

.m-90px { margin: 90px !important; }

.mt-90px, .my-90px { margin-top: 90px !important; }

.mr-90px, .mx-90px { margin-right: 90px !important; }

.mb-90px, .my-90px { margin-bottom: 90px !important; }

.ml-90px, .mx-90px { margin-left: 90px !important; }

.m-100px { margin: 100px !important; }

.mt-100px, .my-100px { margin-top: 100px !important; }

.mr-100px, .mx-100px { margin-right: 100px !important; }

.mb-100px, .my-100px { margin-bottom: 100px !important; }

.ml-100px, .mx-100px { margin-left: 100px !important; }

.m-125px { margin: 125px !important; }

.mt-125px, .my-125px { margin-top: 125px !important; }

.mr-125px, .mx-125px { margin-right: 125px !important; }

.mb-125px, .my-125px { margin-bottom: 125px !important; }

.ml-125px, .mx-125px { margin-left: 125px !important; }

.m-150px { margin: 150px !important; }

.mt-150px, .my-150px { margin-top: 150px !important; }

.mr-150px, .mx-150px { margin-right: 150px !important; }

.mb-150px, .my-150px { margin-bottom: 150px !important; }

.ml-150px, .mx-150px { margin-left: 150px !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.p-grand { padding: 2rem !important; }

.pt-grand, .py-grand { padding-top: 2rem !important; }

.pr-grand, .px-grand { padding-right: 2rem !important; }

.pb-grand, .py-grand { padding-bottom: 2rem !important; }

.pl-grand, .px-grand { padding-left: 2rem !important; }

.p-moyen { padding: 1.5rem !important; }

.pt-moyen, .py-moyen { padding-top: 1.5rem !important; }

.pr-moyen, .px-moyen { padding-right: 1.5rem !important; }

.pb-moyen, .py-moyen { padding-bottom: 1.5rem !important; }

.pl-moyen, .px-moyen { padding-left: 1.5rem !important; }

.p-petit { padding: 0.5rem !important; }

.pt-petit, .py-petit { padding-top: 0.5rem !important; }

.pr-petit, .px-petit { padding-right: 0.5rem !important; }

.pb-petit, .py-petit { padding-bottom: 0.5rem !important; }

.pl-petit, .px-petit { padding-left: 0.5rem !important; }

.p-tres-petit { padding: 0.25rem !important; }

.pt-tres-petit, .py-tres-petit { padding-top: 0.25rem !important; }

.pr-tres-petit, .px-tres-petit { padding-right: 0.25rem !important; }

.pb-tres-petit, .py-tres-petit { padding-bottom: 0.25rem !important; }

.pl-tres-petit, .px-tres-petit { padding-left: 0.25rem !important; }

.p-5px { padding: 5px !important; }

.pt-5px, .py-5px { padding-top: 5px !important; }

.pr-5px, .px-5px { padding-right: 5px !important; }

.pb-5px, .py-5px { padding-bottom: 5px !important; }

.pl-5px, .px-5px { padding-left: 5px !important; }

.p-10px { padding: 10px !important; }

.pt-10px, .py-10px { padding-top: 10px !important; }

.pr-10px, .px-10px { padding-right: 10px !important; }

.pb-10px, .py-10px { padding-bottom: 10px !important; }

.pl-10px, .px-10px { padding-left: 10px !important; }

.p-15px { padding: 15px !important; }

.pt-15px, .py-15px { padding-top: 15px !important; }

.pr-15px, .px-15px { padding-right: 15px !important; }

.pb-15px, .py-15px { padding-bottom: 15px !important; }

.pl-15px, .px-15px { padding-left: 15px !important; }

.p-20px { padding: 20px !important; }

.pt-20px, .py-20px { padding-top: 20px !important; }

.pr-20px, .px-20px { padding-right: 20px !important; }

.pb-20px, .py-20px { padding-bottom: 20px !important; }

.pl-20px, .px-20px { padding-left: 20px !important; }

.p-25px { padding: 25px !important; }

.pt-25px, .py-25px { padding-top: 25px !important; }

.pr-25px, .px-25px { padding-right: 25px !important; }

.pb-25px, .py-25px { padding-bottom: 25px !important; }

.pl-25px, .px-25px { padding-left: 25px !important; }

.p-30px { padding: 30px !important; }

.pt-30px, .py-30px { padding-top: 30px !important; }

.pr-30px, .px-30px { padding-right: 30px !important; }

.pb-30px, .py-30px { padding-bottom: 30px !important; }

.pl-30px, .px-30px { padding-left: 30px !important; }

.p-40px { padding: 40px !important; }

.pt-40px, .py-40px { padding-top: 40px !important; }

.pr-40px, .px-40px { padding-right: 40px !important; }

.pb-40px, .py-40px { padding-bottom: 40px !important; }

.pl-40px, .px-40px { padding-left: 40px !important; }

.p-50px { padding: 50px !important; }

.pt-50px, .py-50px { padding-top: 50px !important; }

.pr-50px, .px-50px { padding-right: 50px !important; }

.pb-50px, .py-50px { padding-bottom: 50px !important; }

.pl-50px, .px-50px { padding-left: 50px !important; }

.p-60px { padding: 60px !important; }

.pt-60px, .py-60px { padding-top: 60px !important; }

.pr-60px, .px-60px { padding-right: 60px !important; }

.pb-60px, .py-60px { padding-bottom: 60px !important; }

.pl-60px, .px-60px { padding-left: 60px !important; }

.p-70px { padding: 70px !important; }

.pt-70px, .py-70px { padding-top: 70px !important; }

.pr-70px, .px-70px { padding-right: 70px !important; }

.pb-70px, .py-70px { padding-bottom: 70px !important; }

.pl-70px, .px-70px { padding-left: 70px !important; }

.p-80px { padding: 80px !important; }

.pt-80px, .py-80px { padding-top: 80px !important; }

.pr-80px, .px-80px { padding-right: 80px !important; }

.pb-80px, .py-80px { padding-bottom: 80px !important; }

.pl-80px, .px-80px { padding-left: 80px !important; }

.p-90px { padding: 90px !important; }

.pt-90px, .py-90px { padding-top: 90px !important; }

.pr-90px, .px-90px { padding-right: 90px !important; }

.pb-90px, .py-90px { padding-bottom: 90px !important; }

.pl-90px, .px-90px { padding-left: 90px !important; }

.p-100px { padding: 100px !important; }

.pt-100px, .py-100px { padding-top: 100px !important; }

.pr-100px, .px-100px { padding-right: 100px !important; }

.pb-100px, .py-100px { padding-bottom: 100px !important; }

.pl-100px, .px-100px { padding-left: 100px !important; }

.p-125px { padding: 125px !important; }

.pt-125px, .py-125px { padding-top: 125px !important; }

.pr-125px, .px-125px { padding-right: 125px !important; }

.pb-125px, .py-125px { padding-bottom: 125px !important; }

.pl-125px, .px-125px { padding-left: 125px !important; }

.p-150px { padding: 150px !important; }

.pt-150px, .py-150px { padding-top: 150px !important; }

.pr-150px, .px-150px { padding-right: 150px !important; }

.pb-150px, .py-150px { padding-bottom: 150px !important; }

.pl-150px, .px-150px { padding-left: 150px !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .m-sm-grand { margin: 2rem !important; } .mt-sm-grand, .my-sm-grand { margin-top: 2rem !important; } .mr-sm-grand, .mx-sm-grand { margin-right: 2rem !important; } .mb-sm-grand, .my-sm-grand { margin-bottom: 2rem !important; } .ml-sm-grand, .mx-sm-grand { margin-left: 2rem !important; } .m-sm-moyen { margin: 1.5rem !important; } .mt-sm-moyen, .my-sm-moyen { margin-top: 1.5rem !important; } .mr-sm-moyen, .mx-sm-moyen { margin-right: 1.5rem !important; } .mb-sm-moyen, .my-sm-moyen { margin-bottom: 1.5rem !important; } .ml-sm-moyen, .mx-sm-moyen { margin-left: 1.5rem !important; } .m-sm-petit { margin: 0.5rem !important; } .mt-sm-petit, .my-sm-petit { margin-top: 0.5rem !important; } .mr-sm-petit, .mx-sm-petit { margin-right: 0.5rem !important; } .mb-sm-petit, .my-sm-petit { margin-bottom: 0.5rem !important; } .ml-sm-petit, .mx-sm-petit { margin-left: 0.5rem !important; } .m-sm-tres-petit { margin: 0.25rem !important; } .mt-sm-tres-petit, .my-sm-tres-petit { margin-top: 0.25rem !important; } .mr-sm-tres-petit, .mx-sm-tres-petit { margin-right: 0.25rem !important; } .mb-sm-tres-petit, .my-sm-tres-petit { margin-bottom: 0.25rem !important; } .ml-sm-tres-petit, .mx-sm-tres-petit { margin-left: 0.25rem !important; } .m-sm-5px { margin: 5px !important; } .mt-sm-5px, .my-sm-5px { margin-top: 5px !important; } .mr-sm-5px, .mx-sm-5px { margin-right: 5px !important; } .mb-sm-5px, .my-sm-5px { margin-bottom: 5px !important; } .ml-sm-5px, .mx-sm-5px { margin-left: 5px !important; } .m-sm-10px { margin: 10px !important; } .mt-sm-10px, .my-sm-10px { margin-top: 10px !important; } .mr-sm-10px, .mx-sm-10px { margin-right: 10px !important; } .mb-sm-10px, .my-sm-10px { margin-bottom: 10px !important; } .ml-sm-10px, .mx-sm-10px { margin-left: 10px !important; } .m-sm-15px { margin: 15px !important; } .mt-sm-15px, .my-sm-15px { margin-top: 15px !important; } .mr-sm-15px, .mx-sm-15px { margin-right: 15px !important; } .mb-sm-15px, .my-sm-15px { margin-bottom: 15px !important; } .ml-sm-15px, .mx-sm-15px { margin-left: 15px !important; } .m-sm-20px { margin: 20px !important; } .mt-sm-20px, .my-sm-20px { margin-top: 20px !important; } .mr-sm-20px, .mx-sm-20px { margin-right: 20px !important; } .mb-sm-20px, .my-sm-20px { margin-bottom: 20px !important; } .ml-sm-20px, .mx-sm-20px { margin-left: 20px !important; } .m-sm-25px { margin: 25px !important; } .mt-sm-25px, .my-sm-25px { margin-top: 25px !important; } .mr-sm-25px, .mx-sm-25px { margin-right: 25px !important; } .mb-sm-25px, .my-sm-25px { margin-bottom: 25px !important; } .ml-sm-25px, .mx-sm-25px { margin-left: 25px !important; } .m-sm-30px { margin: 30px !important; } .mt-sm-30px, .my-sm-30px { margin-top: 30px !important; } .mr-sm-30px, .mx-sm-30px { margin-right: 30px !important; } .mb-sm-30px, .my-sm-30px { margin-bottom: 30px !important; } .ml-sm-30px, .mx-sm-30px { margin-left: 30px !important; } .m-sm-40px { margin: 40px !important; } .mt-sm-40px, .my-sm-40px { margin-top: 40px !important; } .mr-sm-40px, .mx-sm-40px { margin-right: 40px !important; } .mb-sm-40px, .my-sm-40px { margin-bottom: 40px !important; } .ml-sm-40px, .mx-sm-40px { margin-left: 40px !important; } .m-sm-50px { margin: 50px !important; } .mt-sm-50px, .my-sm-50px { margin-top: 50px !important; } .mr-sm-50px, .mx-sm-50px { margin-right: 50px !important; } .mb-sm-50px, .my-sm-50px { margin-bottom: 50px !important; } .ml-sm-50px, .mx-sm-50px { margin-left: 50px !important; } .m-sm-60px { margin: 60px !important; } .mt-sm-60px, .my-sm-60px { margin-top: 60px !important; } .mr-sm-60px, .mx-sm-60px { margin-right: 60px !important; } .mb-sm-60px, .my-sm-60px { margin-bottom: 60px !important; } .ml-sm-60px, .mx-sm-60px { margin-left: 60px !important; } .m-sm-70px { margin: 70px !important; } .mt-sm-70px, .my-sm-70px { margin-top: 70px !important; } .mr-sm-70px, .mx-sm-70px { margin-right: 70px !important; } .mb-sm-70px, .my-sm-70px { margin-bottom: 70px !important; } .ml-sm-70px, .mx-sm-70px { margin-left: 70px !important; } .m-sm-80px { margin: 80px !important; } .mt-sm-80px, .my-sm-80px { margin-top: 80px !important; } .mr-sm-80px, .mx-sm-80px { margin-right: 80px !important; } .mb-sm-80px, .my-sm-80px { margin-bottom: 80px !important; } .ml-sm-80px, .mx-sm-80px { margin-left: 80px !important; } .m-sm-90px { margin: 90px !important; } .mt-sm-90px, .my-sm-90px { margin-top: 90px !important; } .mr-sm-90px, .mx-sm-90px { margin-right: 90px !important; } .mb-sm-90px, .my-sm-90px { margin-bottom: 90px !important; } .ml-sm-90px, .mx-sm-90px { margin-left: 90px !important; } .m-sm-100px { margin: 100px !important; } .mt-sm-100px, .my-sm-100px { margin-top: 100px !important; } .mr-sm-100px, .mx-sm-100px { margin-right: 100px !important; } .mb-sm-100px, .my-sm-100px { margin-bottom: 100px !important; } .ml-sm-100px, .mx-sm-100px { margin-left: 100px !important; } .m-sm-125px { margin: 125px !important; } .mt-sm-125px, .my-sm-125px { margin-top: 125px !important; } .mr-sm-125px, .mx-sm-125px { margin-right: 125px !important; } .mb-sm-125px, .my-sm-125px { margin-bottom: 125px !important; } .ml-sm-125px, .mx-sm-125px { margin-left: 125px !important; } .m-sm-150px { margin: 150px !important; } .mt-sm-150px, .my-sm-150px { margin-top: 150px !important; } .mr-sm-150px, .mx-sm-150px { margin-right: 150px !important; } .mb-sm-150px, .my-sm-150px { margin-bottom: 150px !important; } .ml-sm-150px, .mx-sm-150px { margin-left: 150px !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .p-sm-grand { padding: 2rem !important; } .pt-sm-grand, .py-sm-grand { padding-top: 2rem !important; } .pr-sm-grand, .px-sm-grand { padding-right: 2rem !important; } .pb-sm-grand, .py-sm-grand { padding-bottom: 2rem !important; } .pl-sm-grand, .px-sm-grand { padding-left: 2rem !important; } .p-sm-moyen { padding: 1.5rem !important; } .pt-sm-moyen, .py-sm-moyen { padding-top: 1.5rem !important; } .pr-sm-moyen, .px-sm-moyen { padding-right: 1.5rem !important; } .pb-sm-moyen, .py-sm-moyen { padding-bottom: 1.5rem !important; } .pl-sm-moyen, .px-sm-moyen { padding-left: 1.5rem !important; } .p-sm-petit { padding: 0.5rem !important; } .pt-sm-petit, .py-sm-petit { padding-top: 0.5rem !important; } .pr-sm-petit, .px-sm-petit { padding-right: 0.5rem !important; } .pb-sm-petit, .py-sm-petit { padding-bottom: 0.5rem !important; } .pl-sm-petit, .px-sm-petit { padding-left: 0.5rem !important; } .p-sm-tres-petit { padding: 0.25rem !important; } .pt-sm-tres-petit, .py-sm-tres-petit { padding-top: 0.25rem !important; } .pr-sm-tres-petit, .px-sm-tres-petit { padding-right: 0.25rem !important; } .pb-sm-tres-petit, .py-sm-tres-petit { padding-bottom: 0.25rem !important; } .pl-sm-tres-petit, .px-sm-tres-petit { padding-left: 0.25rem !important; } .p-sm-5px { padding: 5px !important; } .pt-sm-5px, .py-sm-5px { padding-top: 5px !important; } .pr-sm-5px, .px-sm-5px { padding-right: 5px !important; } .pb-sm-5px, .py-sm-5px { padding-bottom: 5px !important; } .pl-sm-5px, .px-sm-5px { padding-left: 5px !important; } .p-sm-10px { padding: 10px !important; } .pt-sm-10px, .py-sm-10px { padding-top: 10px !important; } .pr-sm-10px, .px-sm-10px { padding-right: 10px !important; } .pb-sm-10px, .py-sm-10px { padding-bottom: 10px !important; } .pl-sm-10px, .px-sm-10px { padding-left: 10px !important; } .p-sm-15px { padding: 15px !important; } .pt-sm-15px, .py-sm-15px { padding-top: 15px !important; } .pr-sm-15px, .px-sm-15px { padding-right: 15px !important; } .pb-sm-15px, .py-sm-15px { padding-bottom: 15px !important; } .pl-sm-15px, .px-sm-15px { padding-left: 15px !important; } .p-sm-20px { padding: 20px !important; } .pt-sm-20px, .py-sm-20px { padding-top: 20px !important; } .pr-sm-20px, .px-sm-20px { padding-right: 20px !important; } .pb-sm-20px, .py-sm-20px { padding-bottom: 20px !important; } .pl-sm-20px, .px-sm-20px { padding-left: 20px !important; } .p-sm-25px { padding: 25px !important; } .pt-sm-25px, .py-sm-25px { padding-top: 25px !important; } .pr-sm-25px, .px-sm-25px { padding-right: 25px !important; } .pb-sm-25px, .py-sm-25px { padding-bottom: 25px !important; } .pl-sm-25px, .px-sm-25px { padding-left: 25px !important; } .p-sm-30px { padding: 30px !important; } .pt-sm-30px, .py-sm-30px { padding-top: 30px !important; } .pr-sm-30px, .px-sm-30px { padding-right: 30px !important; } .pb-sm-30px, .py-sm-30px { padding-bottom: 30px !important; } .pl-sm-30px, .px-sm-30px { padding-left: 30px !important; } .p-sm-40px { padding: 40px !important; } .pt-sm-40px, .py-sm-40px { padding-top: 40px !important; } .pr-sm-40px, .px-sm-40px { padding-right: 40px !important; } .pb-sm-40px, .py-sm-40px { padding-bottom: 40px !important; } .pl-sm-40px, .px-sm-40px { padding-left: 40px !important; } .p-sm-50px { padding: 50px !important; } .pt-sm-50px, .py-sm-50px { padding-top: 50px !important; } .pr-sm-50px, .px-sm-50px { padding-right: 50px !important; } .pb-sm-50px, .py-sm-50px { padding-bottom: 50px !important; } .pl-sm-50px, .px-sm-50px { padding-left: 50px !important; } .p-sm-60px { padding: 60px !important; } .pt-sm-60px, .py-sm-60px { padding-top: 60px !important; } .pr-sm-60px, .px-sm-60px { padding-right: 60px !important; } .pb-sm-60px, .py-sm-60px { padding-bottom: 60px !important; } .pl-sm-60px, .px-sm-60px { padding-left: 60px !important; } .p-sm-70px { padding: 70px !important; } .pt-sm-70px, .py-sm-70px { padding-top: 70px !important; } .pr-sm-70px, .px-sm-70px { padding-right: 70px !important; } .pb-sm-70px, .py-sm-70px { padding-bottom: 70px !important; } .pl-sm-70px, .px-sm-70px { padding-left: 70px !important; } .p-sm-80px { padding: 80px !important; } .pt-sm-80px, .py-sm-80px { padding-top: 80px !important; } .pr-sm-80px, .px-sm-80px { padding-right: 80px !important; } .pb-sm-80px, .py-sm-80px { padding-bottom: 80px !important; } .pl-sm-80px, .px-sm-80px { padding-left: 80px !important; } .p-sm-90px { padding: 90px !important; } .pt-sm-90px, .py-sm-90px { padding-top: 90px !important; } .pr-sm-90px, .px-sm-90px { padding-right: 90px !important; } .pb-sm-90px, .py-sm-90px { padding-bottom: 90px !important; } .pl-sm-90px, .px-sm-90px { padding-left: 90px !important; } .p-sm-100px { padding: 100px !important; } .pt-sm-100px, .py-sm-100px { padding-top: 100px !important; } .pr-sm-100px, .px-sm-100px { padding-right: 100px !important; } .pb-sm-100px, .py-sm-100px { padding-bottom: 100px !important; } .pl-sm-100px, .px-sm-100px { padding-left: 100px !important; } .p-sm-125px { padding: 125px !important; } .pt-sm-125px, .py-sm-125px { padding-top: 125px !important; } .pr-sm-125px, .px-sm-125px { padding-right: 125px !important; } .pb-sm-125px, .py-sm-125px { padding-bottom: 125px !important; } .pl-sm-125px, .px-sm-125px { padding-left: 125px !important; } .p-sm-150px { padding: 150px !important; } .pt-sm-150px, .py-sm-150px { padding-top: 150px !important; } .pr-sm-150px, .px-sm-150px { padding-right: 150px !important; } .pb-sm-150px, .py-sm-150px { padding-bottom: 150px !important; } .pl-sm-150px, .px-sm-150px { padding-left: 150px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }

@media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .m-md-grand { margin: 2rem !important; } .mt-md-grand, .my-md-grand { margin-top: 2rem !important; } .mr-md-grand, .mx-md-grand { margin-right: 2rem !important; } .mb-md-grand, .my-md-grand { margin-bottom: 2rem !important; } .ml-md-grand, .mx-md-grand { margin-left: 2rem !important; } .m-md-moyen { margin: 1.5rem !important; } .mt-md-moyen, .my-md-moyen { margin-top: 1.5rem !important; } .mr-md-moyen, .mx-md-moyen { margin-right: 1.5rem !important; } .mb-md-moyen, .my-md-moyen { margin-bottom: 1.5rem !important; } .ml-md-moyen, .mx-md-moyen { margin-left: 1.5rem !important; } .m-md-petit { margin: 0.5rem !important; } .mt-md-petit, .my-md-petit { margin-top: 0.5rem !important; } .mr-md-petit, .mx-md-petit { margin-right: 0.5rem !important; } .mb-md-petit, .my-md-petit { margin-bottom: 0.5rem !important; } .ml-md-petit, .mx-md-petit { margin-left: 0.5rem !important; } .m-md-tres-petit { margin: 0.25rem !important; } .mt-md-tres-petit, .my-md-tres-petit { margin-top: 0.25rem !important; } .mr-md-tres-petit, .mx-md-tres-petit { margin-right: 0.25rem !important; } .mb-md-tres-petit, .my-md-tres-petit { margin-bottom: 0.25rem !important; } .ml-md-tres-petit, .mx-md-tres-petit { margin-left: 0.25rem !important; } .m-md-5px { margin: 5px !important; } .mt-md-5px, .my-md-5px { margin-top: 5px !important; } .mr-md-5px, .mx-md-5px { margin-right: 5px !important; } .mb-md-5px, .my-md-5px { margin-bottom: 5px !important; } .ml-md-5px, .mx-md-5px { margin-left: 5px !important; } .m-md-10px { margin: 10px !important; } .mt-md-10px, .my-md-10px { margin-top: 10px !important; } .mr-md-10px, .mx-md-10px { margin-right: 10px !important; } .mb-md-10px, .my-md-10px { margin-bottom: 10px !important; } .ml-md-10px, .mx-md-10px { margin-left: 10px !important; } .m-md-15px { margin: 15px !important; } .mt-md-15px, .my-md-15px { margin-top: 15px !important; } .mr-md-15px, .mx-md-15px { margin-right: 15px !important; } .mb-md-15px, .my-md-15px { margin-bottom: 15px !important; } .ml-md-15px, .mx-md-15px { margin-left: 15px !important; } .m-md-20px { margin: 20px !important; } .mt-md-20px, .my-md-20px { margin-top: 20px !important; } .mr-md-20px, .mx-md-20px { margin-right: 20px !important; } .mb-md-20px, .my-md-20px { margin-bottom: 20px !important; } .ml-md-20px, .mx-md-20px { margin-left: 20px !important; } .m-md-25px { margin: 25px !important; } .mt-md-25px, .my-md-25px { margin-top: 25px !important; } .mr-md-25px, .mx-md-25px { margin-right: 25px !important; } .mb-md-25px, .my-md-25px { margin-bottom: 25px !important; } .ml-md-25px, .mx-md-25px { margin-left: 25px !important; } .m-md-30px { margin: 30px !important; } .mt-md-30px, .my-md-30px { margin-top: 30px !important; } .mr-md-30px, .mx-md-30px { margin-right: 30px !important; } .mb-md-30px, .my-md-30px { margin-bottom: 30px !important; } .ml-md-30px, .mx-md-30px { margin-left: 30px !important; } .m-md-40px { margin: 40px !important; } .mt-md-40px, .my-md-40px { margin-top: 40px !important; } .mr-md-40px, .mx-md-40px { margin-right: 40px !important; } .mb-md-40px, .my-md-40px { margin-bottom: 40px !important; } .ml-md-40px, .mx-md-40px { margin-left: 40px !important; } .m-md-50px { margin: 50px !important; } .mt-md-50px, .my-md-50px { margin-top: 50px !important; } .mr-md-50px, .mx-md-50px { margin-right: 50px !important; } .mb-md-50px, .my-md-50px { margin-bottom: 50px !important; } .ml-md-50px, .mx-md-50px { margin-left: 50px !important; } .m-md-60px { margin: 60px !important; } .mt-md-60px, .my-md-60px { margin-top: 60px !important; } .mr-md-60px, .mx-md-60px { margin-right: 60px !important; } .mb-md-60px, .my-md-60px { margin-bottom: 60px !important; } .ml-md-60px, .mx-md-60px { margin-left: 60px !important; } .m-md-70px { margin: 70px !important; } .mt-md-70px, .my-md-70px { margin-top: 70px !important; } .mr-md-70px, .mx-md-70px { margin-right: 70px !important; } .mb-md-70px, .my-md-70px { margin-bottom: 70px !important; } .ml-md-70px, .mx-md-70px { margin-left: 70px !important; } .m-md-80px { margin: 80px !important; } .mt-md-80px, .my-md-80px { margin-top: 80px !important; } .mr-md-80px, .mx-md-80px { margin-right: 80px !important; } .mb-md-80px, .my-md-80px { margin-bottom: 80px !important; } .ml-md-80px, .mx-md-80px { margin-left: 80px !important; } .m-md-90px { margin: 90px !important; } .mt-md-90px, .my-md-90px { margin-top: 90px !important; } .mr-md-90px, .mx-md-90px { margin-right: 90px !important; } .mb-md-90px, .my-md-90px { margin-bottom: 90px !important; } .ml-md-90px, .mx-md-90px { margin-left: 90px !important; } .m-md-100px { margin: 100px !important; } .mt-md-100px, .my-md-100px { margin-top: 100px !important; } .mr-md-100px, .mx-md-100px { margin-right: 100px !important; } .mb-md-100px, .my-md-100px { margin-bottom: 100px !important; } .ml-md-100px, .mx-md-100px { margin-left: 100px !important; } .m-md-125px { margin: 125px !important; } .mt-md-125px, .my-md-125px { margin-top: 125px !important; } .mr-md-125px, .mx-md-125px { margin-right: 125px !important; } .mb-md-125px, .my-md-125px { margin-bottom: 125px !important; } .ml-md-125px, .mx-md-125px { margin-left: 125px !important; } .m-md-150px { margin: 150px !important; } .mt-md-150px, .my-md-150px { margin-top: 150px !important; } .mr-md-150px, .mx-md-150px { margin-right: 150px !important; } .mb-md-150px, .my-md-150px { margin-bottom: 150px !important; } .ml-md-150px, .mx-md-150px { margin-left: 150px !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .p-md-grand { padding: 2rem !important; } .pt-md-grand, .py-md-grand { padding-top: 2rem !important; } .pr-md-grand, .px-md-grand { padding-right: 2rem !important; } .pb-md-grand, .py-md-grand { padding-bottom: 2rem !important; } .pl-md-grand, .px-md-grand { padding-left: 2rem !important; } .p-md-moyen { padding: 1.5rem !important; } .pt-md-moyen, .py-md-moyen { padding-top: 1.5rem !important; } .pr-md-moyen, .px-md-moyen { padding-right: 1.5rem !important; } .pb-md-moyen, .py-md-moyen { padding-bottom: 1.5rem !important; } .pl-md-moyen, .px-md-moyen { padding-left: 1.5rem !important; } .p-md-petit { padding: 0.5rem !important; } .pt-md-petit, .py-md-petit { padding-top: 0.5rem !important; } .pr-md-petit, .px-md-petit { padding-right: 0.5rem !important; } .pb-md-petit, .py-md-petit { padding-bottom: 0.5rem !important; } .pl-md-petit, .px-md-petit { padding-left: 0.5rem !important; } .p-md-tres-petit { padding: 0.25rem !important; } .pt-md-tres-petit, .py-md-tres-petit { padding-top: 0.25rem !important; } .pr-md-tres-petit, .px-md-tres-petit { padding-right: 0.25rem !important; } .pb-md-tres-petit, .py-md-tres-petit { padding-bottom: 0.25rem !important; } .pl-md-tres-petit, .px-md-tres-petit { padding-left: 0.25rem !important; } .p-md-5px { padding: 5px !important; } .pt-md-5px, .py-md-5px { padding-top: 5px !important; } .pr-md-5px, .px-md-5px { padding-right: 5px !important; } .pb-md-5px, .py-md-5px { padding-bottom: 5px !important; } .pl-md-5px, .px-md-5px { padding-left: 5px !important; } .p-md-10px { padding: 10px !important; } .pt-md-10px, .py-md-10px { padding-top: 10px !important; } .pr-md-10px, .px-md-10px { padding-right: 10px !important; } .pb-md-10px, .py-md-10px { padding-bottom: 10px !important; } .pl-md-10px, .px-md-10px { padding-left: 10px !important; } .p-md-15px { padding: 15px !important; } .pt-md-15px, .py-md-15px { padding-top: 15px !important; } .pr-md-15px, .px-md-15px { padding-right: 15px !important; } .pb-md-15px, .py-md-15px { padding-bottom: 15px !important; } .pl-md-15px, .px-md-15px { padding-left: 15px !important; } .p-md-20px { padding: 20px !important; } .pt-md-20px, .py-md-20px { padding-top: 20px !important; } .pr-md-20px, .px-md-20px { padding-right: 20px !important; } .pb-md-20px, .py-md-20px { padding-bottom: 20px !important; } .pl-md-20px, .px-md-20px { padding-left: 20px !important; } .p-md-25px { padding: 25px !important; } .pt-md-25px, .py-md-25px { padding-top: 25px !important; } .pr-md-25px, .px-md-25px { padding-right: 25px !important; } .pb-md-25px, .py-md-25px { padding-bottom: 25px !important; } .pl-md-25px, .px-md-25px { padding-left: 25px !important; } .p-md-30px { padding: 30px !important; } .pt-md-30px, .py-md-30px { padding-top: 30px !important; } .pr-md-30px, .px-md-30px { padding-right: 30px !important; } .pb-md-30px, .py-md-30px { padding-bottom: 30px !important; } .pl-md-30px, .px-md-30px { padding-left: 30px !important; } .p-md-40px { padding: 40px !important; } .pt-md-40px, .py-md-40px { padding-top: 40px !important; } .pr-md-40px, .px-md-40px { padding-right: 40px !important; } .pb-md-40px, .py-md-40px { padding-bottom: 40px !important; } .pl-md-40px, .px-md-40px { padding-left: 40px !important; } .p-md-50px { padding: 50px !important; } .pt-md-50px, .py-md-50px { padding-top: 50px !important; } .pr-md-50px, .px-md-50px { padding-right: 50px !important; } .pb-md-50px, .py-md-50px { padding-bottom: 50px !important; } .pl-md-50px, .px-md-50px { padding-left: 50px !important; } .p-md-60px { padding: 60px !important; } .pt-md-60px, .py-md-60px { padding-top: 60px !important; } .pr-md-60px, .px-md-60px { padding-right: 60px !important; } .pb-md-60px, .py-md-60px { padding-bottom: 60px !important; } .pl-md-60px, .px-md-60px { padding-left: 60px !important; } .p-md-70px { padding: 70px !important; } .pt-md-70px, .py-md-70px { padding-top: 70px !important; } .pr-md-70px, .px-md-70px { padding-right: 70px !important; } .pb-md-70px, .py-md-70px { padding-bottom: 70px !important; } .pl-md-70px, .px-md-70px { padding-left: 70px !important; } .p-md-80px { padding: 80px !important; } .pt-md-80px, .py-md-80px { padding-top: 80px !important; } .pr-md-80px, .px-md-80px { padding-right: 80px !important; } .pb-md-80px, .py-md-80px { padding-bottom: 80px !important; } .pl-md-80px, .px-md-80px { padding-left: 80px !important; } .p-md-90px { padding: 90px !important; } .pt-md-90px, .py-md-90px { padding-top: 90px !important; } .pr-md-90px, .px-md-90px { padding-right: 90px !important; } .pb-md-90px, .py-md-90px { padding-bottom: 90px !important; } .pl-md-90px, .px-md-90px { padding-left: 90px !important; } .p-md-100px { padding: 100px !important; } .pt-md-100px, .py-md-100px { padding-top: 100px !important; } .pr-md-100px, .px-md-100px { padding-right: 100px !important; } .pb-md-100px, .py-md-100px { padding-bottom: 100px !important; } .pl-md-100px, .px-md-100px { padding-left: 100px !important; } .p-md-125px { padding: 125px !important; } .pt-md-125px, .py-md-125px { padding-top: 125px !important; } .pr-md-125px, .px-md-125px { padding-right: 125px !important; } .pb-md-125px, .py-md-125px { padding-bottom: 125px !important; } .pl-md-125px, .px-md-125px { padding-left: 125px !important; } .p-md-150px { padding: 150px !important; } .pt-md-150px, .py-md-150px { padding-top: 150px !important; } .pr-md-150px, .px-md-150px { padding-right: 150px !important; } .pb-md-150px, .py-md-150px { padding-bottom: 150px !important; } .pl-md-150px, .px-md-150px { padding-left: 150px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }

@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .m-lg-grand { margin: 2rem !important; } .mt-lg-grand, .my-lg-grand { margin-top: 2rem !important; } .mr-lg-grand, .mx-lg-grand { margin-right: 2rem !important; } .mb-lg-grand, .my-lg-grand { margin-bottom: 2rem !important; } .ml-lg-grand, .mx-lg-grand { margin-left: 2rem !important; } .m-lg-moyen { margin: 1.5rem !important; } .mt-lg-moyen, .my-lg-moyen { margin-top: 1.5rem !important; } .mr-lg-moyen, .mx-lg-moyen { margin-right: 1.5rem !important; } .mb-lg-moyen, .my-lg-moyen { margin-bottom: 1.5rem !important; } .ml-lg-moyen, .mx-lg-moyen { margin-left: 1.5rem !important; } .m-lg-petit { margin: 0.5rem !important; } .mt-lg-petit, .my-lg-petit { margin-top: 0.5rem !important; } .mr-lg-petit, .mx-lg-petit { margin-right: 0.5rem !important; } .mb-lg-petit, .my-lg-petit { margin-bottom: 0.5rem !important; } .ml-lg-petit, .mx-lg-petit { margin-left: 0.5rem !important; } .m-lg-tres-petit { margin: 0.25rem !important; } .mt-lg-tres-petit, .my-lg-tres-petit { margin-top: 0.25rem !important; } .mr-lg-tres-petit, .mx-lg-tres-petit { margin-right: 0.25rem !important; } .mb-lg-tres-petit, .my-lg-tres-petit { margin-bottom: 0.25rem !important; } .ml-lg-tres-petit, .mx-lg-tres-petit { margin-left: 0.25rem !important; } .m-lg-5px { margin: 5px !important; } .mt-lg-5px, .my-lg-5px { margin-top: 5px !important; } .mr-lg-5px, .mx-lg-5px { margin-right: 5px !important; } .mb-lg-5px, .my-lg-5px { margin-bottom: 5px !important; } .ml-lg-5px, .mx-lg-5px { margin-left: 5px !important; } .m-lg-10px { margin: 10px !important; } .mt-lg-10px, .my-lg-10px { margin-top: 10px !important; } .mr-lg-10px, .mx-lg-10px { margin-right: 10px !important; } .mb-lg-10px, .my-lg-10px { margin-bottom: 10px !important; } .ml-lg-10px, .mx-lg-10px { margin-left: 10px !important; } .m-lg-15px { margin: 15px !important; } .mt-lg-15px, .my-lg-15px { margin-top: 15px !important; } .mr-lg-15px, .mx-lg-15px { margin-right: 15px !important; } .mb-lg-15px, .my-lg-15px { margin-bottom: 15px !important; } .ml-lg-15px, .mx-lg-15px { margin-left: 15px !important; } .m-lg-20px { margin: 20px !important; } .mt-lg-20px, .my-lg-20px { margin-top: 20px !important; } .mr-lg-20px, .mx-lg-20px { margin-right: 20px !important; } .mb-lg-20px, .my-lg-20px { margin-bottom: 20px !important; } .ml-lg-20px, .mx-lg-20px { margin-left: 20px !important; } .m-lg-25px { margin: 25px !important; } .mt-lg-25px, .my-lg-25px { margin-top: 25px !important; } .mr-lg-25px, .mx-lg-25px { margin-right: 25px !important; } .mb-lg-25px, .my-lg-25px { margin-bottom: 25px !important; } .ml-lg-25px, .mx-lg-25px { margin-left: 25px !important; } .m-lg-30px { margin: 30px !important; } .mt-lg-30px, .my-lg-30px { margin-top: 30px !important; } .mr-lg-30px, .mx-lg-30px { margin-right: 30px !important; } .mb-lg-30px, .my-lg-30px { margin-bottom: 30px !important; } .ml-lg-30px, .mx-lg-30px { margin-left: 30px !important; } .m-lg-40px { margin: 40px !important; } .mt-lg-40px, .my-lg-40px { margin-top: 40px !important; } .mr-lg-40px, .mx-lg-40px { margin-right: 40px !important; } .mb-lg-40px, .my-lg-40px { margin-bottom: 40px !important; } .ml-lg-40px, .mx-lg-40px { margin-left: 40px !important; } .m-lg-50px { margin: 50px !important; } .mt-lg-50px, .my-lg-50px { margin-top: 50px !important; } .mr-lg-50px, .mx-lg-50px { margin-right: 50px !important; } .mb-lg-50px, .my-lg-50px { margin-bottom: 50px !important; } .ml-lg-50px, .mx-lg-50px { margin-left: 50px !important; } .m-lg-60px { margin: 60px !important; } .mt-lg-60px, .my-lg-60px { margin-top: 60px !important; } .mr-lg-60px, .mx-lg-60px { margin-right: 60px !important; } .mb-lg-60px, .my-lg-60px { margin-bottom: 60px !important; } .ml-lg-60px, .mx-lg-60px { margin-left: 60px !important; } .m-lg-70px { margin: 70px !important; } .mt-lg-70px, .my-lg-70px { margin-top: 70px !important; } .mr-lg-70px, .mx-lg-70px { margin-right: 70px !important; } .mb-lg-70px, .my-lg-70px { margin-bottom: 70px !important; } .ml-lg-70px, .mx-lg-70px { margin-left: 70px !important; } .m-lg-80px { margin: 80px !important; } .mt-lg-80px, .my-lg-80px { margin-top: 80px !important; } .mr-lg-80px, .mx-lg-80px { margin-right: 80px !important; } .mb-lg-80px, .my-lg-80px { margin-bottom: 80px !important; } .ml-lg-80px, .mx-lg-80px { margin-left: 80px !important; } .m-lg-90px { margin: 90px !important; } .mt-lg-90px, .my-lg-90px { margin-top: 90px !important; } .mr-lg-90px, .mx-lg-90px { margin-right: 90px !important; } .mb-lg-90px, .my-lg-90px { margin-bottom: 90px !important; } .ml-lg-90px, .mx-lg-90px { margin-left: 90px !important; } .m-lg-100px { margin: 100px !important; } .mt-lg-100px, .my-lg-100px { margin-top: 100px !important; } .mr-lg-100px, .mx-lg-100px { margin-right: 100px !important; } .mb-lg-100px, .my-lg-100px { margin-bottom: 100px !important; } .ml-lg-100px, .mx-lg-100px { margin-left: 100px !important; } .m-lg-125px { margin: 125px !important; } .mt-lg-125px, .my-lg-125px { margin-top: 125px !important; } .mr-lg-125px, .mx-lg-125px { margin-right: 125px !important; } .mb-lg-125px, .my-lg-125px { margin-bottom: 125px !important; } .ml-lg-125px, .mx-lg-125px { margin-left: 125px !important; } .m-lg-150px { margin: 150px !important; } .mt-lg-150px, .my-lg-150px { margin-top: 150px !important; } .mr-lg-150px, .mx-lg-150px { margin-right: 150px !important; } .mb-lg-150px, .my-lg-150px { margin-bottom: 150px !important; } .ml-lg-150px, .mx-lg-150px { margin-left: 150px !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .p-lg-grand { padding: 2rem !important; } .pt-lg-grand, .py-lg-grand { padding-top: 2rem !important; } .pr-lg-grand, .px-lg-grand { padding-right: 2rem !important; } .pb-lg-grand, .py-lg-grand { padding-bottom: 2rem !important; } .pl-lg-grand, .px-lg-grand { padding-left: 2rem !important; } .p-lg-moyen { padding: 1.5rem !important; } .pt-lg-moyen, .py-lg-moyen { padding-top: 1.5rem !important; } .pr-lg-moyen, .px-lg-moyen { padding-right: 1.5rem !important; } .pb-lg-moyen, .py-lg-moyen { padding-bottom: 1.5rem !important; } .pl-lg-moyen, .px-lg-moyen { padding-left: 1.5rem !important; } .p-lg-petit { padding: 0.5rem !important; } .pt-lg-petit, .py-lg-petit { padding-top: 0.5rem !important; } .pr-lg-petit, .px-lg-petit { padding-right: 0.5rem !important; } .pb-lg-petit, .py-lg-petit { padding-bottom: 0.5rem !important; } .pl-lg-petit, .px-lg-petit { padding-left: 0.5rem !important; } .p-lg-tres-petit { padding: 0.25rem !important; } .pt-lg-tres-petit, .py-lg-tres-petit { padding-top: 0.25rem !important; } .pr-lg-tres-petit, .px-lg-tres-petit { padding-right: 0.25rem !important; } .pb-lg-tres-petit, .py-lg-tres-petit { padding-bottom: 0.25rem !important; } .pl-lg-tres-petit, .px-lg-tres-petit { padding-left: 0.25rem !important; } .p-lg-5px { padding: 5px !important; } .pt-lg-5px, .py-lg-5px { padding-top: 5px !important; } .pr-lg-5px, .px-lg-5px { padding-right: 5px !important; } .pb-lg-5px, .py-lg-5px { padding-bottom: 5px !important; } .pl-lg-5px, .px-lg-5px { padding-left: 5px !important; } .p-lg-10px { padding: 10px !important; } .pt-lg-10px, .py-lg-10px { padding-top: 10px !important; } .pr-lg-10px, .px-lg-10px { padding-right: 10px !important; } .pb-lg-10px, .py-lg-10px { padding-bottom: 10px !important; } .pl-lg-10px, .px-lg-10px { padding-left: 10px !important; } .p-lg-15px { padding: 15px !important; } .pt-lg-15px, .py-lg-15px { padding-top: 15px !important; } .pr-lg-15px, .px-lg-15px { padding-right: 15px !important; } .pb-lg-15px, .py-lg-15px { padding-bottom: 15px !important; } .pl-lg-15px, .px-lg-15px { padding-left: 15px !important; } .p-lg-20px { padding: 20px !important; } .pt-lg-20px, .py-lg-20px { padding-top: 20px !important; } .pr-lg-20px, .px-lg-20px { padding-right: 20px !important; } .pb-lg-20px, .py-lg-20px { padding-bottom: 20px !important; } .pl-lg-20px, .px-lg-20px { padding-left: 20px !important; } .p-lg-25px { padding: 25px !important; } .pt-lg-25px, .py-lg-25px { padding-top: 25px !important; } .pr-lg-25px, .px-lg-25px { padding-right: 25px !important; } .pb-lg-25px, .py-lg-25px { padding-bottom: 25px !important; } .pl-lg-25px, .px-lg-25px { padding-left: 25px !important; } .p-lg-30px { padding: 30px !important; } .pt-lg-30px, .py-lg-30px { padding-top: 30px !important; } .pr-lg-30px, .px-lg-30px { padding-right: 30px !important; } .pb-lg-30px, .py-lg-30px { padding-bottom: 30px !important; } .pl-lg-30px, .px-lg-30px { padding-left: 30px !important; } .p-lg-40px { padding: 40px !important; } .pt-lg-40px, .py-lg-40px { padding-top: 40px !important; } .pr-lg-40px, .px-lg-40px { padding-right: 40px !important; } .pb-lg-40px, .py-lg-40px { padding-bottom: 40px !important; } .pl-lg-40px, .px-lg-40px { padding-left: 40px !important; } .p-lg-50px { padding: 50px !important; } .pt-lg-50px, .py-lg-50px { padding-top: 50px !important; } .pr-lg-50px, .px-lg-50px { padding-right: 50px !important; } .pb-lg-50px, .py-lg-50px { padding-bottom: 50px !important; } .pl-lg-50px, .px-lg-50px { padding-left: 50px !important; } .p-lg-60px { padding: 60px !important; } .pt-lg-60px, .py-lg-60px { padding-top: 60px !important; } .pr-lg-60px, .px-lg-60px { padding-right: 60px !important; } .pb-lg-60px, .py-lg-60px { padding-bottom: 60px !important; } .pl-lg-60px, .px-lg-60px { padding-left: 60px !important; } .p-lg-70px { padding: 70px !important; } .pt-lg-70px, .py-lg-70px { padding-top: 70px !important; } .pr-lg-70px, .px-lg-70px { padding-right: 70px !important; } .pb-lg-70px, .py-lg-70px { padding-bottom: 70px !important; } .pl-lg-70px, .px-lg-70px { padding-left: 70px !important; } .p-lg-80px { padding: 80px !important; } .pt-lg-80px, .py-lg-80px { padding-top: 80px !important; } .pr-lg-80px, .px-lg-80px { padding-right: 80px !important; } .pb-lg-80px, .py-lg-80px { padding-bottom: 80px !important; } .pl-lg-80px, .px-lg-80px { padding-left: 80px !important; } .p-lg-90px { padding: 90px !important; } .pt-lg-90px, .py-lg-90px { padding-top: 90px !important; } .pr-lg-90px, .px-lg-90px { padding-right: 90px !important; } .pb-lg-90px, .py-lg-90px { padding-bottom: 90px !important; } .pl-lg-90px, .px-lg-90px { padding-left: 90px !important; } .p-lg-100px { padding: 100px !important; } .pt-lg-100px, .py-lg-100px { padding-top: 100px !important; } .pr-lg-100px, .px-lg-100px { padding-right: 100px !important; } .pb-lg-100px, .py-lg-100px { padding-bottom: 100px !important; } .pl-lg-100px, .px-lg-100px { padding-left: 100px !important; } .p-lg-125px { padding: 125px !important; } .pt-lg-125px, .py-lg-125px { padding-top: 125px !important; } .pr-lg-125px, .px-lg-125px { padding-right: 125px !important; } .pb-lg-125px, .py-lg-125px { padding-bottom: 125px !important; } .pl-lg-125px, .px-lg-125px { padding-left: 125px !important; } .p-lg-150px { padding: 150px !important; } .pt-lg-150px, .py-lg-150px { padding-top: 150px !important; } .pr-lg-150px, .px-lg-150px { padding-right: 150px !important; } .pb-lg-150px, .py-lg-150px { padding-bottom: 150px !important; } .pl-lg-150px, .px-lg-150px { padding-left: 150px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }

@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .m-xl-grand { margin: 2rem !important; } .mt-xl-grand, .my-xl-grand { margin-top: 2rem !important; } .mr-xl-grand, .mx-xl-grand { margin-right: 2rem !important; } .mb-xl-grand, .my-xl-grand { margin-bottom: 2rem !important; } .ml-xl-grand, .mx-xl-grand { margin-left: 2rem !important; } .m-xl-moyen { margin: 1.5rem !important; } .mt-xl-moyen, .my-xl-moyen { margin-top: 1.5rem !important; } .mr-xl-moyen, .mx-xl-moyen { margin-right: 1.5rem !important; } .mb-xl-moyen, .my-xl-moyen { margin-bottom: 1.5rem !important; } .ml-xl-moyen, .mx-xl-moyen { margin-left: 1.5rem !important; } .m-xl-petit { margin: 0.5rem !important; } .mt-xl-petit, .my-xl-petit { margin-top: 0.5rem !important; } .mr-xl-petit, .mx-xl-petit { margin-right: 0.5rem !important; } .mb-xl-petit, .my-xl-petit { margin-bottom: 0.5rem !important; } .ml-xl-petit, .mx-xl-petit { margin-left: 0.5rem !important; } .m-xl-tres-petit { margin: 0.25rem !important; } .mt-xl-tres-petit, .my-xl-tres-petit { margin-top: 0.25rem !important; } .mr-xl-tres-petit, .mx-xl-tres-petit { margin-right: 0.25rem !important; } .mb-xl-tres-petit, .my-xl-tres-petit { margin-bottom: 0.25rem !important; } .ml-xl-tres-petit, .mx-xl-tres-petit { margin-left: 0.25rem !important; } .m-xl-5px { margin: 5px !important; } .mt-xl-5px, .my-xl-5px { margin-top: 5px !important; } .mr-xl-5px, .mx-xl-5px { margin-right: 5px !important; } .mb-xl-5px, .my-xl-5px { margin-bottom: 5px !important; } .ml-xl-5px, .mx-xl-5px { margin-left: 5px !important; } .m-xl-10px { margin: 10px !important; } .mt-xl-10px, .my-xl-10px { margin-top: 10px !important; } .mr-xl-10px, .mx-xl-10px { margin-right: 10px !important; } .mb-xl-10px, .my-xl-10px { margin-bottom: 10px !important; } .ml-xl-10px, .mx-xl-10px { margin-left: 10px !important; } .m-xl-15px { margin: 15px !important; } .mt-xl-15px, .my-xl-15px { margin-top: 15px !important; } .mr-xl-15px, .mx-xl-15px { margin-right: 15px !important; } .mb-xl-15px, .my-xl-15px { margin-bottom: 15px !important; } .ml-xl-15px, .mx-xl-15px { margin-left: 15px !important; } .m-xl-20px { margin: 20px !important; } .mt-xl-20px, .my-xl-20px { margin-top: 20px !important; } .mr-xl-20px, .mx-xl-20px { margin-right: 20px !important; } .mb-xl-20px, .my-xl-20px { margin-bottom: 20px !important; } .ml-xl-20px, .mx-xl-20px { margin-left: 20px !important; } .m-xl-25px { margin: 25px !important; } .mt-xl-25px, .my-xl-25px { margin-top: 25px !important; } .mr-xl-25px, .mx-xl-25px { margin-right: 25px !important; } .mb-xl-25px, .my-xl-25px { margin-bottom: 25px !important; } .ml-xl-25px, .mx-xl-25px { margin-left: 25px !important; } .m-xl-30px { margin: 30px !important; } .mt-xl-30px, .my-xl-30px { margin-top: 30px !important; } .mr-xl-30px, .mx-xl-30px { margin-right: 30px !important; } .mb-xl-30px, .my-xl-30px { margin-bottom: 30px !important; } .ml-xl-30px, .mx-xl-30px { margin-left: 30px !important; } .m-xl-40px { margin: 40px !important; } .mt-xl-40px, .my-xl-40px { margin-top: 40px !important; } .mr-xl-40px, .mx-xl-40px { margin-right: 40px !important; } .mb-xl-40px, .my-xl-40px { margin-bottom: 40px !important; } .ml-xl-40px, .mx-xl-40px { margin-left: 40px !important; } .m-xl-50px { margin: 50px !important; } .mt-xl-50px, .my-xl-50px { margin-top: 50px !important; } .mr-xl-50px, .mx-xl-50px { margin-right: 50px !important; } .mb-xl-50px, .my-xl-50px { margin-bottom: 50px !important; } .ml-xl-50px, .mx-xl-50px { margin-left: 50px !important; } .m-xl-60px { margin: 60px !important; } .mt-xl-60px, .my-xl-60px { margin-top: 60px !important; } .mr-xl-60px, .mx-xl-60px { margin-right: 60px !important; } .mb-xl-60px, .my-xl-60px { margin-bottom: 60px !important; } .ml-xl-60px, .mx-xl-60px { margin-left: 60px !important; } .m-xl-70px { margin: 70px !important; } .mt-xl-70px, .my-xl-70px { margin-top: 70px !important; } .mr-xl-70px, .mx-xl-70px { margin-right: 70px !important; } .mb-xl-70px, .my-xl-70px { margin-bottom: 70px !important; } .ml-xl-70px, .mx-xl-70px { margin-left: 70px !important; } .m-xl-80px { margin: 80px !important; } .mt-xl-80px, .my-xl-80px { margin-top: 80px !important; } .mr-xl-80px, .mx-xl-80px { margin-right: 80px !important; } .mb-xl-80px, .my-xl-80px { margin-bottom: 80px !important; } .ml-xl-80px, .mx-xl-80px { margin-left: 80px !important; } .m-xl-90px { margin: 90px !important; } .mt-xl-90px, .my-xl-90px { margin-top: 90px !important; } .mr-xl-90px, .mx-xl-90px { margin-right: 90px !important; } .mb-xl-90px, .my-xl-90px { margin-bottom: 90px !important; } .ml-xl-90px, .mx-xl-90px { margin-left: 90px !important; } .m-xl-100px { margin: 100px !important; } .mt-xl-100px, .my-xl-100px { margin-top: 100px !important; } .mr-xl-100px, .mx-xl-100px { margin-right: 100px !important; } .mb-xl-100px, .my-xl-100px { margin-bottom: 100px !important; } .ml-xl-100px, .mx-xl-100px { margin-left: 100px !important; } .m-xl-125px { margin: 125px !important; } .mt-xl-125px, .my-xl-125px { margin-top: 125px !important; } .mr-xl-125px, .mx-xl-125px { margin-right: 125px !important; } .mb-xl-125px, .my-xl-125px { margin-bottom: 125px !important; } .ml-xl-125px, .mx-xl-125px { margin-left: 125px !important; } .m-xl-150px { margin: 150px !important; } .mt-xl-150px, .my-xl-150px { margin-top: 150px !important; } .mr-xl-150px, .mx-xl-150px { margin-right: 150px !important; } .mb-xl-150px, .my-xl-150px { margin-bottom: 150px !important; } .ml-xl-150px, .mx-xl-150px { margin-left: 150px !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .p-xl-grand { padding: 2rem !important; } .pt-xl-grand, .py-xl-grand { padding-top: 2rem !important; } .pr-xl-grand, .px-xl-grand { padding-right: 2rem !important; } .pb-xl-grand, .py-xl-grand { padding-bottom: 2rem !important; } .pl-xl-grand, .px-xl-grand { padding-left: 2rem !important; } .p-xl-moyen { padding: 1.5rem !important; } .pt-xl-moyen, .py-xl-moyen { padding-top: 1.5rem !important; } .pr-xl-moyen, .px-xl-moyen { padding-right: 1.5rem !important; } .pb-xl-moyen, .py-xl-moyen { padding-bottom: 1.5rem !important; } .pl-xl-moyen, .px-xl-moyen { padding-left: 1.5rem !important; } .p-xl-petit { padding: 0.5rem !important; } .pt-xl-petit, .py-xl-petit { padding-top: 0.5rem !important; } .pr-xl-petit, .px-xl-petit { padding-right: 0.5rem !important; } .pb-xl-petit, .py-xl-petit { padding-bottom: 0.5rem !important; } .pl-xl-petit, .px-xl-petit { padding-left: 0.5rem !important; } .p-xl-tres-petit { padding: 0.25rem !important; } .pt-xl-tres-petit, .py-xl-tres-petit { padding-top: 0.25rem !important; } .pr-xl-tres-petit, .px-xl-tres-petit { padding-right: 0.25rem !important; } .pb-xl-tres-petit, .py-xl-tres-petit { padding-bottom: 0.25rem !important; } .pl-xl-tres-petit, .px-xl-tres-petit { padding-left: 0.25rem !important; } .p-xl-5px { padding: 5px !important; } .pt-xl-5px, .py-xl-5px { padding-top: 5px !important; } .pr-xl-5px, .px-xl-5px { padding-right: 5px !important; } .pb-xl-5px, .py-xl-5px { padding-bottom: 5px !important; } .pl-xl-5px, .px-xl-5px { padding-left: 5px !important; } .p-xl-10px { padding: 10px !important; } .pt-xl-10px, .py-xl-10px { padding-top: 10px !important; } .pr-xl-10px, .px-xl-10px { padding-right: 10px !important; } .pb-xl-10px, .py-xl-10px { padding-bottom: 10px !important; } .pl-xl-10px, .px-xl-10px { padding-left: 10px !important; } .p-xl-15px { padding: 15px !important; } .pt-xl-15px, .py-xl-15px { padding-top: 15px !important; } .pr-xl-15px, .px-xl-15px { padding-right: 15px !important; } .pb-xl-15px, .py-xl-15px { padding-bottom: 15px !important; } .pl-xl-15px, .px-xl-15px { padding-left: 15px !important; } .p-xl-20px { padding: 20px !important; } .pt-xl-20px, .py-xl-20px { padding-top: 20px !important; } .pr-xl-20px, .px-xl-20px { padding-right: 20px !important; } .pb-xl-20px, .py-xl-20px { padding-bottom: 20px !important; } .pl-xl-20px, .px-xl-20px { padding-left: 20px !important; } .p-xl-25px { padding: 25px !important; } .pt-xl-25px, .py-xl-25px { padding-top: 25px !important; } .pr-xl-25px, .px-xl-25px { padding-right: 25px !important; } .pb-xl-25px, .py-xl-25px { padding-bottom: 25px !important; } .pl-xl-25px, .px-xl-25px { padding-left: 25px !important; } .p-xl-30px { padding: 30px !important; } .pt-xl-30px, .py-xl-30px { padding-top: 30px !important; } .pr-xl-30px, .px-xl-30px { padding-right: 30px !important; } .pb-xl-30px, .py-xl-30px { padding-bottom: 30px !important; } .pl-xl-30px, .px-xl-30px { padding-left: 30px !important; } .p-xl-40px { padding: 40px !important; } .pt-xl-40px, .py-xl-40px { padding-top: 40px !important; } .pr-xl-40px, .px-xl-40px { padding-right: 40px !important; } .pb-xl-40px, .py-xl-40px { padding-bottom: 40px !important; } .pl-xl-40px, .px-xl-40px { padding-left: 40px !important; } .p-xl-50px { padding: 50px !important; } .pt-xl-50px, .py-xl-50px { padding-top: 50px !important; } .pr-xl-50px, .px-xl-50px { padding-right: 50px !important; } .pb-xl-50px, .py-xl-50px { padding-bottom: 50px !important; } .pl-xl-50px, .px-xl-50px { padding-left: 50px !important; } .p-xl-60px { padding: 60px !important; } .pt-xl-60px, .py-xl-60px { padding-top: 60px !important; } .pr-xl-60px, .px-xl-60px { padding-right: 60px !important; } .pb-xl-60px, .py-xl-60px { padding-bottom: 60px !important; } .pl-xl-60px, .px-xl-60px { padding-left: 60px !important; } .p-xl-70px { padding: 70px !important; } .pt-xl-70px, .py-xl-70px { padding-top: 70px !important; } .pr-xl-70px, .px-xl-70px { padding-right: 70px !important; } .pb-xl-70px, .py-xl-70px { padding-bottom: 70px !important; } .pl-xl-70px, .px-xl-70px { padding-left: 70px !important; } .p-xl-80px { padding: 80px !important; } .pt-xl-80px, .py-xl-80px { padding-top: 80px !important; } .pr-xl-80px, .px-xl-80px { padding-right: 80px !important; } .pb-xl-80px, .py-xl-80px { padding-bottom: 80px !important; } .pl-xl-80px, .px-xl-80px { padding-left: 80px !important; } .p-xl-90px { padding: 90px !important; } .pt-xl-90px, .py-xl-90px { padding-top: 90px !important; } .pr-xl-90px, .px-xl-90px { padding-right: 90px !important; } .pb-xl-90px, .py-xl-90px { padding-bottom: 90px !important; } .pl-xl-90px, .px-xl-90px { padding-left: 90px !important; } .p-xl-100px { padding: 100px !important; } .pt-xl-100px, .py-xl-100px { padding-top: 100px !important; } .pr-xl-100px, .px-xl-100px { padding-right: 100px !important; } .pb-xl-100px, .py-xl-100px { padding-bottom: 100px !important; } .pl-xl-100px, .px-xl-100px { padding-left: 100px !important; } .p-xl-125px { padding: 125px !important; } .pt-xl-125px, .py-xl-125px { padding-top: 125px !important; } .pr-xl-125px, .px-xl-125px { padding-right: 125px !important; } .pb-xl-125px, .py-xl-125px { padding-bottom: 125px !important; } .pl-xl-125px, .px-xl-125px { padding-left: 125px !important; } .p-xl-150px { padding: 150px !important; } .pt-xl-150px, .py-xl-150px { padding-top: 150px !important; } .pr-xl-150px, .px-xl-150px { padding-right: 150px !important; } .pb-xl-150px, .py-xl-150px { padding-bottom: 150px !important; } .pl-xl-150px, .px-xl-150px { padding-left: 150px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }

.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.text-justify { text-align: justify !important; }

.text-nowrap { white-space: nowrap !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

@media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } }

@media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } }

@media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } }

.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

.font-weight-light { font-weight: 300 !important; }

.font-weight-normal { font-weight: 400 !important; }

.font-weight-bold { font-weight: 700 !important; }

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-body { color: #111 !important; }

.text-muted { color: #6c757d !important; }

.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

@media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } }

/********* Custom theme ************/
body { font-family: 'Open sans', sans-serif; font-size: 16px; overflow-x: hidden; }

@media (min-width: 768px) { body { background: linear-gradient(to bottom, #333333 0%, #333333 4%, #ffffff 4%, #ffffff 100%); } }

@media (min-width: 992px) { body { background: linear-gradient(to bottom, #333333 0%, #333333 8%, #ffffff 8%, #ffffff 100%); } }

.container { position: relative; z-index: 10; }

@media (max-width: 992px) { .container { max-width: 850px; } }

@media (max-width: 768px) { .container { max-width: none; } }

main { position: relative; z-index: 100; padding-top: 60px; text-align: justify; color: #333333; /*overflow-x: hidden;*/ background-color: #fff; }

@media (max-width: 768px) { main { text-align: left; } }

body[data-main-section-id="secondaire"] main { padding-top: 110px; /*@include media("<=md") { padding-top: 80px; } */ }

.is-cms main { overflow-x: visible; }

article { text-align: justify; }

@media (max-width: 576px) { article { text-align: center; } }

article p { margin-bottom: 1.4rem; }

article p + ul, article p + ol { margin-top: calc(-1.4rem + 10px); }

article ul { margin-bottom: 20px; list-style: none; }

article ol { margin-bottom: 20px; }

@media (max-width: 576px) { article ul, article ol { text-align: left; display: inline-block; } }

article ul li::before { content: "•"; color: #333333; display: block; position: relative; max-width: 0; max-height: 0; font-size: 25px; line-height: 25px; float: left; margin-left: -20px; /* content: "•"; color: $color-standard-text; font-size: 25px; line-height: 25px; position: absolute; left: 0; top: 20%; transform: translateY(-20%); width: 10px; height: 10px; background-image: url('/assets/images/bullet.png'); background-size: cover; background-position: center; */ }

article ul li li::before { content: "-"; line-height: 20px; }

article ol li, article ul li { margin: 0 0 10px 0; }

article ol li:last-child, article ul li:last-child { margin: 0; }

article ul ul, article ul ol, article ol ul, article ol ol { margin: 10px 0 0 0; }

article img { display: inline-block; height: auto; max-width: 100%; }

article iframe { border: 0; }

article a, article a:visited { text-decoration: underline; color: #285b94; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; }

body[data-main-section-id="secondaire"] article a, body[data-main-section-id="secondaire"] article a:visited { color: #D9272E !important; }

article a:hover, article a:visited:hover { text-decoration: none; color: #285b94; }

body[data-main-section-id="secondaire"] article a:hover, body[data-main-section-id="secondaire"] article a:visited:hover { color: #D9272E !important; }

article .table { border-bottom: 1px solid #dee2e6; height: auto !important; }

@media (max-width: 992px) { article .table { width: 100% !important; } }

article .table td { text-align: left; }

article .table thead th { border-bottom: none; }

article .aligne-centre .table { margin: 0 auto; }

@media (max-width: 768px) { article [class*="col-"] { padding-right: 25px; padding-left: 25px; } }

article [class*="col-"] p:last-child, article [class*="col-"] td p:last-child, article [class*="col-"] td ul:last-child { margin-bottom: 0; }

article .form-control { border-radius: 0px; }

a { outline: none; }

:focus { -moz-outline-style: none; }

.btn { border-radius: 0; text-decoration: none; padding-right: 30px; padding-left: 30px; white-space: normal; }

.btn:hover { text-decoration: none; }

.btn.texte-petit, body[data-main-section-id="formation-continue"] .btn.nouvelles-sur-accueil { padding-right: 15px; padding-left: 15px; }

/*------------------------------------------------------------------ #Headers ------------------------------------------------------------------*/
.h1, .h2, .h3, h1, h2, h3 { margin-top: 40px; margin-bottom: 10px; }

h1, .h1 { font-size: 2.4rem; line-height: 3rem; font-weight: normal; text-align: left; margin-bottom: 40px; }

@media (max-width: 480px) { h1, .h1 { font-size: 2.1rem; line-height: 2.4rem; } }

@media (max-width: 576px) { h1, .h1 { text-align: center; } }

h2, .h2 { font-size: 2.1em; line-height: 2.8rem; font-weight: normal; /*text-align:left;*/ margin-bottom: 40px; color: #333333; text-transform: uppercase; }

@media (max-width: 576px) { h2, .h2 { text-align: center; } }

h3, .h3 { font-size: 1.2rem; line-height: 1.6rem; font-weight: normal; /*text-align: left;*/ margin-bottom: 1.4rem; text-transform: uppercase; font-weight: 700; }

@media (max-width: 480px) { h3, .h3 { font-size: 1.6rem; line-height: 1.8rem; } }

@media (max-width: 576px) { h3, .h3 { text-align: center; } }

h4, .h4 { margin-bottom: 1.4rem; }

h5, .h5 { margin-bottom: 1.4rem; }

h6, .h6 { margin-bottom: 1.4rem; }

article h1:first-of-type, section h1:first-of-type, section h2:first-of-type, hr + h1, h1 + h2, hr + h2 { margin-top: 0; }

.aligne-centre h1, .aligne-centre h2, .aligne-centre h3, .aligne-centre h4, .aligne-centre h5 { text-align: center; }

/*** 
Entete photos dans le haut des pages (photo fixe ou slideshow) 
***/
.photo-top-container { position: relative; z-index: 99; overflow: hidden; background: #333333; background-position: center top; background-size: cover; background-repeat: no-repeat; margin-top: 70px; height: 500px; }

@media (max-width: 575px) { .photo-top-container { background-size: inherit; background-attachment: scroll; } }

@media (min-width: 992px) { .photo-top-container { height: 500px; height: 75vh; margin-top: 145px; } }

.is-cms .photo-top-container { height: auto; }

.photo-top { margin: 0; justify-content: center; align-items: center; position: relative; }

.photo-top__img, .photo-top__slide, .photo-top__slide.slick-slide { height: 500px; background: url(/assets/images/spacer.gif) no-repeat center top; background-size: cover; width: 100%; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }

@media (min-width: 992px) { .photo-top__img, .photo-top__slide, .photo-top__slide.slick-slide { height: 500px; height: 75vh; } }

.photo-top__texte { position: absolute; right: 0; top: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; transition: all 2s ease-out; z-index: 5; }

.photo-top__texte > div { padding: 85px 25px 50px 25px; }

@media (min-width: 768px) { .photo-top__texte > div { padding: 85px 35px 25px 35px; } }

@media (min-width: 992px) { .photo-top__texte > div { padding-top: 25px; } }

.js-support .photo-top__texte > div { -webkit-clip-path: polygon(0 0, 1% 0, 1% 100%, 0% 100%); clip-path: polygon(0 0, 1% 0, 1% 100%, 0% 100%); opacity: 0; transition: all 2000ms ease-out; transition-delay: .1s; transform: scale(0.9); }

.photo-top__img__loaded .photo-top__texte > div { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; transform: scale(1); }

.is-cms .photo-top__texte > div { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; transform: scale(1); }

.photo-top__titre { color: #fff; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 35px; }

@media (max-width: 768px) { .photo-top__titre { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } }

@media (min-width: 768px) { .photo-top__titre { font-size: 40px; line-height: 45px; } }

@media (min-width: 992px) { .photo-top__titre { font-size: 45px; line-height: 52px; } }

/* Header photo double - gauche / droite */
.photo-top-double { height: 500px; }

@media (min-width: 992px) { .photo-top-double { height: 500px; } }

@media (max-width: 768px) { .photo-top-double { height: auto; } }

.photo-top-double .photo-top > div[class*="col-"] { padding: 0; }

.photo-top-double .photo-top__texte { color: #fff; font-size: 20px; line-height: 25px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

@media (max-width: 767px) { .photo-top-double .photo-top__texte { position: relative; top: auto; right: auto; } }

@media (min-width: 768px) { .photo-top-double .photo-top__texte { font-size: 25px; line-height: 30px; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } }

.photo-top-double .photo-top__texte p { margin-bottom: 10px; }

.photo-top-double .photo-top__texte p:last-child { margin-bottom: 0; }

.photo-top-double .photo-top__titre { margin: 0 0 10px 0; }

.photo-top-double .photo-top__img { background-color: #07395e; transform: translateY(0px); }

@media (max-width: 767px) { .photo-top-double .photo-top__img { height: auto; min-height: 300px; } }

@media (min-width: 768px) { .photo-top-double .photo-top__img { height: 500px; background-size: cover; background-position: center center; } }

@media (min-width: 992px) { .photo-top-double .photo-top__img { height: 500px; } }

.photo-top-double .photo-top__img::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #07395e; opacity: .95; z-index: 1; }

@media (min-width: 768px) { .photo-top-double .photo-top__img::before { background-color: #000; opacity: .7; } }

.photo-top-double .photo-top__img::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #333333; opacity: .7; transition: all 1000ms ease-out; z-index: 2; }

.js-support .photo-top-double .photo-top__img::after { opacity: 1; }

.photo-top__img__loaded .photo-top-double .photo-top__img::after { opacity: 0; }

.is-cms .photo-top-double .photo-top__img::after { display: none; }

body[data-main-section-id="secondaire"] .photo-top-double .photo-top__img { background-color: #D9272E; }

body[data-main-section-id="collegial"] .photo-top-double .photo-top__img { background-color: #414b55; }

.photo-top-double .photo-top__img2 { position: relative; z-index: 200; opacity: 1; transition: all 1.5s ease-out; transition-delay: .1s; height: 500px; background-color: #07395e; }

@media (min-width: 992px) { .photo-top-double .photo-top__img2 { height: 500px; transition: all 4s ease-out; } }

body[data-main-section-id="secondaire"] .photo-top-double .photo-top__img2 { background-color: #D9272E; }

.js-support .photo-top-double .photo-top__img2 { opacity: 0; }

.photo-top__img__loaded .photo-top-double .photo-top__img2 { opacity: 1; }

.js-support.is-cms .photo-top-double .photo-top__img2 { opacity: 1; }

.photo-top-double .photo-top__img2::before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 5; top: 0; left: 0; background: url(/images/photos-top-shadow.png) no-repeat center center; background-size: cover; }

.is-cms .photo-top-double .photo-top__img2::before { display: none; }

.photo-top-double .photo-top__img2 p { height: 500px; }

@media (min-width: 992px) { .photo-top-double .photo-top__img2 p { height: 500px; } }

.photo-top-double .photo-top__img2 .card-img-overlay { padding: 0; }

.photo-top-double .photo-top__img2 img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; -o-object-position: 50% 50%; object-position: 50% 50%; }

.photo-top-double .photo-top__img2 figure { margin: 0; }

.photo-top-double .photo-top__img2 figcaption { display: none; }

.photo-top-double .photo-top__img2.photo-top__video { overflow: hidden; background: #052b46 url(/assets/images/loading-fond-bleu-fonce2.gif) no-repeat center center; background-size: 50px; }

@media (max-width: 768px) { .photo-top-double .photo-top__img2.photo-top__video { height: auto; padding-top: 56.25% !important; } }

.photo-top-double .photo-top__img2.photo-top__video::before { display: none; }

.video-started .photo-top-double .photo-top__img2.photo-top__video::before { display: block; }

.photo-top-double .photo-top__img2.photo-top__video iframe { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; /*@include media(">=xl2") {   left: 0; }*/ }

@media (min-width: 768px) { .photo-top-double .photo-top__img2.photo-top__video iframe { height: 400px; width: 711px; /*right: auto; left: calc((50vw/2) - 355px);*/ } }

@media (min-width: 992px) { .photo-top-double .photo-top__img2.photo-top__video iframe { height: 500px; width: 888px; /*left: calc((50vw/2) - 444px);*/ } }

.photo-top__img.photo-top__img--default::before { display: none; }

.photo-top__img.photo-top__img--default::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #333333; opacity: .7; transition: all 2500ms ease-out; z-index: 2; background: #07395e url(/images/logo-seul-blanc.svg) no-repeat left -10vw top -10vw; background-size: 550px; }

@media (max-width: 992px) { .photo-top__img.photo-top__img--default::after { background-position: left -25vw top -10vw; } }

@media (max-width: 576px) { .photo-top__img.photo-top__img--default::after { background-position: left -200px top -10vw; } }

.js-support .photo-top__img.photo-top__img--default::after { opacity: 0; transform: translateX(-20%); }

.photo-top__img__loaded .photo-top__img.photo-top__img--default::after { opacity: 0.05; transform: translateX(0); }

/* Header photo bande couleur */
.photo-top--bandeau { min-height: 300px; height: auto; background: #07395e; }

@media (min-width: 768px) { .photo-top--bandeau { min-height: 300px; } }

body[data-main-section-id="collegial"] .photo-top--bandeau { background-color: #414b55; }

.photo-top--bandeau .photo-top__texte { color: #fff; position: relative; left: auto; top: auto; /* margin-top: -165px; */ /*@include media(">=md") { margin-top: -20px; } @include media(">=lg") { margin-top: -70px; } .is-cms & { margin-top: -250px; }*/ }

@media (min-width: 768px) { .photo-top--bandeau .photo-top__texte > div { padding-top: 80px; } }

.photo-top--bandeau .photo-top__img.photo-top__img--default { min-height: 300px; height: auto; }

@media (max-width: 768px) { .photo-top--bandeau .photo-top__img.photo-top__img--default { min-height: 300px; } }

.photo-top--bandeau .photo-top__img.photo-top__img--default::after { background-position: left 2vw top -330px; background-size: 530px; }

@media (max-width: 768px) { .photo-top--bandeau .photo-top__img.photo-top__img--default::after { background-position: left 2vw top -110px; background-size: 40%; } }

@media (max-width: 576px) { .photo-top--bandeau .photo-top__img.photo-top__img--default::after { background-position: left 2vw top -20px; } }

@media (max-width: 480px) { .photo-top--bandeau .photo-top__img.photo-top__img--default::after { background-position: left -40vw top -40px; background-size: 80%; } }

.photo-top--bandeau .photo-top__titre { margin: 0 0 10px 0; color: #fff; }

@media (max-width: 768px) { .photo-top--bandeau .photo-top__texte p:first-child { margin-bottom: 10px; } }

/* photo-top Slideshow */
.photo-top__slideshow.slick-slider { height: 100%; }

.photo-top__slide.slick-slide { display: none; /*transform: scale(1.08);*/ }

.slick-initialized .photo-top__slide.slick-slide { display: block; }

.photo-top__slide1 { display: block; }

.photo-top__slideshow__texte { position: absolute; right: 0; top: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 5; color: #fff; padding: 65px 15px 25px 15px; }

@media (min-width: 768px) { .photo-top__slideshow__texte { padding: 25px 25px 25px 25px; width: 50%; } }

.photo-top__slideshow__texte::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 1000ms ease-out; transition-delay: 0ms; }

.js-support .photo-top__slideshow__texte::before { transform: translateX(100%); }

.photo-top__img__loaded .slick-active .photo-top__slideshow__texte::before { transform: translateX(0); transition-delay: 2000ms; }

@media (min-width: 768px) { .photo-top__img__loaded .slick-active .photo-top__slideshow__texte::before { transition-delay: 2000ms; } }

.is-cms .photo-top__slideshow__texte::before { transform: translateX(0); }

.photo-top__slideshow__texte > div { transition: all 1500ms ease-out; transition-delay: 0ms; }

.js-support .photo-top__slideshow__texte > div { transform: translateX(20%); opacity: 0; }

.photo-top__img__loaded .slick-active .photo-top__slideshow__texte > div { transform: translateX(0); opacity: 1; transition-delay: 2000ms; }

@media (min-width: 768px) { .photo-top__img__loaded .slick-active .photo-top__slideshow__texte > div { transition-delay: 2000ms; } }

.is-cms .photo-top__slideshow__texte > div { transform: translateX(0); opacity: 1; }

.video_slide { background-color: #333333; background-image: url("/assets/images/loading-fond-gris-fonce.gif") !important; background-size: 60px 60px !important; background-position: center center !important; }

.photo-top__slideshow__video-player { width: 100vw; min-height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ /*position: relative; padding-bottom: 0; height: 100%; overflow: hidden; width: 120%; margin-left:-10%; z-index: 1; @include media("<lg") {   margin-left: 0; height: 558px; width: 992px; } @include media("<md") {  margin-left: -10vw; height: 500px; width: 888px; } @include media("<sm") {  margin-left: -30vw; } @include media(">=lg") {   margin-left: -10%; padding-bottom: 72.23%; height: 0; max-width: 130%; width: 130%; } @include media(">=xl") {   margin-left: -5%; padding-bottom: 58.23%; height: 0; max-width: 110%; width: 110%; }*/ }

@media (max-width: 992px) { .photo-top__slideshow__video-player { min-width: 80vh; } }

.photo-top__slideshow__video-player iframe, .photo-top__slideshow__youtube-player object, .photo-top__slideshow__youtube-player embed { position: absolute; top: -5%; left: -10%; width: 150%; height: 100%; overflow: hidden; /*@include media("<=xxl-large") { } */ /*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/ /*position: absolute; top: 0; left: 0; width: 250vw; height: 100%; margin-left: -70vw; z-index: 100; background: transparent; @include media(">=sm-small") {  width: 200vw; margin-left: -50vw; } @include media(">=md") {  width: 100%; margin-left: 0; }*/ }

@media (min-width: 768px) { .photo-top__slideshow__video-player iframe, .photo-top__slideshow__youtube-player object, .photo-top__slideshow__youtube-player embed { width: 120%; } }

.photo-top__slideshow__video-player .play { height: 100px; width: 100px; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; position: absolute; cursor: pointer; }

.photo-top__slideshow__video-player .video_slideshow_mobile { display: none; }

.photo-top__slideshow__youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; transition: .4s all; }

.photo-top__slideshow__youtube-player img:hover { -webkit-filter: brightness(75%); }

.photo-top__slideshow__youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("//i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer; }

/*------------------------------------------------------------------ /#Headers ------------------------------------------------------------------*/
/*------------------------------------------------------------------ #Modele de pages ------------------------------------------------------------------*/
/** Page programmes **/
.programme-details ul { margin-bottom: 20px; }

.programme-details li { margin-bottom: 0; }

.programme-details a[href*="bulle"] { cursor: help; color: #333333; }

.programme-details .programme-details-col-1 { position: relative; }

@media (max-width: 992px) { .programme-details .programme-details-col-1::after { content: ""; display: block; width: 100%; height: 1px; border-bottom: 1px solid #333333; margin: 40px 0; } }

.programme-details .programme-details-col-1 > h3:first-child, .programme-details .programme-details-col-2 > h3:first-child { margin-top: 0; }

/** Tableau des cours par session **/
.tableau-cours-session td:first-child { width: 125px; }

.tableau-cours-session td:last-child { width: 110px; white-space: nowrap; }

@media (max-width: 576px) { .tableau-cours-session { margin-top: 10px; margin-bottom: 20px; } .tableau-cours-session tr { border-bottom: 1px solid #ccc; } .tableau-cours-session td { display: block; border: none; padding: 0; } .tableau-cours-session td:first-child { padding-top: 10px; width: auto; font-weight: bold; } .tableau-cours-session td:last-child { padding-bottom: 10px; width: auto; } }

/** Tableau de la grille de cours **/
.tableau-grille-de-cours th, .tableau-grille-de-cours td:nth-child(2), .tableau-grille-de-cours td:last-child { white-space: nowrap; }

/** Page standard **/
.page-standard h2, .page-standard .fond-gris-pale h2 { text-transform: uppercase; color: #346094; }

body.page-standard[data-main-section-id="secondaire"] h2, body.page-standard[data-main-section-id="secondaire"] .fond-gris-pale h2 { color: #D9272E; }

body.page-standard[data-main-section-id="collegial"] h2, body.page-standard[data-main-section-id="collegial"] .fond-gris-pale h2 { color: #414b55; }

#page-footer-subnav { position: relative; z-index: 1; margin-top: 25px; /* Formation continue */ }

body[data-main-section-id="secondaire"] #page-footer-subnav { margin-top: 150px; }

@media (min-width: 992px) { body[data-main-section-id="secondaire"] #page-footer-subnav { margin-top: 250px; } }

#page-footer-subnav .dropdown-menu { display: block; position: inherit; top: auto; left: auto; padding: 0; -webkit-filter: none; filter: none; float: none; }

#page-footer-subnav .dropdown-menu > .row { margin: 0; }

@media (max-width: 992px) { #page-footer-subnav .dropdown-menu { /* overlay de couleur */ } #page-footer-subnav .dropdown-menu li { padding: 0; } #page-footer-subnav .dropdown-menu a { display: block; text-align: center; position: relative; padding: 20px 10px; } #page-footer-subnav .dropdown-menu a::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 15px; z-index: 1; background-color: #363636; opacity: .5; float: none; max-width: none; max-height: none; } #page-footer-subnav .dropdown-menu a .item__content { position: relative; z-index: 2; } #page-footer-subnav .dropdown-menu li:nth-child(1) a::before { background-color: #07395e; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(1) a::before { background-color: #097074; opacity: .7; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(1) a::before { background-color: #954631; opacity: .7; } #page-footer-subnav .dropdown-menu li:nth-child(2) a::before { background-color: #85151b; opacity: .4; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(2) a::before { background-color: #D9272E; opacity: .6; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(2) a::before { background-color: #666b59; opacity: .8; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(3) a::before { background-color: #414b55; opacity: .5; } #page-footer-subnav .dropdown-menu li:nth-child(4) a::before { background-color: #a76926; opacity: .4; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(4) a::before { background-color: #e5a417; opacity: .6; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(4) a::before { background-color: #bd9c74; opacity: .6; } #page-footer-subnav .dropdown-menu li:nth-child(5) a::before { background-color: #346094; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(5) a::before { background-color: #097074; opacity: .7; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(5) a::before { background-color: #a6b6a8; opacity: .5; } #page-footer-subnav .dropdown-menu li:nth-child(6) a::before { background-color: #a76926; opacity: .4; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(6) a::before { background-color: #D9272E; opacity: .6; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(6) a::before { background-color: #414b55; opacity: .5; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(7) a::before { background-color: #954631; opacity: .7; } #page-footer-subnav .dropdown-menu li:nth-child(8) a::before { background-color: #07395e; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(8) a::before { background-color: #e5a417; opacity: .6; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(8) a::before { background-color: #666b59; opacity: .8; } #page-footer-subnav .dropdown-menu li:nth-child(9) a::before { background-color: #85151b; opacity: .4; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(9) a::before { background-color: #346094; opacity: .7; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(9) a::before { background-color: #954631; opacity: .7; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(10) a::before { background-color: #D9272E; opacity: .6; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(10) a::before { background-color: #666b59; opacity: .8; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(11) a::before { background-color: #414b55; opacity: .5; } body[data-main-section-id="secondaire"] #page-footer-subnav .dropdown-menu li:nth-child(12) a::before { background-color: #e5a417; opacity: .6; } body[data-main-section-id="collegial"] #page-footer-subnav .dropdown-menu li:nth-child(12) a::before { background-color: #bd9c74; opacity: .6; } #page-footer-subnav .dropdown-menu .dropdown-item__content, #page-footer-subnav .dropdown-menu .card-img-overlay { position: relative; z-index: 3; } }

body[data-main-section-id="formation-continue"] #page-footer-subnav { margin-top: 0; background: #fff; }

body[data-main-section-id="formation-continue"] #page-footer-subnav .sub-nav { display: none; }

body[data-main-section-id="formation-continue"] #page-footer-subnav .dropdown-menu li { min-height: 340px; background-color: #333333; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; }

@media (min-width: 993px) { body[data-main-section-id="formation-continue"] #page-footer-subnav .dropdown-menu a { background: none; padding: 0; overflow: hidden; max-height: 340px; } body[data-main-section-id="formation-continue"] #page-footer-subnav .dropdown-menu .card-img-overlay { display: flex; justify-content: center; align-content: center; flex-wrap: wrap; padding: 40px 80px; } body[data-main-section-id="formation-continue"] #page-footer-subnav .dropdown-menu img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; width: 100%; height: 100%; } }

@media (max-width: 992px) { body[data-main-section-id="formation-continue"] #page-footer-subnav .dropdown-menu li { min-height: 10px; } body[data-main-section-id="formation-continue"] #page-footer-subnav .dropdown-menu li:nth-child(odd) a::before { background-color: #07395e; opacity: 1; } body[data-main-section-id="formation-continue"] #page-footer-subnav .dropdown-menu li:nth-child(even) a::before { background-color: #333333; opacity: 1; } body[data-main-section-id="formation-continue"] #page-footer-subnav .dropdown-menu .card-img { display: none; } }

body[data-section-id="accueil"] .btns-vedette-top, body[data-section-id="portes-ouvertes"] .btns-vedette-top { margin: -35px auto 0 auto; position: relative; z-index: 100; white-space: nowrap; /*max-width: 1160px; padding: 0 40px;*/ }

.is-cms body[data-section-id="accueil"] .btns-vedette-top, .is-cms body[data-section-id="portes-ouvertes"] .btns-vedette-top { margin-top: 0; }

@media (min-width: 576px) { body[data-section-id="accueil"] .btns-vedette-top .btn--texte-sur-une-ligne, body[data-section-id="portes-ouvertes"] .btns-vedette-top .btn--texte-sur-une-ligne { line-height: 2.4em; } }

/*------------------------------------------------------------------ /#Modele de pages ------------------------------------------------------------------*/
/*------------------------------------------------------------------ #Home ------------------------------------------------------------------*/
/* Slideshow */
html .ls-container img, body .ls-container img, #ls-global .ls-container img.img-fluid { max-width: 100% !important; }

.is-cms .slideshow-container { display: none; }

@media (max-width: 991px) { .slideshow-container { margin-top: 100px; } }

/* Formation continue */
body[data-main-section-id="formation-continue"] .nouvelles-sur-accueil { font-family: Georgia, serif; }

body[data-main-section-id="formation-continue"] .nouvelles-sur-accueil #nouvelles-sur-accueil__titre { font-size: 1.2rem; line-height: 1.4rem; font-weight: bold; text-align: left; margin-bottom: 10px; }

body[data-main-section-id="formation-continue"] .nouvelles-sur-accueil #nouvelles-sur-accueil__texte p { margin-bottom: 10px; }

body[data-main-section-id="formation-continue"] .nouvelles-sur-accueil #nouvelles-sur-accueil__lien { font-style: italic; font-weight: bold; }

/*------------------------------------------------------------------ /#Home ------------------------------------------------------------------*/
/*------------------------------------------------------------------ #Microsite Portes ouvertes ------------------------------------------------------------------*/
@media (min-width: 992px) { body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur, body[data-section-id="portes-ouvertes"] .bande-carres__img { height: 430px; } }

@media (max-width: 575px) { body[data-section-id="portes-ouvertes"] .bande-carres__img { padding-right: 0; padding-left: 0; } }

body[data-section-id="portes-ouvertes"] .bande-carres__img { /*&::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2); z-index: 1; } img { position: relative; z-index: 2; }*/ }

body[data-section-id="portes-ouvertes"] .bande-carres__img:hover img { transform: scale(1.12); transition: all 400ms ease-out; }

body[data-section-id="portes-ouvertes"] .video-embed__iframe { height: 430px; padding: 0; /*position: relative; z-index: 2;*/ /* iframe { height: 450px; width: 800px; left: calc((50vw/2) - 400px); @include media(">=xl2") {   min-height: 750px; height: 35vw; width: 70vw; top: -35%; left: 0; } @include media(">=xl-large") {   min-height: 600px; height: 35vw; width: 40vw; top: -25%; } } */ }

body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-rouge::after { height: 120%; top: -10%; left: -20%; transition: all 2500ms ease-out; }

.js-support body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-rouge::after { opacity: 0; transform: translateX(-50%); }

.js-support body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-rouge.animated::after { opacity: .15; transform: translateX(0); }

body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-rouge.bande-carres__filligrane-a-droite::after { left: auto; right: -20%; background-position: right top; }

body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-bleu-fonce::after { height: 100%; top: 40%; right: -20%; transition: all 2500ms ease-out; opacity: .1; background-position: right center; }

.js-support body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-bleu-fonce::after { opacity: 0; transform: translateX(50%) translateY(50%); }

.js-support body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-bleu-fonce.animated::after { opacity: .07; transform: translateX(50%); }

body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-bleu-fonce.bande-carres__filligrane-a-gauche::after { right: auto; left: -60%; background-position: left top; }

body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-bleu::after { height: 120%; top: 20%; left: 0; transition: all 2500ms ease-out; opacity: .1; }

.js-support body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-bleu::after { opacity: 0; transform: translateY(-50%); }

.js-support body[data-section-id="portes-ouvertes"] .bande-carres__fond-couleur.fond-bleu.animated::after { opacity: .07; transform: translateY(0); }

body.photo-top__img__loaded[data-section-id="portes-ouvertes"] .slick-active .photo-top__slideshow__texte::before { transition-delay: 5000ms; }

@media (min-width: 768px) { body.photo-top__img__loaded[data-section-id="portes-ouvertes"] .slick-active .photo-top__slideshow__texte::before { transition-delay: 5000ms; } }

body.photo-top__img__loaded[data-section-id="portes-ouvertes"] .slick-active .photo-top__slideshow__texte > div { transition-delay: 5000ms; }

@media (min-width: 768px) { body.photo-top__img__loaded[data-section-id="portes-ouvertes"] .slick-active .photo-top__slideshow__texte > div { transition-delay: 5000ms; } }

/*------------------------------------------------------------------ /#Contact ------------------------------------------------------------------*/
/*------------------------------------------------------------------ #Contact ------------------------------------------------------------------*/
#map { width: 100%; height: 450px; }

.contact_form .notification_error { padding: 5px 10px; background-color: #8c0e01; color: #fff; margin-bottom: 20px; }

/*------------------------------------------------------------------ /#Contact ------------------------------------------------------------------*/
/*------------------------------------------------------------------ #Équipe Bottin du personnel ------------------------------------------------------------------*/
h2.bottin-titre { text-align: left; }

.pjYpSearch .form-control { width: 250px; display: inline-block; vertical-align: baseline; }

.pjYpBtnSearch.btn { margin-top: -4px; }

.pjYpBtnSearch.btn .glyphicon-search { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; }

.pjYpBtnSearch.btn .glyphicon-search::before { content: " "; background: url(/assets/images/icon-search-white.svg) no-repeat center center; background-size: cover; height: 18px; width: 18px; display: block; }

.col-flex { text-align: left; }

@media (min-width: 767px) { .col-flex { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; } }

.col-flex > .col-flex__item { flex: 1 1 auto; }

@media (min-width: 768px) { .col-flex__2-col-50-50 > .col-flex__item { width: 50%; padding-right: 25px; } }

@media (max-width: 767px) { .col-flex__2-col-50-50 > .col-flex__item { margin-bottom: 20px; } }

@media (min-width: 768px) { .col-flex__3-col > .col-flex__item { width: 33%; } }

@media (max-width: 767px) { .col-flex__3-col > .col-flex__item { margin-bottom: 20px; } }

.col-flex--flex-start { justify-content: flex-start; align-items: flex-start; }

.col-flex--align-items-start { align-items: flex-start; }

body[data-main-section-id="secondaire"] article .pagination > li > a { color: #337ab7 !important; }

body[data-main-section-id="secondaire"] article .pagination > li.active > a { color: #fff !important; }

/*------------------------------------------------------------------ /#Équipe Bottin du personnel ------------------------------------------------------------------*/
/*------------------------------------------------------------------ #Autres ------------------------------------------------------------------*/
.js-support .wow { visibility: hidden; }

/*** Surreal CMS ***/
/* Show les Wow et Collapse dans Surreal */
.is-cms .wow, .is-cms .collapse { display: block; opacity: 1; visibility: visible; }

/* Show un outline quand un repeatable est sélectionné */
.is-cms .cms-repeatable[data-mce-selected="true"] { outline: 1px dashed red; }

/** Haut de page **/
.scrollToTop { cursor: pointer; position: fixed; bottom: 0; right: 0; opacity: 1; visibility: hidden; z-index: 2000; transition: all 300ms ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transform: translate3d(100%, 0, 0); }

.scrollToTop div { padding: 10px 15px; background-color: rgba(51, 51, 51, 0.5); color: #FFF; font-size: 22px; transition: all 300ms ease-out; }

.scrollToTop span { display: block; width: 30px; height: 30px; background: url(/assets/images/icon-chevron-top-white.svg) no-repeat left top; background-size: cover; transition: all 300ms ease-out; }

.scrollToTop:hover div { background-color: #333333; }

.scrollToTop:hover span { transform: scale(1.125) !important; }

/** Popup lightbox, editable dans Surreal **/
#popup, #popup-container { max-width: 600px; margin: 0 auto; text-align: center; position: relative; font-size: 16px; color: #555555; }

#popup .cms-repeatable, #popup-container .cms-repeatable { background-color: #fff; padding: 0; border: none; }

#popup img, #popup-container img { display: block; max-width: 100%; height: auto; }

#popup p, #popup-container p, #popup h1, #popup-container h1, .is-cms #popup-container p, .is-cms #popup-container h1 { margin-bottom: 20px; padding-bottom: 0; }

#popup .cms-repeatable p:last-child, #popup-container .cms-repeatable p:last-child { margin-bottom: 0; }

.is-cms .introduction { max-width: 600px; text-align: center; margin: 50px auto 0 auto; font-size: 14px; line-height: 18px; color: #555555; }

.is-cms .introduction img { max-width: 45px; display: inline; vertical-align: bottom; }

.is-cms #popup-container { padding: 40px; max-width: 680px; min-height: 200px; margin: 100px auto; height: auto; }

.is-cms #popup-container > div { width: 600px; margin: 0 auto 60px auto; outline: 1px dashed #999; }

.is-cms #popup-container > div:first-child { outline: 5px solid green; position: relative; }

.is-cms #popup-container > div:first-child::before { content: "POPUP ACTIF"; position: absolute; top: -40px; left: 0; width: 100%; text-align: center; color: green; }

#no-popup { display: none; }

.is-cms #no-popup { display: block; }

/* Popup fancy box */
.fancybox-container, .fancybox-inner, .fancybox-stage, .fancybox-slide { overflow: hidden !important; }

/* Custom Out animation du background noir */
.fancybox-container .fancybox-bg { transform: translateX(100%); transition-timing-function: ease-out; transition-duration: 500ms; transition-property: all; opacity: .95; }

/* Custom In animation du background noir */
.fancybox-container.fancybox-is-open .fancybox-bg { transform: translateX(0); opacity: .95; }

/* Custom Out animation du contenu du stage */
.fancybox-fx-material.fancybox-slide--previous, .fancybox-fx-material.fancybox-slide--next, .popup-iframe, .fancybox-content { transform: translateX(0); opacity: 0; }

/* Custom In animation du contenu du stage */
.fancybox-fx-material.fancybox-slide--current, .fancybox-slide--current .popup-iframe, .fancybox-slide--current .fancybox-content { transform: translateX(0); opacity: 1; }

/* Caption font-size adjustment */
.fancybox-caption__body { font-size: 16px !important; }

/* Pour limiter la largeur du iframe .fancybox-slide--iframe .fancybox-content { width : 800px; max-width : 100%; } */
/* Ajustement du triangle qui pointe vers le bas */
.dropdown-toggle::after { margin-right: -10px; }

/* Marge au-dessus d'un anchor, pour ne pas qu'il soit collé en haut de la fenetre */
h1:target, h2:target, h3:target, h4:target, h5:target, div:target, span:target, p:target, table:target, section:target, a:target { position: relative; border-top: 30px solid transparent; background-clip: padding-box; }

h1:target::before, h2:target::before, h3:target::before, h4:target::before, h5:target::before, div:target::before, span:target::before, p:target::before, table:target::before, section:target::before, a:target::before { content: ""; position: absolute; top: -25px; left: 0; right: 0; }

/* Tooltips */
.tooltip.show { opacity: 1; }

.tooltip-inner { max-width: 300px; padding: 0.85rem 0.8rem 1rem 0.8rem; }

/*------------------------------------------------------------------ /#Autres ------------------------------------------------------------------*/
.navbar-custom { padding: 0; background-color: #333333; /*font-family: 'Karla', sans-serif;*/ z-index: 2001; /*** Container du logo et du toggler ***/ /*** Nav top ***/ /*** Addsearch ***/ /*** Container du logo ***/ /*** Container de la navigation principale ***/ /*** <ul> de la nav principale ***/ /*** <li> de la nav principale, .nav-item ***/ /*** <a> de la nav principale, .nav-link ***/ /*** Pour faire en sorte que le dropdown-menu soit à 100% de largeur **/ /*** Bouton toggle ***/ /*** Dropdown-menu de la navigation principale ***/ }

.navbar-custom .container { max-width: 1140px; transition: all 500ms ease-out; }

@media (max-width: 992px) { .navbar-custom .navbar-header { display: flex; align-items: center; justify-content: space-around; width: 100%; } }

.navbar-custom .navtop { background-color: #f4f4f4; text-align: center; }

@media (max-width: 992px) { .navbar-custom .navtop { display: none; } }

.navbar-custom .navtop .navbar-blocks-containers { display: flex; justify-content: flex-start; align-items: flex-end; height: 65px; transition: all 500ms ease-out; }

.small-header .navbar-custom .navtop .navbar-blocks-containers { height: 50px; }

.navbar-custom .navtop .navbar-block-left { display: flex; justify-content: flex-end; }

body[data-main-section-id="secondaire"] .navbar-custom .navtop .navbar-block-left { padding-right: 20px; }

body[data-main-section-id="formation-continue"] .navbar-custom .navtop .navbar-block-left { align-items: center; transition: all 500ms ease-out; }

@media (min-width: 992px) and (max-width: 1400px) { body[data-main-section-id="formation-continue"] .navbar-custom .navtop .navbar-block-left { padding-right: 15px !important; padding-left: 40px !important; } }

@media (min-width: 993px) and (max-width: 1400px) { body[data-main-section-id="formation-continue"] .navbar-custom .navtop .navbar-block-left a { padding: 15px 5px; } }

@media (min-width: 1400px) { body[data-main-section-id="formation-continue"] .navbar-custom .navtop .navbar-block-left { padding-right: 20px !important; } }

@media (min-width: 993px) and (max-width: 1200px) { body.small-header[data-main-section-id="formation-continue"] .navbar-custom .navtop .navbar-block-left { transform: translateY(7px); } }

.navbar-custom .navtop .navbar-block-right { display: flex; justify-content: flex-start; }

@media (min-width: 992px) { .navbar-custom .navtop .navbar-block-right { padding-left: 18px; } body[data-main-section-id="formation-continue"] .navbar-custom .navtop .navbar-block-right { padding-left: 22px; } }

@media (min-width: 1400px) { .navbar-custom .navtop .navbar-block-right { padding-left: 5px; } body[data-main-section-id="secondaire"] .navbar-custom .navtop .navbar-block-right { padding-left: 13px; } body[data-main-section-id="formation-continue"] .navbar-custom .navtop .navbar-block-right { padding-left: 20px; } }

.navbar-custom .navtop a { display: inline-block; color: #333333; font-size: 14px; line-height: 18px; padding: 15px 10px 15px 10px; transition: all 800ms ease-out; /*border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent;*/ }

@media (min-width: 1200px) { .navbar-custom .navtop a { font-size: 14px; padding: 15px 10px; } }

@media (min-width: 1400px) { .navbar-custom .navtop a { font-size: 15px; padding: 15px 20px 15px 20px; } }

.navbar-custom .navtop a:focus, .navbar-custom .navtop a:hover { text-decoration: none; background-color: transparent; color: #333333; background-color: rgba(0, 0, 0, 0.1) !important; transition: all 200ms ease-out; /*border-top: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1;*/ }

.navbar-custom #nav-item-search { position: relative; display: flex; align-items: center; padding: 0 0 0 5px; }

@media (min-width: 1024px) { .navbar-custom #nav-item-search { margin-right: 20px; } }

.navbar-custom #nav-item-search img { position: relative; z-index: 1006; display: none; transition: all 500ms ease-out; /*position: absolute;  top: -5px; right: 0;*/ }

@media (min-width: 768px) { .navbar-custom #nav-item-search img { display: inline-block; opacity: .65; } }

.navbar-custom #nav-item-search .form-control { background-color: white; color: #666; font-size: 15px; border: 1px solid #999; transition: all 500ms ease-out; z-index: 1005; font-size: 16px; padding: 13px; height: auto; opacity: 1; width: 300px; margin: 15px 0 30px 15px; }

@media (min-width: 768px) { .navbar-custom #nav-item-search .form-control { opacity: 0; width: 0; position: absolute; top: -25px; left: 20px; display: inline-block; } }

@media (min-width: 768px) { .navbar-custom #nav-item-search:hover { background-color: transparent !important; } .navbar-custom #nav-item-search:hover img { cursor: pointer; } .navbar-custom #nav-item-search.open-search-field .form-control { width: 100%; opacity: 1; border-radius: 0; } }

@media (min-width: 768px) and (min-width: 992px) { .navbar-custom #nav-item-search.open-search-field .form-control { width: 330px; } }

@media (min-width: 768px) and (min-width: 1200px) { .navbar-custom #nav-item-search.open-search-field .form-control { width: 350px; } }

@media (min-width: 768px) and (min-width: 1400px) { .navbar-custom #nav-item-search.open-search-field .form-control { width: 400px; } }

.navbar-custom #nav-item-search-mobile div { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; align-content: flex-start; flex-wrap: nowrap; }

.navbar-custom #nav-item-search-mobile input { color: #fff; background-color: transparent; display: inline-block; width: 80%; border: 0; /*border: 1px solid rgba(255,255,255,.1); border-radius: 0;*/ }

@media (min-width: 480px) { .navbar-custom #nav-item-search-mobile input { width: 90%; } }

.navbar-custom #nav-item-search-mobile input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0); opacity: 1; }

.navbar-custom #nav-item-search-mobile input::-moz-placeholder { color: rgba(255, 255, 255, 0); opacity: 1; }

.navbar-custom #nav-item-search-mobile input:-ms-input-placeholder { color: rgba(255, 255, 255, 0); opacity: 1; }

.navbar-custom #nav-item-search-mobile input::-ms-input-placeholder { color: rgba(255, 255, 255, 0); opacity: 1; }

.navbar-custom #nav-item-search-mobile input::placeholder { color: rgba(255, 255, 255, 0); opacity: 1; }

.navbar-custom .navbar-brand { position: absolute; top: 0; left: 0; width: 130px; height: auto; margin: 0 0 0 15px; padding: 15px 15px 15px 15px; background-color: #fff; display: flex; justify-content: center; align-items: center; transform-origin: top center; transition: all 500ms ease-out; }

.navbar-custom .navbar-brand img { transition: all 500ms ease-out; }

@media (min-width: 380px) { .navbar-custom .navbar-brand { left: 50%; margin-left: -65px; } }

@media (min-width: 768px) { .navbar-custom .navbar-brand { width: 170px; margin-left: -85px; padding-top: 5px; padding-bottom: 10px; } }

@media (min-width: 992px) { .navbar-custom .navbar-brand { width: 200px; margin-left: -100px; padding-top: 15px; padding-bottom: 20px; } .small-header .navbar-custom .navbar-brand { transform: scale(0.75); } }

@media (min-width: 1200px) { .navbar-custom .navbar-brand { width: 230px; margin-left: -115px; } }

@media (max-width: 1200px) and (min-width: 768px) { .navbar-custom .navbar-brand img { transform: scale(0.9); } }

@media (min-width: 992px) { .navbar-custom .navbar-blocks-containers { max-width: 992px; margin: 0 auto; } }

@media (min-width: 1200px) { .navbar-custom .navbar-blocks-containers { max-width: 1200px; } }

@media (min-width: 1400px) { .navbar-custom .navbar-blocks-containers { max-width: 1350px; } }

@media (max-width: 992px) { .navbar-custom .navbar-collapse { background-color: #333333; height: 100vh !important; position: relative; overflow: hidden; /* overflow-x: hidden; */ background: #333333 url(/images/logo-seul-blanc-opacite-07.svg) no-repeat right -100px bottom -100px; /*&::after { content: ""; width: 100%; height: 100%; position: fixed; z-index: 1; background: $color-primary url(/images/logo-seul-blanc.svg) no-repeat right -100px bottom -100px; background-size: 100%; bottom: 0%; right: 0; opacity: .07; }*/ } }

@media (max-width: 991px) { .navbar-custom .navbar-nav { position: relative; z-index: 2; } }

@media (min-width: 992px) { .navbar-custom .navbar-nav { display: flex; justify-content: flex-end; } }

@media (min-width: 992px) { .navbar-custom .navbar-block-left { width: 396px; padding-right: 10px; flex: 1 1 auto; /*flex-basis: 0; flex-grow: 1; max-width: 100%;*/ } .navbar-custom .navbar-block-brand-spacer { width: 200px; flex: 1 1 auto; } .navbar-custom .navbar-block-right { width: 396px; flex: 1 1 auto; padding-left: 20px; justify-content: flex-start; /*> li:first-child { padding-right: 10px; }*/ } body[data-main-section-id="formation-continue"] .navbar-custom .navbar-block-right { padding-left: 10px; } }

@media (min-width: 1200px) { .navbar-custom .navbar-block-left { width: 486px; } .navbar-custom .navbar-block-brand-spacer { width: 230px; } .navbar-custom .navbar-block-right { width: 484px; padding-left: 10px; /*> li:first-child { padding-right: 10px; }*/ } }

@media (min-width: 1400px) { .navbar-custom .navbar-block-left { width: 560px; } .navbar-custom .navbar-block-right { width: 560px; padding-left: 10px; } .navbar-custom .navbar-block-right > li:first-child { padding-right: 0; } }

.navbar-custom .navbar-nav > li { padding: 0; }

.navbar-custom .navbar-nav > li > a { color: #fff; text-transform: uppercase; font-size: 1rem; transition: all 500ms ease-out; }

@media (min-width: 992px) { .navbar-custom .navbar-nav > li > a { padding: 12px 25px 15px 25px; text-align: center; white-space: nowrap; height: 80px; display: block; display: flex; justify-content: center; align-items: center; text-align: center; } .navbar-custom .navbar-nav > li > a::after { display: none; } .navbar-custom .navbar-nav > li > a::before { color: #000; position: absolute; top: 100px; left: 50%; margin-left: -5px; font-size: 30px; content: ""; width: 0; height: 0; opacity: 0; transition-delay: 0s; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .small-header .navbar-custom .navbar-nav > li > a::before { top: 85px; } }

@media (min-width: 992px) { .navbar-custom .navbar-nav > li > a { font-size: 12px; padding: 15px 10px !important; } .small-header .navbar-custom .navbar-nav > li > a { height: 60px; } body[data-main-section-id="secondaire"] .navbar-custom .navbar-nav > li > a { font-size: 13px; padding-right: 20px !important; padding-left: 20px !important; } body[data-main-section-id="formation-continue"] .navbar-custom .navbar-nav > li > a { font-size: 11px; padding-right: 10px !important; padding-left: 10px !important; } }

@media (min-width: 1200px) { .navbar-custom .navbar-nav > li > a { font-size: 15px; padding: 15px 12px !important; } .small-header .navbar-custom .navbar-nav > li > a { font-size: 14px; } body[data-main-section-id="secondaire"] .navbar-custom .navbar-nav > li > a { font-size: 15px; padding-right: 25px !important; padding-left: 25px !important; } body[data-main-section-id="formation-continue"] .navbar-custom .navbar-nav > li > a { font-size: 13px; padding-right: 14px !important; padding-left: 14px !important; } }

@media (min-width: 1400px) { .navbar-custom .navbar-nav > li > a { font-size: 15px; padding: 15px 17px !important; } body[data-main-section-id="formation-continue"] .navbar-custom .navbar-nav > li > a { font-size: 15px; padding-right: 20px !important; padding-left: 20px !important; } }

.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li.show a { color: #fff; text-decoration: none; }

@media (min-width: 992px) { .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li.show a { color: #fff; position: relative; background-color: rgba(255, 255, 255, 0.1); } }

.navbar-custom .navbar-nav > li.show > a::before { opacity: 1; transition-delay: 0s; }

.navbar-custom .navbar-nav > li.show > a.no-dropdown::before { opacity: 0; }

.navbar-custom .dropdown { position: static; }

@media (max-width: 992px) { .navbar-custom .navbar-toggler-container { width: auto; text-align: right; margin: 12px 20px; } }

.navbar-custom .navbar-toggler { border: 0; border-radius: 0; background-color: none; position: relative; z-index: 2; }

@media (max-width: 992px) { .navbar-custom .navbar-toggler { background-color: #fff; border: 2px solid #333333; padding: 10px 13px; } }

.navbar-custom .navbar-toggler:focus { outline: none; }

.navbar-custom .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(52,86,109, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-custom .navbar-toggler:not(.collapsed) > .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); }

@media (min-width: 993px) { .navbar-custom .dropdown-menu { position: absolute; left: 0; top: 145px; width: 100%; z-index: -1; -webkit-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.5)); background: #fff; border: none; border-radius: 0; margin-top: 0px; min-width: 100%; padding: 55px 0; /* min-width:100%; pour avoir le dropdown meme largeur que le bouton du menu */ /* overlay de couleur */ } .small-header .navbar-custom .dropdown-menu { top: 110px; } .navbar-custom .dropdown-menu .row { margin: 0; } .navbar-custom .dropdown-menu ul { display: flex; justify-content: center; align-items: stretch; padding: 0; list-style-type: none; } .navbar-custom .dropdown-menu li { padding: 0px; display: flex; justify-content: center; align-items: stretch; min-height: 195px; background-color: #333333; } .navbar-custom .dropdown-menu a { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; line-height: 23px; font-weight: 600; white-space: normal; text-align: center; position: relative; background-attachment: scroll; background-position: center center; background-size: cover; background-repeat: no-repeat; } }

@media (min-width: 993px) and (min-width: 993px) { .navbar-custom .dropdown-menu a { text-transform: uppercase; } }

@media (min-width: 993px) and (min-width: 1201px) { .navbar-custom .dropdown-menu a { font-size: 23px; line-height: 28px; } }

@media (min-width: 993px) { .navbar-custom .dropdown-menu a::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #363636; opacity: .5; transition: all 200ms ease-out; } .navbar-custom .dropdown-menu a::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; border: 1px solid rgba(255, 255, 255, 0.5); transform: scaleX(0.94) scaleY(0.9); -webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%); clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%); transition: all 200ms ease-out; } .navbar-custom .dropdown-menu a:hover::before { opacity: .9 !important; } .navbar-custom .dropdown-menu a:hover::after { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .navbar-custom .dropdown-menu.show { -webkit-animation-name: dropdown-menu-show; animation-name: dropdown-menu-show; opacity: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0s; animation-delay: 0s; } .navbar-custom .dropdown-menu .dropdown-item__content { position: relative; z-index: 3; } .navbar-custom .dropdown-menu.dropdown-menu--avec-slogan { padding-bottom: 25px; } .navbar-custom .dropdown-menu .dropdown-menu__slogan { padding-top: 25px; } .navbar-custom .dropdown-menu .dropdown-menu__slogan a.btn-bleu { background-color: #346094; } .navbar-custom .dropdown-menu .dropdown-menu__slogan a.btn-bleu:hover { background-color: #fff !important; } .navbar-custom .dropdown-menu .dropdown-menu__slogan a.btn-bleu:hover::before { display: none; } .navbar-custom .dropdown-menu li:nth-child(1) a::before { background-color: #07395e; } .navbar-custom .dropdown-menu li:nth-child(2) a::before { background-color: #85151b; opacity: .3; } .navbar-custom .dropdown-menu li:nth-child(4) a::before { background-color: #a76926; opacity: .3; } .navbar-custom .dropdown-menu li:nth-child(6) a::before { background-color: #a76926; opacity: .3; } .navbar-custom .dropdown-menu li:nth-child(7) a::before { background-color: #85151b; opacity: .3; } .navbar-custom .dropdown-menu li:nth-child(8) a::before { background-color: #07395e; opacity: .3; } .navbar-custom .dropdown-menu li:nth-child(9) a::before { background-color: #85151b; opacity: .3; } .navbar-custom .dropdown-menu li:nth-child(10) a::before { background-color: #07395e; } .navbar-custom .dropdown-menu li:nth-child(12) a::before { background-color: #a76926; opacity: .3; } body[data-main-section-id="formation-continue"] .navbar-custom .dropdown-menu { padding-top: 60px; } body[data-main-section-id="formation-continue"] .navbar-custom .dropdown-menu li:nth-child(odd) a::before { background-color: #07395e; } body[data-main-section-id="formation-continue"] .navbar-custom .dropdown-menu li:nth-child(even) a::before { background-color: #333333; opacity: .6; } }

@-webkit-keyframes dropdown-menu-show { 0% { opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
            clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%); }
  100% { opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 110%, 0% 110%);
            clip-path: polygon(0 0, 100% 0, 100% 110%, 0% 110%); } }

@keyframes dropdown-menu-show { 0% { opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
            clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%); }
  100% { opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 110%, 0% 110%);
            clip-path: polygon(0 0, 100% 0, 100% 110%, 0% 110%); } }

@media (min-width: 1201px) { .navbar-custom .dropdown-menu li { min-height: 235px; } }

@media (max-width: 992px) { .navbar-custom .dropdown-menu { background: none; border: none; margin-top: -15px; position: relative; } .navbar-custom .dropdown-menu ul { list-style-type: none; padding-left: 0; } .navbar-custom .dropdown-menu li { padding-left: 25px; } .navbar-custom .dropdown-menu a { color: #fff; white-space: normal; font-size: 15px; line-height: 19px; padding-top: 10px; padding-left: 5px; } .navbar-custom .dropdown-menu a::before { content: ""; font-family: Arial, sans-serif; color: rgba(255, 255, 255, 0.5); display: block; position: relative; max-width: 0; max-height: 0; float: left; margin-left: -15px; font-size: 15px; line-height: 25px; } .navbar-custom .dropdown-menu a:hover { background-color: transparent; } }

.navbar-custom .dropdown-menu.show li { visibility: visible !important; -webkit-animation-name: none !important; animation-name: none !important; }

/*** Background images ***/
@media (min-width: 992px) { .navbar-custom .dropdown-menu { /** Secondaire **/ /** Collégial **/ /** formation-continue **/ } .navbar-custom .dropdown-menu .dropdown.item__content { position: relative; z-index: 100; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li a { background-blend-mode: luminosity; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li a::before { opacity: .65; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li:nth-child(1) a::before { background-color: #097074; opacity: .50; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li:nth-child(2) a::before { background-color: #D9272E; opacity: .65; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li:nth-child(4) a::before { background-color: #e5a417; opacity: .85; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li:nth-child(6) a::before { background-color: #e5a417; opacity: .85; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li:nth-child(7) a::before { background-color: #D9272E; opacity: .65; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li:nth-child(9) a::before { background-color: #D9272E; opacity: .65; } body[data-main-section-id="secondaire"] .navbar-custom .dropdown-menu li:nth-child(12) a::before { background-color: #e5a417; opacity: .85; } .navbar-custom .dropdown-menu a[href*="portes-ouvertes"] { background-image: url(/upload/secondaire/menu/portes-ouvertes.jpg); } .navbar-custom .dropdown-menu a[href*="demande-admission"] { background-image: url(/upload/secondaire/menu/demande-admission.jpg); } .navbar-custom .dropdown-menu a[href*="frais-scolarite"] { background-image: url(/upload/secondaire/menu/frais-scolarite.jpg); } .navbar-custom .dropdown-menu a[href*="aide-education-borromeenes"] { background-image: url(/upload/secondaire/menu/aide-education-borromeenes.jpg); } .navbar-custom .dropdown-menu a[href*="accueil-au-seminaire"] { background-image: url(/upload/secondaire/menu/accueil-au-seminaire.jpg); } .navbar-custom .dropdown-menu a[href*="pourquoi-nous-choisir"] { background-image: url(/upload/secondaire/menu/pourquoi-nous-choisir.jpg); } .navbar-custom #sub-nav-admission.dropdown-menu li:nth-child(6) a::before { opacity: .75; } .navbar-custom .dropdown-menu a[href*="classe-i"] { background-image: url(/upload/secondaire/menu/classe-i.jpg); } .navbar-custom .dropdown-menu a[href*="anglais"] { background-image: url(/upload/secondaire/menu/anglais.jpg); } .navbar-custom .dropdown-menu a[href*="ton-secondaire/calendrier-scolaire"] { background-image: url(/upload/secondaire/menu/calendrier-scolaire.jpg); } .navbar-custom .dropdown-menu a[href*="equipe"] { background-image: url(/upload/secondaire/menu/equipe.jpg); } .navbar-custom .dropdown-menu a[href*="visite-en-images"] { background-image: url(/upload/secondaire/menu/visite-en-images.jpg); } .navbar-custom .dropdown-menu a[href*="projet-educatif"] { background-image: url(/upload/secondaire/menu/projet-educatif.jpg); } .navbar-custom .dropdown-menu a[href*="options/#intro"] { background-image: url(/upload/secondaire/menu/options-intro.jpg); } .navbar-custom .dropdown-menu a[href*="options/multi-arts"] { background-image: url(/upload/secondaire/menu/options-multi-arts.jpg); } .navbar-custom .dropdown-menu a[href*="options/citoyens-du-monde"] { background-image: url(/upload/secondaire/menu/options-citoyens-du-monde.jpg); } .navbar-custom .dropdown-menu a[href*="options/cuisine"] { background-image: url(/upload/secondaire/menu/options-cuisine.jpg); } .navbar-custom .dropdown-menu a[href*="options/sciences"] { background-image: url(/upload/secondaire/menu/options-sciences.jpg); } .navbar-custom .dropdown-menu a[href*="options/robotique"] { background-image: url(/upload/secondaire/menu/options-robotique.jpg); } .navbar-custom .dropdown-menu a[href*="options/sante-et-multi-sports"] { background-image: url(/upload/secondaire/menu/options-sante-et-multi-sports.jpg); } .navbar-custom .dropdown-menu a[href*="options/basketball"] { background-image: url(/upload/secondaire/menu/options-basketball.jpg); } .navbar-custom .dropdown-menu a[href*="options/football"] { background-image: url(/upload/secondaire/menu/options-football.jpg); } .navbar-custom .dropdown-menu a[href*="options/hockey"] { background-image: url(/upload/secondaire/menu/options-hockey.jpg); } .navbar-custom .dropdown-menu a[href*="options/volleyball"] { background-image: url(/upload/secondaire/menu/options-volleyball.jpg); } .navbar-custom .dropdown-menu a[href*="options/soccer"] { background-image: url(/upload/secondaire/menu/options-soccer.jpg); } .navbar-custom .dropdown-menu a[href*="options/arts-plastiques-musique"] { background-image: url(/upload/secondaire/menu/options-arts-plastiques-musique.jpg); } .navbar-custom .dropdown-menu a[href*="soutien-eleve"] { background-image: url(/upload/secondaire/menu/soutien-eleve.jpg); } .navbar-custom .dropdown-menu a[href*="activites-parascolaires"] { background-image: url(/upload/secondaire/menu/activites-parascolaires.jpg); } .navbar-custom .dropdown-menu a[href*="vie-scolaire-animee"] { background-image: url(/upload/secondaire/menu/vie-scolaire-animee.jpg); } .navbar-custom .dropdown-menu a[href*="collection-de-vetements"] { background-image: url(/upload/secondaire/menu/collection-de-vetements.jpg); } .navbar-custom .dropdown-menu a[href*="voyages-etudiants"] { background-image: url(/upload/secondaire/menu/voyages-etudiants.jpg); } .navbar-custom .dropdown-menu a[href*="services-alimentaires"] { background-image: url(/upload/secondaire/menu/services-alimentaires.jpg); } .navbar-custom .dropdown-menu a[href*="transport-scolaire"] { background-image: url(/upload/secondaire/menu/transport-scolaire.jpg); } .navbar-custom .dropdown-menu a[href*="la-collection-des-eleves"] { background-image: url(/upload/secondaire/menu/la-collection-des-eleves.jpg); } .navbar-custom .dropdown-menu a[href*="barons/tradition"] { background-image: url(/upload/secondaire/menu/barons-tradition.jpg); } .navbar-custom #sub-nav-barons.dropdown-menu li:nth-child(1) a::before { opacity: .75; } .navbar-custom .dropdown-menu a[href*="barons/choix"] { background-image: url(/upload/secondaire/menu/barons-choix.jpg); } .navbar-custom #sub-nav-barons.dropdown-menu li:nth-child(2) a::before { opacity: .75; } .navbar-custom .dropdown-menu a[href*="barons/inscription"] { background-image: url(/upload/secondaire/menu/barons-inscription.jpg); } .navbar-custom .dropdown-menu a[href*="barons/prix-et-distinctions"] { background-image: url(/upload/secondaire/menu/barons-prix-et-distinctions.jpg); } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li a { background-blend-mode: luminosity; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li a::before { opacity: .65; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li:nth-child(1) a::before { background-color: #954631; opacity: .7; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li:nth-child(2) a::before { background-color: #666b59; opacity: .8; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li:nth-child(3) a::before { background-color: #414b55; opacity: .5; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li:nth-child(4) a::before { background-color: #bd9c74; opacity: .6; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li:nth-child(5) a::before { background-color: #a6b6a8; opacity: .5; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li:nth-child(6) a::before { background-color: #414b55; opacity: .5; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li:nth-child(7) a::before { background-color: #954631; opacity: .7; } body[data-main-section-id="collegial"] .navbar-custom .dropdown-menu li:nth-child(8) a::before { background-color: #666b59; opacity: .8; } .navbar-custom .dropdown-menu a[href*="sciences-de-la-nature"] { background-image: url(/upload/collegial/menu/sciences-de-la-nature.webp); } .navbar-custom .dropdown-menu a[href*="sciences-de-la-nature"]::before { background-color: #414b55 !important; opacity: .50 !important; } .navbar-custom .dropdown-menu a[href*="administration"] { background-image: url(/upload/collegial/menu/administration.webp); } .navbar-custom .dropdown-menu a[href*="administration"]::before { background-color: #a6b6a8 !important; opacity: .50 !important; } .navbar-custom .dropdown-menu a[href*="droit-criminologie"] { background-image: url(/upload/collegial/menu/droit-criminologie.webp); } .navbar-custom .dropdown-menu a[href*="droit-criminologie"]::before { background-color: #a6b6a8 !important; opacity: .50 !important; } .navbar-custom .dropdown-menu a[href*="psychologie"] { background-image: url(/upload/collegial/menu/psychologie.webp); } .navbar-custom .dropdown-menu a[href*="psychologie"]::before { background-color: #a6b6a8 !important; opacity: .50 !important; } .navbar-custom .dropdown-menu a[href*="dietetique"] { background-image: url(/upload/collegial/menu/dietetique.webp); } .navbar-custom .dropdown-menu a[href*="dietetique"]::before { background-color: #666b59 !important; opacity: .80 !important; } .navbar-custom .dropdown-menu a[href*="techniques-intervention-en-criminologie"] { background-image: url(/upload/collegial/menu/techniques-intervention-en-criminologie.webp); } .navbar-custom .dropdown-menu a[href*="techniques-intervention-en-criminologie"]::before { background-color: #666b59 !important; opacity: .80 !important; } .navbar-custom .dropdown-menu a[href*="techniques-juridiques"] { background-image: url(/upload/collegial/menu/techniques-juridiques.webp); } .navbar-custom .dropdown-menu a[href*="techniques-juridiques"]::before { background-color: #954631 !important; opacity: .70 !important; } .navbar-custom .dropdown-menu a[href*="technologie-architecture"] { background-image: url(/upload/collegial/menu/technologie-architecture.webp); } .navbar-custom .dropdown-menu a[href*="technologie-architecture"]::before { background-color: #bd9c74 !important; opacity: .60 !important; } .navbar-custom .dropdown-menu a[href*="tremplin-dec"] { background-image: url(/upload/collegial/menu/tremplin-dec.webp); } .navbar-custom .dropdown-menu a[href*="tremplin-dec"]::before { background-color: #858484 !important; opacity: .60 !important; } .navbar-custom .dropdown-menu a[href*="commercialisation-mode"] { background-image: url(/upload/collegial/menu/commercialisation-mode.webp); } .navbar-custom .dropdown-menu a[href*="services-aux-etudiants"] { background-image: url(/upload/collegial/menu/services-aux-etudiants.webp); } .navbar-custom .dropdown-menu a[href*="admission-et-droits-de-scolarite"] { background-image: url(/upload/collegial/menu/admission-et-droits-de-scolarite.webp); } .navbar-custom .dropdown-menu a[href*="afe-et-bourses"] { background-image: url(/upload/collegial/menu/afe-et-bourses.webp); } .navbar-custom .dropdown-menu a[href*="decouvrir-sherbrooke"] { background-image: url(/upload/collegial/menu/decouvrir-sherbrooke.webp); } .navbar-custom .dropdown-menu a[href*="services-aide-aux-etudiants"] { background-image: url(/upload/collegial/menu/services-aide-aux-etudiants.webp); } .navbar-custom .dropdown-menu a[href*="soutien-a-la-reussite"] { background-image: url(/upload/collegial/menu/soutien-a-la-reussite.webp); } .navbar-custom .dropdown-menu a[href*="viens-nous-voir"] { background-image: url(/upload/collegial/menu/viens-nous-voir.webp); } .navbar-custom .dropdown-menu a[href*="collegial/calendrier-scolaire"] { background-image: url(/upload/collegial/menu/calendrier-scolaire.webp); } .navbar-custom .dropdown-menu a[href*="faq"] { background-image: url(/upload/collegial/menu/faq.webp); } .navbar-custom .dropdown-menu a[href*="transport-et-stationnement"] { background-image: url(/upload/collegial/menu/transport-et-stationnement.webp); } .navbar-custom .dropdown-menu a[href*="etapes-admission-et-droits-de-scolarite"] { background-image: url(/upload/collegial/menu/etapes-admission-et-droits-de-scolarite.webp); } .navbar-custom .dropdown-menu a[href*="decouvrir-le-collegial"] { background-image: url(/upload/collegial/menu/decouvrir-le-collegial.webp); } .navbar-custom .dropdown-menu a[href*="aide-a-leducation-borromeenne"] { background-image: url(/upload/collegial/menu/aide-a-leducation-borromeenne.webp); } .navbar-custom .dropdown-menu a[href*="sports-au-collegial"] { background-image: url(/upload/collegial/menu/sports-au-collegial.webp); } .navbar-custom .dropdown-menu a[href*="vie-etudiante"] { background-image: url(/upload/collegial/menu/vie-etudiante.webp); } .navbar-custom .dropdown-menu a[href*="visiter-le-collegial"] { background-image: url(/upload/collegial/menu/visiter-le-collegial.webp); } .navbar-custom .dropdown-menu a[href*="sante-et-bien-etre"] { background-image: url(/upload/collegial/menu/sante-et-bien-etre.webp); } .navbar-custom .dropdown-menu a[href*="cheminement-et-orientation"] { background-image: url(/upload/collegial/menu/cheminement-et-orientation.webp); } .navbar-custom .dropdown-menu a[href*="activites-sur-le-campus"] { background-image: url(/upload/collegial/menu/activites-sur-le-campus.webp); } .navbar-custom .dropdown-menu a[href*="comites-etudiants"] { background-image: url(/upload/collegial/menu/comites-etudiants.webp); } .navbar-custom .dropdown-menu a[href*="voyages"] { background-image: url(/upload/collegial/menu/voyages.webp); } .navbar-custom .dropdown-menu a.programmes-aec-home { background-image: url(/upload/formation-continue/menu/programmes-programmes.jpg); } .navbar-custom .dropdown-menu a[href*="programmes-aec/admission"] { background-image: url(/upload/formation-continue/menu/programmes-admission.jpg); } .navbar-custom .dropdown-menu a[href*="programmes-aec/services-aux-etudiants"] { background-image: url(/upload/formation-continue/menu/programmes-services-aux-etudiants.jpg); } .navbar-custom .dropdown-menu a[href*="programmes-aec/cours-en-ligne"] { background-image: url(/upload/formation-continue/menu/programmes-cours-en-ligne.jpg); } .navbar-custom .dropdown-menu a.service-aux-entreprises-home { background-image: url(/upload/formation-continue/menu/entreprises-formations.jpg); } .navbar-custom .dropdown-menu a[href*="service-aux-entreprises/offre-de-service"] { background-image: url(/upload/formation-continue/menu/entreprise-offre-service.jpg); } .navbar-custom .dropdown-menu a[href*="service-aux-entreprises/services-personnalises"] { background-image: url(/upload/formation-continue/menu/entreprises-services-personnalise.jpg); } .navbar-custom .dropdown-menu a[href*="service-aux-entreprises/cours-en-ligne"] { background-image: url(/upload/formation-continue/menu/entreprises-cours-en-ligne.jpg); } .navbar-custom .dropdown-menu a.perfectionnement-home { background-image: url(/upload/formation-continue/menu/perfectionnement-formations.jpg); } .navbar-custom .dropdown-menu a[href*="perfectionnement/formations-autoportantes"] { background-image: url(/upload/formation-continue/menu/perfectionnement-formations-autoportantes.jpg); } .navbar-custom .dropdown-menu a[href*="perfectionnement/formateurs"] { background-image: url(/upload/formation-continue/menu/perfectionnement-formateurs.jpg); } .navbar-custom .dropdown-menu a[href*="perfectionnement/cours-en-ligne"] { background-image: url(/upload/formation-continue/menu/perfectionnement-cours-en-ligne.jpg); } }

/*** Nav collapse from right offcanvas-collapse - https://getbootstrap.com/docs/4.0/examples/offcanvas/ ***/
@media (max-width: 992px) { html, body { overflow-x: hidden; /* Prevent scroll on narrow devices */ } }

@media (max-width: 992px) { .navbar-collapse.offcanvas-collapse { top: 0px; /* Height of navbar */ width: 100%; transform: translateX(100%); padding: 25px 25px 25px 25px; margin: 0; position: absolute; left: 0; top: 0; overflow-y: auto; transition: transform .25s ease-out; transform: translateX(101%); z-index: 1; /* position: absolute; left: 0; width: 110%; margin-right: -15px; margin-left: -15px; overflow-y: auto; transition: transform .3s ease-in-out; transform: translateX(100%); */ /* position : fixed; bottom: 0; width: 100%; padding-right: 1rem; padding-left: 1rem; */ } .navbar-collapse.offcanvas-collapse.collapse:not(.show), .navbar-collapse.offcanvas-collapse.collapsing { display: block; } .navbar-collapse.offcanvas-collapse.show, .navbar-collapse.offcanvas-collapse.in { transform: translateX(0px); } }

#nav-medias-sociaux { position: absolute; z-index: 1; top: 26px; right: 0; transition: all 500ms ease-out; }

@media (min-width: 1201px) { #nav-medias-sociaux a { padding: 8px; display: inline-block; } .small-header #nav-medias-sociaux { top: 5px; } #nav-medias-sociaux .linkedin { display: inline-block; margin-top: 1px; } }

@media (max-width: 1200px) { #nav-medias-sociaux { top: 150px; z-index: -1; background-color: rgba(51, 51, 51, 0.5); } #nav-medias-sociaux:hover { background-color: #333333; } .small-header #nav-medias-sociaux { background-color: rgba(51, 51, 51, 0.7); } .small-header #nav-medias-sociaux:hover { background-color: #333333; } .page-standard__sans-photo-top #nav-medias-sociaux { background-color: rgba(7, 57, 94, 0.5); } .page-standard__sans-photo-top #nav-medias-sociaux:hover { background-color: #07395e; } .small-header .page-standard__sans-photo-top #nav-medias-sociaux { background-color: rgba(7, 57, 94, 0.7); } #nav-medias-sociaux a { display: block; padding: 10px; border: 0; transition: all 500ms ease-out; } #nav-medias-sociaux a:hover { border: 0; /*transform: scale(1.1); transform-origin: center center;*/ } #nav-medias-sociaux a:last-child { padding-top: 0; } }

#nav-divisions { position: absolute; z-index: 10000; top: 14px; left: 0; transition: all 500ms ease-out; height: 100vh; }

.small-header #nav-divisions { top: 6px; }

#nav-divisions-bg { opacity: 0; }

.show #nav-divisions-bg { width: 120vw; height: calc(100vh + 25px); position: absolute; top: -25px; left: 0; z-index: -1; background: #000; -webkit-animation-name: nav-divisions-bg-anim; animation-name: nav-divisions-bg-anim; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@-webkit-keyframes nav-divisions-bg-anim { 0% { opacity: 0; }
  100% { opacity: 0.4; } }

@keyframes nav-divisions-bg-anim { 0% { opacity: 0; }
  100% { opacity: 0.4; } }

#nav-divisions-nav { position: absolute; z-index: 1; top: -14px; left: 0; transition: all 300ms ease-out; width: 300px; height: 100vh; text-align: left; padding: 60px 0 25px 0; background-color: #fff; transform: translateX(-300px); display: block; }

#nav-divisions-nav::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #fff url(/images/logo-seul-noir.svg) no-repeat right 200% bottom -50px; background-size: 120%; opacity: .07; }

#nav-divisions-nav.show, #nav-divisions-nav.in { transform: translateX(0px); -webkit-animation-name: none; animation-name: none; }

.small-header #nav-divisions-nav { top: -6px; }

#nav-divisions-nav .nav-divisions-nav__logo { position: absolute; top: 17px; left: 90px; z-index: 2; }

#nav-divisions-nav .nav-divisions-nav__logo a { padding: 0; }

#nav-divisions-nav .nav-divisions-nav__logo a:hover { background-color: transparent !important; }

#nav-divisions-nav ul { list-style: none; padding: 0; margin-top: 10px; position: relative; z-index: 2; }

#nav-divisions-nav a { display: block; padding: 15px 25px 15px 15px; font-size: 16px; text-transform: uppercase; }

/*** Rollover and active state ***/
@media (min-width: 992px) { body[data-section-id="programmes-aec"] .navbar-custom .navbar-nav > li > a[href*="#sub-nav-programmes-aec"], body[data-section-id="service-aux-entreprises"] .navbar-custom .navbar-nav > li > a[href*="#sub-nav-service-aux-entreprises"], body[data-section-id="perfectionnement"] .navbar-custom .navbar-nav > li > a[href*="#sub-nav-perfectionnement"], body[data-section-id="conferences"] .navbar-custom .navbar-nav > li > a[href*="/formation-continue/conferences-evenements/"] { color: #fff; position: relative; background-color: rgba(255, 255, 255, 0.1); } }

footer { clear: both; position: relative; margin-top: 50px; padding: 100px 0 50px 0; color: #fff; font-size: 1rem; line-height: 1.5rem; background-color: #333333; /*&::before { content: ""; position: absolute; left: 0; top: -50px; z-index: 1000; width: 100%; height: 94px; background: url(/images/assets/logo-seul.png) no-repeat center top / contain;  }*/ }

footer a, footer a:visited { color: #fff; text-decoration: none; }

footer a:hover, footer a:visited:hover { color: #fff; text-decoration: underline; }

footer ul { list-style-type: none; margin: 0; padding: 0; }

@media (min-width: 992px) { footer ul { margin-top: -10px; } }

@media (min-width: 992px) { footer li { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } }

footer li a { display: block; padding: 4px 12px; text-transform: uppercase; transition: all 500ms ease-out; font-size: .85rem; line-height: 1.2rem; text-decoration: none; }

@media (min-width: 992px) { footer li a { padding: 7px 12px; } }

footer li a:hover { background-color: rgba(255, 255, 255, 0.15); text-decoration: none; }

footer li:last-child, footer li.last { border-bottom: none; }

@media (min-width: 768px) { footer a.lien-invisible-md, footer a.lien-invisible-md:visited { color: #fff !important; text-decoration: none !important; } }

@media (min-width: 768px) { footer .container { max-width: 1400px; } }

footer .dropdown-menu__slogan { display: none !important; }

.footer-logo { margin-top: -50px; }

@media (max-width: 992px) { .footer-logo img { width: 185px; } }

@media (max-width: 768px) { .footer-links { border-top: 1px solid #fff; padding-top: 35px; } }

.footer-links li { visibility: visible !important; -webkit-animation-name: none !important; animation-name: none !important; }

.footer-links p { margin-bottom: 10px; }

#webmaster { display: none; }

body[data-section-id="accueil"] #webmaster { display: block; color: rgba(255, 255, 255, 0.7); }

body[data-section-id="accueil"] #webmaster a, body[data-section-id="accueil"] #webmaster a:visited { color: rgba(255, 255, 255, 0.7); }

/*
Pour icon - 23k supplementaire
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
*/
/****** Texte ******/
.texte-extra-jumbo { font-size: 4rem !important; line-height: 4.3rem !important; }

.texte-tres-tres-jumbo { font-size: 3.5rem !important; line-height: 3.7rem !important; }

.texte-tres-jumbo { font-size: 3rem !important; line-height: 3.3rem !important; }

.texte-jumbo { font-size: 2.4rem !important; line-height: 3rem !important; }

.texte-extra-gros { font-size: 2rem !important; line-height: 2.5rem !important; }

.texte-tres-tres-gros, h4, .h4 { font-size: 1.6rem !important; line-height: 2.2rem !important; }

.texte-tres-gros, h5, .h5 { font-size: 1.3rem !important; line-height: 1.8rem !important; }

.texte-gros, h6, .h6 { font-size: 1.1rem !important; line-height: 1.6rem !important; }

.texte-regulier { font-size: 1rem !important; line-height: 1.6rem !important; }

.texte-moyen, body[data-main-section-id="formation-continue"] .nouvelles-sur-accueil #nouvelles-sur-accueil__lien { font-size: .95rem !important; line-height: 1.3rem !important; }

.texte-petit, body[data-main-section-id="formation-continue"] .nouvelles-sur-accueil { font-size: .9rem !important; line-height: 1.2rem !important; }

.texte-tres-petit { font-size: .8rem !important; line-height: 1.2rem !important; }

.texte-tres-tres-petit { font-size: .7rem !important; line-height: 1.1rem !important; }

@media (min-width: 992px) { .texte-gros-lg { font-size: 1.2rem !important; line-height: 1.3rem !important; } }

@media (max-width: 576px) { .texte-extra-jumbo { font-size: 3rem !important; line-height: 3.3rem !important; } .texte-tres-tres-jumbo { font-size: 2.5rem !important; line-height: 2.9rem !important; } .texte-tres-jumbo { font-size: 2rem !important; line-height: 2.4rem !important; } .texte-jumbo { font-size: 2rem !important; line-height: 2.4rem !important; } .texte-extra-gros { font-size: 1.6rem !important; line-height: 2rem !important; } .texte-tres-tres-gros, h4, .h4 { font-size: 1.4rem !important; line-height: 1.8rem !important; } .texte-gros, h6, .h6 { font-size: 1rem !important; line-height: 1.3rem !important; } }

.texte-tres-tres-gros-responsive { font-size: 1.8rem !important; font-size: 12vw !important; line-height: 1.3rem !important; }

.texte-tres-gros-responsive { font-size: 1.4rem !important; font-size: 10vw !important; line-height: 1.3rem !important; }

.texte-gros-responsive { font-size: 1.2rem !important; font-size: 8vw !important; line-height: 1.3rem !important; }

.texte-moyen-responsive { font-size: 1.1rem !important; font-size: 6vw !important; line-height: 1.3rem !important; }

.texte-tres-petit-responsive { font-size: .8rem !important; font-size: 4vw !important; line-height: 1.3rem !important; }

.texte-tres-tres-petit-responsive { font-size: .8rem !important; font-size: 2vw !important; line-height: 1.7em !important; }

.line-height-point8 { line-height: .8rem !important; }

.line-height-point85 { line-height: .85rem !important; }

.line-height-point9 { line-height: .9rem !important; }

.line-height-point95 { line-height: .95rem !important; }

.line-height-1 { line-height: 1rem !important; }

.line-height-1-1 { line-height: 1.1rem !important; }

.line-height-1-2 { line-height: 1.2rem !important; }

.line-height-1-3 { line-height: 1.3rem !important; }

.texte-glyphicons { font-family: "Glyphicons Halflings"; }

.texte-cursif { font-family: 'Parisienne', cursive !important; font-size: 1.7rem; }

.texte-serif { font-family: 'Quattrocento', Georgia, 'Lucida Bright', Times !important; font-size: 1.7rem; }

.ombrage-texte { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4) !important; }

.ombrage-texte-glow { text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) !important; }

.ombrage-texte-fonce { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7) !important; }

.ombrage-texte-glow-fonce { text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7) !important; }

.sans-ombrage { text-shadow: none !important; box-shadow: none !important; -webkit-filter: none !important; filter: none !important; }

.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.texte-blanc { color: #fff !important; }

article .texte-blanc a, article .texte-blanc a:visited { color: #fff; }

article .texte-blanc a:hover, article .texte-blanc a:visited:hover { color: #fff; }

article .texte-blanc ul li::before { color: #fff; }

.texte-noir { color: #000 !important; }

.texte-bleu { color: #346094 !important; }

article .texte-bleu ul li::before { color: #346094 !important; }

.texte-bleu-pale { color: #8badd6 !important; }

article .texte-bleu-pale ul li::before { color: #8badd6 !important; }

.texte-rouge { color: #85151b !important; }

body[data-main-section-id="secondaire"] .texte-rouge { color: #D9272E !important; }

article .texte-rouge ul li::before { color: #85151b !important; }

body[data-main-section-id="secondaire"] article .texte-rouge ul li::before { color: #D9272E !important; }

.texte-rouge-du-secondaire { color: #D9272E !important; }

article .texte-rouge-du-secondaire ul li::before { color: #D9272E !important; }

.texte-pale { color: #ccc !important; }

.texte-fonce { color: #333 !important; }

.texte-couleur-regulier { color: #333333 !important; }

.texte-gris { color: #888888 !important; }

.sans-cesure { -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; }

.avec-cesure { -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; }

a.lien-invisible, a.lien-invisible:visited { color: #333333 !important; text-decoration: none !important; }

@media (min-width: 768px) { a.lien-invisible-md, a.lien-invisible-md:visited { color: #333333 !important; text-decoration: none !important; } }

a.lien-invisible-blanc, a.lien-invisible-blanc:visited { color: #fff !important; text-decoration: none !important; }

a.lien-blanc, a.lien-blanc:visited { color: #fff !important; text-decoration: underline !important; }

a.lien-blanc:hover, a.lien-blanc:hover:visited { color: #fff !important; text-decoration: none !important; }

.sans-souligne, .no-underline { text-decoration: none !important; }

.gras, .texte-gras, .bold { font-weight: 600 !important; }

.pas-de-gras, .texte-pas-de-gras, .no-bold { font-weight: 400 !important; }

.minuscule, .texte-minuscule, .no-caps { text-transform: none !important; }

.majuscule, .texte-majuscule, .caps { text-transform: uppercase !important; }

.texte-italique { font-style: italic !important; }

.texte-normal { font-style: normal !important; }

.texte-transform-none { text-transform: none !important; }

.texte-wrap { white-space: normal !important; }

.texte-nowrap { white-space: nowrap !important; }

.texte-bolder { font-weight: 800; }

/****** Alignements ******/
.aligne-gauche { text-align: left !important; }

.aligne-droite { text-align: right !important; }

.aligne-centre { text-align: center !important; margin-right: auto !important; margin-left: auto !important; }

.aligne-centre img { margin: 0 auto; }

/* Full width, sort du container - https://css-tricks.com/full-width-containers-limited-width-parents/ */
.full-width, .alignfull { width: 99.4vw; position: relative; margin-left: -49.9vw; left: 50%; /* margin-left: calc( -100vw/2 + 100%/2 ); margin-right: calc( -100vw/2 + 100%/2 ); max-width: 100vw; width: 100vw; width: calc( 100vw );*/ /* width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; */ }

.full-width > .row, .alignfull > .row { margin-left: 0 !important; margin-right: 0 !important; }

@media (max-width: 1200px) { .alignfull-xl { width: auto; max-width: 1000%; margin-right: calc(50% - 49.5vw) !important; margin-left: calc(50% - 49.5vw) !important; } .alignfull-xl > .row { margin-left: 0 !important; margin-right: 0 !important; } }

@media (max-width: 992px) { .alignfull-lg { width: auto; max-width: 1000%; margin-right: calc(50% - 49.5vw) !important; margin-left: calc(50% - 49.5vw) !important; } .alignfull-lg > .row { margin-left: 0 !important; margin-right: 0 !important; } }

.flottant-a-gauche { text-align: left; float: left; margin: 0 30px 30px 0; padding: 0; }

@media (max-width: 576px) { .flottant-a-gauche { width: 100%; height: auto; float: none; } }

.flottant-a-droite { text-align: right; float: right; margin: 0 0 30px 30px; padding: 0; }

@media (max-width: 576px) { .flottant-a-droite { width: 100%; height: auto; float: none; margin-left: 0; } }

.float-none { float: none !important; }

.visibility-hidden { visibility: hidden; }

.overflow-x-hidden { overflow-x: hidden; }

.overflow-y-hidden { overflow-y: hidden; }

/****** Bordures ******/
.bordure { border: 1px solid #333333 !important; }

.bordure-haut { border-top: 1px solid #333333 !important; }

.bordure-droite { border-right: 1px solid #333333 !important; }

.bordure-bas { border-bottom: 1px solid #333333 !important; }

.bordure-gauche { border-left: 1px solid #333333 !important; }

.bordure-0 { border-width: 0px !important; }

.bordure-2px { border-width: 2px !important; }

.bordure-3px { border-width: 3px !important; }

.bordure-4px { border-width: 4px !important; }

.bordure-5px { border-width: 5px !important; }

.bordure-6px { border-width: 6px !important; }

.bordure-7px { border-width: 7px !important; }

.bordure-8px { border-width: 8px !important; }

.bordure-9px { border-width: 9px !important; }

.bordure-10px { border-width: 10px !important; }

.bordure-15px { border-width: 15px !important; }

.bordure-20px { border-width: 20px !important; }

.bordure-25px { border-width: 25px !important; }

.bordure-30px { border-width: 30px !important; }

.bordure-35px { border-width: 35px !important; }

.bordure-40px { border-width: 40px !important; }

.bordure-45px { border-width: 45px !important; }

.bordure-50px { border-width: 50px !important; }

.bordure-blanche { border-color: #FFF !important; }

.bordure-noire { border-color: #FFF !important; }

.bordure-bleu { border-color: #346094 !important; }

.bordure-invisible { border-color: transparent !important; }

@media (max-width: 1200px) { .bordure-lg-0 { border: none !important; } }

@media (max-width: 992px) { .bordure-md-0 { border: none !important; } }

@media (max-width: 768px) { .bordure-sm-0 { border: none !important; } }

@media (max-width: 576px) { .bordure-xs-0 { border: none !important; } }

hr { color: #333333; background-color: #333333; height: 1px; clear: both; margin: 40px 0; border: 0; }

hr.hr--gris-pale { color: #f4f4f4; background-color: #f4f4f4; }

hr.hr--gris-moyen { color: #7f7f7f; background-color: #7f7f7f; }

hr.hr-avec-icon { position: relative; margin: 65px 0; }

hr.hr-avec-icon::before { content: ""; position: absolute; left: 0; top: -50px; height: 100px; width: 100%; background: url(/images/icon-theme2-brun.svg) no-repeat center center; background-size: contain; }

@media (min-width: 768px) { hr.hr-largeur-25 { max-width: 25%; } }

@media (min-width: 768px) { hr.hr-largeur-50 { max-width: 50%; } }

/****** Utiles ******/
/* Mise en page 2 colonnes */
@media (min-width: 576px) { .section-2-colonnes > .row > div[class*="col"]:first-child { text-align: left; } }

@media (min-width: 992px) { .section-2-colonnes > .row > div[class*="col"]:first-child { padding-right: 30px; } }

@media (min-width: 1200px) { .section-2-colonnes > .row > div[class*="col"]:first-child { padding-right: 40px; } }

@media (min-width: 576px) { .section-2-colonnes > .row > div[class*="col"]:last-child { text-align: left; } }

@media (min-width: 992px) { .section-2-colonnes > .row > div[class*="col"]:last-child { padding-left: 30px; } }

@media (min-width: 1200px) { .section-2-colonnes > .row > div[class*="col"]:last-child { padding-left: 40px; } }

/* Items répétables */
.liste-elements-repetables .cms-repeatable { border-top: 1px solid #f4f4f4; padding: 10px 0; position: relative; }

.liste-elements-repetables .cms-repeatable h1, .liste-elements-repetables .cms-repeatable h2, .liste-elements-repetables .cms-repeatable h3, .liste-elements-repetables .cms-repeatable h4, .liste-elements-repetables .cms-repeatable h5 { margin-top: 0; }

.liste-elements-repetables .cms-repeatable:last-child { border-bottom: 1px solid #f4f4f4; }

.liste-elements-repetables .cms-repeatable::after { content: ""; display: table; clear: both; }

.liste-elements-repetables .cms-repeatable p:last-child, .liste-elements-repetables .cms-repeatable ul:last-child, .liste-elements-repetables .cms-repeatable ol:last-child, .liste-elements-repetables .cms-repeatable .image-droite:last-child, .liste-elements-repetables .cms-repeatable .image-gauche:last-child { margin-bottom: 0; }

.liste-elements-repetables .cms-repeatable.row { margin-right: 0; margin-left: 0; }

.liste-elements-repetables .cms-repeatable.repeatable-sans-bordure { border-top: 0; }

.liste-elements-repetables .cms-repeatable.repeatable-sans-bordure:last-child { border-bottom: 0; }

/* Quand on veut creer un element repetable "gabarit", que les clients peuvent dupliquer 
Le dernier itrem repetable est masqué et il sert de gabarit*/
.repeatable-avec-gabarit .cms-repeatable:last-child { display: none; }

.is-cms .repeatable-avec-gabarit .cms-repeatable:last-child { opacity: .4; display: block; position: relative; }

.is-cms .repeatable-avec-gabarit .cms-repeatable:last-child::before { content: "INACTIF"; position: absolute; right: 0; top: 0; padding: 5px; background: red; color: white; }

/* Pour un cas de liste-elements-repetables en 2 colonnes: empêche de voir une ligne de 2px sur mobile */
@media (max-width: 992px) { .liste-elements-repetables .col-lg-6:last-child { margin-top: -1px; } }

/*** Tableaux ***/
.table.table-bordered { border: none; }

.table.table-bordered tbody { border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; border-left: 1px solid #dee2e6; }

.table.table-bordered thead th { background-color: #07395e; border: 1px solid #07395e; border: none; color: #fff; padding: 5px 10px; font-weight: normal; }

body[data-main-section-id="collegial"] .table.table-bordered thead th { background-color: #414b55; border: 1px solid #414b55; }

.table.table-borderless, .table.table-borderless tr, .table.table-borderless th, .table.table-borderless td { border: none; }

.table.table-borderless tr td:last-child { padding-bottom: 1rem; }

/**** Tableau dont les cellules saute de ligne sur mobile, facile à éditer pour le client ****/
@media (max-width: 767px) { .tableau-blocs tr { border-bottom: 1px solid #dee2e6; } }

.tableau-blocs tr td { padding: 0; }

@media (max-width: 767px) { .tableau-blocs tr td { display: block; width: 100%; height: auto; border-top: none; border-bottom: none; } .tableau-blocs tr td:last-child { padding-bottom: 1rem; } }

.tableau-blocs.table-bordered tr td { padding: 8px 10px; }

@media (max-width: 767px) { .tableau-blocs.table-bordered tr td { border-left: none; } .tableau-blocs.table-bordered tr td:last-child { padding-top: 0; } }

@media (max-width: 767px) { .tableau-blocs.table-bordered.tableau-blocs--2colonnes tr td:first-child { padding-bottom: 0; } .tableau-blocs.table-bordered.tableau-blocs--2colonnes tr td:last-child { padding-top: 0; } .tableau-blocs.table-bordered.tableau-blocs--3colonnes tr td:nth-child(1) { padding-bottom: 0; } .tableau-blocs.table-bordered.tableau-blocs--3colonnes tr td:nth-child(2) { padding-top: 0; padding-bottom: 0; } .tableau-blocs.table-bordered.tableau-blocs--3colonnes tr td:last-child { padding-top: 0; } .tableau-blocs.table-bordered.tableau-blocs--4colonnes tr td:nth-child(1) { padding-bottom: 0; } .tableau-blocs.table-bordered.tableau-blocs--4colonnes tr td:nth-child(2), .tableau-blocs.table-bordered.tableau-blocs--4colonnes tr td:nth-child(3) { padding-top: 0; padding-bottom: 0; } .tableau-blocs.table-bordered.tableau-blocs--4colonnes tr td:last-child { padding-top: 0; } }

@media (min-width: 768px) { .tableau-blocs--2colonnes tr td, .tableau-blocs--3colonnes tr td, .tableau-blocs--4colonnes tr td { padding: 8px 10px; } .tableau-blocs--2colonnes tr td:last-child, .tableau-blocs--3colonnes tr td:last-child, .tableau-blocs--4colonnes tr td:last-child { padding: 0; } }

.ombrage { -webkit-filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.5)); transition: all 500ms ease-out; }

a.ombrage:hover { -webkit-filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.2)); transform: scale3d(1.02, 1.02, 1.02); }

.ombrage-leger { -webkit-filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.25)); transition: all 500ms ease-out; }

.rollover-bordure { position: relative; transition: all 500ms ease-out; display: inline-block; }

.rollover-bordure::before { content: ""; width: 110%; height: 110%; position: absolute; top: -5%; left: -5%; border: 1px solid #333333; transition: all 500ms ease-out; -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%); }

.rollover-bordure:hover::before { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.rollover-bordure.rollover-bordure--rond::before { border-radius: 50%; }

.rollover-bordure.rollover-bordure--blanc::before { border: 1px solid #fff; }

.rollover-opacite, .rollover-opacite-fort, rollover-opacite-faible { transition: all .3s; opacity: 1; }

.rollover-opacite:hover { opacity: .5; }

.rollover-opacite-fort:hover { opacity: .3; }

.rollover-opacite-faible:hover { opacity: .75; }

.rollover-zoom { transition: all .3s; }

.rollover-zoom:hover { transform: scale(1.1); }

.rollover-encadre-blanc { position: relative; display: inline-block; transition: all .3s; }

.rollover-encadre-blanc::before { content: ""; width: 88%; height: 76%; position: absolute; top: 8%; left: 6%; transition: all .3s; transform: scaleY(0); opacity: 1; transform-origin: top center; border: 1px solid #fff; }

.rollover-encadre-blanc:hover::before { transform: scaleY(1); }

.rollover-zoom-background { /** Appliquer sur un conteneur : a, div, span **/ display: inline-block; overflow: hidden; }

.rollover-zoom-background img { transition: all .3s; }

.rollover-zoom-background:hover img { transform: scale(1.07); }

.invisible { visibility: hidden !important; }

.is-cms .invisible { visibility: visible !important; opacity: .4; }

.invisible-complet { display: none !important; }

.is-cms .invisible-complet { display: block !important; opacity: .4; }

.is-cms .invisible-dans-surreal { display: none !important; }

.is-cms .visible-dans-surreal { display: block !important; }

/* Show les Wow dans Surreal */
.is-cms .wow { display: block; opacity: 1; visibility: visible; }

/* Show un outline quand un repeatable est sélectionné */
.is-cms .cms-repeatable[data-mce-selected="true"] { outline: 1px dashed red; }

/****** Listes ******/
ul.liste-espace-plus-grand li, ol.liste-espace-plus-grand li { margin-bottom: 20px; }

ul.liste-sans-espace li, ol.liste-sans-espace li { margin-bottom: 0; }

p + ul.liste-sans-espace, p + ol.liste-sans-espace { margin-top: -1rem; }

ul.liste-sans-bullet li::before { display: none; }

ul.liste-sans-bullet li::before { display: none; }

ul.liste-fleche li{
   display: flex; align-items: flex-start; 
}
ul.liste-fleche li::before {
   content: ""; position: relative; max-width: none; max-height: none; font-size: 25px; line-height: 25px; float: none; margin: 2px 8px 0 0;
   background-image: url('/assets/images/icon-fleche-droite-rond-blanc.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px;
   display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; flex-shrink: 0;
}

/****** Fonds ******/
.fond-blanc { background-color: #fff; }

.fond-couleur { background-color: #333333; }

.fond-rouge { background-color: #85151b; }

body[data-main-section-id="secondaire"] .fond-rouge { background-color: #D9272E; }

.fond-rouge-fonce { background-color: #661015; }

.fond-rouge-du-secondaire { background-color: #D9272E; }

.fond-vert-du-secondaire { background-color: #097074; }

.fond-jaune-du-secondaire { background-color: #e5a417; }

body[data-main-section-id="secondaire"] .fond-jaune { background-color: #e5a417; }

.fond-bleu { background-color: #346094; }

body[data-main-section-id="collegial"] .fond-bleu { background-color: #414b55; }

.fond-bleu-fonce { background-color: #07395e; }

body[data-main-section-id="collegial"] .fond-bleu-fonce { background-color: #414b55; }

.fond-bleu-pale { background-color: #8badd6; }

.fond-bleu-tres-pale { background-color: #d6e2f1; }

.fond-pale, .fond-gris-pale { background-color: #f4f4f4; }

.fond-gris { background-color: #7f7f7f; }

.fond-fonce, .fond-gris-fonce { background-color: #333333; }

/* new 2023-11 */
.fond-gris-pale-collegial { background-color: #eeebed !important; }

.fond-vert-collegial { background-color: #666b59 !important; }

.fond-vert-pale-collegial { background-color: #a6b6a8 !important; }

.fond-beige-collegial { background-color: #dbd5cc !important; }

.fond-beige-fonce-collegial { background-color: #bd9c74 !important; }

.fond-rouge-brun-collegial { background-color: #954631 !important; }

.fond-bleu-collegial { background-color: #414b55 !important; }

.fond-gris-fonce, .fond-fonce, .fond-bleu-fonce, .fond-couleur, .fond-rouge, .fond-rouge-fonce, .fond-rouge-du-secondaire, .fond-vert-du-secondaire, .fond-bleu, .fond-jaune, .fond-bleu-fonce, .fond-vert-collegial, .fond-vert-pale-collegial, .fond-beige-fonce-collegial, .fond-rouge-brun-collegial, .fond-bleu-collegial { color: #fff; }

article .fond-gris-fonce a, article .fond-gris-fonce a:visited, article .fond-fonce a, article .fond-fonce a:visited, article .fond-bleu-fonce a, article .fond-bleu-fonce a:visited, article .fond-couleur a, article .fond-couleur a:visited, article .fond-rouge a, article .fond-rouge a:visited, article .fond-rouge-fonce a, article .fond-rouge-fonce a:visited, article .fond-rouge-du-secondaire a, article .fond-rouge-du-secondaire a:visited, article .fond-vert-du-secondaire a, article .fond-vert-du-secondaire a:visited, article .fond-bleu a, article .fond-bleu a:visited, article .fond-jaune a, article .fond-jaune a:visited, article .fond-bleu-fonce a, article .fond-bleu-fonce a:visited, article .fond-vert-collegial a, article .fond-vert-collegial a:visited, article .fond-vert-pale-collegial a, article .fond-vert-pale-collegial a:visited, article .fond-beige-fonce-collegial a, article .fond-beige-fonce-collegial a:visited, article .fond-rouge-brun-collegial a, article .fond-rouge-brun-collegial a:visited, article .fond-bleu-collegial a, article .fond-bleu-collegial a:visited { color: #fff; }

article .fond-gris-fonce a:hover, article .fond-gris-fonce a:visited:hover, article .fond-fonce a:hover, article .fond-fonce a:visited:hover, article .fond-bleu-fonce a:hover, article .fond-bleu-fonce a:visited:hover, article .fond-couleur a:hover, article .fond-couleur a:visited:hover, article .fond-rouge a:hover, article .fond-rouge a:visited:hover, article .fond-rouge-fonce a:hover, article .fond-rouge-fonce a:visited:hover, article .fond-rouge-du-secondaire a:hover, article .fond-rouge-du-secondaire a:visited:hover, article .fond-vert-du-secondaire a:hover, article .fond-vert-du-secondaire a:visited:hover, article .fond-bleu a:hover, article .fond-bleu a:visited:hover, article .fond-jaune a:hover, article .fond-jaune a:visited:hover, article .fond-bleu-fonce a:hover, article .fond-bleu-fonce a:visited:hover, article .fond-vert-collegial a:hover, article .fond-vert-collegial a:visited:hover, article .fond-vert-pale-collegial a:hover, article .fond-vert-pale-collegial a:visited:hover, article .fond-beige-fonce-collegial a:hover, article .fond-beige-fonce-collegial a:visited:hover, article .fond-rouge-brun-collegial a:hover, article .fond-rouge-brun-collegial a:visited:hover, article .fond-bleu-collegial a:hover, article .fond-bleu-collegial a:visited:hover { color: #fff; }

article .fond-gris-fonce ul li::before, article .fond-gris-fonce h2, article .fond-gris-fonce h3, article .fond-fonce ul li::before, article .fond-fonce h2, article .fond-fonce h3, article .fond-bleu-fonce ul li::before, article .fond-bleu-fonce h2, article .fond-bleu-fonce h3, article .fond-couleur ul li::before, article .fond-couleur h2, article .fond-couleur h3, article .fond-rouge ul li::before, article .fond-rouge h2, article .fond-rouge h3, article .fond-rouge-fonce ul li::before, article .fond-rouge-fonce h2, article .fond-rouge-fonce h3, article .fond-rouge-du-secondaire ul li::before, article .fond-rouge-du-secondaire h2, article .fond-rouge-du-secondaire h3, article .fond-vert-du-secondaire ul li::before, article .fond-vert-du-secondaire h2, article .fond-vert-du-secondaire h3, article .fond-bleu ul li::before, article .fond-bleu h2, article .fond-bleu h3, article .fond-jaune ul li::before, article .fond-jaune h2, article .fond-jaune h3, article .fond-bleu-fonce ul li::before, article .fond-bleu-fonce h2, article .fond-bleu-fonce h3, article .fond-vert-collegial ul li::before, article .fond-vert-collegial h2, article .fond-vert-collegial h3, article .fond-vert-pale-collegial ul li::before, article .fond-vert-pale-collegial h2, article .fond-vert-pale-collegial h3, article .fond-beige-fonce-collegial ul li::before, article .fond-beige-fonce-collegial h2, article .fond-beige-fonce-collegial h3, article .fond-rouge-brun-collegial ul li::before, article .fond-rouge-brun-collegial h2, article .fond-rouge-brun-collegial h3, article .fond-bleu-collegial ul li::before, article .fond-bleu-collegial h2, article .fond-bleu-collegial h3 { color: #fff !important; }

article .fond-gris-fonce hr, article .fond-fonce hr, article .fond-bleu-fonce hr, article .fond-couleur hr, article .fond-rouge hr, article .fond-rouge-fonce hr, article .fond-rouge-du-secondaire hr, article .fond-vert-du-secondaire hr, article .fond-bleu hr, article .fond-jaune hr, article .fond-bleu-fonce hr, article .fond-vert-collegial hr, article .fond-vert-pale-collegial hr, article .fond-beige-fonce-collegial hr, article .fond-rouge-brun-collegial hr, article .fond-bleu-collegial hr { color: #fff; background-color: #fff; }

.fond-rouge h1, .fond-rouge h2, .fond-rouge h3, .fond-rouge-fonce h1, .fond-rouge-fonce h2, .fond-rouge-fonce h3, .fond-rouge-du-secondaire h1, .fond-rouge-du-secondaire h2, .fond-rouge-du-secondaire h3, .fond-bleu h1, .fond-bleu h2, .fond-bleu h3, .fond-jaune h1, .fond-jaune h2, .fond-jaune h3, .fond-bleu-fonce h1, .fond-bleu-fonce h2, .fond-bleu-fonce h3, .fond-gris-fonce h1, .fond-gris-fonce h2, .fond-gris-fonce h3 { font-weight: 700; }

.fond-rouge h1:first-child, .fond-rouge h2:first-child, .fond-rouge h3:first-child, .fond-rouge-fonce h1:first-child, .fond-rouge-fonce h2:first-child, .fond-rouge-fonce h3:first-child, .fond-rouge-du-secondaire h1:first-child, .fond-rouge-du-secondaire h2:first-child, .fond-rouge-du-secondaire h3:first-child, .fond-bleu h1:first-child, .fond-bleu h2:first-child, .fond-bleu h3:first-child, .fond-jaune h1:first-child, .fond-jaune h2:first-child, .fond-jaune h3:first-child, .fond-bleu-fonce h1:first-child, .fond-bleu-fonce h2:first-child, .fond-bleu-fonce h3:first-child, .fond-gris-fonce h1:first-child, .fond-gris-fonce h2:first-child, .fond-gris-fonce h3:first-child { margin-top: 0; }

.fond-gris-pale h1, .fond-gris-pale h2, .fond-gris-pale h3, .fond-jaune h1, .fond-jaune h2, .fond-jaune h3 { color: #333333 !important; }

.fond-gris-pale h1:first-child, .fond-gris-pale h2:first-child, .fond-gris-pale h3:first-child, .fond-jaune h1:first-child, .fond-jaune h2:first-child, .fond-jaune h3:first-child { margin-top: 0; }

.fond-noir-opacite-10 .table th, .fond-noir-opacite-10 .table td { border-top: 1px solid #b4b3b3; }

.fond-noir-opacite-10 .table { border-bottom: 1px solid #b4b3b3; }

.fond-noir-opacite-5 { background-color: rgba(0, 0, 0, 0.05); }

.fond-noir-opacite-10 { background-color: rgba(0, 0, 0, 0.1); }

.fond-noir-opacite-15 { background-color: rgba(0, 0, 0, 0.15); }

.fond-noir-opacite-25 { background-color: rgba(0, 0, 0, 0.25); }

.fond-noir-opacite-50 { background-color: rgba(0, 0, 0, 0.5); }

.fond-noir-opacite-75 { background-color: rgba(0, 0, 0, 0.75); }

.fond-blanc-opacite-5 { background-color: rgba(255, 255, 255, 0.05); }

.fond-blanc-opacite-10 { background-color: rgba(255, 255, 255, 0.1); }

.fond-blanc-opacite-15 { background-color: rgba(255, 255, 255, 0.15); }

.fond-blanc-opacite-25 { background-color: rgba(255, 255, 255, 0.25); }

.fond-blanc-opacite-50 { background-color: rgba(255, 255, 255, 0.5); }

.fond-blanc-opacite-75 { background-color: rgba(255, 255, 255, 0.75); }

article [class*='fond-'] p:last-child, article .bordure p:last-child { margin-bottom: 0; }

.opacite-0 { opacity: 0; }

.opacite-10 { opacity: 0.1; }

.opacite-20 { opacity: 0.2; }

.opacite-30 { opacity: 0.3; }

.opacite-40 { opacity: 0.4; }

.opacite-50 { opacity: 0.5; }

.opacite-60 { opacity: 0.6; }

.opacite-70 { opacity: 0.7; }

.opacite-80 { opacity: 0.8; }

.opacite-90 { opacity: 0.9; }

/****** Boutons ******/
.btn { position: relative; z-index: 1; overflow: hidden; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; font-size: inherit; line-height: inherit; padding-top: 8px; padding-bottom: 8px; background-color: #333333; color: #fff !important; }

.btn__content { position: relative; z-index: 2; }

.btn-encadre, a.btn.btn-encadre, .btn-encadre:visited, a.btn.btn-encadre:visited { color: #fff !important; background-color: #333333; text-decoration: none; text-transform: uppercase; border: 5px solid #333333; transition: all 200ms ease-out; padding: 13px 40px; position: relative; line-height: 1.2rem; }

.btn-encadre::before, a.btn.btn-encadre::before, .btn-encadre:visited::before, a.btn.btn-encadre:visited::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.5); transition: all 200ms ease-out; }

.btn-encadre:not(.btn-sans-rollover):hover, a.btn.btn-encadre:not(.btn-sans-rollover):hover, .btn-encadre:visited:not(.btn-sans-rollover):hover, a.btn.btn-encadre:visited:not(.btn-sans-rollover):hover { border: 5px solid #333333 !important; color: #333333 !important; background-color: #fff !important; }

.btn-encadre:not(.btn-sans-rollover):hover::after, a.btn.btn-encadre:not(.btn-sans-rollover):hover::after, .btn-encadre:visited:not(.btn-sans-rollover):hover::after, a.btn.btn-encadre:visited:not(.btn-sans-rollover):hover::after { transform: scale(23) translateX(1%); }

.btn-gris, a.btn.btn-gris, .btn-gris:visited, a.btn.btn-gris:visited { color: #fff !important; background-color: #333333; border-color: #333333; }

.btn-gris:hover, a.btn.btn-gris:hover, .btn-gris:visited:hover, a.btn.btn-gris:visited:hover { background-color: #fff !important; border-color: #333333 !important; color: #333333 !important; }

.btn-noir, a.btn.btn-noir, .btn-noir:visited, a.btn.btn-noir:visited { color: #fff !important; background-color: #000; border-color: #000; }

.btn-noir:hover, a.btn.btn-noir:hover, .btn-noir:visited:hover, a.btn.btn-noir:visited:hover { background-color: #fff !important; border-color: #000 !important; color: #000 !important; }

.btn-bleu, a.btn.btn-bleu, .btn-bleu:visited, a.btn.btn-bleu:visited { color: #fff !important; background-color: #346094; border-color: #346094; }

.btn-bleu:hover, a.btn.btn-bleu:hover, .btn-bleu:visited:hover, a.btn.btn-bleu:visited:hover { background-color: #fff !important; border-color: #346094 !important; color: #346094 !important; }

body[data-main-section-id="collegial"] .btn-bleu:hover, body[data-main-section-id="collegial"] a.btn.btn-bleu:hover, body[data-main-section-id="collegial"] .btn-bleu:visited:hover, body[data-main-section-id="collegial"] a.btn.btn-bleu:visited:hover { border-color: #414b55 !important; color: #414b55 !important; }

body[data-main-section-id="collegial"] .btn-bleu, body[data-main-section-id="collegial"] a.btn.btn-bleu, body[data-main-section-id="collegial"] .btn-bleu:visited, body[data-main-section-id="collegial"] a.btn.btn-bleu:visited { background-color: #414b55; border-color: #414b55; }

.btn-bleu-fonce, a.btn.btn-bleu-fonce, .btn-bleu-fonce:visited, a.btn.btn-bleu-fonce:visited { color: #fff !important; background-color: #07395e; border-color: #07395e; }

.btn-bleu-fonce:hover, a.btn.btn-bleu-fonce:hover, .btn-bleu-fonce:visited:hover, a.btn.btn-bleu-fonce:visited:hover { background-color: #fff !important; border-color: #07395e !important; color: #07395e !important; }

.btn-rouge, a.btn.btn-rouge, .btn-rouge:visited, a.btn.btn-rouge:visited { color: #fff !important; background-color: #85151b; border-color: #85151b; }

.btn-rouge:not(.btn-sans-rollover):hover, a.btn.btn-rouge:not(.btn-sans-rollover):hover, .btn-rouge:visited:not(.btn-sans-rollover):hover, a.btn.btn-rouge:visited:not(.btn-sans-rollover):hover { background-color: #fff !important; border-color: #85151b !important; color: #85151b !important; }

body[data-main-section-id="secondaire"] .btn-rouge:not(.btn-sans-rollover):hover, body[data-main-section-id="secondaire"] a.btn.btn-rouge:not(.btn-sans-rollover):hover, body[data-main-section-id="secondaire"] .btn-rouge:visited:not(.btn-sans-rollover):hover, body[data-main-section-id="secondaire"] a.btn.btn-rouge:visited:not(.btn-sans-rollover):hover { border-color: #D9272E !important; color: #D9272E !important; }

body[data-main-section-id="collegial"] .btn-rouge:not(.btn-sans-rollover):hover, body[data-main-section-id="collegial"] a.btn.btn-rouge:not(.btn-sans-rollover):hover, body[data-main-section-id="collegial"] .btn-rouge:visited:not(.btn-sans-rollover):hover, body[data-main-section-id="collegial"] a.btn.btn-rouge:visited:not(.btn-sans-rollover):hover { border-color: #954631 !important; color: #954631 !important; }

body[data-main-section-id="secondaire"] .btn-rouge, body[data-main-section-id="secondaire"] a.btn.btn-rouge, body[data-main-section-id="secondaire"] .btn-rouge:visited, body[data-main-section-id="secondaire"] a.btn.btn-rouge:visited { background-color: #D9272E; border-color: #D9272E; }

body[data-main-section-id="collegial"] .btn-rouge, body[data-main-section-id="collegial"] a.btn.btn-rouge, body[data-main-section-id="collegial"] .btn-rouge:visited, body[data-main-section-id="collegial"] a.btn.btn-rouge:visited { background-color: #954631; border-color: #954631; }

.btn-rouge-fonce, a.btn.btn-rouge-fonce, .btn-rouge-fonce:visited, a.btn.btn-rouge-fonce:visited { color: #fff !important; background-color: #661015; border-color: #661015; }

.btn-rouge-fonce:hover, a.btn.btn-rouge-fonce:hover, .btn-rouge-fonce:visited:hover, a.btn.btn-rouge-fonce:visited:hover { background-color: #fff !important; border-color: #661015 !important; color: #661015 !important; }

body[data-main-section-id="collegial"] .btn-beige, body[data-main-section-id="collegial"] a.btn.btn-beige, body[data-main-section-id="collegial"] .btn-beige:visited, body[data-main-section-id="collegial"] a.btn.btn-beige:visited { color: #fff !important; background-color: #bd9c74; border-color: #bd9c74; }

body[data-main-section-id="collegial"] .btn-beige:not(.btn-sans-rollover):hover, body[data-main-section-id="collegial"] a.btn.btn-beige:not(.btn-sans-rollover):hover, body[data-main-section-id="collegial"] .btn-beige:visited:not(.btn-sans-rollover):hover, body[data-main-section-id="collegial"] a.btn.btn-beige:visited:not(.btn-sans-rollover):hover { background-color: #fff !important; border-color: #bd9c74 !important; color: #bd9c74 !important; }

.btn-jaune-fonce, a.btn.btn-jaune-fonce, .btn-jaune-fonce:visited, a.btn.btn-jaune-fonce:visited { background-color: #a76926; border-color: #a76926; }

.btn-jaune-fonce:hover, a.btn.btn-jaune-fonce:hover, .btn-jaune-fonce:visited:hover, a.btn.btn-jaune-fonce:visited:hover { background-color: #fff !important; border-color: #a76926 !important; color: #a76926 !important; }

body[data-main-section-id="secondaire"] .btn-jaune-fonce:hover, body[data-main-section-id="secondaire"] a.btn.btn-jaune-fonce:hover, body[data-main-section-id="secondaire"] .btn-jaune-fonce:visited:hover, body[data-main-section-id="secondaire"] a.btn.btn-jaune-fonce:visited:hover { border-color: #e5a417 !important; color: #e5a417 !important; }

body[data-main-section-id="secondaire"] .btn-jaune-fonce, body[data-main-section-id="secondaire"] a.btn.btn-jaune-fonce, body[data-main-section-id="secondaire"] .btn-jaune-fonce:visited, body[data-main-section-id="secondaire"] a.btn.btn-jaune-fonce:visited { background-color: #e5a417; border-color: #e5a417; }

.btn-vert, a.btn.btn-vert, .btn-vert:visited, a.btn.btn-vert:visited { color: #fff !important; background-color: #097074; border-color: #097074; }

.btn-vert:hover, a.btn.btn-vert:hover, .btn-vert:visited:hover, a.btn.btn-vert:visited:hover { background-color: #fff !important; border-color: #097074 !important; color: #097074 !important; }

body[data-main-section-id="secondaire"] .btn-vert:hover, body[data-main-section-id="secondaire"] a.btn.btn-vert:hover, body[data-main-section-id="secondaire"] .btn-vert:visited:hover, body[data-main-section-id="secondaire"] a.btn.btn-vert:visited:hover { border-color: #097074 !important; color: #097074 !important; }

body[data-main-section-id="collegial"] .btn-vert:hover, body[data-main-section-id="collegial"] a.btn.btn-vert:hover, body[data-main-section-id="collegial"] .btn-vert:visited:hover, body[data-main-section-id="collegial"] a.btn.btn-vert:visited:hover { border-color: #666b59 !important; color: #666b59 !important; }

body[data-main-section-id="collegial"] .btn-vert, body[data-main-section-id="collegial"] a.btn.btn-vert, body[data-main-section-id="collegial"] .btn-vert:visited, body[data-main-section-id="collegial"] a.btn.btn-vert:visited { background-color: #666b59 !important; border-color: #666b59 !important; }

.btn-vert-pale, a.btn.btn-vert-pale, .btn-vert-pale:visited, a.btn.btn-vert-pale:visited { color: #fff !important; background-color: #18b271; border-color: #18b271; }

.btn-vert-pale:hover, a.btn.btn-vert-pale:hover, .btn-vert-pale:visited:hover, a.btn.btn-vert-pale:visited:hover { background-color: #fff !important; border-color: #18b271 !important; color: #18b271 !important; }

body[data-main-section-id="secondaire"] .btn-vert-pale:hover, body[data-main-section-id="secondaire"] a.btn.btn-vert-pale:hover, body[data-main-section-id="secondaire"] .btn-vert-pale:visited:hover, body[data-main-section-id="secondaire"] a.btn.btn-vert-pale:visited:hover { border-color: #18b271 !important; color: #18b271 !important; }

body[data-main-section-id="collegial"] .btn-vert-pale:hover, body[data-main-section-id="collegial"] a.btn.btn-vert-pale:hover, body[data-main-section-id="collegial"] .btn-vert-pale:visited:hover, body[data-main-section-id="collegial"] a.btn.btn-vert-pale:visited:hover { border-color: #a6b6a8 !important; color: #666b59 !important; }

body[data-main-section-id="collegial"] .btn-vert-pale, body[data-main-section-id="collegial"] a.btn.btn-vert-pale, body[data-main-section-id="collegial"] .btn-vert-pale:visited, body[data-main-section-id="collegial"] a.btn.btn-vert-pale:visited { background-color: #a6b6a8 !important; border-color: #a6b6a8 !important; }

.btn-blanc, a.btn.btn-blanc, .btn-blanc:visited, a.btn.btn-blanc:visited { color: #333 !important; background-color: #fff; text-decoration: none; text-transform: uppercase; }

.btn-blanc:hover, a.btn.btn-blanc:hover, .btn-blanc:visited:hover, a.btn.btn-blanc:visited:hover { color: #333 !important; background-color: #fff; }

.btn-contour-blanc, a.btn.btn-contour-blanc, .btn-contour-blanc:visited, a.btn.btn-contour-blanc:visited { color: #fff !important; background-color: transparent; text-decoration: none; text-transform: uppercase; border: 1px solid #fff; }

.btn-contour-blanc:hover, a.btn.btn-contour-blanc:hover, .btn-contour-blanc:visited:hover, a.btn.btn-contour-blanc:visited:hover { border: 1px solid #fff !important; color: #333 !important; background-color: #fff; }

/* new 2023-11 */
.btn-contour-noir, a.btn.btn-contour-noir, .btn-contour-noir:visited, a.btn.btn-contour-noir:visited { color: #000 !important; background-color: transparent; text-decoration: none; text-transform: uppercase; border: 1px solid #000; }

.btn-contour-noir:hover, a.btn.btn-contour-noir:hover, .btn-contour-noir:visited:hover, a.btn.btn-contour-noir:visited:hover { border: 1px solid #000 !important; color: #fff !important; background-color: #000; }

/****** Bouton avec une icon - Icon a gauche, a droite, au-dessus ou en-dessous ******/
.btn-avec-icon { text-decoration: none; background-color: transparent; border: 4px solid transparent; padding-top: 10px; }

.btn-avec-icon:hover { border: 4px dashed #f4f4f4; }

.btn-avec-icon:hover img { transform: scale(1.05); }

.btn-avec-icon--gauche > span, .btn-avec-icon--droite > span { display: flex; align-items: center; }

.btn-avec-icon--gauche img, .btn-avec-icon--droite img { display: inline-block; margin-right: 10px; width: auto; height: 40px; transition: all 500ms ease-out; }

.btn-avec-icon--droite img { margin-left: 10px; margin-right: 0; }

.btn-avec-icon--dessus img, .btn-avec-icon--dessous img { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: auto; height: 60px; transition: all 500ms ease-out; }

.btn-avec-icon--dessous img { margin-top: 10px; margin-bottom: 0; }

/****** Bouton vedette ******/
.card, .card-img { border: none; border-radius: 0; }

.is-cms .card-img-overlay { height: 50%; }

.card.btn-vedette { text-decoration: none; background: none; border: none; transition: all .3s; max-width: 450px; color: #fff; text-align: center; font-size: 1.3rem; border-radius: 0; position: relative; overflow: hidden; margin-right: 20px; margin-left: 20px; }

.card.btn-vedette img { transition: all .3s; }

.card.btn-vedette:hover { color: #fff; }

.card.btn-vedette:hover .card-body::before { transform: scale(1); opacity: 1; }

.card.btn-vedette:hover .card-img-top::before { transform: translate(-10%, 32%) scale(1.5); }

.card.btn-vedette:hover img { transform: scale(1.07); }

.card.btn-vedette:hover .card-text::before { transform: translateX(5px); }

.card.btn-vedette .card-img-top { overflow: hidden; border-radius: 0; position: relative; -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.7)); filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.7)); border: 10px solid #fff; /* Pour les images du template qui seront remplacées par le client (SurrealCMS), Conteneur responsive pour la photo. Vient faire un crop, vient masquer la photo, pour toujours garder le même ratio de photo. https://stackoverflow.com/questions/26918335/css-responsive-div-when-height-is-set-in-pixels */ }

.card.btn-vedette .card-img-top::before { content: ""; position: absolute; top: 0; left: 0; z-index: 3; width: 150%; height: 180%; background: url(/images/courbe-bleu-fonce.svg) no-repeat left top; background-size: cover; transform: translate(50%, 50%); opacity: .7; transition: all 200ms ease-out; }

.card.btn-vedette .card-img-top::after { content: ""; display: block; padding-top: 67.5%; /* hauteur divisé par largeur de l'image = ratio de l'image (proportion) à mettre en padding) */ }

.card.btn-vedette .card-img-top img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; /* (centered)  }*/ }

.card.btn-vedette .card-body { position: relative; display: block; }

.card.btn-vedette .card-body::before { content: "EN SAVOIR PLUS"; position: absolute; top: -80px; left: 0; z-index: 3; width: 100%; height: auto; display: flex; align-items: flex-end; justify-content: center; transform: scale(0.9); transition: all 250ms ease-out; opacity: 0; }

.card.btn-vedette.btn-vedette--voir-la-carte .card-body::before { content: "VOIR LA CARTE"; }

.card.btn-vedette .card-text { position: relative; text-decoration: none; text-transform: uppercase; }

.card.btn-vedette .card-text::before { content: ""; display: inline-block; width: 20px; height: 15px; background: url(/assets/images/icon-chevron-right-white.svg) no-repeat left top; background-size: contain; transition: all 500ms ease-out; margin-left: -20px; }

.card.btn-vedette--sans-img { min-height: 250px; margin-left: auto; margin-right: auto; }

.card.btn-vedette--sans-img .card-img-overlay { display: flex; justify-content: center; align-items: center; }

.card.btn-vedette--sans-img .card-text::before { display: none; }

.card.btn-vedette--sans-img:hover .card-img-overlay::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); }

.btn-sans-rollover { cursor: initial !important; }

/****** Marges et paddings ******/
.coller { padding: 0 !important; margin: 0 !important; }

/* Marges négatives */
.mt--70px { margin-top: -70px; }

@media (min-width: 576px) { .ml-sm--40px { margin-left: -40px; } }

/****** Photos ******/
/* Float d'images */
@media (min-width: 768px) { .image-gauche { float: left; margin: 0 40px 1.4rem 0; padding: 0; } }

@media (min-width: 768px) { .image-droite { float: right; margin: 0 0 1.4rem 30px; padding: 0; } }

@media (min-width: 768px) { .image-droite-verticale { float: right; margin: 1.4rem 0 1.4rem 30px; max-width: 50%; } }

@media (min-width: 768px) { .image-gauche-verticale { float: left; margin: 1.4rem 40px 1.4rem 0; max-width: 50%; } }

.image-droite-sans-marge-gauche { margin: 0 0 30px 0; padding: 0; }

@media (min-width: 768px) { .image-droite-sans-marge-gauche { float: right; } }

.image-gauche-sans-marge-droite { margin: 0 0 30px 0; padding: 0; }

@media (max-width: 768px) { .image-gauche-sans-marge-droite { float: left; } }

.image-aligne-centre { margin: 0 auto; }

.img-not-fluid, article img.img-not-fluid { display: inline !important; height: auto; max-width: none !important; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.photo-background { background-position: center top; background-size: cover; background-repeat: no-repeat; }

.image-cover { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; height: 100%; width: 100%; }

/* Pour les images du template qui seront remplacées par le client (SurrealCMS), Conteneur responsive pour la photo. Vient faire un crop, vient masquer la photo, pour toujours garder le même ratio de photo. https://stackoverflow.com/questions/26918335/css-responsive-div-when-height-is-set-in-pixels */
div.image-recadre, span.image-recadre, p.image-recadre { overflow: hidden; position: relative; }

div.image-recadre::after, span.image-recadre::after, p.image-recadre::after { content: ""; display: block; padding-top: 67.5%; /* hauteur divisé par largeur de l'image = ratio de l'image (proportion) à mettre en padding) */ }

div.image-recadre img, span.image-recadre img, p.image-recadre img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; /* (centered)  }*/ }

div.image-recadre.image-recadre--carre::after, span.image-carre.image-recadre--carre::after, p.image-carre.image-recadre--carre::after { padding-top: 100%; }

/* Galerie de Thumbnails généré par VisualLightBox ou Surreal CMS */
/* Avec marges */
@media (min-width: 576px) { .cms-gallery { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } }

.cms-gallery a { position: relative; display: block; margin: 5px; }

@media (min-width: 576px) { .cms-gallery a { width: calc(50% - 10px); } }

@media (min-width: 992px) { .cms-gallery a { width: calc(33.3333% - 10px); } }

@media (min-width: 1200px) { .cms-gallery a { /* width: calc(25% - 10px); */ } }

/* Sans marges .cms-gallery { @include media(">=sm") { display: flex; flex-wrap: wrap; flex-direction: row; } } .cms-gallery a { position:relative; display: block;  @include media(">=sm") { width: 50%; } @include media(">=lg") { width: calc(100% / 3); } @include media(">=xl") { width: calc(100% / 4); }  } */
.cms-gallery a::before { content: ""; background: url(/assets/images/icon-zoom-in.svg) center center no-repeat rgba(0, 0, 0, 0.7); position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s; opacity: 0; }

.cms-gallery a:hover::before { opacity: 1; }

.cms-gallery a::after { content: ""; background: url(/assets/images/icon-zoom-in-thumb.png) right bottom no-repeat; position: absolute; z-index: 1; width: 100%; height: 100%; opacity: 1; top: 0px; right: 0px; }

@media (min-width: 992px) { .cms-gallery a::after { bottom: 0px; } }

.cms-gallery a:hover::after { opacity: 0; }

.cms-gallery img { width: 100%; }

/***** Bande parallax *****/
.parallax-section { position: relative; overflow: hidden; }

@media (min-width: 576px) { .parallax-section { min-height: 400px; } }

@media (max-width: 575px) { .parallax-section { min-height: 300px; } }

.parallax-section .parallax-container, .parallax-section > .container { position: relative; z-index: 2; }

.parallax-item { display: block; clear: both; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; }

@media (min-width: 768px) { .parallax-item { height: 200%; background-size: cover; } }

@media (max-width: 767px) { .parallax-item { height: 110%; background-size: cover; } }

/* Paralax d'un <img> dans un container .parallax-section */
.parallax-item__img { width: auto; height: auto; position: relative; top: auto; left: auto; }

.is-cms .collapse { display: block; height: auto !important; }

.bande-carres__fond-couleur { padding-top: 70px; padding-bottom: 70px; padding-right: 40px; padding-left: 40px; }

@media (min-width: 768px) { .bande-carres__fond-couleur { padding-top: 50px; padding-bottom: 50px; } }

@media (min-width: 992px) { .bande-carres__fond-couleur { padding-right: 80px; padding-left: 80px; } }

.js-support .bande-carres__fond-couleur.wow { visibility: visible !important; }

.bande-carres__texte-container { position: relative; z-index: 2; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; }

@media (min-width: 768px) { .bande-carres__texte-container { height: 450px; } }

@media (min-width: 1200px) { .bande-carres__texte-container { height: 390px; } }

@media (min-width: 1400px) { .bande-carres__texte-container { height: 390px; } }

.is-cms .bande-carres__texte-container { height: 375px; /* height: 275px; */ }

.bande-carres--flex-height .bande-carres__texte-container { height: auto; }

.bande-carres__img { padding: 0; overflow: hidden; }

.bande-carres__img img { transition-duration: 5s; }

.js-support .bande-carres__img img { opacity: 0; transform: scale3d(1, 1, 1); }

.js-support .bande-carres__img img.animated { opacity: 1; transform: scale3d(1.07, 1.07, 1.07); }

@media (max-width: 576px) { .js-support .bande-carres__img img.animated { transform: scale3d(1.15, 1.15, 1.15); } }

.is-cms .bande-carres__img img { opacity: 1; }

@media (min-width: 992px) { .bande-carres__fond-couleur, .bande-carres__img { height: 600px; } .bande-carres--flex-height .bande-carres__fond-couleur, .bande-carres--flex-height .bande-carres__img { height: auto; } }

.bande-carres__fond-couleur { position: relative; overflow: hidden; /* Options de filigrane */ }

.bande-carres__fond-couleur::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }

.bande-carres__fond-couleur.fond-rouge::after { background: url(/images/logo-seul-noir.svg) no-repeat left center; background-size: contain; height: 120%; top: -20%; left: -20%; transition: all 2500ms ease-out; }

.js-support .bande-carres__fond-couleur.fond-rouge::after { opacity: 0; transform: translateX(-50%); }

.js-support .bande-carres__fond-couleur.fond-rouge.animated::after { opacity: .15; transform: translateX(0); }

body[data-main-section-id="secondaire"] .js-support .bande-carres__fond-couleur.fond-rouge.animated::after { opacity: .1; }

.bande-carres__fond-couleur.fond-bleu-fonce::after { background: url(/images/logo-seul-blanc.svg) no-repeat left center; background-size: contain; height: 120%; top: 40%; left: -30%; transition: all 2500ms ease-out; opacity: .1; }

.js-support .bande-carres__fond-couleur.fond-bleu-fonce::after { opacity: 0; transform: translateY(50%); }

.js-support .bande-carres__fond-couleur.fond-bleu-fonce.animated::after { opacity: .07; transform: translateX(0); }

.bande-carres__fond-couleur.fond-bleu::after { background: url(/images/logo-seul-blanc.svg) no-repeat center bottom -20%; background-size: contain; height: 120%; top: 20%; left: 0; transition: all 2500ms ease-out; opacity: .1; }

.js-support .bande-carres__fond-couleur.fond-bleu::after { opacity: 0; transform: translateY(-50%); }

.js-support .bande-carres__fond-couleur.fond-bleu.animated::after { opacity: .07; transform: translateY(0); }

.bande-carres__fond-couleur.fond-gris-fonce::after { background: url(/images/logo-seul-noir.svg) no-repeat right -70% center; background-size: contain; height: 100%; top: 0%; right: 0; transition: all 2500ms ease-out; opacity: .1; }

.js-support .bande-carres__fond-couleur.fond-gris-fonce::after { opacity: 0; transform: translateX(50%); }

.js-support .bande-carres__fond-couleur.fond-gris-fonce.animated::after { opacity: .25; transform: translateX(0); }

.bande-carres__fond-couleur.sans-filigrane::after { display: none; }

.bande-carres__fond-couleur.filigrane-fonce::after { background: url(/images/logo-seul-noir.svg) no-repeat left center; }

.js-support .bande-carres__fond-couleur.filigrane-fonce::after { opacity: 0; }

.js-support .bande-carres__fond-couleur.filigrane-fonce.animated::after { opacity: .22; }

.bande-carres__fond-couleur.filigrane--left::after { height: 110%; top: 0%; left: -20%; }

.js-support .bande-carres__fond-couleur.filigrane--left::after { transform: translateY(50%); }

.js-support .bande-carres__fond-couleur.filigrane--left.animated::after { transform: translateY(0); }

.bande-carres__fond-couleur.filigrane--centre-bas::after { background-position: center bottom -20%; height: 120%; top: 20%; left: 0; }

.js-support .bande-carres__fond-couleur.filigrane--centre-bas::after { transform: translateY(-50%); }

.js-support .bande-carres__fond-couleur.filigrane--centre-bas.animated::after { transform: translateY(0); }

/***** Video embed - Background full dans un espace, l'over est masqué  *****/
.bande-carres .background-video { padding: 56.25% 0 0 0; opacity: 1; pointer-events: none; overflow: hidden; }

@media (min-width: 992px) { .bande-carres .background-video { padding: 0; position: relative; height: 100%; } }

.bande-carres .background-video iframe { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ }

@media (min-width: 992px) { .bande-carres .background-video iframe { height: 100%; } }

/*.bande-carres__filligrane-a-gauche::after { .js-support & { left: -100%; } }*/
/****** Liens fleches ******/
a.lien-fleche { position: relative; text-decoration: none; white-space: nowrap; color: #333333; font-weight: 400; display: inline-block; }

a.lien-fleche > span.lien-fleche__content { /* display: flex; align-items: center; justify-content: flex-start;  */ }

a.lien-fleche > span.lien-fleche__content::after { content: ""; display: inline-block; width: 15px; height: 15px; background: url(/assets/images/icon-chevron-right-blue.svg) no-repeat left bottom; background-size: contain; transition: all 500ms ease-out; margin-left: 7px; margin-bottom: 3px; vertical-align: middle; }

a.lien-fleche:hover > span::after { transform: translateX(5px); }

a.lien-fleche:hover > span::before { transform: translateX(-5px); }

a.lien-fleche.lien-fleche--blanche { color: #fff; }

a.lien-fleche.lien-fleche--blanche > span::after { background-image: url(/assets/images/icon-chevron-right-white.svg); }

a.lien-fleche.lien-fleche--gauche > span::after { display: none; }

a.lien-fleche.lien-fleche--gauche > span::before { content: ""; display: inline-block; width: 15px; height: 15px; background: url(/assets/images/icon-chevron-left-bleu.svg) no-repeat left bottom; background-size: contain; transition: all 500ms ease-out; margin-right: 5px; margin-bottom: 3px; vertical-align: middle; }

/**** Accordion *****/
.accordion-group { border-top: 1px solid #ccc; }

article .accordion-group { text-align: left; }

.accordion-item { border-bottom: 1px solid #ccc; }

.accordion-item h4 { margin: 0; }

@media (max-width: 576px) { .accordion-item h4 { text-align: left; } }

.accordion-header { display: block; padding: 22px 0 22px 50px; text-decoration: none; position: relative; cursor: pointer; color: #333333; font-size: 1.1em; line-height: 1.4em; }

.accordion-group--petit .accordion-header { padding: 12px 0 1rem 30px; text-transform: none; }

.accordion-header::before { position: absolute; content: '+'; width: 35px; height: 35px; top: 18px; left: 0; transition: all 500ms ease-out; z-index: 1; color: #fff; font-size: 28px; font-style: normal; text-align: center; line-height: 33px; background-color: #333333; }

.accordion-group--petit .accordion-header::before { width: 20px; height: 20px; top: 12px; left: 0; font-size: 18px; line-height: 20px; }

@media (min-width: 768px) { .accordion-header:hover { color: #333333; } .accordion-header:hover::before { background-color: #333333; color: #fff; font-size: 40px; font-style: normal; transform: scale(0.7); border: 1px solid #333333; } .accordion-group--petit .accordion-header:hover::before { font-size: 18px; line-height: 21px; transform: scale(1); border: none; } }

.accordion-header:focus, .accordion-header:active { outline: none; }

.accordion-header:visited { color: #333333; }

.accordion-header.collapsed::before { content: '-'; line-height: 30px; }

.accordion-group--petit .accordion-header.collapsed::before { line-height: 17px; }

@media print { .accordion-collapse, .accordion-collapse.collapse:not(.show) { display: block !important; } }

.accordion-body { padding: 0 0 30px 50px; }

.accordion-group--petit .accordion-body { padding: 0 0 20px 30px; }

.accordion-group--petit .accordion-body p { margin-bottom: .9rem; }

.is-cms .collapse { display: block; height: auto !important; }

/***** Video embed - Bouton Play load iframe *****/
.video-embed__iframe { display: none; padding-bottom: 56.23%; height: 0; max-width: 100%; width: auto; margin-left: auto; position: relative; overflow: hidden; }

.video-embed__iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/***** Video embed - Background full *****/
.wp-block-cover__background-vimeo { padding: 56.25% 0 0 0; opacity: 1; pointer-events: none; overflow: hidden; }

iframe.wp-block-cover__vimeo-background { width: 100vw; min-height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ /*position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0;  width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; outline: none; border: none; box-shadow: none;*/ }

/*** Max-width ***/
.maxw-250px { max-width: 250px; }

/*** Pour une bande qui présente des logos ***/
@media (min-width: 768px) { .logos-container { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } }

.logos-container img { margin: 20px 30px; height: auto; max-width: 100%; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.wow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }

.animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

/* Pour les animations "above the fold", exemple photo-top ou header */
.animated_above_the_fold { visibility: visible !important; -webkit-animation-duration: 1.5s !important; animation-duration: 1.5s !important; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/* Pour scrollToTop */
@-webkit-keyframes slideInRight { from { transform: translate3d(150%, 0, 0);
    visibility: visible; }
  to { transform: translate3d(0, 0, 0);
    visibility: visible; } }
@keyframes slideInRight { from { transform: translate3d(150%, 0, 0);
    visibility: visible; }
  to { transform: translate3d(0, 0, 0);
    visibility: visible; } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 1s; animation-duration: 1s; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInSmallKenBurn { 0% { opacity: 0;
    transform: scale3d(1, 1, 1); }
  100% { opacity: 1;
    transform: scale3d(1.05, 1.05, 1.05); } }

@keyframes zoomInSmallKenBurn { 0% { opacity: 0;
    transform: scale3d(1, 1, 1); }
  100% { opacity: 1;
    transform: scale3d(1.05, 1.05, 1.05); } }

.zoomInSmallKenBurn { -webkit-animation-name: zoomInSmallKenBurn; animation-name: zoomInSmallKenBurn; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    transform: translate3d(0, 50%, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    transform: translate3d(0, 50%, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

@keyframes fadeInRight { from { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInLeftSmall { from { opacity: 0;
    transform: translate3d(-3%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

@keyframes fadeInLeftSmall { from { opacity: 0;
    transform: translate3d(-3%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./../images/slick-ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; z-index: 1000; display: block; height: 50px; width: 50px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; bottom: 50px; transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-next:hover:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 35px; line-height: 1; color: #fff; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0px; }

@media (max-width: 576px) { .slick-prev { left: -5px; top: auto; bottom: 20px; } }

[dir="rtl"] .slick-prev { left: auto; right: -40px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: 0px; }

@media (max-width: 576px) { .slick-next { right: -5px; top: auto; bottom: 20px; } }

[dir="rtl"] .slick-next { left: -40px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: 40px; list-style: none; display: block; text-align: left; padding: 0; margin: 0; width: 100%; }

@media (max-width: 576px) { .slick-dots { display: none !important; } }

.slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 10px; line-height: 20px; text-align: center; color: #fff; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: #fff; opacity: 0.25; }

/* Bogue sur Safari 10.1+ (alternate method) et les transitions en fade */
@media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .slick-slide { opacity: 0; transition: opacity 1s ease-out; }
    .slick-active { opacity: 1 !important; transition: opacity 1s ease-in; }
    .slick-cloned { opacity: 0.3; } } }
/*# sourceMappingURL=styles.min.css.map */