:root.dxpr-scheme-custom {
  --dxt-color-base: #1b3d85;
  --dxt-color-basetext: #ffffff;
  --dxt-color-link: #1b3d85;
  --dxt-color-accent1: #a1c435;
  --dxt-color-accent1text: #333333;
  --dxt-color-accent2: #1b3d85;
  --dxt-color-accent2text: #ffffff;
  --dxt-color-text: #555555;
  --dxt-color-headings: #333333;
  --dxt-color-card: #eeeeee;
  --dxt-color-cardtext: #444444;
  --dxt-color-footer: #21252a;
  --dxt-color-footertext: #747a85;
  --dxt-color-secheader: #1b3d85;
  --dxt-color-secheadertext: #fffffe;
  --dxt-color-header: #ffffff;
  --dxt-color-headertext: #1b3d85;
  --dxt-color-headerside: #ffffff;
  --dxt-color-headersidetext: #1b3d85;
  --dxt-color-pagetitle: #1b3d85;
  --dxt-color-pagetitletext: #fffeff;
  --dxt-color-graylight: #cccccc;
  --dxt-color-graylighter: #ededed;
  --dxt-color-silver: #f1f1f1;
  --dxt-color-body: #ffffff;
  --dxt-color-header-rgb: 255,255,255;
  --dxt-color-basesubtle: color-mix(in srgb, white 80%, var(--dxt-color-base));
  --dxt-color-basesubtletext: color-mix(in srgb, black 60%, var(--dxt-color-base));
  --dxt-color-accent1subtle: color-mix(in srgb, white 80%, var(--dxt-color-accent1));
  --dxt-color-accent1subtletext: color-mix(in srgb, black 60%, var(--dxt-color-accent1));
  --dxt-color-accent2subtle: color-mix(in srgb, white 80%, var(--dxt-color-accent2));
  --dxt-color-accent2subtletext: color-mix(in srgb, black 60%, var(--dxt-color-accent2));
  --dxt-color-headingssubtle: color-mix(in srgb, white 80%, var(--dxt-color-headings));
  --dxt-color-headingssubtletext: color-mix(in srgb, black 60%, var(--dxt-color-headings));
  --bs-primary: var(--dxt-color-base);
  --bs-secondary: var(--dxt-color-accent1);
  --bs-primary-text-emphasis: color-mix(in srgb, black 60%, var(--dxt-color-base));
  --bs-secondary-text-emphasis: color-mix(in srgb, black 60%, var(--dxt-color-accent1));
  --bs-primary-bg-subtle: color-mix(in srgb, white 80%, var(--dxt-color-base));
  --bs-secondary-bg-subtle: color-mix(in srgb, white 80%, var(--dxt-color-accent1));
  --bs-primary-border-subtle: color-mix(in srgb, white 60%, var(--dxt-color-base));
  --bs-secondary-border-subtle: color-mix(in srgb, white 60%, var(--dxt-color-accent1));
  --bs-body-color: var(--dxt-color-text);
  --bs-body-bg: var(--dxt-color-body);
  --bs-heading-color: var(--dxt-color-headings);
  --bs-link-color: var(--dxt-color-link);
  --bs-link-hover-color: var(--dxt-color-accent1);
  --bs-code-color: var(--dxt-color-base);
  --bs-border-color: var(--dxt-color-graylighter);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-light: var(--dxt-color-silver);
  --bs-dark: var(--dxt-color-headings);
  --bs-light-text-emphasis: var(--dxt-color-text);
  --bs-dark-text-emphasis: var(--dxt-color-headings);
  --bs-light-bg-subtle: var(--dxt-color-silver);
  --bs-dark-bg-subtle: color-mix(in srgb, white 80%, var(--dxt-color-headings));
  --bs-light-border-subtle: var(--dxt-color-graylighter);
  --bs-dark-border-subtle: var(--dxt-color-headings);
  --bs-emphasis-color: var(--dxt-color-headings);
  --bs-secondary-color: var(--dxt-color-text);
  --bs-secondary-bg: var(--dxt-color-card);
  --bs-tertiary-color: var(--dxt-color-text);
  --bs-tertiary-bg: var(--dxt-color-silver);
}

/* Custom CSS */
/*--------------------------------------------*/
/*------MISE EN FORME GENERALE-------*/
/*-------------------------------------------*/

/*----------Scroll----------*/
body {scroll-behavior: smooth;}
a[href^="#"] {transition: scroll-behavior 3.5s;}

/*----------Blocs----------*/
.az-element, .az-ctnr {display: flow-root;}
.az-row--md.az-row--equal-height { display: -webkit-box; }
@media (min-width: 576px) {
    .col-sm-9 {
flex: 0 0 auto;
        max-width: 70%;
        width: auto;
        min-width: 55%;
    }
}

/*------Couleur de fond-----*/
body, html, article, .dxpr.az-container,
.dxpr-theme-boxed-container,
.field__item {background-color: white;}

/*-------Typographie--------*/
h1, h2, h3, h4{font-weight: 700!important; padding-bottom: 1.5%; display: inline-block;}
p {color: #526372;}

/*----------Liens-----------*/
a {transition: color 500ms;text-decoration: underline;color: #a1c435;}
a:hover {color: #526372;}
h1 a, h2 a, h3 a {pointer-events: none; color: #333333; text-decoration:none;}

/*---------Boutons----------*/
.btn-default, .btn-default:hover {
border: none; 
border-radius: 25px;
padding: 12px 25px;
margin-top: 4% !important;
white-space: normal;
background: #a1c435 !important;
color: white !important;
text-transform: uppercase;
font-weight: 600;
font-size: 0.8rem;
}
.btn-default {transition: transform 250ms;text-decoration: none;}
.btn-default:hover{transform: translateY(-10px);}

/*---------Tarte au citron----------*/
#tarteaucitronAlertBig > div{display:inline-flex;}
#tarteaucitronPersonalize2, #tarteaucitronAllDenied2, #tarteaucitronCloseAlert{margin-left:15px!important; border-radius:15px; background-color: #a1c435!important; color:white!important;}
div#tarteaucitronAlertBig button{margin: 0 5px!important;}
#tarteaucitronServices > div.tarteaucitronBorder > a{display:none;}
#tarteaucitronAllDenied2{display:none!important;}


/*---------------------------------------------*/
/*-------------------MENU-----------------*/
/*---------------------------------------------*/
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top #logo { height: 65px; max-height: 65px;margin-top: 15px;}

#secondary-header {
background: white;
color: #1b3d85;
}

#block-dxpr-theme-main-menu > ul > li > a,
#block-dxpr-theme-main-menu > ul > li > .nav-link {color: #1b3d85;}


/* Fix : suppression de la virgule traînante - règle gardée car non-menu */
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton {border-radius: 10px; margin-left: 15px!important;}

.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a:hover,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a:active,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a:focus,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > .nav-link:hover,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > .nav-link:focus {font-weight:600;}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > .dropdown-item {padding: 8px 20px;}

#block-useraccountmenu > ul > li.last,
#block-useraccountmenu > ul > li.nav-item:last-child {background: url(/sites/default/files/2023-01/Flexiperf-logo-sans-baseline.jpg);color: transparent;background-size: contain;background-repeat: no-repeat;width: 115px; height: 40px; margin-top: -13px;margin-left: 10px; font-size: 0;overflow:hidden;}

/* On force le masquage du <span class="nav-link"> et de tout contenu texte */
#block-useraccountmenu > ul > li.last > span,
#block-useraccountmenu > ul > li.last > a,
#block-useraccountmenu > ul > li.nav-item:last-child > span,
#block-useraccountmenu > ul > li.nav-item:last-child > a,
#block-useraccountmenu > ul > li.nav-item:last-child > .nav-link {
  font-size: 0;
  color: transparent;
  visibility: hidden;
  display: block;
  height: 0;
  padding: 0;
  margin: 0;
}

#block-useraccountmenu > ul > li.last > span,
#block-useraccountmenu > ul > li.nav-item:last-child > span {max-height:20px;}

#block-useraccountmenu > ul > li.first,
#block-useraccountmenu > ul > li.first:hover,
#block-useraccountmenu > ul > li.nav-item:first-child,
#block-useraccountmenu > ul > li.nav-item:first-child:hover {border-radius: 25px;}

#block-useraccountmenu > ul > li.first > a,
#block-useraccountmenu > ul > li.nav-item:first-child > a,
#block-useraccountmenu > ul > li.nav-item:first-child > .nav-link {color: white !important; height: 40px; font-size: 0.8rem!important; font-weight:600 !important;}

#block-useraccountmenu > ul > li.first > a:hover,
#block-useraccountmenu > ul > li.nav-item:first-child > a:hover,
#block-useraccountmenu > ul > li.nav-item:first-child > .nav-link:hover {background-color: #526372; border-radius: 25px;}

.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top {background-color: rgba(255,255,255,1); opacity: 1!important;}

/*----------------------------------------------*/
/*-----------------GUIDES-----------------*/
/*---------------------------------------------*/
#fix-guide-1 { position:sticky; top:-1px!important; z-index: 99; background-color:white;margin-bottom:0px;}
#fix-guide-2 { position:sticky; top:25px!important; z-index: 99; margin-bottom:0px;}
#fix-guide-2 > div > div:nth-child(3) > ul {padding-left: 15px!important;font-size: 15px;}
#fix-guide-2 > div > div:nth-child(3) > ul > li > p > a {text-decoration: underline;color: #333333;}

#resume{border: solid;border-radius: 5px;padding: 3%;border-color: #a1c435;}

#image-guide {text-align:center;}
#image-guide > img {border-radius:0.625rem;}

#important {-webkit-box-shadow: 0 4px 14px 0 rgb(96 152 220 / 20%);box-shadow: 0 4px 14px 0 rgb(96 152 220 / 20%);border-radius: 0.625rem;margin-bottom: 1%;margin-top: 8%!important;padding-top: 4%;padding-bottom: 2%;padding-left: 2%;padding-right: 5%;background-color: #f4f6f9;border: 1px solid #00000008;}

#cta-guide {margin-left:40px; margin-right:40px; }
#cta-guide-fixed > div > div >ul { color:white!important;}

/*----------------------------------------------*/
/*--------------------BLOG-------------------*/
/*---------------------------------------------*/
#fix-blog-1 { position:sticky; top:20px!important; z-index: 99; margin-bottom:0px;}

/*----------------------------------------------*/
/*------------------PRODUITS---------------*/
/*---------------------------------------------*/
#produit-application1{padding: 12px 15px;margin-top: 20px!important;margin-bottom: 30px;list-style: none;background-color: #526372;color: white;border-radius: 0.625rem;margin-left: -15px;margin-right: -15px;}
#produit-application2{-webkit-box-shadow: 0 4px 14px 0 rgb(96 152 220 / 20%);box-shadow: 0 4px 14px 0 rgb(96 152 220 / 20%);border-radius: 0.625rem;margin-top:12%;}
#produit-texte{-webkit-box-shadow: 0 4px 14px 0 rgb(96 152 220 / 20%);box-shadow: 0 4px 14px 0 rgb(96 152 220 / 20%);border-radius: 0.625rem;background-color:#a1c435;}
#produit-texte2{-webkit-box-shadow: 0 4px 14px 0 rgb(96 152 220 / 20%);box-shadow: 0 4px 14px 0 rgb(96 152 220 / 20%);border-radius: 0.625rem;margin-top:7%;}
#produit-section{margin-top:30px;}


/*---------------------------------------------*/
/*------------IMPLANTATIONS---------*/
/*---------------------------------------------*/
#implantations1 > div.panel-heading, #implantations1,
#implantations2 > div.panel-heading, #implantations2,
#implantations3 > div.panel-heading, #implantations3,
#implantations4 > div.panel-heading, #implantations4,
#implantations5 > div.panel-heading, #implantations5,
#implantations6 > div.panel-heading, #implantations6,
#implantations7 > div.panel-heading, #implantations7,
#implantations1 .accordion-header, #implantations1 .accordion-button,
#implantations2 .accordion-header, #implantations2 .accordion-button,
#implantations3 .accordion-header, #implantations3 .accordion-button,
#implantations4 .accordion-header, #implantations4 .accordion-button,
#implantations5 .accordion-header, #implantations5 .accordion-button,
#implantations6 .accordion-header, #implantations6 .accordion-button,
#implantations7 .accordion-header, #implantations7 .accordion-button {border-radius: 0.625rem;color: white;background-color: #526372;border-color: transparent;}

#implantations > div.panel-heading > h4 > a,
#implantations .accordion-button {text-decoration:none;}

.panel-collapse > div > div > ul > li > span,
.accordion-collapse > div > div > ul > li > span {color: #ffffff!important;}

/*----------------------------------------------*/
/*-----------------RESEAU----------------*/
/*---------------------------------------------*/
#reseau1 > div.panel-heading, #reseau1,
#reseau2 > div.panel-heading, #reseau2,
#reseau3 > div.panel-heading, #reseau3,
#reseau4 > div.panel-heading, #reseau4,
#reseau1 .accordion-header, #reseau1 .accordion-button,
#reseau2 .accordion-header, #reseau2 .accordion-button,
#reseau3 .accordion-header, #reseau3 .accordion-button,
#reseau4 .accordion-header, #reseau4 .accordion-button {border-radius: 0.625rem;color: white;background-color: #526372;border-color: transparent;}

div.panel-heading > h4 > a,
.accordion-button {text-decoration:none; color:white;}


/*----------------------------------------------*/
/*---------------TABLEAUX---------------*/
/*---------------------------------------------*/
table, tbody {border: transparent;margin-top: 5%;}
table > tbody > tr:nth-child(1){background-color: #526372;color: white;font-weight: 700;}
table > tbody > tr:nth-child(1) > td:nth-child(1){border-top-left-radius: 0.625rem;}
table > tbody > tr:nth-child(1) > td:last-child{border-top-right-radius: 0.625rem;}
table > tbody > tr{border-bottom:1px solid;}


/*----------------------------------------------*/
/*--------------------PLEZI-----------------*/
/*---------------------------------------------*/
input.plezi-submit-btn{background: #a1c435!important;color: white!important;width: 100%!important;border: none!important;border-radius: 25px!important;text-transform: uppercase!important;font-weight: 600!important;}
.jsonform-hasrequired{margin-top:10px;}
span.help-inline.plz-consent > h3 {font-size: 12px; font-weight: 400; margin-top: 10px;}
#foss-645a478bd59cbc0739ee88b8 > div > span > h3 > span > b > i:nth-child(2) > u > a{ pointer-events: visible;
    color: #333333;
    text-decoration: inherit;}


/*----------------------------------------------*/
/*-----------------FIL ARIANE----------------*/
/*---------------------------------------------*/
nav.breadcrumb > ul > li:nth-child(1) > a,
nav.breadcrumb > ul > li:nth-child(2) > a,
nav.breadcrumb > ol > li.breadcrumb-item > a {color: #a1c435;text-decoration: underline;}

.breadcrumb {padding: 12px 15px;margin-top: 20px;margin-bottom: 30px;list-style: none;background-color: #f4f6f9;border-radius: 0.625rem;float: left;}
.breadcrumb ul,
.breadcrumb ol {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;}

.breadcrumb li:not(:last-child)::after,
.breadcrumb-item:not(:last-child)::after {display: inline-block;margin: 0 .25rem;content: "/";}
.breadcrumb-item + .breadcrumb-item::before {content: none;}


/*----------------------------------------------*/
/*-------------------FOOTER-----------------*/
/*---------------------------------------------*/
.dxpr-theme-footer {background-color: white;}
#footer-haut > p:nth-child(2), #footer-haut > p:nth-child(3), #footer-haut > p:nth-child(4) {margin: 0 0 0px;}
#footer-haut > div {background-color: #526372;}
#titre-cta > p {line-height:1.5;}
#gbcr5sio57 > a {color:white;}
#footer-perso > div > div > p {margin-bottom : 0px;font-size: 14.5px;}
#footer-perso2 > p {font-size: 13px;}
.dxpr-theme-footer a {text-decoration: none;}
.dxpr-theme-footer hr {border: 1px solid;}


/*----------------------------------------------*/
/*-----------MEDIA QUERIES-----------*/
/*---------------------------------------------*/
@media (max-width: 320px) {h1, h2, h3{text-align:center;}}
@media (max-width: 576px) {}
@media (max-width: 768px) {#gbz0lk99wx{padding-bottom:50%!important;margin-right: 3%;}#gb771bzybh{display:none!important;}#gbvrb2xrx3, #gb3h6er0a8 > p:nth-child(1), #gb3h6er0a8 > p:nth-child(1), #gbngbnnd4e > p:nth-child(1), #gb3h6er0a8 > p:nth-child(6){display:none;}#gbgpci5sz0, #gbfjdro5gx {margin-bottom:0px!important;}#gbteu09z56, #gb6pc9qpvb, #gbyznwwkvh, #gbr2kjn78v, #gbvzlcuwsc{padding-top:12%!important;}#gb72ucd9z1, #gba8qea2p6, #gb935jb6so{text-align:center;}#photo-accueil{height: 250px;}table{font-size: 10px!important;line-height: 1.2!important; display:block; overflow:scroll;}table>p, table > tbody >tr > td > p{font-size: 10px!important;line-height: 1.2!important;}}
@media (min-width: 992px) {#texte {margin-left:5%;}#texte-guide {margin-right:5%;}}

/*----------------------------------------------*/
/*---------MEDIA MIN 1200PX----------*/
/*----------------------------------------------*/
@media (min-width: 1200px) {
#guide-section-first {padding-top: 0px; padding-bottom: 40px;}
#guide-section {padding: 60px 0px 20px 0px;}
#image-guide  {padding: 0px 40px;}
#produit-application2 {padding: 30px 30px;}
#produit-texte, #produit-texte2 {padding: 35px 35px;}
.progress-bar {height: 8px; background: #a1c435; width: 0%; border-right-radius:5px;}
.progress-container {width: 100%; height: 8px; background: white;}

/*--------------MENU 1200px------------*/
#block-useraccountmenu > ul > li.first,
#block-useraccountmenu > ul > li.nav-item:first-child {margin-top: 24px;margin-right: 10px;background-color: #a1c435;}

#block-useraccountmenu > ul > li.last,
#block-useraccountmenu > ul > li.nav-item:last-child {margin-top:22px;}

#navbar.dxpr-theme-header--hover-opacity .menu .active>a,
#navbar.dxpr-theme-header--hover-opacity .menu a:hover,
#navbar.dxpr-theme-header--hover-opacity .menu a:focus,
#navbar.dxpr-theme-header--hover-opacity .menu a.is-active,
#navbar.dxpr-theme-header--hover-opacity .menu .nav-link:hover,
#navbar.dxpr-theme-header--hover-opacity .menu .nav-link:focus,
#navbar.dxpr-theme-header--hover-opacity .menu .dropdown-item:hover,
#navbar.dxpr-theme-header--hover-opacity .menu .dropdown-item:focus {opacity: 0.8;color: #a1c435!important;}

/*Background du ul + espacement BS5*/
#block-dxpr-theme-main-menu > ul {background-color: #f4f6f9 !important;margin-top: 15px!important; gap: 15px;}

/*Box-shadow header + hauteur*/
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.dxpr-theme-header--fixed, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top {box-shadow: 0 3px 10px 0 rgb(50 50 50 / 5%); min-height:calc(var(--dxt-setting-header-top-height) + 15px); }

.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > .nav-link {font-size:17px;}

#block-dxpr-theme-main-menu > ul::before {content: ""; position: absolute; top: 14px; left: 96px; width: 40px; height: 64px; background: #f4f6f9; -webkit-clip-path: polygon(0 100%,100% 100%,100% 0);clip-path: polygon(0 100%,100% 100%,100% 0);}

#block-dxpr-theme-main-menu > ul > li:nth-child(5)::after {content: "";position: absolute;top: -7px;right: -39px;width: 40px;height: 64px;;background: #f4f6f9;-webkit-clip-path: polygon(0% 0%,0% 100%,100% 0%);clip-path: polygon(0% 0%,0% 100%,100% 0%);}

.dropdown-menu.level-2 > .bs-dropdown-submenu {
  position: relative;
}
ul.dxpr-theme-megamenu > li:not(:last-child)::after,
.dropdown-menu.level-2 > .bs-dropdown-submenu:not(:last-child)::after {width: 100%;content: "";height: 100%;width: 2px;background: rgba(0,50,80,.0588235294);position: absolute;right: 0;display: block;top: 0;}



.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > .dropdown-item {font-size:13.5px!important;color:#003250;}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a:hover,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > .dropdown-item:hover {font-weight:600;}

#navbar > div > div > div { margin-top: -10px;}


/*Menu float*/
#block-dxpr-theme-main-menu {float: left; }
#block-dxpr-theme-main-menu > ul > li { position: relative;}
#block-useraccountmenu {float: right; }

/*Cacher pour ordinateur les items mobile-only*/
#block-dxpr-theme-main-menu > ul > li:nth-child(6),
#block-dxpr-theme-main-menu > ul > li:nth-child(7),
#block-dxpr-theme-main-menu > ul > li:nth-child(8) {display:none;}


.navbar-nav>li>ul.dropdown-menu::before {content: "";height: 4px;background: linear-gradient(45deg, #a1c435, transparent);display: block;width: 100%;position: absolute;top: 0;left: 0;}

/* Le panel level-2 : caché par défaut via opacity (pas display, pour préserver le layout) */
#block-dxpr-theme-main-menu > ul > li.nav-item.dropdown > .dropdown-menu.level-2 {
  display: flex !important;
  flex-wrap: nowrap;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  inset: auto !important;
  margin: 0 !important;
  min-width: 900px;
  max-width: 1200px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  border-radius: 0 10px 10px 10px;
  padding: 25px 20px 10px 20px;
}

/* Affichage au hover du <li> parent (ou .show pour conserver le clic en backup) */
#block-dxpr-theme-main-menu > ul > li.nav-item.dropdown:hover > .dropdown-menu.level-2,
#block-dxpr-theme-main-menu > ul > li.nav-item.dropdown.show > .dropdown-menu.level-2 {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
/* Colonnes du mégamenu : largeurs équitables (1/3 chacune) */
#block-dxpr-theme-main-menu .nav-item.dropdown > .dropdown-menu.level-2 > .bs-dropdown-submenu {
  flex: 1 1 0;
  min-width: 0;
  padding: 0 15px;
}
/* Niveau 3 : toujours visible, en position static dans le flux du level-2 */
#block-dxpr-theme-main-menu .dropdown-menu.level-3plus {
display: flex !important;
  flex-direction: column;
  list-style: none;
}
#block-dxpr-theme-main-menu .dropdown-menu.level-3plus > li {
  display: block !important;
  width: 100% !important;
  float: none !important;
}
#block-dxpr-theme-main-menu .dropdown-menu.level-3plus > li > .dropdown-item {
  display: block !important;
  white-space: normal; /* permet le retour à la ligne sur les liens longs si besoin */
}

/* Heading niveau 2 : on cache le chevron et on désactive l'interaction */
#block-dxpr-theme-main-menu .dropdown-menu.level-2 > .bs-dropdown-submenu > .dropdown-item.dropdown-toggle::after {
  display: none;
}
#block-dxpr-theme-main-menu .dropdown-menu.level-2 > .bs-dropdown-submenu > .dropdown-item.dropdown-toggle {
  cursor: default;
  pointer-events: none;
font-weight: 600;
color: rgb(161, 196, 53) !important;
}

/* Cacher les chevrons des headings BS5 niveau 2 (puisqu'ils sont toujours ouverts) */
#block-dxpr-theme-main-menu > ul > li.nav-item > ul.dropdown-menu.level-2 > li.bs-dropdown-submenu > .dropdown-item.dropdown-toggle::after {
  display: none;
}


#block-dxpr-theme-main-menu > ul > li > ul > li > ul,
#block-dxpr-theme-main-menu > ul > li.nav-item > ul.level-2 > li.bs-dropdown-submenu > ul.level-3plus {min-height:280px;}

}

/*----------------------------------------------*/
/*---------MEDIA MAX 1200PX----------*/
/*----------------------------------------------*/
@media (max-width: 1200px){
.container {padding-left: 25px;padding-right: 25px;}

body > div.dialog-off-canvas-main-canvas > div,
body > div.dialog-off-canvas-main-canvas > div.dxpr-theme-boxed-container {margin-top:55px!important;}

#gbnfyfti1p{margin-top:0px!important;}

/* ⛔ DIAGNOSTIC : règles menu mobile commentées */
#navbar{box-shadow: 0 3px 10px 0 rgb(50 50 50 / 5%);height: 60px;}
#block-useraccountmenu { display: none; }
/*
.dxpr-theme-header .dxpr-theme-main-menu a.dropdown-toggle:after,
.dxpr-theme-header .dxpr-theme-main-menu .dropdown-toggle:after {font-weight: 700;}
.body--dxpr-theme-nav-mobile #navbar.header-mobile-fixed.header-mobile-admin-fixed-active {top: 0px;}
#block-dxpr-theme-main-menu > ul > li:nth-child(8){display:none;}
*/

.progress-container {width: 100%;height: 8px;background: #ccc;border-radius: 0px;position: fixed;bottom: 0px;left: 0px;}
.progress-bar {height: 8px;background: #a1c435;width: 0%;border-radius:5px;}

#guide-section {padding: 5% 5%;}

/* ⛔ DIAGNOSTIC : icônes / bouton / indication menu mobile commentés */
/*
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span,
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span:before,
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span:after {background: #a1c436;width: 25px;right: 0px;}

.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle.navbar-toggler {border: none; padding: 0;}
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23a1c436' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  width: 25px;
}

#block-dxpr-theme-main-menu > ul > li:nth-child(7){border-radius: 25px;background-color: #a1c435;margin-left: 10px;margin-right: 10px;width: fit-content;text-transform:uppercase;margin-top: 2%;width: 95%;}
#block-dxpr-theme-main-menu > ul > li:nth-child(7) > a,
#block-dxpr-theme-main-menu > ul > li:nth-child(7) > .nav-link {color:white;font-weight: 600;}

.dxpr-theme-header--side .menu__level, .dxpr-theme-header--side .dxpr-theme-main-menu {background: #ffffff;}

#dxpr-theme-menu-toggle::before {float: left;content: 'Menu';margin-top: -12px;margin-right: 7px;font-size: 17px;text-transform: uppercase;font-weight: 600;color: #555555 ;}
*/
#navbar > div > div > div > div::after,
#navbar .wrap-branding::after {float: left;content: 'CHAPES';margin-top: 7px;margin-left: 12px;font-weight: 700;color: #1b3d85;font-size: 14px;}
.body--dxpr-theme-nav-mobile #logo {max-height: 45px;}

#guide-section, #image-guide{margin-top:5%}

#produit-application2, #produit-texte, #produit-texte2 {padding: 5% 5%;}
}

/*----------------------------------------------*/
/*---------MEDIA MAX 1600PX----------*/
/*----------------------------------------------*/
@media (max-width: 1600px){#secondary-header {display:none!important;}}

/*----------------------------------------------*/
/*---------MEDIA MIN 1600PX----------*/
/*----------------------------------------------*/
@media (min-width: 1600px) {
#navbar > div {width: 1240px; margin: auto; display: table;}
.navbar-nav>li>.dropdown-menu {border-radius: 0px 10px 10px 10px;max-width: 82%;}

.dxpr-theme-header--sticky #block-useraccountmenu > ul > li.first,
.dxpr-theme-header--sticky #block-useraccountmenu > ul > li.nav-item:first-child,
.dxpr-theme-header--fixed #block-useraccountmenu > ul > li.first,
.dxpr-theme-header--fixed #block-useraccountmenu > ul > li.nav-item:first-child {margin-top: 30px;}

.dxpr-theme-header--sticky #block-useraccountmenu > ul > li.last,
.dxpr-theme-header--sticky #block-useraccountmenu > ul > li.nav-item:last-child,
.dxpr-theme-header--fixed #block-useraccountmenu > ul > li.last,
.dxpr-theme-header--fixed #block-useraccountmenu > ul > li.nav-item:last-child {margin-top: 27px;}

#secondary-header {padding: 0; height: 25px; background: transparent;}
#secondary-header ul.menu li,
#secondary-header ul.navbar-nav li {height: 25px; margin-left: 35px;}
#secondary-header .secondary-header-container {width: 1240px; font-weight: 700; margin: auto; display: flex; padding-left: 107px;}
}


/* PAGES */
.panel-group { margin-bottom: 20px; }
.panel .panel-title {
    display: block;
    margin: 10px;
    padding: 10px 15px;
font-weight: 600;
}

/* body font face */
body, .tooltip {
  font-family: var(--dxt-setting-body-font-face);
  font-style: normal;
  font-weight: 400 !important;
}

/* nav font face */
nav,nav ul li,nav a {
  font-family: var(--dxt-setting-nav-font-face);
  font-style: normal;
  font-weight: 400 !important;
}

/* headings font face */
h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption {
  font-family: var(--dxt-setting-headings-font-face);
  font-style: normal;
  font-weight: 400 !important;
}

/* sitename font face */
.site-name, .navbar-brand {
  font-family: var(--dxt-setting-sitename-font-face);
  font-style: normal;
  font-weight: 400 !important;
}

/* blockquote font face */
blockquote, blockquote p {
  font-family: var(--dxt-setting-blockquote-font-face);
  font-style: normal;
  font-weight: 400 !important;
}

/* Header Styling */
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top {
  background-color: rgba(var(--dxt-color-header-rgb), var(--dxt-setting-header-top-bg-opacity));
  opacity: 0;
}
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.affix {
  background-color: rgba(var(--dxt-color-header-rgb), var(--dxt-setting-header-top-bg-opacity-scroll));
  opacity: 1;
}

.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top {
  height: var(--dxt-setting-header-top-height);
}

.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix {
  height: var(--dxt-setting-header-top-height-scroll);
}

.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header {
  height: var(--dxt-setting-header-mobile-height);
}

.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header.affix {
  height: var(--dxt-setting-header-mobile-height);
}

/* Menu Options */

    #block-dxpr-theme-main-menu .dropdown-menu {
      .dropdown {
        color: #1b3d85;

        * {
          color: #1b3d85;
        }
      }
    }
  /* Layout Styles */
body {
  background-position: var(--dxt-setting-background-image-position);
  background-attachment: var(--dxt-setting-background-image-attachment);
}

/* Page Title Styles */
.page-title-full-width-container:after {
  opacity: var(--dxt-setting-page-title-image-opacity);
  background-position: var(--dxt-setting-page-title-image-position);
}

/* Theme Settings */
:root {
  --dxt-setting-background-image-attachment: fixed;
  --dxt-setting-background-image-position: center center;
  --dxt-setting-block-divider-length: 0.625rem;
  --dxt-setting-block-divider-spacing: 1.25rem;
  --dxt-setting-block-divider-thickness: 0.25rem;
  --dxt-setting-blockquote-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-blockquote-font-weight: 400;
  --dxt-setting-blockquote-font-style: normal;
  --dxt-setting-blockquote-font-size: 1.25rem;
  --dxt-setting-blockquote-line-height: 1.5;
  --dxt-setting-blockquote-mobile-font-size: 1.125rem;
  --dxt-setting-body-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-body-font-weight: 400;
  --dxt-setting-body-font-style: normal;
  --dxt-setting-body-font-size: 1rem;
  --dxt-setting-body-line-height: 1.8;
  --dxt-setting-body-mobile-font-size: 1rem;
  --dxt-setting-box-max-width: 137.5rem;
  --dxt-setting-boxed-layout-boxbg: #ffffff;
  --dxt-setting-divider-length: 100;
  --dxt-setting-divider-position: 0;
  --dxt-setting-divider-position-block: 0;
  --dxt-setting-divider-thickness: 0.5rem;
  --dxt-setting-dropdown-width: auto;
  --dxt-setting-gutter-container: 3.75rem;
  --dxt-setting-gutter-container-mobile: 1.875rem;
  --dxt-setting-gutter-horizontal: 1.875rem;
  --dxt-setting-gutter-horizontal-mobile: 1.875rem;
  --dxt-setting-gutter-vertical: 1.875rem;
  --dxt-setting-gutter-vertical-mobile: 1.875rem;
  --dxt-setting-h1-font-size: 2.375rem;
  --dxt-setting-h1-mobile-font-size: 2.1875rem;
  --dxt-setting-h2-font-size: 1.75rem;
  --dxt-setting-h2-mobile-font-size: 1.75rem;
  --dxt-setting-h3-font-size: 1.25rem;
  --dxt-setting-h3-mobile-font-size: 1.375rem;
  --dxt-setting-h4-font-size: 1rem;
  --dxt-setting-h4-mobile-font-size: 1.375rem;
  --dxt-setting-header-mobile-breakpoint: 75rem;
  --dxt-setting-header-mobile-height: 3.75rem;
  --dxt-setting-header-side-align: left;
  --dxt-setting-header-top-bg-opacity: 1;
  --dxt-setting-header-top-bg-opacity-scroll: 1;
  --dxt-setting-header-top-height: 3.75rem;
  --dxt-setting-header-top-height-scroll: 3.75rem;
  --dxt-setting-header-top-height-sticky-offset: 3.75rem;
  --dxt-setting-headings-bold: normal;
  --dxt-setting-headings-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-headings-font-weight: 400;
  --dxt-setting-headings-font-style: normal;
  --dxt-setting-headings-line-height: 1.2;
  --dxt-setting-headings-uppercase: none;
  --dxt-setting-layout-max-width: 77.5rem;
  --dxt-setting-logo-height: 50%;
  --dxt-setting-menu-border-size: 0.125rem;
  --dxt-setting-menu-link-spacing: 0.625rem;
  --dxt-setting-nav-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-nav-font-weight: 400;
  --dxt-setting-nav-font-style: normal;
  --dxt-setting-nav-font-size: 1.125rem;
  --dxt-setting-nav-mobile-font-size: 0.875rem;
  --dxt-setting-page-title-align: left;
  --dxt-setting-page-title-breadcrumbs-align: right;
  --dxt-setting-page-title-breadcrumbs-separator: "/";
  --dxt-setting-page-title-height: 7.5rem;
  --dxt-setting-page-title-image-opacity: 1;
  --dxt-setting-page-title-image-position: center center;
  --dxt-setting-page-title-image-style: cover;
  --dxt-setting-scale-factor: 1.34;
  --dxt-setting-sitename-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-sitename-font-weight: 400;
  --dxt-setting-sitename-font-style: normal;
  --dxt-setting-title-align: left;
  --dxt-setting-title-font-size: var(--dxt-setting-h3-font-size);
  --dxt-setting-title-font-size-mobile: var(--dxt-setting-h3-mobile-font-size);
  --dxt-setting-title-sticker: block;
  --dxt-setting-title-type-uppercase: 0;
  --dxt-setting-title-type-bold: 0;
  --dxt-setting-title-type-italic: 0;
}

/* Typography Styles */
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li span {
  font-size: var(--dxt-setting-nav-font-size);
}

@media screen and (max-width: 768px) {
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span,
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li a,
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li span {
    font-size: var(--dxt-setting-nav-mobile-font-size);
  }
}