/*
  PORTAIL_BFH_RESPONSIVE > STYLE_BFH_RESPONSIVE_PUBLIC

  version : 28.04.2026 - 0 1 317
*/
/* ----- ISA_ICONES_SVG ----- */
/* ----- GRID-MIXINES ----- */
/*
	06.04.2018, jc, mise à jour du design de la console
*/
.mainconsole {
  position: absolute;
  right: -500px;
  max-width: 450px;
  background: white;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: right 300ms ease-out;
  display: none;
}
.mainconsole ul {
  list-style-type: none;
  margin: 0;
  display: block;
  position: relative;
}
.mainconsole ul li {
  margin: 0;
  margin-left: 50px!important;
  padding: 0.2rem 0.8rem;
  font-size: 0.9rem;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.mainconsole ul li:first-child {
  padding-top: 0.75rem;
}
.mainconsole ul li:last-child {
  padding-bottom: 0.75rem;
  border: none;
  margin-bottom: 0;
}
.mainconsole ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 0.5rem 0;
  box-sizing: border-box;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.mainconsole ul .alert {
  color: #ff4f3d;
  font-weight: normal;
  border: none;
}
.console-info ul li {
  color: #003866 !important;
}
.console-info ul li:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDM2IDM2Jz48cGF0aCBkPSdNMzIuOCwwSDMuMkMxLjQsMCwwLDEuNCwwLDMuMnYxNy43YzAsMS43LDEuNCwzLjIsMy4yLDMuMmgzLjJsLTMuOCw2LjdsMTMuNS02LjdoMTYuN2MxLjcsMCwzLjItMS40LDMuMi0zLjJWMy4yQzM2LDEuNCwzNC42LDAsMzIuOCwweicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+");
  background: #52bfd3;
}
.console-success ul li {
  color: #4ad18a !important;
}
.console-success ul li:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMjAuOCAxMS4xbC02LjMgNi4zbDAgMGwtMi4yIDIuMmMtMC40IDAuNC0xIDAuNC0xLjQgMGwtNS43LTUuN2MtMC40LTAuNC0wLjQtMSAwLTEuNEw2LjcgMTFjMC40LTAuNCAxLTAuNCAxLjQgMGwzLjUgMy41bDYuMy02LjNjMC40LTAuNCAxLTAuNCAxLjQgMGwxLjUgMS41QzIxLjIgMTAuMSAyMS4yIDEwLjggMjAuOCAxMS4xeiBNMTMgMUM2LjQgMSAxIDYuNCAxIDEzczUuNCAxMiAxMiAxMnMxMi01LjQgMTItMTJTMTkuNiAxIDEzIDF6JyBmaWxsPSd3aGl0ZScgLz48L3N2Zz4=");
  background: #73dba4;
}
.console-warning ul li {
  color: #F17F42 !important;
}
.console-warning ul li:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMjQuOCAyMC44Yy0xLjMtMi40LTMuMS01LjctNC45LTguOWMtMi0zLjYtNC03LjMtNS40LTkuOWMtMC43LTEuMi0yLjQtMS4yLTMgMEM4LjcgNyA0IDE1LjcgMS4yIDIwLjhjLTAuNiAxLjEgMC4yIDIuNSAxLjUgMi41aDIwLjZDMjQuNiAyMy4zIDI1LjQgMjEuOSAyNC44IDIwLjh6IE0xNC43IDE5LjRjMCAwLjMtMC4yIDAuNS0wLjUgMC41aC0yLjVjLTAuMyAwLTAuNS0wLjItMC41LTAuNXYtMi41YzAtMC4zIDAuMi0wLjUgMC41LTAuNWgyLjVjMC4zIDAgMC41IDAuMiAwLjUgMC41VjE5LjR6IE0xNC43IDE0LjNjMCAwLjMtMC4yIDAuNS0wLjUgMC41aC0yLjVjLTAuMyAwLTAuNS0wLjItMC41LTAuNUwxMSA4LjRjMC0wLjMgMC4yLTAuNSAwLjUtMC41aDIuOWMwLjMgMCAwLjUgMC4yIDAuNSAwLjVMMTQuNyAxNC4zeicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+");
  background: #f59f71;
}
.console-error ul li {
  color: #ff4f3d !important;
}
.console-error ul li:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMTMgMUM2LjQgMSAxIDYuNCAxIDEzczUuNCAxMiAxMiAxMnMxMi01LjQgMTItMTJTMTkuNiAxIDEzIDF6IE0xOC40IDZMMjAgNy42YzAuNSAwLjUgMC41IDEuMyAwIDEuOEwxNi40IDEzbDMuNiAzLjZjMC41IDAuNSAwLjUgMS4zIDAgMS44TDE4LjQgMjBjLTAuNSAwLjUtMS4zIDAuNS0xLjggMEwxMyAxNi40TDkuNCAyMGMtMC41IDAuNS0xLjMgMC41LTEuOCAwTDYgMTguNGMtMC41LTAuNS0wLjUtMS4zIDAtMS44TDkuNiAxM0w2IDkuNEM1LjUgOC45IDUuNSA4LjEgNiA3LjZMNy42IDZjMC41LTAuNSAxLjMtMC41IDEuOCAwTDEzIDkuNkwxNi42IDZDMTcuMSA1LjUgMTcuOSA1LjUgMTguNCA2eicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+");
  background: #ff7d70;
}
.cs-show {
  right: 20px;
}
/* 11.05.2017, jc, class pour le wrapper du mask */
.tab-fixer-wrapper {
  position: relative;
  z-index: 1000;
}
.tab-fixer-wrapper table {
  z-index: 1100;
}
.tab-fixer-wrapper .tab-fixer-wrapper-line {
  background: white;
  position: absolute;
  z-index: 1300;
}
.tab-fixer-wrapper .tab-fixer-wrapper-col {
  background: white;
  position: absolute;
  z-index: 1200;
}
/*
28.05.20, sgi, séparation des styles public du responsive suite au nouveau design
*/
@font-face {
  font-family: 'UnitRoundedProMedium';
  src: url('PORTAL6S.cimage?ww_c=FONT_MEDIUM');
}
@font-face {
  font-family: 'UnitRoundedPro';
  src: url('PORTAL6S.cimage?ww_c=FONT_STANDARD');
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: UnitRoundedPro, Verdana, Geneva, sans-serif;
}
/* PORTAIL_BFH_RESPONSIVE.STYLES_MESSAGES_AIDE */
/* 
  08.09.2017, jc, Style des messages d'aide intégrés à l'entête de cellule
	11.09.2017, ap, mise en forme pour positionnement relatif
*/
.prtl-help {
  position: relative;
  background: #eff1f3;
  border: 1px solid #c1c9d1;
  padding: 1rem;
  margin-bottom: 1rem;
  color: #546373;
}
.prtl-help .prtl-help-close {
  display: block;
  margin-bottom: 0.5rem;
  float: right;
  width: 20px;
}
.prtl-help .prtl-help-close a {
  color: transparent;
  /* . 18.03.2019, sgi, mise en commentaire sinon cela double la croix de fermeture déjà présente dans le xsl
      &:after {
      	content: '';
        position: absolute;
        top: 1rem;
        right: 1rem;
        width: 12px;
        height: 12px;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzY0Nzg4Qjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjQsOGw2LjQtNi40QzE1LjksMS41LDE2LDEuMiwxNiwxcy0wLjEtMC41LTAuMy0wLjdjLTAuNC0wLjQtMS0wLjQtMS40LDBMOCw2LjZMMS42LDAuMwoJYy0wLjQtMC40LTEtMC40LTEuNCwwQzAuMSwwLjUsMCwwLjcsMCwxczAuMSwwLjUsMC4zLDAuN0w2LjYsOGwtNi40LDYuNEMwLjEsMTQuNSwwLDE0LjgsMCwxNWMwLDAuMywwLjEsMC41LDAuMywwLjcKCWMwLjQsMC40LDEsMC40LDEuNCwwTDgsOS40bDYuNCw2LjNjMC4yLDAuMiwwLjQsMC4zLDAuNywwLjNjMC4zLDAsMC41LTAuMSwwLjctMC4zYzAuMi0wLjIsMC4zLTAuNCwwLjMtMC43YzAtMC4zLTAuMS0wLjUtMC4zLTAuNwoJTDkuNCw4eiIvPgo8L3N2Zz4=');
  			background-repeat: no-repeat;
        opacity: 0.6;
        transition: all 300ms ease-out;
        background-size: 12px 12px;
        &:hover {
        	opacity: 1;
        }
      }
      */
}
/* PORTAIL_BFH_RESPONSIVE.FILTRES_OPENLIST */
/*
	10.03.2023, lhi, mise en page filtre menu openlist
	28.03.2023, lhi, modification marge
*/
div.prtl-filtre fieldset.prtl-filtre-fieldset {
  background: white;
  border: 1px solid #d9d9d9;
  padding: 0.5rem 0.8rem;
  margin-bottom: 0.5rem;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset[min-width~="500px"] {
  width: 500px;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres,
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons {
  display: inline-block;
  vertical-align: top;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres {
  width: 80%;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne {
  display: grid;
  grid-template-columns: auto;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne label.prtl-filtre-label {
  vertical-align: top;
  display: inline-block;
  width: 150px;
  margin-right: 0.2rem;
  font-size: inherit;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse {
  display: inline-block;
  vertical-align: top;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse span.prtl-filtre-reponse-element {
  white-space: nowrap;
  display: inline-block;
  margin-right: 0.2rem;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse span.prtl-filtre-reponse-element:last-child {
  margin-right: 0;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input[placeholder="dd.mm.yyyy"] {
  width: 100px;
  padding: 0.2rem;
  display: inline-block;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-filtres-caches {
  display: none;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons {
  width: 20%;
  text-align: right;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons div.prtl-fitre-button {
  display: inline;
}
div.blocinfo.prtl-cell-filtres-small div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne label.prtl-filtre-label,
div.blocinforesponsive.prtl-cell-filtres-small div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne label.prtl-filtre-label {
  width: 15%;
}
div.blocinfo.prtl-cell-filtres-small div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse,
div.blocinforesponsive.prtl-cell-filtres-small div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse {
  width: 75%;
}
.cell-lignes-de-fichier.blocinforesponsive .blocinfobody .prtl-maintoolbox {
  display: inline-flex;
}
.cell-lignes-de-fichier.blocinforesponsive .blocinfobody .prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions {
  border-right: 1px solid lightgray !important;
}
.cell-lignes-de-fichier.blocinforesponsive .blocinfobody .prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a {
  display: flex !important;
}
.cell-lignes-de-fichier.blocinforesponsive .blocinfobody .prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a span.prtl-celltoolbox-libelle {
  align-self: flex-end !important;
}
.cell-lignes-de-fichier.blocinforesponsive .blocinfobody .prtl-maintoolbox .toolbox-resp .toolbox-smart {
  margin-left: -1.15rem;
}
.cell-lignes-de-fichier.blocinforesponsive .blocinfobody .prtl-maintoolbox .toolbox-resp:last-child .toolbox-desktab .toolbox-actions {
  border-right: none !important;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody {
  overflow: auto;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table {
  border-bottom: none;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr td.openCellTd {
  padding: 0;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr td.openCellTd ul.onglets {
  border-bottom: none;
  display: flex;
  padding: 0;
  height: auto;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr td.openCellTd ul.onglets li {
  width: 100%;
  background: #c1c9d1;
  color: #4f5e6d;
  text-align: center;
  font-weight: bold;
  border: none;
  margin: 0;
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr td.openCellTd ul.onglets li.selected {
  border: none;
  background-color: #aeb8c1;
  color: white;
  margin: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr td.openCellTd div.ongletbodies {
  padding-top: 0;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas {
  display: block;
  grid-template-columns: auto auto auto auto;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div {
  display: block;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div.filiere {
  order: 1;
  font-weight: bold !important;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div.forme {
  width: auto;
  margin-right: 0.5rem;
  margin-top: -1rem;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div.annee {
  float: initial !important;
  bottom: 0 !important;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div.semestre {
  position: relative;
  bottom: 1rem;
  left: 3.75rem;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div.lieu {
  width: auto;
  position: absolute;
  right: 1.5rem;
  margin-top: -0.95rem;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div[headers="2"] {
  font-weight: normal;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div[headers="3"] {
  font-weight: normal;
  position: relative;
  float: right;
  bottom: 1rem;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div .type {
  font-weight: normal;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas div .groupe {
  position: relative;
  float: right;
  bottom: 1rem;
  font-weight: normal;
}
.cell-fitre-recherche-etu.blocinforesponsive .blocinfobody table tbody tr div.blocinfobody ul.liste li div.infos-bas.prtl-listrow:hover {
  background-color: #f4dfb5;
}
@media print, screen and (max-width: 40em) {
  .cell-horaire-etu {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
/* 26.04.2017, jc, création de la feuille PORTAIL_BFH_RESPONSIVE.STYLES_TOOLBOX */
.prtl-celltoolbox,
.prtl-maintoolbox,
#toolbox {
  background-color: transparent;
  padding: 0 0 0.5rem 0;
}
.prtl-celltoolbox a,
.prtl-maintoolbox a,
#toolbox a {
  padding: 0.1rem 0.4rem 0.1rem 0.4rem;
  color: #4b647d;
  font-weight: normal;
  border-left: 1px solid lightgray;
}
.prtl-celltoolbox a img,
.prtl-maintoolbox a img,
#toolbox a img {
  max-height: 12px;
  width: auto;
  margin-right: 0.45rem !important;
  margin-top: 0.15rem !important;
  opacity: 0.5;
  transition: all 300ms ease-out;
}
.prtl-celltoolbox a img:hover,
.prtl-maintoolbox a img:hover,
#toolbox a img:hover {
  opacity: 1;
}
.prtl-celltoolbox a span,
.prtl-maintoolbox a span,
#toolbox a span {
  vertical-align: top;
  margin-right: 0.8rem;
}
.prtl-celltoolbox a:first-child,
.prtl-maintoolbox a:first-child,
#toolbox a:first-child {
  border-left: 0;
}
.prtl-celltoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li,
.prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li,
#toolbox .toolbox-resp .toolbox-desktab .toolbox-actions li {
  height: 16px;
  border: none;
}
.prtl-celltoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a,
.prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a,
#toolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a {
  border: none;
  border-left: 1px solid lightgray;
  color: #4b647d;
  height: 12px;
  padding: 0 0 0 0.6rem;
  display: grid;
  grid-template-columns: 16px auto auto;
  grid-template-areas: "icone label space";
  height: 16px;
}
.prtl-celltoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a img,
.prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a img,
#toolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a img,
.prtl-celltoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a span,
.prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a span,
#toolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a span {
  justify-self: start;
  align-self: center;
}
.prtl-celltoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a img,
.prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a img,
#toolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a img {
  grid-area: icone;
}
.prtl-celltoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a span.prtl-celltoolbox-libelle,
.prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a span.prtl-celltoolbox-libelle,
#toolbox .toolbox-resp .toolbox-desktab .toolbox-actions li a span.prtl-celltoolbox-libelle {
  grid-area: label;
}
.prtl-celltoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li:first-child a,
.prtl-maintoolbox .toolbox-resp .toolbox-desktab .toolbox-actions li:first-child a,
#toolbox .toolbox-resp .toolbox-desktab .toolbox-actions li:first-child a {
  border-left: none;
  padding-left: 0;
}
.prtl-celltoolbox .toolbox-resp .toolbox-smart .toolbox-actions li,
.prtl-maintoolbox .toolbox-resp .toolbox-smart .toolbox-actions li,
#toolbox .toolbox-resp .toolbox-smart .toolbox-actions li {
  border-top: none;
}
.prtl-celltoolbox .toolbox-resp .toolbox-smart .toolbox-actions li a,
.prtl-maintoolbox .toolbox-resp .toolbox-smart .toolbox-actions li a,
#toolbox .toolbox-resp .toolbox-smart .toolbox-actions li a {
  border-top: 1px solid lightgray;
  color: #4b647d;
}
.prtl-celltoolbox .toolbox-resp .toolbox-smart .toolbox-actions li:first-child a,
.prtl-maintoolbox .toolbox-resp .toolbox-smart .toolbox-actions li:first-child a,
#toolbox .toolbox-resp .toolbox-smart .toolbox-actions li:first-child a {
  border-top: none;
}
/* PORTAIL_BFH_RESPONSIVE.CLASS_UTILITIES */
/* 
11.09.2017, jc, Class utilitaires de mise en page 
11.09.2017, jc, création de la feuille
01.04.2019, jc, positionnement des modales
*/
.overflow-y-visible .blocinfobody {
  overflow: unset;
}
.overflow-x-visible .blocinfobody {
  overflow-y: auto!important;
  overflow-x: visible!important;
}
.reveal {
  outline: none;
  margin-top: 0;
}
.reveal .blocinfotitle {
  margin-right: 1.5rem;
  min-height: 15px;
}
/* PORTAIL_BFH_RESPONSIVE.STYLES_LISTES_RUPTURES */
/* 09.10.2017, jc, Style pour les listes avec ruptures */
.lst-rupture .listTab tbody tr.tablercc-tr-paire {
  background: white!important;
}
.lst-rupture .listTab tbody tr.tablercc-tr-impaire {
  background: #f2f2f2 !important;
}
/* Liste avec rupture dans l'off-canvas */
.off-canvas ul.liste li.infos-bas-li .infos-bas div[headers="1"] {
  font-weight: normal;
}
/* PORTAIL_BFH_RESPONSIVE.STYLES_OPENFORM */
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell {
  display: flex;
}
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-header {
  font-weight: bold;
  width: 25%;
  padding: 0.3rem 1rem 0.3rem 0.5rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid white;
}
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value {
  padding: 0.3rem 0.5rem;
  border-bottom: 1px solid #f0f0f0;
  width: 75%;
}
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value input,
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value textarea,
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value select {
  width: auto;
}
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value textarea {
  max-width: 500px;
}
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value button {
  padding: 0.3rem;
  text-transform: uppercase;
  background: #f2f2f2;
  color: rgba(100, 120, 139, 0.88);
  font-weight: bold;
  border: 1px solid #c1c9d1;
  transition: ease all 0.15s;
  font-size: 0.6rem;
  float: left;
}
.design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value button:hover {
  background-color: rgba(100, 120, 139, 0.45);
  color: white;
}
@media screen and (max-width: 32em) {
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell {
    display: unset;
  }
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-header {
    width: unset;
    background-color: transparent;
  }
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value {
    width: unset;
    padding: 0.3rem 0.5rem 0.5rem 0.5rem;
    overflow: hidden;
  }
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value input,
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value textarea,
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value select {
    width: 100%;
  }
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value input,
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value select {
    min-height: 30px;
  }
  .design-openform.blocinforesponsive .openFormTable .openform-row .openform-cell .openform-value button {
    padding: 0.5rem 1rem;
  }
}
/* PORTAIL_BFH_RESPONSIVE.STYLES_HORAIRES */
/* 
14.09.2018, jc, création de la feuille STYLES_HORAIRES
18.09.2018, jc, style pour les détails de séances
03.04.2020, sgi, bfh ne veut pas cacher les détails en mobile
11.05.2022, she, changement du couleur de la typo pour s'alligner à la charte
30.01.2026, jc, ajout d'une bordure aux séances
*/
.isc-navigation .isc-nav-btn.current {
  text-align: center;
  color: #4a4a4a;
}
.blocinforesponsive.cell-horaire .blocinfobody {
  height: 97% !important;
  overflow-x: hidden;
}
div.blocinforesponsive.cell-full-height,
div.blocinfo.cell-full-height {
  overflow: inherit;
}
.cell-horaire .isc-wrapper .isc-day-seance-list,
.cell-horaire .isc-wrapper .isc-wrapper-session {
  padding: 0.5rem;
  height: 100%;
  background: #87b9c8;
  border: 1px solid #539ab0;
  z-index: 100;
}
.cell-horaire .isc-wrapper .isc-wrapper-session .isc-label span {
  display: block;
  font-weight: normal;
  white-space: nowrap;
}
.cell-horaire .isc-wrapper .isc-wrapper-session .isc-label span.gras {
  font-weight: bold;
}
.cell-horaire .isc-seances-details {
  position: absolute;
  width: 300px;
  height: auto;
  max-height: 350px;
  padding: 0.5rem;
  overflow: hidden;
  z-index: 1000;
  background: #87b9c8;
  border: 1px solid #539ab0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.cell-horaire .isc-seances-details .wrapper .isc-label {
  display: none;
}
.cell-horaire .isc-seances-details .isc-details {
  margin-top: 0.3rem;
}
.cell-horaire .isc-seances-details .isc-details .hidden-label #isc-detail-libelle {
  color: #333333;
  font-weight: bold;
}
.cell-horaire .isc-seances-details .isc-details .hidden-label #isc-detail-code {
  order: 1;
  color: #333333;
}
.cell-horaire .isc-seances-details .isc-details .hidden-label #isc-detail-forme {
  order: 6;
  font-style: italic;
}
.cell-horaire .isc-seances-details .isc-details .hidden-label #isc-detail-heures {
  order: 2;
  color: #333333;
  font-weight: bold;
}
.cell-horaire .isc-seances-details .isc-details .hidden-label #isc-detail-espace {
  order: 3;
}
.cell-horaire .isc-seances-details .isc-details .hidden-label #isc-detail-groupe {
  order: 4;
}
.cell-horaire .isc-seances-details .isc-details .hidden-label #isc-detail-profs {
  order: 5;
}
.cell-horaire .isc-seances-details .isc-details .hidden-label #isc-detail-comment {
  order: 7;
}
.cell-horaire .isc-wrapper table.isc-grid.grid-month tbody tr td .day-num {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2rem;
  margin-top: 0.1rem;
  margin-left: 0.1rem;
  padding-top: 4px;
}
.cell-horaire .isc-wrapper table.isc-grid.grid-month tbody tr td .day-current {
  width: 22px;
  height: 22px;
  text-align: center;
  background: #faa500;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.cell-horaire .isc-wrapper table.isc-grid.grid-week {
  table-layout: fixed;
}
.cell-horaire .isc-wrapper table.isc-grid.grid-week thead tr th {
  color: #333333;
}
.cell-horaire .isc-wrapper table.isc-grid.grid-week thead tr th.compacted {
  overflow: hidden;
}
.cell-horaire .isc-wrapper table.isc-grid.grid-week tbody tr td:first-child {
  color: #333333;
}
.cell-horaire .isc-planning .isc-cours {
  margin-bottom: 0.5rem;
  padding: 1rem;
  background: #87b9c8;
  font-weight: bold;
}
.cell-horaire .isc-label-week-month {
  text-align: left !important;
  color: #64788b;
  font-weight: bold;
  font-size: 0.8rem;
}
.show-for-small.isc-planning .isc-cours .hidden-label {
  display: initial;
}
@media screen and (max-width: 32em) {
  .isc-navigation .isc-label-week-month {
    text-align: center !important;
    padding-bottom: 0.5rem !important;
  }
}
/*****Horaires btn*****/
div.blocinforesponsive.portailRinscrCours-mobile .blocinfobody ul.liste li .ligneitemplan .clickable {
  position: absolute;
  right: 1rem;
}
div[data-reference-data="5"].clickable {
  position: absolute;
  margin-top: 1.2rem;
  right: 1rem;
}
/******à ne pas modifier*****/
/*****Portail 8S*******/
div[data-reference-data="3"].clickable img {
  Position: absolute;
  margin-top: 0.8rem;
}
/* 02.03.2022, jc, encapsulation du selecteur ci-dessous qui influe sur le portail 7 */
.cell-horaire div[headers="1"] {
  width: 15rem !important;
}
/*******************************/
div.blocinforesponsive.portailRinscrCours-mobile .blocinfobody ul.liste li .nonengagement_nonligneitemplan.prtl-hierarchie-level-3 div,
div.blocinforesponsive.portailEtuinscrCours-mobile .blocinfobody ul.liste li .nonengagement_nonligneitemplan.prtl-hierarchie-level-3 div {
  display: block !important;
}
div[ref="ligne"].infos-bas.prtl-listrow.prtl-hierarchie-level-3.nonengagement_nonligneitemplan.prtl-tree-leaf div[headers="1"] {
  width: 240px;
}
div[ref="ligne"].infos-bas.prtl-listrow.prtl-hierarchie-level-3.nonengagement_nonligneitemplan.prtl-tree-leaf div[data-reference-data="1"].ects {
  position: relative;
  float: right;
  bottom: 1rem;
  margin-left: 0.35rem;
}
div[ref="ligne"].infos-bas.prtl-listrow.prtl-hierarchie-level-3.nonengagement_nonligneitemplan.prtl-tree-leaf div[data-reference-data="2"].ects-exa {
  position: relative;
  float: right;
  bottom: 1rem;
}
.note[data-reference-data="8"] {
  right: 1rem;
  padding-top: 2rem;
}
@media screen and (max-width: 600px) {
  .ects {
    position: relative;
    float: right;
    bottom: 1rem;
  }
  div[data-reference-data="3"].clickable img {
    Position: absolute !important;
    margin-top: 0.8rem !important;
    right: 1.5rem !important;
  }
}
/* PORTAIL_BFH_PUBLIC.STYLES_BASE */
/*
25.11.19, sgi, ajout règle synchrotrace
13.09.2024, lhi, modification général de la couleur de fond de l'ecran
26.09.2024, lhi, modification de la barre d'onglets
09.10.2024, lhi, ajout d'une bordure pour créer un cadre pour la disponibilité de la fiche
21.10.24, lhi - ne pas cacher le titre mais cacher les autres élements du bloc titre
06.11.2024, lhi, modification de la largeur de la page
06.11.2024, lhi, diminuer les padding de gauche pur ces legendes
06.11.2024, lhi, modification design général responsive
05.02.2025, lhi, enlever le scrolle de la page qui est sur l'id "main"
05.02.2025, lhi, ajout d'un scrolle avec une taille fixe sur la blocinforesponsive
11.03.2025, lhi, modification pour enlever le double scroll
09.05.2025, lhi, enlever le gras du texte (plan)
*/
html {
  scroll-behavior: smooth;
}
html section {
  background-color: white;
}
body {
  color: #333333;
}
.close-button,
.close-button.medium {
  top: 15px;
}
.row .row,
.column-row .row {
  margin-left: auto;
  margin-right: auto;
}
.row {
  max-width: 100%;
}
.homepage {
  margin-left: auto;
  margin-right: auto;
}
.homepage .blocinfobody.blocinfobodyalone {
  padding: 0rem;
}
.row .no-padding,
.column .no-padding {
  padding: 0;
}
.row .no-margin,
.column .no-margin {
  margin: 0;
}
/* Le bloc info en home n'est pas clicable */
.cursor-default a.row {
  cursor: default;
}
.prtl-onglet-logout {
  background: #64788b;
}
.prtl-onglet-logout:hover {
  background: #556677;
}
.prtl-onglet-logout a {
  color: white !important;
}
nav #onglet ul li.prtl-onglet-langue {
  background: white !important;
}
.load.loadbody {
  visibility: hidden;
}
.prtl-fiche-cours .blocinfotitle {
  display: block !important;
}
.prtl-fiche-cours .blocinfotitle .blocinfo-title-wrapper h1 {
  color: #333 !important;
  font-size: 1rem !important;
  font-weight: normal;
  margin-bottom: 0.25rem;
}
.prtl-fiche-cours .blocinfotitle .blocinfo-title-wrapper h1:empty {
  display: none;
}
.prtl-fiche-cours .blocinfotitle .blocinfo-export-btn-wrapper,
.prtl-fiche-cours .blocinfotitle .tool-btn-wrapper {
  display: none !important;
}
.formulaire-email-libre label {
  color: #333;
  font-size: 0.7rem;
  font-weight: bold;
}
.formulaire-email-libre input[type="submit"] {
  padding: 0.35rem 0.5rem !important;
  text-transform: uppercase;
  background: #f2f2f2;
  border-radius: 3px;
  color: #64788b;
  font-weight: bold;
  border: 1px solid #c1c9d1;
  transition: ease all 0.15s;
  outline: none;
  cursor: pointer;
}
.prtl-noteexpl-matiere input {
  color: #bd7e00;
  font-weight: bold;
  border: 1px #bd7e00 solid;
}
.label.warning {
  border: #de1414 1.5px solid;
  background: #fff;
  color: #de1414;
}
#prtl-admmenu {
  display: none;
}
#main {
  padding-bottom: 1rem;
  overflow: hidden;
}
a {
  transition: ease all 0.15s;
}
a:link,
a:visited {
  color: #333333;
}
select {
  margin: 0;
  padding: 0.2rem 1.5rem 0.2rem 0.2rem;
  height: auto ;
  font-size: 0.7rem;
}
input {
  padding: 0.2rem;
  height: auto ;
  font-size: 0.7rem;
}
input[type="submit"] {
  padding: 0.5rem;
  border: 1px solid #cecece;
  margin-right: 0.5rem;
}
input[type="submit"]:hover {
  background: #dbdbdb;
}
input[type="file"] {
  background: #eee;
  padding: 0.5rem;
}
input[type="text"] {
  padding: 0.2rem;
  margin: 0;
  height: auto;
  font-size: 0.7rem;
}
div.prtl-scrollTop {
  cursor: pointer;
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  width: 50px;
  height: 50px;
  background: #697d91;
  text-align: center;
  color: transparent;
  border-radius: 50%;
  opacity: 0.6;
  transition: ease-out all 0.15s;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM1LjQsMjQuOUwyNC44LDEyLjVMMTQuNCwyNC45aDYuNHY5LjJjMCwxLjUsMS40LDMuNCw0LjEsMy40YzIuNywwLDQuMi0yLjEsNC4yLTMuNXYtOS4xSDM1LjR6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 50px 50px;
  z-index: 100000;
}
div.prtl-scrollTop:hover {
  opacity: 0.9;
}
nav {
  position: absolute;
  width: 100%;
}
nav.row {
  display: none;
}
nav #onglet {
  height: 100%;
  background-color: #c1c9d1;
  padding-left: 0;
  padding-right: 0;
}
nav #onglet ul {
  padding: 0;
}
nav #onglet ul li {
  display: block;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding: 0.5rem;
  /*&:nth-child(2), &:nth-child(3){
        display: none;
      }*/
}
nav #onglet ul li span,
nav #onglet ul li a {
  display: block;
  color: #4f5e6d;
  font-size: 0.7rem;
  text-align: center;
  text-transform: uppercase;
  transition: ease all 0.15s;
}
nav #onglet ul li span:hover,
nav #onglet ul li a:hover {
  color: #394550;
}
nav #onglet ul li.prtl-onglet-langue {
  display: flex;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  background: rgba(255, 255, 255, 0.2);
}
nav #onglet ul li.prtl-onglet-langue a.prtl-menu-langue {
  flex: 1 1 0;
  margin: 0 0.5rem;
}
nav #onglet ul li.prtl-onglet-langue a.prtl-menu-langue.prtl-current-langue {
  border-bottom: 3px solid #384a5d;
}
nav #onglet ul li.selected span,
nav #onglet ul li.selected a {
  color: #242b32;
  border-bottom: 2px solid #4f5e6d;
}
nav #onglet ul li.onglet-ninja {
  display: none;
}
#ham-nav {
  float: right;
  background: transparent;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 2rem 0 2rem 2rem;
  padding: 0px;
  width: 30px;
  height: 22px;
  font-size: 0px;
  text-indent: -9999px;
  -moz-appearance: none;
  box-shadow: none;
  border: medium none;
  cursor: pointer;
  transition: background 0.2s;
}
#ham-nav:focus {
  outline: none;
}
#ham-nav span {
  display: block;
  position: absolute;
  top: 10px;
  height: 3px;
  background: #64788b;
  border-radius: 5px;
  width: 30px;
}
#ham-nav span:before,
#ham-nav span:after {
  position: absolute;
  display: block;
  width: 30px;
  height: 3px;
  background-color: #64788b;
  content: "";
  border-radius: 5px;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
#ham-nav span:before {
  top: -7px;
  transition-property: top, transform;
}
#ham-nav span:after {
  bottom: -7px;
  transition-property: bottom, transform;
}
#ham-nav.active span {
  background: transparent;
}
#ham-nav.active span:before,
#ham-nav.active span:after {
  transition-delay: 0s, 0s;
}
#ham-nav.active span:before {
  top: 0;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#ham-nav.active span:after {
  bottom: 0;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
div.blocinforesponsive,
div.blocinfo {
  background: white;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
div.blocinforesponsive.cell-full-height,
div.blocinfo.cell-full-height {
  overflow: auto;
}
div.blocinforesponsive.cell-img .blocinfobody,
div.blocinfo.cell-img .blocinfobody {
  background-image: url(PORTAL6S.cimage?ww_c=HEADER-IMG);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 10rem;
  height: 15rem;
  max-height: 15rem;
}
div.blocinforesponsive div.blocinfotitle,
div.blocinfo div.blocinfotitle {
  padding: 1rem 1rem 0 1rem;
}
div.blocinforesponsive div.blocinfotitle h1,
div.blocinfo div.blocinfotitle h1 {
  background: transparent;
  margin: 0;
  text-align: center;
  font-size: 0.75rem;
  color: #64788b;
}
div.blocinforesponsive div.blocinfotitle img,
div.blocinfo div.blocinfotitle img {
  height: 15px;
  width: auto;
}
div.blocinforesponsive div.blocinfobody h1,
div.blocinfo div.blocinfobody h1 {
  text-align: left;
  font-size: 0.75rem;
  color: #fac300;
}
div.blocinforesponsive div.blocinfobody h1.fiches-titre-suppl,
div.blocinfo div.blocinfobody h1.fiches-titre-suppl {
  color: #000;
  font-weight: normal;
}
div.blocinforesponsive div.blocinfobody h2,
div.blocinfo div.blocinfobody h2 {
  color: #a2aeb9;
}
div.blocinforesponsive div.blocinfobody input[type="button"],
div.blocinfo div.blocinfobody input[type="button"],
div.blocinforesponsive div.blocinfobody input[type="submit"],
div.blocinfo div.blocinfobody input[type="submit"] {
  padding: 0.35rem 0.5rem !important;
  text-transform: uppercase;
  background: #f2f2f2;
  border-radius: 3px;
  color: #64788b;
  font-weight: bold;
  border: 1px solid #c1c9d1;
  transition: ease all 0.15s;
  cursor: pointer;
}
div.blocinforesponsive div.blocinfobody input[type="button"]:hover,
div.blocinfo div.blocinfobody input[type="button"]:hover,
div.blocinforesponsive div.blocinfobody input[type="submit"]:hover,
div.blocinfo div.blocinfobody input[type="submit"]:hover {
  box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
  -moz-box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
}
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres,
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres {
  display: block;
  width: 100%;
}
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne label.prtl-filtre-label,
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne label.prtl-filtre-label {
  font-size: 0.7rem;
  min-width: 80px;
  color: #64788b;
}
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select,
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select,
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input,
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input {
  max-width: 250px;
}
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse,
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse {
  display: flex;
}
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse input[type="checkbox"],
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse input[type="checkbox"] {
  order: 2;
  margin: 0.5rem 0;
}
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse label,
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse label {
  order: 1;
  margin-left: 0;
}
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons,
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons {
  display: block;
  width: 100%;
  padding-top: 1rem;
}
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons input[type="button"],
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons input[type="button"],
div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons input[type="submit"],
div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons input[type="submit"] {
  display: block;
  width: 100%;
  float: none;
}
div.blocinforesponsive div.blocinfobody ul li.prtl-fulllistrow,
div.blocinfo div.blocinfobody ul li.prtl-fulllistrow {
  display: none;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas,
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas {
  position: relative;
  min-height: 80px;
  background: transparent;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="1"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="1"],
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="2"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="2"] {
  display: inline-block;
  margin-right: 0.35rem;
  /*width: 60%;*/
  color: #bd7e00;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="3"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="3"] {
  width: 60%;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="4"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="4"] {
  width: 60%;
  font-weight: normal;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="5"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="5"] {
  font-weight: normal;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="6"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="6"] {
  width: 40%;
  top: 0.5rem;
  position: absolute;
  right: 0.5rem;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="6"] input,
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="6"] input {
  width: 60px;
  float: right;
  text-align: center;
  height: 35px !important;
  font-size: 1rem !important;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="7"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="7"],
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="8"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="8"] {
  position: absolute;
  right: 0.5rem;
  font-weight: normal;
  font-size: 0.6rem;
  opacity: 0.7;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="7"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="7"] {
  top: 48px;
}
div.blocinforesponsive div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="8"],
div.blocinfo div.blocinfobody ul.liste-saisie-notes-small li div.infos-bas div[headers="8"] {
  top: 62px;
}
div.blocinforesponsive div.blocinfobody ul.liste-modele-plan,
div.blocinfo div.blocinfobody ul.liste-modele-plan {
  width: 100%;
  border-top: 1px solid #f2f2f2;
  margin-top: 2rem;
  padding-top: 0.5rem;
}
div.blocinforesponsive div.blocinfobody ul.liste-modele-plan li .plan a,
div.blocinfo div.blocinfobody ul.liste-modele-plan li .plan a,
div.blocinforesponsive div.blocinfobody ul.liste-modele-plan li .sous-plan a,
div.blocinfo div.blocinfobody ul.liste-modele-plan li .sous-plan a {
  display: block;
  width: 100%;
  padding: 0.5rem;
  color: #64788b;
}
div.blocinforesponsive div.blocinfobody ul.liste-modele-plan li .plan a:hover,
div.blocinfo div.blocinfobody ul.liste-modele-plan li .plan a:hover,
div.blocinforesponsive div.blocinfobody ul.liste-modele-plan li .sous-plan a:hover,
div.blocinfo div.blocinfobody ul.liste-modele-plan li .sous-plan a:hover {
  color: #394550;
}
div.blocinforesponsive div.blocinfobody ul.liste-modele-plan li .plan a,
div.blocinfo div.blocinfobody ul.liste-modele-plan li .plan a {
  font-weight: normal;
  text-transform: uppercase;
}
div.blocinforesponsive div.blocinfobody ul.liste-modele-plan li .sous-plan a,
div.blocinfo div.blocinfobody ul.liste-modele-plan li .sous-plan a {
  padding-left: 2rem;
}
div.blocinforesponsive div.blocinfobody table thead,
div.blocinfo div.blocinfobody table thead {
  border: none;
  background: transparent;
}
div.blocinforesponsive div.blocinfobody table thead tr th,
div.blocinfo div.blocinfobody table thead tr th {
  background: #e6e6e6;
  color: #333333;
}
div.blocinforesponsive div.blocinfobody table tbody,
div.blocinfo div.blocinfobody table tbody {
  border: none;
  background: transparent;
}
div.blocinforesponsive div.blocinfobody table tbody tr.prtl-synchrotrace td,
div.blocinfo div.blocinfobody table tbody tr.prtl-synchrotrace td {
  background-color: #f4dfb5;
}
div.blocinforesponsive div.blocinfobody table tbody tr.prtl-fulllistrow,
div.blocinfo div.blocinfobody table tbody tr.prtl-fulllistrow {
  display: none;
}
div.blocinforesponsive div.blocinfobody table tbody tr:nth-child(2n),
div.blocinfo div.blocinfobody table tbody tr:nth-child(2n) {
  background: #f2f2f2;
}
div.blocinforesponsive div.blocinfobody table tbody tr:nth-child(2n):hover,
div.blocinfo div.blocinfobody table tbody tr:nth-child(2n):hover,
div.blocinforesponsive div.blocinfobody table tbody tr:hover,
div.blocinfo div.blocinfobody table tbody tr:hover {
  background-color: #e0e4e8;
}
div.blocinforesponsive div.blocinfobody table tfoot,
div.blocinfo div.blocinfobody table tfoot {
  border: none;
  background: transparent;
}
div.blocinforesponsive div.blocinfobody table.listTab,
div.blocinfo div.blocinfobody table.listTab {
  width: 100%;
}
div.blocinforesponsive div.blocinfobody table.listTab thead tr th.tablercc-th-filtered,
div.blocinfo div.blocinfobody table.listTab thead tr th.tablercc-th-filtered {
  border-bottom: 2px solid #faa500;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr td input[type="checkbox"],
div.blocinfo div.blocinfobody table.listTab tbody tr td input[type="checkbox"] {
  margin: 0;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr td.rupture,
div.blocinfo div.blocinfobody table.listTab tbody tr td.rupture {
  background: #c1c9d1;
  font-weight: bold;
  color: #333333;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr td a,
div.blocinfo div.blocinfobody table.listTab tbody tr td a {
  color: #64788b;
  display: block;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr td a:hover,
div.blocinfo div.blocinfobody table.listTab tbody tr td a:hover {
  color: #a2aeb9;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-leaf,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-leaf,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-leaf,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-leaf,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-leaf,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-leaf,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-leaf,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-leaf,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-leaf,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-leaf,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6.prtl-tree-leaf,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6.prtl-tree-leaf {
  border-bottom: 1px solid #f2f2f2;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1 td[headers="4"] div,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1 td[headers="4"] div,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2 td[headers="4"] div,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2 td[headers="4"] div,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3 td[headers="4"] div,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3 td[headers="4"] div,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4 td[headers="4"] div,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4 td[headers="4"] div,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5 td[headers="4"] div,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5 td[headers="4"] div,
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6 td[headers="4"] div,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6 td[headers="4"] div {
  text-align: center;
  cursor: pointer;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td {
  background: #64788b;
  color: white;
  font-weight: bold;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div {
  width: 10%;
  display: inline-block;
  vertical-align: bottom;
  min-width: 100%;
  min-height: 19px;
  cursor: pointer;
  background-image: url("PORTAL6S.cimage?ww_c=INSCR_HORS_COURS_WHITE");
  background-repeat: no-repeat;
  background-position: center center;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div img,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div img {
  display: none;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-node td,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-node td {
  background: #a2aeb9;
  color: white;
  font-weight: bold;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2 td:first-child,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2 td:first-child {
  padding-left: 1.5rem;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-node td,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-node td {
  background: #c1c9d1;
  color: #64788b;
  font-weight: bold;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3 td:first-child,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3 td:first-child {
  padding-left: 2.5rem;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node td,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node td {
  background: #e0e4e8;
  color: #64788b;
  font-weight: bold;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4 td:first-child,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4 td:first-child {
  padding-left: 3.5rem;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-node td,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-node td {
  background: #eff1f3;
  color: #64788b;
  font-weight: bold;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5 td:first-child,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5 td:first-child {
  padding-left: 4.5rem;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6 {
  /* &.prtl-tree-node{
              td{
              background: @bfh-gray-bg-5;
              color: @bfh-gray-bg-1;
              font-weight: bold;
            }
            }*/
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6 td:first-child,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6 td:first-child {
  padding-left: 5.5rem;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-row-selected,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-row-selected {
  background: #ffdb94 !important;
  border-bottom: 1px solid white !important;
}
div.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-row-selected.prtl-synchrotrace td,
div.blocinfo div.blocinfobody table.listTab tbody tr.prtl-row-selected.prtl-synchrotrace td {
  background: #ffc961;
}
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-1 div[headers="4"],
div.blocinfo div.blocinfobody .prtl-hierarchie-level-1 div[headers="4"],
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-2 div[headers="4"],
div.blocinfo div.blocinfobody .prtl-hierarchie-level-2 div[headers="4"],
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-3 div[headers="4"],
div.blocinfo div.blocinfobody .prtl-hierarchie-level-3 div[headers="4"],
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-4 div[headers="4"],
div.blocinfo div.blocinfobody .prtl-hierarchie-level-4 div[headers="4"],
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-5 div[headers="4"],
div.blocinfo div.blocinfobody .prtl-hierarchie-level-5 div[headers="4"],
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-6 div[headers="4"],
div.blocinfo div.blocinfobody .prtl-hierarchie-level-6 div[headers="4"] {
  text-align: center;
}
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-1 div.inscription,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-1 div.inscription,
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-2 div.inscription,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-2 div.inscription,
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-3 div.inscription,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-3 div.inscription,
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-4 div.inscription,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-4 div.inscription,
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-5 div.inscription,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-5 div.inscription,
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-6 div.inscription,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-6 div.inscription {
  width: 10%;
  display: inline-block;
  vertical-align: bottom;
  min-width: 19px;
  min-height: 19px;
  cursor: pointer;
}
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-1 div[headers="1"],
div.blocinfo div.blocinfobody .prtl-hierarchie-level-1 div[headers="1"] {
  width: 90%;
  display: inline-block;
}
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-1 div.ects,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-1 div.ects,
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-1 div.professeur,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-1 div.professeur {
  display: none;
}
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-1 div.inscription,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-1 div.inscription {
  width: 10%;
  display: inline-block;
  vertical-align: bottom;
  min-width: 19px;
  min-height: 19px;
  cursor: pointer;
  background-image: url("PORTAL6S.cimage?ww_c=INSCR_HORS_COURS_WHITE");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: right center;
}
div.blocinforesponsive div.blocinfobody .prtl-hierarchie-level-1 div.inscription img,
div.blocinfo div.blocinfobody .prtl-hierarchie-level-1 div.inscription img {
  display: none;
}
div.blocinforesponsive div.blocinfobody .dot,
div.blocinfo div.blocinfobody .dot {
  width: 20px;
  height: 20px;
  transition: ease all 0.15s;
  margin: 0 auto;
}
div.blocinforesponsive div.blocinfobody .dot.fiche-indisponible,
div.blocinfo div.blocinfobody .dot.fiche-indisponible {
  background: #cccccc;
  opacity: 0.25;
  border: 1px solid #4B637D;
}
div.blocinforesponsive div.blocinfobody .dot.fiche-disponible,
div.blocinfo div.blocinfobody .dot.fiche-disponible {
  cursor: pointer;
  background: #f2f2f2;
  border: 1px solid #4B637D;
}
div.blocinforesponsive div.blocinfobody .dot.fiche-disponible:hover,
div.blocinfo div.blocinfobody .dot.fiche-disponible:hover {
  background: #d9d9d9;
}
div.blocinforesponsive.backbutton,
div.blocinfo.backbutton {
  box-shadow: none;
  background: white;
  padding: 0;
  border: none;
}
div.blocinforesponsive.backbutton div.blocinfobody,
div.blocinfo.backbutton div.blocinfobody {
  background: transparent;
}
div.blocinforesponsive.backbutton a,
div.blocinfo.backbutton a {
  transition: ease all 0.25s;
}
div.blocinforesponsive.backbutton a .backbutton-icon,
div.blocinfo.backbutton a .backbutton-icon {
  padding: 0;
  flex: none;
}
div.blocinforesponsive.backbutton a .backbutton-icon svg,
div.blocinfo.backbutton a .backbutton-icon svg {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
div.blocinforesponsive.backbutton a .backbutton-icon svg path,
div.blocinfo.backbutton a .backbutton-icon svg path {
  fill: #4b647d;
}
div.blocinforesponsive.backbutton a .backbutton-txt,
div.blocinfo.backbutton a .backbutton-txt {
  color: #4b647d;
  font-size: 0.8rem;
  flex: unset;
}
div.blocinforesponsive.backbutton a:hover .backbutton-icon svg path,
div.blocinfo.backbutton a:hover .backbutton-icon svg path {
  fill: #697d91;
}
div.blocinforesponsive.backbutton a:hover .backbutton-txt,
div.blocinfo.backbutton a:hover .backbutton-txt {
  color: #697d91;
}
div.blocinforesponsive.backbutton.with-label .blocinfotitle,
div.blocinfo.backbutton.with-label .blocinfotitle {
  display: block;
  position: relative;
  padding: 0;
}
div.blocinforesponsive.backbutton.with-label .blocinfotitle h1,
div.blocinfo.backbutton.with-label .blocinfotitle h1 {
  color: black;
  position: absolute;
  top: 9px;
  left: 57px;
  font-weight: normal;
  text-transform: inherit;
  font-size: 1.5rem;
}
div.blocinforesponsive.backbutton.with-label .blocinfotitle h1:before,
div.blocinfo.backbutton.with-label .blocinfotitle h1:before {
  content: "";
  padding-right: 0.5rem;
  border-left: 4px solid #c1c9d1;
}
div.blocinforesponsive.backbutton.with-label .blocinfobody a.row,
div.blocinfo.backbutton.with-label .blocinfobody a.row {
  width: 50px;
  float: left;
}
div.blocinforesponsive.backbutton.with-label .blocinfobody .icon,
div.blocinfo.backbutton.with-label .blocinfobody .icon {
  padding: 0;
  position: relative;
  left: 6px;
  top: -2px;
}
div.blocinforesponsive.backbutton.with-label .blocinfobody .icon svg,
div.blocinfo.backbutton.with-label .blocinfobody .icon svg {
  max-height: 30px;
}
div.blocinforesponsive.closebutton,
div.blocinfo.closebutton {
  box-shadow: none;
  background: transparent;
  padding: 0;
  border: none;
}
div.blocinforesponsive.closebutton div.blocinfobody,
div.blocinfo.closebutton div.blocinfobody {
  background: transparent;
}
div.blocinforesponsive.closebutton a,
div.blocinfo.closebutton a {
  transition: ease all 0.25s;
  opacity: 0.5;
}
div.blocinforesponsive.closebutton .closebutton-icon,
div.blocinfo.closebutton .closebutton-icon {
  padding: 0;
  flex: none;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
div.blocinforesponsive.closebutton .closebutton-icon svg,
div.blocinfo.closebutton .closebutton-icon svg {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
div.blocinforesponsive.closebutton .closebutton-icon svg path,
div.blocinfo.closebutton .closebutton-icon svg path {
  fill: #4b647d;
}
div.blocinforesponsive.closebutton:hover .backbutton-icon svg path,
div.blocinfo.closebutton:hover .backbutton-icon svg path {
  fill: #697d91;
}
div.blocinforesponsive.pdfbutton,
div.blocinfo.pdfbutton {
  height: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
  text-align: center;
}
div.blocinforesponsive.pdfbutton div.blocinfotitle,
div.blocinfo.pdfbutton div.blocinfotitle {
  display: none;
}
div.blocinforesponsive.pdfbutton div.blocinfobody,
div.blocinfo.pdfbutton div.blocinfobody {
  height: 100%;
  padding: 0.8rem;
  background: transparent;
  padding: 0;
}
div.blocinforesponsive.pdfbutton div.blocinfobody .pdfbutton-txt,
div.blocinfo.pdfbutton div.blocinfobody .pdfbutton-txt {
  display: none;
}
div.blocinforesponsive.pdfbutton div.blocinfobody .pdfbutton-icon,
div.blocinfo.pdfbutton div.blocinfobody .pdfbutton-icon {
  display: none;
}
div.blocinforesponsive.pdfbutton div.blocinfobody a,
div.blocinfo.pdfbutton div.blocinfobody a {
  margin-bottom: 1rem;
  width: 100%;
  background: #c1c9d1;
  display: inline-block;
  padding: 0.5rem 2rem;
  transition: ease all 0.15s;
}
div.blocinforesponsive.pdfbutton div.blocinfobody a .pdfbutton-txt,
div.blocinfo.pdfbutton div.blocinfobody a .pdfbutton-txt {
  display: inline-block;
  color: white;
  transform: translateY(-4px);
  text-transform: uppercase;
}
div.blocinforesponsive.pdfbutton div.blocinfobody a .pdfbutton-icon,
div.blocinfo.pdfbutton div.blocinfobody a .pdfbutton-icon {
  display: inline-block;
  margin-right: 0.5rem;
  max-width: 25px;
}
div.blocinforesponsive.pdfbutton div.blocinfobody a .pdfbutton-icon svg,
div.blocinfo.pdfbutton div.blocinfobody a .pdfbutton-icon svg {
  height: 20px;
  fill: white;
}
div.blocinforesponsive.pdfbutton div.blocinfobody a .columns,
div.blocinfo.pdfbutton div.blocinfobody a .columns {
  padding: 0;
  flex: none;
}
div.blocinforesponsive.pdfbutton div.blocinfobody a:hover,
div.blocinfo.pdfbutton div.blocinfobody a:hover {
  background: #64788b;
  box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
  -moz-box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
}
div.blocinforesponsive.prtl-cell-simple-filtres div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset,
div.blocinfo.prtl-cell-simple-filtres div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset {
  padding: 0;
  border: none;
}
div.blocinforesponsive.prtl-cell-simple-filtres div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres,
div.blocinfo.prtl-cell-simple-filtres div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres {
  width: 100%;
}
div.blocinforesponsive.prtl-cell-simple-filtres div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons,
div.blocinfo.prtl-cell-simple-filtres div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons {
  display: none;
}
div.blocinforesponsive.prtl-liste-plan div.blocinfobody table.listTab thead tr th,
div.blocinfo.prtl-liste-plan div.blocinfobody table.listTab thead tr th {
  text-align: center;
}
div.blocinforesponsive.prtl-liste-plan div.blocinfobody table.listTab thead tr th:first-child,
div.blocinfo.prtl-liste-plan div.blocinfobody table.listTab thead tr th:first-child {
  text-align: left;
}
div.blocinforesponsive.prtl-fiche-cours div.blocinfotitle,
div.blocinfo.prtl-fiche-cours div.blocinfotitle {
  display: none;
}
div.blocinforesponsive.prtl-fiche-cours div.blocinfobody ul li,
div.blocinfo.prtl-fiche-cours div.blocinfobody ul li {
  list-style-type: disc;
}
div.blocinforesponsive.prtl-fiche-cours div.blocinfobody ol li,
div.blocinfo.prtl-fiche-cours div.blocinfobody ol li {
  list-style-type: decimal;
}
div.blocinforesponsive .itemPlanClobEdit-rubrique .itemPlanClobEdit-libelle label,
div.blocinfo .itemPlanClobEdit-rubrique .itemPlanClobEdit-libelle label {
  font-size: 0.8rem;
  font-weight: bold;
  color: #384a5d;
  margin-bottom: 0.5rem;
}
div.blocinforesponsive .itemPlanClobEdit-rubrique .itemPlanClobEdit-valeur p,
div.blocinfo .itemPlanClobEdit-rubrique .itemPlanClobEdit-valeur p {
  margin-top: 0;
  margin-bottom: 2rem;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row {
  display: flex;
  margin-bottom: 0.25rem;
  /*&:nth-child(9){
          padding-top: 1rem;
        }*/
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell {
  flex: 1 1 auto;
  display: flex;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell div.openform-header,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell div.openform-header {
  flex: 1 1 auto;
  max-width: 100px;
  min-width: 100px;
  padding: 0.25rem;
  color: #384a5d;
  margin-right: 0.25rem;
  background-color: #e0e4e8;
  font-weight: bold;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell div.openform-value,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell div.openform-value {
  flex: 1 1 auto;
  padding: 0.25rem;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell div.openform-title,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell div.openform-title {
  flex: 1 1 auto;
  padding: 0.25rem;
  font-size: 0.7rem;
  margin: 0.5rem 0 0.25rem;
  background: #c1c9d1;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell div.openform-title h2,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row div.openform-cell div.openform-title h2 {
  margin: 0;
  background: transparent;
  color: #4b647d;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:first-child,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:first-child {
  position: absolute;
  left: 1rem;
  top: 1rem;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:first-child div.openform-cell div.openform-header,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:first-child div.openform-cell div.openform-header {
  display: none;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:first-child div.openform-cell div.openform-value,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:first-child div.openform-cell div.openform-value {
  padding: 0;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:first-child div.openform-cell div.openform-value img,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:first-child div.openform-cell div.openform-value img {
  width: 140px;
  max-height: 190px;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(2) div.openform-cell div.openform-value,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(2) div.openform-cell div.openform-value,
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(3) div.openform-cell div.openform-value,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(3) div.openform-cell div.openform-value {
  font-weight: bold;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(2),
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(2),
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(3),
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(3),
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(4),
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(4) {
  padding-left: 135px;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(2) div.openform-cell,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(2) div.openform-cell,
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(3) div.openform-cell,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(3) div.openform-cell,
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(4) div.openform-cell,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(4) div.openform-cell {
  padding-left: 1rem;
}
div.blocinforesponsive.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(13) div.openform-cell div.openform-value,
div.blocinfo.prtl-cell-detail-etudiant div.blocinfobody div.openFormTable div.openform-row:nth-child(13) div.openform-cell div.openform-value {
  word-break: break-all;
}
div.blocinforesponsive.cell-follow-ups div.blocinfobody table thead tr td[headers="2"],
div.blocinfo.cell-follow-ups div.blocinfobody table thead tr td[headers="2"],
div.blocinforesponsive.cell-follow-ups div.blocinfobody table tbody tr td[headers="2"],
div.blocinfo.cell-follow-ups div.blocinfobody table tbody tr td[headers="2"],
div.blocinforesponsive.cell-follow-ups div.blocinfobody table thead tr th[headers="2"],
div.blocinfo.cell-follow-ups div.blocinfobody table thead tr th[headers="2"],
div.blocinforesponsive.cell-follow-ups div.blocinfobody table tbody tr th[headers="2"],
div.blocinfo.cell-follow-ups div.blocinfobody table tbody tr th[headers="2"] {
  text-align: center;
}
div.blocinforesponsive.buttoncell div.blocinfobody,
div.blocinfo.buttoncell div.blocinfobody {
  padding: 0;
}
div.blocinforesponsive.buttoncell div.blocinfobody > a.row,
div.blocinfo.buttoncell div.blocinfobody > a.row {
  padding: 1rem;
  margin: 0;
}
div.blocinforesponsive.buttoncell div.blocinfobody > a.row.small-card .text,
div.blocinfo.buttoncell div.blocinfobody > a.row.small-card .text {
  min-height: 2rem;
  white-space: nowrap;
}
div.blocinforesponsive.buttoncell div.blocinfobody > a.row.small-card .soustitre,
div.blocinfo.buttoncell div.blocinfobody > a.row.small-card .soustitre {
  min-height: 4rem;
}
div.blocinforesponsive.buttoncell div.blocinfobody > a.row .text,
div.blocinfo.buttoncell div.blocinfobody > a.row .text {
  text-transform: uppercase;
  line-height: 2rem;
  font-size: 0.85rem;
}
div.blocinforesponsive.buttoncell div.blocinfobody > a.row .soustitre,
div.blocinfo.buttoncell div.blocinfobody > a.row .soustitre {
  color: #4f5e6d;
  font-weight: lighter;
  font-size: 0.8rem;
}
div.blocinforesponsive.buttoncell div.blocinfobody > a.row .icon,
div.blocinfo.buttoncell div.blocinfobody > a.row .icon {
  padding-right: 0;
}
div.blocinforesponsive.buttoncell div.blocinfobody > a.row .icon svg,
div.blocinfo.buttoncell div.blocinfobody > a.row .icon svg {
  fill: #64788b;
}
div.blocinforesponsive.buttoncell.negative div.blocinfobody > a.row,
div.blocinfo.buttoncell.negative div.blocinfobody > a.row {
  background-color: #c1c9d1;
}
div.blocinforesponsive.buttoncell.negative div.blocinfobody > a.row .text,
div.blocinfo.buttoncell.negative div.blocinfobody > a.row .text {
  color: #4f5e6d;
}
div.blocinforesponsive.buttoncell.negative div.blocinfobody > a.row .icon,
div.blocinfo.buttoncell.negative div.blocinfobody > a.row .icon {
  padding-right: 0;
}
div.blocinforesponsive.buttoncell.negative div.blocinfobody > a.row .icon svg,
div.blocinfo.buttoncell.negative div.blocinfobody > a.row .icon svg {
  fill: #4f5e6d;
}
div.blocinforesponsive.prtl-cell-saisie-notes div.blocinfobody table.listTab thead tr th:first-child,
div.blocinfo.prtl-cell-saisie-notes div.blocinfobody table.listTab thead tr th:first-child {
  text-align: center;
  width: 55px;
}
div.blocinforesponsive.prtl-cell-saisie-notes div.blocinfobody table.listTab thead tr th[headers="5"],
div.blocinfo.prtl-cell-saisie-notes div.blocinfobody table.listTab thead tr th[headers="5"] {
  text-align: center;
}
div.blocinforesponsive.prtl-cell-saisie-notes div.blocinfobody table.listTab thead tr th[headers="6"],
div.blocinfo.prtl-cell-saisie-notes div.blocinfobody table.listTab thead tr th[headers="6"] {
  text-align: center;
}
div.blocinforesponsive.prtl-cell-saisie-notes div.blocinfobody table.listTab tbody tr td input,
div.blocinfo.prtl-cell-saisie-notes div.blocinfobody table.listTab tbody tr td input {
  text-align: center;
  width: 50px;
  height: 30px !important;
  margin: 0 auto !important;
  display: block;
}
div.blocinforesponsive.prtl-cell-saisie-notes div.blocinfobody table.listTab tbody tr td[headers="5"],
div.blocinfo.prtl-cell-saisie-notes div.blocinfobody table.listTab tbody tr td[headers="5"] {
  text-align: center;
}
div.blocinforesponsive.prtl-cell-saisie-notes div.blocinfobody table.listTab tbody tr td[headers="6"],
div.blocinfo.prtl-cell-saisie-notes div.blocinfobody table.listTab tbody tr td[headers="6"] {
  opacity: 0.7;
}
div.blocinforesponsive.prtl-cell-saisie-notes div.blocinfobody table.listTab tbody tr td:first-child,
div.blocinfo.prtl-cell-saisie-notes div.blocinfobody table.listTab tbody tr td:first-child {
  text-align: center;
  width: 55px;
}
div.row.pdflangrow {
  margin: 0;
}
div.row.pdflangrow div.column.pdflangbutton {
  height: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
  text-align: center;
}
div.row.pdflangrow div.column.pdflangbutton.no-padding {
  padding: 0;
}
div.row.pdflangrow div.column.pdflangbutton .row {
  margin: 0;
}
div.row.pdflangrow div.column.pdflangbutton.right {
  padding: 0;
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive {
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfotitle {
  display: none;
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody {
  height: 100%;
  padding: 0.8rem;
  background: transparent;
  padding: 0;
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody .row {
  margin: 0;
  display: flex;
  text-align: right;
  float: right;
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody div.langbutton {
  display: none;
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody a.langbutton {
  text-align: center;
  background: #a2aeb9;
  display: inline-block;
  padding: 0.5rem 1rem;
  transition: ease all 0.15s;
  color: white;
  text-transform: uppercase;
  flex: 1;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody a.langbutton:last-child {
  margin-right: 0;
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody a.langbutton:hover {
  background: #64788b;
  box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
  -moz-box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
}
div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody a.langbutton.selected {
  background: #64788b;
}
ul.liste-student li {
  font-size: 0.7rem;
  padding: 0.75rem;
}
ul.liste-student li:nth-child(odd) {
  background-color: #e0e4e8;
}
ul.liste-student li:last-child {
  border-bottom: none;
}
ul.liste-student li div.infos-bas div.name,
ul.liste-student li div.infos-bas div.vorname {
  display: inline-block;
  margin-right: 0.35rem;
  font-weight: bold;
  color: #e19400;
}
ul.liste-student li div.infos-bas div.detpers-kurzzeichen,
ul.liste-student li div.infos-bas div.status {
  display: inline-block;
  width: 60%;
  margin-bottom: 0.5rem;
}
ul.liste-student li div.infos-bas div.detpers-kurzzeichen {
  text-align: right;
  width: 40%;
  float: right;
}
ul.liste-student li div.infos-bas div.vorname {
  width: 50%;
}
ul.liste-student li div.infos-bas div.status,
ul.liste-student li div.infos-bas div.email,
ul.liste-student li div.infos-bas div.handy {
  font-weight: bold;
}
ul.liste-student li div.infos-bas div.geburtstag,
ul.liste-student li div.infos-bas div.matrikel-nr,
ul.liste-student li div.infos-bas div.detpers-kurzzeichen,
ul.liste-student li div.infos-bas div.hkb-instrument,
ul.liste-student li div.infos-bas div.status,
ul.liste-student li div.infos-bas div.email,
ul.liste-student li div.infos-bas div.handy {
  opacity: 0.75;
}
ul.liste-student li div.infos-bas div.geburtstag {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
ul.liste-student li div.infos-bas div.hkb-instrument {
  margin-bottom: 0.5rem;
}
ul.liste-student li.prtl-row-selected {
  background: #ffdb94 !important;
  border-bottom: 1px solid white !important;
  padding: 0.75rem;
}
ul.liste li.prtl-synchrotrace,
ul.liste li.prtl-synchrotrace:hover {
  background-color: #f4dfb5;
  color: #333333;
}
ul.liste li div.infos-bas {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  transition: ease all 0.15s;
  /*
      &:hover{
      background-color: @bfh-gray-bg-4;
      color: @bfh-gray-bg-1;
    }
      */
}
ul.liste li.prtl-row-selected {
  background: #ffdb94 !important;
  border-bottom: 1px solid white !important;
  padding: 0.75rem;
}
ul.liste.liste-modul li div.tdLink:first-child {
  font-weight: normal;
}
ul.feuillesCharge-liste li div.suivi-document {
  padding: 0.3rem 0.3rem 0.3rem 3rem;
  background-color: #f2f2f2;
  margin-bottom: 0.5rem;
  position: relative;
  transition: ease all 0.15s;
}
ul.feuillesCharge-liste li div.suivi-document:after {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS40MyAyNSI+PHBhdGggZD0iTTEyLjY2LDE1YTguMDcsOC4wNywwLDAsMS0xLjM5LTIuNDcsMTEuNjEsMTEuNjEsMCwwLDAsLjMyLTIuNzMsMTIuNTgsMTIuNTgsMCwwLDEtLjU1LDIsOS42MSw5LjYxLDAsMCwxLS4yMi0xYy0uNDUtMi42NC4wOC0yLjkzLjA4LTIuOTMuNzguNDEuNjksMS43MS42OSwxLjcxYTIuMDcsMi4wNywwLDAsMCwwLTEuMy43Ny43NywwLDAsMC0uNTQtLjQ3LDEuMTcsMS4xNywwLDAsMC0uODUuMTZjLS4zMy4yNy0uMzIsMS4yNi0uMTksMi4zQTIxLjU3LDIxLjU3LDAsMCwwLDEwLjYzLDEzYy0uMy43Ni0uNjksMS42NC0xLjIsMi42NC0xLjg2LDMuNjMtMy4zOCw2LTQuNTQsNi4yOSwwLDAtLjI2LS43NywyLjUzLTMuMTUsMCwwLTMuMjksMS42Ni0zLDNhLjE4LjE4LDAsMCwwLC4wOS4xMmMuMTEuMDYuMzQuMTkuNDUuMjRhMS4yNiwxLjI2LDAsMCwwLDEuMjctLjMxQTExLjc0LDExLjc0LDAsMCwwLDguMzQsMTlsLjI5LS41MkM5LDE4LjMzLDEwLDE4LDExLjA2LDE3Ljc1czItLjQ2LDMuMS0uNjJBOS43OCw5Ljc4LDAsMCwwLDE4LDE4LjM4YTEsMSwwLDAsMCwuNzYtLjIyLjMxLjMxLDAsMCwwLC4wOC0uMTNsLjExLS4zOWMtLjA2LjE4LS4zMi4yNi0uMzIuMjZzLS43Mi4yMi0yLjkyLS43MWwtLjQ1LS4yaC4wOGE4LjkyLDguOTIsMCwwLDEsMi43NywwYy40LjA5LjguMy44Ni41MiwwLDAsLjI4LS44NC0xLTFhMTUuODUsMTUuODUsMCwwLDAtMy40Mi4xQTYuMDksNi4wOSwwLDAsMSwxMi42NiwxNVptLTEuMzksMi4yM2MtLjc1LjItMS45My42My0yLjQ1LjgzLjYxLTEuMTMsMS40LTIuNjgsMS43NC0zLjQ2LjEyLS4yOC4yNS0uNi4zOC0xYTguMjEsOC4yMSwwLDAsMCwyLjMsMi44N2wuMzEuMjJDMTIuODQsMTYuOSwxMS44OSwxNy4xLDExLjI3LDE3LjI3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuOTUgLTAuNzYpIiBzdHlsZT0iZmlsbDojYjdiN2I3Ii8+PHBhdGggZD0iTTIxLjQyLDYsMTcuMTMsMS43M2EzLjI4LDMuMjgsMCwwLDAtMi4zMi0xSDIuMjZBMS4zMSwxLjMxLDAsMCwwLC45NSwyLjA4VjI0LjQ1YTEuMzEsMS4zMSwwLDAsMCwxLjMxLDEuMzJoMTguOGExLjMyLDEuMzIsMCwwLDAsMS4zMi0xLjMyVjguMzRBMy4yOCwzLjI4LDAsMCwwLDIxLjQyLDZaTTE1LjI0LDIuNmExLjUsMS41LDAsMCwxLC42NC4zOGw0LjI5LDQuMjlhMS41LDEuNSwwLDAsMSwuMzguNjRIMTUuMjRaTTIwLjYxLDI0SDIuNzJWMi41NEgxMy40NlY4LjM4YTEuMywxLjMsMCwwLDAsMS4zLDEuM2g1Ljg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuOTUgLTAuNzYpIiBzdHlsZT0iZmlsbDojYjdiN2I3Ii8+PC9zdmc+');
  background-repeat: no-repeat;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
}
ul.feuillesCharge-liste li div.suivi-document span.suivi-date {
  font-weight: bold;
  display: inline-block;
}
ul.feuillesCharge-liste li div.suivi-document span.suivi-unite {
  display: inline-block;
  margin-left: 1rem;
  opacity: 0.8;
}
ul.feuillesCharge-liste li div.suivi-document div.suivi-libelle {
  opacity: 0.8;
}
ul.feuillesCharge-liste li div.suivi-document:hover {
  background-color: #e0e4e8;
  color: #64788b;
}
ul.donneesContrats-liste {
  margin: 0.5rem 0;
}
ul.donneesContrats-liste li div.infos-bas {
  padding: 0.3rem;
  border-bottom: 1px solid #e6e6e6;
  margin: 0.25rem 0;
  position: relative;
}
ul.donneesContrats-liste li div.infos-bas div.bg-info {
  display: flex;
}
ul.donneesContrats-liste li div.infos-bas div.bg-info span {
  flex: 1 1 0;
}
ul.donneesContrats-liste li div.infos-bas div.bg-info span.bg-personne {
  font-weight: bold;
}
ul.donneesContrats-liste li div.infos-bas div.bg-contrat {
  display: flex;
  pading-top: 0.2rem;
}
ul.donneesContrats-liste li div.infos-bas div.bg-contrat span {
  flex: 1 1 0;
}
ul.donneesContrats-liste li div.infos-bas div.bg-total {
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  margin-left: -0.3rem;
  margin-right: -0.3rem;
  padding-bottom: 0.4rem;
}
ul.donneesContrats-liste li div.infos-bas div.bg-total span.bg-total-libelle {
  font-weight: bold;
  opacity: 0.7;
  display: inline-block;
  margin-right: 0.5rem;
}
ul.donneesContrats-liste li div.infos-bas div.bg-total span.bg-total-sum {
  font-weight: bold;
  display: inline-block;
}
div.calendar-div-container table thead {
  border: none;
}
div.calendar-div-container table tbody {
  background-color: transparent;
  border: none;
}
div.calendar-div-container table tbody tr:nth-child(2n) {
  background: transparent;
}
ul#ptl-public-fiche-legende {
  display: inline-block;
  float: right;
  font-weight: normal;
  font-size: 0.65rem;
}
ul#ptl-public-fiche-legende li {
  list-style-type: none;
  position: relative;
  color: #4b647d;
}
ul#ptl-public-fiche-legende li.ptl-public-fiche-existant:before {
  content: url("PORTAL6S.cimage?ww_c=LINK-COURS");
  display: inline-block;
  position: relative;
  left: -1rem;
  top: 0.3rem;
  width: 18px;
  height: 18px;
  background: #f2f2f2;
  border: 1px solid #4B637D;
}
ul#ptl-public-fiche-legende li.ptl-public-fiche-inexistant:before {
  content: ' ';
  display: inline-block;
  position: relative;
  left: -1rem;
  top: 0.3rem;
  width: 18px;
  height: 18px;
  background: #cccccc;
  border: 1px solid #4B637D;
  opacity: 0.25;
}
div.off-canvas-wrapper {
  overflow: hidden;
  height: auto !important;
}
div.off-canvas-wrapper div.off-canvas-wrapper-inner div.off-canvas {
  background: white;
  padding: 1rem 1rem 0.5rem;
  max-height: 100%;
  overflow: auto;
}
div.off-canvas-wrapper div.off-canvas-wrapper-inner div.off-canvas div.blocinforesponsive {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
div.off-canvas-wrapper div.off-canvas-wrapper-inner div.off-canvas div.blocinforesponsive div.blocinfotitle {
  padding: 1rem 0 0 0;
}
div.off-canvas-wrapper div.off-canvas-wrapper-inner div.off-canvas div.blocinforesponsive div.blocinfobody {
  padding: 1rem 0;
}
div.off-canvas-wrapper div.off-canvas-wrapper-inner div.off-canvas-content {
  box-shadow: none;
}
@keyframes animZoom1 {
  0% {
    left: 0px;
    margin-top: 0px;
    width: 50px;
    height: 50px;
  }
  100% {
    left: 22.5px;
    margin-top: 22.5px;
    width: 5px;
    height: 5px;
  }
}
@keyframes animZoom2 {
  0% {
    left: 22.5px;
    margin-top: 22.5px;
    width: 5px;
    height: 5px;
  }
  100% {
    left: 0px;
    margin-top: 0px;
    width: 50px;
    height: 50px;
  }
}
/* table rcc */
tr.tablercc-tr th.tablercc-th select {
  width: auto;
  display: block;
  float: none;
  margin-left: 1rem !important;
}
.prtl-noteexpl-matiere input {
  color: #bd7e00;
  font-weight: bold;
  border: 1px #bd7e00 solid;
}
/* Home icone */
.size-m {
  height: 22px;
}
.space-m {
  margin: 0 0.5rem;
}
.prochain-cours .item-wrapper {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.prochain-cours div.blocinforesponsive div.blocinfotitle h1 {
  text-align: center;
}
.prochain-cours div.blocinforesponsive .blocinfobody {
  font-size: 0.7rem;
}
.prochain-cours div.blocinforesponsive .blocinfobody .row .columns svg path {
  fill: #64788b;
}
.prochain-cours div.blocinforesponsive .title {
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #64788b;
}
/* Design changement d'unité */
.change-unite {
  height: 100%;
  background-color: #9aafc1;
  transition: ease all 0.15s;
}
.change-unite:hover {
  background-color: #8aa1b5;
}
.change-unite img {
  height: 30px;
  display: block;
  margin: auto;
  margin-top: 25px;
}
.aide-book {
  height: 100%;
  background-color: #aec8de;
  transition: ease all 0.15s;
}
.aide-book:hover {
  background-color: #98b7d2;
}
.aide-book img {
  height: 30px;
  display: block;
  margin: auto;
  margin-top: 25px;
}
.change-unit-m img {
  display: block;
  margin: 0 auto 0 25px;
}
#BMODAL_CHANGEMENT_UNITE {
  margin-top: 1rem;
}
#BMODAL_CHANGEMENT_UNITE .selected {
  padding-left: 0.5rem;
}
#BMODAL_CHANGEMENT_UNITE .selected ul li {
  font-weight: bold;
  font-size: 0.7rem;
}
#BMODAL_CHANGEMENT_UNITE .selected ul li ul {
  margin-top: 0.5rem;
}
#BMODAL_CHANGEMENT_UNITE .selected ul li ul li {
  padding: 0.6rem 0;
}
#BMODAL_CHANGEMENT_UNITE .selected ul li ul li a {
  font-weight: normal;
  padding: 0.5rem 1rem;
  background: #c1c9d1;
}
#BMODAL_CHANGEMENT_UNITE .selected ul li ul li a:hover {
  background: #a4afb9;
}
/* Zone de dépôt de fichier */
.ewnet-filedropzone .ewnet-filedropzone-helper {
  border: 1px dashed #64788b;
  border-radius: 5px;
  padding: 0.2rem;
  color: #64788b;
  font-size: 0.6rem;
  max-width: 500px;
  background-color: rgba(100, 120, 139, 0.12);
}
.ewnet-filedropzone .ewnet-filedropzone-helper:hover {
  background-color: rgba(100, 120, 139, 0.25);
}
.ewnet-filedropzone .ewnet-filedropzone-helper span {
  display: block;
  text-align: center;
  font-style: italic;
}
.liens-documents {
  margin-top: 5px;
}
.liens-documents .supprimer-suivi {
  margin: 0 0.3rem;
}
/* Liste des reconnaissance d'acquis (mobile)*/
.liste-reconnaissance-acquis-mobile ul.liste .infos-bas-li .infos-bas {
  display: flex;
  flex-flow: wrap;
}
.liste-reconnaissance-acquis-mobile ul.liste .infos-bas-li .infos-bas div[headers="2"] {
  width: 100%;
}
.liste-reconnaissance-acquis-mobile ul.liste .infos-bas-li .infos-bas div[headers="3"] {
  width: 100%;
  font-weight: normal;
}
.liste-reconnaissance-acquis-mobile ul.liste .infos-bas-li .infos-bas div[headers="4"] {
  width: 50%;
  font-weight: normal;
}
.liste-reconnaissance-acquis-mobile ul.liste .infos-bas-li .infos-bas div[headers="5"] {
  width: 50%;
}
.liste-reconnaissance-acquis-mobile ul.liste .infos-bas-li .infos-bas div[headers="5"] div {
  text-align: right !important;
}
/* 11.04.19 Boutons Home */
.homepage {
  margin-left: auto;
  margin-right: auto;
}
.blocinforesponsive {
  /* Cellule mon prochain cours */
  /* Cellule Home Inscription Cours */
}
.blocinforesponsive.hauteur-fixe {
  min-height: 13rem;
}
.blocinforesponsive.hauteur-fixe .blocinfobody {
  min-height: 13rem;
}
.blocinforesponsive.img-prof {
  background-image: url(PORTAL6S.cimage?ww_c=HOME_PROF);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  height: 13rem;
}
.blocinforesponsive.img-prof .blocinfobody {
  display: none;
}
.blocinforesponsive.img-cahier {
  background-image: url(PORTAL6S.cimage?ww_c=HOME_CAHIER);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  height: 13rem;
}
.blocinforesponsive.img-cahier .blocinfobody {
  display: none;
}
.blocinforesponsive.img-vitres {
  background-image: url(PORTAL6S.cimage?ww_c=HOME_VITRES);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  height: 13rem;
}
.blocinforesponsive.img-vitres .blocinfobody {
  display: none;
}
.blocinforesponsive.img-collab {
  background-image: url(PORTAL6S.cimage?ww_c=HOME_COLLA);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  height: 13rem;
}
.blocinforesponsive.img-collab .blocinfobody {
  display: none;
}
.blocinforesponsive.img-bfh {
  background-image: url(PORTAL6S.cimage?ww_c=HOME_BFH);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  height: 13rem;
}
.blocinforesponsive.img-bfh .blocinfobody {
  display: none;
}
.blocinforesponsive.img-bat {
  background-image: url(PORTAL6S.cimage?ww_c=HOME_BAT);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  height: 13rem;
}
.blocinforesponsive.img-bat .blocinfobody {
  display: none;
}
.blocinforesponsive.img-etu {
  background-image: url(PORTAL6S.cimage?ww_c=HOME_ETUDIANT);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  height: 13rem;
}
.blocinforesponsive.img-etu .blocinfobody {
  display: none;
}
.blocinforesponsive.negative {
  background-color: #c1c9d1;
}
.blocinforesponsive.negative .blocinfobody {
  background-color: #c1c9d1;
}
.blocinforesponsive.transparent {
  background: transparent;
  box-shadow: none;
}
.blocinforesponsive.transparent .blocinfobody {
  background: transparent;
  padding: 0;
  padding-top: 1rem;
}
.blocinforesponsive.list-links .blocinfobody {
  padding-top: 0.5rem;
}
.blocinforesponsive.list-links .groupe-liens .liens {
  background-color: #64788b;
  margin-bottom: 0.3rem;
  padding: 0.35rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.blocinforesponsive.list-links .groupe-liens .liens:hover {
  opacity: 0.8;
}
.blocinforesponsive.list-links .groupe-liens .liens img {
  max-height: 25px;
}
.blocinforesponsive.list-links .groupe-liens .liens label {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: bold;
  color: white;
  left: 7rem;
  position: absolute;
}
.blocinforesponsive.next-course-cell .blocinfobody .row {
  color: #4f5e6d;
  margin: 0;
}
.blocinforesponsive.next-course-cell .blocinfobody .row .columns {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.blocinforesponsive.next-course-cell .blocinfobody .row .columns svg {
  width: 30px;
}
.blocinforesponsive.next-course-cell .blocinfobody .row .columns svg path {
  fill: red;
}
.blocinforesponsive.next-course-cell .blocinfobody .row .columns.text {
  padding-top: 0;
  padding-bottom: 0.5rem;
}
.blocinforesponsive.next-course-cell .blocinfobody .row .columns.title {
  color: #fac300;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.blocinforesponsive.next-course-cell .blocinfobody .row .columns.item-wrapper {
  font-weight: normal;
}
.blocinforesponsive.next-course-cell .blocinfobody .row .columns.item-wrapper img {
  margin-right: 1rem;
}
.blocinforesponsive.buttoncell.cell-home .blocinfobody > a.row .soustitre {
  height: 50%;
}
/* Changement d'ordres des cases de la home ( Liens et Résultats) */
@media screen and (max-width: 32em) {
  .variante-small .column:nth-child(1) {
    order: 2;
  }
  .variante-small .column:nth-child(3) {
    order: 1;
  }
  #header {
    height: 50px;
  }
  #header .logo-title-wrapper .ptl-public-titre-suppl-gros {
    position: relative;
    top: 2.5rem;
    left: 40%;
    right: 50%;
  }
  nav {
    margin-top: 1rem;
  }
  nav#section00 {
    background-color: white !important;
  }
  nav #onglet {
    background-color: white;
  }
  nav #onglet ul {
    background-color: #c1c9d1;
  }
  nav #onglet ul li {
    padding: 0;
  }
  nav #onglet ul li span {
    padding: 0.35rem;
  }
  nav #onglet ul li.prtl-onglet-langue {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  nav #onglet ul li.prtl-onglet-langue a.prtl-menu-langue {
    margin-left: auto;
    margin-right: auto !important;
    text-align: center;
    width: 25px;
  }
  nav #onglet ul li.prtl-onglet-logout {
    padding: 0.25rem !important;
  }
  ul.onglets {
    display: grid;
    position: relative;
    top: -1.25rem;
  }
  .cell-public-plans-recherche .liste-modele-plan li {
    margin-left: auto;
    margin-right: auto !important;
  }
  .column:has(.cell-public-acc-descriptifs-cours-filieres, .cell-public-acc-descriptifs-cours-matieres, .cell-public-acc-candidatures-wb, .cell-public-acc-candidatures-bachelor) {
    padding-top: 0 !important;
  }
}
/* 15.04.2019, sgi, mise en forme du bouton de recherche de cell modale */
input.prtl-filtre-submit {
  border: 1px solid #888888;
}
/* 14.06.2019, jc, mise en page d'un label lors de l'envoi de mails groupés */
.popupEnvoiEmailLibre {
  color: #333;
  font-size: 0.7rem;
  font-weight: bold;
}
/* 17.06.2019, jc, class pour masquer/afficher les détails divers */
.edit-details-divers-show {
  display: block;
}
.edit-details-divers-hide {
  display: none;
}
/* 15.07.2019, jc, modification des dimensions du menu offcanvas */
.is-open-left {
  -webkit-transform: translateX(320px);
  -ms-transform: translateX(320px);
  transform: translateX(320px);
}
.is-open-left .off-canvas.position-left {
  left: -320px;
  width: 320px;
}
/* 03.01.2020, sgi, épuration du code après standardisation*/
.envoi-email-libre .destinataires div {
  color: #4b647d;
  background-color: #e0e4e8;
}
.homepage {
  max-width: 100%;
}
div.prtl-filtre fieldset.prtl-filtre-fieldset {
  border: 0 !important;
}
.blocinforesponsive {
  overflow: auto;
}
.blocinforesponsive div.prtl-includedcell {
  overflow: hidden;
}
.cell-horaire.cell-horaire-public {
  overflow: hidden !important;
}
.cell-horaire.cell-horaire-public .blocinfotitle h1 {
  margin-left: -1rem;
}
.cell-horaire.cell-horaire-public .blocinfobody {
  height: 81vh !important;
  overflow-x: auto !important;
}
@media (max-width: 1540px) {
  .cell-horaire.cell-horaire-public {
    max-height: auto;
  }
  .cell-horaire.cell-horaire-public .blocinfobody {
    height: 70vh !important;
    overflow-x: auto !important;
  }
}
/* PORTAIL_BFH_PUBLIC.STYLE_HEADER

28.05.2019, jc,  création de la feuille
26.05.2020, sgi, mise à jour du style pour le nouveau design
13.09.2024, lhi, modification design de l'en-tête
26.09.2024, lhi, modification design de l'en-tête
08.11.2024, lhi, bien élargir le titre pour avoir une largeur max en toutes les langues
*/
header {
  background: white;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
  -moz-box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
  box-shadow: 0px 2px 2px 0px rgba(153, 153, 153, 0.25);
}
header #header {
  position: relative;
  padding: 0;
  height: 95px;
  background-image: none;
}
header #header div.row {
  margin: 0;
  height: 100%;
}
header #header div.row div {
  position: relative;
}
header #header div.row div.infos-right {
  padding-right: 0;
  height: 100%;
}
header #header div.row div.infos-right .select-lang {
  text-align: right;
  min-width: 200px;
}
header #header div.row div.infos-right .select-lang ul li {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.15rem;
  margin-top: 0.15rem;
  text-align: center;
  width: 9px;
  width: 23px;
  height: 23px;
}
header #header div.row div.infos-right .select-lang ul li a {
  padding-top: 1px;
  display: block;
  width: 100%;
  height: 100%;
  font-size: initial;
  line-height: 1.3rem;
  font-weight: normal;
  text-decoration: none;
  color: #4b647d;
  transition: ease all 0.15s;
}
header #header div.row div.infos-right .select-lang ul li a:hover {
  border-bottom: 3px solid #384a5d;
}
header #header div.row div.infos-right .select-lang ul li a.active {
  border-bottom: 3px solid #384a5d;
  cursor: default;
  color: #384a5d;
}
header #header div.row div.infos-right .select-lang ul li a.btn {
  background: #697d91;
}
header #header div.row div.infos-right .select-lang ul li.change-unite,
header #header div.row div.infos-right .select-lang ul li.aide-en-ligne {
  margin-left: 1rem;
}
header #header div.row div.infos-right .select-lang ul li.change-unite img,
header #header div.row div.infos-right .select-lang ul li.aide-en-ligne img {
  margin-left: 0.1rem;
  margin-top: -0.1rem;
}
header #header div.row div.infos-right .login {
  text-align: center;
}
header #header div.row div.infos-right .login a {
  color: #64788b;
  font-weight: normal;
  text-transform: uppercase;
}
header #header div.row div.infos-right .login a:hover {
  color: #4f5e6d;
}
header #header div.row div.infos-right #bandeau_info {
  padding: 0 1rem 0 0;
}
header #header div.row div.infos-right #bandeau_info #utilisateur,
header #header div.row div.infos-right #bandeau_info #unite {
  display: block;
  width: 100%;
  height: auto;
  text-align: right;
  font-size: 0.85rem;
  color: #64788b;
  font-weight: bold;
}
header #header div.row div.infos-right #bandeau_info #unite {
  color: #4b647d;
  font-size: 10px;
  font-weight: normal;
}
header #header div.row div.content-header {
  background-color: white;
  margin-left: 110px;
}
header #header #ewnet-network {
  margin: 2rem auto;
  display: block;
  width: 50px;
  position: absolute;
  z-index: 1000;
  left: 50%;
  margin-left: -25px;
  top: -20%;
}
header #header #ewnet-network span {
  position: absolute;
  top: 0;
  margin: 0 auto;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.6;
  background: #faa500;
}
header #header #ewnet-network span.element1 {
  animation: animZoom1 0.85s ease-out 0s infinite alternate;
}
header #header #ewnet-network span.element2 {
  animation: animZoom2 0.85s ease-out 0s infinite alternate;
}
header #header .logout {
  height: 100%;
  background: #64788b;
  padding: 0;
}
header #header .logout a {
  display: block;
  height: 100%;
  text-align: center;
}
header #header .logout a svg {
  height: 20px;
  width: 20px;
  margin-top: 1.85rem;
}
.logo-title-wrapper {
  display: flex;
}
.logo-title-wrapper .title {
  padding: 0.2rem 0;
}
.logo-title-wrapper .logo {
  width: 50px;
}
.logo-title-wrapper .logo a {
  background-image: url('PORTAL6S.cimage?ww_c=BFH_LOGO_BIG');
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 30px;
  height: 100px;
  background-size: 30px;
  position: relative;
  top: -0.75rem;
}
.logo-title-wrapper .title-suppl-gros h1.ptl-public-titre-suppl-gros {
  width: max-content;
  font-size: 2rem;
  line-height: initial;
  color: black;
  margin: 0;
  font-weight: normal;
  display: inline-block;
  background-color: transparent;
  font-family: 'UnitRoundedProMedium';
  position: absolute;
  left: -0.5rem;
}
.logo-title-wrapper .title-suppl-petit {
  bottom: 7px;
}
.logo-title-wrapper .title-suppl-petit div.ptl-public-titre-suppl-petit {
  /* color: @bfh-dark-grey;
      font-size: 1rem;
      padding: 0;
      font-weight: normal;*/
  display: none;
}
.lang-mobile .select-lang ul li {
  margin: 5px 0;
}
.lang-mobile .select-lang ul li a {
  padding-top: 1px;
  display: block;
  width: 25px;
  height: 25px;
  font-size: 0.8rem;
  line-height: 1.3rem;
  font-weight: normal ;
  text-decoration: none;
  color: #4b647d;
  transition: ease all 0.15s;
  text-align: center;
}
.lang-mobile .select-lang ul li a.active {
  color: #384a5d;
  border-bottom: 3px solid #384a5d;
  cursor: default;
}
@media (min-width: 576px) {
  header #header div.row.content-header {
    margin-left: 110px;
  }
}
@media (min-width: 768px) {
  header #header div.row.content-header {
    margin-left: 110px;
  }
  header #header div.row .logo-title-wrapper .title-suppl-petit {
    bottom: inherit;
  }
  header #header div.row .logo-title-wrapper .title-suppl-petit .ptl-public-titre-suppl-petit {
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) {
  header #header div.row.content-header {
    margin-left: 110px;
  }
  #utilisateur {
    margin-bottom: -1rem;
    margin-left: -1rem;
  }
  .select-lang ul {
    margin-right: 0.5rem;
  }
  .logo-title-wrapper .title-suppl-gros h1.ptl-public-titre-suppl-gros {
    font-size: 1.35rem !important;
  }
  .logo-title-wrapper .title-suppl-petit div.ptl-public-titre-suppl-petit {
    font-size: 0.85rem !important;
    margin-top: 0.3rem;
  }
}
@media (min-width: 1200px) {
  header #header div.row.content-header {
    margin-left: 210px;
  }
  header #header div.row.content-header .infos-right {
    padding-right: 90px;
  }
  nav #onglet {
    padding-left: 210px;
  }
  section[id^="ongletdiv"] {
    width: 100%;
    padding-left: 200px;
    padding-right: 200px;
  }
  #utilisateur {
    margin-top: 0;
    margin-bottom: 0;
  }
  .select-lang ul {
    margin-right: 0;
  }
  .logo-title-wrapper .title-suppl-gros h1.ptl-public-titre-suppl-gros {
    font-size: 2.5rem;
  }
  .logo-title-wrapper .title-suppl-petit div.ptl-public-titre-suppl-petit {
    font-size: 1.3rem;
    margin-top: 0.3rem;
  }
}
@media (max-width: 1550px) {
  section[id^="ongletdiv"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 768px) {
  header #header {
    height: 60px;
  }
  .content-header .logo-title-wrapper .title .ptl-public-titre-suppl-gros {
    font-size: 1.15rem;
  }
  .content-header .responsive-nav {
    position: absolute !important;
    right: 0;
    top: -0.65rem;
  }
  .content-header .responsive-nav .hamburger-menu {
    display: block !important;
  }
  .content-header .lang-mobile {
    display: none;
  }
  nav ul li {
    border-bottom: 0 !important;
  }
  .prtl-filtre-fieldset {
    border: 0 !important;
  }
}
.display-none-menu {
  display: none !important;
}
/* PORTAIL_BFH_PUBLIC.MEDIA_QUERIES */
@media screen and (min-width: 32em) {
  nav {
    position: relative;
  }
  nav.row {
    display: flex;
    margin-top: 0.15rem;
  }
  nav #onglet {
    padding-top: 0;
  }
  nav #onglet ul li {
    display: inline-block;
  }
  nav #onglet ul li.prtl-onglet-logout,
  nav #onglet ul li.prtl-onglet-langue {
    display: none;
  }
  nav #onglet ul li:first-child span,
  nav #onglet ul li:first-child a {
    padding-left: 0;
  }
  header {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  header #header {
    height: 75px;
  }
  header #header div.row {
    /*div.logo{
        h1{
        margin: 0 0 0 3rem;
      }
      }*/
  }
  div.blocinforesponsive div.blocinfotitle h1,
  div.blocinfo div.blocinfotitle h1 {
    text-align: left;
  }
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres,
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres {
    display: grid;
    grid-template-columns: 200px 200px 200px 200px 200px;
    width: 100%;
  }
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne label.prtl-filtre-label,
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne label.prtl-filtre-label {
    display: inline-block;
  }
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse,
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse {
    display: inline-block;
  }
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select,
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select,
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input,
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input {
    max-width: 250px;
  }
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select[type="checkbox"],
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select[type="checkbox"],
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input[type="checkbox"],
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input[type="checkbox"],
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select[type="radio"],
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select[type="radio"],
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input[type="radio"],
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse input[type="radio"] {
    width: 18px;
    height: 18px;
  }
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons,
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons {
    display: inline-block;
    width: 20%;
    padding-top: 0;
  }
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons input[type="button"],
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons input[type="button"],
  div.blocinforesponsive div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons input[type="submit"],
  div.blocinfo div.blocinfobody div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-buttons input[type="submit"] {
    display: inline-block;
    width: auto;
  }
  div.blocinforesponsive div.blocinfobody ul.liste-modele-plan,
  div.blocinfo div.blocinfobody ul.liste-modele-plan {
    width: auto;
  }
  div.blocinforesponsive.pdfbutton div.blocinfobody,
  div.blocinfo.pdfbutton div.blocinfobody {
    text-align: center;
  }
  div.blocinforesponsive.pdfbutton div.blocinfobody a,
  div.blocinfo.pdfbutton div.blocinfobody a {
    margin: 0;
    border-radius: 3px;
    width: auto;
  }
  div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody .row {
    display: block;
  }
  div.row.pdflangrow div.column.pdflangbutton div.blocinforesponsive div.blocinfobody a.langbutton {
    flex: none;
  }
  .img-classe {
    background-image: url(PORTAL6S.cimage?ww_c=IC-CLASSE);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 60px;
  }
  .img-inscription {
    background-image: url(PORTAL6S.cimage?ww_c=IC-INSCRIPTION);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 60px;
  }
  .img-resultat {
    background-image: url(PORTAL6S.cimage?ww_c=IC-RESULTAT);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 74px;
  }
  .img-doclink {
    background-image: url(PORTAL6S.cimage?ww_c=IC-DOCLINK);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 60px;
  }
  .img-descriptif {
    background-image: url(PORTAL6S.cimage?ww_c=IC-MODULE);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 60px;
  }
  .img-etu {
    background-image: url(PORTAL6S.cimage?ww_c=IC-STUDENT);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 60px;
  }
  .img-cip {
    background-image: url(PORTAL6S.cimage?ww_c=IC-ILV);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 60px;
  }
  .img-eval {
    background-image: url(PORTAL6S.cimage?ww_c=IC-NOTES);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 60px;
  }
  .icon-help {
    background-image: url(PORTAL6S.cimage?ww_c=IC-HELP);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 2rem;
  }
  .change-unite {
    width: 100%;
  }
}
@media screen and (max-width: 32em) {
  nav#section00 {
    height: 100% !important;
    background-color: #c1c9d1;
  }
  div.calendar-div-container {
    position: fixed;
    left: 0px !important;
    top: auto !important;
    bottom: 0;
    width: 100%;
  }
  div.calendar-div-container div.panelright img {
    width: 15px;
    height: auto;
  }
  .reveal {
    margin: 0;
    position: fixed;
    top: 10% !important;
  }
  .prtl-cell-detail-etudiant .openFormTable {
    word-break: break-all;
  }
  .prtl-cell-detail-etudiant .openFormTable .openform-row:nth-child(5) {
    margin-top: 100px;
  }
  .off-canvas.is-open div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres {
    display: block !important;
  }
  .off-canvas.is-open div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse {
    display: block;
  }
  .off-canvas.is-open div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne span.prtl-filtre-reponse select {
    height: 30px !important;
  }
  .off-canvas.is-open div.prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse {
    width: fit-content;
  }
  ul.toolbox-actions li a {
    padding: 0.5rem 0.5rem 0.3rem 0.5rem !important;
  }
  /* Icône Home */
  .blocinforesponsive.hauteur-fixe {
    min-height: inherit;
  }
  .blocinforesponsive.hauteur-fixe .blocinfobody {
    min-height: inherit;
  }
  .img-header {
    display: none;
  }
  .img-classe,
  .img-inscription,
  .img-resultat,
  .img-doclink,
  .img-cip,
  .img-descriptif,
  .img-etu,
  .img-eval {
    height: 25px;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTEwLjc1LDUuMjZMMzAuNDgsMjUsMTAuNzUsNDQuNzRhMS4zNiwxLjM2LDAsMCwwLDAsMS45MmwyLjk0LDIuOTRhMS4zNiwxLjM2LDAsMCwwLDEuOTIsMEwzOS4yNSwyNmExLjM2LDEuMzYsMCwwLDAsMC0xLjkyTDE1LjYxLDAuNGExLjM2LDEuMzYsMCwwLDAtMS45MiwwTDEwLjc1LDMuMzRBMS4zNiwxLjM2LDAsMCwwLDEwLjc1LDUuMjZaIiBzdHlsZT0iZmlsbDojNjY2NjY2Ii8+PC9zdmc+");
  }
}
@media screen and (max-width: 1024px) {
  .prtl-filtre .prtl-filtre-fieldset .prtl-filtre-filtres {
    display: block !important;
  }
  .prtl-filtre .prtl-filtre-fieldset .prtl-filtre-filtres .prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse {
    width: fit-content;
  }
  .prtl-filtre .prtl-filtre-fieldset .prtl-filtre-filtres .prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse label,
  .prtl-filtre .prtl-filtre-fieldset .prtl-filtre-filtres .prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse input {
    align-self: center;
  }
  .prtl-filtre .prtl-filtre-fieldset .prtl-filtre-filtres .prtl-filtre-ligne.inverse-checkbox .prtl-filtre-reponse label {
    margin-right: 0.5rem;
  }
  ul.liste-modele-plan {
    display: flex !important;
    flex-wrap: wrap;
  }
  ul.liste-modele-plan li {
    width: 350px;
  }
}
@media screen and (max-width: 576px) {
  .select-lang ul {
    position: absolute;
    right: 1rem;
    top: -0.75rem;
    display: flex;
  }
  .prtl-filtre-buttons {
    position: absolute;
  }
  .prtl-filtre-buttons {
    width: 20% !important;
  }
  .prtl-filtre-buttons {
    position: absolute !important;
    top: 0.75rem !important;
  }
}
/* PORTAIL_BFH_PUBLIC.STYLES_PRTL_PUBLIC

09.05.19, sgi,  création pour le portail public
20.05.19, jc,   modification de la mise en page de .openlist-vertical-display
10.07.19, jc,   déplacement de la partie des Titre du portail public
26.05.20, sgi,  mise en place du nouveau design
11.09.2024, lhi, mofication de l'en-tête du portail public
13.09.2024, lhi, modification d'une icône
05.11.2024, lhi, mise en page de la page d'accueil
06.11.2024, lhi, modification de la taille du logo
07.11.2024, lhi, mise en page de la page d'accueil
26.03.2025, lhi, fixer la hauteur d'une page pour avoir un scrolle au niveau du row
12.05.2025, lhi, hauteur pour l'horaire public sur un pc
22.04.2026, jc, display none de la langue dans le détails
*/
section#ongletdiv30 .row .column:first-child,
section#ongletdiv20 .row .column:first-child {
  flex: 1;
  min-width: inherit;
}
/* Cellule de plan*/
.prtl-liste-plan.blocinfo .blocinfobody table.listTab thead tr:not(.prtl-tree-node) td:not(:first-child),
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab thead tr:not(.prtl-tree-node) td:not(:first-child),
.prtl-liste-plan.blocinfo .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) td:not(:first-child),
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) td:not(:first-child),
.prtl-liste-plan.blocinfo .blocinfobody table.listTab thead tr:not(.prtl-tree-node) th:not(:first-child),
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab thead tr:not(.prtl-tree-node) th:not(:first-child),
.prtl-liste-plan.blocinfo .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) th:not(:first-child),
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) th:not(:first-child) {
  border-left: 1px solid rgba(250, 165, 0, 0.5);
}
.prtl-liste-plan.blocinfo .blocinfobody table.listTab thead tr:not(.prtl-tree-node) td:not(:first-child) .dot,
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab thead tr:not(.prtl-tree-node) td:not(:first-child) .dot,
.prtl-liste-plan.blocinfo .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) td:not(:first-child) .dot,
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) td:not(:first-child) .dot,
.prtl-liste-plan.blocinfo .blocinfobody table.listTab thead tr:not(.prtl-tree-node) th:not(:first-child) .dot,
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab thead tr:not(.prtl-tree-node) th:not(:first-child) .dot,
.prtl-liste-plan.blocinfo .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) th:not(:first-child) .dot,
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) th:not(:first-child) .dot {
  width: 20px;
  height: 20px;
  padding: 1px 4px;
}
.prtl-liste-plan.blocinfo .blocinfobody table.listTab thead tr:not(.prtl-tree-node) td:not(:first-child) .dot.fiche-disponible:after,
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab thead tr:not(.prtl-tree-node) td:not(:first-child) .dot.fiche-disponible:after,
.prtl-liste-plan.blocinfo .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) td:not(:first-child) .dot.fiche-disponible:after,
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) td:not(:first-child) .dot.fiche-disponible:after,
.prtl-liste-plan.blocinfo .blocinfobody table.listTab thead tr:not(.prtl-tree-node) th:not(:first-child) .dot.fiche-disponible:after,
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab thead tr:not(.prtl-tree-node) th:not(:first-child) .dot.fiche-disponible:after,
.prtl-liste-plan.blocinfo .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) th:not(:first-child) .dot.fiche-disponible:after,
.prtl-liste-plan.blocinforesponsive .blocinfobody table.listTab tbody tr:not(.prtl-tree-node) th:not(:first-child) .dot.fiche-disponible:after {
  content: url("PORTAL6S.cimage?ww_c=LINK-COURS");
  position: relative;
  left: -0.15rem;
}
/* Cellule de recherche*/
.prtl-cell-simple-filtres.blocinforesponsive {
  margin-top: 1.5rem;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfotitle h1 {
  font-size: 1.3rem;
  color: black;
  font-weight: normal;
  font-family: 'UnitRoundedProMedium';
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody {
  background: transparent;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody ul.liste-modele-plan {
  display: flex;
  flex-wrap: wrap;
  padding-left: 1rem;
  border-top: 0;
  margin-top: 0.5rem;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody ul.liste-modele-plan li {
  width: 48%;
  margin-right: 0.3rem;
  display: inline-block;
  border: 2px solid #E6E6E6;
  margin-bottom: 0.2rem;
  background-color: #EFF1F3;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody ul.liste-modele-plan li:hover {
  border-color: #C1C9D1;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody ul.liste-modele-plan li .plan a {
  text-transform: inherit;
  font-size: 1rem;
  font-weight: normal;
  color: black;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody .prtl-filtre fieldset.prtl-filtre-fieldset {
  border: 0;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody .prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne {
  padding: 0.3rem;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody .prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne label.prtl-filtre-label {
  font-size: 1rem;
  width: 170px;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody .prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne .prtl-filtre-reponse input,
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody .prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne .prtl-filtre-reponse select {
  font-size: initial;
  border: 2px solid #C1C9D1;
  border-radius: 3px;
  max-width: 100% !important;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody .prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne .prtl-filtre-reponse input {
  padding: 0.2rem 0.3rem;
}
.prtl-cell-simple-filtres.blocinforesponsive .blocinfobody .prtl-filtre fieldset.prtl-filtre-fieldset div.prtl-filtre-filtres div.prtl-filtre-ligne .prtl-filtre-reponse select {
  padding: 0.2rem 1.5rem 0.2rem 0.3rem;
}
/* Bouton retour */
.backbutton.blocinforesponsive {
  margin: 0;
}
.backbutton.blocinforesponsive a:hover {
  opacity: inherit;
}
.backbutton.blocinforesponsive .blocinfotitle {
  display: none;
}
/* Bouton d'export */
.pdfbutton.blocinforesponsive {
  margin-top: 1rem;
}
.pdfbutton.blocinforesponsive .blocinfobody a.row {
  padding: 0.4rem 0.5rem;
  background: #64788b;
  font-size: 0.8rem;
  font-weight: normal;
  margin-top: 0.5rem;
  float: left;
}
.pdfbutton.blocinforesponsive .blocinfobody a.row:hover {
  background: #A2AEB9;
}
.pdfbutton.blocinforesponsive .blocinfobody a.row .ic-pdfbutton {
  display: inline-block;
}
.pdfbutton.blocinforesponsive .blocinfobody a.row .ic-pdfbutton:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNXB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ0LjUxLDEwLjVMMzUuOTMsMS45MkE2LjU3LDYuNTcsMCwwLDAsMzEuMjgsMEg2LjJBMi42MywyLjYzLDAsMCwwLDMuNTcsMi42M1Y0Ny4zN0EyLjYzLDIuNjMsMCwwLDAsNi4yLDUwSDQzLjhhMi42MywyLjYzLDAsMCwwLDIuNjMtMi42M1YxNS4xNUE2LjU3LDYuNTcsMCwwLDAsNDQuNTEsMTAuNVpNNDIsMTNhMywzLDAsMCwxLC43NiwxLjI4SDMyLjE0VjMuNjdhMywzLDAsMCwxLDEuMjguNzZaTTcuMTEsNDYuNDZWMy41NEgyOC42VjE1LjIzYTIuNjEsMi42MSwwLDAsMCwyLjYxLDIuNjFINDIuODlWNDYuNDZINy4xMVptMzAuNzMtMTRhMi40MiwyLjQyLDAsMCwxLDEuNzEsMXMwLjU1LTEuNjgtMi4wNS0yYTMxLjcsMzEuNywwLDAsMC02Ljg0LjIxQTEyLjE3LDEyLjE3LDAsMCwxLDI3LDI4LjU1YTE2LjE0LDE2LjE0LDAsMCwxLTIuNzgtNC45NSwyMy4yMiwyMy4yMiwwLDAsMCwuNjQtNS40NSwyNS4xNSwyNS4xNSwwLDAsMS0xLjEsNCwxOS4yLDE5LjIsMCwwLDEtLjQ0LTJjLTAuOS01LjI5LjE3LTUuODYsMC4xNy01Ljg2LDEuNTcsMC44MSwxLjM4LDMuNDIsMS4zOCwzLjQyYTQuMTMsNC4xMywwLDAsMCwuMDktMi42LDEuNTMsMS41MywwLDAsMC0xLjA5LS45NSwyLjMzLDIuMzMsMCwwLDAtMS43LjMzYy0wLjY2LjU0LS42NSwyLjUxLTAuMzgsNC42YTQzLjE0LDQzLjE0LDAsMCwwLDEuMTcsNS4yMmMtMC42LDEuNTEtMS4zOSwzLjI4LTIuNDEsNS4yNy0zLjcxLDcuMjctNi43NSwxMi4wNi05LjA4LDEyLjU4LDAsMC0uNTItMS41NCw1LjA2LTYuMywwLDAtNi41OSwzLjMxLTYsNS45NGEwLjM2LDAuMzYsMCwwLDAsLjE3LjI0YzAuMjIsMC4xMy42OCwwLjM5LDAuODksMC40OEEyLjUyLDIuNTIsMCwwLDAsMTQuMSw0MmEyMy40OCwyMy40OCwwLDAsMCw0LjI1LTUuNTZsMC41Ny0xYzAuNzUtLjI2LDIuNjUtMC44OSw0Ljg2LTEuNDFzNC0uOTMsNi4yMS0xLjI0YTE5LjU1LDE5LjU1LDAsMCwwLDcuNjUsMi41MSwyLDIsMCwwLDAsMS41Mi0uNDUsMC42MywwLjYzLDAsMCwwLC4xNS0wLjI3bDAuMjItLjc3YTEuMTEsMS4xMSwwLDAsMS0uNjMuNTNzLTEuNDQuNDQtNS44NC0xLjQybC0wLjktLjQsMC4xNiwwQTE3Ljg0LDE3Ljg0LDAsMCwxLDM3Ljg1LDMyLjQ1Wk0yNC4yMiwzM2MtMS41LjQtMy44NiwxLjI3LTQuOSwxLjY2LDEuMjEtMi4yNiwyLjgtNS4zNiwzLjQ5LTYuOTEsMC4yNC0uNTUuNTEtMS4yLDAuNzYtMS45M2ExNi40MiwxNi40MiwwLDAsMCw0LjYsNS43NEwyOC43OSwzMkMyNy4zNiwzMi4yNywyNS40NCwzMi42OCwyNC4yMiwzM1oiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48L3N2Zz4=');
}
.pdfbutton.blocinforesponsive .blocinfobody a.row .ic-pdfbutton svg {
  display: none;
  width: 15px;
  height: 15px;
  fill: white;
}
.pdfbutton.blocinforesponsive .blocinfobody a.row .txt-pdfbutton {
  display: inline-block;
  color: white;
  transform: translateY(-2px);
  text-transform: uppercase;
  margin: 0 0.5rem;
  padding-top: 0.35rem;
}
/* Bouton langues */
.pdflangbutton.blocinforesponsive {
  background: transparent;
  box-shadow: inherit;
}
.pdflangbutton.blocinforesponsive .blocinfotitle {
  display: none;
}
.pdflangbutton.blocinforesponsive .blocinfobody {
  background: transparent;
  padding: 0;
}
.pdflangbutton.blocinforesponsive .blocinfobody .row {
  display: flex;
  justify-content: center;
}
.pdflangbutton.blocinforesponsive .blocinfobody .row a.langbutton,
.pdflangbutton.blocinforesponsive .blocinfobody .row > div {
  background: #A2AEB9;
  color: white;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  flex: inherit;
  font-size: 0.8rem;
  margin: 1.3rem 0.5rem 0 0;
  font-weight: normal;
}
.pdflangbutton.blocinforesponsive .blocinfobody .row a.langbutton.selected,
.pdflangbutton.blocinforesponsive .blocinfobody .row > div.selected {
  background: #64778B;
}
.pdflangbutton.blocinforesponsive .blocinfobody .row a.langbutton:hover,
.pdflangbutton.blocinforesponsive .blocinfobody .row > div:hover {
  background: #64778B;
}
.prtl-fiche-cours.blocinforesponsive .blocinfobody {
  overflow: inherit;
}
.prtl-fiche-cours.blocinforesponsive .blocinfobody table {
  margin-bottom: 0;
  font-size: 0.8rem;
}
.prtl-fiche-cours.blocinforesponsive .blocinfobody table tbody tr:hover {
  background-color: transparent;
}
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-valeur,
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-libelle {
  margin-bottom: 0.5rem;
}
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-valeur *,
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-libelle *,
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-valeur p,
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-libelle p,
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-valeur p span,
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-libelle p span {
  margin: 0;
  font-size: 0.8rem !important;
  font-family: inherit !important;
}
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-valeur ul,
.prtl-fiche-cours.blocinforesponsive .blocinfobody .itemPlanClobEdit-rubrique .itemPlanClobEdit-libelle ul {
  margin-left: 1.5rem;
}
.prtl-fiche-cours.plan-gps.blocinforesponsive .blocinfobody table {
  border-bottom: 0;
}
.prtl-fiche-cours.plan-gps.blocinforesponsive .blocinfobody table thead tr th {
  background: white;
  font-size: 0.9rem;
}
/* Bouton de switch entre 2 cellules */
.btn-switch-cell.row .columns {
  background-color: white;
  padding: 0.7rem 1rem;
  box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.5);
  text-align: center;
  color: #64788b;
  font-weight: bold;
  text-transform: uppercase;
}
.btn-switch-cell.row .columns.active {
  opacity: 0.5;
}
.btn-switch-cell.row .columns:hover:not(.active) {
  background-color: #f3f2f2;
  opacity: 1;
}
.btn-switch-cell.row .columns.left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.btn-switch-cell.row .columns.right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.btn-switch.backbutton.blocinforesponsive a {
  opacity: inherit;
}
/* Openlist rendu vertical du tableau*/
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label {
  border-bottom: none;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label thead tr {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tbody {
  border: none;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr {
  display: block;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr + tr {
  margin-top: 1.5rem;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr:nth-child(even) {
  background: transparent !important;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label td {
  border: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label td:nth-child(1) {
  border: inherit !important;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label td:before {
  content: attr(data-label);
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  width: 30%;
  position: relative;
  z-index: 1;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
  hyphens: auto;
  color: #384a5d;
  font-size: 0.8rem;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label td:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  left: 0px;
  z-index: 0;
  padding-right: 0.5rem;
  border-bottom: 1px solid white;
}
.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label td div {
  width: 70%;
}
@media screen and (max-width: 32em) {
  div.backbutton.blocinfo,
  div.backbutton.blocinforesponsive {
    background: transparent;
  }
  #ham-nav {
    display: none;
  }
  .prtl-fiche-cours.blocinforesponsive form {
    overflow-x: scroll;
  }
  .prtl-liste-plan.blocinforesponsive {
    overflow-x: scroll;
  }
  .prtl-cell-simple-filtres.blocinforesponsive .blocinfobody ul.liste-modele-plan li {
    width: 100%;
  }
  /* Etat au chargement de l'onglet pour n'avoir qu'une cellule */
  .filtre-matieres {
    --display: none;
  }
}
/* 29.05.2019, jc, modifications de mise en page STYLES_PRTL_PUBLIC */
.prtl-fiche-cours div.blocinforesponsive h1,
.prtl-fiche-cours div.blocinfobody h1 {
  font-family: 'UnitRoundedProMedium';
  margin-left: 1rem;
}
.prtl-fiche-cours div.blocinforesponsive h1:first-child,
.prtl-fiche-cours div.blocinfobody h1:first-child {
  color: black;
  font-size: 1.2rem;
}
.prtl-fiche-cours div.blocinforesponsive h1.fiches-titre-suppl,
.prtl-fiche-cours div.blocinfobody h1.fiches-titre-suppl {
  font-size: 0.9rem;
}
.prtl-fiche-cours div.blocinforesponsive h1.fiches-titre-suppl span,
.prtl-fiche-cours div.blocinfobody h1.fiches-titre-suppl span {
  color: #64778B;
}
.prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr {
  border: none;
}
.prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td {
  display: table-row;
  border: none!important;
}
.prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td:before {
  font-weight: normal;
  width: 100%;
  color: #4b647d;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  margin-left: 1rem;
}
.prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td:after {
  background: none;
  width: 100%;
}
.prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td div {
  width: 100%;
  padding-left: 1rem;
}
.prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td:first-child:before {
  margin-top: 0;
}
.prtl-fiche-cours.blocinforesponsive .itemPlanClobEdit-rubrique .itemPlanClobEdit-libelle label {
  font-weight: normal;
  color: #4b647d;
  font-size: 0.8rem;
}
/* ------------ Media Queries --------------- */
@media print, screen and (min-width: 40em) {
  body:before {
    background: url('PORTAL6S.cimage?ww_c=BFH_LOGO_BIG') no-repeat;
    content: "";
    height: 100px;
    background-size: 30px;
    width: 30px;
    position: absolute;
    left: 5px;
    top: 0.85rem;
  }
  #conteneurPortail {
    height: 100%;
  }
  #main {
    height: 100%;
  }
  section {
    height: auto;
    min-height: 100%;
    width: 100%;
    background: #f2f2f2;
    margin: auto;
    padding-top: 0px;
  }
  .prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td {
    display: flex;
  }
  .prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td:before {
    font-weight: normal;
    width: 25%;
    margin-left: 0.5rem;
  }
  .prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td:after {
    width: 30%;
  }
  .prtl-fiche-cours.openlist-vertical-display.blocinforesponsive .listTab.prtl-responsive-label tr td div {
    width: 70%;
    padding-left: 0;
    margin-left: -0.5rem;
  }
}
body,
td {
  font-family: 'UnitRoundedPro';
}
h1 {
  font-family: 'UnitRoundedProMedium';
}
.cell-public-acc-descriptifs-cours-filieres,
.cell-public-acc-descriptifs-cours-matieres,
.cell-public-acc-candidatures-wb,
.cell-public-acc-candidatures-bachelor {
  margin-bottom: 0 !important;
}
.cell-public-acc-descriptifs-cours-filieres .blocinfotitle,
.cell-public-acc-descriptifs-cours-matieres .blocinfotitle,
.cell-public-acc-candidatures-wb .blocinfotitle,
.cell-public-acc-candidatures-bachelor .blocinfotitle {
  display: none !important;
}
.cell-public-acc-descriptifs-cours-filieres div.blocinfobody a.row,
.cell-public-acc-descriptifs-cours-matieres div.blocinfobody a.row,
.cell-public-acc-candidatures-wb div.blocinfobody a.row,
.cell-public-acc-candidatures-bachelor div.blocinfobody a.row {
  padding: 1rem;
  display: block;
  background-color: initial !important;
  background-color: #c1c9d1 !important;
  min-height: 13rem;
}
.cell-public-acc-descriptifs-cours-filieres div.blocinfobody a.row .titre,
.cell-public-acc-descriptifs-cours-matieres div.blocinfobody a.row .titre,
.cell-public-acc-candidatures-wb div.blocinfobody a.row .titre,
.cell-public-acc-candidatures-bachelor div.blocinfobody a.row .titre {
  color: #4f5e6d;
  text-transform: uppercase;
  line-height: 2rem;
  font-size: 0.85rem;
  font-weight: normal;
}
.cell-public-acc-descriptifs-cours-filieres div.blocinfobody a.row div,
.cell-public-acc-descriptifs-cours-matieres div.blocinfobody a.row div,
.cell-public-acc-candidatures-wb div.blocinfobody a.row div,
.cell-public-acc-candidatures-bachelor div.blocinfobody a.row div {
  color: #4f5e6d;
  font-weight: lighter;
  font-size: 0.8rem;
}
.column:has(.cell-public-acc-descriptifs-cours-filieres,
    .cell-public-acc-descriptifs-cours-matieres,
    .cell-public-acc-candidatures-wb,
    .cell-public-acc-candidatures-bachelor) {
  padding: 1rem 1rem 0 1rem;
}
@media (min-width: 768px) {
  section {
    width: 100%;
  }
}
.row.content-row {
  height: 81vh;
  overflow: auto;
}
.column .row:has(.prtl-fiche-cours) {
  height: 81vh;
  overflow: auto;
}
@media (max-width: 1540px) {
  .cell-horaire-etu {
    height: 71vh !important;
  }
}
.cell-horaire .isc-seances-details .wrapper .isc-label {
  display: block;
}
.cell-horaire .isc-seances-details .wrapper .isc-label #isc-titre-langue {
  display: none;
}
#isc-titre-langue {
  font-weight: normal;
}
/* -------------------------------------------- */
/* ----- PORTAIL_BFH_PUBLIC.ONG_ALL_SHARE ----- */
/* -------------------------------------------- */
/*
 09.10.2024, lhi, modification du hover pour le tableau avec les niveaux
*/
.cell-plans-public-hierarchie.prtl-liste-plan.blocinforesponsive .blocinfobody table tbody tr:hover td {
  background-color: #e0e4e8;
}
/* PORTAIL_BFH_PUBLIC.STYLE_LST_PLANS_PUBLIC
29.05.2019, jc, création de la feuille
20.05.2020, sgi, correction pour supprimer les important qui crée des problème
22.05.2020, sgi, adaptation pour le mode public
12.09.2024, lhi, plans d'études13.09.2024, lhi, design de la cellule de recherche - plans d'études
11.03.2025, lhi, modification pour avoir le scrolle sur la page
*/
.prtl-liste-plan.mode-public.blocinforesponsive {
  margin-top: 1.5rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive .blocinfotitle {
  display: none;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table {
  border-bottom: 2px solid #e6e6e6;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab thead,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table thead {
  border: none;
  background: transparent;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab thead tr th,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table thead tr th {
  background: #F8F9F9;
  color: #333333;
  font-weight: normal;
  font-size: 0.75rem !important;
  white-space: nowrap;
  text-align: left;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab thead tr th label,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table thead tr th label {
  font-weight: normal;
  font-size: 0.8rem;
  color: #333333;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab thead tr th input[type="radio"],
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table thead tr th input[type="radio"] {
  margin: 0;
  cursor: pointer;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tbody {
  border: none;
  background: transparent;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-fulllistrow,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tbody tr.prtl-fulllistrow {
  display: none;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr:nth-child(odd),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr:nth-child(odd):hover,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tbody tr:nth-child(odd):hover {
  background-color: #f2f2f2;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr:nth-child(even),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tbody tr:nth-child(even) {
  background: white;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr:nth-child(even):hover,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tbody tr:nth-child(even):hover {
  background-color: white;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr td,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tbody tr td {
  font-size: 0.8rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr td div,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tbody tr td div {
  font-weight: normal !important;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tfoot,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table tfoot {
  border: none;
  background: transparent;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab {
  width: 100%;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab thead tr th.tablercc-th-filtered,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab thead tr th.tablercc-th-filtered {
  border-bottom: 2px solid #faa500;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr td input[type="checkbox"],
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr td input[type="checkbox"] {
  margin: 0;
  cursor: pointer;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr td.rupture,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr td.rupture {
  background: #c1c9d1;
  font-weight: bold;
  color: #333333;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr td a,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr td a {
  color: #64788b;
  display: block;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr td a:hover,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr td a:hover {
  color: #a2aeb9;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-6.prtl-tree-leaf,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6.prtl-tree-leaf {
  border-bottom: 1px solid #f2f2f2;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td {
  background: #4B637D;
  color: white;
  font-size: 1.2rem;
  padding: 0.3rem 0.625rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div {
  background-image: none !important;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-node td,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-node td {
  background: #E0E4E8;
  color: #4B637D;
  font-weight: normal;
  font-size: 1rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-2 td:first-child,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-2 td:first-child {
  padding-left: 0.625rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-node td,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-node td {
  background: #E0E4E8;
  color: #4B637D;
  font-size: 0.9rem;
  font-weight: normal;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-3 td:first-child,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-3 td:first-child {
  padding-left: 0.625rem;
  font-size: 0.8rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-4 td,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4 td {
  font-size: 0.8rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node td,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node td {
  background: #e0e4e8;
  color: #64788b;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node[headers="4"] div,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node[headers="4"] div {
  background-image: none !important;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-4 td:first-child,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-4 td:first-child {
  padding-left: 0.625rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-node td,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-node td {
  background: #eff1f3;
  color: #64788b;
  font-size: 0.8rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-5 td:first-child,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-5 td:first-child {
  padding-left: 0.625rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-hierarchie-level-6 td:first-child,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-hierarchie-level-6 td:first-child {
  padding-left: 0.625rem;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr.prtl-row-selected,
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr.prtl-row-selected {
  background: #ffdb94;
  border-bottom: 1px solid white;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab thead tr:not(.prtl-tree-node) td:not(:first-child),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab thead tr:not(.prtl-tree-node) td:not(:first-child),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr:not(.prtl-tree-node) td:not(:first-child),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr:not(.prtl-tree-node) td:not(:first-child),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab thead tr:not(.prtl-tree-node) th:not(:first-child),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab thead tr:not(.prtl-tree-node) th:not(:first-child),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab.listTab tbody tr:not(.prtl-tree-node) th:not(:first-child),
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody table.listTab tbody tr:not(.prtl-tree-node) th:not(:first-child) {
  border-left: 1px solid #F0F0F0;
}
.prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody ul#ptl-public-fiche-legende {
  font-size: inherit;
}
@media screen and (max-width: 32em) {
  .prtl-liste-plan.mode-public.blocinforesponsive {
    margin-top: 1.5rem;
  }
  .prtl-liste-plan.mode-public.blocinforesponsive .blocinfotitle {
    display: none;
  }
  .prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody {
    overflow: auto;
  }
}
@media screen and (min-width: 32em) {
  .prtl-liste-plan.mode-public.blocinforesponsive {
    margin-top: 1.5rem;
  }
  .prtl-liste-plan.mode-public.blocinforesponsive .blocinfotitle {
    display: none;
  }
  .prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody {
    overflow: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .prtl-liste-plan.mode-public.blocinforesponsive {
    margin-top: 1.5rem;
  }
  .prtl-liste-plan.mode-public.blocinforesponsive .blocinfotitle {
    display: none;
  }
  .prtl-liste-plan.mode-public.blocinforesponsive div.blocinfobody {
    overflow: inherit;
  }
}
.cell-plans-public-hierarchie.blocinforesponsive {
  height: 81vh;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab thead th {
  border: 1px solid #ccc;
  font-size: 0.75rem;
  font-weight: normal;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab thead th input[type="radio"] {
  position: absolute;
  margin-top: 0.2rem !important;
  cursor: pointer;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab thead th label {
  margin-left: 1.25rem;
  font-size: 0.75rem;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr:nth-child(n2) {
  background-color: white;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr td {
  border: 1px solid #ccc;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr td div {
  font-size: 0.75rem;
  font-weight: normal;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-6.prtl-tree-leaf {
  border-bottom: 1px solid #f2f2f2;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-1 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-2 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-3 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-5 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-6 td[headers="4"] div {
  text-align: center!important;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td {
  cursor: initial;
  background: #64788b;
  color: white;
  font-weight: bold;
  padding-left: 0.3rem;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div {
  width: 10%;
  display: inline-block;
  vertical-align: bottom;
  min-width: 100%;
  min-height: 19px;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-node td {
  background: #a2aeb9;
  color: white;
  font-weight: bold;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-2 td:first-child {
  padding-left: 1.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-node td {
  background: #c1c9d1;
  color: #64788b;
  font-weight: bold;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-3 td:first-child {
  padding-left: 2.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node td {
  background: #e0e4e8;
  color: #64788b;
  font-weight: bold;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node td div {
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4 td:first-child {
  padding-left: 3.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-node td {
  background: #eff1f3;
  color: #64788b;
  font-weight: bold;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-5 td:first-child {
  padding-left: 4.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-6 {
  /* &.prtl-tree-node{
              td{
              background: @bfh-gray-bg-5;
              color: @bfh-gray-bg-1;
              font-weight: bold;
            }
            }*/
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-6 td:first-child {
  padding-left: 5.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-row-selected {
  background: #ffdb94 !important;
  border-bottom: 1px solid white !important;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-row-selected.prtl-synchrotrace td {
  background: #ffc961;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-leaf,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-6.prtl-tree-leaf {
  border-bottom: 1px solid #f2f2f2;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-1 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-2 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-3 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-5 td[headers="4"] div,
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-6 td[headers="4"] div {
  text-align: center!important;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td {
  cursor: initial;
  background: #64788b;
  color: white;
  font-weight: bold;
  padding-left: 0.3rem;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div {
  width: 10%;
  display: inline-block;
  vertical-align: bottom;
  min-width: 100%;
  min-height: 19px;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-2.prtl-tree-node td {
  background: #a2aeb9;
  color: white;
  font-weight: bold;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-2 td:first-child {
  padding-left: 1.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-3.prtl-tree-node td {
  background: #c1c9d1;
  color: #64788b;
  font-weight: bold;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-3 td:first-child {
  padding-left: 2.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node td {
  background: #e0e4e8;
  color: #64788b;
  font-weight: bold;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4.prtl-tree-node td div {
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-4 td:first-child {
  padding-left: 3.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-5.prtl-tree-node td {
  background: #eff1f3;
  color: #64788b;
  font-weight: bold;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-5 td:first-child {
  padding-left: 4.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-6 {
  /* &.prtl-tree-node{
              td{
              background: @bfh-gray-bg-5;
              color: @bfh-gray-bg-1;
              font-weight: bold;
            }
            }*/
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-hierarchie-level-6 td:first-child {
  padding-left: 5.5rem;
  cursor: initial;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-row-selected {
  background: #ffdb94 !important;
  border-bottom: 1px solid white !important;
}
.cell-plans-public-hierarchie.blocinforesponsive table.listTab tbody tr.prtl-row-selected.prtl-synchrotrace td {
  background: #ffc961;
}
.cell-plans-public-hierarchie table.listTab tbody tr.prtl-hierarchie-level-1.prtl-tree-node td[headers="4"] div {
  background-image: none !important;
  cursor: auto !important;
}
.cell-plans-public-hierarchie table.listTab tbody tr:nth-child(2n) {
  background-color: white !important;
}
.cell-plans-public-hierarchie table.listTab tbody tr:nth-child(2n):hover {
  background-color: white !mportant;
}
@media (max-width: 1540px) {
  .cell-plans-public-hierarchie.blocinforesponsive {
    height: 75vh;
  }
}
.\32 iemeLigne {
  font-size: 0.65rem;
  opacity: 0.7;
}
/* ------------------------------------------------------------- */
/* ----- PORTAIL_BFH_PUBLIC.ONG_PUB_OFFRE_FORMATIONS_INSCR ----- */
/* ------------------------------------------------------------- */
/*
21.10.2024, lhi, modification design (enlever le lien a pour les blocs)
05.11.2024, lhi, évolution design
04.12.2024, lhi, nouvelle classe pour - inscription de formation continue
05.12.2024, lhi, modification design - resp
12.12.2024, lhi, grid count pour la nouvelle structure des tuiles
24.01.2025, lhi, mise en page général du lien sur une liste
*/
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .blocinfotitle .blocinfo-refresh-wrapper,
.cell-inscr-formation-continue-public.blocinforesponsive .blocinfotitle .blocinfo-refresh-wrapper,
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .blocinfotitle .blocinfo-title-wrapper,
.cell-inscr-formation-continue-public.blocinforesponsive .blocinfotitle .blocinfo-title-wrapper {
  display: none;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd {
  padding: 0;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets {
  border-top: 0 !important;
  border-bottom: 0;
  padding: 0!important;
  background-color: #f2f2f2;
  height: 35px;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets li,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets li {
  border: 0;
  margin: 0;
  font-size: 0.75rem;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.selected,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.selected {
  background-color: #697d91;
  color: white;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.cache,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.cache {
  background-color: white;
  color: #384a5d;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.cache:hover,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.cache:hover {
  background-color: #697d91;
  color: white;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets li,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets li {
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #4f5e6d;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.selected,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.selected {
  background-color: initial;
  color: #242b32;
  border-bottom: 2px solid #4f5e6d;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.selected:hover,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets li.selected:hover {
  background-color: initial;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd ul.onglets li:hover,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd ul.onglets li:hover {
  background-color: initial !important;
  color: #242b32 !important;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies {
  padding-top: 0;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul {
  column-count: 1;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li {
  display: inline-block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1rem;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas {
  padding: 0;
  margin: 0;
  font-weight: normal;
  height: max-content;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div {
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  transition: all 300ms ease-out;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div {
  padding-left: 1rem;
  padding-right: 1rem;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.filiere,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.filiere {
  padding-top: 1rem;
  font-size: 1.2rem;
  text-transform: capitalize;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne2,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne2 {
  font-size: 0.8rem;
  color: #333;
  padding-top: 0.15rem;
  padding-bottom: 0.5rem;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne3,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne3 {
  font-size: 0.8rem;
  padding-bottom: 0.35rem;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne4,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne4 {
  font-size: 0.8rem;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne5,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne5 {
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 2.5rem;
  font-size: 1rem;
  font-weight: normal;
  background-color: #eff1f3;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne5:before,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne5:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #697d91 !important;
  mask-image: url("data:image/svg+xml;svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20width=%2214px%22%20height=%2214px%22%20viewBox=%220%200%2050%2050%22%3E%3Cpath%20d=%22M2.77,27.77h36.62L22.36,44.8c-1.08,1.08-1.08,2.84,0,3.92c1.08,1.08,2.84,1.08,3.92,0L50,25L26.28,1.28c-0.54-0.54-1.25-0.81-1.96-0.81c-0.71,0-1.42,0.27-1.96,0.81c-1.08,1.08-1.08,2.84,0,3.92l17.03,17.03H2.77C1.24,22.23,0,23.47,0,25S1.24,27.77,2.77,27.77z%22%20style=%22fill:rgba(0,%200,%200,%201)%22%20/%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml;svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20width=%2214px%22%20height=%2214px%22%20viewBox=%220%200%2050%2050%22%3E%3Cpath%20d=%22M2.77,27.77h36.62L22.36,44.8c-1.08,1.08-1.08,2.84,0,3.92c1.08,1.08,2.84,1.08,3.92,0L50,25L26.28,1.28c-0.54-0.54-1.25-0.81-1.96-0.81c-0.71,0-1.42,0.27-1.96,0.81c-1.08,1.08-1.08,2.84,0,3.92l17.03,17.03H2.77C1.24,22.23,0,23.47,0,25S1.24,27.77,2.77,27.77z%22%20style=%22fill:rgba(0,%200,%200,%201)%22%20/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  left: 1rem;
  top: 6px;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne6,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div div.ligne6 {
  padding-bottom: 0.5rem;
  padding-left: 2.5rem;
  font-size: 0.8rem;
  font-weight: normal;
  background-color: #eff1f3;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div a:has(.ligne5),
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div a:has(.ligne5),
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div a:has(.ligne6),
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div a:has(.ligne6) {
  display: block;
  text-decoration: none;
  background-color: #eff1f3;
  border: 1px solid #eff1f3;
  border-radius: 4px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div a:has(.ligne5):hover,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div a:has(.ligne5):hover,
.cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div a:has(.ligne6):hover,
.cell-inscr-formation-continue-public.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul li div.infos-bas > div a:has(.ligne6):hover {
  border: 1px solid #384a5d;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset,
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset {
  background-color: #eff1f3 !important;
  /* Grille à deux lignes */
  /* Première ligne : champ "Suchen" */
  /* Bouton OK en position absolue */
  /* Bouton OK styling */
  /* Deuxième ligne : champs restants */
  /* Styles globaux */
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset div:has(.prtl-filtre-buttons),
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset div:has(.prtl-filtre-buttons) {
  position: relative;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-filtres,
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-filtres {
  display: grid;
  grid-template-rows: auto auto;
  position: relative;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset .FiltreLigne1,
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset .FiltreLigne1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  grid-column: 1 / span 10;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset .FiltreLigne1 .prtl-filtre-reponse,
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset .FiltreLigne1 .prtl-filtre-reponse {
  flex-grow: 1;
  margin-right: 10px;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-button,
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-button {
  position: absolute;
  top: 1.35rem;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-submit,
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-submit {
  padding: 5px 15px;
  cursor: pointer;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-ligne,
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-ligne {
  display: flex;
  align-items: center;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-label,
.cell-inscr-formation-continue-public.blocinforesponsive .prtl-filtre-fieldset .prtl-filtre-label {
  margin-right: 10px;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive ul.onglets,
.cell-inscr-formation-continue-public.blocinforesponsive ul.onglets {
  background-color: #eff1f3 !important;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive ul.onglets li.cache,
.cell-inscr-formation-continue-public.blocinforesponsive ul.onglets li.cache {
  background-color: #eff1f3 !important;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive ul.onglets li:hover,
.cell-inscr-formation-continue-public.blocinforesponsive ul.onglets li:hover {
  background-color: #697d91 !important;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .blocinfobody,
.cell-inscr-formation-continue-public.blocinforesponsive .blocinfobody {
  overflow: initial !important;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .blocinfobody .openCellTable tr:hover,
.cell-inscr-formation-continue-public.blocinforesponsive .blocinfobody .openCellTable tr:hover {
  background-color: white !important;
}
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .blocinfobody .openCellTable .openCellTd .ongletbodies,
.cell-inscr-formation-continue-public.blocinforesponsive .blocinfobody .openCellTable .openCellTd .ongletbodies,
.cell-offre-form-inscr-recherche-gps.blocinforesponsive .blocinfobody .openCellTable .openCellTd .onglets,
.cell-inscr-formation-continue-public.blocinforesponsive .blocinfobody .openCellTable .openCellTd .onglets {
  width: 100% !important;
}
ul li .ligne4 {
  font-size: 0.8rem;
  padding-left: 0.5rem;
  padding-right: 1rem;
}
ul li .ligne4 a {
  font-weight: bold !important;
  font-size: 0.8rem;
}
.cell-inscr-formation-continue-public.blocinforesponsive div.blocinfobody ul,
.cell-public-plans-recherche.blocinforesponsive div.blocinfobody ul {
  column-count: 1;
}
.cell-inscr-formation-continue-public.blocinforesponsive div.blocinfobody ul li,
.cell-public-plans-recherche.blocinforesponsive div.blocinfobody ul li {
  display: inline-block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.cell-inscr-formation-continue-public ul li {
  border: 0 !important;
}
.cell-inscr-formation-continue-public ul li .infos-bas {
  argin-bottom: 1rem;
  padding: 0 !important;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
}
.cell-inscr-formation-continue-public ul li a:has(.ligne6) {
  display: block;
  text-decoration: none;
  background-color: #eff1f3;
  border: 1px solid #eff1f3;
  border-radius: 4px;
  padding-top: 0.25rem;
}
.cell-inscr-formation-continue-public ul li a:has(.ligne6):hover {
  border: 1px solid #384a5d;
}
.cell-inscr-formation-continue-public ul li div.ligne5 {
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 2.5rem;
  font-size: 1rem;
  font-weight: normal;
  background-color: #eff1f3;
}
.cell-inscr-formation-continue-public ul li div.ligne5:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNMi43NywyNy43N2gzNi42MkwyMi4zNiw0NC44Yy0xLjA4LDEuMDgtMS4wOCwyLjg0LDAsMy45MmMxLjA4LDEuMDgsMi44NCwxLjA4LDMuOTIsMEw1MCwyNUwyNi4yOCwxLjI4Yy0wLjU0LTAuNTQtMS4yNS0wLjgxLTEuOTYtMC44MWMtMC43MSwwLTEuNDIsMC4yNy0xLjk2LDAuODFjLTEuMDgsMS4wOC0xLjA4LDIuODQsMCwzLjkybDE3LjAzLDE3LjAzSDIuNzdDMS4yNCwyMi4yMywwLDIzLjQ3LDAsMjVTMS4yNCwyNy43NywyLjc3LDI3Ljc3eiIgc3R5bGU9ImZpbGw6cmdiYSgxMDUsIDEyNSwgMTQ1LCAxKSIgLz48L3N2Zz4=);
  position: absolute;
  left: 1rem;
  top: 6px;
}
.cell-inscr-formation-continue-public ul li div.ligne6 {
  padding-bottom: 0.5rem;
  padding-left: 2.5rem;
  font-size: 0.8rem;
  background-color: #eff1f3;
  border-radius: 0 0 4px 4px;
  font-weight: normal;
}
.cell-inscr-formation-continue-public ul li .filiere {
  font-weight: normal;
  margin-left: 0.5rem;
}
.cell-inscr-formation-continue-public ul li .ligne2 {
  font-weight: normal;
  margin-left: 0.5rem;
}
.cell-inscr-formation-continue-public ul li .departement {
  font-size: 0.8rem;
  font-weight: normal;
}
.cell-inscr-formation-continue-public .prtl-filtre-fieldset div:has(.prtl-filtre-buttons) {
  display: grid;
  grid-template-columns: 200px 50px;
}
.cell-inscr-formation-continue-public .prtl-filtre-fieldset div .prtl-filtre-button {
  left: 3.45rem;
}
.cell-filtre-multi-with-button .prtl-filtre-fieldset div:has(.prtl-filtre-buttons) {
  display: grid;
  grid-template-columns: 600px 50px;
}
.cell-filtre-multi-with-button .prtl-filtre-fieldset div .prtl-filtre-button {
  margin-top: -0.5rem;
  left: 0.25rem !important;
}
@media (max-width: 576px) {
  .cell-offre-form-inscr-recherche-gps.blocinforesponsive .blocinfobody .openCellTd .onglets {
    height: 60px !important;
  }
  .cell-public-plans-recherche ul {
    grid-template-columns: initial !important;
  }
  .cell-public-plans-recherche .prtl-filtre-button {
    left: 0 !important;
  }
}
@media (min-width: 768px) {
  .cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul {
    column-count: 2;
  }
  .cell-inscr-formation-continue-public.blocinforesponsive div.blocinfobody ul,
  .cell-public-plans-recherche.blocinforesponsive div.blocinfobody ul {
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .cell-offre-form-inscr-recherche-gps.blocinforesponsive table.openCellTable .openCellTd div.ongletbodies div.openCellDiv div.prtl-includedcell div.blocinfobody form ul {
    column-count: 3;
  }
  .cell-inscr-formation-continue-public.blocinforesponsive div.blocinfobody ul,
  .cell-public-plans-recherche.blocinforesponsive div.blocinfobody ul {
    column-count: 3;
  }
}
/* ----------------------------------------------------------------- */
/* ----- PORTAIL_BFH_PUBLIC.ONG_PUB_PLANS_ETUDES_DESCR_MODULES ----- */
/* ----------------------------------------------------------------- */
/*
12.11.2024, lhi, positionnement du bouton de filtre
04.12.2024, lhi, ajout de la classe .liste
11.03.2025, lhi, pour le scrolle de la page en haut et en bas
02.05.2025, lhi, ajout design textes tuiles - modules
09.05.2025, lhi, modification pour la taille de la police
*/
.blocinforesponsive .blocinfo-title-wrapper,
.blocinforesponsive .blocinfo-refresh-wrapper,
.blocinforesponsive .tool-btn-wrapper {
  display: none;
}
.blocinforesponsive.prtl-fiche-cours .blocinfotitle .blocinfo-title-wrapper {
  display: block !important;
}
.blocinforesponsive table.openCellTable .openCellTd {
  background-color: white;
  padding: 0;
}
.blocinforesponsive ul {
  border-top: 0 !important;
}
.blocinforesponsive ul.liste-modele-plan,
.blocinforesponsive ul.liste {
  /* display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      border-top: 0;
      margin-top: 0.5rem;*/
}
.blocinforesponsive ul.liste-modele-plan li,
.blocinforesponsive ul.liste li {
  display: inline-block;
  margin-bottom: 0.2rem;
  background-color: white;
  border: 1px solid #f2f2f2f2;
  border-radius: 4px;
}
.blocinforesponsive ul.liste-modele-plan li:hover,
.blocinforesponsive ul.liste li:hover {
  border: 1px solid #384a5d;
}
.blocinforesponsive ul.liste-modele-plan li a,
.blocinforesponsive ul.liste li a {
  text-transform: inherit !important;
  color: #333 !important;
}
.blocinforesponsive ul.liste-modele-plan li div.filiere,
.blocinforesponsive ul.liste li div.filiere {
  padding-top: 1rem;
  font-size: 20px;
  /* text-transform: capitalize; wcm1: never use this for BFH */
}
.blocinforesponsive ul.liste-modele-plan li div.departement,
.blocinforesponsive ul.liste li div.departement {
  font-size: 14px;
  font-weight: normal;
  /* text-transform: capitalize; wcm1: never use this for BFH */
}
.blocinforesponsive ul.liste-modele-plan li div.ligne2,
.blocinforesponsive ul.liste li div.ligne2 {
  font-size: 14px;
  color: #333;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.blocinforesponsive ul.liste-modele-plan li .plan .matiere,
.blocinforesponsive ul.liste li .plan .matiere {
  font-size: 20px;
  font-weight: normal;
}
.blocinforesponsive ul.liste-modele-plan li .plan .ligne2,
.blocinforesponsive ul.liste li .plan .ligne2 {
  font-weight: normal;
}
.blocinforesponsive ul.onglets {
  border-top: 0 !important;
  border-bottom: 0;
  padding: 0!important;
  background-color: #f2f2f2;
  height: 35px;
}
.blocinforesponsive ul.onglets li {
  border: 0;
  margin: 0;
  font-size: 0.75rem;
}
.blocinforesponsive ul.onglets li.selected {
  background-color: #697d91;
  color: white;
}
.blocinforesponsive ul.onglets li.cache {
  background-color: white;
  color: #384a5d;
}
.blocinforesponsive ul.onglets li.cache:hover {
  background-color: #697d91;
  color: white;
}
.blocinforesponsive ul.onglets li {
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #4f5e6d;
}
.blocinforesponsive ul.onglets li.selected {
  background-color: initial;
  color: #242b32;
  border-bottom: 2px solid #4f5e6d;
}
.blocinforesponsive ul.onglets li.selected:hover {
  background-color: initial;
}
.blocinforesponsive ul.onglets li:hover {
  background-color: initial !important;
  color: #242b32 !important;
}
.blocinforesponsive .ongletbodies {
  padding-top: 0;
}
.blocinforesponsive .prtl-filtre-fieldset {
  background-color: #eff1f3;
}
.blocinforesponsive .prtl-filtre-fieldset div .prtl-filtre-filtres {
  width: auto !important;
}
.blocinforesponsive .prtl-filtre-fieldset div .prtl-filtre-buttons {
  position: relative;
}
.blocinforesponsive .prtl-filtre-fieldset div .prtl-filtre-buttons .prtl-filtre-button {
  position: absolute;
  top: 1.3rem;
}
.blocinforesponsive .prtl-filtre-fieldset div .prtl-filtre-buttons .prtl-filtre-button .prtl-filtre-submit {
  cursor: pointer;
}
.blocinforesponsive .prtl-filtre-fieldset .inverse-checkbox {
  grid-row: 2;
}
.blocinforesponsive .prtl-filtre-fieldset .inverse-checkbox .prtl-filtre-label {
  align-self: center;
}
.blocinforesponsive ul.onglets {
  background-color: #eff1f3;
}
.blocinforesponsive ul.onglets li {
  margin-right: 0.2rem;
}
.blocinforesponsive ul.onglets li.cache {
  background-color: #eff1f3;
}
.blocinforesponsive .blocinfobody {
  overflow: initial !important;
}
.blocinforesponsive .blocinfobody .openCellTable tr:hover {
  background-color: white !important;
}
.blocinforesponsive .blocinfobody .openCellTable .openCellTd .ongletbodies,
.blocinforesponsive .blocinfobody .openCellTable .openCellTd .onglets {
  width: 100%;
}
@media (max-width: 1540px) {
  .cell-public-plans-recherche.blocinforesponsive .blocinfobody {
    height: 75vh;
  }
}
.cell-public-plans-recherche .prtl-filtre-buttons {
  position: absolute;
  top: 0.5rem;
  right: 0;
}
.cell-public-plans-recherche .prtl-filtre-buttons .prtl-filtre-button {
  margin-top: -0.5rem;
}
.cell-public-plans-recherche .prtl-filtre-buttons:empty {
  display: none !important;
}
.cell-public-plans-recherche.blocinforesponsive .blocinfobody .openCellTable .openCellTd .onglets {
  width: 100%;
}
@media (max-width: 576px) {
  .cell-public-plans-recherche.blocinforesponsive .blocinfobody .openCellTd .onglets {
    height: 60px !important;
  }
}