@charset "UTF-8";
/* ------------------ */
/* --- TYPOGRAPHY --- */
/* ------------------ */
.h1,
.h2,
.h3,
.basic-template-page h2,
.blog-post-body .blog-post h1,
.blog-post-body .blog-post h2,
.h4,
.basic-template-page h3,
.blog-post-body .blog-post h3,
.h5,
.basic-template-page h4,
.blog-post-body .blog-post h4,
.ctas,
.basic-template-page button,
.swal2-modal button,
.ctas-menu,
.links-menu,
.links-menu-sm,
.accroche,
.paragraphs-xl,
.basic-template-page h5,
.blog-post-body .blog-post h5,
.paragraphs-lg,
.form-container-smy .form-label,
.form-container-smy .form-label small,
.paragraphs-md,
.basic-template-page,
.basic-template-page p,
.swal2-popup .swal2-content,
.form-container-smy .form-input,
.form-container-smy .form-select,
.form-container-smy .form-select option,
.form-container-smy .form-radio + .form-label,
.form-container-smy .form-checkbox + .form-label,
.blog-post-body .blog-post,
.blog-post-container .blog-post-body .blog-post p,
.paragraphs-sm,
.form-container-smy .form-inlineMessage,
.numbers-lg,
.numbers-md,
.body-large-black, .basic-template-page, .footer, .header, .banner-scutum {
  font-family: 'sofia-pro', sans-serif;
  font-style: normal; }

.h1 {
  font-weight: 900;
  font-size: 3.5rem;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-transform: uppercase; }

.h2 {
  font-weight: 900;
  font-size: 3rem;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-transform: uppercase; }


.h3,
.basic-template-page h2,
.blog-post-body .blog-post h1,
.blog-post-body .blog-post h2 {
  font-weight: 900;
  font-size: 2.25rem;
  line-height: 130%;
  letter-spacing: 0.06em;
  text-transform: uppercase; }


.h4,
.basic-template-page h3,
.blog-post-body .blog-post h3 {
  font-weight: 900;
  font-size: 1.75rem;
  line-height: 140%;
  letter-spacing: 0.06em;
  text-transform: uppercase; }


.h5,
.basic-template-page h4,
.blog-post-body .blog-post h4 {
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: 0; }


.ctas,
.basic-template-page button,
.swal2-modal button {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 120%;
  letter-spacing: 0.02em; }

.ctas-menu {
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 0.02em; }

.links-menu {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 120%;
  letter-spacing: 0em; }

.links-menu-sm {
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 0.02em; }

.accroche {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 150%;
  letter-spacing: 0em; }


.paragraphs-xl,
.basic-template-page h5,
.blog-post-body .blog-post h5 {
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 150%;
  letter-spacing: 0em; }


.paragraphs-lg,
.form-container-smy .form-label,
.form-container-smy .form-label small {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 150%;
  letter-spacing: 0em; }
  .paragraphs-lg.black, .form-container-smy .black.form-label,
  .form-container-smy .form-label small.black {
    font-weight: 900; }


.paragraphs-md,
.basic-template-page,
.basic-template-page p,
.swal2-popup .swal2-content,
.form-container-smy .form-input,
.form-container-smy .form-select,
.form-container-smy .form-select option,
.form-container-smy .form-radio + .form-label,
.form-container-smy .form-checkbox + .form-label,
.blog-post-body .blog-post,
.blog-post-container .blog-post-body .blog-post p {
  font-weight: 400;
  font-size: 1.063rem;
  line-height: 150%;
  letter-spacing: 0em; }


.paragraphs-sm,
.form-container-smy .form-inlineMessage {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 150%;
  letter-spacing: 0em; }

.numbers-lg {
  font-weight: 900;
  font-size: 5rem;
  line-height: 120%;
  letter-spacing: 0em; }

.numbers-md {
  font-weight: 900;
  font-size: 3rem;
  line-height: 120%;
  letter-spacing: 0em; }

.body-large-black {
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 150%;
  letter-spacing: 0em; }

@media (max-width: 801px) {
  .h1 {
    font-size: 2.25rem; }
  .h2 {
    font-size: 2rem; }
  
  .h3,
  .basic-template-page h2,
  .blog-post-body .blog-post h1,
  .blog-post-body .blog-post h2 {
    font-size: 1.75rem; }
  
  .h4,
  .basic-template-page h3,
  .blog-post-body .blog-post h3 {
    font-size: 1.5rem; }
  
  .h5,
  .basic-template-page h4,
  .blog-post-body .blog-post h4 {
    font-size: 1.25rem; }
  
  .ctas,
  .basic-template-page button,
  .swal2-modal button {
    font-size: 1.063rem; }
  .links-menu {
    font-size: 1.063rem; }
  .accroche {
    font-size: 1.375rem; }
  
  .paragraphs-xl,
  .basic-template-page h5,
  .blog-post-body .blog-post h5 {
    font-size: 1.25rem; }
  
  .paragraphs-lg,
  .form-container-smy .form-label,
  .form-container-smy .form-label small, .body-large-black {
    font-size: 1.063rem; }
  
  .paragraphs-md,
  .basic-template-page,
  .basic-template-page p,
  .swal2-popup .swal2-content,
  .form-container-smy .form-input,
  .form-container-smy .form-select,
  .form-container-smy .form-select option,
  .form-container-smy .form-radio + .form-label,
  .form-container-smy .form-checkbox + .form-label,
  .blog-post-body .blog-post,
  .blog-post-container .blog-post-body .blog-post p {
    font-size: 1rem; }
  .numbers-lg {
    font-size: 3rem; }
  .numbers-md {
    font-size: 2.5rem; } }

/* ----------------- */
html {
  overflow-x: hidden;
  color: var(--darkest-text); }

body {
  padding-top: 0px; }

.body {
  margin: 0;
  overflow-x: hidden; }

/* ------------------------ */
/* ----- Title style ------ */
/* ------------------------ */
.title-with-highlight.light span {
  color: transparent;
  -webkit-text-stroke: 1.5px var(--lightest); }

.title-with-highlight.dark span {
  color: var(--primary); }

/* ------------------------ */
/* ------------------------ */
/* --- Paragraphs style --- */
/* ------------------------ */
/* styling inside containers made to have paragraphs : styling for bold, lists... */
.paragraphs-content p:not(:last-child) {
  margin-bottom: 12px; }

.paragraphs-content ul {
  list-style: initial;
  margin-left: 16px;
  margin-bottom: 12px; }

.paragraphs-content b {
  font-weight: 900; }

.container {
  max-width: 100%;
  padding: 0; }

/* ------------------------ */
/* ------------------------ */
/* --- CONTAINERS WIDTH --- */
/* ------------------------ */
/* Scutum contient 3 largeurs maximales pour aligner le contenu 
- valeur large "lg" (par défaut sur les sections, exemple nos avantages) 
- valeur medium "md" (pour le menu des onglets dans la partie mon compte) 
- valeur small "sm" (largeur des contenus single blog ou formulaires) 
classes à utiliser sur une div/section englobant le contenu à aligner en largeur */
.container-section-lg, header div#menu,
.logo-user-section.container {
  max-width: 1312px;
  padding-left: 3rem;
  padding-right: 3rem;
  margin-left: auto;
  margin-right: auto; }

.container-section-md {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }

.container-section-sm {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto; }

@media only screen and (max-width: 800px) {
  .container-section-lg, header div#menu,
  .logo-user-section.container {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

.stroke-white, .stroke-white-sm {
  color: transparent;
  -webkit-text-stroke: 1px var(--lightest); }

@media only screen and (max-width: 800px) {
  .stroke-white-sm {
    -webkit-text-stroke: 0; } }

/* ------------------ */
/* --------------------------------- */
/* --- BASIC TEMPLATE PAGE STYLE --- */
/* --------------------------------- */
/* styling inside basic template page : for legal mentions and Privacy Policy */
.basic-template-page {
  color: var(--darkest-text); }

.basic-template-page p:not(:last-child) {
  margin-bottom: 12px; }

.basic-template-page ul {
  list-style: initial;
  margin-left: 16px;
  margin-bottom: 12px; }

.basic-template-page strong {
  font-weight: 900; }

.basic-template-page h1 {
  text-align: center;
  padding-bottom: 2rem; }

.basic-template-page h1,
.basic-template-page h2,
.basic-template-page h3,
.basic-template-page h4,
.basic-template-page h5,
.basic-template-page h6 {
  margin-top: 40px;
  margin-bottom: 16px;
  color: var(--darkest-text); }

.basic-template-page a {
  font-weight: 700;
  color: var(--primary); }

.basic-template-page a:hover {
  color: var(--darkest-text); }

.basic-template-page img {
  border-radius: var(--border-md); }

.basic-template-page .table-ctn {
  overflow-x: scroll; }

.basic-template-page td {
  min-width: 160px; }

.basic-template-page table {
  margin: 1rem 0 2rem; }

.basic-template-page th,
.basic-template-page td {
  padding: .75rem;
  border-collapse: collapse; }

.basic-template-page tr:nth-child(odd) td {
  background-color: var(--secondary-20); }

.basic-template-page tr:first-child th {
  background-color: var(--primary-10); }

.basic-template-page tr:nth-child(odd) td:first-child,
.basic-template-page tr:nth-child(odd) th:first-child {
  border-radius: var(--border-lg) 0 0 var(--border-lg); }

.basic-template-page tr:nth-child(odd) td:last-child,
.basic-template-page tr:nth-child(odd) th:last-child {
  border-radius: 0 var(--border-lg) var(--border-lg) 0; }

/* ------------------------ */
/* ------------------------ */
/* --- HEADER STYLES --- */
/* ------------------------ */
@media only screen and (max-width: 800px) {
  .header {
    height: auto;
    position: relative; } }

.mega-cat-dropdown li.navPages-item.top-level a {
  font-size: 16px !important; }

#menu .mega-cat-dropdown a.navPages-action:hover {
  color: var(--primary) !important; }

div#menu-wrapper {
  border-bottom: solid 2px var(--secondary-40) !important;
  background: var(--bg-light); }

#menu img.header-logo-image {
  margin: 0px;
  height: auto; }

.header-logo-image-unknown-size {
  width: auto; }

.header-logo {
  width: auto; }

.header-logo-image-container::after {
  padding: 0; }

#menu .navPages-action {
  text-transform: none;
  font-weight: lighter;
  font-size: 1rem;
  color: var(--darkest-text); }

header div#account-dropdown-signout-list .navBar--sub .navBar-action,
header div#account-dropdown-signin-list .navBar--sub .navBar-action {
  color: var(--darkest-text); }

header div#account-dropdown-signout-list .navBar--sub .navBar-action:hover,
header div#account-dropdown-signin-list .navBar--sub .navBar-action:hover {
  color: var(--primary); }

.navUser-item--cart .navUser-action:hover,
.navUser-item--cart .navUser-action.is-open,
.navUser-action:hover svg,
.navUser-action.is-open svg {
  fill: var(--primary); }

/* Mobile menu */
@media only screen and (max-width: 800px) {
  .header.is-open .mega-cat-dropdown {
    width: 100vw; } }

/* Calendly */
html:has(.calendly-overlay) {
  overflow: initial !important; }

.calendly-overlay {
  z-index: 999999 !important; }

/* Banner */
.banners-scutum {
  background: unset; }

.banners-scutum p {
  line-height: 150%; }

.banners-scutum strong {
  font-weight: 900; }

/* Cart preview */
.navUser-item--cart .dropdown-menu.is-open {
  top: 100% !important; }

/* Cart page */
.cart-item-quantity-arrow.button--icon svg {
  fill: var(--lightest) !important; }

/* Cart delete popup */
.swal2-popup {
  border-radius: var(--border-md);
  background-color: var(--bg-light) !important; }

.swal2-popup .swal2-content {
  color: var(--darkest-text); }

.swal2-modal button {
  text-transform: capitalize;
  border-radius: var(--border-sm);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 1rem 3rem; }

.swal2-modal .swal2-confirm {
  background-color: var(--primary);
  border-color: var(--lightest-20) !important;
  color: var(--lightest); }

.swal2-modal .swal2-confirm:hover {
  background-color: var(--cta-hover);
  color: var(--lightest); }

.swal2-modal .swal2-cancel {
  background-color: var(--secondary-20);
  border-color: transparent !important;
  color: var(--darkest-text); }

.swal2-modal .swal2-cancel:hover {
  background-color: var(--secondary-40);
  color: var(--darkest-text); }

/* ----------------- */
/* ------ BLOG ----- */
/* ----------------- */
.blog-image.placeholder-image {
  background-size: cover; }

/* ----------------- */
/* -- BREADCRUMBS -- */
/* ----------------- */
.breadcrumbs {
  text-transform: initial;
  text-align: left !important;
  padding-top: 12px;
  padding-bottom: 30px;
  margin-bottom: 0 !important; }
  .breadcrumbs .breadcrumb:not(:first-child):before {
    margin: 0 0.75rem;
    color: var(--primary); }
  .breadcrumbs .is-active {
    font-weight: 700; }
    .breadcrumbs .is-active .breadcrumb-label {
      color: var(--darkest-text); }
    .breadcrumbs .is-active:before {
      font-weight: 400; }

/* ----------------- */
.footer li, .footer li a {
  text-transform: none;
  padding-bottom: 0; }

footer a {
  color: var(--secondary) !important; }

footer a:hover,
footer a:focus {
  color: var(--dark-secondary) !important; }

div[data-content-region="home_bottom_cta"] div[data-sub-layout], div[data-content-region="home_discover_offer"] div[data-sub-layout] {
  padding-left: 0;
  padding-right: 0; }

.body {
  margin-top: 0 !important; }

/** TABLE **/
.table-smy {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 20px; }

.table-smy td {
  padding: 1rem; }

@media only screen and (max-width: 800px) {
  .table-smy tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr; }
  .table-smy td {
    padding: 1rem 0; }
  .table-smy td:not(:first-child) {
    font-size: .75rem; }
  .table-roundedLine td {
    padding: 1rem; } }

.table-smy th {
  border-bottom: solid 1px var(--secondary);
  padding: 1rem; }

.table-smy td:nth-child(2) {
  border-right: solid 1px var(--lightest-20); }

.table-smy .table-roundedLine {
  background-color: #ffffff0f; }

.table-smy .table-roundedLine td:nth-child(2) {
  border: none; }

.table-roundedLine td:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border: 1px solid var(--lightest-20);
  border-right: 0; }

.table-roundedLine td:not(:last-child):not(:first-child) {
  border: 1px solid var(--lightest-20);
  border-right: 0;
  border-left: 0; }

.table-roundedLine td:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border: 1px solid var(--lightest-20);
  border-left: 0; }

/** PRICES **/
.details-offer-item-prices p {
  line-height: 1.5; }

/* ----------------------- */
/* --- ACCOUNT STYLING --- */
/* ----------------------- */
.my-account-smy.navBar--sub .navBar-item {
  margin: 0; }

.my-account-smy.navBar--sub .navBar-item.is-active {
  border: 0; }

/* ----------------------- */
/* ----------------------- */
/* --- FORMS STYLING --- */
/* ----------------------- */
.form-container-smy {
  background-color: #E6EBF6;
  /* specifically for the create account form */ }
  .form-container-smy .form-label,
  .form-container-smy .form-label small {
    font-weight: 900;
    color: var(--darkest-text); }
  .form-container-smy .form-label small {
    color: var(--dark-secondary); }
  .form-container-smy .form-field {
    margin-bottom: 1.5rem; }
  .form-container-smy .form-input, .form-container-smy .form-select {
    border-radius: var(--border-sm);
    border-width: 2px;
    color: var(--darkest-text); }
  .form-container-smy .form-radio + .form-label,
  .form-container-smy .form-checkbox + .form-label {
    line-height: 1.2;
    margin-bottom: 1rem; }
  .form-container-smy .form-input:focus {
    background-color: var(--primary-10); }
  .form-container-smy .create-account-deja-client-container label:first-child {
    display: none; }
  .form-container-smy #autofill-emergency-contact {
    width: 100%; }

.form-container-smy .form-field:not(.form-field--success):not(.form-field--error) .form-input,
.form-container-smy .form-field:not(.form-field--success):not(.form-field--error) .form-select {
  border-color: #E1E1E4; }

.form-container-smy .form-field:not(.form-field--success):not(.form-field--error) .form-input:focus,
.form-container-smy .form-field:not(.form-field--success):not(.form-field--error) .form-select:focus {
  border-color: #BBC9E7; }

/* ----------------------- */
.blog-placeholder-image {
  background-image: url("../img/blog/scutum-placeholder-blog-post-img.jpg") !important; }

.page.blog {
  margin: auto; }

.page.blog .blog-container article.blog {
  padding: 1.5rem;
  margin: 0;
  height: 100%; }

.page.blog .blog-post-body {
  margin: 0; }

.page.blog article.blog {
  width: 100%; }

main.page.blog .pagination {
  margin: 0;
  margin-top: 24px; }

.pagination-item.pagination-item a {
  padding: 0 !important;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center; }

.blog-post-figure {
  display: block; }

.blog-post-container .blog-thumbnail img {
  margin: 0;
  height: 100%;
  border-radius: var(--border-lg);
  object-fit: cover; }

.blog-post-container .blog-title a {
  color: var(--darkest-text); }

.blog-post-body .blog-post,
.blog-post-container .blog-post-body .blog-post p {
  color: var(--darkest-text); }

.blog-post-body .blog-post h1,
.blog-post-body .blog-post h2,
.blog-post-body .blog-post h3,
.blog-post-body .blog-post h4,
.blog-post-body .blog-post h5 {
  margin-top: 40px;
  margin-bottom: 16px;
  color: var(--darkest-text); }

.blog-post-body .blog-post ul {
  list-style: initial;
  margin-left: 16px; }

.blog-post-container .blog-post-body .blog-post p:not(:last-child) {
  margin-bottom: 12px; }

.blog-post-body .blog-post a {
  font-weight: 700;
  color: var(--primary); }

.blog-post-body .blog-post a:hover {
  color: var(--darkest-text); }

.blog-post-body .blog-post img {
  border-radius: var(--border-md); }

.blog-post-container .socialLinks .socialLinks-item a {
  width: 48px;
  height: 48px;
  border-radius: var(--border-sm);
  background-color: var(--primary-10);
  display: flex;
  align-items: center;
  justify-content: center; }

.blog-post-container .socialLinks .socialLinks-item {
  margin: 0; }

.blog-post-container .socialLinks .socialLinks-item:not(:has(a)) {
  display: none; }

.blog-post-container .socialLinks .socialLinks-item svg {
  width: 20px;
  height: 20px;
  fill: var(--darkest-text); }

.blog-post-container .socialLinks .socialLinks-item a:hover svg {
  fill: var(--primary); }

.blog-post-container .socialLinks::after {
  display: none; }

.tag a {
  color: var(--darkest-text); }

.tag a:hover {
  color: var(--primary); }

/** INPUTS **/
/* Hide the spinner/arrow on number inputs */
.apparence-none::-webkit-inner-spin-button,
.apparence-none::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.apparence-none {
  -moz-appearance: textfield; }

/** GORGIAS **/
[data-gorgias-contact-form-uid="vrim9l0n"] {
  border-radius: 50px;
  background: white;
  padding: 2rem;
  padding-top: 0; }

[data-gorgias-contact-form-uid="vrim9l0n"] *:focus-visible {
  outline: none; }

#chat-button {
  visibility: hidden !important; }