@charset "UTF-8";
@import url(lib/bootstrap-5.3.min.css);
@import url(lib/bootstrap-icons.css);
@import url(lib/fontawesome-free-6.4.2.min.css);
@import url(lib/slick.css);
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Karla.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'KarlaBold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/KarlaBold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'KarlaBoldItalic';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/KarlaBoldItalic.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Roboto.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'RobotoItalic';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/RobotoItalic.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'RobotoBold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/RobotoBold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'RobotoBoldItalic';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/RobotoBoldItalic.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'ChunkFive';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Chunkfive.woff) format("woff");
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Lato-Regular.woff) format("woff");
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/Lato-Italic.woff) format("woff");
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Lato-Bold.woff) format("woff");
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/Lato-BoldItalic.woff) format("woff");
}

body {
  font-family: 'Roboto',Helvetica,Arial;
}

strong {
  font-family: 'RobotoBold',Helvetica,Arial;
}

em {
  font-family: 'RobotoItalic',Helvetica,Arial;
}

/**
 * Text
 */
body {
  font-family: 'Roboto',Helvetica,Arial;
}

strong {
  font-family: 'RobotoBold',Helvetica,Arial;
}

em {
  font-family: 'RobotoItalic',Helvetica,Arial;
}

h1, h2, h3, h4, h5 {
  font-family: 'KarlaBold';
}

/**
  * Block
  */
.Block-Rubrique-title {
  font-family: 'KarlaBold';
  font-size: 35px;
  letter-spacing: 1px;
  color: #181818;
  margin: 0 0 30px 0;
}

@media (max-width: 991px) {
  .Block-Rubrique-title {
    font-size: 28px;
  }
}

.Block-Rubrique-more {
  color: #232323;
  font-size: 26px;
  text-decoration: none;
}

@media (max-width: 991px) {
  .Block-Rubrique-more {
    font-size: 20px;
  }
}

/**
  * Content
  */
.Content-h1-title {
  font-family: 'KarlaBold';
  font-size: 45px;
  color: #181818;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .Content-h1-title {
    font-size: 30px;
  }
}

.Content-h1-title .surtitre {
  color: #CC0000;
}

.Content-h1-title .soustitre {
  color: #767676;
}

.Content-h2-title {
  font-family: 'KarlaBold';
  font-size: 35px;
  color: #181818;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .Content-h2-title {
    font-size: 28px;
  }
}

.Content-h2-tag, .Sharer-title {
  font-family: 'KarlaBold';
  font-size: 20px;
  color: #CC0000;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .Content-h2-tag, .Sharer-title {
    font-size: 16px;
  }
}

.Content-body-text, .Content .Content-body {
  font-size: 22px;
  line-height: 34px;
}

@media (max-width: 991px) {
  .Content-body-text, .Content .Content-body {
    font-size: 18px;
    line-height: 26px;
  }
}

/**
  * Teaser
  */
.Teaser-content-type {
  border-left: 2px solid #CC0000;
  padding-left: 5px;
  font-family: 'KarlaBold';
  font-size: 14px;
  text-transform: uppercase;
  color: #767676;
}

.Teaser-date {
  font-family: 'Karla';
  font-size: 14px;
  color: #767676;
}

.Teaser-h2-title {
  font-family: 'KarlaBold';
  font-size: 24px;
  color: #232323;
}

@media (max-width: 991px) {
  .Teaser-h2-title {
    font-size: 20px;
  }
}

.Teaser-h2-title .surtitre {
  color: #CC0000;
}

.Teaser-h2-title .soustitre {
  color: #767676;
}

.Teaser-h3-title {
  font-family: 'KarlaBold';
  font-size: 20px;
  color: #232323;
}

@media (max-width: 991px) {
  .Teaser-h3-title {
    font-size: 18px;
  }
}

.Teaser-h3-title .surtitre {
  color: #CC0000;
}

.Teaser-h3-title .soustitre {
  color: #767676;
}

/**
  * Block
  */
.Date-calendar-text {
  font-family: 'Karla';
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}

/**
 * btn
 */
.btn-primary {
  background-color: #CC0000;
  border-color: #CC0000;
}

.btn-primary:hover {
  background-color: #b70000;
  border-color: #b70000;
}

/**
 * form control
 */
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 2px #d11919;
}

/* Topmenu */
.NavBar {
  border-bottom: 2px solid #F2F2F2;
}

.NavBar .topmenu, .NavBar .topmenu--mobile {
  background-color: #CC0000;
  color: #F2F2F2;
  border-bottom: 2px solid #FFFECB;
}

.NavBar .topmenu .container, .NavBar .topmenu--mobile .container {
  height: 45px;
}

.NavBar .topmenu__item {
  margin-top: 5px;
  font-size: 15px;
  font-family: 'KarlaBold';
  text-transform: uppercase;
}

.NavBar .topmenu__item:hover {
  color: #FFFECB;
  text-decoration: underline;
}

.NavBar .topmenu__item.active {
  color: #FFFECB;
}

.NavBar .topmenu__item.souscription {
  color: #CC0000;
  background-color: #F2F2F2;
  padding: 5px;
  border-radius: 10px;
  text-transform: none;
  margin-bottom: 5px;
}

.NavBar .topmenu__item.souscription:hover {
  background-color: #FFFECB;
  text-decoration: none;
}

.NavBar .topmenu__item--icon {
  margin-top: 0;
  color: #CC0000;
  background-color: #F2F2F2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  align-items: center;
  text-align: center;
}

.NavBar .topmenu__item--icon:hover {
  color: #CC0000 !important;
  background-color: #FFFECB;
  text-decoration: none !important;
}

@media (max-width: 1199px) {
  .NavBar .topmenu__item {
    font-size: 13px;
  }
  .NavBar .topmenu__item--icon {
    font-size: 15px;
  }
}

.NavBar .topmenu--mobile .dropdown-menu {
  background-color: #CC0000;
  border-radius: 0;
  border: none;
  inset: 9px auto auto 0px !important;
}

.NavBar .topmenu--mobile .dropdown-menu li {
  padding: 5px 0;
}

.NavBar .topmenu--mobile .dropdown-menu li a {
  display: block;
  white-space: nowrap;
  color: #F2F2F2;
}

.NavBar .topmenu--mobile .dropdown-menu li a:hover {
  color: #FFFECB;
  text-decoration: underline;
}

.NavBar .topmenu--mobile .dropdown-menu li.social a {
  color: #CC0000;
}

/**
* Header
*/
.Header {
  padding-top: 10px;
  padding-bottom: 10px;
}

.Header-logo {
  width: 100%;
}

.Header-brand {
  font-family: 'Chunkfive';
  font-size: 56px;
  text-transform: uppercase;
}

.Header-brand a {
  color: #CC0000;
  text-decoration: none;
}

@media (max-width: 1199px) {
  .Header {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .Header-brand {
    font-size: 40px;
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .Header .col-9 {
    display: flex;
    justify-content: end;
    align-items: center;
  }
  .Header-brand {
    padding: 12px 12px 0 0;
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .Header .col-3 {
    width: 33%;
    padding-right: 0;
  }
  .Header .col-9 {
    width: 67%;
  }
  .Header-brand {
    font-size: 20px;
  }
}

@media (max-width: 575px) {
  .Header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .Header .col-3 {
    width: 40%;
    padding-right: 0;
  }
  .Header .col-9 {
    width: 60%;
  }
  .Header-brand {
    padding-right: 0;
    font-size: 4.2vw;
  }
}

/* Header Menu mobile */
.HeaderMenu-mobile-search {
  margin-right: 5px;
}

.HeaderMenu-mobile-search a {
  padding-top: 5px;
  font-size: 25px;
  font-weight: bold;
}

@media (max-width: 575px) {
  .HeaderMenu-mobile-search a {
    padding-left: 10px;
    font-size: 18px;
  }
}

.HeaderMenu-mobile .navbar-toggler {
  height: 60px;
  margin-right: -15px;
}

.HeaderMenu-mobile .navbar-toggler .Burger {
  display: inline-block;
  position: relative;
  margin: 12px 0 0;
  width: 26px;
  height: 20px;
  transform: rotateX(0deg);
  transition: .25s ease-in-out;
  cursor: pointer;
}

.HeaderMenu-mobile .navbar-toggler .Burger span {
  display: block;
  position: absolute;
  background: #CC0000;
  opacity: 1;
  left: 0;
  width: 100%;
  height: 2px;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.HeaderMenu-mobile .navbar-toggler .Burger span:nth-child(1) {
  top: 0;
}

.HeaderMenu-mobile .navbar-toggler .Burger span:nth-child(2) {
  top: 7px;
}

.HeaderMenu-mobile .navbar-toggler .Burger span:nth-child(3) {
  top: 14px;
}

.HeaderMenu-mobile .navbar-toggler .Burger span:nth-child(4) {
  top: 21px;
}

.HeaderMenu-mobile .navbar-toggler .Burger-title {
  color: #CC0000;
  font-size: 10px;
  line-height: 1.1;
  text-transform: uppercase;
  margin-top: 7px;
  width: 60px;
  text-align: center;
}

.HeaderMenu-mobile .offcanvas {
  border: none;
}

.HeaderMenu-mobile .offcanvas-header {
  background-color: #b70000;
  color: #F2F2F2;
}

.HeaderMenu-mobile .offcanvas-header .btn-close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  padding-right: 21px;
  opacity: 0.8;
}

.HeaderMenu-mobile .offcanvas-header .btn-close:hover {
  opacity: 1;
}

.HeaderMenu-mobile .offcanvas-title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.HeaderMenu-mobile .offcanvas-body {
  padding: 0;
}

.HeaderMenu-mobile .offcanvas-body .accordion-button {
  border-radius: 0 !important;
  background-color: #F2F2F2 !important;
  box-shadow: none !important;
}

.HeaderMenu-mobile .offcanvas-body .accordion-button:not(.collapsed) {
  border-color: #d11919 !important;
  background-color: #d11919 !important;
  color: #F2F2F2 !important;
  box-shadow: none !important;
}

.HeaderMenu-mobile .offcanvas-body .accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F2F2F2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.HeaderMenu-mobile .offcanvas-body .accordion-header {
  color: #181818;
  font-family: 'KarlaBold';
}

.HeaderMenu-mobile .offcanvas-body .accordion-item {
  border-radius: none !important;
  padding: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.HeaderMenu-mobile .offcanvas-body .accordion-body {
  padding: 0;
}

.HeaderMenu-mobile .offcanvas-body .accordion-body .nav-divider {
  height: 1px;
  width: 100%;
}

.HeaderMenu-mobile .offcanvas-body .accordion-body .nav-divider hr {
  margin: 0;
}

.HeaderMenu-mobile .offcanvas-body .accordion-body .nav-item {
  width: 100%;
}

.HeaderMenu-mobile .offcanvas-body .accordion-body .nav-link {
  color: #181818;
  font-family: 'KarlaBold';
  padding: 10px 20px;
}

.HeaderMenu-mobile .offcanvas-body .accordion-body .nav-link:focus, .HeaderMenu-mobile .offcanvas-body .accordion-body .nav-link:hover {
  color: #CC0000;
}

/**
 * Breadcrumb
 */
.Breadcrumb {
  border-top: 1px solid #CC0000;
  padding: 10px 0;
  background-color: #f8f8f8;
  font-size: 14px;
  margin-bottom: 20px;
}

.Breadcrumb ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.Breadcrumb ul li {
  display: inline-block;
  color: #767676;
}

.Breadcrumb ul li a {
  color: #767676;
  text-decoration: none;
}

.Breadcrumb ul li a:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
  margin: 0 3px;
  border: none;
  content: '\f054';
}

/**
 * Content full
 */
.Content {
  /**
    * Métadonnées du contenu
    */
  /**
    * Partie gauche du contenu principal
    */
  /**
    * Règles communes à tous les blocs
    * sur les pages contenus
    */
  /**
    * Blocs en colonne de droite
    * sur les pages contenus
    */
  /**
    * Blocs en pied de page
    * sur les pages contenus
    */
  /**
    * Tableau des fichiers
    */
}

.Content-container {
  margin-top: 40px;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .Content-container {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

.Content-metadata {
  margin-bottom: 10px;
}

.Content-metadata .Content-date {
  font-size: 16px;
  color: #767676;
  margin-bottom: 10px;
}

.Content-metadata .Content-date .update-warning {
  color: #CC0000;
  display: inline;
}

.Content .Content-chapeau {
  font-family: 'KarlaBold';
  font-size: 24px;
  line-height: 32px;
  color: #232323;
  margin-bottom: 10px;
}

.Content .Content-chapeau em, .Content .Content-chapeau i {
  font-family: 'KarlaBoldItalic';
}

.Content .Content-img {
  margin-bottom: 10px;
}

.Content .Content-img img {
  width: 100%;
}

.Content .Content-body a {
  color: #CC0000 !important;
  text-decoration: underline !important;
}

.Content .Content-body a:hover {
  color: #b70000 !important;
}

.Content .Content-body h2 {
  font-size: 26px;
  line-height: 34px;
  margin: 10px 0;
}

.Content .Content-body h3 {
  font-size: 24px;
  line-height: 34px;
  margin: 5px 0;
}

.Content .Content-body table {
  width: 100%;
}

.Content .Content-body table tbody > tr:nth-child(even) {
  background-color: #f2f2f2;
}

.Content .Content-body table tbody > tr > td {
  padding: .5rem .5rem;
  border-top: 1px solid #C2C3C4;
  border-bottom: 1px solid #C2C3C4;
}

.Content .Content-body blockquote {
  border-left: 2px solid #CC0000;
  padding-left: 1rem;
}

.Content .Content-author {
  margin-left: 10px;
  font-size: 22px;
  position: relative;
  color: #767676;
  padding-left: 20px;
}

.Content .Content-author:before {
  display: inline-block;
  content: "■";
  margin-right: .5em;
  color: #CC0000;
  position: absolute;
  margin-top: -.1em;
  left: 0;
}

.Content .Content-source {
  text-align: center;
  font-size: 20px;
  background-color: #F2F2F2;
  padding: 10px;
}

.Content .Content-source a {
  color: #CC0000;
  text-decoration: none;
}

.Content .Block-title {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.Content .Block .Teaser {
  border-top: none;
}

.Content .Content-sidebar .Block {
  padding-top: 0;
}

.Content .Content-sidebar .Block .Block-title {
  margin-bottom: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid white;
}

.Content .Content-sidebar .Block#BlockUne .Teaser {
  padding: 10px 0;
  border-bottom: 1px solid white;
}

.Content .Content-sidebar .Block#BlockUne .Teaser--block {
  border-bottom: 10px solid white;
}

@media (max-width: 991px) {
  .Content .Content-sidebar .Block#BlockUne {
    margin-top: 20px;
  }
  .Content .Content-sidebar .Block#BlockUne .container {
    padding: 0;
  }
}

.Content .Content-sidebar .Block#BlockSommaire .Block-title {
  border-bottom: none;
}

.Content .Content-footer#BlockMore .Teaser {
  background-color: #fff;
}

@media (max-width: 991px) {
  .Content .Content-footer#BlockMore .Teaser-teaser {
    display: none;
  }
}

.Content .TableFiles {
  clear: both;
  width: 100%;
}

.Content .TableFiles a {
  color: #CC0000;
}

.playAll {
  color: #CC0000;
  text-decoration: none;
}

/**
* Illustration d'un contenu
*/
.Figure img {
  max-width: 100%;
}

.Figure figcaption {
  padding: 10px;
  text-align: left;
  background-color: #F2F2F2;
  color: #505050;
}

/**
* Partage de contenu
*/
.Sharer {
  margin-top: 20px;
  border-top: 1px solid #C2C3C4;
  border-bottom: 1px solid #C2C3C4;
  padding: 10px 0;
}

.Sharer-title {
  color: #767676;
}

.Sharer-links {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.Sharer-links li {
  display: inline-block;
}

.Sharer-link {
  font-size: 30px;
  color: #767676;
  margin-right: 10px;
}

.Sharer-link:hover {
  color: #CC0000;
}

@media (max-width: 991px) {
  .Sharer {
    margin: 10px 0;
    padding: 5px 0;
  }
  .Sharer .Sharer-title {
    margin-bottom: 0;
  }
  .Sharer .Sharer-link {
    font-size: 20px;
  }
}

/**
 * Sommaire d'un CLT ou d'une brochure
 * en colonne de droite
 * [Portail + CLT]
 */
#BlockSummary .Summary ul {
  list-style-type: none;
  padding-left: 0;
}

#BlockSummary .Summary ul a {
  color: #232323;
  text-decoration: none;
}

#BlockSummary .Summary ul a:hover {
  color: #CC0000;
  text-decoration: underline;
}

#BlockSummary .Summary ul li.parent {
  font-size: 16px;
  margin-bottom: 10px;
}

#BlockSummary .Summary ul li.parent .fa-solid {
  font-size: 12px;
}

#BlockSummary .Summary ul li.parent ul.children {
  padding-left: 12px;
}

#BlockSummary .Summary ul li.parent ul.children li.child {
  font-size: 14px;
}

#MobileBlockSummary {
  background-color: #F2F2F2;
  padding: 20px;
  margin-bottom: 20px;
}

#MobileBlockSummary summary {
  color: #CC0000;
  font-weight: bold;
  font-size: 18px;
}

#MobileBlockSummary #BlockSummary {
  padding-top: 10px;
  padding-bottom: 0;
}

#MobileBlockSummary #BlockSummary .Block-container {
  padding: 0;
}

#MobileBlockSummary #BlockSummary h2.Block-title {
  display: none;
}

#MobileBlockSummary #BlockSummary a {
  text-decoration: none !important;
  color: #232323 !important;
}

#MobileBlockSummary #BlockSummary a:hover {
  text-decoration: underline;
  color: #CC0000;
}

/**
 * Versions multimédia d'un CLT
 * en colonne de droite
 * [Portail + CLT]
 */
#BlockVersions .multimedia {
  display: block;
  background-color: #f8f8f8;
  text-decoration: none;
  color: #232323;
}

#BlockVersions .multimedia img {
  width: 100%;
}

#BlockVersions .multimedia .Teaser-content {
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#BlockVersions .multimedia .Teaser-title {
  margin: 0;
}

#BlockVersions .multimedia:hover {
  text-decoration: underline;
}

/**
 * Slick slider
 */
.Slick .slick-track,
[class^="Slick-"] .slick-track {
  display: flex !important;
}

.Slick .slick-track .slick-slide,
[class^="Slick-"] .slick-track .slick-slide {
  height: inherit !important;
  margin-right: 20px;
}

.Slick .slick-arrow,
[class^="Slick-"] .slick-arrow {
  position: absolute;
  top: 40%;
  width: 0;
  height: 0;
  font-size: 0;
  border: none;
  background: transparent;
}

.Slick .slick-arrow.slick-prev,
[class^="Slick-"] .slick-arrow.slick-prev {
  left: -40px;
  border-left: 0 solid transparent;
  border-right: 15px solid #CC0000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.Slick .slick-arrow.slick-next,
[class^="Slick-"] .slick-arrow.slick-next {
  right: -20px;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 15px solid #CC0000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.Slick .slick-dots,
[class^="Slick-"] .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}

.Slick .slick-dots li,
[class^="Slick-"] .slick-dots li {
  margin: 0 0.25rem;
}

.Slick .slick-dots li button,
[class^="Slick-"] .slick-dots li button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #181818;
  text-indent: -9999px;
}

.Slick .slick-dots li.slick-active button, .Slick .slick-dots li:hover button,
[class^="Slick-"] .slick-dots li.slick-active button,
[class^="Slick-"] .slick-dots li:hover button {
  background-color: #CC0000;
}

@media (max-width: 575px) {
  .Slick .slick-arrow,
[class^="Slick-"] .slick-arrow {
    display: none !important;
  }
}

/**
 * Teaser des multimédias
 * bouton play
 * [Portail + CLT]
 */
.Teaser.multimedia .Teaser-img-container,
.Teaser--large.multimedia .Teaser-img-container,
.Teaser--without-picture.multimedia .Teaser-img-container {
  position: relative;
}

.Teaser.multimedia .Teaser-img-container img,
.Teaser--large.multimedia .Teaser-img-container img,
.Teaser--without-picture.multimedia .Teaser-img-container img {
  position: relative;
}

.Teaser.multimedia .Teaser-img-container div.play-button,
.Teaser--large.multimedia .Teaser-img-container div.play-button,
.Teaser--without-picture.multimedia .Teaser-img-container div.play-button {
  display: block;
  position: absolute;
  top: calc(100% - 30px);
  left: 2em;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  padding: 0;
  margin-top: -.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: .06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: .3em;
  transition: all .4s;
}

.Teaser.multimedia .Teaser-img-container div.play-button .icon,
.Teaser--large.multimedia .Teaser-img-container div.play-button .icon,
.Teaser--without-picture.multimedia .Teaser-img-container div.play-button .icon {
  font-size: 1em;
}

.Teaser.multimedia .Teaser-img-container div.play-button .icon::before,
.Teaser--large.multimedia .Teaser-img-container div.play-button .icon::before,
.Teaser--without-picture.multimedia .Teaser-img-container div.play-button .icon::before {
  content: "\f101";
  color: #fff;
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

/**
 * Erreur 404
 */
.Block.notfound {
  padding: 10%;
  text-align: center;
}

.Block.notfound h2.notfound {
  color: #CC0000;
  font-size: 74px;
}

.Block.notfound a.btn {
  margin-top: 20px;
  display: inline-block;
  color: #CC0000;
  font-size: 24px;
  border: 1px solid #CC0000;
  border-radius: 10px;
}

.Block.notfound a.btn:hover {
  color: #fff;
  background-color: #CC0000;
}

/**
 * Backtoptop
 */
#backtotop {
  display: inline-block;
  background-color: #CC0000;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
  border-radius: 50%;
}

#backtotop::after {
  content: '\f077';
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

#backtotop:hover {
  cursor: pointer;
  background-color: #333;
}

#backtotop:active {
  background-color: #555;
}

#backtotop.show {
  opacity: 1;
  visibility: visible;
}