@charset "UTF-8";

body .accordion-light .accordion-button {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
}

body .accordion-light .accordion-button:hover {
  background-color: #d3d4d5 !important;
}

body .accordion-title {
  background-color: #f7f7f7;
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  border: 0;
  overflow-anchor: none;
}

body #contenu .accordion-button:not(.collapsed) {
  /* background-color: #f7f7f7;*/
}

.align-super {
  vertical-align: super;
}

/*Animations reprises directement sans modification de la librairie hover.css */
/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
  color: white;
}

.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
  color: white;
}

.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-down {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-down .hvr-icon.fa-angle-down {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-down:hover .hvr-icon.fa-angle-down,
.hvr-icon-down:focus .hvr-icon.fa-angle-down,
.hvr-icon-down:active .hvr-icon.fa-angle-down {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:active .hvr-icon {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/*Animations reprises directement sans modification de la librairie animate.css */
/*https://github.com/animate-css/animate.css/tree/main/source*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.repeat-1 {
  animation-iteration-count: var(--animate-repeat);
}

.animated.repeat-2 {
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animated.repeat-3 {
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animated.delay-1s {
  animation-delay: var(--animate-delay);
}

.animated.delay-2s {
  animation-delay: calc(var(--animate-delay) * 2);
}

.animated.delay-3s {
  animation-delay: calc(var(--animate-delay) * 3);
}

.animated.delay-4s {
  animation-delay: calc(var(--animate-delay) * 4);
}

.animated.delay-5s {
  animation-delay: calc(var(--animate-delay) * 5);
}

.animated.faster {
  animation-duration: calc(var(--animate-duration) / 2);
}

.animated.fast {
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animated.slow {
  animation-duration: calc(var(--animate-duration) * 2);
}

.animated.slower {
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print,
(prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .animated[class*=Out] {
    opacity: 0;
  }
}

@keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

.avatar-md {
  object-fit: cover;
  width: 110px;
  height: 110px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: var(--bs-border-radius-xxl) !important;
}

.avatar-lg {
  object-fit: cover;
  width: 160px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: var(--bs-border-radius-xxl) !important;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
body .border-technique {
  border-color: #dd1d4f !important;
}

body .border-pedagogique {
  border-color: #bb6aab !important;
}

body .border-paramedical {
  border-color: #65c7c3 !important;
}

body .border-social {
  border-color: #b2d354 !important;
}

body .border-economique {
  border-color: #ee7f00 !important;
}

body .border-transversal {
  border-color: #3b4693 !important;
}

body .border-dashed {
  border-style: dashed !important;
}

@media (min-width: 576px) {
  body .border-bottom-sm-0 {
    border-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  body .border-bottom-md-0 {
    border-bottom: 0 !important;
  }

  body .border-top-md-0 {
    border-top: 0 !important;
  }

  body .border-md-0 {
    border: 0 !important;
  }
}

@media (min-width: 992px) {
  body .border-bottom-lg-0 {
    border-bottom: 0 !important;
  }

  body .border-top-lg-0 {
    border-top: 0 !important;
  }

  body .border-start-lg-0 {
    border-left: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body .border-x-down-sm-0 {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 767.98px) {
  body .border-x-down-md-0 {
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body .border-down-md-0 {
    border: 0 !important;
  }
}

@media (max-width: 991.98px) {
  body .border-start-down-md-0 {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

body {
  /*Boutons par département*/
}

body .btn:disabled {
  background-color: #b9b9b9 !important;
  border-color: #b9b9b9 !important;
  color: #202124;
  cursor: not-allowed;
}

body .btn:disabled:hover,
body .btn:disabled:active,
body .btn:disabled:focus {
  background-color: #b9b9b9 !important;
  box-shadow: none !important;
}

body .btn:not([disabled]) {
  transition: 0.2s;
}

body .btn:not([disabled]).btn-action,
body .btn:not([disabled]).btn-primary {
  background-color: #ae2d78;
  border-color: #ae2d78;
  color: #fff;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

body .btn:not([disabled]).btn-action:hover,
body .btn:not([disabled]).btn-action:focus,
body .btn:not([disabled]).btn-primary:hover,
body .btn:not([disabled]).btn-primary:focus {
  border-color: #7f0a4f;
}

body .btn:not([disabled]).btn-action:active,
body .btn:not([disabled]).btn-primary:active {
  border-color: #fff !important;
}

body .btn:not([disabled]).btn-action:hover,
body .btn:not([disabled]).btn-action:active,
body .btn:not([disabled]).btn-action:focus,
body .btn:not([disabled]).btn-primary:hover,
body .btn:not([disabled]).btn-primary:active,
body .btn:not([disabled]).btn-primary:focus {
  color: #fff !important;
  background-color: #7f0a4f !important;
}

body .btn-outline-action {
  color: #ae2d78;
  transition: 0.1s;
  border: 1px solid;
}

body .btn-outline-action:hover {
  color: #ffecf8 !important;
  border-color: #ffecf8 !important;
  box-shadow: 0 0 0 1px #ffecf8 !important;
  background-color: #ae2d78 !important;
}

body .btn-group .btn-check+.btn-outline-action {
  border: 0;
  background-color: #ffecf8;
}

body .btn-group .btn-check+.btn-outline-action:hover,
body .btn-group .btn-check:checked+.btn-outline-action {
  color: #ffecf8 !important;
  border-color: #ffecf8 !important;
  box-shadow: 0 0 0 1px #ffecf8 !important;
  background-color: #ae2d78 !important;
}

body .btn-group>.btn-group:not(:last-child)>.btn-outline-action,
body .btn-group>.btn-outline-action.dropdown-toggle-split:first-child,
body .btn-group>.btn-outline-action:not(:last-child):not(.dropdown-toggle) {
  border-right: 1px solid #f7b6df;
}

body .btn-group>.btn-group:not(:first-child)>.btn-outline-action,
body .btn-group>.btn-outline-action:nth-child(n+3),
body .btn-group> :not(.btn-check)+.btn-outline-action {
  border-left: 1px solid #f7b6df;
}

body .btn-action-compose {
  background-color: #ae2d78;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

body .btn-action-compose .btn-action-compose-principal {
  color: #fff;
}

body .btn-action-compose a {
  text-decoration: none;
}

body .btn-action-compose a:hover {
  background-color: #7f0a4f;
}

body .btn-action-compose .btn-action-compose-masquer {
  background-color: rgba(0, 0, 0, 0.0588235294);
  color: rgba(255, 255, 255, 0.7098039216) !important;
}

body .btn:not([disabled]).btn-EC {
  background-color: #ee7f00;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border-color: #d4d4d4;
  box-shadow: 0 0 10px 3px #dd7905 inset;
}

body .btn:not([disabled]).btn-EC:hover,
body .btn:not([disabled]).btn-EC:active,
body .btn:not([disabled]).btn-EC:focus {
  color: #fff !important;
  background-color: #dd7905 !important;
  border-color: #ee7f00 !important;
}

body .btn-outline-EC {
  transition: none !important;
  color: #ee7f00 !important;
  border-color: #ee7f00 !important;
}

body .btn-outline-EC:hover,
body .btn-outline-EC:active {
  color: #fff !important;
  background-color: #ee7f00 !important;
  border-color: #ee7f00 !important;
}

body .btn:not([disabled]).btn-TE {
  background-color: #dd1d4f;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border-color: #d4d4d4;
  box-shadow: 0 0 10px 3px #d10036 inset;
}

body .btn:not([disabled]).btn-TE:hover,
body .btn:not([disabled]).btn-TE:active,
body .btn:not([disabled]).btn-TE:focus {
  color: #fff !important;
  background-color: #d10036 !important;
  border-color: #dd1d4f !important;
}

body .btn-outline-TE {
  transition: none !important;
  color: #dd1d4f !important;
  border-color: #dd1d4f !important;
}

body .btn-outline-TE:hover,
body .btn-outline-TE:active {
  color: #fff !important;
  background-color: #dd1d4f !important;
  border-color: #dd1d4f !important;
}

body .btn:not([disabled]).btn-SO {
  background-color: #b2d354;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border-color: #d4d4d4;
  box-shadow: 0 0 10px 3px #a2c53f inset;
}

body .btn:not([disabled]).btn-SO:hover,
body .btn:not([disabled]).btn-SO:active,
body .btn:not([disabled]).btn-SO:focus {
  color: #fff !important;
  background-color: #a2c53f !important;
  border-color: #b2d354 !important;
}

body .btn-outline-SO {
  transition: none !important;
  color: #b2d354 !important;
  border-color: #b2d354 !important;
}

body .btn-outline-SO:hover,
body .btn-outline-SO:active {
  color: #fff !important;
  background-color: #b2d354 !important;
  border-color: #b2d354 !important;
}

body .btn:not([disabled]).btn-PA {
  background-color: #65c7c3;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border-color: #d4d4d4;
  box-shadow: 0 0 10px 3px #53b9b5 inset;
}

body .btn:not([disabled]).btn-PA:hover,
body .btn:not([disabled]).btn-PA:active,
body .btn:not([disabled]).btn-PA:focus {
  color: #fff !important;
  background-color: #53b9b5 !important;
  border-color: #65c7c3 !important;
}

body .btn-outline-PA {
  transition: none !important;
  color: #65c7c3 !important;
  border-color: #65c7c3 !important;
}

body .btn-outline-PA:hover,
body .btn-outline-PA:active {
  color: #fff !important;
  background-color: #65c7c3 !important;
  border-color: #65c7c3 !important;
}

body .btn:not([disabled]).btn-PE {
  background-color: #bb6aab;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border-color: #d4d4d4;
  box-shadow: 0 0 10px 3px #a55295 inset;
}

body .btn:not([disabled]).btn-PE:hover,
body .btn:not([disabled]).btn-PE:active,
body .btn:not([disabled]).btn-PE:focus {
  color: #fff !important;
  background-color: #a55295 !important;
  border-color: #bb6aab !important;
}

body .btn-outline-PE {
  transition: none !important;
  color: #bb6aab !important;
  border-color: #bb6aab !important;
}

body .btn-outline-PE:hover,
body .btn-outline-PE:active {
  color: #fff !important;
  background-color: #bb6aab !important;
  border-color: #bb6aab !important;
}

body .btn:not([disabled]).btn-TRANSVERSAL {
  background-color: #3b4693;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border-color: #d4d4d4;
  box-shadow: 0 0 10px 3px #283275 inset;
}

body .btn:not([disabled]).btn-TRANSVERSAL:hover,
body .btn:not([disabled]).btn-TRANSVERSAL:active,
body .btn:not([disabled]).btn-TRANSVERSAL:focus {
  color: #fff !important;
  background-color: #283275;
  border-color: #3b4693 !important;
}

body .btn-outline-TRANSVERSAL {
  transition: none !important;
  color: #3b4693 !important;
  border-color: #3b4693 !important;
}

body .btn-outline-TRANSVERSAL:hover,
body .btn-outline-TRANSVERSAL:active {
  color: #fff !important;
  background-color: #3b4693 !important;
  border-color: #3b4693 !important;
}

body .btn-outline-DEFAUT {
  transition: none !important;
  color: #3c4c7a !important;
  border-color: #3c4c7a !important;
}

body .btn-outline-DEFAUT:hover,
body .btn-outline-DEFAUT:active {
  color: #fff !important;
  background-color: #3c4c7a !important;
  border-color: #3c4c7a !important;
}

.card.card-primary {
  background-color: #234c6e;
}

.card .card-header-primary {
  background-color: #082b4a;
  color: #ffffff;
}

.card .card-header-action {
  background-color: #ae2d78;
  color: #ffffff;
}

.card.titre {
  background-color: #5f667a;
  color: #ffffff;
}

.card.card-cliquable,
.card.cliquable {
  cursor: pointer;
  transition: 0.1s;
}

.card.card-cliquable:hover,
.card.cliquable:hover {
  color: #3c4c7a;
  box-shadow: 0px 4px #a5a3a3;
  background-color: #fbfbfb;
}

.card.card-cliquable:hover.card-PA,
.card.cliquable:hover.card-PA {
  background-color: #f0faff !important;
}

.card.card-cliquable:hover.card-PE,
.card.cliquable:hover.card-PE {
  background-color: #fbe0f6 !important;
}

.card.card-cliquable:hover.card-SO,
.card.cliquable:hover.card-SO {
  background-color: #f5ffd9 !important;
}

.card.card-cliquable:hover.card-EC,
.card.cliquable:hover.card-EC {
  background-color: #fdeddb !important;
}

.card.card-cliquable:hover.card-TE,
.card.cliquable:hover.card-TE {
  background-color: #ffedf2 !important;
}

.card.card-cliquable:hover.card-TR,
.card.cliquable:hover.card-TR {
  background-color: #f7f7f7 !important;
}

.card.card-cliquable:hover.card-RFC,
.card.cliquable:hover.card-RFC {
  background-color: #f7f7f7 !important;
}

.card.card-cliquable.desactive,
.card.cliquable.desactive {
  background-color: #f9f8f8;
  border-color: #e8e8e8;
  color: #929292;
}

.card.card-cliquable.card-button,
.card.cliquable.card-button {
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0px 4px #ebebeb;
  border: 0;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.card.card-cliquable.card-button:hover,
.card.cliquable.card-button:hover {
  box-shadow: 0px 4px #a5a3a3;
  background-color: #fbfbfb;
}

.card.card-cliquable.card-button:hover.card-PA,
.card.cliquable.card-button:hover.card-PA {
  box-shadow: 0px 4px #b0e2e0;
}

.card.card-cliquable.card-button:hover.card-PE,
.card.cliquable.card-button:hover.card-PE {
  box-shadow: 0px 4px #dbb0d2;
}

.card.card-cliquable.card-button:hover.card-SO,
.card.cliquable.card-button:hover.card-SO {
  box-shadow: 0px 4px #d7e8a5;
}

.card.card-cliquable.card-button:hover.card-EC,
.card.cliquable.card-button:hover.card-EC {
  box-shadow: 0px 4px #ffb055;
}

.card.card-cliquable.card-button:hover.card-TE,
.card.cliquable.card-button:hover.card-TE {
  box-shadow: 0px 4px #ed7393;
}

.card.card-cliquable.card-button:hover.card-TR,
.card.cliquable.card-button:hover.card-TR {
  box-shadow: 0px 4px #6f7ac5;
}

.card.card-cliquable.card-button:hover.card-RFC,
.card.cliquable.card-button:hover.card-RFC {
  box-shadow: 0px 4px #6f7ac5;
}

.card.card-cliquable.card-button:active,
.card.cliquable.card-button:active {
  transform: translateY(2px) !important;
  box-shadow: 0px 2px #a3a3a3;
}

.card.card-cliquable.card-button:active.card-PA,
.card.cliquable.card-button:active.card-PA {
  box-shadow: 0px 2px #b0e2e0;
}

.card.card-cliquable.card-button:active.card-PE,
.card.cliquable.card-button:active.card-PE {
  box-shadow: 0px 2px #dbb0d2;
}

.card.card-cliquable.card-button:active.card-SO,
.card.cliquable.card-button:active.card-SO {
  box-shadow: 0px 2px #d7e8a5;
}

.card.card-cliquable.card-button:active.card-EC,
.card.cliquable.card-button:active.card-EC {
  box-shadow: 0px 2px #ffb055;
}

.card.card-cliquable.card-button:active.card-TE,
.card.cliquable.card-button:active.card-TE {
  box-shadow: 0px 2px #ed7393;
}

.card.card-cliquable.card-button:active.card-TR,
.card.cliquable.card-button:active.card-TR {
  box-shadow: 0px 2px #6f7ac5;
}

.card.card-cliquable.card-button:active.card-RFC,
.card.cliquable.card-button:active.card-RFC {
  box-shadow: 0px 2px #6f7ac5;
}

/*
    Via le mixin de chargement
*/
.chargementJS {
  width: 60px;
  height: 60px;
  text-align: center;
  background-image: url(/images/image_loader-helmo.gif?v=GpqhwQJlkTbH2S7nhNVIqSF9gAk);
  background-repeat: no-repeat;
  background-size: 33px;
  background-position: center 7px;
  border-radius: 60px;
  margin: auto;
}

.chargementJS:after {
  content: "Obtention des données...";
  display: block;
  padding-top: 36px;
  font-size: 0.55em;
  width: 60px;
  overflow: hidden;
}

/*
* Zone de chargement bloquant
*/
.zoneChargementBloquant {
  position: relative;
  min-height: 60px;
}

.zoneChargementBloquant.zoneChargementBloquantActif>*,
.zoneChargementBloquant.chargementActif>* {
  opacity: 0.8;
  filter: blur(7px);
}

.zoneChargementBloquant.zoneChargementBloquantActif:before,
.zoneChargementBloquant.chargementActif:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.zoneChargementBloquant.zoneChargementBloquantActif:after,
.zoneChargementBloquant.chargementActif:after {
  content: "Obtention des données...";
  background-image: url(/images/image_loader-helmo.gif?v=GpqhwQJlkTbH2S7nhNVIqSF9gAk);
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 3px 0px #ccc;
  margin-top: -110px;
  padding-top: 65px;
  height: 110px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 33px;
  background-position: center 22px;
  display: block;
  font-size: 0.85em;
  width: 180px;
  overflow: hidden;
  position: sticky;
  bottom: 50%;
  left: calc(50% - 90px) !important;
  right: calc(50% - 90px) !important;
  z-index: 1051;
}

/*
* Zone de chargement central, non bloquant (par exemple pour FullCalendar)
*/
.zoneChargementCentral {
  position: relative;
  min-height: 60px;
}

.zoneChargementCentral.chargementActif:after {
  content: "Obtention des données...";
  background-image: url(/images/image_loader-helmo.gif?v=GpqhwQJlkTbH2S7nhNVIqSF9gAk);
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  box-shadow: 0 0 26px -4px #2e2e2e;
  margin-top: -110px;
  opacity: 1;
  padding-top: 95px;
  height: 140px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: center 20px;
  display: block;
  font-size: 0.85em;
  font-weight: 100;
  width: 180px;
  overflow: hidden;
  position: absolute;
  bottom: 50%;
  left: calc(50% - 90px) !important;
  right: calc(50% - 90px) !important;
  z-index: 1051;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
@media (min-width: 1200px) {
  #contenu-bas {
    margin-top: -60px !important;
    padding-top: 60px !important;
  }
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
body .fond-paramedical,
body .fond-PA {
  background-color: #65c7c3 !important;
}

body .fond-paramedical-alt,
body .fond-PA-alt {
  background-color: #f0faff !important;
}

body .fond-technique,
body .fond-TE {
  background-color: #dd1d4f !important;
}

body .fond-technique-alt,
body .fond-TE-alt {
  background-color: #ffedf2 !important;
}

body .fond-pedagogique,
body .fond-PE {
  background-color: #bb6aab !important;
}

body .fond-pedagogique-alt,
body .fond-PE-alt {
  background-color: #fbe0f6 !important;
}

body .fond-economique,
body .fond-EC {
  background-color: #ee7f00 !important;
}

body .fond-economique-alt,
body .fond-EC-alt {
  background-color: #fdeddb !important;
}

body .fond-social,
body .fond-SO {
  background-color: #b2d354 !important;
}

body .fond-social-alt,
body .fond-SO-alt {
  background-color: #f5ffd9 !important;
}

body .fond-transversal,
body .fond-TR {
  background-color: #3b4693 !important;
}

body .fond-transversal-alt,
body .fond-TR-alt {
  background-color: #f7f7f7 !important;
}

body .fond-RFC {
  background-color: #3b4693 !important;
}

body .fond-rfc-alt {
  background-color: #f7f7f7 !important;
}

body .bg-clair-alt {
  background-color: #fdf5fa;
}

@media (max-width: 1199.98px) {
  body .bg-down-xl-white {
    background-color: white;
  }
}

@media (min-width: 768px) {
  body .bg-md-clair-alt {
    background-color: #fdf5fa !important;
  }

  body .bg-md-white {
    background-color: #fff !important;
  }
}

.font-cocogoose {
  font-family: "Cocogoose Pro";
}

.font-opensanscondensed {
  font-family: "Open Sans Condensed";
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
/*Footer*/
#footer {
  background-color: #323237;
}

#footer .btn-footer-popover {
  bottom: 2rem;
  right: 2rem;
  height: 36px;
  background-color: #ced4da !important;
  opacity: 0.9;
}

#footer .btn-footer-popover:hover {
  background-color: #ae2d78 !important;
  color: white;
  opacity: 1;
}

#footer #reseaux-sociaux .reseau-social i {
  transition: 0.1s;
}

#footer #reseaux-sociaux .reseau-social:hover i {
  transform: scale(1.2);
}

body header {
  color: white;
  background-color: #1d1c3d;
}

body header #logo-application {
  height: 80px;
}

@media (max-width: 767.98px) {
  body header #logo-application {
    height: 40px;
  }
}

body header .utilisateur-vignette .utilisateur-photo {
  position: relative;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  box-shadow: 0 0px 7px -3px #1c1c3c inset;
  vertical-align: bottom;
  overflow: hidden;
  border: 3px solid #fff;
  background-color: white;
}

body header .utilisateur-vignette .utilisateur-photo img {
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}

body header .utilisateur-vignette:hover {
  background-color: rgba(156, 156, 156, 0.1294117647);
}

body header .utilisateur-vignette:hover .utilisateur-photo img {
  transform: scale(1.3);
}

body header .utilisateur-vignette:hover .utilisateur-photo .utilisateur-photo-bouton {
  display: block !important;
  color: #1c1c3c;
  position: absolute;
  z-index: 2;
}

body header .utilisateur-vignette:hover .utilisateur-photo:before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5215686275);
}

@media (min-width: 768px) {
  body header #utilisateur-menu {
    min-width: 350px;
  }
}

body header #utilisateur-menu .utilisateur-vignette .utilisateur-photo {
  height: 100px;
  width: 100px;
}

body header #utilisateur-menu .lien-deconnexion:hover {
  color: #dc3545 !important;
}

i.fa-helmo {
  font-style: normal;
  font-size: 0.7em !important;
  font-family: "Cocogoose Pro";
  display: inline-block;
  vertical-align: middle;
}

i.fa-helmo:after {
  word-wrap: break-word;
  word-break: break-word;
}

i.fa-helmo.fa-aeh:after {
  content: "AEH";
}

i.fa-helmo.fa-helmobe:after {
  content: "helmo.be";
}

i.fa-helmo.fa-craft:after {
  content: "Craft";
}

i.fa-helmo.fa-Learn:after {
  content: "Learn";
}

i.fa-helmo.fa-EC:after {
  content: "Eco & Jur";
}

i.fa-helmo.fa-TE:after {
  content: "Info & Tech";
}

i.fa-helmo.fa-PA:after {
  content: "Param.";
}

i.fa-helmo.fa-PE:after {
  content: "Péda.";
}

i.fa-helmo.fa-SO:after {
  content: "Social";
}

i.fa-helmo.fa-TR:after {
  content: "Tr.";
}

i.fa-helmo.fa-RFC:after {
  content: "RFC";
}

.icone-kentico-noir {
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/icone_kentico-noir.png?v=b7SfAGTtCpYBA7GIPM6UdpiH9aA");
}

.icone-redirection {
  width: 16px !important;
  font-size: 10px !important;
  vertical-align: super !important;
  display: inline !important;
}

.input-icon {
  position: relative;
}

.input-icon>i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 19px;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
}

.input-icon>input {
  padding-left: 25px;
  padding-right: 0;
}

.input-icon-right>i {
  right: 0;
}

.input-icon-right>input {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}

input[type=radio]:checked,
input[type=checkbox]:checked {
  accent-color: #243eff;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
body .link-action {
  color: #ae2d78;
}

body .link-action:hover {
  text-decoration: none;
}

body .text-action {
  color: #ae2d78;
}

body .link-action:hover {
  color: #7f0a4f !important;
}

body .link-white {
  color: #fff;
}

body .link-white:hover {
  color: #ae2d78 !important;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
@media (max-width: 767.98px) {
  .d-down-md-block {
    display: block;
  }
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
body .menu-lateral-gauche-magnifier {
  width: 5vw;
  max-width: 50px;
  background-color: rgba(177, 177, 177, 0.0901960784);
  backdrop-filter: blur(14px);
  border-right: 1px solid rgba(255, 255, 255, 0.2705882353);
}

i.fa-helmo {
  font-style: normal;
  font-size: 0.7em !important;
  font-family: "Cocogoose Pro";
  display: inline-block;
  vertical-align: middle;
}

i.fa-helmo:after {
  word-wrap: break-word;
  word-break: break-word;
}

i.fa-helmo.fa-aeh:after {
  content: "AEH";
}

i.fa-helmo.fa-helmobe:after {
  content: "helmo.be";
}

i.fa-helmo.fa-craft:after {
  content: "Craft";
}

i.fa-helmo.fa-Learn:after {
  content: "Learn";
}

i.fa-helmo.fa-EC:after {
  content: "Eco & Jur";
}

i.fa-helmo.fa-TE:after {
  content: "Info & Tech";
}

i.fa-helmo.fa-PA:after {
  content: "Param.";
}

i.fa-helmo.fa-PE:after {
  content: "Péda.";
}

i.fa-helmo.fa-SO:after {
  content: "Social";
}

i.fa-helmo.fa-TR:after {
  content: "Tr.";
}

i.fa-helmo.fa-RFC:after {
  content: "RFC";
}

.icone-kentico-noir {
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/icone_kentico-noir.png?v=b7SfAGTtCpYBA7GIPM6UdpiH9aA");
}

.icone-redirection {
  width: 16px !important;
  font-size: 10px !important;
  vertical-align: super !important;
  display: inline !important;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
@media (max-width: 767.98px) {

  /* Règles des padding */
  .py-down-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

body #menu-lateral-gauche .offcanvas .accordion a.link {
  color: #3f3f3f;
}

body #menu-lateral-gauche .offcanvas .offcanvas-footer .link-danger:hover {
  background-color: #fadfdf;
}

body #menu-lateral-gauche .drawer-toggles .drawer-toggler {
  position: fixed;
  top: calc(120px + 0.7rem);
  z-index: 3;
}

@media (max-width: 767.98px) {
  body #menu-lateral-gauche .drawer-toggles .drawer-toggler {
    top: calc(99vh - 150px);
  }
}

body #menu-lateral-gauche .drawer-toggles .drawer-toggler .btn {
  border-radius: 200px;
  padding: 16px;
  background-color: #dee2e6;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: padding 200ms;
}

body #menu-lateral-gauche .drawer-toggles .drawer-left-toggle {
  left: 0;
}

body #menu-lateral-gauche .drawer-toggles .drawer-left-toggle .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 14px;
  padding-left: 10px;
}

body #menu-lateral-gauche .drawer-toggles .drawer-left-toggle .btn:hover {
  padding-left: 20px;
}

@media (max-width: 1199.98px) {
  body #menu-lateral-gauche .drawer-toggles .drawer-left-toggle .btn {
    padding-right: 8px;
    padding-left: 4px;
  }
}

body #menu-lateral-gauche .accordion-button:hover {
  color: #7f0a4f !important;
}

body #menu-lateral-gauche .link:hover {
  background-color: #fbeaf4;
}

body #menu-lateral-gauche .menu-lateral-gauche-titre i,
body #menu-lateral-gauche .menu-lateral-gauche-item i {
  min-width: 30px;
  text-align: center;
  padding-right: 6px;
}

body #menu-lateral-gauche .menu-lateral-gauche-titre i.fa-helmo,
body #menu-lateral-gauche .menu-lateral-gauche-item i.fa-helmo {
  font-size: 0.5em !important;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
/*Customisation des modals de bootstrap*/
.modal .modal-content {
  border: 0;
  box-shadow: var(--bs-box-shadow) !important;
}

.modal .modal-content .modal-header {
  background-color: #ae2d78;
  color: white;
}

.modal .modal-content .modal-header .modal-title {
  font-size: 1.8em;
  margin-top: 10px !important;
  margin-bottom: 6px !important;
  font-family: "Open Sans Condensed";
  font-weight: 500 !important;
  text-transform: uppercase;
}

.modal .modal-content .modal-header .btn-close {
  color: white;
  background-color: white;
  margin: 0;
}

.modal .modal-content .modal-body h4,
.modal .modal-content .modal-body h5 {
  color: #1d1c3d;
  margin-bottom: 0.6em;
}

.modal .modal-content .modal-body h4 {
  margin-top: 1.5em;
  font-weight: 600;
}

.modal .modal-content .modal-body h5 {
  margin-top: 1.3em;
}

.modal.modal-sous-backdrop {
  z-index: 1029;
}

.ensemble-couleurs-1 {
  background-color: #eff3ff;
  color: #7c81bd;
}

.ensemble-couleurs-1 .widget-titre,
.ensemble-couleurs-1 .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-2 {
  background-color: #ffecf8;
  color: #b76498;
}

.ensemble-couleurs-2 .widget-titre,
.ensemble-couleurs-2 .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-3 {
  background-color: #ffe7df;
  color: #b55a5a;
}

.ensemble-couleurs-3 .widget-titre,
.ensemble-couleurs-3 .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-4 {
  background-color: #f2f3f6;
  color: #706799;
}

.ensemble-couleurs-4 .widget-titre,
.ensemble-couleurs-4 .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-5 {
  background-color: #f9f9f9;
  color: #000;
}

.ensemble-couleurs-5 .widget-titre,
.ensemble-couleurs-5 .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-6 {
  background-color: #101010;
  color: #fff;
}

.ensemble-couleurs-6 .widget-titre,
.ensemble-couleurs-6 .widget-description {
  color: #fff;
}

.ensemble-couleurs-7 {
  background-color: #f5f7c8;
  color: #9fa304;
}

.ensemble-couleurs-7 .widget-titre,
.ensemble-couleurs-7 .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-8 {
  background-color: #ffdcbf;
  color: #e3670c;
}

.ensemble-couleurs-8 .widget-titre,
.ensemble-couleurs-8 .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-9 {
  background-color: #ffbbbb;
  color: #5d0000;
}

.ensemble-couleurs-9 .widget-titre,
.ensemble-couleurs-9 .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-10,
.ensemble-couleurs-EC {
  background-color: #fdeddb;
  color: #ee7f00;
}

.ensemble-couleurs-10 .widget-titre,
.ensemble-couleurs-10 .widget-description,
.ensemble-couleurs-EC .widget-titre,
.ensemble-couleurs-EC .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-11,
.ensemble-couleurs-TE {
  background-color: #ffedf2;
  color: #dd1d4f;
}

.ensemble-couleurs-11 .widget-titre,
.ensemble-couleurs-11 .widget-description,
.ensemble-couleurs-TE .widget-titre,
.ensemble-couleurs-TE .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-12,
.ensemble-couleurs-PA {
  background-color: #f0faff;
  color: #65c7c3;
}

.ensemble-couleurs-12 .widget-titre,
.ensemble-couleurs-12 .widget-description,
.ensemble-couleurs-PA .widget-titre,
.ensemble-couleurs-PA .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-13,
.ensemble-couleurs-PE {
  background-color: #fbe0f6;
  color: #bb6aab;
}

.ensemble-couleurs-13 .widget-titre,
.ensemble-couleurs-13 .widget-description,
.ensemble-couleurs-PE .widget-titre,
.ensemble-couleurs-PE .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-14,
.ensemble-couleurs-SO {
  background-color: #f5ffd9;
  color: #b2d354;
}

.ensemble-couleurs-14 .widget-titre,
.ensemble-couleurs-14 .widget-description,
.ensemble-couleurs-SO .widget-titre,
.ensemble-couleurs-SO .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

.ensemble-couleurs-15,
.ensemble-couleurs-TR,
.ensemble-couleurs-RFC {
  background-color: #f7f7f7;
  color: #3b4693;
}

.ensemble-couleurs-15 .widget-titre,
.ensemble-couleurs-15 .widget-description,
.ensemble-couleurs-TR .widget-titre,
.ensemble-couleurs-TR .widget-description,
.ensemble-couleurs-RFC .widget-titre,
.ensemble-couleurs-RFC .widget-description {
  color: rgba(0, 0, 0, 0.7882352941);
}

/*.ensemble-couleurs-16,
.ensemble-couleurs-RFC {
    background-color: $helmo-couleur-rfc-contraste-faible;
    color: $helmo-couleur-rfc;
}*/
.grille-widgets .grille-widgets-groupe-titre {
  color: #1c1c3c;
}

.grille-widgets .widget {
  border-radius: min(40px, 6vw);
  min-height: 140px;
  cursor: pointer;
  position: relative;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.grille-widgets .widget:hover:not(.widget-lecture-seule) {
  border-radius: 22px;
  transform: scale(1.04);
}

.grille-widgets .widget:active {
  transform: scale(1.02) !important;
}

.grille-widgets .widget .widget-notification:not(:empty) {
  background-color: #ae2d78;
  font-size: 0.9em;
}

.grille-widgets .widget .widget-image img {
  height: 32px;
  width: auto;
}

.grille-widgets .widget .widget-image .fa-helmo {
  font-size: 1.2em !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color) !important;
  background-color: var(--bs-nav-tabs-link-active-bg) !important;
  border-color: var(--bs-nav-tabs-link-active-border-color) !important;
}

.nav-pills .nav-link-action:not(:disabled) {
  color: #ae2d78;
}

.nav-pills .nav-link-action.active {
  color: #fff;
  background-color: #ae2d78;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
/* Règles opacité */
@media (min-width: 1200px) {
  .opacity-lg-100 {
    opacity: 1 !important;
  }
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
@media (max-width: 767.98px) {

  /* Règles des padding */
  .py-down-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

#alerteUrgente {
  margin: 0;
  border-radius: 0;
  box-shadow: 0 0 3px 0 #d40024;
  z-index: 3;
  text-align: center;
  color: #d40024;
  font-weight: bold;
  border: 0;
}

body #conteneurToasts {
  position: fixed;
  bottom: 10px;
  right: 5px;
  z-index: 9999;
}

body #conteneurToasts .toast {
  background-color: white;
  min-width: 300px;
}

body #conteneurToasts .toast .toast-header {
  display: block;
}

body #conteneurToasts .toast .toast-logo {
  width: 16px;
}

body #conteneurToasts .toast .btn-close {
  float: right;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
@media (min-width: 576px) {
  .position-up-sm-relative {
    position: relative !important;
  }
}

@media (min-width: 576px) {
  .position-up-sm-absolute {
    position: absolute !important;
  }
}

@media (min-width: 768px) {
  .position-up-md-absolute {
    position: absolute !important;
  }
}

@media (max-width: 575.98px) {
  .position-down-sm-absolute {
    position: absolute !important;
  }
}

@media (max-width: 767.98px) {
  .position-down-md-relative {
    position: relative !important;
    transform: none !important;
  }
}

.option-radio[valide=false]+label {
  color: #dc3545;
}

.option-radio {
  display: none;
}

.option-radio+label {
  border: 2px solid;
  border-radius: 20px;
  color: #5f667a;
  background-color: white;
  padding: 8px 13px;
  margin-bottom: 10px;
  line-height: 20px;
  cursor: pointer;
  max-width: inherit !important;
  min-width: 120px !important;
  text-align: center;
  width: 100%;
  /*Animation*/
  -webkit-transition: background-color 0.2s ease-in-out !important;
  -moz-transition: background-color 0.2s ease-in-out !important;
  -o-transition: background-color 0.2s ease-in-out !important;
  transition: background-color 0.2s ease-in-out !important;
}

.option-radio+label:before {
  display: inline-block;
  content: " ";
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-radius: 20px;
  margin-right: 6px;
  float: left;
  margin-top: 3px;
}

.option-radio:not(:checked)+label:hover {
  color: #3c4c7a;
}

.option-radio:checked+label {
  background-color: #1d1c3d;
  color: white;
}

.option-radio:checked+label:before {
  background-color: white;
  box-shadow: 0px 0px 0px 3px #1d1c3d inset;
}

.option-radio:disabled:not(:checked) {
  cursor: default !important;
}

.option-radio:disabled:not(:checked)+label {
  cursor: default !important;
  color: gray !important;
}

.option-radio:disabled:checked+label {
  cursor: default !important;
  background-color: gray;
  color: white !important;
}

.option-radio:disabled:checked+label:before {
  background-color: white;
  box-shadow: 0px 0px 0px 2px gray inset;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
/* Règles borders */
.rounded-30 {
  border-radius: 30px;
}

.rounded-50 {
  border-radius: 50px;
}

.rounded-bottom-50 {
  border-radius: 0 0 50px 50px;
}

.rounded-top-50 {
  border-radius: 50px 50px 0 0;
}

.rounded-top-30 {
  border-radius: 30px 30px 0 0;
}

@media (min-width: 576px) {
  .rounded-sm-2 {
    border-radius: var(--bs-border-radius) !important;
  }
}

@media (min-width: 1200px) {
  .rounded-xl-30 {
    border-radius: 30px;
  }

  .rounded-xl-50 {
    border-radius: 50px;
  }

  .rounded-xl-0 {
    border-radius: 0;
  }
}

@media (max-width: 767.98px) {
  .rounded-down-md {
    border-radius: var(--bs-border-radius) !important;
  }
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
@media (min-width: 1200px) {
  .shadow-md-up-xl {
    box-shadow: var(--bs-box-shadow) !important;
  }

  .shadow-sm-up-xl {
    box-shadow: var(--bs-box-shadow-sm) !important;
  }
}

@media (min-width: 768px) {
  .shadow-up-md {
    box-shadow: var(--bs-box-shadow) !important;
  }

  .shadow-sm-up-md {
    box-shadow: var(--bs-box-shadow-sm) !important;
  }
}

.form-check-input {
  clear: left;
}

.form-switch.form-switch-sm {
  margin-bottom: 0.5rem;
  /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-sm .form-check-input {
  height: 1rem;
  width: calc(1rem + 0.75rem);
  border-radius: 2rem;
}

.form-switch.form-switch-md {
  margin-bottom: 1rem;
  /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-md .form-check-input {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
}

.form-switch.form-switch-lg {
  margin-bottom: 1.5rem;
  /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-lg .form-check-input {
  height: 2rem;
  width: calc(3rem + 0.75rem);
  border-radius: 4rem;
}

.form-switch.form-switch-xl {
  margin-bottom: 2rem;
  /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-xl .form-check-input {
  height: 2.5rem;
  width: calc(4rem + 0.75rem);
  border-radius: 5rem;
}

.tableau .ligne {
  padding: 6px 0;
  border-radius: 3px;
}

.tableau .ligne-titre {
  background-color: #5f667a;
  border-radius: 3px;
  color: white;
  margin-bottom: 6px;
  padding: 6px 0;
  font-weight: 600;
}

.tableau .ligne:nth-child(2n+1) {
  background-color: #ececec;
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
body {
  font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*Couleurs HELMo*/
  /*Text-wrap*/
}

body .texte-paramedical,
body .texte-PA {
  color: #65c7c3 !important;
}

body .texte-technique,
body .texte-TE {
  color: #dd1d4f !important;
}

body .texte-economique,
body .texte-EC {
  color: #ee7f00 !important;
}

body .texte-social,
body .texte-SO {
  color: #b2d354 !important;
}

body .texte-pedagogique,
body .texte-PE {
  color: #bb6aab !important;
}

body .texte-transversal,
body .texte-TR {
  color: #3b4693 !important;
}

body .texte-RFC {
  color: #3b4693 !important;
}

body .text-action {
  color: #ae2d78;
}

body .h-text-light,
body .h-text-light a {
  color: #fdfdfd !important;
}

body .text-primary {
  color: #1d1c3d !important;
}

body .text-wrapbalance {
  text-wrap: balance;
}

@media (min-width: 768px) {
  body .text-md-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
  }

  body .text-md-nowrap {
    white-space: nowrap !important;
  }
}

/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
h1 {
  font-family: "Open Sans Condensed";
  text-transform: uppercase;
  color: #1d1c3d;
  margin-bottom: 30px;
}

.messageValidationClient,
.messageValidationServeur {
  color: #d40024;
}

.inputInvalideClient,
.inputInvalideServeur {
  box-shadow: 0 0 5px -1px #d40024 !important;
}

[v-cloak] {
  display: none !important;
}

.break-spaces {
  white-space: break-spaces;
}

/*Largeur en fonction des breakpoints de Bootstrap*/
/*On inclut les sources CSS bootstrap nécessaires à l'utilisation des breakpoints*/
.w-down-xs-100 {
  width: 100% !important;
}

@media (max-width: 575.98px) {
  .w-down-sm-50 {
    width: 50% !important;
  }

  .w-down-sm-100 {
    width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  .w-down-md-100 {
    width: 100% !important;
  }
}

@media (max-width: 991.98px) {
  .w-down-lg-100 {
    width: 100% !important;
  }
}

@media (max-width: 1199.98px) {
  .w-down-xl-100 {
    width: 100% !important;
  }
}

@media (max-width: 1399.98px) {
  .w-down-xxl-100 {
    width: 100% !important;
  }
}

@media (min-width: 576px) {
  .mw-sm-50 {
    max-width: 50% !important;
  }

  .mw-sm-100 {
    max-width: 100% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .mw-md-50 {
    max-width: 50% !important;
  }

  .mw-md-100 {
    max-width: 100% !important;
  }

  .w-md-100 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .mw-lg-50 {
    max-width: 50% !important;
  }

  .mw-lg-100 {
    max-width: 100% !important;
  }

  .w-lg-100 {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .mw-xl-50 {
    max-width: 50% !important;
  }

  .mw-xl-100 {
    max-width: 100% !important;
  }

  .w-xl-100 {
    width: 100%;
  }
}

.mw-xxl {
  max-width: 1320px;
}

.mw-xl {
  max-width: 1140px;
}

.mw-lg {
  max-width: 960px;
}

.mw-md {
  max-width: 720px;
}

.mw-sm {
  max-width: 540px;
}

.mw-50 {
  max-width: 50% !important;
}

.minw-30px {
  min-width: 30px !important;
}

.minw-25px {
  min-width: 25px !important;
}

.minw-20px {
  min-width: 20px !important;
}

.z-n2 {
  z-index: -2 !important;
}