:root {
  --hecRegularFont: hecRegular;
  --hecMediumFont: hecMedium;
  --hecDemiBoldFont: hecDemiBold;
  --hecBoldFont: hecBold;
  --hecSerifFont: hecSerifDemiBold;
  --fs-800: 2.25rem;
  --fs-700: 1.75rem;
  --fs-600: 1.25rem;
  --fs-500: 1.125rem;
  --fs-400: 1rem;
  --fs-300: .9375rem;
  --fs-200: .875rem;
  --fs-100: .8125rem;
  --clr-l-400: #002855;
  --clr-b-200: #E9F3FB;
  --clr-b-300: #BDDAF2;
  --clr-b-400: #92C1E9;
  --clr-b-500: #0072CE;
  --clr-b-600: #0069BF;
  --clr-g-200: #F8F8F7;
  --clr-g-300: #ECECEA;
  --clr-g-400: #D9D9D6;
  --clr-g-500: #B7B9BA;
  --clr-g-600: #888B8D;
  --clr-t-200: #E1F6F7;
  --clr-t-300: #C3EDEF;
  --clr-t-400: #88DBDF;
  --clr-t-500: #41C2D5;
  --clr-t-600: #00AEC7;
  --clr-v-200: #E3F8EB;
  --clr-v-300: #BCEDCF;
  --clr-v-400: #8FE2B0;
  --clr-v-500: #5CDC9D;
  --clr-v-600: #28D07C;
  --clr-r-200: #FFEFF1;
  --clr-r-300: #FED0D6;
  --clr-r-400: #FDB1BB;
  --clr-r-500: #FC8285;
  --clr-r-600: #FF585D;
  --clr-m-200: #F9EAF7;
  --clr-m-300: #F2D4EF;
  --clr-m-400: #EAB8E4;
  --clr-m-500: #F093CD;
  --clr-m-600: #EB6FBD;
  --clr-j-200: #FFFCC7;
  --clr-j-300: #FDF99C;
  --clr-j-400: #F8E38B;
  --clr-j-500: #F5D964;
  --clr-j-600: #f3D03E;
  --clr-b-logo: var(--clr-l-400);
  --clr-b-secondaire: var(--clr-b-500);
  --clr-button-fg: white;
  --clr-button-bg: var(--clr-b-secondaire);
  --clr-button-border: var(--clr-b-secondaire);
  --clr-button-fg-hover:white;
  --clr-button-bg-hover: var(--clr-b-logo);
  --clr-button-border-hover: var(--clr-b-logo);
  --btn-font-family: var(--hecBoldFont), sans-serif;
  --btn-font-size: var(--fs-400);
  --z-index-max: 9999;
  --z-index-slide-in: 9900;
  font-family: var(--hecRegularFont), sans-serif;
  font-size: var(--fs-400);
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

@font-face {
  font-family: "hecSerifDemiBold";
  src: url("./fonts/VisbySlabCF-DemiBold.woff2") format("woff2"), url("./fonts/VisbySlabCF-DemiBold.woff") format("woff");
}
@font-face {
  font-family: "hecMedium";
  src: url("./fonts/VisbyCF-Medium.woff2") format("woff2"), url("./fonts/VisbyCF-Medium.woff") format("woff");
}
@font-face {
  font-family: "hecDemiBold";
  src: url("./fonts/VisbyCF-DemiBold.woff2") format("woff2"), url("./fonts/VisbyCF-DemiBold.woff") format("woff");
}
@font-face {
  font-family: "hecRegular";
  src: url("./fonts/VisbyCF-Regular.woff2") format("woff2"), url("./fonts/VisbyCF-Regular.woff") format("woff");
}
@font-face {
  font-family: "hecBold";
  src: url("./fonts/VisbyCF-Bold.woff2") format("woff2"), url("./fonts/VisbyCF-Bold.woff") format("woff");
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}

.container,
.container-center-area {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 40rem) {
  .container,
  .container-center-area {
    margin-right: auto;
    margin-left: auto;
    width: min(90%, 73rem);
  }
}

a, a:visited {
  color: var(--clr-b-secondaire);
}
a:hover {
  color: var(--clr-b-logo);
}
a:focus-visible {
  outline: auto 5px Highlight; /* for non-webkit browsers */
  outline: auto 5px -webkit-focus-ring-color; /* for webkit browsers */
  outline-offset: 3px; /* Default offset to be used on the HEC web site */
}

a.reverseColors, a.reverseColors:visited {
  color: var(--clr-b-logo);
}
a.reverseColors:hover {
  color: var(--clr-b-secondaire);
}

.OneLinkArrow p {
  padding-bottom: 0;
}
.OneLinkArrow a {
  font-family: var(--hecMediumFont), sans-serif;
  text-decoration: none;
  letter-spacing: 0.05rem;
}
.OneLinkArrow a i {
  color: var(--clr-l-400);
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.OneLinkArrow a:hover i {
  color: var(--clr-b-secondaire);
  -webkit-transform: translateX(25%);
          transform: translateX(25%);
  -webkit-transition: all 125ms ease-out;
  transition: all 125ms ease-out;
}

.OneLinkArrow.AsHomePg {
  font-size: var(--fs-300);
}

.OneLinkArrow.hDecoAfter a {
  text-decoration: none;
}
.OneLinkArrow.hDecoAfter a:after {
  font-family: "Font Awesome 6 pro" !important;
  font: var(--fa-font-solid);
  content: "\f061";
  color: var(--clr-b-logo);
  padding-left: 0.8rem;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.OneLinkArrow.hDecoAfter a:hover:after {
  color: var(--clr-b-secondaire);
  padding-left: 1.2rem;
  -webkit-transition: all 125ms ease-out;
  transition: all 125ms ease-out;
}

a.hDecoAfter {
  text-decoration: none;
}
a.hDecoAfter:after {
  font-family: "Font Awesome 6 pro" !important;
  font: var(--fa-font-solid);
  content: "\f061";
  color: var(--clr-b-logo);
  padding-left: 0.8rem;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}

a.hDecoAfter.reverseColors:after {
  color: var(--clr-b-secondaire);
}

a.hDecoAfter:hover:after {
  color: var(--clr-b-secondaire);
  padding-left: 1.2rem;
  -webkit-transition: all 125ms ease-out;
  transition: all 125ms ease-out;
}

a.hDecoAfter.reverseColors:hover:after {
  color: var(--clr-b-logo);
}

a.LinkAsButton.BFS500 {
  --btn-font-size: var(--fs-500);
}

a.LinkAsButton.BFS300 {
  --btn-font-size: var(--fs-300);
}

a.LinkAsButton.L2S {
  --clr-button-fg: white;
  --clr-button-bg: var(--clr-b-logo);
  --clr-button-border: var(--clr-b-logo);
  --clr-button-fg-hover: white;
  --clr-button-bg-hover: var(--clr-b-secondaire);
  --clr-button-border-hover: var(--clr-b-secondaire);
}

a.LinkAsButton.T2L {
  --clr-button-fg: var(--clr-b-logo);
  --clr-button-bg: transparent;
  --clr-button-border: var(--clr-b-logo);
  --clr-button-fg-hover: white;
  --clr-button-bg-hover: var(--clr-b-logo);
  --clr-button-border-hover: var(--clr-b-logo);
}

a.LinkAsButton.T2S {
  --clr-button-fg: var(--clr-b-secondaire);
  --clr-button-bg: transparent;
  --clr-button-border: var(--clr-b-secondaire);
  --clr-button-fg-hover: white;
  --clr-button-bg-hover: var(--clr-b-secondaire);
  --clr-button-border-hover: var(--clr-b-secondaire);
}

a.LinkAsButton.T2W {
  --clr-button-fg: white;
  --clr-button-bg: transparent;
  --clr-button-border: white;
  --clr-button-fg-hover: var(--clr-b-logo);
  --clr-button-bg-hover: white;
  --clr-button-border-hover: white;
}

a.LinkAsButton.V2L {
  --clr-button-fg: #111111;
  --clr-button-bg: var(--clr-v-600);
  --clr-button-border: var(--clr-v-600);
  --clr-button-fg-hover:var(--clr-v-400);
  --clr-button-bg-hover: var(--clr-b-logo);
  --clr-button-border-hover: var(--clr-b-logo);
}

a.LinkAsButton.P2L {
  --clr-button-fg: #111111;
  --clr-button-bg: var(--clr-m-600);
  --clr-button-border: var(--clr-m-600);
  --clr-button-fg-hover:var(--clr-m-300);
  --clr-button-bg-hover: var(--clr-b-logo);
  --clr-button-border-hover: var(--clr-b-logo);
}

a.LinkAsButton.B2T {
  --clr-button-fg: #111111;
  --clr-button-bg: var(--clr-b-600);
  --clr-button-border: var(--clr-b-600);
  --clr-button-fg-hover: var(--clr-b-400);
  --clr-button-bg-hover: var(--clr-b-logo);
  --clr-button-border-hover: var(--clr-b-logo);
}

a.LinkAsButton {
  text-decoration: none;
}
a.LinkAsButton, a.LinkAsButton:visited {
  display: inline-block;
  color: var(--clr-button-fg);
  background-color: var(--clr-button-bg);
  border: 2px solid var(--clr-button-border);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  padding: 0.75em 1.2em 0.65em 1.2em;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
a.LinkAsButton:hover, a.LinkAsButton:visited:hover {
  color: var(--clr-button-fg-hover);
  background-color: var(--clr-button-bg-hover);
  border: 2px solid var(--clr-button-border-hover);
}

a.LinkAsButton.FullParentWidth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lead {
  font-family: var(--hecMainFont), sans-serif;
  font-size: var(--fs-600);
  line-height: 1.5em;
}

@media (min-width: 40rem) {
  .mobile-only {
    display: none;
  }
}
@media (min-width: 1200px) {
  .mobile-tab-only {
    display: none;
  }
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.hCard.isLinkified:hover {
  cursor: pointer;
}

.hCard.isfocused {
  outline: auto 5px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
  outline-offset: 3px;
}
.hCard.isfocused a:focus,
.hCard.isfocused a:focus-visible {
  outline: none;
}

.fMT-0 {
  margin-top: 0px !important;
}

.fMT-10 {
  margin-top: 10px !important;
}

.fMT-15 {
  margin-top: 15px !important;
}

.fMT-20 {
  margin-top: 20px !important;
}

.fMT-25 {
  margin-top: 25px !important;
}

.fMT-30 {
  margin-top: 30px !important;
}

.fMT-35 {
  margin-top: 35px !important;
}

.fMT-40 {
  margin-top: 40px !important;
}

.fMB-0 {
  margin-bottom: 0px !important;
}

.fMB-10 {
  margin-bottom: 10px !important;
}

.fMB-15 {
  margin-bottom: 15px !important;
}

.fMB-20 {
  margin-bottom: 20px !important;
}

.fMB-25 {
  margin-bottom: 25px !important;
}

.fMB-30 {
  margin-bottom: 30px !important;
}

.fMB-35 {
  margin-bottom: 35px !important;
}

.fMB-40 {
  margin-bottom: 40px !important;
}

.fPT-0 {
  padding-top: 0px !important;
}

.fPT-10 {
  padding-top: 10px !important;
}

.fPT-15 {
  padding-top: 15px !important;
}

.fPT-20 {
  padding-top: 20px !important;
}

.fPT-25 {
  padding-top: 25px !important;
}

.fPT-30 {
  padding-top: 30px !important;
}

.fPT-35 {
  padding-top: 35px !important;
}

.fPT-40 {
  padding-top: 40px !important;
}

.fPB-0 {
  padding-bottom: 0px !important;
}

.fPB-10 {
  padding-bottom: 10px !important;
}

.fPB-15 {
  padding-bottom: 15px !important;
}

.fPB-20 {
  padding-bottom: 20px !important;
}

.fPB-25 {
  padding-bottom: 25px !important;
}

.fPB-30 {
  padding-bottom: 30px !important;
}

.fPB-35 {
  padding-bottom: 35px !important;
}

.fPB-40 {
  padding-bottom: 40px !important;
}

.fPR-0 {
  padding-right: 0px !important;
}

.fPR-10 {
  padding-right: 10px !important;
}

.fPR-15 {
  padding-right: 15px !important;
}

.fPR-20 {
  padding-right: 20px !important;
}

.fPR-25 {
  padding-right: 25px !important;
}

.fPR-30 {
  padding-right: 30px !important;
}

.fPR-35 {
  padding-right: 35px !important;
}

.fPR-40 {
  padding-right: 40px !important;
}

.fPL-0 {
  padding-left: 0px !important;
}

.fPL-10 {
  padding-left: 10px !important;
}

.fPL-15 {
  padding-left: 15px !important;
}

.fPL-20 {
  padding-left: 20px !important;
}

.fPL-25 {
  padding-left: 25px !important;
}

.fPL-30 {
  padding-left: 30px !important;
}

.fPL-35 {
  padding-left: 35px !important;
}

.fPL-40 {
  padding-left: 40px !important;
}

.CenterChildWithin {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.fa-padd-l {
  padding-left: 1rem;
}

.fa-padd-r {
  padding-right: 1rem;
}

.fa-padd {
  padding-left: 1rem;
  padding-right: 1rem;
}

.diplomes-variant {
  --btn-font-size: var(--fs-300);
}
.diplomes-variant .cfBkgGris {
  background-color: #F8F8F7 !important;
}
.diplomes-variant .cfBkgJaune {
  background-color: #F7F6C6 !important;
}
.diplomes-variant .CS-TUILE {
  background-color: #E9F3FB;
  font-family: var(--hecMediumFont) !important;
}
.diplomes-variant .CS-TUILE .md_button {
  text-transform: unset;
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  letter-spacing: 0.05rem;
  padding: 0.75em 1.2em 0.65em 1.2em;
}
.diplomes-variant .btn-Blanc, .diplomes-variant .btn-CMS.blanc a, .diplomes-variant .btn-border-blanc, .diplomes-variant .btn-CMS.border-blanc a,
.diplomes-variant .btn-bleuCyan, .diplomes-variant .btn-CMS.bleuCyan a, .diplomes-variant .btn-bleuHEC, .diplomes-variant .btn-CMS.bleuHEC a,
.diplomes-variant .btn-Mauve, .diplomes-variant .btn-CMS.mauve a, .diplomes-variant .btn-Vert, .diplomes-variant .btn-CMS.vert a, .diplomes-variant .btn-Secondaire,
.diplomes-variant .btn-CMS.secondaire a, .diplomes-variant .btn-Primaire, .diplomes-variant .btn-CMS.primaire a {
  text-transform: unset !important;
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  letter-spacing: 0.05rem;
  padding: 0.75em 1.2em 0.65em 1.2em;
}
.diplomes-variant .btn-Secondaire, .diplomes-variant .snCS.CS-TUILE .md_button.btn-Secondaire, .diplomes-variant .snRG.RG-REAL .md_button, .diplomes-variant .EMTBA .EMATBBouton {
  border-color: var(--clr-b-600) !important;
  border-width: thin !important;
  border-style: solid !important;
  color: var(--clr-b-600) !important;
  background-color: transparent !important;
}
.diplomes-variant .btn-Secondaire:hover, .diplomes-variant .snCS.CS-TUILE .md_button.btn-Secondaire:hover,
.diplomes-variant .snRG.RG-REAL .md_button:hover, .diplomes-variant .EMTBA .EMATBBouton:hover {
  border-color: var(--clr-b-logo) !important;
  color: var(--clr-b-logo) !important;
  background-color: transparent !important;
}
.diplomes-variant .md_button {
  font-family: var(--btn-font-family) !important;
  font-size: var(--btn-font-size) !important;
  letter-spacing: 0.05rem !important;
  padding: 0.75em 1.2em 0.65em 1.2em !important;
}
.diplomes-variant .EMTBA .EMATBBouton.mauve {
  border-color: #EB6FBD !important;
  color: #EB6FBD !important;
}
.diplomes-variant .EMTBA .EMATBBouton.mauve:hover {
  border-color: #EB6FBD !important;
  color: white !important;
  background-color: #EB6FBD !important;
}
.diplomes-variant .EMTBA .EMATBBouton.bleuCyan {
  border-color: #E9F3FB !important;
  color: #E9F3FB !important;
}
.diplomes-variant .EMTBA .EMATBBouton.bleuCyan:hover {
  border-color: #E9F3FB !important;
  color: white !important;
  background-color: #E9F3FB !important;
}
.diplomes-variant .EMTBA .EMATBBouton.blanc {
  border-color: white !important;
  color: white !important;
}
.diplomes-variant .EMTBA .EMATBBouton.blanc:hover {
  border-color: #E9F3FB !important;
  color: black !important;
  background-color: #E9F3FB !important;
}
.diplomes-variant .btn-Primaire, .diplomes-variant .btn-CMS.primaire a, .diplomes-variant .btn-CMS.mauve a,
.diplomes-variant a.btn-Mauve, .diplomes-variant a.btn-Mauve:link, .diplomes-variant .btn-CMS.secondaire a, .diplomes-variant .btn-block.btn-Secondaire {
  border-color: var(--clr-b-600) !important;
  background-color: var(--clr-b-600) !important;
  color: white !important;
}
.diplomes-variant .btn-Primaire:hover, .diplomes-variant .btn-CMS.primaire a:hover, .diplomes-variant .btn-CMS.mauve a:hover,
.diplomes-variant a.btn-Mauve:hover, .diplomes-variant .btn-CMS.secondaire a:hover, .diplomes-variant .btn-block.btn-Secondaire:hover {
  border-color: var(--clr-b-logo) !important;
  background-color: var(--clr-b-logo) !important;
}
.diplomes-variant .md_title {
  text-transform: unset !important;
}
.diplomes-variant .Impact_element.mauve .containerSpan span {
  color: var(--clr-b-600) !important;
}
.diplomes-variant .containerSpan span {
  color: var(--clr-b-600) !important;
  font-size: 45px;
  line-height: 40px;
}
.diplomes-variant h5.Imp_petit_texte {
  text-transform: unset;
}
.diplomes-variant .medias .icon:hover {
  color: var(--clr-b-600) !important;
}
.diplomes-variant .EMTBA .EMTBATitre, .diplomes-variant .EMTBA .EMTBATexte, .diplomes-variant .EMTBA .EMTBATexteTemoignage {
  font-family: var(--hecDemiBoldFont) !important;
  font-weight: 400 !important;
}
.diplomes-variant .EMATBBouton {
  font-family: var(--hecDemiBoldFont) !important;
  font-weight: 600 !important;
  line-height: 21px !important;
}
.diplomes-variant .EMA-UN-Container {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .diplomes-variant .EMA-UN-Container .EMTBAColumn {
    width: 45% !important;
  }
}
@media (min-width: 768px) {
  .diplomes-variant .containerIMG_gauche .EMA-UN-Container .EMTBAColumn {
    width: 47.3% !important;
  }
}
.diplomes-variant .EMTBA-bg-bleu_pale {
  background-color: #E9F3FB;
}
.diplomes-variant .EMTBA-bg-bleu_pale_t {
  background-color: rgba(233, 243, 251, 0.75) !important;
}
@media (max-width: 767px) {
  .diplomes-variant .EMTBA-bg-bleu_pale_t {
    background-color: #E9F3FB;
  }
}
.diplomes-variant .EMTBA-bg-jaune {
  background-color: #F7F6C6;
}
.diplomes-variant .EMTBA-bg-jaune_t {
  background-color: rgba(247, 246, 198, 0.75) !important;
}
@media (max-width: 767px) {
  .diplomes-variant .EMTBA-bg-jaune_t {
    background-color: #F7F6C6;
  }
}
.diplomes-variant .EMTBA-bg-mauve {
  background-color: #F9EAF7;
}
.diplomes-variant .EMTBA-bg-mauve_t {
  background-color: rgba(249, 234, 247, 0.75) !important;
}
@media (max-width: 767px) {
  .diplomes-variant .EMTBA-bg-mauve_t {
    background-color: #F9EAF7;
  }
}
.diplomes-variant .EMTBA-bg-vert {
  background-color: #E3F8EB;
}
.diplomes-variant .EMTBA-bg-vert_t {
  background-color: rgba(227, 248, 235, 0.75) !important;
}
@media (max-width: 767px) {
  .diplomes-variant .EMTBA-bg-vert_t {
    background-color: #E3F8EB;
  }
}
.diplomes-variant .EMA2ImageADroite, .diplomes-variant .EMAContainerImDroite {
  margin-right: unset !important;
  padding-right: unset !important;
}
.diplomes-variant .EMAContainerImGauche, .diplomes-variant .EMA2ImageAGauche {
  margin-left: unset !important;
  padding-left: unset !important;
}
@media (max-width: 768px) {
  .diplomes-variant .EMAContainerImDroite {
    margin-left: unset !important;
  }
  .diplomes-variant .EMAContainerImGauche {
    margin-right: unset !important;
  }
}
.diplomes-variant .EMTBA.temoignage {
  margin-left: 80px;
}
.diplomes-variant .snNomination .md_title_container .icon {
  color: #0069BF !important;
}
.diplomes-variant .snNomination .md_title_container .icon:hover {
  color: var(--clr-b-logo) !important;
}
.diplomes-variant .snDD .MB-FWCELL1 {
  width: 40px !important;
}
.diplomes-variant .snIT .MB-FWCELL1 {
  width: 200px !important;
}
.diplomes-variant .snDD .MB-FWCELL1.FREECELL .md_SmImg {
  width: 200px !important;
}
.diplomes-variant .snCS .md_title {
  margin-bottom: 0px !important;
}
.diplomes-variant #ro-204071 .snIT .MB-FWCELL1, .diplomes-variant #ro-204297 .snIT .MB-FWCELL1,
.diplomes-variant #ro-172414 .snIT .MB-FWCELL1, .diplomes-variant #ro-165379 .snIT .MB-FWCELL1,
.diplomes-variant #ro-166208 .snIT .MB-FWCELL1, .diplomes-variant #ro-172442 .snIT .MB-FWCELL1,
.diplomes-variant #ro-171991 .snIT .MB-FWCELL1, .diplomes-variant #ro-171910 .snIT .MB-FWCELL1 {
  width: 40px !important;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 66px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
dl,
dd {
  margin: 0;
}

body,
figure,
blockquote,
dl,
dd {
  color: var(--clr-b-logo);
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow-x: hidden;
  font-family: inherit;
  font-size: inherit;
}

img,
picture {
  max-width: 100%;
  display: block;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

hr {
  color: var(--clr-g-600);
}

p {
  padding-bottom: 0.75em;
}
@media screen and (max-width: 40rem) {
  p {
    font-size: 15px;
  }
}

button {
  font-family: var(--hecMainFont), sans-serif;
  font-size: var(--fs-500);
}

b, strong, th {
  font-family: var(--hecDemiBoldFont), sans-serif;
}

h1,
.as-h1 {
  font-family: var(--hecSerifFont), serif;
  font-size: var(--fs-800);
  margin-top: 0.2em;
  margin-bottom: 0.8em;
}

h2,
.as-h2 {
  font-family: var(--hecSerifFont), serif;
  font-size: var(--fs-700);
  margin-top: 0.2em;
  margin-bottom: 1em;
}

h3,
.as-h3 {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-600);
  margin-bottom: 0.7em;
}

h4,
.as-h4 {
  font-family: var(--hecMediumFont), sans-serif;
  font-size: var(--fs-500);
  margin-bottom: 0.5em;
}

h5,
.as-h5 {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-400);
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

h6,
.as-h6 {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-400);
  margin-bottom: 0.5em;
  margin-bottom: 0.5em;
}

h1, h2, h3, h4, h5, h6,
.as-h1, .as-h2, .as-h3, .as-h4, .as-h5, .as-h6 {
  color: var(--clr-b-logo);
  font-weight: normal;
}

#header-main-logo-container {
  display: none;
}
@media (min-width: 1200px) {
  #header-main-logo-container {
    display: block;
    position: relative;
  }
  #header-main-logo-container #header-main-logo {
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    z-index: 10000;
    width: 112px;
    height: 112px;
  }
  #header-main-logo-container #header-main-logo a:focus-visible {
    outline-offset: 2px;
  }
  #header-main-logo-container #header-main-logo img {
    height: 100%;
  }
}

#nav-home-primaire-container {
  position: relative;
}
@media screen and (min-width: 1200px) {
  #nav-home-primaire-container {
    min-height: 66px;
    position: sticky;
    top: -1px;
    z-index: 9900;
    padding: 0;
  }
  #nav-home-primaire-container.is-pinned {
    background-color: rgba(255, 255, 255, 0.935);
  }
}

#nav-home-primaire-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 0;
  margin: 0;
  gap: 0.5rem;
}
@media screen and (max-width: 1199px) {
  #nav-home-primaire-ul {
    background-color: var(--clr-g-300);
    position: fixed;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    padding-top: 5.5rem;
    inset: 0 0 0 0;
    z-index: 1000;
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
    visibility: hidden;
    opacity: 0;
    text-transform: none;
    -webkit-transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
    transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
    transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0ms ease-in 250ms;
    transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
  }
  #nav-home-primaire-ul[data-visible=true] {
    -webkit-transform: translate(0);
            transform: translate(0);
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 5px;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 5px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: -webkit-transform 250ms ease-in;
    transition: -webkit-transform 250ms ease-in;
    transition: transform 250ms ease-in;
    transition: transform 250ms ease-in, -webkit-transform 250ms ease-in;
  }
}
@media screen and (min-width: 1200px) {
  #nav-home-primaire-ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.4rem 1.5rem;
    font-size: var(--fs-400);
    margin-top: 1rem;
    margin-bottom: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1400px) {
  #nav-home-primaire-ul {
    letter-spacing: 0.06rem;
  }
}
#nav-home-primaire-ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav-home-primaire-ul li:not(.programmes) {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-200);
  padding: 0.5rem 0rem 0.5rem 0rem;
}
@media screen and (min-width: 1200px) {
  #nav-home-primaire-ul li:not(.programmes) {
    padding: 0.4em 0em 0.4em 0em;
    font-size: var(--fs-300);
  }
}
#nav-home-primaire-ul li:not(.programmes) a,
#nav-home-primaire-ul li:not(.programmes) a:visited {
  color: var(--clr-l-400);
  border-top: 2px solid transparent;
  padding: 0.2em 0em 0.2em 0em;
  text-decoration: none;
}
#nav-home-primaire-ul li:not(.programmes) a:hover,
#nav-home-primaire-ul li:not(.programmes) a:focus {
  color: var(--clr-b-secondaire);
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  #nav-home-primaire-ul li:not(.programmes) a:hover,
  #nav-home-primaire-ul li:not(.programmes) a:focus {
    border-bottom: 2px solid var(--clr-b-secondaire);
  }
}
#nav-home-primaire-ul li:not(.programmes) a:hover + .c_dropdown-content,
#nav-home-primaire-ul li:not(.programmes) a:focus + .c_dropdown-content {
  display: block;
}
#nav-home-primaire-ul li:not(.programmes).mobile-tab-only {
  text-transform: inherit;
}
#nav-home-primaire-ul li.programmes {
  padding: 0;
  margin-bottom: 0.2em;
}
#nav-home-primaire-ul li.programmes a.LinkAsButton {
  --btn-font-size: var(--fs-100);
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 1199px) {
  #nav-home-primaire-ul li.programmes {
    padding-bottom: 1rem;
  }
}

.c_dropdown-content {
  display: none;
  position: absolute;
  min-width: 250px;
  z-index: 1;
  background-color: white;
  font-family: var(--hecMediumFont), sans-serif;
}
.c_dropdown-content li a {
  font-size: 13px;
  text-decoration: none;
}

@media screen and (min-width: 1200px) {
  #nav-home-secondaire-container {
    display: block;
    background-color: var(--clr-g-300);
    height: 38px;
  }
}

#nav-home-secondaire-ul {
  visibility: hidden;
  padding: 0;
  margin: 0;
  height: 0;
  font-family: var(--hecMediumFont), sans-serif;
  font-size: 14px;
  letter-spacing: 0.06rem;
}
@media screen and (min-width: 1200px) {
  #nav-home-secondaire-ul {
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    gap: 0rem;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
  }
  #nav-home-secondaire-ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #nav-home-secondaire-ul > li#MS-li-MonHec {
    position: relative;
  }
  #nav-home-secondaire-ul > li#MS-li-MonHec button {
    all: revert;
    border: 0;
    padding: 0;
    font-family: inherit;
    font-size: 14px;
    letter-spacing: 0.06rem;
    line-height: 37px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
  }
  #nav-home-secondaire-ul > li#MS-li-MonHec button, #nav-home-secondaire-ul > li#MS-li-MonHec button:visited {
    background-color: inherit;
    color: var(--clr-l-400);
  }
  #nav-home-secondaire-ul > li#MS-li-MonHec button:hover {
    color: var(--clr-b-secondaire);
    text-decoration: none;
  }
  #nav-home-secondaire-ul > li#MS-li-MonHec button.active {
    background-color: var(--clr-b-secondaire);
    color: var(--clr-g-200);
    text-decoration: none;
  }
  #nav-home-secondaire-ul > li#MS-li-MonHec button i.fa-regular {
    padding-right: 0.3rem;
  }
  #nav-home-secondaire-ul > li#MS-li-MonHec button:focus-visible {
    outline-offset: -1px;
  }
  #nav-home-secondaire-ul > li#MS-li-form {
    display: none;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  #nav-home-secondaire-ul > li#MS-li-form {
    display: block;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    padding: 0px;
    margin-left: 10px;
    margin-right: 4px;
    margin-bottom: 2px;
  }
  #nav-home-secondaire-ul > li#MS-li-form form {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
@media screen and (min-width: 1200px) {
  #nav-home-secondaire-ul > li.MS-li-a {
    line-height: 37px;
  }
  #nav-home-secondaire-ul > li.MS-li-a > a,
  #nav-home-secondaire-ul > li.MS-li-a > a:visited {
    color: var(--clr-l-400);
    text-decoration: none;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #nav-home-secondaire-ul > li.MS-li-a a:focus,
  #nav-home-secondaire-ul > li.MS-li-a a:hover {
    color: var(--clr-b-secondaire);
    text-decoration: none;
  }
  #nav-home-secondaire-ul > li.MS-li-a a:focus-visible {
    outline-offset: -1px;
  }
}

#MonHec-Cols-Grid {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  gap: 2.4rem;
}
@media screen and (max-width: 1200px) {
  #MonHec-Cols-Grid {
    background-color: var(--clr-b-secondaire);
    position: fixed;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    padding-top: 5rem;
    padding-bottom: 1rem;
    padding-left: clamp(1em, 5% + 2vw, 11em);
    padding-right: clamp(1em, 5% + 2vw, 11em);
    inset: 0 0 0 0;
    z-index: 3000;
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
    -webkit-transition: -webkit-transform 350ms ease-in;
    transition: -webkit-transform 350ms ease-in;
    transition: transform 350ms ease-in;
    transition: transform 350ms ease-in, -webkit-transform 350ms ease-in;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
    transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
    transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0ms ease-in 250ms;
    transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
  }
  #MonHec-Cols-Grid[data-visible=true] {
    -webkit-transform: translate(0);
            transform: translate(0);
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 5px;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 5px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: -webkit-transform 250ms ease-in;
    transition: -webkit-transform 250ms ease-in;
    transition: transform 250ms ease-in;
    transition: transform 250ms ease-in, -webkit-transform 250ms ease-in;
  }
}
#MonHec-Cols-Grid .MonHec-UL-Liens {
  display: -ms-grid;
  display: grid;
  gap: 0.6rem;
  margin: 0.6rem 0 0.6rem 0;
  padding: 0;
  list-style: none;
}
#MonHec-Cols-Grid .MonHec-UL-Liens a,
#MonHec-Cols-Grid .MonHec-UL-Liens a:visited {
  font-size: 13px;
  color: var(--clr-g-200);
  text-decoration: none;
}
#MonHec-Cols-Grid .MonHec-UL-Liens a:hover,
#MonHec-Cols-Grid .MonHec-UL-Liens a:focus {
  text-decoration: underline;
}
#MonHec-Cols-Grid .Colonne-Title {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-200);
  font-weight: normal;
  color: var(--clr-g-200);
  text-transform: uppercase;
  margin: 0;
}

@media screen and (max-width: 1200px) {
  #MonHec-Menu-Container.Styles-On-Sm {
    visibility: visible;
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  #MonHec-Menu-Container.Styles-On-Lg {
    display: none;
    position: absolute;
    background-color: var(--clr-b-secondaire);
    margin: 0;
    left: 0px;
    top: 38px;
    padding: 30px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 9997;
  }
  #MonHec-Menu-Container.Styles-On-Lg.Show-On-Lg {
    display: block;
  }
}

#GGS_MS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
#GGS_MS input {
  padding: 4px 6px 2px 6px;
  border: 0;
  letter-spacing: 0.03rem;
}
#GGS_MS input::-webkit-input-placeholder {
  color: var(--clr-g-500);
}
#GGS_MS input::-moz-placeholder {
  color: var(--clr-g-500);
}
#GGS_MS input:-ms-input-placeholder {
  color: var(--clr-g-500);
}
#GGS_MS input::-ms-input-placeholder {
  color: var(--clr-g-500);
}
#GGS_MS input::placeholder {
  color: var(--clr-g-500);
}
#GGS_MS input:focus {
  outline: none;
}
#GGS_MS input:focus-visible {
  outline: inherit;
}
#GGS_MS button {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  font-size: 0.8em;
  background-color: white;
  padding: 2px 6px 0px 6px;
  border: 0;
  border: 1px solid white;
}
#GGS_MS button:hover {
  color: white;
  background-color: var(--clr-b-logo);
  cursor: pointer;
  border: 1px solid var(--clr-b-logo);
}

#fixed-mobile-logo-container {
  display: block;
}
#fixed-mobile-logo-container > a {
  position: fixed;
  top: 0;
  width: 48px;
  z-index: var(--z-index-max);
}
@media (min-width: 1200px) {
  #fixed-mobile-logo-container {
    display: none;
  }
}

#fixed-mobile-menu-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: calc(var(--z-index-max) - 1);
  background-color: var(--clr-g-300);
  display: block;
}
@media (min-width: 1200px) {
  #fixed-mobile-menu-container {
    display: none;
  }
}
#fixed-mobile-menu-container > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0px 1em 0px 0px;
}
#fixed-mobile-menu-container > ul > li {
  padding: 0px;
  list-style: none;
  border: 0;
}
#fixed-mobile-menu-container > ul > li > a {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding-top: 3px !important;
}
#fixed-mobile-menu-container > ul > li > a,
#fixed-mobile-menu-container > ul > li > button {
  width: 48px;
  height: 48px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: var(--clr-l-400);
  background-color: var(--clr-g-300);
}
#fixed-mobile-menu-container > ul > li > a:hover,
#fixed-mobile-menu-container > ul > li > button:hover {
  cursor: pointer;
}
#fixed-mobile-menu-container > ul > li > a.active,
#fixed-mobile-menu-container > ul > li > button.active {
  color: white;
  background-color: var(--clr-b-secondaire);
  border: 0px;
}
#fixed-mobile-menu-container > ul > li > a img,
#fixed-mobile-menu-container > ul > li > button img {
  width: 16px;
  height: 16px;
}
#fixed-mobile-menu-container > ul li#ffm-li-Lang {
  font-size: 18px;
}

a.VersContenuPrincipal {
  position: absolute;
  font-family: var(--hecRegularFont), sans-serif;
  font-size: var(--fs-400);
  color: white;
  background-color: var(--clr-b-logo);
  border-radius: 0 0 0.25rem 0.25rem;
  -webkit-transform: translate(-120%, -120%);
          transform: translate(-120%, -120%);
  padding: 0.5rem 1rem;
  text-decoration: none;
  -webkit-transition: -webkit-transform 325ms ease-in;
  transition: -webkit-transform 325ms ease-in;
  transition: transform 325ms ease-in;
  transition: transform 325ms ease-in, -webkit-transform 325ms ease-in;
  left: 0.5rem;
}
a.VersContenuPrincipal:focus {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

a.VersContenuPrincipal:focus-visible {
  outline-offset: 2px;
}

#Slide-In-Rechercher {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  padding-top: 80px;
  margin: 0;
  gap: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--clr-b-secondaire);
  position: fixed;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  padding-top: 5.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  inset: 0 0 0 0;
  z-index: calc(var(--z-index-slide-in) - 1);
  z-index: 1000;
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
  transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
  transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0ms ease-in 250ms;
  transition: transform 250ms ease-in, opacity 250ms ease-in, visibility 0ms ease-in 250ms, -webkit-transform 250ms ease-in;
}
#Slide-In-Rechercher[data-visible=true] {
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 5px;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 5px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 250ms ease-in;
  transition: -webkit-transform 250ms ease-in;
  transition: transform 250ms ease-in;
  transition: transform 250ms ease-in, -webkit-transform 250ms ease-in;
}
@media (min-width: 1200px) {
  #Slide-In-Rechercher {
    display: none;
  }
}

#GGS_SI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid white;
  margin: auto;
  width: 80%;
}
#GGS_SI input {
  font-size: var(--fs-300);
  letter-spacing: 0.03rem;
  width: 100%;
  padding: 4px 6px 2px 6px;
  border: 0;
}
#GGS_SI input::-webkit-input-placeholder {
  color: var(--clr-g-500);
}
#GGS_SI input::-moz-placeholder {
  color: var(--clr-g-500);
}
#GGS_SI input:-ms-input-placeholder {
  color: var(--clr-g-500);
}
#GGS_SI input::-ms-input-placeholder {
  color: var(--clr-g-500);
}
#GGS_SI input::placeholder {
  color: var(--clr-g-500);
}
#GGS_SI input:focus {
  outline: none;
}
#GGS_SI input:focus-visible {
  outline: inherit;
}
#GGS_SI button {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  font-size: 0.7em;
  background-color: white;
  padding: 2px 6px 0px 6px;
  border: 0;
  border: 1px solid white;
}
#GGS_SI button:hover {
  color: white;
  background-color: var(--clr-b-logo);
  cursor: pointer;
  border: 1px solid var(--clr-b-logo);
}

.header-diplomes #nav-home-primaire-ul li.jedonne {
  padding: 0;
  margin-bottom: 0.2em;
}
.header-diplomes #nav-home-primaire-ul li.jedonne a.LinkAsButton {
  --btn-font-size: var(--fs-100);
  letter-spacing: 0.06rem;
  padding: 0.75em 1.2em 0.65em 1.2em;
  color: white;
}
@media screen and (max-width: 1199px) {
  .header-diplomes #nav-home-primaire-ul li.jedonne {
    padding-bottom: 1rem;
  }
}

.container-diplomes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 88%;
  margin-left: 12%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.diplomes-logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.menu-principal-diplomes {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  max-width: 80%;
  text-align: right;
}

.header-diplomes.is-pinned .diplomes-logo {
  display: none !important;
}

footer {
  background-color: var(--clr-l-400);
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.9rem;
}
footer hr {
  color: white;
}

@media screen and (min-width: 40rem) {
  #footer-section-lastline {
    padding: 0em 0em 1.5em 0em;
  }
}
#footer-section-lastline {
  font-size: var(--fs-100);
  color: white;
}
#footer-section-lastline ul:first-child {
  border-top: 1px solid white;
}
#footer-section-lastline ul {
  display: -ms-grid;
  display: grid;
  gap: 1.25rem;
  margin-left: 1em;
  margin-right: 1em;
  padding: 4em 0em 1em 0em;
  width: auto;
  list-style: none;
  text-align: center;
}
@media screen and (min-width: 40rem) {
  #footer-section-lastline ul {
    position: relative;
    grid-auto-flow: column;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    gap: 2rem;
    padding: 2em 0em 1em 0em;
  }
}
#footer-section-lastline ul li {
  padding-bottom: 0.25em;
}
@media screen and (min-width: 80rem) {
  #footer-section-lastline ul li:last-child {
    position: absolute;
    right: 0;
    bottom: 20%;
  }
}
#footer-section-lastline ul li:last-child a,
#footer-section-lastline ul li:last-child a:visited {
  color: var(--clr-j-600);
}
#footer-section-lastline ul li:last-child a:focus,
#footer-section-lastline ul li:last-child a:hover {
  color: var(--clr-b-400);
}
#footer-section-lastline a,
#footer-section-lastline a:visited {
  color: white;
  text-decoration: none;
}
#footer-section-lastline a:focus,
#footer-section-lastline a:hover {
  color: var(--clr-b-400);
}

#footer-columns-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 3rem;
  margin-bottom: 3rem;
  gap: 1rem;
}

.footer-column-links {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}
@media screen and (min-width: 40rem) {
  .footer-column-links {
    text-align: left;
    padding-left: 0em;
    padding-right: 0em;
  }
}
.footer-column-links h2 {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-300);
  text-transform: uppercase;
  color: var(--clr-b-400);
  letter-spacing: 0.56px;
  margin-bottom: 0em;
  padding-bottom: 2em;
}
@media screen and (min-width: 40rem) {
  .footer-column-links h2 {
    margin-bottom: 0.8em;
    padding-bottom: 0em;
  }
}
.footer-column-links h2 a, .footer-column-links h2 a:visited {
  color: inherit;
  text-decoration: none;
}
.footer-column-links h2 a:hover, .footer-column-links h2 a:focus {
  color: var(--clr-b-200);
}
.footer-column-links ul {
  font-size: var(--fs-100);
  letter-spacing: 0.06rem;
  display: -ms-grid;
  display: grid;
  margin: 0;
  padding: 0;
  -ms-flex-line-pack: start;
      align-content: start;
  list-style: none;
  margin-bottom: 1em;
}
@media screen and (min-width: 40rem) {
  .footer-column-links ul {
    margin-bottom: 0em;
  }
}
.footer-column-links ul li {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
@media screen and (min-width: 1200px) {
  .footer-column-links ul li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.footer-column-links ul a, .footer-column-links ul a:visited {
  color: white;
  text-decoration: none;
}
.footer-column-links ul a:hover, .footer-column-links ul a:focus {
  color: var(--clr-b-400);
}

@media screen and (max-width: 39rem) {
  .footer-column-links:nth-of-type(2) ul {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 919px) {
  .footer-column-links:nth-of-type(3) {
    margin-top: -1rem;
  }
  .footer-column-links:nth-of-type(3) h2 {
    height: 0;
    margin: 0;
    display: none;
  }
}
.footer-column-buttons {
  padding-left: 3em;
  padding-right: 3em;
}
@media screen and (min-width: 40rem) {
  .footer-column-buttons {
    padding-left: 0em;
    padding-right: 0em;
  }
}
.footer-column-buttons ul {
  display: -ms-grid;
  display: grid;
  gap: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .footer-column-buttons ul {
    gap: 1rem;
  }
}
.footer-column-buttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-column-buttons ul li {
  margin: 0;
}
.footer-column-buttons ul a {
  width: 100%;
  text-align: center;
  margin: 0;
}

.footer-column-buttons a,
a#footer-joindre-bouton {
  font-family: var(--hecBoldFont), sans-serif;
  font-size: var(--fs-100);
  letter-spacing: 0.06rem;
}
.footer-column-buttons a, .footer-column-buttons a:visited,
a#footer-joindre-bouton,
a#footer-joindre-bouton:visited {
  display: inline-block;
  color: white;
  background-color: transparent;
  border-color: white;
  border: 2px solid white;
  padding: 1.3em 1.5rem 1.3em 1.5rem;
  text-decoration: none;
}
.footer-column-buttons a:focus, .footer-column-buttons a:hover,
a#footer-joindre-bouton:focus,
a#footer-joindre-bouton:hover {
  background-color: white;
  border: 2px solid white;
  color: var(--clr-b-logo);
  -webkit-transition: all ease-out 0.25s;
  transition: all ease-out 0.25s;
}

#footer-section-logos {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  text-align: center;
}
@media screen and (min-width: 40rem) {
  #footer-section-logos {
    justify-items: start;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  #footer-section-logos {
    -ms-grid-columns: 2fr 1rem 1fr;
    grid-template-columns: 2fr 1fr;
    grid-auto-flow: column;
    gap: 1rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}

#footer-joindre {
  padding: 0em 1em 4em 1em;
}
@media screen and (min-width: 40rem) {
  #footer-joindre {
    padding: 0em 1em 2em 0em;
  }
}

#footer-joindre-logo-container {
  position: relative;
  margin: auto;
}
@media screen and (min-width: 40rem) {
  #footer-joindre-logo-container {
    margin: 0;
    left: -16px;
    width: 50%;
  }
}

#footer-joindre-edifices-ul {
  list-style: none;
  display: -ms-grid;
  display: grid;
  font-size: var(--fs-100);
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25em;
  text-align: center;
}
@media screen and (min-width: 40rem) {
  #footer-joindre-edifices-ul {
    grid-auto-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    gap: 2rem;
  }
}
#footer-joindre-edifices-ul a, #footer-joindre-edifices-ul a:visited {
  color: white;
  text-decoration: none;
}
#footer-joindre-edifices-ul a:hover, #footer-joindre-edifices-ul a:focus {
  color: var(--clr-b-400);
}

#footer-joindre-medias-ul {
  list-style: none;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 1.5rem;
  padding-left: 0;
  padding-top: 1rem;
  padding-bottom: 1.2rem;
}
#footer-joindre-medias-ul li {
  font-size: var(--fs-700);
  color: white;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in;
}
#footer-joindre-medias-ul li a {
  color: inherit;
}
#footer-joindre-medias-ul li:hover {
  color: var(--clr-b-400);
}

#footer-accreditations {
  color: white;
  text-align: center;
  padding: 4em 1em 4em 1em;
  border-top: 1px solid white;
}
@media screen and (min-width: 1200px) {
  #footer-accreditations {
    padding: 1em 1em 1em 2em;
    text-align: left;
    border-top: 0px;
    border-left: 1px solid white;
    margin-top: 5px;
  }
}

#footer-accreditations-intro {
  font-size: var(--fs-100);
  padding-bottom: 1.8em;
}

#footer-accreditations-logos {
  display: -ms-grid;
  display: grid;
  gap: 2.5rem;
  -ms-grid-columns: 80px 2.5rem 80px 2.5rem 80px;
  grid-template-columns: 80px 80px 80px;
  grid-auto-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#footer-accreditations-logos img:nth-of-type(3) {
  max-width: 85%;
}
@media screen and (max-width: 60rem) {
  #footer-accreditations-logos img {
    max-width: 90px !important;
  }
}
@media screen and (max-width: 100rem) and (min-width: 61rem) {
  #footer-accreditations-logos img {
    max-width: 100px !important;
  }
}
@media screen and (min-width: 40rem) {
  #footer-accreditations-logos {
    -ms-grid-columns: 90px 2rem 90px 2rem 90px;
    grid-template-columns: 90px 90px 90px;
    gap: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  #footer-accreditations-logos {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  #footer-accreditations-logos img:nth-of-type(3) {
    max-width: 85%;
  }
}

section#NewsLevel2 {
  padding-top: min(4vw + 1rem, 75px);
  padding-bottom: min(4vw + 1rem, 80px);
}
section#NewsLevel2 h2.ctSectionTitle {
  margin-bottom: 0.8em;
}
@media screen and (min-width: 40rem) {
  section#NewsLevel2 h2.ctSectionTitle {
    margin-bottom: 1.2em;
  }
}
section#NewsLevel2 > .container-center-area {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 40rem) {
  section#NewsLevel2 > .container-center-area {
    margin-bottom: 0em;
  }
}

.NewsLevel2-hCards-container {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.NewsLevel2 {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: start;
}
.NewsLevel2 > .img-container img {
  height: auto;
}
.NewsLevel2 > *:not(.img-container) {
  background-color: transparent;
}
.NewsLevel2 > .NewsLevel2-date {
  font-family: var(--hecMediumFont), sans-serif;
  font-size: var(--fs-300);
  padding: 2em 0.8em 1.1em 0rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.NewsLevel2 > .NewsLevel2-title {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-500);
  padding: 0em 0.8em 1em 0rem;
  line-height: 22px;
}
.NewsLevel2 a,
.NewsLevel2 a:visited {
  text-decoration: none;
}
.NewsLevel2 .img-container.zoom {
  overflow: hidden;
}
.NewsLevel2 .img-container.zoom img {
  -webkit-transition: all 450ms ease;
  transition: all 450ms ease;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.NewsLevel2.isLinkified:hover a,
.NewsLevel2.isLinkified:hover a:visited {
  color: var(--clr-l-400);
}
.NewsLevel2.isLinkified:hover .img-container.zoom img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

#SecEvents {
  background-color: white;
  padding-top: min(4vw + 1rem, 80px);
  padding-bottom: min(4vw + 1rem, 80px);
}
#SecEvents > .container-center-area {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 40rem) {
  #SecEvents > .container-center-area {
    margin-bottom: 0em;
  }
}
#SecEvents div .gdM {
  gap: 20px;
}
@media screen and (min-width: 40rem) {
  #SecEvents div .gdM {
    gap: 40px;
  }
}

.Events-Intro h2 {
  margin-bottom: 0.8rem;
}
.Events-Intro p::first-of-type {
  margin-bottom: 0.8rem;
}

.Events-List {
  display: -ms-grid;
  display: grid;
  gap: 0.8rem;
  padding-bottom: 2em;
}

.EventCardHome {
  display: -ms-grid;
  display: grid;
  justify-items: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 2rem 1.5rem 2.5rem 1.5rem;
}
@media screen and (min-width: 40rem) {
  .EventCardHome {
    grid-auto-flow: column;
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
    padding: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .EventCardHome {
    -ms-grid-columns: 100px 1fr;
    grid-template-columns: 100px 1fr;
    padding: 40px;
  }
}
.EventCardHome {
  position: relative;
  z-index: 1;
  min-height: calc(98px + 1rem);
}
.EventCardHome .Event-Date {
  text-align: center;
  margin-top: -10px;
}
@media screen and (min-width: 40rem) {
  .EventCardHome .Event-Date {
    margin-top: -4px;
  }
}
@media screen and (min-width: 1200px) {
  .EventCardHome .Event-Date {
    margin-top: -6px;
  }
}
.EventCardHome .Event-Date-Jour {
  font-family: var(--hecMediumFont), serif;
  font-size: var(--fs-700);
}
@media screen and (min-width: 40rem) {
  .EventCardHome .Event-Date-Jour {
    font-size: var(--fs-800);
  }
}
@media screen and (max-width: 40rem) {
  .EventCardHome .Event-Date-Mois {
    margin-top: -5px;
    padding-bottom: 1rem;
  }
}
.EventCardHome .Event-Text {
  padding: 0rem 0.8rem 0.5rem 0rem;
}
.EventCardHome .Event-Text a,
.EventCardHome .Event-Text a:visited {
  color: var(--clr-b-logo);
  text-decoration: none;
}

.EventCardHome::after {
  position: absolute;
  content: " ";
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  background-color: var(--clr-b-300);
  -webkit-transition: -webkit-transform 350ms ease-in;
  transition: -webkit-transform 350ms ease-in;
  transition: transform 350ms ease-in;
  transition: transform 350ms ease-in, -webkit-transform 350ms ease-in;
}

.EventCardHome:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.EventCardHome.isLinkified {
  background-color: var(--clr-g-300);
}

.EventCardHome.isLinkified:hover .Event-Text p {
  color: black;
}

.ctGI .EventCardHome {
  margin-bottom: 10px;
}

#SecEvents {
  background-color: white;
  padding-top: min(4vw + 1rem, 80px);
  padding-bottom: min(4vw + 1rem, 80px);
}
#SecEvents > .container-center-area {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 40rem) {
  #SecEvents > .container-center-area {
    margin-bottom: 0em;
  }
}
#SecEvents div .gdM {
  gap: 20px;
}
@media screen and (min-width: 40rem) {
  #SecEvents div .gdM {
    gap: 40px;
  }
}

.Events-Intro h2 {
  margin-bottom: 0.8rem;
}
.Events-Intro p::first-of-type {
  margin-bottom: 0.8rem;
}

.Events-List {
  display: -ms-grid;
  display: grid;
  gap: 0.8rem;
  padding-bottom: 2em;
}

.EventCardHome {
  display: -ms-grid;
  display: grid;
  justify-items: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 2rem 1.5rem 2.5rem 1.5rem;
}
@media screen and (min-width: 40rem) {
  .EventCardHome {
    grid-auto-flow: column;
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
    padding: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .EventCardHome {
    -ms-grid-columns: 100px 1fr;
    grid-template-columns: 100px 1fr;
    padding: 40px;
  }
}
.EventCardHome {
  position: relative;
  z-index: 1;
  min-height: calc(98px + 1rem);
}
.EventCardHome .Event-Date {
  text-align: center;
  margin-top: -10px;
}
@media screen and (min-width: 40rem) {
  .EventCardHome .Event-Date {
    margin-top: -4px;
  }
}
@media screen and (min-width: 1200px) {
  .EventCardHome .Event-Date {
    margin-top: -6px;
  }
}
.EventCardHome .Event-Date-Jour {
  font-family: var(--hecMediumFont), serif;
  font-size: var(--fs-700);
}
@media screen and (min-width: 40rem) {
  .EventCardHome .Event-Date-Jour {
    font-size: var(--fs-800);
  }
}
@media screen and (max-width: 40rem) {
  .EventCardHome .Event-Date-Mois {
    margin-top: -5px;
    padding-bottom: 1rem;
  }
}
.EventCardHome .Event-Text {
  padding: 0rem 0.8rem 0.5rem 0rem;
}
.EventCardHome .Event-Text a,
.EventCardHome .Event-Text a:visited {
  color: var(--clr-b-logo);
  text-decoration: none;
}

.EventCardHome::after {
  position: absolute;
  content: " ";
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  background-color: var(--clr-b-300);
  -webkit-transition: -webkit-transform 350ms ease-in;
  transition: -webkit-transform 350ms ease-in;
  transition: transform 350ms ease-in;
  transition: transform 350ms ease-in, -webkit-transform 350ms ease-in;
}

.EventCardHome:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.EventCardHome.isLinkified {
  background-color: var(--clr-g-300);
}

.EventCardHome.isLinkified:hover .Event-Text p {
  color: black;
}

.ctGI .EventCardHome {
  margin-bottom: 10px;
}

.gdM {
  display: -ms-grid;
  display: grid;
  color: var(--clr-b-logo);
  gap: 1rem;
}

@media screen and (min-width: 40rem) {
  .gdT11 {
    grid-auto-flow: column;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 40rem) {
  .gdT12 {
    grid-auto-flow: column;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}

@media screen and (min-width: 40rem) {
  .gdT21 {
    grid-auto-flow: column;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
  }
}

.gd-a-max-3 {
  display: -ms-grid;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.GISection section .container-center-area {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

#SecCarrousel {
  padding: 0;
  padding-top: min(4vw + 1rem, 75px);
  max-width: 1920px;
  margin: auto;
  background-color: var(--clr-g-300);
}
#SecCarrousel h2.ctSectionTitle {
  margin-bottom: 0.8em;
}
@media screen and (min-width: 40rem) {
  #SecCarrousel h2.ctSectionTitle {
    margin-bottom: 1.2em;
  }
}

#SecCarrouselnoBg {
  padding: 0;
  padding-top: min(4vw + 1rem, 75px);
  max-width: 1920px;
  margin: auto;
}
#SecCarrouselnoBg h2.ctSectionTitle {
  margin-bottom: 0.8em;
}
@media screen and (min-width: 40rem) {
  #SecCarrouselnoBg h2.ctSectionTitle {
    margin-bottom: 1.2em;
  }
}

.gallery {
  position: relative;
}

.gallery_scroller {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*height:500px; */
}

.gallery_scroller > div {
  scroll-snap-align: center;
  position: relative;
}

.gallery_scroller > div.colored_card {
  min-width: 68%;
}
@media screen and (min-width: 40rem) {
  .gallery_scroller > div.colored_card {
    min-width: 30%;
  }
}
.gallery_scroller > div.colored_card {
  min-height: 95%;
  border-radius: 0px;
}

.gallery div.note {
  position: absolute;
  top: 50%; /* vertically align center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* vertically align center */
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  position: absolute;
  font-size: 4em;
  color: white;
}

.gallery .btn {
  display: -ms-grid;
  display: grid;
  color: white;
  background-color: var(--clr-b-secondaire);
  position: absolute;
  top: 50%; /* vertically align center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* vertically align center */
  z-index: 1;
  border: 0;
  height: 39px;
  width: 65px;
  font-size: 20px;
}
@media screen and (min-width: 1200px) {
  .gallery .btn {
    height: 63px;
    width: 105px;
    font-size: 30px;
  }
}

.gallery .btn:hover {
  background-color: var(--clr-b-600);
  cursor: pointer;
}

.gallery .btn.next {
  right: 5px;
  place-content: center;
}

.gallery .btn.prev {
  left: 5px;
  place-content: center;
}

.gallery_scroller > div.colored_card:nth-of-type(1) {
  background-color: #e8eaf6;
}

.gallery_scroller > div.colored_card:nth-of-type(2) {
  background-color: #c5cae9;
}

.gallery_scroller > div.colored_card:nth-of-type(3) {
  background-color: #9fa8da;
}

.gallery_scroller > div.colored_card:nth-of-type(4) {
  background-color: #7986cb;
}

.gallery_scroller > div.colored_card:nth-of-type(5) {
  background-color: #5c6bc0;
}

.gallery_scroller > div.colored_card:nth-of-type(6) {
  background-color: #3f51b5;
}

.gallery_scroller > div.colored_card:nth-of-type(7) {
  background-color: #3949ab;
}

.gallery_scroller > div.colored_card:nth-of-type(8) {
  background-color: #303f9f;
}

.gallery_scroller > div.colored_card:nth-of-type(9) {
  background-color: #283593;
}

.gallery_scroller > div.colored_card:nth-of-type(10) {
  background-color: #1a237e;
}

.nopaddingtop {
  padding-top: 0px !important;
}

header.container-fluid:before {
  content: normal;
}

footer {
  font-family: var(--hecRegularFont), sans-serif;
}
footer section.container:before {
  content: normal;
}

main {
  margin-top: 68px;
  margin-bottom: 3rem;
}
@media screen and (min-width: 1200px) {
  main {
    margin-top: 0.2em;
  }
}

@media screen and (min-width: 768px) {
  .unpf.colle + div.container {
    margin-bottom: -3rem;
  }
}

.modal-content {
  top: 45px;
}
@media (min-width: 768px) {
  .modal-content {
    top: 30px;
  }
}
@media (min-width: 1200px) {
  .modal-content {
    top: 60px;
  }
}

@media (min-width: 992px) {
  .modal-content.modal-xl {
    width: 94%;
  }
}
@media (min-width: 1200px) {
  .modal-content.modal-xl {
    width: 1200px;
  }
}

.ONG-OV-Container-Row .nav-pills > li {
  font-family: var(--hecRegularFont);
  line-height: 22px;
}

@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs > div a.active::before,
  .ONG-OV-Container-Row .navtabs div.active a::before {
    content: "> ";
  }
}

@media (min-width: 1200px) {
  .ONG-OV-Container-Row {
    top: 1px !important;
  }
}
@media (min-width: 1049px) and (max-width: 1200px) {
  .ONG-OV-Container-Row {
    top: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1048px) {
  .ONG-OV-Container-Row {
    top: 5px !important;
  }
}

.ONG-OV-Container-Row .navtabs {
  margin: 0px;
  padding: 3px;
  list-style: none;
  border-bottom: none;
}
@media (min-width: 768px) {
  .ONG-OV-Container-Row .navtabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 3px;
  }
}
.ONG-OV-Container-Row .navtabs > div {
  font-family: var(--hecRegularFont);
  line-height: 22px;
}
@media (min-width: 1049px) and (max-width: 1200px) {
  .ONG-OV-Container-Row .navtabs > div {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1048px) {
  .ONG-OV-Container-Row .navtabs > div {
    font-size: 14px;
  }
}
.ONG-OV-Container-Row .navtabs .active a {
  text-decoration: none;
  color: #003c71;
  border-top: 1px solid #85a0b7;
  border-left: 1px solid #95acc0;
  border-right: 1px solid #7593ad;
  border-bottom: 0px;
  background-color: white;
  text-align: center;
  line-height: 3;
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .active a {
    background-color: #f2f2f2;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 15px;
    margin-bottom: 2px;
    display: block;
    text-align: left;
    line-height: 22px;
  }
}
@media (min-width: 768px) {
  .ONG-OV-Container-Row .navtabs .active a {
    padding: 14px;
  }
}
.ONG-OV-Container-Row .navtabs .active a:hover {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #009fdf;
  border-top: 1px solid #009fdf;
  border-left: 1px solid #009fdf;
  border-right: 1px solid #009fdf;
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .active a.active:hover {
    color: #003c71;
    background-color: white;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
}
.ONG-OV-Container-Row .navtabs .navtab, .ONG-OV-Container-Row .navtabs .navtabpage {
  font-family: var(--hecRegularFont);
  text-align: center;
  color: white;
  line-height: 3;
}
@media (min-width: 768px) {
  .ONG-OV-Container-Row .navtabs .navtab a, .ONG-OV-Container-Row .navtabs .navtabpage a {
    padding: 14px;
  }
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .navtab a, .ONG-OV-Container-Row .navtabs .navtabpage a {
    padding: 10px 15px;
    margin-bottom: 2px;
    display: block;
    text-align: left;
    line-height: 22px;
  }
}
.ONG-OV-Container-Row .navtabs .navtab a, .ONG-OV-Container-Row .navtabs .navtabpage a {
  color: white;
  background-color: #003c71;
  border-radius: 0px;
  text-decoration: none;
  border-top: 1px solid #002e58;
  border-left: 1px solid #002e58;
  border-right: 1px solid #002e58;
}
.ONG-OV-Container-Row .navtabs .navtab a.active, .ONG-OV-Container-Row .navtabs .navtab a.visited, .ONG-OV-Container-Row .navtabs .navtabpage a.active, .ONG-OV-Container-Row .navtabs .navtabpage a.visited {
  color: #003c71;
  border-top: 1px solid #85a0b7;
  border-left: 1px solid #95acc0;
  border-right: 1px solid #7593ad;
  border-bottom: 0px;
  background-color: white;
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .navtab a.active, .ONG-OV-Container-Row .navtabs .navtab a.visited, .ONG-OV-Container-Row .navtabs .navtabpage a.active, .ONG-OV-Container-Row .navtabs .navtabpage a.visited {
    background-color: #f2f2f2;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
}
.ONG-OV-Container-Row .navtabs .navtab a:hover, .ONG-OV-Container-Row .navtabs .navtabpage a:hover {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #009fdf;
  border-top: 1px solid #009fdf;
  border-left: 1px solid #009fdf;
  border-right: 1px solid #009fdf;
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .navtab a.active:hover, .ONG-OV-Container-Row .navtabs .navtabpage a.active:hover {
    color: #003c71;
    background-color: white;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
}

.snRG .md_title {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-600);
  margin-bottom: 0.7em;
  text-transform: none;
}

.snCS .md_title,
.CS-BOX .md_title_container .md_title {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-600);
  margin-bottom: 0.7em;
  text-transform: none;
}

.snCS.CS-BOX a:hover .md_title {
  color: var(--clr-b-secondaire);
}

.snBB > a .md_title_container .md_title {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-500);
}
.snBB > a .md_title_container.titleh3 .md_title {
  font-family: var(--hecDemiBoldFont), sans-serif;
  font-size: var(--fs-600);
}

.snDD .MB-FWCELL1 {
  width: auto !important;
}

.snBB > a .md_title_container .md_title, .BB-T > a .md_title_container .md_title, .BB-L > a .md_title_container .md_title, .BB-S > a .md_title_container .md_title {
  text-transform: none !important;
}

@media (min-width: 768px) {
  .EM-OV-Text-Prog,
  .EM-OV-Text-Prog h3,
  .EM-OV-Text-Prog p {
    font-family: var(--hecMediumFont);
    letter-spacing: 0.02rem;
    color: white;
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .EM-OV-Text-Prog,
  .EM-OV-Text-Prog h3,
  .EM-OV-Text-Prog p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 1920px) {
  .EM-Container {
    max-width: 3000px !important;
  }
}

.EMlegendeContainer {
  padding-top: 14px;
  padding-bottom: 14px;
  margin-bottom: 60px;
}
.EMlegendeContainer .EMlegende {
  border-bottom: 1px solid #888B8D;
  padding-bottom: 14px;
}

@media (max-width: 767px) {
  .EMlegendeDispNoneMob {
    display: none;
  }
}

.EMlegendeContainer div {
  color: var(--clr-b-logo);
  font-size: 12px;
}

.PF_ProgItem.showItem:hover {
  background-color: var(--clr-g-300);
}

.PF_ProgItemTitle {
  font-family: var(--hecDemiBoldFont);
  font-size: 1.8rem;
  margin-top: 0.9rem;
  margin-bottom: 0.6rem;
  text-transform: none;
}

.PF_ProgItemInfoTable {
  font-size: 15px;
}
.PF_ProgItemInfoTable .glyphicon,
.PF_ProgItemInfoTable .icon {
  color: var(--clr-b-600);
}

.PF_Surtitre.OneBloc.AC .MetaSTP1,
.PF_Surtitre.OneBloc.NP .MetaSTP1,
.PF_Surtitre.OneBloc.AP .MetaSTP1 {
  background-color: var(--clr-m-600);
  font-family: var(--hecDemiBoldFont);
}

.PF_Surtitre.AC .MetaSTP1, .PF_Surtitre.NP .MetaSTP1,
.PF_Surtitre.AP .MetaSTP1, .PF_Surtitre.CV .MetaSTP1 {
  background-color: var(--clr-m-600);
  font-family: var(--hecDemiBoldFont);
}

.PF_Surtitre.AC .MetaSTP2, .PF_Surtitre.NP .MetaSTP2,
.PF_Surtitre.AP .MetaSTP2, .PF_Surtitre.CV .MetaSTP2 {
  background-color: var(--clr-m-300);
  font-family: var(--hecDemiBoldFont);
  padding: 5px 10px 5px 10px;
}

.PF_ProgItemMessage {
  font-family: var(--hecDemiBoldFont);
  color: var(--clr-b-600);
}

#PFID_FiltersZone {
  background-color: var(--clr-g-300);
}

.PF_PagerArea .PF_nextLink,
.PF_PagerArea .PF_prevLink {
  background-color: var(--clr-b-secondaire);
  font-family: var(--btn-font-family);
  font-size: var(--fs-200);
  padding: 0.75em 1.2em 0.65em 1.2em;
  letter-spacing: 0.06rem;
}
.PF_PagerArea .PF_nextLink:link, .PF_PagerArea .PF_nextLink:visited,
.PF_PagerArea .PF_prevLink:link,
.PF_PagerArea .PF_prevLink:visited {
  background-color: var(--clr-b-secondaire);
}
.PF_PagerArea .PF_nextLink:hover,
.PF_PagerArea .PF_prevLink:hover {
  background-color: var(--clr-b-logo);
}
.PF_PagerArea .PF_nextLink:active, .PF_PagerArea .PF_nextLink:focus,
.PF_PagerArea .PF_prevLink:active,
.PF_PagerArea .PF_prevLink:focus {
  background-color: var(--clr-b-secondaire);
}
.PF_PagerArea .PF_nextLink:active:hover, .PF_PagerArea .PF_nextLink:focus:hover,
.PF_PagerArea .PF_prevLink:active:hover,
.PF_PagerArea .PF_prevLink:focus:hover {
  background-color: var(--clr-b-logo);
}

.PF_ResultDashboardZone {
  font-family: var(--hecDemiBoldFont);
}

.PF_FilterModule .glyphicon.PF_FilterChoiceIcon,
.PF_FilterModule .icon.PF_FilterChoiceIcon {
  color: var(--clr-b-600);
}

.PF_FilterModule {
  background-color: transparent;
}

.PF_FilterTitle {
  font-family: var(--hecBoldFont);
  text-transform: none;
}

a.PF_hCollapseTRIG .PF_FilterTitle:hover {
  color: var(--clr-b-secondaire);
}
a.PF_hCollapseTRIG .PF_FilterTitle:hover .glyphicon {
  color: var(--clr-b-secondaire);
}

#PFID_FiltersZone .br-Explo .hCollapseTRIG__Cont .hCollapseTRIG__Rest h3,
#PFID_FiltersZone .br-Explo .hCollapseTRIG__Cont .hCollapseTRIG__Rest h4 {
  font-family: var(--hecBoldFont);
  color: var(--clr-b-secondaire);
  text-transform: none;
}

.PF_pFilterSubSection {
  color: #111111;
}

.glyphPopover {
  color: var(--clr-b-600);
}

.PF_BaseFilterSection.collapse,
.PF_BaseFilterSection.collapse.in,
.PF_OptionFilterSection.collapse,
.PF_OptionFilterSection.collapse.in {
  background-color: transparent;
}

.CTA {
  margin: 0px 0px 16px 0px;
  padding: 20px 15px;
  font-size: 16px;
}

.CTA .text p {
  font-family: var(--hecMediumFont);
  padding-bottom: 10px;
}

.CTA h4 {
  font-family: var(--hecBoldFont);
  padding-bottom: 10px;
}

.CTA .text h6 {
  font-family: var(--hecDemiBoldFont);
}

/*====================================*/
.place1CTA .CTA:nth-child(3n+1) {
  background-color: var(--clr-b-500);
}

.place1CTA .CTA:nth-child(3n+1) h6 {
  color: var(--clr-b-300);
}

.place1CTA .CTA:nth-child(3n+1) span {
  color: var(--clr-b-logo);
}

/*====================================*/
.place1CTA .CTA:nth-child(3n+2) {
  background-color: var(--clr-b-400);
}

.place1CTA .CTA:nth-child(3n+2) h6 {
  color: var(--clr-b-600);
}

.place1CTA .CTA:nth-child(3n+2) span {
  color: var(--clr-b-logo);
}

/*====================================*/
.place1CTA .CTA:nth-child(3n+3) {
  background-color: var(--clr-b-logo);
}

.place1CTA .CTA:nth-child(3n+3) h6 {
  color: var(--clr-b-400);
}

.place1CTA .CTA:nth-child(3n+3) span {
  color: var(--clr-b-400);
}

.CTALink > span.icon:first-of-type,
.CTALink > span.glyphicon:first-of-type {
  padding-right: 12px;
}

.pmResume {
  margin-bottom: 20px;
}

.pmcol2titre {
  font-family: var(--hecDemiBoldFont);
  text-transform: none;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .pmcol2titre {
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) {
  .pmcol2titre {
    font-size: 1.5rem;
  }
}

.pmcol1 {
  font-family: var(--hecBoldFont);
  text-transform: none;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .pmcol1 {
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) {
  .pmcol1 {
    font-size: 1.1rem;
  }
}

.pm-Explo .hCollapseTRIG__Cont {
  margin-bottom: 10px;
}
.pm-Explo h3 {
  font-family: var(--hecDemiBoldFont);
}

.ProgPage_Surtitre.AC .MetaSTP1,
.ProgPage_Surtitre.NP .MetaSTP1,
.ProgPage_Surtitre.AP .MetaSTP1,
.ProgPage_Surtitre.CV .MetaSTP1 {
  background-color: var(--clr-m-600);
  font-family: var(--hecDemiBoldFont);
}

.ProgPage_Surtitre.AC .MetaSTP2,
.ProgPage_Surtitre.NP .MetaSTP2,
.ProgPage_Surtitre.AP .MetaSTP2,
.ProgPage_Surtitre.CV .MetaSTP2 {
  background-color: var(--clr-m-300);
  font-family: var(--hecDemiBoldFont);
}

.ProgPage_Surtitre.OneBloc.AC .MetaSTP1,
.ProgPage_Surtitre.OneBloc.NP .MetaSTP1,
.ProgPage_Surtitre.OneBloc.AP .MetaSTP1 {
  background-color: var(--clr-m-600);
  font-family: var(--hecDemiBoldFont);
}

.ALDomaines .rgDom:nth-child(odd) {
  background-color: var(--clr-g-300);
}

ul.hImpact li {
  text-transform: none;
  font-family: var(--hecDemiBoldFont);
}
ul.hImpact li .icon,
ul.hImpact li .glyphicon {
  font-size: 100%;
}

.CoursCol1 {
  font-size: var(--fs-300);
  width: 120px;
}

body[data-RxPageId="87658"] div.ctGI > div > h3,
body[data-RxPageId="87658"] div.ctGI > h3 {
  padding-top: 20px;
}

.pmPgProgLink .tagContainer {
  min-width: 60px;
}

div.fixTable table td:nth-child(1) {
  width: 120px !important;
  padding-right: 10px;
}

.indentArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.indentArrow i:first-child {
  padding-top: 1px;
  padding-right: 10px !important;
}

.ONG-OV-Container-Row .nav-pills > li {
  font-family: var(--hecRegularFont);
  line-height: 22px;
}

@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs > div a.active::before,
  .ONG-OV-Container-Row .navtabs div.active a::before {
    content: "> ";
  }
}

@media (min-width: 1200px) {
  .ONG-OV-Container-Row {
    top: 1px !important;
  }
}
@media (min-width: 1049px) and (max-width: 1200px) {
  .ONG-OV-Container-Row {
    top: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1048px) {
  .ONG-OV-Container-Row {
    top: 5px !important;
  }
}

.ONG-OV-Container-Row .navtabs {
  margin: 0px;
  padding: 3px;
  list-style: none;
  border-bottom: none;
}
@media (min-width: 768px) {
  .ONG-OV-Container-Row .navtabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 3px;
  }
}
.ONG-OV-Container-Row .navtabs > div {
  font-family: var(--hecRegularFont);
  line-height: 22px;
}
@media (min-width: 1049px) and (max-width: 1200px) {
  .ONG-OV-Container-Row .navtabs > div {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1048px) {
  .ONG-OV-Container-Row .navtabs > div {
    font-size: 14px;
  }
}
.ONG-OV-Container-Row .navtabs .active a {
  text-decoration: none;
  color: #003c71;
  border-top: 1px solid #85a0b7;
  border-left: 1px solid #95acc0;
  border-right: 1px solid #7593ad;
  border-bottom: 0px;
  background-color: white;
  text-align: center;
  line-height: 3;
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .active a {
    background-color: #f2f2f2;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 15px;
    margin-bottom: 2px;
    display: block;
    text-align: left;
    line-height: 22px;
  }
}
@media (min-width: 768px) {
  .ONG-OV-Container-Row .navtabs .active a {
    padding: 14px;
  }
}
.ONG-OV-Container-Row .navtabs .active a:hover {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #009fdf;
  border-top: 1px solid #009fdf;
  border-left: 1px solid #009fdf;
  border-right: 1px solid #009fdf;
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .active a.active:hover {
    color: #003c71;
    background-color: white;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
}
.ONG-OV-Container-Row .navtabs .navtab, .ONG-OV-Container-Row .navtabs .navtabpage {
  font-family: var(--hecRegularFont);
  text-align: center;
  color: white;
  line-height: 3;
}
@media (min-width: 768px) {
  .ONG-OV-Container-Row .navtabs .navtab a, .ONG-OV-Container-Row .navtabs .navtabpage a {
    padding: 14px;
  }
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .navtab a, .ONG-OV-Container-Row .navtabs .navtabpage a {
    padding: 10px 15px;
    margin-bottom: 2px;
    display: block;
    text-align: left;
    line-height: 22px;
  }
}
.ONG-OV-Container-Row .navtabs .navtab a, .ONG-OV-Container-Row .navtabs .navtabpage a {
  color: white;
  background-color: #003c71;
  border-radius: 0px;
  text-decoration: none;
  border-top: 1px solid #002e58;
  border-left: 1px solid #002e58;
  border-right: 1px solid #002e58;
}
.ONG-OV-Container-Row .navtabs .navtab a.active, .ONG-OV-Container-Row .navtabs .navtab a.visited, .ONG-OV-Container-Row .navtabs .navtabpage a.active, .ONG-OV-Container-Row .navtabs .navtabpage a.visited {
  color: #003c71;
  border-top: 1px solid #85a0b7;
  border-left: 1px solid #95acc0;
  border-right: 1px solid #7593ad;
  border-bottom: 0px;
  background-color: white;
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .navtab a.active, .ONG-OV-Container-Row .navtabs .navtab a.visited, .ONG-OV-Container-Row .navtabs .navtabpage a.active, .ONG-OV-Container-Row .navtabs .navtabpage a.visited {
    background-color: #f2f2f2;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
}
.ONG-OV-Container-Row .navtabs .navtab a:hover, .ONG-OV-Container-Row .navtabs .navtabpage a:hover {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #009fdf;
  border-top: 1px solid #009fdf;
  border-left: 1px solid #009fdf;
  border-right: 1px solid #009fdf;
}
@media (max-width: 767px) {
  .ONG-OV-Container-Row .navtabs .navtab a.active:hover, .ONG-OV-Container-Row .navtabs .navtabpage a.active:hover {
    color: #003c71;
    background-color: white;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
}

.video_media .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video_media .flex-item-left-50 {
  padding: 10px;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
.video_media .flex-item-right-50 {
  padding: 10px;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
.video_media .flex-item-left-60 {
  padding: 10px;
  -webkit-box-flex: 60%;
      -ms-flex: 60%;
          flex: 60%;
}
.video_media .flex-item-right-40 {
  padding: 10px;
  -webkit-box-flex: 40%;
      -ms-flex: 40%;
          flex: 40%;
}
.video_media .flex-item-left-70 {
  padding: 10px;
  -webkit-box-flex: 70%;
      -ms-flex: 70%;
          flex: 70%;
}
.video_media .flex-item-right-30 {
  padding: 10px;
  -webkit-box-flex: 30%;
      -ms-flex: 30%;
          flex: 30%;
}
.video_media .flex-item-left-80 {
  padding: 10px;
  -webkit-box-flex: 80%;
      -ms-flex: 80%;
          flex: 80%;
}
.video_media .flex-item-right-20 {
  padding: 10px;
  -webkit-box-flex: 20%;
      -ms-flex: 20%;
          flex: 20%;
}
.video_media {
  /* Responsive layout - makes a one column-layout instead of a two-column layout */
}
@media (max-width: 800px) {
  .video_media .flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .video_media .flex-item-right-50, .video_media .flex-item-left-50,
  .video_media .flex-item-right-60, .video_media .flex-item-left-40,
  .video_media .flex-item-right-70, .video_media .flex-item-left-30,
  .video_media .flex-item-right-80, .video_media .flex-item-left-20 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
/*# sourceMappingURL=hecColumbo-Full.css.map */