.desc_direct p, .liens_items p {
    text-align: start
}

.circles, .container {
    margin-top: 50px
}

.dept-list, .statistics_category .content, .statistics_category .icon, .statistics_category .item, .tab button {
    transition: .3s
}

h1, h2, h3, h4, h5, h6, strong {
    color: #000;
    letter-spacing: normal;
    margin-bottom: 0;
    text-transform: none
}

.hidden {
    display: none
}

p {
    color: #444;
    text-align: justify
}

.d-flex-jc {
    display: flex
}

.header-empty {
    background-color: #b53737;
    height: 18px;
    width: 100%
}

.header_style_text_container {
    color: #626567;
    display: flex;
    font-size: 20px;
    margin-left: 10px
}

.header_style_text {
    align-self: center;
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    text-align: left;
    text-shadow: 2px 2px 4px #d4d4d4
}

.bg-danger-red {
    background-color: #ba0813 !important
}

.text-danger-red {
    color: #ba0813 !important
}

.tab {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    overflow: hidden
}

.tab button {
    background-color: inherit;
    border: none;
    cursor: pointer;
    float: left;
    outline: 0;
    padding: 14px 16px
}

.jim-tabs {
    border-bottom: 1px solid #0a0f8d
}

.bg-blue {
    background-color: #04086d !important
}

.tabcontent {
    animation: 1s fadeEffect;
    display: none;
    padding: 6px 12px
}

@keyframes fadeEffect {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.bg-color-body-300, .statistics_category .item:hover {
    background-color: #ecece6
}

.statistics_category .item {
    background-color: #f0f2ee;
    height: 200px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    width: 100%
}

.statistics_category .item .content {
    left: 0;
    padding: 20px 30px;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.statistics_category span {
    color: #000
}

.img-slide-h {
    height: 180px !important
}

.slid-h {
    height: 65vh
}

@media screen and (max-width: 532px) {
    .slid-h {
        /*height: 45vh !important*/
    }
}

.main-shadow-hover-sm-2:hover {
    border: none;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .075) !important
}

.shadow-hover:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.circle_center, .menu, .menu .titre {
    box-shadow: 0 0 20px rgba(51, 51, 51, .1)
}

.carousel-main .carousel-caption {
    bottom: unset;
    top: 33%;
    transform: translateY(-30%)
}

.carousel-main .carousel-indicators {
    bottom: unset;
    top: -43px
}

.carousel-control-prev-icon, .carousel-main .carousel-control-next-icon {
    height: 29px;
    width: 29px
}

.carousel-main .carousel-indicators li {
    background-color: transparent;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    height: 11px;
    opacity: 1;
    width: 11px
}

.carousel-main .carousel-indicators li.active {
    background-color: #fff;
    border-radius: 7px !important;
    width: 20px
}

.img-carousel-main {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: inherit
}

.btn-indicator-keys {
    bottom: -40px;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 15;
    -ms-flex-pack: center;
    background: -moz-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0));
    background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, 0));
    justify-content: center;
    list-style: none;
    padding-left: 0
}

.text-urgent {
    font-size: 38px;
    font-weight: 700;
    text-shadow: 2px 2px #000
}

.img-recensement-slide {
    width: 150px
}

.map__image, .video-content {
    width: 100%
}

.recensement-text {
    text-align: left
}

@media (max-width: 1200px) {
    .btn-indicator-keys {
        bottom: -5px;
        position: relative
    }

    .carousel-main {
        flex-direction: column-reverse
    }

    .text-urgent {
        font-size: 14px
    }

    .img-recensement-slide {
        width: 70px
    }

    .video-content {
        width: auto
    }

    .recensement-home {
        flex-direction: column
    }

    .recensement-text {
        text-align: center
    }
}

.bg-fuchsia, html .toggle-fuchsia.toggle-simple .toggle > .toggle-title:after, html .toggle-fuchsia.toggle-simple .toggle > label:after {
    background-color: #f0f
}

.bg-dodgerblue, html .toggle-sky.toggle-simple .toggle > .toggle-title:after, html .toggle-sky.toggle-simple .toggle > label:after {
    background-color: #1e90ff
}

.bg-firebrick, html .toggle-firebrick.toggle-simple .toggle > .toggle-title:after, html .toggle-firebrick.toggle-simple .toggle > label:after {
    background-color: #b22222
}

.bg-forestgreen, html .toggle-forestgreen.toggle-simple .toggle > .toggle-title:after, html .toggle-forestgreen.toggle-simple .toggle > label:after {
    background-color: #228b22
}

.bg-goldenrod, html .toggle-goldenrod.toggle-simple .toggle > .toggle-title:after, html .toggle-goldenrod.toggle-simple .toggle > label:after {
    background-color: #daa520
}

.bg-honeydew, html .toggle-honeydew.toggle-simple .toggle > .toggle-title:after, html .toggle-honeydew.toggle-simple .toggle > label:after {
    background-color: #f0fff0
}

.bg-midnightblue, html .toggle-midnightblue.toggle-simple .toggle > .toggle-title:after, html .toggle-midnightblue.toggle-simple .toggle > label:after {
    background-color: #191970
}

.bg-olive, html .toggle-olive.toggle-simple .toggle > .toggle-title:after, html .toggle-olive.toggle-simple .toggle > label:after {
    background-color: olive
}

.bg-orangered, html .toggle-orangered.toggle-simple .toggle > .toggle-title:after, html .toggle-orangered.toggle-simple .toggle > label:after {
    background-color: #ff4500
}

.bg-yellow-armoirie {
    background-color: #efb431
}

.text-color-fuchsia, .text-color-hover-fuchsia:hover {
    color: #f0f
}

.text-colorg-dodgerblue {
    color: #1e90ff
}

.text-color-firebrick, .text-color-hover-firebrick:hover {
    color: #b22222
}

.text-color-forestgreen, .text-color-hover-forestgreen:hover {
    color: #228b22
}

.text-color-goldenrod, .text-color-hover-goldenrod:hover {
    color: #daa520
}

.text-color-honeydew, .text-color-hover-honeydew:hover {
    color: #f0fff0
}

.text-color-hover-midnightblue:hover, .text-color-midnightblue {
    color: #191970
}

.text-color-hover-olive:hover, .text-color-olive {
    color: olive
}

.text-color-hover-orangered:hover, .text-color-orangered {
    color: #ff4500
}

.text-color-blue {
    color: var(--primary) !important
}

.text-color-hover-dodgerblue:hover {
    color: #1e90ff !important
}

.menu-scale {
    height: 90%;
    left: -10px;
    top: 30px;
    width: 90%;
    z-index: -100
}

.-z-10 {
    z-index: -10
}

.-z-20 {
    z-index: -20
}

.-z-30 {
    z-index: -30
}

.-z-40 {
    z-index: -40
}

.-z-50 {
    z-index: -50
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

.text-gray-100 {
    color: #f3f4f6 !important
}

.text-gray-200 {
    color: #e5e7eb !important
}

.text-gray-300 {
    color: #c8c8c8 !important
}

.text-gray-400 {
    color: #9c99af !important
}

.text-gray-500 {
    color: #6b7280 !important
}

.border-danger-red {
    border-color: #ba0813 !important
}

.menu #action {
    margin-bottom: -12px
}

.liste_actions {
    display: none;
    margin-bottom: -15px
}

.container {
    display: grid;
    gap: 50px;
    grid-template-columns:1fr
}

.activer {
    background: #0b0f5c
}

.activer a {
    color: #fff
}

.menu {
    background: #fff;
    height: 350px;
    position: sticky;
    top: 40px;
    width: 300px
}

.contenu-item {
    padding-right: 40px
}

.menu .titre {
    padding: 10px;
    text-align: center
}

.menu .titre h3 {
    color: navy;
    font-size: 18px;
    font-weight: 700
}

.menu .liens {
    padding-top: 20px;
    width: 250px
}

.liens_items {
    padding-left: 20px
}

.menu .liens p {
    margin-bottom: 7px;
    padding: 7px;
    width: 100%
}

.menu .liens p a {
    text-decoration: none;
    width: 250px
}

.menu .liens p:hover {
    background: #0b0f5c;
    width: 100%
}

.menu .liens p a:hover {
    color: #fff;
    width: 250px
}

.image {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 50px
}

.image img {
    border: #0a0f8d;
    border-radius: 50%;
    height: 250px;
    object-fit: cover;
    width: 250px
}

.desc_direct, .direct {
    display: flex;
    justify-content: center
}

.desc_direct {
    align-items: start;
    background: navy;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    flex-direction: column;
    height: 200px;
    text-align: center;
    width: 300px
}

.desc_direct h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px
}

.desc_direct p {
    color: hsla(0, 0%, 100%, .788);
    font-size: 15px
}

.footer-list-item-title {
    display: inline-block;
    max-width: 400px;      /* Ajustez selon la largeur souhaitée */
    word-spacing: 0.15em;  /* Augmente uniformément l'espace entre les mots */
    letter-spacing: 0.02em;/* Un léger espacement entre lettres pour l'élégance */
    line-height: 1.4;      /* Meilleure lisibilité en cas de retour à la ligne */
    white-space: normal;   /* Laisse le texte passer à la ligne si besoin */
    text-align: left;      /* Ou 'center' si vous souhaitez centrer le texte */
    hyphens: auto;         /* Active le découpage des mots, utile surtout pour les petits écrans */
}

.circles img {
    width: 33px
}

.container_1 {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding: 22px
}

.circle {
    border: 10px solid hsla(0, 0%, 50%, .24);
    border-radius: 50%;
    height: 300px;
    width: 300px
}

.circle, .circle_center {
    align-items: center;
    display: flex;
    justify-content: center
}

.circle_center {
    border-radius: 50%;
    flex-direction: column;
    height: 150px;
    width: 150px
}

.circle_center_text {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 120px
}

.circle_center_text:first-child {
    margin-top: 20px
}

.circle_center_text:nth-child(2), .circle_top {
    margin-top: -25px
}

.circle_center p, .container_items h4 {
    color: navy
}

.circle_top {
    border: 7px solid navy;
    border-radius: 50%;
    margin-left: 120px
}

.circle_right, .circle_top {
    align-items: center;
    background: #fff;
    display: flex;
    height: 70px;
    justify-content: center;
    position: absolute;
    width: 70px
}

.circle_right {
    border: 7px solid hsla(0, 0%, 50%, .24);
    border-radius: 50%;
    margin-left: 250px;
    margin-top: 80px
}

.circles_bottom {
    display: flex;
    gap: 110px;
    margin-left: 20px;
    margin-top: 230px;
    position: absolute
}

.circle_bottom_left, .circle_bottom_right {
    align-items: center;
    background: #fff;
    border: 7px solid hsla(0, 0%, 50%, .24);
    border-radius: 50%;
    display: flex;
    height: 70px;
    justify-content: center;
    width: 70px
}

.container_items p {
    margin-bottom: 20px
}

.center {
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (max-width: 698px) {
    .desc_direct, .image {
        flex-direction: column
    }

    .container {
        display: grid;
        grid-template-columns:1fr
    }

    .image {
        display: flex
    }

    .image img {
        border-radius: 20px 20px 0 0;
        height: 200px;
        width: 200px
    }

    .desc_direct {
        background: navy;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 0;
        display: flex;
        height: 120px;
        justify-content: center;
        padding: 20px;
        text-align: center;
        width: 270px
    }

    .desc_direct h3 {
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: -3px
    }

    .desc_direct p {
        color: hsla(0, 0%, 100%, .788);
        font-size: 12px
    }

    .desc_direct br {
        display: none
    }

    .container_1 {
        display: flex;
        flex-direction: column;
        gap: 30px
    }

    .circle {
        border: 10px solid hsla(0, 0%, 50%, .24);
        border-radius: 50%;
        height: 220px;
        width: 220px
    }

    .circle, .circle_center {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .circle_center {
        border-radius: 50%;
        box-shadow: 0 0 20px rgba(51, 51, 51, .1);
        flex-direction: column;
        height: 120px;
        width: 120px
    }

    .circle_top {
        border: 7px solid navy;
        border-radius: 50%;
        margin-left: 90px;
        margin-top: -25px
    }

    .circle_right, .circle_top {
        align-items: center;
        background: #fff;
        display: flex;
        height: 50px;
        justify-content: center;
        position: absolute;
        width: 50px;
        z-index: 1
    }

    .circle_right {
        border: 7px solid hsla(0, 0%, 50%, .24);
        border-radius: 50%;
        margin-left: 190px;
        margin-top: 80px
    }

    .circles_bottom {
        display: flex;
        gap: 60px;
        margin-left: 30px;
        margin-top: 180px;
        position: absolute;
        z-index: 1
    }

    .circle_bottom_left, .circle_bottom_right {
        align-items: center;
        background: #fff;
        border: 7px solid hsla(0, 0%, 50%, .24);
        border-radius: 50%;
        display: flex;
        height: 50px;
        justify-content: center;
        width: 50px
    }

    .circles img {
        width: 25px
    }

    .circles {
        margin-top: 30px
    }

    .contenu-item {
        padding: 0
    }

    .menu {
        background: hsla(0, 0%, 50%, .066);
        display: none
    }
}

.no-underline {
    text-decoration: none !important
}

.themes__item {
    background-color: #f2f2f2;
    box-shadow: -6px 6px 6px 0 #0b0f5c;
    cursor: pointer;
    line-height: 1.1
}

.col-2-5 {
    flex: 0 0 auto;
    width: 23%
}

.sticky-table-matieres {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index: 1025
}

.parallax-background {
    z-index: -100
}

#header .header-contact {
    margin-right: 20px
}

.bg-reddark {
    background-color: #6b0404 !important
}

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

.hover-text-blue:hover {
    color: navy !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .8) !important
}

.text-content {
    font-size: medium
}

.st0 {
    fill: #FFFFFF;
    stroke: #000000;
    stroke-width: .98
}

.map__image path {
    fill: #ccc;
    stroke: #ffffff;
    stroke-width: 3px;
    transition: fill .2s
}

.departement path:hover, .haiti path:hover, .haiti_dept_list path:hover, .map__image path:hover {
    fill: #4fade8;
    cursor: pointer
}

.haiti {
    width: 100%;
    display: flex
}

.departement path, .haiti path, .haiti_dept_list path {
    fill: #ccc;
    stroke: #ffffff;
    stroke-width: 1px;
    transition: fill .2s
}

.departement path.is-active, .haiti path.is-active, .haiti_dept_list path.is-active {
    fill: #4fade8
}

.departement, .haiti_dept_list {
    max-width: 100%;
    max-height: 400px;
    display: flex
}

.map_list {
    float: left
}

.map_list a {
    color: inherit;
    text-decoration: none;
    font-size: 80%;
    transition: color .3s
}

.map_list a.is-active {
    color: #4fade8;
    font-weight: 700;
    text-decoration: underline
}

@media all {
    .sticky-list {
        position: -webkit-sticky;
        position: sticky !important;
        top: 0
    }
}

.dept-list {
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    color: #fff !important
}

.dept-list ul a {
    padding: 8px !important;
    font-size: 1em;
    color: #021581 !important;
    background-color: #dfe6e9;
    border: 1px solid #fff !important
}

.dept-list ul a:hover {
    color: #021581;
    background-color: #fff
}

@media (max-width: 768px) {
    .dept-list {
        margin-left: -250px;
        z-index: 1 !important
    }
}

.th_format_number {
    min-width: 200px !important
}

.treeview_list {
    font-size: smaller
}

.font-family-lato {
    font-family: Lato, sans-serif !important
}

.w-47 {
    width: 47% !important
}

.w-48 {
    width: 48% !important
}

.w-49 {
    width: 49% !important
}

.w-32 {
    width: 32% !important
}

.bg-color-body-200 {
    background-color: #f0f2ee
}

.sticky-add-margin-on-mobile {
    margin-top: 0
}

.panel-heading {
    display: inline-block
}

.rounded-4 {
    border-radius: .4rem !important
}

.rounded-5 {
    border-radius: .5rem !important
}

.rounded-6 {
    border-radius: .6rem !important
}

.logo-size {
    width: 90px
}

.armoirie-size {
    width: 100px
}

.armoirie-text {
    align-self: center;
    text-align: left;
    font-size: 9.5px !important;
    text-shadow: 2px 2px 4px #d4d4d4;
    font-family: Montserrat, sans-serif
}

.h-150 {
    height: 200px !important
}

.-mt-100px {
    margin-top: -100px
}

.apexcharts-menu-item {
    white-space: nowrap
}

@media (max-width: 575.98px) {
    .armoirie-size, .logo-size {
        width: 60px
    }

    .sticky-add-margin-on-mobile {
        margin-top: 30px
    }

    .armoirie-text {
        font-size: 4.6px !important
    }

    .p-max-xs-0 {
        padding-left: 4px
    }

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

    .h-max-xs-100 {
        height: 75px !important
    }

    .m-xs-0 {
        margin-top: 0
    }

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

@media (min-width: 576px) {
    .w-sm-25 {
        width: 25% !important
    }

    .w-sm-30 {
        width: 30% !important
    }

    .w-sm-32 {
        width: 32% !important
    }

    .w-sm-33 {
        width: 33% !important
    }

    .w-sm-48 {
        width: 48% !important
    }

    .w-sm-49 {
        width: 49% !important
    }

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

    .w-sm-74 {
        width: 74% !important
    }

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

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

@media screen and (max-width: 575px) {
    .table-column table {
        border: 0
    }

    .table-column table caption {
        font-size: 1.3em
    }

    .table-column table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .table-column table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em
    }

    .table-column table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right
    }

    .table-column table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        text-transform: uppercase
    }

    .table-column table td:last-child {
        border-bottom: 0
    }
}

@media (min-width: 768px) {
    .sticky-md-menu-tab-vertical {
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
        z-index: 1020
    }

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

    .w-md-30 {
        width: 30% !important
    }

    .w-md-32 {
        width: 32% !important
    }

    .w-md-33 {
        width: 33% !important
    }

    .w-md-48 {
        width: 48% !important
    }

    .w-md-49 {
        width: 49% !important
    }

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

    .w-md-74 {
        width: 74% !important
    }

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

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

    .indented-paragraph {
        text-indent: 200px
    }
}

@media (min-width: 992px) {
    .w-lg-18 {
        width: 18% !important
    }

    .w-lg-19 {
        width: 19% !important
    }

    .w-lg-20 {
        width: 20% !important
    }

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

    .w-lg-30 {
        width: 30% !important
    }

    .w-lg-32 {
        width: 32% !important
    }

    .w-lg-33 {
        width: 33% !important
    }

    .w-lg-48 {
        width: 48% !important
    }

    .w-lg-49 {
        width: 49% !important
    }

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

    .w-lg-74 {
        width: 74% !important
    }

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

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

    .indented-lg-paragraph {
        text-indent: 300px
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important
    }

    .w-xl-30 {
        width: 30% !important
    }

    .w-xl-32 {
        width: 32% !important
    }

    .w-xl-33 {
        width: 33% !important
    }

    .w-xl-48 {
        width: 48% !important
    }

    .w-xl-49 {
        width: 49% !important
    }

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

    .w-xl-74 {
        width: 74% !important
    }

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

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

.indented-paragraph {
    text-indent: 50px
}