@font-face {
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("assets/fonts/public-sans/public-sans-latin-ext-wght-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("assets/fonts/public-sans/public-sans-latin-wght-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Public Sans";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("assets/fonts/public-sans/public-sans-latin-ext-wght-italic.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Public Sans";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("assets/fonts/public-sans/public-sans-latin-wght-italic.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("assets/fonts/montserrat/montserrat-latin-ext-wght-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("assets/fonts/montserrat/montserrat-latin-wght-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("assets/fonts/montserrat/montserrat-latin-ext-wght-italic.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("assets/fonts/montserrat/montserrat-latin-wght-italic.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root { color-scheme: light; scrollbar-gutter: auto; --bs-body-font-family: "Public Sans", Arial, sans-serif; }

@layer reboot {


body {
	font-size: 1rem;
	font-family: var(--bs-body-font-family);
	color: black;
    overflow-wrap: break-word;
    background-color: white; }

section {
	margin: 0px auto 0px auto;
	padding: 0px 0px 40px 0px; }

aside {
    margin-top: 45px;
}

article {
    margin-bottom: 10px;
}

/* ------------------------------------------------------ STYLES ECRITURE */
p {
    margin-top: 0.3rem;
    margin-bottom: 1rem;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
}

blockquote {
    border-left: 4px solid rgb(175, 175, 175);
    padding: 0 0 0 7px;
    margin-left: 13px;
    margin-bottom: 0px;
}

/* ---------------------------------------------------------- TITRES */
h1, h2, h3, h4, h5 { font-family: Montserrat, Arial, sans-serif; }

h1 { 	
	color: #3f3f3f;
    font-size: clamp(1.75rem, 1.4152rem + 1.4881vw, 2.53125rem);
    text-align: center;
    overflow-wrap: break-word;
    font-weight: 700;
    margin: 22px 10px 22px 10px; }

h2 {
	color: black;
	font-size: clamp(1.25rem, 1.171rem + .3512vw, 1.434375rem);
	font-weight: 700;
	margin-top: 70px;
	margin-bottom: 20px;
    border-bottom: 7px solid #f5e300; }



h3 {
	color: #20458f;
	font-size: clamp(1.0625rem, 1.0297rem + .1458vw, 1.1390625rem);
    font-weight: bold;
	margin-top: 1.4rem;
    margin-bottom: 0.5rem; }

h4 {
    color: black;
    font-size: 1.0546875rem;
    font-weight: bold;
    font-style: italic;
    margin-top: 1.3rem;
    margin-bottom: 0.35rem; }

/* ------------------------------------------------------------------ LINKS  */
a:link, a:visited  	{color: #6f6311; text-decoration: underline; }
a:hover, a:active	{color: white; background-color: #6f6311; text-decoration: none; }


/* ---------------------------------------------------------- IMAGES  */
figcaption {
	font-size: 75%;
	margin-bottom: 20px;
}

header img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

caption {
    text-align: right;
    caption-side: bottom;
    font-size: 90%;
    padding-top: 0.25rem;
}

/* ------------------------------------------------------------NAVIGATION 
(must be placed after the styling for LISTS to take effect) */
nav {
    color: white;
    background-color: #20458f;
    font-size: 0.875rem;
    font-weight: bold;}

nav li a:link, nav li a:visited {
    text-decoration: none;
    color: white;}

nav li a:hover, nav li a:active {
    text-decoration: none;
    color: #2042ac;
    background-color:white;
    border-radius: 2px;}

/* ----------------------------------------------------------- FOOTER */
footer {
    color: #5f5f5f;
    background-color: #eaeaea;
    text-align: center;
    font-size: 0.875rem;
    padding: 5px;
}

footer a:link, footer a:active, footer a:visited {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    background-color: transparent;
}

footer a:hover, footer a:focus-visible {
    color: #000;
    text-decoration: underline;
}
label { display: inline-block; margin-bottom: .5rem; }

}

@layer custom {


.container {
    padding-right:0px;
    padding-left:0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.col-content {
    position:relative;
    min-height:1px;
    min-width:0;
    padding-right:15px;
    padding-left:15px;
    width:100%;
    max-width:960px;
    margin:0 auto; }

.col-sidebar, .col-sidebar-responsive {
    position:relative;
    min-height:1px;
    min-width:0;
    padding-right:5px;
    padding-left:5px;
    width:100%; }

.col-content img, .col-sidebar img, .col-sidebar-responsive img {
    max-width:100%;
    height:auto; }
@media (max-width: 767px) {
    .col-content table, .col-sidebar table, .col-sidebar-responsive table {
        display:block;
        max-width:100%;
        overflow-x:auto; }
}
@media (max-width: 575px) {
    .col-sidebar .sidebar-ad,
    .col-sidebar > [id^="ezoic-pub-ad-placeholder"] {
        display:none; }
}

.lead {
    line-height: 1.8;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: normal;
    margin-top: 45px;
}

.media {
    padding:10px;
    width:90%;
    background-color:#f0f4ff;
    margin: 0.3rem auto 1.3rem auto;
    border-radius:10px;
    border: 1px dashed rgb(202, 202, 202);
}

.partenaires {
    font-size: 80%;
}

.h2-first { margin-top: 65px; }

.h2-colissimo { border-bottom: 7px solid orange; }
.h2-outremer { border-bottom: 7px solid turquoise; }
.h2-lettre-suivie { border-bottom: 7px solid #cb5800; }
.h2-lettre-internationale  { border-bottom: 7px solid #553698; }
.h2-enveloppes  { border-bottom: 7px solid #c42485; }
.h2-timbre-rouge  { border-bottom: 7px solid #dc3545; }
.h2-timbre-vert  { border-bottom: 7px solid #28a745; }
.h2-timbre-turquoise  { border-bottom: 7px solid #17a2b8; }
.h2-timbre-gris  { border-bottom: 7px solid #6c757d; }
.h2-relais-colis  { border-bottom: 7px solid #C2D014; }
.h2-europe { border-bottom: 7px solid #5397f8; }
.h2-zone-b { border-bottom: 7px solid brown; }
.h2-angleterre { border-bottom: 7px solid #bb1700; }
.h2-pro { border-bottom: 7px solid #547eca; }
.h2-chronopost { border-bottom: 7px solid #009adf; }
.h2-monde  { border-bottom: 7px solid #553698;; }

.h5-sidebar {
    color: black;
    font-size: 1.15em;
    font-weight: bold;
    text-align: left;
}

/* ------------------------------------------------------------------ Custom BACKGROUND  */
.bg-monde {
  background-color: #553698!important;
}
.bg-monde-muted {
  background-color: #5536984f!important;
}
.bg-turquoise  { 
  background-color: #17a2b8; 
}
/* ------------------------------------------------------------------ Custom COLORS  */
.text-monde {
  color: #553698!important;
}


/* ---------------------------------------------------------- LISTS */
.list-timbres li {
    margin-bottom: 7px;
}

.fa-ul {
    line-height: 2;
}

/* ------------------------------------------------------ BADGES */
a:link.badge { text-decoration: none;}

.badge-monde {
    color: #fff;
    background-color: #553698;
}

/* ---------------------------------------------------------- CARD-PRODUCT */
.card-product {
    font-size: 96%;
}

.titre-card-product {
    font-weight: bold;
    color: rgb(146, 0, 0);
}

.stars {
    color: rgb(190, 124, 0);
    font-weight: bold;
}

.btn-affil {
    width: 200px;
    margin-bottom: 6px; /*same as .img-affil*/
}

.img-affil { 
    margin-bottom: 6px; /*same as .btn-affil*/
}

.btn-botanic {
    background-color: #26564c;
}

/* ---------------------------------------------------------- JUMBOTRON  */
.jumbotron {
	padding: 0.1rem 0.1rem;
}

.img-border {
    border: 1px solid #dadada;
}

.timbre {
    max-width: 200px;
}

/* ---------------------------------------------------------- TABLES  */
.table th, .table td {
  vertical-align: middle;
}

.table thead th  {
    vertical-align: middle;
    background-color: #ecc500;
    color: #2e4894;
}

.nav-link {
    display: block;
    text-decoration: none;
    padding: 0.2rem 0.8rem;
    }


.menu {
    font-size: 1em;
    border-radius: 0px;}

nav li a:link.menu-item, nav li a:visited.menu-item {color: #20458f;}
nav li a:hover.menu-item, nav li a:active.menu-item, nav li a:focus.menu-item, nav li a:focus-visible.menu-item {color: white; background-color: #2042ac;}
nav.navbar .drawer-title { margin: 0; font-size: 1.25rem; font-weight: 700; }
nav.navbar .navbar-toggler { width: auto; height: auto; aspect-ratio: auto; gap: .5rem; padding: .375rem .75rem; color: #fff; font-weight: 700; }
nav.navbar .navbar-toggler:hover { color: #20458f; background-color: #fff; }
nav.navbar .navbar-toggler:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

@container (width < 768px) {
    nav.navbar .navbar-nav { width: 100%; text-align: left; }
    nav.navbar .nav-item { display: block; padding: 0; border-top: 1px solid rgba(255, 255, 255, .3); }
    nav.navbar .navbar-nav .nav-link { padding: .5rem; font-size: 1rem; }
    nav.navbar .nav-more-label { margin-left: .5rem; }
    nav.navbar .navbar-nav .menu { position: static !important; inset: auto !important; transform: none !important; margin: 0 0 .5rem !important; padding: 0 0 0 1.5rem; background: transparent; border: 0; box-shadow: none; }
    nav.navbar .navbar-nav .menu-item { padding: .5rem; white-space: normal; }
    nav.navbar .navbar-nav a.menu-item:link, nav.navbar .navbar-nav a.menu-item:visited { color: #fff; }
    nav.navbar .navbar-nav a.menu-item:hover, nav.navbar .navbar-nav a.menu-item:active { color: #20458f; background-color: #fff; }
    nav.navbar .navbar-nav a.menu-item:focus, nav.navbar .navbar-nav a.menu-item:focus-visible { color: #20458f; background-color: #fff; }
    nav.navbar .navbar-nav .menu-item:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
    nav.navbar .navbar-nav .menu-divider { border-color: rgba(255, 255, 255, .3); opacity: 1; }
}

@container (width >= 768px) {
    nav.navbar .nav-item { padding: 0 5px; }
    nav.navbar .nav-item + .nav-item { border-left: 1px dotted rgb(185, 185, 185); }
    nav.navbar .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem; white-space: normal; }
    nav.navbar .nav-more-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
}

/* --------------------------------------------------- NAVIGATION Interne */
.internal-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    max-width: 100%;
    margin: 1rem 1rem 2rem;
    color: #20458f;
    background: transparent;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
}

.internal-nav a:link, .internal-nav a:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    max-width: 100%;
    padding: .5rem .875rem;
    border: 1px solid #c8d3e8;
    border-radius: 999px;
    color: #20458f;
    background: #f4f7fc;
    line-height: 1.4;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.internal-nav a:hover, .internal-nav a:active {
    color: #fff;
    background: #20458f;
    border-color: #20458f;
    text-decoration: none;
}

.internal-nav a:focus-visible {
    outline: 3px solid #20458f;
    outline-offset: 3px;
}

.address-block {
    font-family: SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 1rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    background-color: #fff;
    border: 2px solid #20458f;
    border-radius: .25rem;
    padding: 1rem;
    max-width: 30rem;
}

[data-address-check] summary {
    cursor: pointer;
    font-weight: 600;
    color: #20458f;
}

/* --------------------------------------------------- SIDEBAR */

.sidebar-tracking-tool {
    max-width: 300px;
    background-color: #F5F6FA;
    box-shadow: 3px 3px 3px #a5a5a5;
    border: 1px solid #E8E8D7;
    text-align: left;
    padding: 14px;
    font-size: 90%;
    margin: 0 auto;
}

.sidebar hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px dotted rgba(0,0,0,.1);
    width: 70%;
}

.sidebar-products {
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:1.25rem;
    margin-top:1rem; }

.sidebar-product {
    display:flex;
    flex-direction:column;
    padding:12px;
    background-color:#fff;
    border:1px solid #e5e5e5;
    border-radius:10px; }

.sidebar-product-media {
    display:block;
    height:190px; }

.sidebar-product-media img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain; }

.sidebar-product > p {
    flex:1 1 auto;
    margin:0.6rem 0 0.75rem 0; }

.sidebar-product-cta {
    align-self:flex-start;
    margin-top:auto; }

.sidebar-product a:focus-visible {
    outline:2px solid #0056b3;
    outline-offset:2px; }
@media (max-width: 991px) {
    .sidebar-products {
        grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
    .sidebar-products {
        grid-template-columns:minmax(0, 1fr); }
}
@media (max-width: 575px) {
    .md\:col-3.text-center > img.img-fluid {
        max-width:70%; }
}

.col-sidebar.blog-sidebar.sticky-top {
    position:static;
    top:auto;
    z-index:auto;
    float:none;
    width:100%; }

 /* ------------------------------------------------------ PUB RESPONSIVE */
.pub-mobile, .pub-desktop {
    text-align: center;
    margin: 15px auto 25px auto;
}
@media (min-width: 1200px) { /*device width is greater than or equal to*/
.pub-mobile {
    display:none;}
}
@media (max-width: 1199px) {  /*device width is less than or equal to */
.pub-desktop {
    display:none;}
}
 /* ------ BANNIERE Top PUB RESPONSIVE */
 .banniere-pub-top {
     margin-top: 10px;
 }
.pub-mobile-top, .pub-desktop-top {
    text-align: center;
    margin: 0px auto 0px auto;
}
@media (min-width: 992px) { /*device width is greater than or equal to*/
.pub-mobile-top {
    display:none;}
}
@media (max-width: 991px) { /*device width is less than or equal to */
.pub-desktop-top {
    display:none;}
}


.media { --box-padding-block: 10px; }
.jumbotron { --box-padding-block: 1rem; }
.alert { --box-padding-block: 0.75rem; }
.sidebar-tracking-tool { --box-padding-block: 14px; }

:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) {
    padding-block: var(--box-padding-block, 1.25rem);
}

:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) :is(h2, h3, h4, h5, h6) {
    margin-top: var(--box-heading-gap, 0.9em);
}

:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) > :first-child,
:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) > :first-child > :first-child,
:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) > * > :first-child {
    margin-top: 0;
}

:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) > :last-child,
:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) > :last-child > :last-child,
:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) > * > :last-child {
    margin-bottom: 0;
}

* + :is(.media, .jumbotron, .alert, .sidebar-tracking-tool),
:is(.media, .jumbotron, .alert, .sidebar-tracking-tool) + * {
    margin-top: var(--box-gap, 2rem);
}
.row { --bs-gutter-x: 30px; }
.row.gx-3 { --bs-gutter-x: 10px; margin-left: -5px; margin-right: -5px; }
@media (min-width: 992px) {
    .container { max-width: 960px; }
}
@media (min-width: 1200px) {
    .container { max-width: 1140px; }
}
.media { display: flex; align-items: flex-start; }
.media-body { flex: 1; min-width: 0; overflow-wrap: anywhere; }
[data-postage-calculator] label { min-width: 0; overflow-wrap: anywhere; }
.jumbotron { background-color: #e9ecef; margin-bottom: 2rem; border-radius: .3rem; }
.navbar { --bs-navbar-padding-x: 1rem; }
small, .small { font-size: 80%; font-weight: 400; }
nav .navbar-nav .nav-link,
nav .navbar-nav .nav-link:focus,
nav .navbar-nav .nav-link.show,
nav .navbar-nav .nav-link[aria-expanded="true"] { color: #fff; }
nav .navbar-nav .nav-link:hover,
nav .navbar-nav .nav-link:active { color: #2042ac; background-color: #fff; }
nav .navbar-nav .nav-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; box-shadow: none; }
nav .menu-item:focus-visible { outline: 2px solid #20458f; outline-offset: -2px; }
.table > :not(caption) > * > * { padding: .75rem; }
.table-sm > :not(caption) > * > * { padding: .3rem; }
.alert { display: block; margin-bottom: 1rem; color: var(--bs-theme-fg-emphasis, inherit); }
.navbar { --bs-navbar-min-height: 0; }
.navbar-nav { --bs-nav-gap: 0; --bs-nav-link-border-width: 0; --bs-navbar-nav-link-padding-x: .5rem; }
nav .nav-link, .menu, .menu-item { border-radius: 0; }
.card { --bs-card-spacer-x: 1rem; --bs-card-spacer-y: 1rem; }
:is(.btn-solid, .btn-outline, .btn-subtle, .btn-text, .btn-link) { display: inline-block; white-space: normal; }

nav.navbar { color: white; background-color: #20458f; }
.badge {
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-padding-y: .35em;
    --bs-badge-padding-x: .65em;
    --bs-badge-border-width: 0;
    min-height: 0;
    max-width: 100%;
    white-space: normal;
}
.menu { --bs-menu-padding-y: .5rem; --bs-menu-padding-x: 0; --bs-menu-item-padding-x: 1rem; }
.table > :not(caption) > tr[class*="theme-"] > * { color: var(--bs-fg-body); }
.figure-caption { font-size: .875em; color: #595f64; }
.form-text { font-size: .875em; margin-top: .25rem; }
.btn-sm, .input-group-sm > [class*="btn-"] { --bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .875rem; --bs-btn-min-height: 0; --bs-btn-border-radius: .25rem; }
.btn-lg, .input-group-lg > [class*="btn-"] { --bs-btn-padding-y: .5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-min-height: 0; --bs-btn-border-radius: .5rem; }
.h4 { font-size: calc(1.275rem + .3vw); }
.h6 { font-size: 1rem; }
@media (min-width: 1200px) {
    .h4 { font-size: 1.5rem; }
}
.menu-item { display: block; }
.badge:not([class*="theme-"]) { --bs-badge-bg: #f8f9fa; --bs-badge-color: #000; }
.card-body { display: block; }
.card-body > p { margin-top: .3rem; margin-bottom: 1rem; }
.card-body > :is(h1, h2, h3, h4, h5, h6) { margin-bottom: .5rem; }
.alert > p:not(:last-child) { margin-bottom: 1rem; }

}

:root {
    --bs-fg-body: #212529;
    --bs-border-color: #dee2e6;
    --bs-list-padding-x: 2rem;
    --bs-radius-5: .25rem;
    --bs-radius-7: .25rem;
    --bs-btn-input-border-radius: .25rem;
    --bs-btn-input-lg-font-size: 1.25rem;
    --bs-btn-input-lg-padding-y: .5rem;
    --bs-btn-input-lg-padding-x: 1rem;
    --bs-btn-input-lg-min-height: 0;
    --bs-btn-input-lg-border-radius: .5rem;
    --bs-btn-input-sm-font-size: .875rem;
    --bs-btn-input-sm-padding-y: .25rem;
    --bs-btn-input-sm-padding-x: .5rem;
    --bs-btn-input-sm-min-height: 0;
    --bs-btn-input-sm-border-radius: .25rem;
    --bs-primary-bg: #0d6efd; --bs-primary-fg: #0d6efd; --bs-primary-fg-emphasis: #052c65; --bs-primary-bg-subtle: #cfe2ff; --bs-primary-border: #9ec5fe; --bs-primary-contrast: #fff;
    --bs-secondary-bg: #6c757d; --bs-secondary-fg: #6c757d; --bs-secondary-fg-emphasis: #2b2f32; --bs-secondary-bg-subtle: #e2e3e5; --bs-secondary-border: #c4c8cb; --bs-secondary-contrast: #fff;
    --bs-success-bg: #198754; --bs-success-fg: #198754; --bs-success-fg-emphasis: #0a3622; --bs-success-bg-subtle: #d1e7dd; --bs-success-border: #a3cfbb; --bs-success-contrast: #fff;
    --bs-danger-bg: #dc3545; --bs-danger-fg: #dc3545; --bs-danger-fg-emphasis: #58151c; --bs-danger-bg-subtle: #f8d7da; --bs-danger-border: #f1aeb7; --bs-danger-contrast: #fff;
    --bs-warning-bg: #ffc107; --bs-warning-fg: #ffc107; --bs-warning-fg-emphasis: #664d03; --bs-warning-bg-subtle: #fff3cd; --bs-warning-border: #ffe69c; --bs-warning-contrast: #000;
    --bs-info-bg: #0dcaf0; --bs-info-fg: #0dcaf0; --bs-info-fg-emphasis: #055160; --bs-info-bg-subtle: #cff4fc; --bs-info-border: #9eeaf9; --bs-info-contrast: #000;
    --bs-inverse-bg: #212529;
}

.rounded { --bs-rounded-size: .25rem; }
nav.navbar .drawer { --bs-drawer-bg: #20458f; --bs-drawer-color: #fff; }

@layer utilities {
    th.bg-info.fg-white { color: #000; }
    .fg-danger { color: #b02a37; }
    .fg-info { color: #087990; }
    #js_submit { min-width: 2.5rem; }
    :is(.alert-link, a.fg-reset):is(:hover, :active) { color: #fff; }
    :is(.table-responsive, .table-responsive > table):focus-visible { outline: 2px solid #20458f; outline-offset: 2px; }

    :is(.media, .jumbotron, .alert, .sidebar-tracking-tool) :not(script, style, template):not(:is(.media, .jumbotron, .alert, .sidebar-tracking-tool, :is(.media, .jumbotron, .alert, .sidebar-tracking-tool) *):not(.media) > :not(script, style, template, [hidden], .visually-hidden) ~ *, :is(.media, .jumbotron, .alert, .sidebar-tracking-tool, :is(.media, .jumbotron, .alert, .sidebar-tracking-tool) *):not(.media) > :not(script, style, template, [hidden], .visually-hidden) ~ * *) {
        margin-top: 0;
    }

    :is(.media, .jumbotron, .alert, .sidebar-tracking-tool) :not(script, style, template):not(:is(.media, .jumbotron, .alert, .sidebar-tracking-tool, :is(.media, .jumbotron, .alert, .sidebar-tracking-tool) *):not(.media) > :has(~ :not(script, style, template, [hidden], .visually-hidden)), :is(.media, .jumbotron, .alert, .sidebar-tracking-tool, :is(.media, .jumbotron, .alert, .sidebar-tracking-tool) *):not(.media) > :has(~ :not(script, style, template, [hidden], .visually-hidden)) *) {
        margin-bottom: 0;
    }
}

.mise-en-avant {
    --bs-theme-bg-subtle: var(--bs-danger-bg);
    --bs-theme-fg-emphasis: var(--bs-danger-contrast);
    --bs-theme-border: var(--bs-danger-bg);
}
.mise-en-avant-titre {
    padding-inline: 1rem;
    color: var(--bs-danger-contrast);
    border-bottom-color: var(--bs-danger-contrast);
}
.mise-en-avant-lien {
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: var(--bs-radius-5);
    background-color: var(--bs-danger-contrast);
    color: var(--bs-danger-fg-emphasis);
    font-weight: 700;
    text-decoration: none;
}
.mise-en-avant-lien:hover, .mise-en-avant-lien:focus-visible { background-color: var(--bs-danger-bg-subtle); }
.mise-en-avant-lien:focus-visible { outline: 3px solid var(--bs-danger-contrast); outline-offset: 2px; }
.mise-en-avant-image { flex: 0 0 auto; align-self: center; width: 180px; max-width: 100%; height: auto; margin-left: 2rem; border: 3px solid var(--bs-danger-contrast); border-radius: .5rem; }
@media (max-width: 767px) {
    .mise-en-avant .media { flex-direction: column; }
    .mise-en-avant-image { width: 100%; max-width: 200px; margin: 1rem 0 0; align-self: center; }
}

.mise-en-avant > .media {
    width: auto;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}