@charset "UTF-8";
/* skippy links */
#skippy{
    position: relative;
    z-index: 1031;
    background-color: var(--ds-blanc);
}
.navbar-ucanss a:hover{
   text-decoration:none;
}
.navbar-ucanss > div{
    background-color: var(--ds-blanc);
}
.navbar-ucanss .header-top{
    position: relative;
    box-shadow: var(--ds-box-shadow-12);
}
.navbar-ucanss .navbar-header a img {
    margin: 1rem 1rem 1rem 2.3rem;
}
.navbar-ucanss .navbar-nav .dropdown-menu{
   border:none;
}

/* menu perso */
.navbar-ucanss .menu-espace-perso .icods-person-circle::before{
    font-size:1.2rem;
}
.navbar-ucanss .menu-espace-perso .btn-menuPerso{
    border:1px solid var(--ds-nav-border-color);
    color:var(--ds-primary);
    display: flex;
    align-items: center;
}
.navbar-ucanss .menu-espace-perso .btn-menuPerso.show{
    background-color: var(--ds-hover-clair);
   
}
.menu-espace-perso .dropdown-menu{
       --bs-dropdown-min-width: 13rem;
        --bs-dropdown-padding-y: 0;
        --bs-dropdown-spacer: .75rem;
    top: var(--bs-dropdown-spacer) !important;
}
.menu-espace-perso .arrow {
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-espace-perso .arrow::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid gray;
}

.menu-espace-perso .arrow::after {
  content: "";
  position: absolute;
  left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
}

/*.menu-espace-perso .dropdown-menu > li.espaceorg{
    border-bottom:1px solid var(--ds-nav-border-color);
}*/
.navbar-ucanss .btn.icods-chevron-bas-after[aria-expanded="true"]::after{
-webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navbar-ucanss .btn.icods-chevron-bas-after.true::after{
-webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.menu-espace-perso .dropdown-menu > .divider{
    border-bottom:1px solid var(--ds-nav-border-color);
    margin: 0 auto;
    height: 1px;
    display: block;
}
.menu-espace-perso .dropdown-menu > li a{
    display: block;
    font-size: var(--ds-texte-xs);
    color:var(--ds-default-text-color);
}
.menu-espace-perso .dropdown-menu > li:hover{
    background-color: var(--ds-hover-clair);
    
}
.menu-espace-perso .dropdown-menu > li.active a,
.menu-espace-perso .dropdown-menu > li:hover a{
   color:var(--ds-primary);
}
.menu-espace-perso .dropdown-menu > li.active a{
    font-weight:600;
}
/* menu connecte/public */
.navbar-ucanss .navbar {
    position: relative;
    --bs-navbar-padding-y: 0;
    --bs-navbar-padding-x: 1rem;
}
.navbar-ucanss .navbar .navbar-nav > li.list-inline-item{
    margin-right:0;
}

.navbar-ucanss .navbar .navbar-nav > li > a,
.navbar-ucanss .navbar .navbar-nav > li > .btn.dropdown-toggle{
    padding: 1rem;
    border-bottom: 3px solid transparent;
    border-top:0;
    border-left:0;
    border-right:0;
    display: inline-block;
    font-size: var(--ds-texte-xs);
    color:var(--ds-default-text-color);
    border-radius:0;
    display: flex;
    align-items: center;
}
.navbar-ucanss .navbar .navbar-nav > li.active > a,
.navbar-ucanss .navbar .navbar-nav > li.active > .btn.dropdown-toggle{
    font-weight:600;
}
/* Menu public */
.navbar-ucanss .navbar.menuPublic{
    background-color: var(--ds-succes-clair);
}
.navbar-ucanss .navbar.menuPublic .navbar-nav > li > a:hover,
.navbar-ucanss .navbar.menuPublic li.active > a,
.navbar-ucanss .navbar.menuPublic .navbar-nav > li.active > .btn.dropdown-toggle,
.navbar-ucanss .navbar.menuPublic .navbar-nav > li > .btn.dropdown-toggle:hover{
    border-bottom-color: 3px solid var(--ds-primary);
    background: #B6DDC9;
    font-weight: 600;
} 


/* Menu connecté */
.navbar-ucanss .navbar.menuConnect{
    background-color: var(--ds-info-clair);
}

.navbar-ucanss .navbar.menuConnect .navbar-nav > li > a:hover,
.navbar-ucanss .navbar.menuConnect .navbar-nav > li.active > a,
.navbar-ucanss .navbar.menuConnect .navbar-nav > li.active > .btn.dropdown-toggle,
.navbar-ucanss .navbar.menuConnect .navbar-nav > li > .btn.dropdown-toggle:hover{
    border-bottom-color:var(--ds-primary);
    background: #A5CCEE;
    color:var(--ds-primary);
    font-weight: 600;
}
.navbar-ucanss .navbar.menuConnect li .dropdown-toggle{
    padding:0;
}
/* sous-menu connecté */
.navbar-ucanss .navbar.menuConnect .sous-menu li a{
    position: relative;
}
.navbar-ucanss .navbar.menuConnect .sous-menu > li > a,
.navbar-ucanss .navbar.menuConnect .sous-menu > li > .btn{
   padding:1rem; 
}
.navbar-ucanss .navbar.menuConnect .sous-sous-menu > li > a{
    padding:.75rem 1rem .75rem 2rem;
}
.navbar-ucanss .navbar.menuConnect .sous-menu.dropdown-menu{
        --bs-dropdown-padding-y: 0;
         --bs-dropdown-spacer: -1px;
    --bs-dropdown-min-width: 15rem;
     font-size: var(--ds-texte-xs);
        border-radius: 0;
}
.navbar-ucanss .navbar.menuConnect .btn-collapse{
    border:none;
    font-size: var(--ds-texte-xs);
    color:var(--ds-default-text-color);
    padding:0;
    width:100%;
    border-radius: 0;
    text-align: left;
}
.navbar-ucanss .navbar.menuConnect .sous-menu.dropdown-menu > li > a,
.navbar-ucanss .navbar.menuConnect .sous-menu.dropdown-menu > li > .btn-collapse {
    font-weight:600;
}
.navbar-ucanss .navbar.menuConnect .sous-menu.dropdown-menu li > a,
.navbar-ucanss .navbar.menuConnect .sous-menu.dropdown-menu > li > .btn-collapse  {
    display: flex;
    align-items: center;
    width:100%;
    color: var(--ds-secondary-text-color);
}
.navbar-ucanss .navbar.menuConnect .dropdown-menu li.active > a,
.navbar-ucanss .navbar.menuConnect .dropdown-menu li > a:hover,
.navbar-ucanss .navbar.menuConnect .dropdown-menu li.active > .btn-collapse,
.navbar-ucanss .navbar.menuConnect .dropdown-menu li > .btn-collapse:hover{
    background-color:var(--ds-info-clair);
    text-decoration: none;
}
.navbar-ucanss .navbar.menuConnect .sous-menu.dropdown-menu > li.active a,
.navbar-ucanss .navbar.menuConnect li.active > .btn-collapse{
     color:var(---ds-default-text-color);
}
.navbar-ucanss .navbar.menuConnect .sous-sous-menu li a::before{
    content:"";
    width:.5rem;
    height:.5rem;
    border-radius: 50%;
    left: 1rem;
    top: 1.2rem;
    background-color: var(--ds-nav-border-color);
    position: absolute;
    text-align: center;
}
.navbar.menuConnect .sous-menu.dropdown-menu > li > .btn-collapse::after {
        margin-left: auto;
    }
.navbar-ucanss .navbar.menuConnect .sous-sous-menu> li > a{
    padding-left:2rem;
}
.navbar-ucanss .navbar.menuConnect .sous-sous-menu > li > a{
    /*padding: .35rem .5rem .35rem 2rem;*/
    font-weight:400;
}
.navbar-ucanss .navbar.menuConnect .sous-sous-menu > li > a:hover .texte-lien{
    text-decoration: underline;
}
/* btn Favoris */
.navbar-ucanss .btn.icods-etoile{
    font-size: var(--ds-texte-xs);
    font-weight:600;
    color:var(--ds-blanc);
    background-color: #6C5CE7;
    border-radius: 2rem;
}
/* focus */
.navbar-ucanss a:focus-visible,
.navbar-ucanss .btn:focus-visible{
    outline: 2px solid var(--ds-focus) !important;
    outline-offset: 2px;
    /* border: none; */
    border-radius: .5rem!important;
}
.navbar-ucanss .btn:focus{
    outline:none;
}
.navbar-ucanss .navbar-nav > li > a,
.navbar-ucanss .navbar-nav > li > .btn{
    outline-offset: -4px;
}
/* MOBILE */
.navbar-ucanss .btn.navbar-toggler{
    border: 1px solid var(--ds-nav-border-color);
    color: var(--ds-primary);
    padding: 0.5rem;
    border-radius: 0.375rem;
    margin-left:1.5rem;
}
.navbar-ucanss .btn.navbar-toggler:hover{
    background-color: var(--ds-primary);
    color:var(--ds-blanc);
}
.navbar-ucanss .btn.navbar-toggler.icods-menu:before{
    font-size: 1.2rem;
    margin-right:0;
}
/* reset btn-close bootstrap */
.navbar-ucanss .offcanvas-body .ico-close{
    --bs-btn-close-bg:none;
    position: absolute;
        right: 2rem;
        top: 1rem;
}
.navbar-ucanss .btn.icods-close::before{
    font-size:1.5rem;
    margin-right:0;
}
@media (max-width:320px) {
    .navbar-ucanss .btn.navbar-toggler,.navbar-ucanss .menu-espace-perso .btn.btn-menuPerso, .navbar-ucanss .btn.btn-unt.icods-loupe {
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-padding-y: .25rem;
    }
    .navbar-ucanss .zoneSearch,.navbar-ucanss .btn.navbar-toggler,.menu-espace-perso {
        margin-left: .8rem!important;
        margin-right:0!important;
    }
}
@media (max-width:430px) {
    .navbar-ucanss .img-logo {
        max-width: 100px;
    }
     main#content{
        padding-top:70px;
    }
}
@media (min-width:431px) and (max-width:767px){
     .navbar-ucanss .img-logo{
        width:75%;
        max-width: 200px;
    }
     main#content{
        padding-top:90px;
    }
}
@media (max-width:767px) {
    .navbar-ucanss .menuConnect .offcanvas {
         --bs-offcanvas-width: 80%;
    }
   
   .navbar-ucanss .zoneSearch .show-formSearch{
        display: block;
    }
    /* menu espace perso */
    .navbar-ucanss .menu-espace-perso .btn.btn-menuPerso{
       --bs-btn-padding-y: 0.5rem;
    }
    .navbar-ucanss .menu-espace-perso .dropdown-menu {
        list-style: none;
    }
    .menu-espace-perso .dropdown-menu > li{
        padding:1rem 1.2rem;
    }
    .menu-espace-perso .dropdown-menu > .divider{
        width: 100%;
    }
    .navbar-ucanss .menu-espace-perso .dropdown-menu {
        all: unset;
        --bs-dropdown-spacer: 0;
        position: fixed; /* mieux pour un effet overlay */
        top: 0;
        right: 0;
        height: 100%;
        width: 70%;
        background: white;
        z-index: 1050;
        padding:4rem 0;
        transform: translateX(100%)!important; /* caché à droite */
        transition: transform 0.4s ease;
    }
    .navbar-ucanss .menu-espace-perso .dropdown-menu.show {
        transform: translateX(0)!important; /* visible */
        box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.1), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 24px 38px 3px rgba(0, 0, 0, 0.07);
    }
    .navbar-ucanss .btn-closeMenu{
        display: block;
        position: absolute;
        right: .5rem;
        top: .5rem;
    }
    .navbar-ucanss .menu-espace-perso .dropdown-menu {
        list-style: none;
    }
    .navbar-ucanss .menu-espace-perso .dropdown-toggle::after {
        display:none;
    }
    .navbar-ucanss .menu-espace-perso .icods-person-circle::before {
        margin-right:0;
    }
}
@media (min-width:768px) {
    .navbar-ucanss .zoneSearch .show-formSearch{
        display: none;
    }
    .navbar-ucanss .btn-closeMenu{
        display: none;
    }
    .menu-espace-perso .dropdown-menu > li{
        padding:.75rem;
    }
    .menu-espace-perso .dropdown-menu > .divider{
        width: 88%;
    }
    
}
@media (min-width:768px) and (max-width: 991px) {
    .navbar-ucanss .menu-espace-perso .btn.btn-menuPerso{
        --bs-btn-padding-y: 0.5rem;
    }
     main#content{
        padding-top:90px;
    }
}
@media  (max-width: 991px) {
    
    .navbar-ucanss .header-top{
        z-index: 4;
        padding:1rem;
    }
    .navbar-ucanss .navbar {
        z-index: 5;
    }
    
     .navbar-ucanss .offcanvas-body a:focus-visible,  .navbar-ucanss .offcanvas-body .btn:focus-visible{
        outline-offset: -4px;
        border-radius: .5rem!important;
     }
    .navbar-ucanss .zoneSearch{
        margin-right:1.5rem;
    }
    /* menu connecté/public */
     .navbar-ucanss .menuConnect .offcanvas{
        background-color: #E3F1FC;
     }
     .navbar-ucanss .navbar.menuConnect .navbar-nav > li > a:hover, .navbar-ucanss .navbar.menuConnect .navbar-nav > li.active > a, .navbar-ucanss .navbar.menuConnect .navbar-nav > li.active > .btn.dropdown-toggle,
      .navbar-ucanss .navbar.menuConnect .navbar-nav > li > .btn.dropdown-toggle:hover {
        background-color: var(--ds-info-clair);
    }
     .navbar-ucanss .menuPublic .offcanvas{
       background-color: #EBFEF4;
     }
     .navbar-ucanss .navbar.menuPublic .navbar-nav > li > a:hover, .navbar-ucanss .navbar.menuPublic li.active > a, .navbar-ucanss .navbar.menuPublic .navbar-nav > li.active > .btn.dropdown-toggle, 
     .navbar-ucanss .navbar.menuPublic .navbar-nav > li > .btn.dropdown-toggle:hover{
        background-color: var(--ds-succes-clair);
    }
    .navbar-ucanss .navbar .container-xxl{
        padding:0;
    }
    .navbar-ucanss .offcanvas .icods-close {
        display: block;
        position: absolute;
        right: .5rem;
        top: .5rem;
    }
    .navbar-ucanss .navbar .offcanvas-body{
        padding:4rem 0;
    }
    .navbar-ucanss .navbar .navbar-nav > li > a,
    .navbar-ucanss .navbar .navbar-nav > li > .btn.dropdown-toggle{
        display: flex;
        border:none;
        width:100%;
        text-align: left;
        padding-right: 2rem;
        justify-content: space-between;
    }
    .navbar.menuConnect .sous-menu.dropdown-menu > li > .btn-collapse{
        padding-right:2rem;
    }
    .navbar-ucanss .navbar-nav .dropdown-menu{
         border-radius: 0;
    }
    .navbar-ucanss .navbar.menuConnect .sous-menu.dropdown-menu li > a, .navbar-ucanss .navbar.menuConnect .sous-menu.dropdown-menu li > .btn-collapse{
        padding-top:1rem;
        padding-bottom:1rem;
    }
    .navbar-ucanss .navbar.menuConnect .sous-sous-menu li a::before {
        top: 1.4rem;
    }
    .navbar-ucanss li.favori{
        margin-top:2rem;
        padding-left:1rem;
    }
   
}
@media  (min-width: 992px) {
     main#content{
        padding-top:180px;
    }
    .navbar-ucanss .header-top{
         z-index: 5;
        padding:2rem 1rem;
    }
    .navbar-ucanss .navbar {
        z-index: 4;
    }
    .navbar-ucanss .navbar .navbar-nav > li > a,
    .navbar-ucanss .navbar .navbar-nav > li > .btn.dropdown-toggle{
        line-height: 1.4rem;;
    }
    .navbar-ucanss .navbar .navbar-nav > li a.icods-home{
        padding: 1.2rem 1rem;
    }
    .navbar-ucanss .offcanvas-body .btn.icods-close{
        display:none;
    }
    .navbar-expand-lg .navbar-nav {
        width:100%;
    }
    .navbar-ucanss li.favori{
        margin-left:auto;
    }
    .navbar-ucanss .navbar-nav .dropdown-menu{
        box-shadow: var(--ds-box-shadow-12);
    }
    .navbar-ucanss .zoneSearch{
        margin-right:3rem;
    }

}

/* Surcharge bootstrap carret dropdown */
.navbar-ucanss .dropdown-toggle::after {
    vertical-align: auto;
    border:none;
    content: '\f85a';
}
.navbar-ucanss .icods-rh::before, .navbar-ucanss .icods-achat:before, .navbar-ucanss .icods-immo:before, .navbar-ucanss .icods-stat:before,
.navbar-ucanss .icods-rso:before, .navbar-ucanss .icods-inno:before, .navbar-ucanss .icods-compta:before{
    font-size:.85rem;
}

/* btn popover message changement emplacement sous-menu superposé */
/*.btn-popover{
    position: absolute;
    background-color: transparent;
    border:none;
    width: 100%;
    height: 3rem;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
}
.btn-popover.btn:disabled{
    outline:none;
    border:none
}
.popover-menu-guide .popover-body,
.popover-menu-guide h3{
    background-color:#e2f2ff;
    color:var(--th-color-bleu-medium);
}
.popover-menu-guide.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{
    border-bottom-color: #e2f2ff;
}
.popover-menu-guide .popover-header{
    border:none;
}
.popover-menu-guide h3{
    font-size:1rem;
    text-transform: uppercase;
}
.popover-menu-guide .popover-body{
    font-size:.85rem;
    padding:0 1rem 1rem;
    border-radius: .5rem;
}
.popover-menu-guide #closePopover:focus{
    outline-offset: 2px;
    border: none;
    outline: 2px solid var(--th-color-focus);
    border-radius: .5rem;
}*/

.navbar-ucanss .zoneSearch .btn-unt {
  border-radius:0 .5rem .5rem 0;
}
.navbar-ucanss .zoneSearch .btn-unt::before{
  margin-right:0;
} 
.navbar-ucanss .formSearch .input-group input{
  width:18rem;
  border-radius:.5rem 0 0 .5rem!important;
  border:1px solid var(--ds-default-border-color);
  background-color: var(--ds-bg-uni-3);
}
.navbar-ucanss .formSearch .form-control{
  color: var(--ds-inactif-texte-color);
  font-style: italic;
   font-size: var(--ds-texte-xs);
}
.navbar-ucanss .formSearch .input-group .text-input.form-control:focus{
  outline: 2px solid var(--ds-focus) !important;
  outline-offset: 1px;
  box-shadow:none;
  /* border: none; */
  border-radius: .5rem;
  color: var(--ds-default-text-color);
  font-style: normal;
   font-size: var(--ds-texte-xs);
}
@media (max-width:767px) {
  .navbar-ucanss .zoneSearch .btn-unt {
    border-radius:.5rem ;
  }
  .navbar-ucanss .formSearch .input-group input{
    width:14rem;
  }
  .navbar-ucanss #searchPanel {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.1), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 24px 38px 3px rgba(0, 0, 0, 0.07);
    padding:4rem 2rem;
    position: fixed; /* mieux pour un effet overlay */
    top: 0;
    right: 0;
    height: 100%;
    width: 80%;
    background: white;
    z-index: 1050;

    transform: translateX(110%); /* caché à droite */
    transition: transform 0.4s ease;
  }
  .navbar-ucanss #searchPanel.active {
    transform: translateX(0); /* visible */
  }
  
}


/* page recherche */
.galerie.mediatheque .searchForm {
  margin-top: 3rem;
  margin-bottom: 2rem;
  width:60%;
}
.galerie.mediatheque .searchForm .input-group{
  padding-left:0;
}
.searchForm {
  width: 80%;
  margin: 0 auto 1rem auto;
  padding: .5rem;
  border-radius: 4rem;
  background-color: var(--th-color-bleu-dark);
}
.searchForm .input-group {
  padding-left: 2em;
}
.searchForm .input-group .input-group-addon {
  background-color: var(--th-color-bleu);
  border-radius:8rem!important;
  border:none;
}
.searchForm .input-group .input-group-addon button {
  border: none;
}
.searchForm .input-group .searchsubmit {
  background: url("../modules/ucanss-portail-components/css/../img/ico_search_page.png") no-repeat center;
  width: 4rem;
  height: 3.3rem;
  border: none;
  border-radius: 8rem;
  background-color: var(--th-color-bleu);
}
.searchForm .input-group .input-group-addon:hover > .searchsubmit,
.searchForm .input-group .input-group-addon:hover{
  background-color: #33a9ff;
  cursor: pointer;
}
.searchForm .input-group .input-group-addon .searchsubmit:focus,
.searchForm .input-group .input-group-addon .searchsubmit:focus-visible,
.searchForm .input-group .text-input.form-control:focus{
  outline: 2px solid var(--th-color-focus);
  outline-offset: 1px;
  border: none;
  
}
.searchForm .input-group .text-input.form-control:focus{
  border-radius: .5rem!important;  
}
.searchForm .input-group .text-input.form-control {
  background: none;
  color: white;
  font-weight:400;
  /*margin-top: 0.2em;
  height: 2.5em;*/
  font-size: 1.2rem;
  border-width: 0;
  box-shadow: none;
}
.searchForm .input-group .text-input.form-control {
  margin-right: 1rem;
}

.tab-pane .searchForm .input-group .text-input.form-control{
  margin-left: 1rem!important;
}

.s-results .load-more.hidden {
  display: none;
}

.s-results .boutonAffichageBloc {
  border: none;
  background-color: initial;
  color: var(--th-color-blue);
  font-size: 1rem;
  font-weight:700;
  padding: 0.5rem;

}

.s-results .boutonAffichageBloc:hover{
  color: var(--th-color-blue);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.s-results .related-search {
  border-right: 1px solid #eee;
}

.s-results .related-search h3 {
  color: #999;
  display: block;
  font-size: 14px;
  margin: 0 0 10px;
  line-height: 20px;
  text-transform: uppercase;
}

.s-results .related-search li {
  margin: 4px 0;
}

.s-results .related-search li a {
  text-transform: capitalize;
}

.s-results .related-search a.see-all {
  color: #999;
}

.s-results .related-search a:hover {
  color: #e74c3c;
}

.s-results .related-search hr {
  margin: 20px 0;
}

.s-results .blog-photos {
  margin-bottom: 0;
}

.s-results .blog-photos li img {
  width: 34px;
  height: 34px;
}
/* Resultats de recherches - emilie 06-11-2020*/
.s-results{
  padding: 0 1.5em;
}
.s-results ol{
  margin-left: 2em;
}

/*Results-number*/
.s-results .results-number {
  color: var(--th-color-bleu-dark);
  display: block;
  margin-bottom: 5rem;
  margin-top: 1.5rem;
  font-size: 2rem;
  text-align: center;
  font-weight: 900;

}

/*Inner-results*/
.s-results .inner-results {
  clear: both;
  font-size: 1.5em;
}
/*
.s-results .inner-results h3 {
  font-size: 1.3em;
  margin-bottom: 3px;
  text-transform: capitalize;
}

.s-results .inner-results h3 a {
  color: #555;
  font-weight: bold;
}
*/
.s-results .inner-results h3 a:hover,
.s-results .inner-results h3 a[target="_blank"]:after:hover {
  color:var(--th-color-bleu);
  text-decoration: underline;
}
.s-results article {
  border: 1px solid var(--ds-default-border-color);
  border-radius: .8rem;
  padding: 2rem;
  margin-bottom: 1.5rem;

}
.s-results article li {
  border-bottom: none;
  padding-bottom: 0;
}
.s-results li::marker {
  font-weight:300;
  font-size: 1.6rem;
  color:var(--th-color-bleu-dark);
  background-color: #5d0404;
}
.s-results .inner-results {
  display: inline-table;
  margin-left: -0.5rem;
  width: 92%;
}
.s-results .inner-results h3 {
  font-weight:300;
  font-size: 1.8rem;
  overflow-wrap: break-word;
  word-break: break-word;
  padding:0;
}
.s-results .inner-results h3 a {
  color:var(--th-color-bleu-dark);
  font-weight: inherit;
  font-size: inherit;
  display: inline-block;
}

#contenu .s-results .inner-results h3 a:after {
  font-size: .9rem;
  font-weight: normal;
  margin-left: 0.5rem;
}
.s-results .inner-results h3 a:visited,
.s-results .inner-results h3 a:active {
  color:#757789;
  text-decoration: underline;
}
.s-results .inner-results .desc {
  font-weight:400;
  font-size: 1.8em;
  color:var(--th-color-bleu-dark);
}
.s-results .inner-results div {
  font-weight:400;
  font-size: 1rem;
  color:var(--th-color-bleu-dark);
}

.s-results h2.noresult {
  font-weight:200;
  font-size: 2em;
  color:var(--th-color-bleu-dark);
  text-align: center;
  padding-left: 0;
}
.s-results .inner-results div .searchHighlightedText {
  background-color: #cfdce0;
}
.s-results .inner-results img {
  float: left;
  width: 85px;
  height: auto;
  margin: 0 10px 10px 0;
}
.s-results .resultsListUsages .app {
  font-weight:300;
}
/*up-ul*/
.s-results .up-ul {
  margin-bottom: 4px;
}

.s-results .list-inline.up-ul li {
  font-size: 0.9em;
}

.s-results .up-ul li a {
  color: #74758C;
}

.s-results .up-ul li a:hover {
  color: #e74c3c;
}

/*btn-group 'dropdown'*/
.s-results .inner-results .btn {
  top: -1px;
  padding: 0;
  position: relative;
}

.s-results .inner-results .btn-default {
  color: #74758C;
  border: none;
  font-size: 13px;
}

.s-results .inner-results .btn:hover,
.s-results .inner-results .btn:focus {
  box-shadow: none;
  background: inherit;
}

.s-results .inner-results .btn-u-default {
  color: #74758C;
  border: none;
}

.s-results .inner-results .btn-u-xs {
  padding: 0;
}

.s-results .inner-results .btn-u-default i {
  font-size: 14px;
}

.s-results .inner-results p {
  margin-bottom: 5px;
}

/*down-ul*/
.s-results .down-ul {
  margin-bottom: 0;
}

.s-results .down-ul li {
  color: #74758C;
  font-size: .9rem;
}

.s-results .down-ul li a {
  color: #e74c3c;
}

.s-results .star-vote {
  margin-left: 0px;
}

.s-results .star-vote li {
  padding: 0;
}

li.hidden {
  display: none;
}
/* CHECKBOX */
.list-coche {
  margin-top: 0;
  text-align: center;
  padding: 1rem;
  font-size: 1rem;
  font-weight:300;
}

.list-coche input[type="checkbox"] {
  opacity: 0;
}
.list-coche input[type="checkbox"]:focus,
.list-coche input[type="checkbox"]:focus-visible {
  border:2px solid var(--th-color-focus);
  outline:none;
  box-shadow: none;
}
.list-coche label:first-of-type {
  margin-right:2em;
}
.list-coche label::before,
.list-coche label::after {
  position: absolute;
  content: "";
  display: inline-block;
}

/*Outer-box*/
.list-coche label::before{
  height: 1.25rem;
  width: 1.25rem;
  border: 1px solid var(--th-color-bleu-dark);
  border-radius: 0.25rem;
  top: 3px;
  left:0;
}
/*Checkmark*/
.list-coche label::after {
  height: 0.6rem;
  width: 0.6rem;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 0.3rem;
  top: 0.3rem;
}

.list-coche label {
  position: relative;
  padding-left: 1.5rem;
}

/*Hide the checkmark by default*/
.list-coche input[type="checkbox"] + label::after {
  content: none;
}
/*Unhide the checkmark on the checked state*/
.list-coche input[type="checkbox"]:checked + label::after {
  content: "";
}
/*.list-coche input[type="checkbox"]:checked + label {
  font-family: "Hero New SemiBold", sans-serif;
}
*/
/*Adding focus styles on the outer-box of the fake checkbox*/
.list-coche input[type="checkbox"]:focus + label::before {
  outline: rgb(59, 153, 252) auto 5px;
}
.zoneRecherche {
  text-align: center;
  width: 75%;
  margin: 1.5rem auto 1rem auto;
  position: relative;
}
/*.zoneRecherche .glyphicon {
  color: var(--th-color-bleu);
  font-size: 3.0em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  vertical-align: middle;
  margin-left: 0.3em;
  padding: 0;
  cursor: help;
  position: absolute;
  top: 0.75em;
  right: 1em;
}*/
.zoneRecherche .btn-tooltip {
  background-color: var(--th-color-bleu);
  color:#FFF;
  border-radius:10rem;
  padding:.3rem;
  cursor: help;
  position: absolute;
  top: 1.2rem;
  right: 2rem;
  height:2rem;
  width:2rem;
}
.zoneRecherche .btn-tooltip.ico-info::before{
  margin:0;
}
.zoneRecherche .tooltip {
  font-size: 1rem;
  font-weight:300;
  background-color: transparent !important;
}
.zoneRecherche .tooltip-inner {
  color: black;
  background-color: #D7EEFA !important;
  min-width: 375px;
  padding: 20px;
  opacity: 1;
  text-align: left;
  font-weight:400;
}
.zoneRecherche .tooltip-inner .gras {
    font-weight:600;
}



@media screen and (max-width: 768px) {
  .s-results ol {
    margin-left: 0;
    padding: 0 1rem;
  }
  .s-results li::marker{
    display: block;
  }
  .s-results .results-number {
    margin-bottom: 1em;
  }
  .s-results .inner-results {
    width: 100%;
    display:block;
    margin-left:0;
  }
  .s-results {
    padding: 0;
  }
  .zoneRecherche {
    width: 95%;
  }
  .searchForm {
    width: 85%;
    margin: 0 2rem 1rem 1rem;
  }
  .searchForm .input-group .searchsubmit{
    width: 3.5rem;
    height: 2.6rem;
    background-color: transparent;
  }
  .searchForm .input-group{
    padding-left:0;
  }
  .searchForm .input-group .text-input.form-control{
    font-size:1.1rem;
  }
  .list-coche label{
    margin-bottom:.5rem;
  }
  .list-coche label:first-of-type{
    margin-right:0;
  }
  .zoneRecherche .btn-tooltip{
    right: .5rem;
    top: 1rem;
  }
  .galerie.mediatheque .searchForm {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 1132px) {
  .navbar-ucanss .formSearch {
    right: auto;
    left:0;
  }
}
/*  IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .navbar-ucanss .formSearch input[type=text] {
    width: 4rem;
  }
  .navbar-ucanss .formSearch input[type=text]:focus {
    height: 2.5rem;
  }
}

/* CARTE FAKE - RECHERCHE */
.s-results .carte-fake{
  text-align: center;
  border: 1px dashed var(--ds-info-clair);
  background-color: #EEF6FF;
  position: relative;
}
/* order accessibilité */
.s-results .carte-fake .carte-body .infos{
  order:1;
}
.s-results .carte-fake .carte-body .bloc-titre{
  order:2;
}
.s-results .carte-fake .carte-body a{
  order:3;
}
.s-results .carte-fake .carte-body{
  flex-direction: column;
  background-color: #EEF6FF;
}
.s-results .carte-fake .carte-body h3{
  font-size:1rem;
  font-weight:400;
}
.s-results .carte-fake .carte-body .description{
  font-size:var(--ds-texte-xs);
  color:#6A7282;
}
.s-results .carte-fake .carte-body a{
  margin-right: auto;
    margin-left: auto;
}
.s-results .carte-fake .theme.titre-resultat{
  background-color:var(--ds-focus);
  color:var(--ds-blanc);
  top: auto;
  font-weight:400;
  text-transform: none;
  font-size: .75rem;
  letter-spacing: normal;
  font-size: .75rem;
  line-height: normal;
  letter-spacing: .1px;
  padding: .15rem .5rem .15rem;
  border-radius: 2rem;
}

.s-results .carte-fake .infos{
  display:flex;
  column-gap:1rem;
  align-items: center;
  justify-content: center;
}
.s-results .carte-fake .icods-lock{
  color:var(--ds-focus);
  background-color: #EEF6FF;
  border:2px solid var(--ds-info-clair);
  border-radius: 50%;
  padding:1.2rem;
  width:2rem;
  height:2rem;
  display: flex;
    align-items: center;
    justify-content: center;
}
.s-results .carte-fake .icods-lock::before{
  margin-right:0;
  font-size:1.1rem;
}


/* dropdown menu espace organisme */
.menu-espace-perso.dropdown-menu{
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-border-radius: .5rem;
   
}

.navbar-ucanss .nav.navbar-nav .menu-espace-perso > li {
    display: block;
    margin:0; /* suppression du !important */
    padding: 0.5rem;
    font-weight:700;
    font-size: .85rem;
    color: var(--th-color-bleu-dark);
    border-left: 4px solid;
   
}
.navbar-ucanss .nav.navbar-nav .menu-espace-perso > li:not(.active) {
   border-color:transparent;
}
.navbar-ucanss .nav.navbar-nav .menu-espace-perso > li.active {
  border-color:var(--th-color-bleu);
  background-color: #F1F5F8;
}
.menu-espace-perso > li >span{
  display: inline-block;
  margin-bottom: .5rem;
}
.menu-espace-perso > li a{
    padding:0;
}
.navbar-ucanss .nav.navbar-nav .menu-espace-perso > li:hover{
  border-color: #9EACB5;
  background-color: #F1F5F8;
}
.menu-espace-perso.dropdown-menu > li >a:hover{
  text-decoration: none;
}

.menu-espace-perso li.achats,
.menu-espace-perso li.mediatheque {
    border-bottom: 1px solid var(--bs-gray-400);
}
.menu-espace-perso li a {
  color: var(--th-color-bleu-dark);
  display: block;
}
.menu-espace-perso li img {
  margin-right: 0.5em;
  margin-bottom: 0.2em;
  vertical-align: middle;
}
.menu-espace-perso li ul {
    padding-left: 2.2rem;
    margin-top:.5rem;
    list-style: none;
}
.menu-espace-perso li ul li {
  margin-bottom: 0.3em;
  margin-top: 0;
  padding: 0;
  border-left: none;
}
.menu-espace-perso li ul li a {
  font-weight:300;
  font-size: 0.85rem;
  color: var(--th-color-bleu-dark);
}
.menu-espace-perso li ul li:hover {
  border-color: #F1F5F8;
}
.navbar-ucanss .navbar-collapse .nav.navbar-nav .dropdown-menu > li > a:hover{
  text-decoration: none;
}
.navbar-ucanss .navbar-collapse .nav.navbar-nav .dropdown-menu > li > .collaspe > .sous-menu > li > a:hover{
  text-decoration: underline;
}
/*.menu-espace-perso li ul li:hover {
  border-left: 4px solid #FFF;
}*/
/* btn pour collapse dans menu */
.menu-espace-perso .btn-collapse{
    padding: 0;
    font-weight: inherit;
    font-size: inherit;
    display: flex;
    align-items: center;
}
.menu-espace-perso .btn-collapse:active,
.menu-espace-perso .btn-collapse:focus{
  border:none;
  outline:none
}
.menu-espace-perso .btn-collapse:focus-visible{
    outline-offset: 2px;
    border: none;
    outline: 2px solid var(--th-color-focus);
    border-radius: .5rem;
    box-shadow: none;
}
.menu-espace-perso .btn-collapse::after{
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    color:inherit;
    margin-left:1rem;
}
@media (max-width:1132px){
    .menu-espace-perso.dropdown-menu{
        position:relative;
        width:97%;
        margin-left:0;
        --bs-dropdown-spacer: -1px;
        border:none;
    }
    .navbar-ucanss .navbar-collapse .menu-espace-perso > li{
      padding: 1rem .5rem;
    }
    .navbar-ucanss .navbar-collapse .menu-espace-perso > li > a,
    .navbar-ucanss .navbar-collapse .menu-espace-perso > li > span{
        font-size:.95rem;
        color: var(--text-color-default);
    }
    .navbar-ucanss .navbar-collapse .dropdown-menu.menu-espace-perso li{
        display: block;
    }
    .menu-espace-perso li ul{
      margin:1rem 0;
    }
    .menu-espace-perso li ul li{
      padding:.5rem 0;
    }
    .navbar-collapse .divider-r.dropdown.active-dropdown{
      background-color: #FFF;
    }
    .navbar-ucanss .nav.navbar-nav li.divider-r.dropdown.active-dropdown > .espace-org.ico-user ,
    .navbar-ucanss .nav.navbar-nav li.divider-r.dropdown.active-dropdown >  span{
      /*color:#e12344;*/
      color:#FFF;
    }
}
@media (min-width:1133px){
    .menu-espace-perso.dropdown-menu{
        --bs-dropdown-min-width: 17rem;
        --bs-dropdown-spacer: 1rem;
        box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.1), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 24px 38px 3px rgba(0, 0, 0, 0.07);
        border:none;
         max-height: 80vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .menu-espace-perso.dropdown-menu[data-bs-popper]{
        left: -20%;
    }
    .menu-espace-perso.dropdown-menu::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 45%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #FFF transparent transparent transparent;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}
:root {
    /********** DS **********/
    --ds-primary: #250286;
    --ds-secondary: #0A7AA6;
    --ds-tercary: #13BF74;
    --ds-blanc : #FFF;
    /* couleurs */
    --ds-focus:#0A76F6;
    --ds-succes-sombre:#137145;
    --ds-succes-clair:#D7F2E4;
    --ds-alerte-sombre:#FF8800;
    --ds-alerte-texte:#9F5600;
    --ds-alerte-clair:#FFF3E0;
    --ds-erreur-sombre:#CA3B30;
    --ds-erreur-clair:#FDEAEA;
    --ds-info-sombre:var(--ds-primary);
    --ds-info-clair:#CFE4F6;

    /* bg */
    --ds-gradient-clair:linear-gradient(180deg, #F8F9FB 0%, #E8F4FD 100%);
    --ds-gradient-clair-webkit : -webkit-linear-gradient(180deg, #F8F9FB 0%, #E8F4FD 100%);
    --ds-gradient-sombre:linear-gradient(131deg, #1447E6 0%, #00786F 100%);
    --ds-gradient-sombre-webkit:-webkit-linear-gradient(131deg, #1447E6 0%, #00786F 100%);
    --ds-gradient-rouge:linear-gradient(135deg, #7D0096 0%, #C35400 100%);
    --ds-gradient-rouge-webkit:-webkit-linear-gradient(135deg, #7D0096 0%, #C35400 100%);
    --ds-bg-uni-1 : #F9FAFB;
    --ds-bg-uni-2 : #1042AB;
    --ds-surface-color:#F7F9FC;
    --ds-bg-uni-3: #F5F5F5;
    --ds-bg-uni-4: #EEEEEE;

    /* autres couleurs bg */
    --ds-bg-primary-600:#1A015E;
    --ds-bg-primary-700:#10013B;
    --ds-bg-secondary-600:#085E80;
    --ds-bg-secondary-700:#06455E;
    --ds-bg-tercary-600:#0F9A5D;
    --ds-bg-tercary-700:#0C794A;

    /* Thematiques */
    --ds-thematique-design1-color: #191D3A; /*defaut */
    --ds-thematique-design1-color-bg: #F5F5F5;
    --ds-thematique-design2-color: #250286; /* Ucanss */
    --ds-thematique-design2-color-bg: #F5F5F5;
    --ds-thematique-design3-color: #2C7A68; /* Sécu, ESO */
    --ds-thematique-design3-color-bg: #E9F2EF;
    --ds-thematique-design4-color: #1E7692; /* RH, Formation */
    --ds-thematique-design4-color-bg: #E8F1F4;
    --ds-thematique-design5-color: #8F660C; /* Immo */
    --ds-thematique-design5-color-bg: #F4EFE6;
    --ds-thematique-design6-color: #AA5609; /* Achat */
    --ds-thematique-design6-color-bg: #F7EDE5;
    --ds-thematique-design7-color: #556E62; /* Stat */
    --ds-thematique-design7-color-bg: #EEF0EF;
    --ds-thematique-design8-color: #4D007A; /* Lab */
    --ds-thematique-design8-color-bg: #EDE5F1 ;

     /* box shadow */
    --ds-box-shadow :0 11px 15px -7px rgba(0, 0, 0, 0.1), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 24px 38px 3px rgba(0, 0, 0, 0.07);
    --ds-box-shadow-12: 0 4px 6px 0 rgba(37, 2, 134, 0.12);
    --ds-box-shadow-15 : 0 3px 12px 0 rgba(112, 112, 112, 0.15);
    /* border */
    --ds-default-border-color:#E8E8EA;
    --ds-nav-border-color:#D3D8E3;

    /* color texte */
    --ds-default-text-color: #191d3a;
    --ds-secondary-text-color:#4A4E75;
    --ds-inactif-texte-color:#949494;
    --ds-gradient-text-color:linear-gradient(90deg, #191D3A 0%, #003D7A 48.52%, #06C 74.85%, #00B894 107.36%);

    /* taille textes */
     --ds-texte-l:1.25rem;
    --ds-lh--texte-l : 1.75rem;/* Line height*/
    --ds-texte-m:1.125rem;
    --ds-lh--texte-m : 1.56rem;/* Line height*/
    --ds-texte-s:1rem;
    --ds-lh--texte-s : 1.375rem;/* Line height*/
    --ds-texte-xs:0.875rem;
    --ds-lh--texte-xs : 1.25rem;/* Line height*/

    /* Taille titres */
    --ds-titre-xxl:2.625rem;
    --ds-titre-xl:2rem;
    --ds-titre-l:1.56rem;
    --ds-titre-m:1.25rem;
    --ds-titre-s:1.25rem;
    --ds-titre-xs:1rem;
    --ds-titre-xxs:1rem;

}



/* general */
body main a{
    /*text-decoration: underline; trop général */
    text-underline-offset: 3px;
}
body main a:focus-visible {
    outline-color:var(--ds-focus);
}

/* btn */
body .btn-close:focus{
    box-shadow:none;
    outline: 2px solid var(--ds-focus);
    outline-offset: 1px;
    border: none;
    border-radius: .5rem;
}
/* gestion fond */
.bg-blanc{
    background: var(--ds-blanc);
}
.bg-uni-1{
    background: var(--ds-bg-uni-2);
}
.bg-uni-2{
    background: var(--ds-bg-uni-1);
}
.bg-gradient-1{
    background: var(--ds-gradient-clair);
     background: var(--ds-gradient-clair-webkit);
}
.bg-gradient-2{
    background: var(--ds-gradient-sombre);
     background: var(--ds-gradient-sombre-webkit);
}
.bg-gradient-3{
    background: var(--ds-gradient-rouge);
     background: var(--ds-gradient-rouge-webkit);
}
.ds-bg-primary{
    background: var(--ds-primary);
}
.ds-bg-primary-600{
    background: var(--ds-bg-primary-600);
}
.ds-bg-primary-700{
    background: var(--ds-bg-primary-700);
}
.ds-bg-secondary{
    background: var(--ds-secondary);
}
.ds-bg-secondary-600{
    background: var(--ds-bg-secondary-600);
}
.ds-bg-secondary-700{
    background: var(--ds-bg-secondary-700);
}
.ds-bg-tercary{
    background: var(--ds-tercary);
}
.ds-bg-tercary-600{
    background: var(--ds-bg-tercary-600);
}
.ds-bg-tercary-700{
    background: var(--ds-bg-tercary-700);
}

/* Border dégradées avec border-radius*/

.border-gradient-2::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px; /* épaisseur de la bordure */
    border-radius: inherit;
    background: var(--ds-gradient-sombre);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}
.border-gradient-3::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px; /* épaisseur de la bordure */
    border-radius: inherit;
    background: var(--ds-gradient-rouge);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

/* gestion marges */
@media screen and (max-width: 992px) {
    .p-t-8 {
        padding-top: 8rem;
    }

    .p-t-4 {
        padding-top: 2rem;
    }
    .p-t-3 {
        padding-top: 1.5rem;
    }
    .p-t-2 {
        padding-top: 1rem;
    }
    .p-t-1 {
        padding-top: 0.5rem;
    }
    .p-t-0 {
        padding-top: 0;
    }
    .p-b-4 {
        padding-bottom: 2rem;
    }
    .p-b-3 {
        padding-bottom: 1.5rem;
    }
    .p-b-2 {
        padding-bottom: 1rem;
    }
    .p-b-1 {
        padding-bottom: 0.5rem;
    }
    .p-b-0 {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 993px) {
    .p-t-8 {
        padding-top: 8rem;
    }

    .p-t-4 {
        padding-top: 4rem;
    }
    .p-t-3 {
        padding-top: 3rem;
    }
    .p-t-2 {
        padding-top: 2rem;
    }
    .p-t-1 {
        padding-top: 1rem;
    }
    .p-t-0 {
        padding-top: 0;
    }
    .p-b-4 {
        padding-bottom: 4rem;
    }
    .p-b-3 {
        padding-bottom: 3rem;
    }
    .p-b-2 {
        padding-bottom: 2rem;
    }
    .p-b-1 {
        padding-bottom: 1rem;
    }
    .p-b-0 {
        padding-bottom: 0;
    }
}

/* TITRES */
/* DS UCANSS */
@media screen and (max-width: 767px) {
  .titre-xxl{
    font-size:var(--ds-titre-l);
    font-weight:800;
    line-height:2rem;
  }
  .titre-xl{
    font-size:var(--ds-titre-m);
    font-weight:900;
    line-height:1.625rem;
  }
  .titre-l{
    font-size:var(--ds-titre-s);
    font-weight:800;
    line-height:1.625rem;
  }
  .titre-m{
    font-size:var(--ds-titre-xs);
    font-weight:800;
    line-height:1.25rem;
  }
  .titre-s{
    font-size:1rem;
    line-height:1.25rem;
    font-weight:700;
  }
  .titre-xs{
    font-size:1rem;
    line-height:1.25rem;
    font-weight:600;
  }
  .titre-xxs{
    font-size:0.875rem;
    line-height:1.125rem;
    font-weight:600;
  }
}
@media screen and (min-width: 768px) {
  .titre-xxl{
    font-size:var(--ds-titre-xxl);
    font-weight:900;
    line-height:3.125rem;
  }
  .titre-xl{
    font-size:var(--ds-titre-xl);
    font-weight:900;
    line-height:2.5rem;
  }
  .titre-l{
    font-size:var(--ds-titre-l);
    font-weight:800;
    line-height:2rem;
  }
  .titre-m{
    font-size:var(--ds-titre-m);
    font-weight:900;
    line-height:1.625rem;
  }
  .titre-s{
    font-size:var(--ds-titre-s);
    font-weight:800;
    line-height:1.625rem;
  }
  .titre-xs{
    font-size:var(--ds-titre-xs);
    font-weight:800;
    line-height:1.25rem;
  }
  .titre-xxs{
    font-size:var(--ds-titre-xxs);
    font-weight:600;
    line-height:1.25rem;
  }
}
/* FIN */
/*.btn.btn-unt {
    background-color: #23036A;
    color:#fff;
    font-weight:700;
    font-size: 1rem;
    padding: 0.6em 1.2rem;
    border-radius: 0.5rem;
    letter-spacing: 0.3px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
    margin: 1rem auto;
    white-space: pre-wrap;
}

.btn.btn-unt:hover, .btn.btn-unt:focus,
.btn.btn-unt:hover, .btn.btn-unt:focus{
    background-color: #575866;
    color:#fff;
}*/

a.btn-unt:not(.btn-terciary,.btn-terciary-blanc):hover{
    text-decoration: none;
}
.btn.btn-unt{
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: .35rem;
    --bs-btn-border-radius: .5rem;
     --bs-btn-border-width: 2px;
    display: inline-block;
    font-weight: 600;
}
/* Style primary */
.btn-unt.btn-primary {
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-blanc);
    --bs-btn-bg: var(--ds-primary);
    --bs-btn-border-color: var(--ds-primary);
    --bs-btn-hover-color: var(--ds-blanc);
    --bs-btn-hover-bg:var(--ds-bg-primary-600);
    --bs-btn-hover-border-color: var(--ds-bg-primary-600);
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color:var(--ds-blanc);
    --bs-btn-active-bg: var(--ds-primary);
    --bs-btn-active-border-color: var(--ds-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--ds-inactif-texte-color);
    --bs-btn-disabled-bg: var( --ds-surface-color);
    --bs-btn-disabled-border-color: var(--ds-inactif-texte-color);
}

/* style secondary */
.btn-unt.btn-secondary{
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-primary);
    --bs-btn-bg: var(--ds-blanc);
    --bs-btn-border-color: var(--ds-primary);
    --bs-btn-hover-color: var(--ds-primary);
    --bs-btn-hover-bg:#ecebf5;
    --bs-btn-hover-border-color: var(--ds-bg-primary-600);
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: var(--ds-primary);
    --bs-btn-active-bg: var(--ds-blanc);
    --bs-btn-active-border-color: #ecebf5;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--ds-inactif-texte-color);
    --bs-btn-disabled-bg: var( --ds-bg-uni-3);
    --bs-btn-disabled-border-color: var(--ds-inactif-texte-color);
}
/* style terciary*/
.btn-unt.btn-terciary{
     --bs-btn-padding-x:0;
    --bs-btn-padding-y: 0;
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: var(--ds-primary);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: none;
    --bs-btn-border-width:0;
    
}
        /* ajustement si button ou a */
        button.btn-unt.btn-terciary{
            --bs-btn-hover-color: var(--ds-primary);
            --bs-btn-hover-bg:rgba(10, 0, 130, 0.08);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-disabled-color: var(--ds-inactif-texte-color);
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: transparent;
        }
        a.btn-unt.btn-terciary,
        a.btn-unt.btn-terciary-blanc{
            padding:0;
        }
        a.btn-unt.btn-terciary:hover .text-lien,
        a.btn-unt.btn-terciary-blanc:hover .text-lien{
            text-decoration: underline;
        }
/* style terciary blanc */
/* style terciary*/
.btn-unt.btn-terciary-blanc{
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-blanc);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: var(--ds-blanc);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: none;
    
}
        /* ajustement si button ou a */
       .btn-unt.btn-terciary-blanc{
            --bs-btn-hover-color:  var(--ds-blanc);
            --bs-btn-hover-bg:transparent;
            --bs-btn-hover-border-color: transparent;
            --bs-btn-disabled-color: var(--ds-inactif-texte-color);
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: transparent;
        }
/* style danger */
.btn-unt.btn-danger{
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-blanc);
    --bs-btn-bg: var(--ds-erreur-sombre);
    --bs-btn-border-color:  var(--ds-erreur-sombre);
    --bs-btn-hover-color: var(--ds-blanc);
    --bs-btn-hover-bg:#B02A37;
    --bs-btn-hover-border-color: #B02A37;
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color:var(--ds-blanc);
    --bs-btn-active-bg: var(--ds-erreur-sombre);
    --bs-btn-active-border-color:var(--ds-erreur-sombre);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--ds-inactif-texte-color);
    --bs-btn-disabled-bg: var( --ds-bg-uni-3);
    --bs-btn-disabled-border-color: var(--ds-inactif-texte-color);
}
/* style danger secondaire*/
.btn-unt.btn-danger-secondaire{
    font-size:var( --ds-texte-xs);
    --bs-btn-color: var(--ds-erreur-sombre);
    --bs-btn-bg: var(--ds-blanc);
    --bs-btn-border-color:var(--ds-erreur-sombre);
    --bs-btn-hover-color: var(--ds-erreur-sombre);
    --bs-btn-hover-bg:var(--ds-erreur-clair);
    --bs-btn-hover-border-color: var(--ds-erreur-sombre);
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: var(--ds-erreur-sombre);
    --bs-btn-active-bg: var(--ds-blanc);
    --bs-btn-active-border-color:var(--ds-erreur-sombre);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--ds-inactif-texte-color);
    --bs-btn-disabled-bg: var( --ds-bg-uni-3);
    --bs-btn-disabled-border-color: var(--ds-inactif-texte-color);
}
/* Alignement */        
.text-start a{
    text-align: left;
}
.text-end a{
    text-align: right;
}

/* Si liste de boutons */
.listBtn ul{
    align-items: stretch; 
    justify-content: center;
    flex-wrap: wrap;
}
/*.listBtn ul li{ 
  display: flex;  
}*/
.listBtn ul li a {
  flex: 1;
  text-align: center;     /* pour centrer le texte si tu veux */
  display: flex;
  align-items: center;    /* centrage vertical */
  justify-content: center;/* centrage horizontal */
}

.listBtn ul li.sameSize a{
    display: flex;
}
/*.listBtn .nb-2{
    justify-content: space-evenly;
}
.listBtn .nb-3{
    justify-content:space-around;
}*/
@media screen and (max-width:767px){
    .listBtn ul li{
        margin-bottom:1rem;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .listBtn ul li.sameSize{
        flex: 1 1 150px;
    }
}
@media screen and (min-width:992px) {
    .listBtn ul li.sameSize{
        flex: 1 1 150px;
        /*flex:0.30;*/
    } 
}

/*focus */
 button.btn-unt:focus {
    outline:none;
 }
button.btn-unt:focus-visible{
    outline: 2px solid var(--ds-focus)!important;
    outline-offset: 1px;
    /* border: none; */
    border-radius: .5rem;
}

/* avec icos */
.btn-unt.icods-telecharger-rond-after:after {
    font-size:1.2rem;
}


.menu-vertical,
.jahia-template-gxt .menu-undeploy .menu-vertical {
  white-space: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  overflow-y: hidden;
  background-color: #fff;
  width: 24em;
  margin-top: 1em;
  border-radius: 0.5em;
  padding: 1em;
  float: left;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.32), 0 0 10px 0 rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.32), 0 0 10px 0 rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.05);
}
.espace-perso.menu-undeploy .menu-vertical{
  background-color: #FFF;
}
.menu-vertical:not(.affix){
  position: absolute;
  z-index:9;
}

.menu-vertical ul {
  margin-left: -2em;
  margin-bottom: 0;
}
.menu-vertical ul li {
  display: block;
  float: none;
  padding: 0.5em 0 0.5em 2em;
  font-weight:700;
  font-size: 1.2em;
  color: var(--th-color-bleu-dark);
  margin-left: -1.8em;
  border-left: 4px solid #fff;
}
.menu-vertical ul li:hover {
  border-left: 4px solid #9EACB5;
  background-color: #F1F5F8;
}

.espace-perso.menu-undeploy .menu-vertical ul li:hover {
  border-left: 4px solid #9EACB5;
  background-color: #F1F5F8;
}
.menu-vertical ul li:hover {
  border-left: 4px solid #9EACB5;
  background-color: #F1F5F8;
}

.menu-vertical ul li.active {
  border-left: 4px solid var(--th-color-bleu);
  background-color: #F1F5F8;
}

.menu-vertical ul li.achats{
  margin-bottom: 4em;
}
.menu-vertical ul li.mediatheque {
  margin-bottom: 7.2em;
}
.menu-vertical ul li a {
  color: var(--th-color-bleu-dark);
}
.menu-vertical ul li img {
  margin-right: 0.5em;
  margin-bottom: 0.2em;
  vertical-align: middle;
}
.menu-vertical ul li ul {
  margin-left: 0;
}
.menu-vertical ul li ul li {
  margin-bottom: 0.3em;
  margin-left: -0.7em;
  margin-top: 0;
  padding: 0;
  border-left: none;
}
.menu-vertical ul li ul li a {
  font-weight:300;
  font-size: 0.9em;
  color: var(--th-color-bleu-dark);
}
.menu-vertical ul li ul li:hover {
  border-left: 4px solid #F1F5F8;
}
.espace-perso.menu-undeploy .menu-vertical ul li ul li:hover {
  border-left: 4px solid #FFF;
}
.menu-vertical.affix {
  top: 0;
  z-index: 999 !important;
}
.menu-vertical.affix-bottom {
  position: absolute;
}
.menu-vertical .reduitMenu {
  display: none;
}

.menu-undeploy .menu-vertical {
  width: 5em;
  padding: 0;
  margin-left: 0;
}
.menu-undeploy .jahia-template-gxt .x-component .menu-vertical {
  width: 22em;
  left: -16em;
}
.menu-undeploy .menu-vertical.affix-top {
  left: 0;
  margin-left: 0;
}
.menu-undeploy .menu-vertical ul li {
  padding-left: 1em;
}
.menu-undeploy .menu-vertical ul li a span.texte-lien,
.menu-undeploy .menu-vertical ul li span.texte-lien {
  display: none;
}
.menu-undeploy .jahia-template-gxt .x-component .menu-vertical ul li a span.texte-lien,
.menu-undeploy .jahia-template-gxt .x-component .menu-vertical ul li span.texte-lien {
  display: inline-block;
}
.menu-undeploy .menu-vertical ul li ul {
  display: none;
}
.menu-undeploy .jahia-template-gxt .x-component .menu-vertical ul li ul {
  display: block;
}
.menu-vertical {
  padding: 0.2em;
  margin-left: 5.5em;
  /* s'affiche sur toute la largeur de la page sur phone
  width: 100%;
  display: block;*/
}
.menu-vertical.affix, .menu-vertical.affix-top, .menu-vertical.affix-bottom {
  margin-left: 0;
}

.menu-vertical .reduitMenu {
  display: block;
  width: 100%;
  padding: 0.5em;
  border-radius: 0.5em;
  background: none;
  margin: 0.5em 0;
  border-width: 1px;
}

@media only screen and (max-width: 1024px) {

  .menu-vertical.affix-top {
    left: 0;
    margin-left: 0;
  }
  .menu-vertical.affix-bottom {
      left: 0;
    margin-left: 0;
  }

}
/* New icones fontello */
@font-face {
  font-family: 'ds-ucanss-icones';
  src: url('../modules/design-system-ucanss/css/ds/../ds/fonts/ds-ucanss-icones/ds-ucanss-icones.eot?86450922');
  src: url('../modules/design-system-ucanss/css/ds/../ds/fonts/ds-ucanss-icones/ds-ucanss-icones.eot?86450922#iefix') format('embedded-opentype'),
       url('../modules/design-system-ucanss/css/ds/../ds/fonts/ds-ucanss-icones/ds-ucanss-icones.woff2?86450922') format('woff2'),
       url('../modules/design-system-ucanss/css/ds/../ds/fonts/ds-ucanss-icones/ds-ucanss-icones.woff?86450922') format('woff'),
       url('../modules/design-system-ucanss/css/ds/../ds/fonts/ds-ucanss-icones/ds-ucanss-icones.ttf?86450922') format('truetype'),
       url('../modules/design-system-ucanss/css/ds/../ds/fonts/ds-ucanss-icones/ds-ucanss-icones.svg?86450922#ds-ucanss-icones') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icods-file:before, .icods-file-after:after { content: '\f804'; } /* '' */
.icods-dot-3:before, .icods-dot-3-after:after { content: '\f805'; } /* '' */
.icods-stat:before, .icods-stat-after:after { content: '\f840'; } /* '' */
.icods-dialogue-social:before, .icods-dialogue-social-after:after { content: '\f841'; } /* '' */
.icods-achat:before, .icods-achat-after:after { content: '\f842'; } /* '' */
.icods-rso:before, .icods-rso-after:after { content: '\f843'; } /* '' */
.icods-innovation:before, .icods-innovation-after:after { content: '\f844'; } /* '' */
.icods-euro:before, .icods-euro-after:after { content: '\f845'; } /* '' */
.icods-slash-circle:before, .icods-slash-circle-after:after { content: '\f846'; } /* '' */
.icods-etoile:before, .icods-etoile-after:after { content: '\f847'; } /* '' */
.icods-trash:before, .icods-trash-after:after { content: '\f848'; } /* '' */
.icods-deconnect:before, .icods-deconnect-after:after { content: '\f849'; } /* '' */
.icods-file-text:before, .icods-file-text-after:after { content: '\f84a'; } /* '' */
.icods-file-excel:before, .icods-file-excel-after:after { content: '\f84b'; } /* '' */
.icods-file-pdf:before, .icods-file-pdf-after:after { content: '\f84c'; } /* '' */
.icods-file-web:before, .icods-file-web-after:after { content: '\f84d'; } /* '' */
.icods-text-left:before, .icods-text-left-after:after { content: '\f84e'; } /* '' */
.icods-file-img:before, .icods-file-img-after:after { content: '\f84f'; } /* '' */
.icods-fleche-90deg-right:before, .icods-fleche-90deg-right-after:after { content: '\f850'; } /* '' */
.icods-fleche-fin:before, .icods-fleche-fin-after:after { content: '\f851'; } /* '' */
.icods-play-fill:before, .icods-play-fill-after:after { content: '\f852'; } /* '' */
.icods-tableau:before, .icods-tableau-after:after { content: '\f853'; } /* '' */
.icods-fleche-debut:before, .icods-fleche-debut-after:after { content: '\f854'; } /* '' */
.icods-chevron-right:before, .icods-chevron-right-after:after { content: '\f855'; } /* '' */
.icods-multi-file:before, .icods-multi-file-after:after { content: '\f856'; } /* '' */
.icods-oeil-slash:before, .icods-oeil-slash-after:after { content: '\f857'; } /* '' */
.icods-oeil:before, .icods-oeil-after:after { content: '\f858'; } /* '' */
.icods-filtre:before, .icods-filtre-after:after { content: '\f859'; } /* '' */
.icods-chevron-bas:before, .icods-chevron-bas-after:after { content: '\f85a'; } /* '' */
.icods-list-ul:before, .icods-list-ul-after:after { content: '\f85b'; } /* '' */
.icods-fleche-courbe:before, .icods-fleche-courbe-after:after { content: '\f85c'; } /* '' */
.icods-click:before, .icods-click-after:after { content: '\f85d'; } /* '' */
.icods-lien:before, .icods-lien-after:after { content: '\f85e'; } /* '' */
.icods-main:before, .icods-main-after:after { content: '\f85f'; } /* '' */
.icods-x-circle:before, .icods-x-circle-after:after { content: '\f860'; } /* '' */
.icods-plus-circle:before, .icods-plus-circle-after:after { content: '\f861'; } /* '' */
.icods-telecharger-rond:before, .icods-telecharger-rond-after:after { content: '\f862'; } /* '' */
.icods-plus-square-fill:before, .icods-plus-square-fill-after:after { content: '\f863'; } /* '' */
.icods-crayon:before, .icods-crayon-after:after { content: '\f864'; } /* '' */
.icods-close:before, .icods-close-after:after { content: '\f865'; } /* '' */
.icods-lock-open:before, .icods-lock-open-after:after { content: '\f866'; } /* '' */
.icods-lock:before, .icods-lock-after:after { content: '\f867'; } /* '' */
.icods-power:before, .icods-power-after:after { content: '\f868'; } /* '' */
.icods-etoile-fill:before, .icods-etoile-fill-after:after { content: '\f869'; } /* '' */
.icods-cloche:before, .icods-cloche-after:after { content: '\f86a'; } /* '' */
.icods-person-circle:before, .icods-person-circle-after:after { content: '\f86b'; } /* '' */
.icods-person:before, .icods-person-after:after { content: '\f86c'; } /* '' */
.icods-roue:before, .icods-roue-after:after { content: '\f86d'; } /* '' */
.icods-access-circle:before, .icods-access-circle-after:after { content: '\f86e'; } /* '' */
.icods-loupe:before, .icods-loupe-after:after { content: '\f86f'; } /* '' */
.icods-menu:before, .icods-menu-after:after { content: '\f870'; } /* '' */
.icods-home:before, .icods-home-after:after { content: '\f871'; } /* '' */
.icods-alerte-triangle-fill:before, .icods-alerte-triangle-fill-after:after { content: '\f872'; } /* '' */
.icods-alerte-triangle:before, .icods-alerte-triangle-after:after { content: '\f873'; } /* '' */
.icods-question-circle-fill:before, .icods-question-circle-fill-after:after { content: '\f874'; } /* '' */
.icods-question-circle:before, .icods-question-circle-after:after { content: '\f875'; } /* '' */
.icods-info-circle-fill:before, .icods-info-circle-fill-after:after { content: '\f876'; } /* '' */
.icods-info-circle:before, .icods-info-circle-after:after { content: '\f877'; } /* '' */
.icods-site-web:before, .icods-site-web-after:after { content: '\f878'; } /* '' */
.icods-lieu:before, .icods-lieu-after:after { content: '\f879'; } /* '' */
.icods-sablier:before, .icods-sablier-after:after { content: '\f87a'; } /* '' */
.icods-horaire:before, .icods-horaire-after:after { content: '\f87b'; } /* '' */
.icods-agenda:before, .icods-agenda-after:after { content: '\f87c'; } /* '' */
.icods-contact-quote:before, .icods-contact-quote-after:after { content: '\f87d'; } /* '' */
.icods-mail-fill:before, .icods-mail-fill-after:after { content: '\f87e'; } /* '' */
.icods-mail:before, .icods-mail-after:after { content: '\f87f'; } /* '' */
.icods-archive:before, .icods-archive-after:after { content: '\f880'; } /* '' */
.icods-dossier:before, .icods-dossier-after:after { content: '\f881'; } /* '' */
.icods-file-zip:before, .icods-file-zip-after:after { content: '\f882'; } /* '' */
.icods-dossier-plus:before, .icods-dossier-plus-after:after { content: '\f883'; } /* '' */
.icods-immo:before, .icods-immo-after:after { content: '\f884'; } /* '' */
.icods-phone-fill:before, .icods-phone-fill-after:after { content: '\f885'; } /* '' */
.icods-livre:before, .icods-livre-after:after { content: '\f886'; } /* '' */
.icods-compta:before, .icods-compta-after:after { content: '\f887'; } /* '' */
.icods-rh:before, .icods-rh-after:after { content: '\f888'; } /* '' */
.icods-tableau-bord:before, .icods-tableau-bord-after:after { content: '\f889'; } /* '' */
.icods-share:before, .icods-share-after:after { content: '\f88a'; } /* '' */
.icods-youtube:before, .icods-youtube-after:after { content: '\f88b'; } /* '' */
.icods-tiktok:before, .icods-tiktok-after:after { content: '\f88c'; } /* '' */
.icods-whatsapp:before, .icods-whatsapp-after:after { content: '\f88d'; } /* '' */
.icods-twitter-x:before, .icods-twitter-x-after:after { content: '\f88e'; } /* '' */
.icods-instagram:before, .icods-instagram-after:after { content: '\f88f'; } /* '' */
.icods-linkedin:before, .icods-linkedin-after:after { content: '\f890'; } /* '' */
.icods-check:before, .icods-check-after:after { content: '\f891'; } /* '' */
.icods-fleche-d:before, .icods-fleche-d-after:after { content: '\f892'; } /* '' */
.icods-fleche-g:before, .icods-fleche-g-after:after { content: '\f893'; } /* '' */
.icods-check-circle-fill:before, .icods-check-circle-fill-after:after { content: '\f894'; } /* '' */
.icods-lien-externe:before, .icods-lien-externe-after:after { content: '\f895'; } /* '' */
.icods-mobile:before, .icods-mobile-after:after { content: '\f896'; } /* '' */
.icods-medaille:before, .icods-medaille-after:after { content: '\f897'; } /* '' */
.icods-facebook:before, .icods-facebook-after:after { content: '\f898'; } /* '' */
.icods-rond-secu:before, .icods-rond-secu-after:after { content: '\f899'; } /* '' */
.icods-fusee:before, .icods-fusee-after:after { content: '\f89a'; } /* '' */
.icods-valise:before, .icods-valise-after:after { content: '\f89b'; } /* '' */
.icods-dash-circle-fill:before, .icods-dash-circle-fill-after:after { content: '\f89c'; } /* '' */
.icods-files:before, .icods-files-after:after { content: '\f89d'; } /* '' */
.icods-u-reseau:before, .icods-u-reseau-after:after { content: '\f89e'; } /* '' */
.icods-porte-voix:before, .icods-porte-voix-after:after { content: '\f89f'; } /* '' */
.icods-branche:before, .icods-branche-after:after { content: '\f8a0'; } /* '' */
.icods-ucanss:before,.icods-ucanss-after:after { content: '\f8a1'; } 
.icods-envoyer:before, .icods-envoyer-after:after  { content: '\f8a2'; } /* '' */
.icods-connect:before, .icods-connect-after:after { content: '\f8a3'; }


/* ICONES */
[class^="icods-"]::before, [class*=" icods-"]::before,
[class^="icods-"]::after, [class*=" icods-"]::after {
  font-family: "ds-ucanss-icones";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  position: relative;
  width: auto;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
[class^="icods-"]::before, [class*=" icods-"]::before,
[class^="icods-"]::after, [class*=" icods-"]::after  {
  text-decoration: none;
  color: inherit;
  font-size: 1rem;
}

[class^="icods-"]::before, [class*=" icods-"]::before {
  margin-right: .45rem;
}

[class^="icods-"]::after, [class*=" icods-"]::after {
  margin-left: .45rem;
}

.icods-chevron-haut::before,.icods-chevron-haut-after::after{
   -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}






/*
.ico-close::before, .ico-close-after::after{ content: '\e8000'; }
.ico-succes::before,.ico-succes-after::after { content: '\e800'; }
.ico-info::before,.ico-info-after::after  { content: '\e802'; } 
.ico-erreur::before,.ico-erreur-after::after { content: '\e803'; } 
.ico-alerte::before,.ico-alerte-after::after { content: '\e804'; }
*/




/* .header-page-simple */
.header-page-simple {
  /* background-color: yellow; min-height: 10em; padding-bottom: 3em; */
  /*min-height: 33rem;
  margin-top: -14.5em;
  padding: 3em;
  padding-top: 12em;
  margin-top: -15em;
  padding-top: 15em;*/
  padding-top:4rem;
  padding-bottom:4rem;
  position: relative;
  z-index:3;
}
.header-page-simple.bg-blanc{
  background-color: var(--ds-blanc);
  box-shadow: 0 10px 14px -8px rgba(112, 112, 112, 0.15);
  -moz-box-shadow: 0 10px 14px -8px rgba(112, 112, 112, 0.15);
  -webkit-box-shadow:0 10px 14px -8px rgba(112, 112, 112, 0.15);
  
}
.header-page-simple h1 {
  margin:1rem auto 0;
}
.header-page-simple p{
  margin-top:1rem;
}
.header-page-simple .text-center p{
  margin-right:auto;
  margin-left:auto;
}
.header-page-simple .text-start p{
  margin-right:auto;
  margin-left:0;
}
.header-page-simple.bg-blanc h1,
.header-page-simple:not(.bg-gradient-2) h1{
  display: inline-block;
  background: var(--ds-gradient-text-color);
    padding-top:0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 .header-page-simple:not(.bg-gradient-2) h2,
 .header-page-simple:not(.bg-gradient-2) p{
  /*text-align: center;
  font-weight:900;
  font-size: 3.5rem;
  line-height: 4rem;*/
  color: var(--ds-default-text-color);
}

.header-page-simple.bg-gradient-2 h1,
.header-page-simple.bg-gradient-2 h2,
.header-page-simple.bg-gradient-2 p {
  color:var(--ds-blanc);
}

@media screen and (max-width: 767px) {
  .header-page-simple p{
    font-size:var(--ds-texte-s);
    line-height: var( --ds-lh--texte-s);
    max-width: 100%;
  }
  .header-page-simple h2 {
    font-weight:400;
    font-size: 1.4rem;
    margin: 1rem auto;
  }
}
@media screen and (min-width: 768px) {
  .header-page-simple p{
    font-size:var(--ds-texte-m);
    line-height: var( --ds-lh--texte-m);
  }
  .header-page-simple h2 {
    font-weight:400;
    font-size: 1.6rem;
    margin: 1rem auto;
  }
}
@media screen and (min-width: 991px) {
  .header-page-simple p{
     max-width: 70%;
  }
}


/* 

@media screen and (max-width: 767px) {
  
  .header-page-simple h1 {
    font-size: 2rem;
    line-height: 3rem;
    margin: 0.5em;
  }
}
@media screen and (min-width: 1200px) {
  .header-page-simple h1 {
    max-width: 80%;
  }
  
}
/* ipad vertical */
/*
@media only screen and (width: 768px) {
  .header-page-simple {
    padding-top: 14em;
    padding-right: 1em;
    padding-left: 1em;
    width: 100%;
  }
  .header-page-simple h1 {
    font-size: 5.7em;
    margin: 1em 1em 0 1em;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px){
    .header-page-simple{
        margin-top: -13em;
    }
}
*/


.bloc-breadcrumb{
   background-color: var(--ds-blanc);
}
.bloc-breadcrumb .breadcrumb{
  margin:0;
}
.bloc-breadcrumb .breadcrumb li{
  font-weight:500;
  font-size: 0.75rem;
  line-height: var(--ds-lh--texte-xs);
  color: var(--ds-default-text-color);
}
.bloc-breadcrumb .breadcrumb li a{
  color: var(--ds-default-text-color);
  font-size: 0.75rem;
}
.bloc-breadcrumb .breadcrumb li.active {
  opacity: 0.8;
}
.bloc-breadcrumb .breadcrumb li + li:before{
  font-family: "ds-ucanss-icones";
  content: "\F855";
  font-size:.75rem;
  margin-left: 0.5rem;
  margin-right: 0;
  color: inherit;
}
.bloc-breadcrumb #fil-ariane .breadcrumb li a, .bloc-breadcrumb #fil-ariane .breadcrumb li { color: var(--ds-default-text-color); }
.bloc-breadcrumb #fil-ariane .breadcrumb li + li::before { color: var(--ds-default-text-color);}

@media screen and (max-width: 767px) {
  .bloc-breadcrumb .breadcrumb li + li::before {
    font-family: "ds-ucanss-icones";
    content: "\F855";
    margin-left: 0;
  }
  .bloc-breadcrumb .breadcrumb li{
    padding-top:.7rem;
    padding-bottom:.5rem;
  }
  .bloc-breadcrumb .breadcrumb li + li:before{
    display:none;
  }
   #fil-ariane li:not(:nth-last-of-type(2)) {
        display: none;
        /* background-color: #2AD9F1; */
    }

}
@media screen and (min-width: 768px) {
  .bloc-breadcrumb .breadcrumb li{
    padding-top:.75rem;
    padding-bottom:.5rem;
  }
  #fil-ariane .icods-fleche-g::before{
    display: none;
  }
}
/*.header-page-simple .breadcrumb, .header-page .breadcrumb {
  background: none;
  margin-top: 1.5rem;
}
.header-page-simple .breadcrumb li, .header-page .breadcrumb li {
  font-weight:300;
  font-size: .85rem;
  color: #74758C;
}
.header-page-simple .breadcrumb li a, .header-page .breadcrumb li a {
  color: #74758C;
}
.header-page-simple .breadcrumb li.active, .header-page .breadcrumb li.active {
  opacity: 0.61;
}
.header-page-simple .breadcrumb li + li:before, .header-page .breadcrumb li + li:before {
  font-family: "ds-ucanss-icones";
  content: "\F855";
  margin-left: 0.5em;
  margin-right: 0em;
  color: inherit;
}


@media screen and (max-width: 767px) {
  .header-page-simple .breadcrumb li + li::before, .header-page .breadcrumb li + li::before {
  font-family: "ds-ucanss-icones";
  content: "\F855";
  margin-left: 0;
  
  }
}

@media only screen and (width: 768px) {
  .header-page-simple .breadcrumb, .header-page .breadcrumb {
    margin-left: 7em;
  }
}
*/  


.bg-sommaire{
    align-items: flex-start;
    display:flex;
    box-shadow:  0 3px 12px 0 rgba(112, 112, 112, 0.15);
    /*box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.1), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 24px 38px 3px rgba(0, 0, 0, 0.07);*/
    background-color: #FFF;
}
.sommaireHorizontal.navbar{
     --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    overflow-x: hidden;
    /*overflow-y: visible;*/
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.sommaireHorizontal ul.nav{
    flex-direction: row;
    flex-wrap: nowrap;
     overflow-x: auto;
    white-space: nowrap;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    max-width: calc(100% + 2rem);
   
}

.sommaireHorizontal ul.nav li{
    padding:.5rem 3px;
}
.sommaireHorizontal ul.nav li > a,
.bloc-couleur .sommaireHorizontal ul.nav li > a {
  padding: 0 1.5rem 0 0;
  position:relative;
  color:var(--text-color-default);
  font-weight:400;
  font-size: var(--ds-texte-xs);
  line-height: 1rem;
  text-decoration: none;
  width: max-content;
  display: inline-block;
  
}
.sommaireHorizontal ul.nav li > a::before{
    content:"";
    border-left:2px solid #FFF;  
    width:2px;
    height: 1.1rem;
    margin-right: .5rem;
    position: relative;
    top: .15rem;
    display: inline-block;
}
.sommaireHorizontal ul.nav li > a:hover::before,
.sommaireHorizontal ul.nav li > a.active::before{
    border-left:2px solid var(--text-color-default);
}
.sommaireHorizontal ul.nav li a.active, .sommaireHorizontal ul.nav li a:hover{
   font-weight: 600;
}
 .sommaireHorizontal .degrade-mobile{
    z-index:3;
    border:none;
    height: 1.55rem;
    padding: 1rem 0;
    width: 3rem;
    position: absolute;
    right: -.3rem;
    top: 1rem;
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);
}
 .sommaireHorizontal .degrade-mobile::after{
  opacity:0.8;
  font-size: 1.156rem;
  position: absolute;
  right: 0.3rem;
  top:0.2rem;
}
   
@media (max-width: 767px) {
    .sommaireHorizontal ul.nav li > a{
        font-size:.9rem;
    }
    .bg-sommaire.sticky-top{
        top: 70px;
    }
    /* .sommaireHorizontal [id^="id-"] {
        scroll-margin-top: 77px;
    }*/
}
@media (min-width: 768px) and (max-width: 991px){
     .bg-sommaire.sticky-top{
        top: 93px;
    }
    /* .sommaireHorizontal [id^="id-"] {
        scroll-margin-top: 93px;
    }*/
}
@media (min-width: 992px) {
    .bg-sommaire.sticky-top{
        top: 180px;
    }
    /*.sommaireHorizontal [id^="id-"] {
        scroll-margin-top: 110px;
    }*/
    
}

@media (min-width: 1400px) {
    .sommaireHorizontal.navbar{
        padding-left: 2px;
    }
    .sommaireHorizontal{
        max-width: 1310px;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
}
/* focus */
.sommaireHorizontal .nav>li>a:hover, .sommaireHorizontal .nav>li>a:focus {
    outline:none;
}
.sommaireHorizontal .nav>li>a:focus-visible {
    outline-offset: 2px;
    border: none;
    outline: 2px solid var(--ds-focus);
    border-radius: .5rem;
    box-shadow: none;
}
/*.bg-sommaire#customStylediv2{
    border-top: 1px solid #e2f2ff;
    border-bottom: 1px solid #e2f2ff;
}*/

/*.bg-sommaire.fixed-menu{
    position: fixed;
    top: 62px; 
    left: 0;
    width: 100%;
    z-index: 1000; 
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.1), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 24px 38px 3px rgba(0, 0, 0, 0.07);
}*/
/*.sommaireHorizontal.navbar {
    position: relative;
    top: 0;
    transition: top 0.3s ease;
    -moz-transition: top 0.3s ease;
    -ms-transition: top 0.3s ease;
    -webkit-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    overflow: hidden; 
    white-space: nowrap;
    display: flex;
    padding: 0;
    min-height: 3.15rem;
    scroll-behavior: smooth;
    justify-content: flex-start;
}*/

/* Lorsqu'on scroll et qu'on fixe le menu, il se place à 100px du haut */
/*.sommaireHorizontal.fixed-menu {
    position: fixed;
    top: 70px; 
    left: 0;
    width: 100%;
    z-index: 1000;  
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.1), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 24px 38px 3px rgba(0, 0, 0, 0.07);
}*/
    
/* Hack pour cacher scrollbar mais garder le défilement du scroll*/
/*.sommaireHorizontal .content-nav,  .sommaireHorizontal ul.nav{
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}
.sommaireHorizontal .content-nav::-webkit-scrollbar,
.sommaireHorizontal ul.nav::-webkit-scrollbar  { 
    width: 0;
    height: 0;
}

.sommaireHorizontal ul.nav {
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -ms-transition: all ease 750ms;
    position: absolute;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin:0;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:flex-start;
    align-items: center;
}
/* ANNULE COMPORTEMENT SCROLL BAR => BUG */
/*Hack pour cacher scrollbar mais garder le défilement du scroll*/
/*.sommaireHorizontal ul.nav {*/
/* Firefox */
/*scrollbar-width: none;
 /* Internet Explorer 10+ */
/*-ms-overflow-style: none;
}
/* WebKit */
/*.sommaireHorizontal ul.nav::-webkit-scrollbar {
    width: 0;
    height: 0;
}
/* FIN COMPORTEMENT SCROLL BAR */
/*
.sommaireHorizontal ul.nav li {
  position: relative;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  flex-shrink: 0; 
  flex-basis: 10rem;
  padding:0;
}
*/


/*.sommaireHorizontal ul.nav li a:hover ,
.bloc-couleur .sommaireHorizontal ul.nav li > a:hover{
    background-color: unset;
    outline: none;
    color:var(--th-color-bleu);
}*/


/*
/*
.sommaireHorizontal .nav>li>a:focus,.sommaireHorizontal .nav>li>a:hover,
.bloc-couleur .sommaireHorizontal ul.nav li > a:hover {
    text-decoration: none;
    background-color: unset;
}

.sommaireHorizontal ul.nav li a:after{
    border-bottom: 4px solid transparent;
    display: block;
    width: 100%;
    content: '';
    position: absolute;
    bottom:0px;
    left: 0;
}
/*.sommaireHorizontal ul.nav li.active, .sommaireHorizontal ul.nav li.hover{
   border-bottom:none;
}
.sommaireHorizontal ul.nav li a.active:after{
    border-bottom: 4px solid var(--th-color-bleu);
}
/*
.sommaireHorizontal ul.nav li:hover a:after{
    border-bottom: 4px solid #FFF;
}

.sommaireHorizontal ul.nav li a{ 
    border-right: 1px solid rgba(255, 255, 255, 0.48);
}
.sommaireHorizontal ul.nav li:first-child a{ 
    border-left: 1px solid rgba(255, 255, 255, 0.48);
}
    */


/* FIN MODIFS EMILIE 17/09 */
/*@media only screen and (width: 768px) {
   .sommaireHorizontal{
      overflow-x: scroll;
   }
  .sommaireHorizontal ul.nav li a {
    width:auto;
  }
  .sommaireHorizontal ul.nav li {
    width: 22em;
    margin:auto;
  }
  .espace-perso .sommaireHorizontal{
       right: 0;
       left: auto;
  }
    
}

@media (max-width: 1024px) {
    .sommaireHorizontal ul.nav li:after{
        bottom:9px;
    }
    .sommaireHorizontal.affix-bottom{
        bottom:auto;
    }
     .sommaireHorizontal{
        overflow-x: auto;
    }
    
}*/

/*@media (min-width: 1132px) {
    .bg-sommaire.fixed-menu {
        top:68px;
    }
}
@media (max-width: 1280px) {
    .sommaireHorizontal.navbar {
        width:100%;
    }
}

    /*
@media (-moz-touch-enabled: 1), (pointer:coarse) {
    .sommaireHorizontal,.sommaireHorizontal ul.nav {
        overflow-x:auto!important;
    }
}
   
@media only screen and (max-width: 1025px) {
    .sommaireHorizontal,.sommaireHorizontal ul.nav {
        overflow-x:auto!important;
    }
}
*/
.partagePage a[target="_blank"]:after {
	display: none!important;
	margin: 0;
}

.partagePage {
	margin: 3em auto;
	display:flex;
	align-items: center;
}
.partagePage.text-center {
	/*text-align: center;*/
	justify-content: center;
}
.partagePage.text-start {
	/*text-align: left;*/
	justify-content: flex-end;
	margin-left: 1rem;
}
.partagePage.text-end {
	/*text-align: right;*/
	justify-content: flex-start;
	margin-right: 1rem;
}

.partagePage a {
	margin: 0 0.5em;
	box-shadow: 0.5em 0.5em 1em #eaeaea;
	border-radius: 2rem;
	background-color: #FFF;
	border:1px solid #FFF;
	padding:.5rem;
	width:38px;
	height:38px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.partagePage a:hover {
	border-color:var(--bs-secondary);
}
.partagePage a img {
	max-width: 20px;
}

.partagePage .titrePartage {
	font-weight: 400;
    margin-right: .5rem;
    font-size: 1rem;
	color: var(--bs-secondary);
}

@media screen and (max-width: 767px) {
	.partagePage.g {
		margin-left: 2em;
	}
	.partagePage.d {
		margin-right: 2em;
	}
}