#colorbox:has(.node, .webform-submission-form),
#colorbox:has(.node, .webform-submission-form) #cboxWrapper {
  max-width: 1180px;
  border-radius: 0;
  background: unset;
  min-height: 620px !important;
}
#colorbox #cboxWrapper > div:has(.node) {
  min-height: 100%;
}
#colorbox:has(.node) #cboxContent,
#colorbox:has(.node) #cboxLoadedContent {
  float: unset !important;
  width: 100% !important;
  min-height: 100% !important;
  margin: 0;
  padding: 0;
  border-radius: 1.5rem;
}
#colorbox:has(.node) #cboxContent {
  min-height: 620px !important;
}

#colorbox:has(.webform-submission-form) #cboxContent {
  border-radius: 1.5rem;
  height: 100% !important;
}
#colorbox:has(.webform-submission-form) #cboxLoadedContent {
  overflow-x: hidden !important;
  margin: 0;
}
#colorbox:has(.node) :is(#cboxMiddleRight, #cboxMiddleLeft) {
  display: none !important;
  width: 0 !important;
}
#colorbox:has(.node, .webform-submission-form) #cboxWrapper > div:not(:has(.node, .webform-submission-form)) {
  display: none;
}
#colorbox:has(.node, .webform-submission-form) #cboxClose {
  top: 1.5rem;
  right: 1.75rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="24px" height="24px"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
  background-color: var(--medium-blue);
  background-size: 100%;
  background-position: center;
  width: 2rem;
  height: 2rem;
  transition: 0.2s ease-in-out;
  /*filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5)) drop-shadow(0 6px 20px rgba(0, 0, 0, 0.5));*/
  border: 2px solid var(--medium-blue);
  border-radius: 1rem;
  z-index: 10;
}
#colorbox:has(.node, .webform-submission-form) #cboxClose:hover {
  transform: scale(1.25);
}
#colorbox:has(.node) #cboxContent .node {
  min-height: 600px;
  min-height: 620px !important;
}
#colorbox :is(.node--type-formation-dl, .node--type-formation, .node--type-diplome, .node--type-unite) {
	position: static;
}
#colorbox:has(.node) #cboxContent .group-header {
  width: 100%;
  height: fit-content;
  background: linear-gradient(180deg, #083651 0%, #136689 100%);
  color: white;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-inline: 2rem;
  padding-block: 2rem;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-header .group-header-ctn,
#colorbox:has(.node) #cboxContent .group-header .group-header-ctn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#colorbox:has(.webform-submission-form) #cboxLoadedContent > section > h2 {
  color: white;
  background: linear-gradient(180deg, #083651 0%, #136689 100%);
  padding-inline: 1.5rem;
  padding-block: 2rem;
  margin: 0;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-header .fieldname--node-title,
#colorbox:has(.node) #cboxContent .group-header .fieldname--node-title {
  flex: 1 1 100%;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-header .fieldname--node-title h2,
#colorbox:has(.node) #cboxContent .group-header .fieldname--node-title h2 {
  font-size: 2.25rem;
  font-weight: 800;
  color: white;
  line-height: 1;
}
/*.path-node :is(.node--type-competence, .node--type-unite) .group-header .fieldname--field-code,*/
#colorbox:has(.node) #cboxContent .group-header .fieldname--field-code {
  display: inline-block;
  width: fit-content;
  padding: 0.25rem 0.5rem;
  border-radius: 15px;
  background: rgba(234, 238, 239, 0.2);
  font-weight: 500;
  color: #fff;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine),
#colorbox:has(.node) #cboxContent .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine) {
  display: inline;
  width: fit-content;
  margin-inline-start: 1rem;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine) a,
#colorbox:has(.node) #cboxContent .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine) a {
  color: white;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine) a:hover,
#colorbox:has(.node) #cboxContent .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine) a:hover {
  text-decoration: underline;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine, .fieldname--field-code) div,
#colorbox:has(.node) #cboxContent .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine, .fieldname--field-code) div {
  display: inline;
}
.path-node
  :is(.node--type-competence, .node--type-unite)
  .group-header
  :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine, .fieldname--field-code)
  div:first-of-type::after,
#colorbox:has(.node) #cboxContent .group-header :is(.fieldname--field-libelle-commercial, .fieldname--field-domaine, .fieldname--field-code) div:first-of-type::after {
  content: ' : ';
}
.path-node :is(.node--type-competence, .node--type-unite) .group-left,
#colorbox:has(.node) #cboxContent .group-left {
  padding: 2rem;
  float: left;
  width: 50%;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-right,
#colorbox:has(.node) #cboxContent .group-right {
  margin-block: 2rem;
  margin-inline: 2rem 1.5rem;
  width: calc(50% - 3.5rem);
  float: right;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-right .right_top,
#colorbox:has(.node) #cboxContent .group-right .right_top {
  background-color: var(--light-blue);
  padding: 1.5rem 2rem;
  border-radius: 1rem;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-footer,
#colorbox:has(.node) #cboxContent .group-footer {
  margin-block-start: 2rem;
  background-color: var(--light-grey);
  padding: 2.5rem 2rem;
  border-radius: 1.5rem;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-right .right_top dl,
#colorbox:has(.node) #cboxContent .group-right .right_top dl {
  padding-block: 0.5rem;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-right .right_top dl:not(:last-child),
#colorbox:has(.node) #cboxContent .group-right .right_top dl:not(:last-child) {
  border-bottom: 1px solid var(--medium-blue);
}

.path-node :is(.node--type-competence, .node--type-unite) .group-right .right_top dl > *,
#colorbox:has(.node) #cboxContent .group-right .right_top dl > * {
  display: inline;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-right .right_top dl > dt::after,
#colorbox:has(.node) #cboxContent .group-right .right_top dl > dt::after {
  content: ' : ';
}
.path-node :is(.node--type-competence, .node--type-unite) .group-footer ul:not(.mots-cles, .ev-unite-diplomes),
#colorbox:has(.node) #cboxContent .group-footer ul:not(.mots-cles, .ev-unite-diplomes) {
  list-style: disc;
  padding-inline-start: 1.5rem;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-footer ul:not(.mots-cles, .ev-unite-diplomes) li,
#colorbox:has(.node) #cboxContent .group-footer ul:not(.mots-cles, .ev-unite-diplomes) li {
  line-height: 1.15;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-footer ul:not(.mots-cles, .ev-unite-diplomes) li:not(:last-child),
#colorbox:has(.node) #cboxContent .group-footer ul:not(.mots-cles, .ev-unite-diplomes) li:not(:last-child) {
  margin-block-end: 0.25rem;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-footer ul:not(.mots-cles, .ev-unite-diplomes) a,
#colorbox:has(.node) #cboxContent .group-footer ul:not(.mots-cles, .ev-unite-diplomes) a {
  color: var(--blue);
}
.path-node :is(.node--type-competence, .node--type-unite) .group-footer ul:not(.mots-cles, .ev-unite-diplomes) a:hover,
#colorbox:has(.node) #cboxContent .group-footer ul:not(.mots-cles, .ev-unite-diplomes) a:hover {
  color: var(--medium-blue);
}

.path-node :is(.node--type-competence, .node--type-unite) .group-footer .field__label,
#colorbox:has(.node) #cboxContent .group-footer .field__label {
  font-size: 1.15rem;
  font-weight: 700;
  margin-block-end: 0.5rem;
}
.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right,
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right {
  float: unset;
  width: calc(100% - 4rem);
  display: flex;
  gap: 1rem;
}
.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right > *,
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right > * {
  height: fit-content;
}
.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right .right_top,
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right .right_top {
  order: 1;
}
.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right .right_top,
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right .right_top {
  width: 35%;
}
.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right .unite-diplome,
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right .unite-diplome,
.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right .group-footer,
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right .group-footer {
  max-width: 680px;
  width: 65%;
}
.path-node :is(.node--type-competence, .node--type-unite) .group-footer:not(:has(div)),
#colorbox:has(.node) #cboxContent .group-footer:not(:has(div)) {
  display: none;
}
.path-node :is(.node--type-competence, .node--type-unite) .unite-diplome,
#colorbox:has(.node) #cboxContent .unite-diplome {
  background-color: var(--medium-grey);
  padding: 2.5rem 2rem;
  border-radius: 1.5rem;
  margin-block-start: 2rem;
}

.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right:has(.group-footer div),
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right:has(.group-footer div) {
  flex-wrap: wrap;
}
.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right:has(.group-footer div) .unite-diplome,
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right:has(.group-footer div) .unite-diplome {
  order: 1;
}

.path-node :is(.node--type-competence, .node--type-unite):not(:has(.group-left)) .group-right .unite-diplome,
#colorbox:has(.node) #cboxContent:not(:has(.group-left)) .group-right .unite-diplome {
  margin-block-start: 0;
}
.path-node :is(.node--type-competence, .node--type-unite) .unite-diplome .field__label,
#colorbox:has(.node) #cboxContent .unite-diplome .field__label {
  font-size: clamp(1.15rem, 3.5vw, 1.5rem);
  line-height: clamp(1.35rem, 3.5vw, 1.75rem);
  font-weight: 700;
  text-transform: uppercase;
  margin-block-end: 1rem;
}
.path-node :is(.node--type-competence, .node--type-unite) .more-link-ue,
#colorbox:has(.node) #cboxContent .more-link-ue {
  display: flex;
  justify-content: center;
  clear: both;
}
.path-node :is(.node--type-competence, .node--type-unite) .more-link-ue a,
#colorbox:has(.node) #cboxContent .more-link-ue a {
  --underline-img: none;
  border-radius: 2rem;
  padding: 0.5rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: var(--red);
  color: white;
  font-weight: 600;
  transition: 0.2scubic-bezier(0.4, 0, 0.2, 1);
}
.path-node :is(.node--type-competence, .node--type-unite) .more-link-ue a:hover,
#colorbox:has(.node) #cboxContent .more-link-ue a:hover {
  background-color: var(--dark-red);
}
#colorbox:has(.node) #cboxContent .node--type-competence > .group-footer {margin: 2rem;}

@media screen and (max-width: 970px) {
  .path-node :is(.node--type-competence, .node--type-unite) .group-left,
  #colorbox:has(.node) #cboxContent .group-left {
    width: 100%;
    float: unset;
    clear: both;
    padding-inline: 1rem;
    padding-block: 2rem;
  }
  .path-node :is(.node--type-competence, .node--type-unite) .group-right,
  #colorbox:has(.node) #cboxContent .group-right {
    width: 100%;
    float: unset;
    clear: both;
    margin: 0;
    padding-inline: 0rem;
  }
  .path-node :is(.node--type-competence, .node--type-unite) .group-header .fieldname--node-title h2,
  #colorbox:has(.node) #cboxContent .group-header .fieldname--node-title h2  {font-size: 2rem;}
  .path-node :is(.node--type-competence, .node--type-unite) .group-right .right_top, #colorbox:has(.node) #cboxContent .group-right .right_top {
      background-color: var(--light-grey);
      padding: 2rem;
  }
}
@media screen and (max-width: 520px) {
  .path-node :is(.node--type-competence, .node--type-unite) .group-left,
  #colorbox:has(.node) #cboxContent .group-left {padding-inline: 2rem;}
}
#cboxContent .webform-submission-form {padding: 2rem;}
#cboxContent .webform-submission-form textarea {max-width: 100%;}