#sp-main-body {
    margin:10px auto;
    /*background-color:#16427b;*/
    background-color:white;
    width:71%;
 }

 .mod-finder.js-finder-searchform.uk-search.uk-search-default.uk-width-1-1.uk-first-column {
    width:300px;
 }

 .tm-header .awesomplete > ul {
    z-index:5000;
 }

 .tm-header {
    width:71%;
    margin:0 auto;
 }


 /*.container .sp-megamenu-wrapper {
    position:relative;
    top:30px;
 }*/



/***********************************************************************/
/* Déplacement du css initialement placé dans l'interface du template  */
/***********************************************************************/


.tm-headerbar-stacked.uk-grid-medium.uk-child-width-auto.uk-flex-center.uk-flex-middle.uk-grid.uk-grid-stack {
    justify-content: right;
    height:64px;
    }
    
    .sp-megamenu-parent.menu-animation-none.uk-navbar-nav {
     background-color:#15427b; 
     color:white;
     box-shadow:0 3px 7px 2px rgba(0,0,0,.35);
    }
    
    .tm-headerbar-top .container .uk-text-center {
     text-align:left !important;
    }
    
    .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
     background-color:#d0d5dc;
    color:#15427b !important;
    -webkit-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
    }
    
    #sp-slideshow-position .container {
     padding-left:0px !important;
     padding-right:0px !important;
    }
    
    .uk-navbar-container:not(.uk-navbar-transparent) {
     background:white !important;
    border-bottom:1px solid #cecece;
    }
    
    .uk-sticky {
     top:0px;
    }
    
    .tm-headerbar-top {
     padding: 20px 0 0 0;
    }
    
    .tm-headerbar-stacked {
     margin-top:0px;
    }
    
    
    .tm-toolbar .uk-flex.uk-flex-middle.container.uk-flex-center {
       justify-content:right;
    }
    
    .uk-logo img {
       max-width:60% !important;
    }
    
    .uk-position-z-index.uk-icon.uk-search-icon {
       background-color:#94c120;
    color:white;
    }
    
    #mod-finder-searchword0 {
       padding-left:50px;
       font-style:italic;
    }
    
    #mod-finder-searchword0::placeholder {
       color:lightgray;
    }
    
    .accueil_p1, .accueil_p2 {
       padding:25px 40px 0px 40px;
       color:#666;
       line-height:28px;
       text-align:justify;
    }
    
    #sp-main-body {
       padding:0px;
    }

    .uk-article a {
        color:#94c120 !important;
    }

    a.uk-button  {
        color:white !important;
    }
    
    .texte_bleu {
       color:#0f489f;
       font-weight:bold;
    }
    
    
    
    .sp-menu-item a {
       width:185px;
       height:20px;
       line-height:25px !important;
       text-align:center;
    }
    
    .sp-megamenu-parent > li.active > a::before, .sp-megamenu-parent > li.active:hover > a::before, .sp-megamenu-parent > li:hover > a::before, .sp-megamenu-parent > li:hover > a::before {
       width:82%;
       top:70px;
        background-color: #94c120;
    }

    .sp-megamenu-parent > li > a::before, .sp-megamenu-parent > li > span::before {

       top:70px;
    }

    #sp-breadcrumb .uk-card-title, #sp-breadcrumb .uk-breadcrumb {
        margin:0;
    }

    .tm-header .uk-navbar-nav > li > a {
        color:white;
    }
    
    #sp-intro-1-position {
       background-color:white;
       margin:10px auto 10px auto;
       width:71%;
    }
    
    #sp-intro-2-position {
       background-color:white;
       margin:10px auto;
       width:71%;
    }
    
    .tm-page {
       background-color:#eee !important;
    }
    
    #sp-dode-position {
       background-color:white;
    }
    
    #sp-slideshow-position {
       background-color:white;
       width:71%;
       margin:0 auto;
    }
    
    .tm-toolbar-default {
       background:white !important;
    }
    
    input[type="button"] {
        background-color: #006699; /* Couleur principale */
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    
    input[type="button"]:hover {
        background-color: #004466; /* Couleur pour le survol */
    }
    
    .btn_dl_data {
        background-color: #006699;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.3s ease;
        display: inline-flex;
        align-items: center;
    }
    
    #btn_dl_data::before {
        content: "\f1c3"; 
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 8px;
    }
    
    #search {
       margin-top:15px;
    }
    
    #div_liste_categories {
       display:flex;
       flex-direction:row;
       justify-content:space-evenly;
       padding:40px 0px;
       flex-wrap:wrap;
    }
    
    .list-group-item {
       width:200px;
       height:200px;
       cursor:pointer;
    }
    
    .list-group-item a {
       color:#16427b;
       font-weight:500;
       font-family:roboto,verdana,sans-serif;
       line-height:1.25em;
       font-size:1.2em;
    }
    
    .list-group-item:nth-child(1) {
        background-color:#49a53b/*#8df8ff*/;
        border:2px solid #49a53b;
    }
    
    .list-group-item:nth-child(2) {
       background-color:#49a53b/*#8df8ff*/;
       border:2px solid #49a53b;
    }
    
    .list-group-item:nth-child(3) {
        background-color:#49a53b/*#8df8ff*/;
        border:2px solid #49a53b;
    }
    
    .list-group-item {
        background-color:#49a53b/*#8df8ff*/;
        border:2px solid #49a53b;
    }
    
    
    .body-wrapper {
       background-image:linear-gradient(rgba(238, 238, 238, 0.1), rgb(238, 238, 238)), url('../../../../images/fond_plateforme.png');
       background-repeat:repeat;
    }
    
    
    
    








/******************************************/
/*      Gestion du responsive design      */
/******************************************/
@media only screen and (max-width:959px) {

	/*.uk-logo img {
		max-width:250px !important;
	}*/

    .uk-navbar-center:not(:only-child) {
        right:-70px !important;
        left:unset;
        transform:translate(0%,-20%) !important;
        top:25% !important;
        width:90%;
    }

    

    .uk-navbar-center a {
        width:100%;
    }

    .uk-logo img {
        max-width:95% !important;
    }

   .uk-navbar-left {
      position:relative;
      top:20%;
   }
}






/******************************************/
/*Gestion de l'affichage des publications*/
/******************************************/
.tableau_publication {
    display:none;
 }
 
 .liste_articles {
    flex:1 1 100%;
    max-width:100%;
    padding:10px 20px;
    /*min-height:330px;*/
    background-color:white;
    margin-top:15px;
    border-bottom:1px solid #93bc07;
    border-right:1px solid #93bc07;
 }
 
 .liste_articles .uk-margin-small-top {
    width:30%;
    float:left;
 }
 
 .liste_articles img {
    height:250px;
 }
 
 .liste_articles .uk-margin-top {
    width:70%;
    float:right;
    /*height:120px;
    /*margin-bottom:30px;*/
 }
 
 .blog .uk-grid-medium {
   margin-left:0px;
 }
 
 .publication-date {
    position:relative;
    top:10px;
    font-style:italic;
    background:#efeeec;
    color:#16427b;
    font-size:.93em;
    padding:5px;
    left:-16px;
 }
 
 .liste_articles h2.uk-margin-top {
    height:75px;
 }
 
 .uk-margin-small-top {
    margin-top:40px !important;
 }

 .bloc_contenu_liste_articles div:nth-child(3) {
    margin-bottom:30px;
 }


 .bloc_contenu_liste_articles div:nth-child(3) a {
    line-height:30px;
 }

 





/* Styles pour mobiles et tablettes */
@media screen and (max-width: 1024px) {
    /* Liste des articles */
    .liste_articles {
      flex: 1 1 100%;
      max-width: 100%;
      padding: 10px;
      height: auto; /* Ajustement automatique de la hauteur */
      background-color: white;
      margin: 15px 0;
      border-bottom: 1px solid #93bc07;
      border-right: none; /* Suppression de la bordure droite sur petit écran */
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Ajout d'une ombre légère */
      border-radius: 8px; /* Coins arrondis */
    }
  
    /* Conteneur de l'image */
    .liste_articles .uk-margin-small-top {
      width: 100%; /* L'image occupe toute la largeur */
      float: none;
      margin-bottom: 10px;
    }
  
    /* Image des articles */
    .liste_articles img {
      width: 100%; /* L'image prend toute la largeur */
      height: auto; /* Conserve les proportions */
      border-radius: 5px; /* Coins arrondis pour les images */
      max-height:300px;
    }
  
    /* Conteneur du contenu */
    .liste_articles .uk-margin-top {
      width: 100%; /* Conteneur en pleine largeur */
      float: none;
      height: auto; /* Ajustement automatique de la hauteur */
      margin-bottom: 20px; /* Espacement en bas */
    }
  
    /* Date de publication */
    .publication-date {
      position: relative;
      top: auto; /* Réinitialisation de la position */
      font-style: italic;
      background: #efeeec;
      color: #16427b;
      font-size: 0.9em;
      padding: 5px;
      left: 0; /* Recentre la date */
      margin-bottom: 10px; /* Ajoute un espacement sous la date */
      display: inline-block;
    }
  
    /* Titre des articles */
    .liste_articles h2.uk-margin-top {
      height: auto; /* Permet une hauteur flexible */
      font-size: 1.2em; /* Taille adaptée pour mobile */
      line-height: 1.4; /* Meilleure lisibilité */
      margin-top: 10px;
    }
  
    /* Grille principale */
    .blog .uk-grid-medium {
      margin-left: 0;
      gap: 10px; /* Ajoute un espacement entre les éléments */
    }
  
    /* Liens */
    a:hover, a:focus, a:active, .uk-link:hover, .uk-link:focus, .uk-link:active {
      color: #94c120;
      text-decoration: underline; /* Met en évidence les liens au survol */
    }
  
    /* Boutons ou éléments actifs */
    .uk-radio:checked,
    .uk-checkbox:checked,
    .uk-checkbox:indeterminate,
    .uk-radio:checked:focus,
    .uk-checkbox:checked:focus,
    .uk-checkbox:indeterminate:focus,
    .uk-button-primary,
    .uk-card-primary.uk-card-hover:hover {
      background-color: #94c120;
    }
  }
  
























/******************************************/
/* Gestion de l'affichage des recherches  */
/******************************************/
/*
.tm-header .awesomplete > ul {
    z-index:5000;
 }
 
 .container .mod-finder {
    width:20%;
 }
 
 .search-results {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
 }
 
 .search-result-item {
     display: flex;
     flex-direction: column;
     background-color: #f9f9f9;
     border: 1px solid #ddd;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     width: 100%;
     max-width: 300px;
 }
 
 .search-result-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }
 
 .search-result-image img {
     display: block;
     width: 100%;
     height: auto;
     object-fit: cover;
     max-height: 200px;
 }
 
 .search-result-title {
     font-size: 1.25rem;
     font-weight: bold;
     margin: 10px;
     color: #11336e;
     text-align: left;
 }
 
 .search-result-title a {
     text-decoration: none;
     color: inherit;
     transition: color 0.3s ease;
 }
 
 .search-result-title a:hover {
     color: #0056b3;
 }
 
 .search-result-text {
     font-size: 0.95rem;
     line-height: 1.5;
     color: #555;
     margin: 10px;
 }
 
 @media (min-width: 768px) {
     .search-result-item {
         flex: 1 1 calc(33.333% - 20px);
     }
 }
 
 a:hover, a:focus, a:active, .uk-link:hover, .uk-link:focus, .uk-link:active {
    color:#94c120;
 }
 
 .uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked:focus, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-button-primary, .uk-card-primary.uk-card-hover:hover {
    background-color:#94c120;
 }
*/

/**************************************************/
/* Gestion de l'affichage des recherches - Ancien */
/**************************************************/

/* Container des résultats de recherche */
.search-results {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

/* Style de chaque élément de résultat de recherche */
.search-result-item {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #93bc07;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    max-width: 300px;
    margin-bottom: 20px;  /* Espacement entre les articles */
    height: auto;  /* Permet d'ajuster la hauteur pour que les éléments ne soient pas écrasés */
    margin:0 auto;
}

.search-result-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Image des résultats de recherche */
.search-result-image img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-bottom: 1px solid #93bc07;
}

/* Titre du résultat de recherche */
.search-result-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 10px;
    color: #94c120;
    text-align: left;
}

.search-result-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

.search-result-title a:hover {
    color: #94c120;
}

/* Texte du résultat de recherche */
.search-result-text {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #555;
    margin: 10px;
    height: auto;
    flex-grow: 1;  /* Permet au texte de grandir en fonction du contenu */
}

/* Pour mobile et tablette, ajustement des éléments */
@media (max-width: 768px) {
    .search-result-item {
        flex: 1 1 100%;
        margin:0 auto;
    }
    
    .search-result-image img {
        height: 250px; /* Ajuste la hauteur de l'image sur mobile pour ne pas être trop petit */
    }
}

/* Ajout du style de lien global */
a:hover, a:focus, a:active, .uk-link:hover, .uk-link:focus, .uk-link:active {
    color: #94c120;
}

/* Boutons, checkboxes et radios, si utilisés dans les résultats de recherche */
.uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked:focus, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-button-primary, .uk-card-primary.uk-card-hover:hover {
    background-color: #94c120;
}

.search-pagination {
    margin-top:40px;
}










/***************************************************/
/* Gestion de l'affichage des recherches - Nouveau */
/***************************************************/

/* Conteneur pour la liste des résultats */
#search-result-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

/* Style de chaque élément de résultat de recherche */
#search-result-list li {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #93bc07;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    max-width: 250px;
    margin-bottom: 20px; /* Espacement entre les articles */
    margin: 0 auto;
}

/* Effet au survol */
#search-result-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Image des résultats de recherche */
#search-result-list .search-result-image img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-bottom: 1px solid #93bc07;
}

/* Titre du résultat de recherche */
#search-result-list .search-result-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 10px;
    color: #94c120;
    text-align: left;
}

#search-result-list .search-result-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

#search-result-list .search-result-title a:hover {
    color: #94c120;
}

/* Texte du résultat de recherche */
#search-result-list .search-result-text {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #555;
    margin: 10px;
    flex-grow: 1; /* Permet au texte de grandir en fonction du contenu */
}

/* Pagination */
.search-pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.search-pagination .pagination {
    list-style: none;
    display: flex;
    gap: 10px;
    padding: 0;
}

.search-pagination .pagination li {
    border: 1px solid #93bc07;
    border-radius: 5px;
    background: #fff;
    padding: 5px 10px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

.search-pagination .pagination li:hover {
    background: #93bc07;
    color: #fff;
}

.search-pagination .pagination li.active {
    background: #94c120;
    color: #fff;
}


.com-finder__pagination.w-100 {
    width:80% !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    #search-result-list li {
        flex: 1 1 100%;
    }

    #search-result-list .search-result-image img {
        height: 250px;
    }


    .com-finder__pagination.w-100 {
        width:60% !important;
    }
}

#search-result-list .result-title {
    font-size:14px;
}

mark {
    background:#99d36052 !important;
}


    







/*****************************************************/
/* Gestion de l'affichage des echelles territoriales */
/*****************************************************/


.partie_gauche {
    display:block;
    width:66%;
    height:100%;
    background-color:rgba(255,255,255,0.4);
}

.partie_gauche > div > div {
    display:block !important;
    width:100%;
    height:50px;
}

.div-liste-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center; /* Centre les éléments horizontalement */
    margin-top: 30px;
}

.list-group-item {
    background-color: #f9f9f9;
    border: 2px solid #94c120;
    border-radius: 8px;
    gap: 20px;
    padding: 20px;
    text-align: center;
    width: 30%;
    min-width: 250px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

.list-group-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.list-group-item h5 a {
    color: #11336e;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2rem;
    transition: color 0.3s ease;
}

.list-group-item h5 a:hover {
    /*color: #94c120;*/
    color:white;
}

/*.list-group-item:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 40px;
    height: 4px;
    background-color: #94c120;
    border-radius: 2px;
}*/

@media (max-width: 768px) {
    .list-group-item {
        width: 100%;
        margin: 0 auto;
    }

}

@media (max-width: 1150px) {


    #div_liste_categories {
        display: flex;             /* Active Flexbox */
        flex-direction: column;    /* Aligne les enfants en colonne */
        align-items: center;       /* Centre les éléments horizontalement */
        justify-content: center;   /* Centre les éléments verticalement */
    }
}



/*NEW VERSION TEST */
.list-group-item {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
    border-top-width:2px !important;
  }
  
  .list-group-item h5 {
    z-index: 2;
    position: relative;
    color: #333;
    padding-left:0.5cm;
    padding-top:0.3cm;
    padding-right:5cm;
  }
  
  .list-group-item span {
    z-index: 2;
    position: absolute;
    bottom:10px;
    left:10px;
    width:167px;
  }
  
  /*.list-group-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
  }*/


  .list-group-item.region {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/region.svg"); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
    background-color: #94c120;
  }


  .list-group-item.region:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }


  .list-group-item.departement {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/departement.svg"); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
  }


  .list-group-item.departement:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }


  .list-group-item.infra {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/infra.svg"); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
  }


  .list-group-item.infra:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }


@media (max-width: 540px) {
    .list-group-item.region, .list-group-item.departement, .list-group-item.infra {
        width:100%;
    }
    .list-group-item span {
        left:unset !important;
      }
}


@media (max-width: 1400px) {
    .list-group-item span {
        /*left:-35px;*/
      }
}

@media (max-width: 1150px) {
    .list-group-item span {
        /*left:-81px;*/
      }
}

@media (max-width: 540px) {
    .list-group-item span {
        left:10px !important;
      }
}



  















/***************************************************************/
/* Gestion de l'affichage des catégories Infra-départementales */
/***************************************************************/



.categorie_cls > .partie_gauche {
    display:block !important;
    width:66%;
}

.categorie_cls > .partie_gauche h3 {
}

.categorie_cls {
    background-color:#00b0b9 !important;
    border:2px solid #00b0b9 !important;
}

.categorie_cpts {
    background-color:#00b0b9 !important;
    border:2px solid #00b0b9 !important;
}

.categorie_dls {
    background-color:#00b0b9 !important;
    border:2px solid #00b0b9 !important;
}

.categorie_cc {
    background-color:#00b0b9 !important;
    border:2px solid #00b0b9 !important;
}

.cat-children {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center; /* Centre les éléments horizontalement */
    margin-top: 30px;
}

.cat-children > div {
    background-color: #f9f9f9;
    border: 2px solid #94c120;
    border-radius: 8px;
    gap: 20px;
    padding: 20px;
    text-align: center;
    width: 30%;
    min-width: 250px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    cursor:pointer;
}

.cat-children > div:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.cat-children > div h3 a {
    color: #11336e;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2rem;
    transition: color 0.3s ease;
}

.cat-children > div h3 a:hover {
    color: #94c120;
}

/*.cat-children > div:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 40px;
    height: 4px;
    background-color: #94c120;
    border-radius: 2px;
}*/

@media (max-width: 768px) {
    .cat-children > div {
        width: 100%;
        margin: 0 auto;
    }

}

@media (max-width: 1150px) {


    .cat-children {
        display: flex;             /* Active Flexbox */
        flex-direction: column;    /* Aligne les enfants en colonne */
        align-items: center;       /* Centre les éléments horizontalement */
        justify-content: center;   /* Centre les éléments verticalement */
    }
}

.a_masquer {
    display:none;
}

/*NEW VERSION TEST */
.cat-children > div {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
  }
  
  .cat-children > div h3 {
    z-index: 2;
    position: relative;
    color: #333;
    height:70px;
    line-height:25px;
  }
  
  .cat-children > div span {
    z-index: 2;
    position: relative;
    top:128px;
    left:-81px;
    width:167px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
    font-weight:700;
    border-radius:50rem !important;
    padding:0.35em 0.65em;
  }

  /*.cat-children > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72.7%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
  }*/


  .cat-children > div.categorie_cls {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/territoires/infra-departemental/couv_cls.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


  .cat-children > div.categorie_cls:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }








  .cat-children > div.categorie_dds_departements {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/territoires/departements/diag_CTS.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


  .cat-children > div.categorie_dds_departements:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }
  


  .cat-children > div.categorie_cpts {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/territoires/infra-departemental/couv_cpts.jpg"); 
    background-size: 34%; /*contain;*/ 
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }

  .categorie_osrss {
    background-color:#94c120 !important;
 }

 .cat-children > div.categorie_osrss {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/territoires/region/couv_offre.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


  .cat-children > div.categorie_osrss:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }
 
 .categorie_dds_region {
    background-color:#94c120 !important;
 }

 .cat-children > div.categorie_dds_region {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/territoires/region/couv_determinants.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


  .cat-children > div.categorie_dds_region:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }
 
 .categorie_dps {
    background-color:#94c120 !important;
 }
 
 .list-group-item:nth-child(3) {
    background-color:#00b0b9;
 }


  .cat-children > div.categorie_cpts:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }





  /***Thématiques****/



  .categorie_sante_env {
    background-color:#94c120 !important;
 }

 div.categorie_sante_env {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/thematiques/DRSE.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 510px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


 div.categorie_sante_env:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }




  .categorie_demo_pro {
    background-color:#94c120 !important;
 }

 div.categorie_demo_pro {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/thematiques/demo_pro.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 510px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


 div.categorie_demo_pro:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }




  .categorie_cancers {
    background-color:#94c120 !important;
 }

 div.categorie_cancers {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/thematiques/cancers.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 510px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


 div.categorie_cancers:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }




  .categorie_urgences {
    background-color:#94c120 !important;
 }

 div.categorie_urgences {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/thematiques/urgences.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 510px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


 div.categorie_urgences:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }







  .categorie_pa_ph {
    background-color:#94c120 !important;
 }

 div.categorie_pa_ph {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/thematiques/PA_PH.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 510px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


 div.categorie_pa_ph:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }





@media (max-width: 540px) {
    .cat-children > div.categorie_cls, .cat-children > div.categorie_cpts {
        width:100%;
    }



    .categorie_cls .partie_gauche span, .categorie_cpts .partie_gauche span, .categorie_dls .partie_gauche span, .categorie_cc .partie_gauche span {
    left:unset !important;
  }
}

.nbarticles, .bg-primary {
    background-color:#15427b !important;
}









/*********************************************/
/* Gestion de l'affichage des catégories CLS */
/*********************************************/



.categorie_dls > .partie_gauche {
    display:block !important;
    width:66%;
}



.categorie_cc > .partie_gauche > h3 > a {
    display:inline-block;
    width:100%;
}

.cat-children {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center; /* Centre les éléments horizontalement */
    margin-top: 30px;
}

.cat-children > div {
    background-color: #f9f9f9;
    border: 2px solid #94c120;/*#94c120*/;
    border-radius: 8px;
    gap: 20px;
    padding: 20px;
    text-align: center;
    width: 30%;
    min-width: 250px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    cursor:pointer;
}

.cat-children > div:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.cat-children > div h3 a {
    color: #11336e;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2rem;
    transition: color 0.3s ease;
}

.cat-children > div h3 a:hover {
    color: #94c120;
}

/*.cat-children > div:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 40px;
    height: 4px;
    background-color: #94c120;
    border-radius: 2px;
}*/

@media (max-width: 768px) {
    .cat-children > div {
        width: 100%;
        margin: 0 auto;
    }

}

@media (max-width: 1150px) {


    .cat-children {
        display: flex;             /* Active Flexbox */
        flex-direction: column;    /* Aligne les enfants en colonne */
        align-items: center;       /* Centre les éléments horizontalement */
        justify-content: center;   /* Centre les éléments verticalement */
    }
}

.a_masquer {
    display:none;
}

/*NEW VERSION TEST */
.cat-children > div {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
  }
  
  .cat-children > div h3 {
    z-index: 2;
    position: relative;
    color: #333;
    height:70px;
    line-height:25px;
  }
  
  .cat-children > div span {
    z-index: 2;
    position: relative;
    /*top:162px;*/
    left:-74px;
    width:167px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
    font-weight:700;
    border-radius:50rem !important;
    padding:0.35em 0.65em;
  }

  

  .cat-children > div.categorie_dls {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/territoires/infra-departemental/couv_dls.jpg"); 
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }


  .cat-children > div.categorie_dls:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }


  .cat-children > div.categorie_cc {
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    transform:rotateY(0deg) rotateX(0deg) scale(1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    background-image: url("/images/publications/territoires/infra-departemental/couv_cc.jpg"); 
    background-size: 34%; /*contain;*/ 
    background-repeat: no-repeat; 
    background-position: right center; 
    min-width: 370px; 
    margin-right: 20px;
    width:510px;
    height:220px;
  }

 
 .list-group-item:nth-child(3) {
    background-color:#00b0b9;
 }


  .cat-children > div.categorie_cc:hover {
    transform:rotateY(10deg) rotateX(5deg) scale(1.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }



  @media (max-width: 540px) {
      .cat-children > div.categorie_dls, .cat-children > div.categorie_cc {
          width:100%;
      }
  
  
  

      .categorie_cc > .partie_gauche > h3 > span {
        top:162px;
    }
  
      .categorie_dls .partie_gauche span, .categorie_cc .partie_gauche span {
      left:unset !important;
    }
}



@media (max-width: 521px) {

    .categorie_cc > .partie_gauche > h3 > span {
        top:162px;
    }
}

.nbarticles {
    background-color:#15427b !important;
}


.category-list > div > div.content-category > div {
    text-align:center;
}


.blog > div.category-desc {
    text-align:center;
}

.image_entete_categories {
    max-height:200px !important;
}



/***************************************************/
/*  Catégorie Départements
/***************************************************/

.categorie_dds_departements {
    background-color: #49a53b !important;
    border:2px solid #49a53b !important;
}


.uk-article img {
    max-width: 50%;
}


.blog .uk-article img {
    max-width: 100%;
}

#sp-section-2 {
    width:71%;
    max-width:1320px;
    margin:0 auto;
}

.social-icon-custom {
    padding:5px 7px !important;
    border-radius:24px;
    background-color: #befd1c;
}

.categorie_dds_region .nbarticles {
    top:153px;
    left:-70px;
}

.categorie_osrss .nbarticles {
    top:153px;
    left:-110px;
}

.categorie_dds_departements .nbarticles {
    top:155px;
    left:-150px;
}

.categorie_dls .nbarticles {
    top:155px;
    left:-74px;
}

.categorie_cc .nbarticles {
    top:156px !important;
    left:-72px;
}