html {
    -webkit-text-size-adjust: 100%;
    padding: env(safe-area-inset);
    }

@media only screen and (min-width: 768px)
{
/* harmonise la largeur du header et du footer */
.sitepublic header {
   max-width: 1412px;
   }

/* ajoute un peu plus d'espace entre le haut de la page et le header */    
.sitepublic header .header_ligne2 {
   padding-top: 1.5em;
   }

/* icone menu en vue mobile */
@media only screen and (max-width: 767px) {
    .sitepublic #menu .menu__toggle span {
        font-size: 0.8em;
        line-height: 2.1em;
        font-weight: 200;
        }
    }

/* enlève le padding sur le logo sur tablette */
@media only screen and (min-width: 768px) and (max-width: 1315px) {
    header .header_ligne3__col1 {
        padding: 0em;
        }
    }    

/*
améliore le menu Navigation (Etudier S'inscrire La recherche...): 

   - modification de la graisse 
   - alignement à droite de la page
   - marges et espacements
   - ...
*/
.sitepublic #menu nav .menu__level--0 > ul.menu__level__items > .menu__level__item > .item > .item__control {
   font-size: 1.3rem;
   letter-spacing: 0px;
   padding: 0.7em 0em 0em 1.2em;
   }

@media only screen and (min-width: 1200px) {
  .sitepublic #menu nav .menu__level--0 > ul.menu__level__items > .menu__level__item > .item > .item__control {
      font-size: 1.5rem;
      letter-spacing: 0px;
      padding: 0.7em 0em 0em 1.5em;
      }
   }
   
@media only screen and (min-width: 1300px) {
  .sitepublic #menu nav .menu__level--0 > ul.menu__level__items > .menu__level__item > .item > .item__control {
      font-size: 1.5rem;
      letter-spacing: 0.2px;
      padding: 0.7em 0em 0em 2em;
      }
   }

.sitepublic #menu button {
   font-weight: 400;
   }

.sitepublic #menu nav .menu__level--1 > .menu__level__items > .menu__level__item > .item > .item__control {
   font-weight: 600;
   letter-spacing: 0.02em;
   }

.sitepublic #menu nav .menu__level--1 .item__control > .item__label {
   color: #666666;
   }

.sitepublic #menu nav .menu__level__item--actif > .item > .item__control .item__label {
   color: #084e91;
   }

/* rapproche le souligné du texte (pour améliorer l'affiche lorsque le menu s'écrit sur deux lignes) */
.sitepublic #menu nav .menu__level--0 > ul.menu__level__items > .menu__level__item > .item > .item__control > .item__label::before {
    left: 1px;
    right: 6px;
    bottom: -4px;
    }

.sitepublic #menu nav .menu__level--0 > ul.menu__level__items {
    padding-right: 2em;
    width: auto;
    }

header .header_ligne3__col2 {
    margin-right: -2em; 
    }


/*
améliore le menu Accès direct (Plans&accès  Bibliothèques...):

   - modification de la graisse 
   - alignement à droite de la page
   - marges et espacements
   - ...
*/

header .acces_direct__libelle, header .header_toggle__libelle {
   font-weight: 400;
   padding: 0.5rem 0rem 0.5rem 0.8rem;
   font-size: 80%;
   letter-spacing: 0em;
   }

@media only screen and (min-width: 1200px) {   
   header .acces_direct__libelle, header .header_toggle__libelle {
       padding: 0.5rem 0rem 0.5rem 1.6rem;
       font-size: 92%;
       letter-spacing: 0.2px;
       }
   }

header .acces_direct__item {
   padding-right: 0em;
   }

header .acces_direct__item::before {
   display: none;
   }

header #recherche-simple .header_toggle__libelle {
   padding-right: 4.4em;
   margin-left: 1em;
   padding-left: 0.7em;
   }   

/* Supprime le mot "RECHERCHE" pour gagner de la place (comme sur mobile) */
@media only screen and (max-width: 990px) {
   header #recherche-simple .header_toggle__libelle {
      padding: 1rem 2rem 1.3rem 1rem;
      margin-top: 0em;
      }
   
   header #recherche-simple .header_toggle__libelle-texte {
      display: none;
      }
   }  
}


.header_toggle .header_toggle__picto img {
   max-height: 20px;
   }   

.header_toggle .header_toggle__picto {
   margin-right: 2px;
   width: 20px;
   }   

header #recherche-simple .header_toggle__libelle .icon {
    right: -7px;
    top: 1px;
    font-size: 20px;
    }

@media only screen and (min-width: 768px) {
    header #recherche-simple .header_toggle__libelle .icon  {
        right: 8px;
        top: 8px;
        }
   }

/* Ajoute une marge pour le header en version tablette (aligne avec le footer) */
@media only screen and (min-width: 768px) and (max-width: 1426px) {
   .sitepublic header {
       padding-left: 1em;
       padding-right: 1em;
       }
   }

/* Ajoute une marge pour la  ligne contenant le logo ULB dans le footer en version tablette (aligne avec le reste du footer) */
@media only screen and (min-width: 768px) and (max-width: 1426px) {
   .sitepublic footer .footer_ligne1 {
       padding-left: 1em;
       padding-right: 1em;
       }
   }

/* Adapte la largeur de la carte carroussel à celle du header et du footer */
.carrouselCard {
    padding-left: calc(50% - 1412px/2 - 1.8em + 2px);
    }   

/* Adapte la largeur de la carte processus à celle du header et du footer */
.processusCard .processusCard__wrapper {
    max-width: 1412px;
    }

.processusCard h2 {
    margin-left: 0em;
    }

.processusCard .processusCard__etapes.etapes_4 + .processusCard__illustration {
    right: 0%;
    }


/* Aligne la carte actualités à gauche avec le header et le footer */
.actualitesCard {
    padding-left: calc(50% - 1412px/2);
    }

.actualitesCard h2 {
    margin-left: 0em;
    }

.actualitesCard .actualitesCard__wrapper {
    max-width: 1700px;
    }

/* Adapte la largeur de la carte témoignages & chiffres clés à celle du header et du footer */
.teccCard .teccCard__titrewrapper {
    max-width: 1412px;
    }

.teccCard .teccCard__wrapper {
    max-width: 1412px;
    }

.teccCard .teccCard__titrewrapper h2 {
    margin-left: 0em;
    }


/* Adapte la largeur de la carte réseaux sociaux à celle du header et du footer */
.reseauxsociauxCard.social-feeds {
    max-width: 1412px;
    }

.reseauxsociauxCard .social-feeds__grid__item__contents { 
    padding: 0.2rem 1em 0.7em 0em;
    }

.reseauxsociauxCard .social-feeds__grid__item__date {
    bottom: 0.5rem;
    left: 0rem;
    }


/* Adapte la largeur de la carte Recherche à celle du header et du footer */
.rechercheCard .rechercheCard__wrapper {
    max-width: 1412px;
    }


/* Adapte la largeur de la carte Agenda à celle du header et du footer */
.agendaCard .agendaCard__wrapper {
    max-width: 1412px;    
    }

.agendaCard .agendaCard__wrapper .agendaCard__col1 h2 {
    margin-left: 0em;
    }

.agendaCard {
    padding-left: calc(50% - 1412px/2);
    }

.agendaCard .agendaCard__wrapper .agendaCard__col1 h2 {
    margin-left: 0em;
    }


/* Adapte la largeur de la carte Thématiques à celle du header et du footer */
.thematiquesCard {
    max-width: 1412px;
    }


/* Adapte la largeur de la carte double toolbox à celle du header et du footer */
.doubleToolboxCard {
    max-width: 1412px;
    }


/* Adapte la largeur de la carte bibliothèques à celle du header et du footer */
.bibliothequeCard .bibliothequeCard__wrapper {
    max-width: 1412px;
    }

/* améliore la carte thématique (logo sur fond transparent) */
.thematiquesCard .thematiquesCard__picto__wrapper {
    width: 2.4em;
    height: 2.4em;
    padding-top: 0.4em;
    border-style: none;
    background-color: transparent;
    }  

.thematiquesCard .thematiquesCard__picto {
    width: 2.7em;
    }
.thematiquesCard .thematiquesCard__picto__wrapper img {
    margin: auto;
    max-height: 2.7em;
    max-width: 2.7em;
}
/* améliore le bouton menu dans le site intranet du personnel */
.siteintranet.show-menu .menu__toggle.show-menu::after {
    width: 43px;
    height: 43px;
    border-radius: 0%;
    left: calc(50% - 21px);
    top: calc(50% - 24px);
    }
}


/* amélioration marge entre paragraphes dans une toolbox */

div.toolbox > p, div.toolbox > span:only-child > p {
    margin-top: 1em; 
    margin-bottom: 1em; 
    }

div.toolbox > br, div.toolbox > span:only-child > br {
    display: block;
	margin-top: 0.5em; 
    margin-bottom: 0.5em; 
    }

div.toolbox > ul, div.toolbox > span:only-child > ul {
    margin-top: 1em; 
    margin-bottom: 1em; 
    }    


/* *********************************************************************************************************
** Fiches Formation et fiches Cours
******************************************************************************************************** **/
@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-Thin.otf') format('opentype');
   font-weight: 300;
   font-style: normal;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-ThinItalic.otf') format('opentype');
   font-weight: 300;
   font-style: italic;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-Light.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-LightItalic.otf') format('opentype');
   font-weight: normal;
   font-style: italic;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-Regular.otf') format('opentype');
   font-weight: bold;
   font-style: normal;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-RegularItalic.otf') format('opentype');
   font-weight: bold;
   font-style: italic;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-Semibold.otf') format('opentype');
   font-weight: 800;
   font-style: normal;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-SemiBoldItalic.otf') format('opentype');
   font-weight: 800;
   font-style: italic;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-Bold.otf') format('opentype');
   font-weight: 900;
   font-style: normal;
   }

@font-face {
   font-family: 'Titillium';
   src: url('/ressources/catalogue/design/v002/fonts/Titillium/Titillium-BoldItalic.otf') format('opentype');
   font-weight: 900;
   font-style: italic;
   }

@font-face {
   font-family: 'FontAwesome';
   src: url('/ressources/catalogue/design/v002/fonts/FontAwesome/FontAwesome.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
   }

body.formation,
body.ueup,
body.rechercheFullText--formation {
   color: #333333;
   font-family: Titillium, Arial, "Helvetica Neue", Helvetica, sans-serif;
   letter-spacing: 0.04em;
   }

.formation h1, .formation .h1, .formation h2, .formation .h2, .formation h3, .formation .h3, .formation #encadres [class*="paragraphe__titre"], .formation h4, .formation .h4, .formation h5, .formation .h5, .formation h6, .formation .h6,
.ueup h1, .ueup .h1, .ueup h2, .ueup .h2, .ueup h3, .ueup .h3, .ueup #encadres [class*="paragraphe__titre"], .ueup h4, .ueup .h4, .ueup h5, .ueup .h5, .ueup h6, .ueup .h6,
.rechercheFullText--formation h1, .rechercheFullText--formation .h1, .rechercheFullText--formation h2, .rechercheFullText--formation .h2, .rechercheFullText--formation h3, .rechercheFullText--formation .h3, .rechercheFullText--formation #encadres [class*="paragraphe__titre"], .formation h4, .formation .h4, .formation h5, .formation .h5, .formation h6, .formation .h6 {
   font-family: Titillium, Arial, "Helvetica Neue", Helvetica, sans-serif;
   letter-spacing: 0.04em;
   font-weight: 500;
   }

.formation.fiche #soustitre,
.ueup.fiche #soustitre,
.rechercheFullText--formation.fiche #soustitre {
   font-family: Titillium, Arial, "Helvetica Neue", Helvetica, sans-serif; 
   letter-spacing: 0.04em;
   }    

.formation #fil_ariane,
.ueup #fil_ariane,
.rechercheFullText--formation #fil_ariane {
   font-family: Titillium, Arial, "Helvetica Neue", Helvetica, sans-serif; 
   font-weight: 200;
   letter-spacing: 0.04em; 
   }

.formation .menu-secondaire__item__intitule,
.ueup .menu-secondaire__item__intitule,
.rechercheFullText--formation .menu-secondaire__item__intitule {
   font-family: Titillium, Arial, "Helvetica Neue", Helvetica, sans-serif; 
   letter-spacing: 0.04em;
   }   

.formation b, .formation strong, .formation caption, .formation legend,
.rechercheFullText--formation b, .rechercheFullText--formation strong, .rechercheFullText--formation caption, .rechercheFullText--formation legend {
    font-family: Titillium, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 800;
    }

.formation #fil_ariane li::before,
.ueup #fil_ariane li::before {
    color: #cccccc;
    }

.formation .api__formation__wait,
.ueup .api__formation__wait {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    border-style: solid;
    border-width: 2px;
    border-color: #dddddd;
    background-color: #f8f8f8;
   }

.formation .api__formation__wait::before,
.ueup .api__formation__wait::before {
    display: inline-block;
    content:" ";
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-color: #34c40b;
    margin-right: 0.4em;  
    border-radius: 100%;  
    -webkit-animation: wait_api_anim 1.0s infinite ease-in-out;
    animation: wait_api_anim 1.0s infinite ease-in-out;
    }

@-webkit-keyframes wait_api_anim {
    0%   {
         -webkit-transform: scale(0); 
         }
    100% {
         -webkit-transform: scale(1.0);
         opacity: 0;
         }
    }

@keyframes wait_api_anim {
    0%   { 
         -webkit-transform: scale(0);
         transform: scale(0);
         }
    100% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 0;
         }
    }

.formation .api__formation__erreur,
.ueup .api__formation__erreur {
    font-weight: 600;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    border-style: solid;
    border-width: 2px;
    border-color: #E97232;
    background-color: #FDF4F4;
    }

/* Adapte la largeur du contenu des pages à celle du header et du footer */
.formation #page,
.ueup #page {
    max-width: 1412px;
    }
 
 /* bug d'affichage sur iPhone X si on laisse le display: table */

/*
.formation #page_deco::before,
.formation #page_deco::after,
.formation #contenu-encadres::after,
.formation section::after,
.formation .toolbox::after,
.formation [class*="paragraphe--"]::after,
.formation .sr-only,
.formation .hide {
    display: none !important;
    }
*/

/*
.formation footer .footer_ligne3::after,
.formation #vakata-contextmenu,
*/

.ueup #contenu-encadres {
    padding: 0;
    max-width: 1412px;
    }

.formation #contenu-encadres > .contenu,
.ueup #contenu-encadres > .contenu {
    padding: 0 0;
    }

/* Ajoute une marge gauche/droite si la taille de l'écran diminue et approche des 1412px */ 
@media only screen and (max-width: 1428px)
   {
   .formation #contenu-encadres > .contenu,
   .ueup #contenu-encadres > .contenu {
       padding: 0 1em;
       }
    }

/* Amélioration fiches formation */
.formation #resume {
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 2em;
    margin-bottom: 2em;
    letter-spacing: 0.02em;
    color: #3277B9;
    position: relative;
    margin-top: 3em;
    padding-left: 30px;
    margin-right: 0em;
    }


.formation #resume::before {
    position: absolute;
    content: "\E92A";
    font-family: "icomoon";
    font-size: 48pt;
    opacity: 0.2;
    top: 13px;
    left: -18px;
    display: block;
    top: -25px;
    left: 0px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    }

.formation #contenu-encadres {
   min-height: 800px;
   }

.formation #resume a[href="#presentation"]  {
   display: none;
   }     

.formation h1 {
   margin-top: 2em;
   margin-left: -3px;
   }

.formation.prgMobileOn h1 {
    margin-top: 1em;
    }

.formation.fiche .zone-titre__surtitre {
   position: relative;
   }

.formation.fiche .zone-titre__surtitre::after {
   background-image: url("/ressources/catalogue/design/v002/img/barette.png");
   position: absolute;
   background-size: cover;
   display: block;
   content: "";
   width: 196px;
   height: 5px;
   left: 0;
   bottom: -3px;
   }

.formation.fiche .zone-titre__surtitre a {
   font-size: 1.2em;
   }

.formation span.mnemonique {
   font-size: 1.6em;
   color: #999999;
   letter-spacing: 1px;
   vertical-align: -2px;
   }

.formation .surtitre {
   margin: 0em;
   padding: 0em; 
   border: 0px none;
   }

.formation .surtitre .thematiques li {
   color: #333333;
   }  

.formation .zone-titre__soustitre2 {
   margin-top: -1.3em;
   margin-bottom: 3em;
   }    

 .formation .surtitre .anacSelected {
   background-color: #36b4fd;
   padding-left: 4px;
   padding-right: 4px;
   color: rgba(255, 255, 255, 0.8);
   }  

 .formation .surtitre .anacUnselected {
   background-color: #f4f4f4;
   padding-left: 4px;
   padding-right: 4px;
   }     


.formation .paragraphe--1 .paragraphe__contenu--1 {
   padding: 0em;
   }

.formation .paragraphe--6 {
   font-size: 1.1em;
   overflow: hidden;
   padding: 0.2em 1em 0.2em 2em;
   background: #7999b7;
   color: #c4d6ef;
   margin-bottom: 3em;
   font-weight: 800;
   }  

.formation .paragraphe--6::before {
    font-size: 100px;
    top: -46px;
    left: -30px;
    opacity: 0.1;
    }

.formation .paragraphe--6 div div {
   margin-top: 0.6em; 
   margin-bottom: 0.6em; 
   }

.formation .paragraphe__contenu--6 p {
   margin-bottom: 0.3em;
   }

.formation section.panel {
   padding: 0em;
   overflow: hidden;
   }

.formation .champ {
    margin-bottom: 3rem;
    }

/* rebonds */

.formation .zone-fiche-link__valeurs--entree {
    font-family: Titillium, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    }

.formation .rebonds .zone-fiche-link__valeurs--entree {
   font-size: 0.9em;
   }

.formation .zone-fiche-link__valeurs--entree a {
    color: #3277B9;
    }

.formation .zone-fiche-link__valeurs--entree {
    padding: 1em 1em;
    border: 1px solid #D6EAFD;
    background: #fafafa;
    }

.formation .zone-fiche-link__valeurs--entree::after {
    border-color: transparent transparent #E3EBF3 transparent;
    }

.formation .rebonds {
    background: #fcfcfc;
    }

.formation .zone-fiche-link {
    max-width: 1412px;
    border-style: none;
    border-width: 0px;
    padding: 1.5em 0 1.5em;
    }

.formation .zone-fiche-link__titre {
    display: block;
    text-align: left;
    font-size: 1.2em !important;
    color: #084e91;
    }

.formation #jumps {
    background-color: #f2f6f9;
    border-top-width: 1px;
    border-top-color: #9EC0E1;
    border-top-style: solid;
    border-bottom-style: none;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 64px;
    z-index: 5;
    }

.formation.prgMobileOn #jumps {
    z-index: 4;
    }

.formation .prgMobileLabel {
    cursor: pointer;
    font-family: "opensans", Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
    color: #084e91;
    line-height: 75px;
    padding-left: 1em;
    font-size: .64em;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: -2px;
    }

.formation .prgMobileLabel span {
    color: #cccccc;
    padding-left: 0.4em;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -11px;
    left: 13px;
    white-space: nowrap;
    }

.formation .prgMobileLabel span::before {
    font-family: FontAwesome;
    content: "\F061";
    }

.formation .prgMobileLabel::before {
    font-family: FontAwesome;
    content: "\F141";
    font-size: 3em;
    color: #999999;
    position: absolute;
    top: -20px;
    left: 0.8em;
    -webkit-animation-name: main_menu;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;

    animation-name: main_menu;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    }

@-webkit-keyframes main_menu {
    0%   {
         color: #9EC0E1;
         } 
    100% {
         color: #084e91;     
         }
    }

@keyframes anim_box {
    0%   { 
         color: #9EC0E1;
         }    
    100% {
         color: #084e91;     
         }  
    }


.formation.prgMobileOn #jumps.prgMenuOn .jumps__inner {
    position: fixed;
    background-color: #ffffff;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #666666; 
    left: 0px;
    bottom: 65px;
    top: 0px;
    width: 20rem;
    display: block;

    -webkit-animation-name: anim_menuLeftOn;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in;

    animation-name: anim_menuLeftOn;
    animation-duration: 0.6s;
    animation-timing-function: ease-in;
    }

.formation.prgMobileOn #jumps.prgMenuSetOff .jumps__inner {
    position: fixed;
    background-color: #ffffff;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #666666; 
    left: -20rem;
    bottom: 65px;
    top: 0px;
    width: 20rem;
    display: block;

    -webkit-animation-name: anim_menuLeftOff;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in;

    animation-name: anim_menuLeftOff;
    animation-duration: 0.6s;
    animation-timing-function: ease-in;
    }

.formation.prgMobileOn #jumps.prgMenuOff .jumps__inner {
    display: none;
    }

@-webkit-keyframes anim_menuLeftOn {
    0%   {
         left: -20rem;
         } 
    100% {
         left: 0px;
         }
    }

@keyframes anim_menuLeftOn {
    0%   { 
         left: -20rem;
         }    
    100% {
         left: 0px;
         }  
    }

@-webkit-keyframes anim_menuLeftOff {
    0%   {
         left: 0px;
         } 
    100% {
         left: -20rem;
         }
    }

@keyframes anim_menuLeftOff {
    0%   { 
         left: 0px;
         }    
    100% {
         left: -20rem;
         }  
    }

.formation.prgMobileOn #jumps .jumps__inner ul {
    position: absolute;
    bottom: 0em;
    left: 0em;
    flex-direction: column;
    }


.formation.prgMobileOn #jumps.prgMenuOn::before {
    content: " ";
    position: fixed;
    top: 0px;
    bottom: 65px;
    left: 0px;
    right: 0px;
    background-color: #000000;
    opacity: 0.56;

    -webkit-animation-name: anim_menuRightOn;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: easy-in;

    animation-name: anim_menuRightOn;
    animation-duration: 0.6s;
    animation-timing-function: easy-in;
    }

@-webkit-keyframes anim_menuRightOn {
    0%   {
         opacity: 0;
         } 
    100% {
         opacity: 0.56;
         }
    }

@keyframes anim_menuRightOn {
    0%   { 
         opacity: 0;
         }    
    100% {
         opacity: 0.56;
         }  
    }

.formation.prgMobileOn #jumps.prgMenuSetOff::before {
    content: " ";
    position: fixed;
    top: 0px;
    bottom: 65px;
    left: 0px;
    right: 0px;
    background-color: #000000;
    opacity: 0;

    -webkit-animation-name: anim_menuRightOff;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: easy-in;

    animation-name: anim_menuRightOff;
    animation-duration: 0.6s;
    animation-timing-function: easy-in;
    }

@-webkit-keyframes anim_menuRightOff {
    0%   {
         opacity: 0.56;
         } 
    100% {
         opacity: 0;
         }
    }

@keyframes anim_menuRightOff {
    0%   { 
         opacity: 0.56;
         }    
    100% {
         opacity: 0;
         }  
    }

.formation.prgMobileOn #jumps.prgMenuOff::before {
    display: none;
    }

.formation .prgMenuOverlay {
    position: fixed;
    left: 20rem;
    right: 0;
    top: 0;
    bottom: 0; 
    z-index: 10;
    display: block;
    }

.formation.prgMobileOn #jumps.prgMenuOn::after {
    content: "\F00D";
    position: fixed;
    bottom: 75px;
    left: 20rem;
    width: 60px;
    height: 60px;
    display: block;
    background-color: #084e91;
    color: #ffffff;
    font-family: FontAwesome;
    line-height: 60px;
    font-size: 2.2em;
    vertical-align: middle;
    text-align: center;
    z-index: 9;

    -webkit-animation-name: anim_menuIconOn;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: easy-in;

    animation-name: anim_menuIconOn;
    animation-duration: 1s;
    animation-timing-function: easy-in;
    }

@-webkit-keyframes anim_menuIconOn {
    0%   {
         left: -80em;
         opacity: 0;
         } 
    70%  {
         opacity: 0.2;
         }
    100% {
         left: 20rem;
         opacity: 1;
         }
    }

@keyframes anim_menuIconOn {
    0%   { 
         left: -80em;
         opacity: 0;
         }    
    70%  {
         opacity: 0.2;
         }
    100% {
         left: 20rem;
         opacity: 1;
         }  
    }


.formation.prgMobileOn #jumps.prgMenuSetOff::after {
    content: "\F00D";
    position: fixed;
    bottom: 75px;
    left: 20rem;
    width: 60px;
    height: 60px;
    display: block;
    background-color: #084e91;
    color: #ffffff;
    font-family: FontAwesome;
    line-height: 60px;
    font-size: 2.2em;
    vertical-align: middle;
    text-align: center;
    z-index: 9;
    -webkit-animation-name: anim_menuIconOff;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: easy-out;

    animation-name: anim_menuIconOff;
    animation-duration: 1s;
    animation-timing-function: easy-out;
    }

.formation.prgMobileOn #jumps.prgMenuOff::after {
    display: none;
    }

@-webkit-keyframes anim_menuIconOff {
    0%   {
         left: 20rem;
         opacity: 1;
         } 
    100% {
         left: -120px;
         opacity: 0.5;
         }
    }

@keyframes anim_menuIconOff {
    0%   { 
         left: 20rem;
         opacity: 1;
         }    
    100% {
         left: -120px;
         opacity: 0.5;
         }  
    }




.formation.prgMobileOn #jumps .jumps__inner ul li {
    display: block;
    padding: 12px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #DDDDDD;
    width: auto;
    }

.formation.prgMobileOn #jumps .jumps__inner ul li a {
    font-weight: normal;
    padding: 0px;
    font-size: 1em;
    text-align: left;
    height: auto;
    }

.formation.prgMobileOn #jumps .jumps__inner ul li .jumps-trigger:hover,
.formation.prgMobileOn #jumps .jumps__inner ul li .jumps-trigger:active,
.formation.prgMobileOn #jumps .jumps__inner ul li .jumps-trigger:focus
    {
    border-bottom-color: #ffffff;
    color: #084e91;
    }

.formation.prgMobileOn #jumps .jumps__inner ul li a.current {
    font-weight: bold;
    border-bottom-color: #ffffff;
    }

.formation #jumps ul li a.jumps-trigger, 
.formation #jumps ul li:first-child a.jumps-trigger {
    background-color: transparent;
    } 

.formation #call-to-actions {
    display: block;
    }

.formation.prgMobileOn #call-to-actions {
   right: 0.4em;
   left: auto;
   width: 80%;
   bottom: 16px; 
   top: auto;  
   background-color: transparent;
   border-width: 0px;
   border-style: none;
   z-index: 5;
   position: fixed;
   }

.formation.prgTabletOn #call-to-actions {
     width: 100%;
     background-color: #f2f6f9;
     border-width: 0px;
     border-style: none;  
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #9EC0E1;
     z-index: 5;
     }

.formation.prgMobileOff #jumps {
     background-color: #ffffff;
     border-top-width: 0px;
     border-top-style: none;
     width: 100%;
     position: relative;
     height: 46px;
     } 

.formation.prgMobileOff #jumps::before {
     display: none;
     }

.formation.prgMobileOff #jumps .jumps__inner ul li {
     position: relative; 
     left: 0px;
     }

.formation.prgMobileOff #jumps .jumps__inner ul li a {
     display: inline-block; 
     }     

.formation.prgMobileOff #jumps .jumps__inner ul li a.current {
     display: inline-block; 
     border-bottom-style: solid; 
     }

.formation.prgMobileOff #jumps .jumps-trigger.current {
     background-color: #f2f6f9 !important;
     border-bottom-color: #084e91 !important;
     }      

.formation.prgScreenOn #jumps {
    width: 65%;
    }

.formation.prgScreenOn #call-to-actions {
    background-color: transparent;
    border-top-style: none;
    border-top-width: 0px;
    width: 35%;
    top: -2px;
    bottom: auto;
    margin: 0em 0em;
    z-index: 5;
    } 


/*
Change la hauteur de <div id="jumps"> afin que l'info dans la page reste en position lors du passage en mode "sticky"
*/
.formation #jumps {
   margin: 0em 0em;
   }

.formation #jumps::after {
   display: none;
   background-color: #ffffff; 
   }

.formation.sticky-jumps.prgMobileOff #jumps::after {
   display: block;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #cccccc;
   height: 50px;
   }


.formation.sticky-jumps.prgMobileOff #jumps li {
    display: inline;
    }

.formation.prgWideScreenOff.sticky-jumps.prgScreenOn #call-to-actions {
    top: -4px;
    height: 48px;
    right: 1em;
    }

.formation.prgWideScreenOn.sticky-jumps.prgScreenOn #call-to-actions {
    top: -4px;
    height: 48px;
    right: calc((100% - 1412px) / 2);
    }

/*
@media only screen and (min-width: 1412px) {
   .formation.sticky-jumps.prgMobileOff #call-to-actions {
      max-width: calc((1412px * 20) /100);
      margin-right: calc((100% - 1412px) / 2);
      }
   }
*/

.formation.prgMobileOff #jumps ul li a.jumps-trigger, 
.formation.prgMobileOff #jumps ul li:first-child a.jumps-trigger {
   text-align: left;
   width: inherit;
   padding: 0.6em 0.4em 0.6rem 0.4em;
   overflow: hidden;
   white-space: nowrap;
   }


.formation .cta__title {
   font-size: 1.16em;
   height: 55px;
   padding-left: 0.1em;
   padding-right: 0.1em;
   }

.formation.prgMobileOn .cta__title {
   height: 49px;
   }

.formation .cta__title:focus {
   color: #084e91;
   }

.formation .cta__title.active, .formation .cta__title:hover {
   color: #2681d9;
   }

.formation.prgMobileOn .cta__title.active::after {
   display: none;
   }

.formation .cta .cta-liste-terme {
   background: #fefefe;
   overflow-wrap: anywhere;
   }

.formation .cta .cta-liste-definition {
   overflow-wrap: anywhere;
   overflow: hidden;   
   }

.formation #cta-infogeneral .cta-liste {
    margin-bottom: 1em;
    }

.formation.prgMobileOn #call-to-actions .cta.active .cta__contents {
    padding: 0px;
    position: absolute;
    right: -2px;
    bottom: 48px;
    top: auto;
    z-index: 0;
    left: auto;
    }

/*
    left: -65%;
    padding: 0px;
    bottom: calc(100% - 1px);
*/

.formation.prgTableOn .cta__title.active::after {
    top: -1px;
    }

.formation.prgTabletOn #call-to-actions .cta.active .cta__contents {
    left: auto;
    right: 1em;
    max-width: 50em;
    }


.formation .icon,
.ueup .icon {
   color: #ccc;
   font-size: 0.9em;
   }

.formation .formation-contact-card .icon::before {
    font-family: 'FontAwesome';
    }

.formation .formation-contact-card .icon-cta-phone::before {
    content: "\F095";
    }

.formation .formation-contact-card .icon-envelope::before {
    content: "\F2B6";
    }

.formation .formation-contact-card .icon-ulb-external-link::before {
    content: "\F064";
    }

.formation-temoignage-card .formation-temoignage-card__temoignage {
    color: #3277B9;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 0.02em;
    position: relative;
    padding-left: 1em;
    }

.formation-temoignage-card .formation-temoignage-card__temoignage::before {
    position: absolute;
    content: "\E92A";
    font-family: "icomoon";
    font-size: 24pt;
    opacity: 0.2;
    display: block;
    top: -8px;
    left: 0px;
    width: 24px;
    height: 24px;
    line-height: 24px
    }

.formation .formation-temoignage-card .formation-temoignage-card__infos {
    margin-top: 2em;
    }

.formation .formation-temoignage-card .formation-temoignage-card__prenom::after {
    display: none;
    }

.formation .formation-temoignage-card .formation-temoignage-card__signature {
    margin-top: -0.6em;
    color: #bbb;
    }

.formation-temoignage-card .formation-temoignage-card__photo + .formation-temoignage-card__identite {
    margin-top: 2em;
    margin-left: 8em;
    padding-top: 0.6em;
    position: relative;
    }

.formation .formation-temoignage-card .formation-temoignage-card__prenom {
    display: block;
    margin-top: 1em;
    font-size: 1.4em;
    color: #333333;
    }

.formation .formation-temoignage-card .formation-temoignage-card__prenom::after {
    display: none;
    }

.formation .formation-temoignage-card .formation-temoignage-card__photo {
    width: 6em;
    height: 6em;
    border-radius: 0;
    }

.formation .cta {
    margin-right: 0px;
    margin-left: 0.6em;
    float: right;
    }

.formation.prgMobileOn .cta {
    margin-left: 0.4em;
    }

.formation.prgTabletOn .cta:first-of-type {
    margin-right: 1em;
    }

.formation .cta:last-child {
    margin-left: 0em;
    }

.formation.prgScreenOff .cta__title.active {
    border-bottom-width: 1px;
    }

 .formation .cta__title__icon, .formation .cta__title__label {
    display: block;
    }

.formation #call-to-actions .cta__title__icon, .formation #call-to-actions .cta__title__label {
    vertical-align: top;
    }

.formation #call-to-actions .cta__title__label {
    margin-top: 2px;
    }

.formation .cta-icon::before {
    font-family: "FontAwesome";
    font-size: 1.2em;
    }   

.formation .cta-icon--informations::before {
    content: "\F05A";
    }

.formation .cta-icon--renseignements::before {
    content: "\F086";
    }

.formation .cta-icon--brochures::before {
    content: "\F0C5";
    }

.formation .cta-icon--inscription::before {
    content: "\F044";
    }

.formation.prgMobileOff #jumps ul {
    justify-content: start;
    }

.formation.prgMobileOff #jumps ul li {
    flex-grow: 0.2;
    }

.formation.prgMobileOff #jumps ul li a::after {
    position: absolute;
    content: "\F068";
    font-family: FontAwesome;
    font-size: 37px;
    overflow: hidden;
    top: 13px;
    left: 6px;
    color: #f2f6f9;
    z-index: -1;
    }

.formation.prgMobileOff #jumps .jumps-trigger:hover {
   border-bottom-color: #ffffff;

   -webkit-animation-name: anim_box;
   -webkit-animation-duration: 1s;
   -webkit-animation-timing-function: linear;
   -webkit-animation-delay: 0.2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;

   animation-name: anim_box;
   animation-duration: 1s;
   animation-timing-function: linear;
   animation-delay: 0.2s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   }

.formation.prgMobileOff #jumps a.jumps-trigger:hover::after, 
.formation.prgMobileOff #jumps a.jumps-trigger:active::after, 
.formation.prgMobileOff #jumps a.jumps-trigger:focus::after {
   background-color: #ffffff !important;

   -webkit-animation-name: anim_icon;
   -webkit-animation-duration: 0.8s;
   -webkit-animation-timing-function: ease-out;
   -webkit-animation-delay: 0s;
   -webkit-animation-iteration-count: 1;

   animation-name: anim_icon;
   animation-duration: 0.8s;
   animation-timing-function: ease-out;
   animation-delay: 0s;
   animation-iteration-count: 1;

   -webkit-transform: scale(16);
   transform: scale(16);
   }
        
.formation.prgMobileOff #jumps a.jumps-trigger.current::after {
   display: none;
   }

@-webkit-keyframes anim_box {
    0%   {
         border-bottom-color: #ffffff;
         } 
    100% {
         border-bottom-color: #9EC0E1;
         }
    }

@keyframes anim_box {
    0%   { 
         border-bottom-color: #ffffff;
         }    
    100% {
         border-bottom-color: #9EC0E1;
         }  
    }


@-webkit-keyframes anim_icon {
    0%   {
         -webkit-transform: scale(1); 
         }
    
    100% {
         -webkit-transform: scale(16);
         }
    }

@keyframes anim_icon {
    0%   { 
         transform: scale(1);
         }
    100% {
         -webkit-transform: scale(16);
         transform: scale(16);
         }
    }

.formation.sticky-jumps.prgMobileOff #jumps {
   width: 100%;
   }

.formation.sticky-jumps.prgMobileOff #jumps .jumps__inner {
   max-width: 1412px;
   margin: auto;
   }

.formation.sticky-jumps.prgScreenOn #jumps .jumps__inner > ul {
   width: 65%;
   }

.formation.sticky-jumps.prgScreenOn #call-to-actions {
   width: 35%;
   }

.formation.sticky-jumps.prgMobileOff #jumps .jumps__inner li a {
   height: 46px;
   }

.formation a.anchor-section {
    margin-bottom: 0px;
    }

.formation.sticky-jumps.prgMobileOff a.anchor-section {
    margin-bottom: 0px;
    }

.formation a.anchor-section::after {
    height: 120px;
    }

.formation.sticky-jumps.prgMobileOff a.anchor-section::after {
    height: 120px;
    }

.formation.prgMobileOn a.anchor-section::after {
    height: 32px;
    }    

.formation .panel-switch.active {
   position: relative;
   top: -60px;
   }

.formation div.toolbox > p, .formation div.toolbox > span:only-child > p {
    margin-top: 0em;
    margin-bottom: 1em;
    }

.formation a.anchor-section
/* aligne à droite les call-to-actions... pas la meilleure façon de faire */
.formation #call-to-actions {
  left: 0.8em;
  }


.formation .layout > .row--4 {
   display: none;
   }

.formation .layout > .row > .layout__slot {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    }

.formation.prgMobileOn .layout > .row {
   width: 100%;
   margin-left: 0em;
   }

.formation.prgTabletOn .layout > .row--0 {
    width: 100%;
    margin-left: 0em;
    float: none;
    }

.formation.prgTabletOn .layout > .row--1 {
    width: calc(((100% - 1em) / 2) - 8px);
    margin-left: 0em;
    }

.formation.prgTabletOn .layout > .row--2 {
    width: calc(((100% - 1em) / 2) - 8px);
    margin-left: 2em;
    }

.formation.prgScreenOn .layout > .row {
    width: calc(((100% - 2em) / 3) - 11px);
    float: left;
    margin-left: 2em;
    }

.formation.prgScreenOn .layout > .row--0 {
    margin-left: 0em;
    }
   

.formation .layout .card {
   margin-bottom: 1em;
   }

 .formation section#tuiles {
   margin-bottom: 2em;
   } 


/* suppress background color in "presentation" and "etapres" sections */
 .formation #presentation-wrapper::before, .formation #etapres-wrapper::before {
    display: none; 
    } 

.formation #presentation-wrapper, .formation #etapres-wrapper {
    margin-bottom: 4em;  
    }
 

/*
présentation en 2 colonnes des rubriques, 1 sur mobile
*/

.formation.prgMobileOff .half {
   width: calc(50% - 1em);
   margin-right: 1em;
   }

.formation.prgMobileOff .half:last-child {
   width: calc(50% - 1em);
   margin-right: -0.2em;  
   margin-left: 1em;  
   }

.formation.prgMobileOn, .half {
   width: 100%;
   margin-right: 0em;
   }

.formation.prgMobileOn .half:last-child {
   width: 100%;
   margin-right: 0em;  
   }

.formation .half h3 a[data-toggle-odf] {
   padding-left: 0.8em;
   }

.formation .half h3 a[data-toggle-odf]::after {
   right: 0.8em;
   }

 
.formation section.panel > h3, 
.formation section.panel .paragraphe__contenu--1 > h3,
.formation section.panel .paragraphe__contenu--1 > .champ > h3 {
    padding-bottom: 0.3em;
    border-bottom: 1px solid #dddddd;
    color: #084e91;
    font-weight: 600;
    position: relative;
    overflow: auto;
    margin-bottom: 1.2em;
    overflow: visible;
    font-size: 1.4em;
    }

.formation section.panel > h3::before,
.formation section.panel .paragraphe__contenu--1 > h3::before,
.formation section.panel .paragraphe__contenu--1 > .champ > h3::before {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    bottom: -5px;
    background: #9EC0E1;
    content: " ";
    }

/* amélioration contenu des cartes: alignement des puces */
.formation .card.avec-puce ol li::before, .formation .card.avec-puce ul li::before {
    width: 0px;
    }

.formation .card.avec-puce ol li, .formation .card.avec-puce ul li {
    padding-left: 1em;
    }


/* suppress background color in "admission" section */
.formation #admission-wrapper::before {
    display: none;   
    }

.formation #admission-wrapper { 
    color: #333333;
    padding: 0;
    }

.formation #admission-wrapper h2, .formation #admission-wrapper h3 {
    color: #003361;
    }

.formation #admission-wrapper h4, .formation #admission-wrapper h4 {
    color: #333333;
    }    

.formation ul.thematiques {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: 0.4em;
    }

.formation ul.thematiques li {
    display: block;
    }

.formation h3 a[data-toggle-odf] {
   padding-top: 0.6em;
   padding-bottom: 0.6em;
   border: 1px solid #dddddd;
   margin-bottom: 0em;
   }

.formation h3 a[data-toggle-odf]:focus {
    background-color: #ffffff;
   }

.formation h3 a[data-toggle-odf]:hover,a[data-toggle-odf]:active {
    background-color: #fafafa;
   }


.formation h3 a[data-toggle-odf]::after {
    content: "\E702";
    top: 0.6em;
    }

.formation h3 a[data-toggle-odf].active::after {
    content: "\E701";
    }

 /* amélioration résultats de recherche (Elastic Search) */  

/* supprime le carré de couleur devant le titre d'une faculté dans les facettes */
.rechercheFullText--formation .js-search-aggregation-select .search-result__departement {
    display: none !important;
    }

/* supprime le carré de couleur devant le titre d'une faculté lors d'un tri par faculté */
.rechercheFullText--formation .search-result__result-group--start .search-result__departement {
    display: none !important;
    }

/* améliore la pagination des résultats de recherche dans l'offre de formation */
.rechercheFullText--formation .contenu .search-result__pagination {
    margin-top: 4em;
    }

.rechercheFullText--formation  .contenu .search-pagination__first-page {
    margin-right: 0.5em;
    text-transform: lowercase;
    }

.rechercheFullText--formation .contenu .search-pagination__first-page::before {
    font-family: "icomoon";
    content: "\E91B";
    color: #d0d0d0;
    font-size: 0.8em;
    padding-right: 0.2em;
    vertical-align: -0.1em;  
    }

.rechercheFullText--formation .contenu .search-pagination__previous-page {
    margin-right: 0.5em;
    text-transform: lowercase;
    }

.rechercheFullText--formation .contenu .search-pagination__previous-page::before {
    font-family: "icomoon";
    content: "\E91B";   
    color: #d0d0d0;
    font-size: 0.8em;
    padding-right: 0.2em;
    vertical-align: -0.1em; 
   }

.rechercheFullText--formation .contenu .search-pagination__current-page {
    text-transform: lowercase;
    color: #d0d0d0;
    margin-left: 0.5em;
    margin-right: 0.5em;
    }

.rechercheFullText--formation .contenu .search-pagination__current-page:first-child {
    margin-left: 0em;
    }

.rechercheFullText--formation .contenu .search-pagination__current-page:last-child {
    margin-right: 0em;
    }

.rechercheFullText--formation .contenu .search-pagination__next-page {
    text-transform: lowercase;
    }

.rechercheFullText--formation .contenu .search-pagination__next-page::after {
    font-family: "icomoon";
    content: "\E91D";   
    color: #d0d0d0;
    font-size: 0.8em;
    padding-left: 0.2em;
    vertical-align: -0.1em; 
    }

/*
Améliore les fiches Cours
*/

/* supprime la ligne grise au dessus du fil d'Ariane */
body.ueup.sans-bandeau:not(.ficheaccueil) #avec_nav_sans_encadres::before {
   display: none;
   }

body.ueup.sans-bandeau:not(.ficheaccueil) #avec_nav_avec_encadres::before {
   display: none;
   }

body.ueup #avec_nav_avec_encadres {
   width: 75%;
   }

.ueup #zone-titre h1 {
   margin-top: 2em;
   margin-bottom: 0.2em;
   }

.ueup span.mnemonique {
   font-size: 1.6em;
   color: #999999;
   letter-spacing: 1px;
   font-weight: normal;
   }

.ueup .lien_annee_acad {
   color: #999999;
   }

.ueup #avec_nav_sans_encadres {
    width: 100%;
    }   

.ueup .fiche-technique {
    margin-top: 3em;
    margin-bottom: 4em;
    }

.ueup .fiche-technique__colonne--1 ul {
    display: none;
    }

.ueup .fiche-technique__colonne--1 p {
    display: none;
    }    

.ueup .paragraphe--1 .paragraphe__titre--1 {
    padding-bottom: 0.3em;
    border-bottom: 1px solid #dddddd;
    color: #084e91;
    font-weight: 600;
    }


.ueup .paragraphe--1 .paragraphe__titre--1::before {
    width: 10px;
    height: 10px;
    bottom: -5px;
    background: #9EC0E1;
    }        

.ueup .paragraphe--1 .paragraphe__contenu--1 {
    padding: 0 0em;
    font-size: 1.1em;
    }    

.ueup h3 {
    color: #6e98be;
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 0em;
    }   

.ueup h3:first-child {
    margin-top: 0em;
    }  


div.prgNavMenu {
   display: block;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: 0.6em;
   margin-bottom: 1.4em;
   }

div.prgNavLabel {
   display: inline;
   margin-right: 4px; 
   }

div.prgNavBox {
   display: inline;
   line-height: 1.4em;
   position: relative;
   }

div.prgNavItems {
   display: inline;
   line-height: 1.4em;
   position: relative;
   }

div.prgNavItem {
   display: inline;
   position: relative;
   white-space: nowrap;
   margin-left: -4px;
   padding-left: 6px;
   padding-right: 6px;
   color: #666666;
   }

div.prgNavItem.disabled {  
   display: none; 
   }

div.prgNavItem.off {
   background-color: #E2EAF3;
   color: #5A7FA4;
   cursor: pointer;
   border-left-style: solid;
   border-left-width: 1px;
   border-left-color: transparent; 
   }

div.prgNavItem.off:hover {
   background-color: #DCE9F5;
   color: #5A7FA4;
   font-weight: 600; 
   }

div.prgNavItem.off ~ div.prgNavItem.off, div.prgNavItem.on ~ div.prgNavItem.off {
   border-left-color: #9EC0E1; 
   }

div.prgNavItem.on + div.prgNavItem.off {
   border-left-color: #9EC0E1;  
   }

div.prgNavItem > a {
   background-color: transparent;
   color: #5A7FA4;
   font-weight: 300;
   }

div.prgNav.small div.prgNavItem.off {
   border-left-color: transparent;  
   }

div.prgNavItem.on, div.prgNavItem.selected {
   background-color: #9EC0E1;
   color: rgba(255, 255, 255, 0.9);
   border-left-style: solid;
   border-left-width: 1px;
   border-left-color: #9EC0E1; 
   border-radius: 3px;
   padding-top: 2px;
   padding-bottom: 2px;
   font-weight: 600;
   cursor: pointer;
   }

div.prgNavItem.selected {
   padding-bottom: 3px;
   }
   
/*Carte Moteur de recherche: pas de lien, pas d'icône*/
.rechercheCard__icones{
  text-align:left !important;
  }
span.rechercheCard__item{
  display:none !important;
  text-align:center;
  }
a.rechercheCard__item{
  text-align:center;
  }