/*Fil d'Ariane personalise pour page navigation */
.rqt-breadcrumb-dark-blue header .et_pb_section.rqt-breadcrumbs-section {
    background-color : var(--main-dark-blue);
}
.rqt-breadcrumb-light-blue header .et_pb_section.rqt-breadcrumbs-section {
    background-color : #e2f4fd;
}
.rqt-breadcrumb-pale-blue header .et_pb_section.rqt-breadcrumbs-section {
    background-color : var(--main-pale-bleu);
}
.rqt-breadcrumb-piv-blue header .et_pb_section.rqt-breadcrumbs-section {
    background-color : var(--main-piv-blue);
}
.rqt-breadcrumb-dark-blue header .et_pb_section,
.rqt-breadcrumb-piv-blue header .et_pb_section,
.rqt-breadcrumb-dark-blue .et_pb_dcsbcm_divi_breadcrumbs_module.rqt-breadcrumbs-theme ol li a, 
.rqt-breadcrumb-piv-blue .et_pb_dcsbcm_divi_breadcrumbs_module.rqt-breadcrumbs-theme ol li a {
      color: #fff;
}

.rqt-global-text ul ul li:last-child,
/* Pour les <ol> contenant des <ul> */
.rqt-global-text ol ul li:last-child,
/* Pour les <ol> contenant des <ol> */
.rqt-global-text ol ol li:last-child,
/* Pour les <ul> contenant des <ol> */
.rqt-global-text ul ol li:last-child {
    padding-bottom: 0; /* Supprime l'espace excessif sous l'élément parent */
}

.rqt-global-text ul ul, 
.rqt-global-text ul li ul, 
/* Pour les <ol> contenant des <ul> */
.rqt-global-text ul ol, 
.rqt-global-text ul li ol,
/* Pour les <ul> contenant des <ol> */
.rqt-global-text ol ul, 
.rqt-global-text ol li ul, 
/* Pour les <ol> contenant des <ol> */
.rqt-global-text ol ol,
.rqt-global-text ol li ol {
    padding-top: 16px; /* Ajoute un peu d'espace avant la sous-liste */
    padding-bottom: 0; /* Supprime l'espace après la sous-liste */
    margin-bottom: 0; /* Évite un espace supplémentaire en bas des sous-listes */
}

.rqt-box-contact ul ul,
.rqt-box-contact ul ol,
.rqt-box-contact ol ul,
.rqt-box-contact ol ol {
    padding-top: 16px; /* Ajoute un peu d'espace avant la sous-liste */
}
/*********** 
************
Important : Vérifier les listes et les sous-listes dans les composantes "Listes avec Icones"
************
************/

/* bouton 'Close' popup */
.mfp-iframe-holder .mfp-close {
    color: #818181;
    opacity: 1;
}

.mfp-iframe-holder .mfp-close:hover {
    color: #fff;
}

.mfp-iframe-holder .mfp-close,
.mfp-iframe-holder .mfp-close:active {
    top: -45px;
}

.rqt-soutien-btn-svg {
    background-image: url('/wp-content/themes/divi-child-cct/images/btn-sprite-183x144-coordonnees-cssns.svg#inactive');
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    text-indent: -9999px;
    width: 183px;
}

.rqt-soutien-btn-svg:hover {
    background-image: url('/wp-content/themes/divi-child-cct/images/btn-sprite-183x144-coordonnees-cssns.svg#hover');
}

.rqt-soutien-btn-svg:focus {
    background-image: url('/wp-content/themes/divi-child-cct/images/btn-sprite-183x144-coordonnees-cssns.svg#focus');
}

.rqt-box-contact a.rqt-soutien-btn-svg:focus-visible {
    outline: unset;
}

/*** composant big icons ***/
.rqt-list-big-icons {
    padding-top: 15px;
}

.rqt-list-big-icons-element {
    display: flex;
}

.rqt-list-big-icons-image {
    min-width: 70px;
}

.rqt-list-big-icons-image img {
    display: block;
}

.rqt-list-little-icons-img {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 28px;
}

.rqt-list-little-icons-img img {
    height: auto;
    max-height: 28px;
    max-width: 28px;
    width: auto;
}

.rqt-list-big-icons-text {
    padding-top: 15px;
    padding-left: 20px;
}

.rqt-list-little-icons-text {
    padding-top: 0;
    padding-left: 16px;
}

.rqt-list-big-icons-element .rqt-list-little-icons-text.rqt-global-text p,
.rqt-list-big-icons-element .rqt-list-big-icons-text.rqt-global-text p {
    padding-bottom: 22px;
}

.rqt-max-width-none {
    max-width: none !important;
}

h3.rqt-list-big-icons-title {
    padding-top: 0;
}

/* Border image ***/
.rqt-image-border {
    border: 1px solid #f2f1f1;
}


/* Responsive Styles Smartphone ***/
@media screen and (max-width: 570px) {
    .rqt-list-big-icons-mobile .rqt-list-big-icons-image {
        min-width: 28px;
    }

    .rqt-list-big-icons-mobile .rqt-list-big-icons-image img {
        max-height: 30px;
    }

    .rqt-list-big-icons-mobile .rqt-list-big-icons-text {
        padding-left: 12px;
    }

    .rqt-list-big-icons-mobile .rqt-list-little-icons-img {
        min-width: 16px;
    }

    .rqt-list-big-icons-mobile .rqt-list-little-icons-img img {
        max-height: 16px;
        max-width: 16px;
    }

    .rqt-list-big-icons-mobile .rqt-list-little-icons-text {
        padding-left: 8px;
    }

}    

/* Responsive Styles landscape Smartphone/iPads/Tablets Only ***/

@media only screen and (max-width: 810px) {
    .rqt-list-big-icons-element-resposive {
        display: inline;
    }

    .rqt-list-big-icons-text-resposive {
        padding-left: 0px;  
    }

}

/*** fin composant big icons ***/

/**-------- Start Pastille Divi Module --------**/
.rqt-pastille-module {
    background: url('/wp-content/themes/divi-child-cct/images/bg-carte-interactive-teleconsultation.svg') no-repeat center calc(100% - 12px) / contain;
    margin: 0 auto; 
    max-width: 260px;
    padding: 0;
    text-align: center;
}

h3.rqt-pastille-title {
    font-size: 1.75rem;
    line-height: 2rem;
    margin: 0 0 16px 0;
    padding: 0;
    text-align: left;
}

.rqt-pastille-module .rqt-pastille-description.rqt-global-text p {
    letter-spacing: -0.06px;
    line-height: 1.5rem;
    margin: 0;
    padding-bottom: 0;
    text-align: left;
}

.rqt-pastille-image {
    line-height: 0;
    padding: 0 8px;
}

.rqt-pastille-image img {
    margin: 12px 0;
    width: 100%;
}

.rqt-pastille-button {
    width: 100%;
}
.rqt-pastille-button .rqt-button-round {
    margin-bottom: unset;
}

body #page-container .rqt-pastille-button.et_pb_button_module_wrapper a.et_pb_button.rqt-button-round {
    border: 0;
    color: #FFF;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 16px 32px;
    text-transform: uppercase;
}

@media all and (min-width: 1280px) and (max-width: 1500px) {
    .page-template-default h3.rqt-pastille-title {
        font-size: 1.375rem;
        letter-spacing: 0;
        line-height: 1.625rem;
    }
    
    body.page-template-default #page-container .rqt-pastille-button.et_pb_button_module_wrapper a.et_pb_button.rqt-button-round {
        letter-spacing: 2.1px;
        padding: 12px 14px;
    }
}

@media all and (min-width: 981px) and (max-width: 1279px) {
    .page-template-default h3.rqt-pastille-title {
        font-size: 1.25rem;
        letter-spacing: -0.3px;
        line-height: 1.625rem;
    }

    body.page-template-default #page-container .rqt-pastille-button.et_pb_button_module_wrapper a.et_pb_button.rqt-button-round {
        letter-spacing: 0;
        padding: 12px 14px;
    }
}

@media all and (max-width: 576px) {
    .page-template-default .page-template-page-navigation .rqt-divi-module-pastille,
    .page-template-default .page-template-page-navigation .rqtdma_pastille {
        margin-left: 0;
    }
}
/**-------- End Pastille Divi Module --------**/

.rqt-tag-label {
    color: var(--main-piv-blue);
    padding: 16px 0;
}
.rqt-tag-label span.rqt-tag-label-item,
.rqt-tag-label a {
    background-color: var(--main-pale-bleu);
    border: 1px solid var(--main-pale-bleu);
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    padding: 8px;
}

.rqt-tag-label a:hover {
    border: 1px solid var(--main-light-bleu);
    transition: 200ms linear;
}

.rqt-global-nav-text {
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.56;
	margin-bottom: 0 !important;
}

.rqt-global-nav-text p {
	padding: 0;
	margin-bottom: 20px;
}

.rqt-global-nav-text ul {
	margin-left: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 0 !important;
}

.rqt-global-nav-text li {
	margin-bottom: 16px;
}
