:root {
  --main-color: #EA7420;
  --secondary-color: #3C3C3C;
  --main-font-family: pt_sans, sans-serif;
  --light: #e5e5e5
}

/* START : TS STYLES (INRSFR-506 : suppression à la ligne 14 pour test de "top: auto;") */
.swiper-button-next, .swiper-button-prev {
  background-color: var(--main-color);
  width: 44px;
  height: 44px;
  border-radius: 50%;
			
  bottom: 45px; 
}
  
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 1rem;
  color: white;
  font-weight: bold;
  position: relative;
}

.swiper-button-next::after {
  left: 3%;
}

.swiper-button-prev::after {
  right: 2%;
}

.swiper-slide img {
  height: 100% !important;
  object-fit: cover;
}

.swiper-parent {
  position: relative; 
}

.swiper-parent .swiper {
  overflow: hidden;
  position: initial; 
}

.swiper-navigation.nav-full .swiper-button-next {
  right: -1.5rem; 
}

.swiper-navigation.nav-full .swiper-button-prev {
  left: -1.5rem; 
}

.swiper-slide .overlay.active {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
  cursor: pointer;
  transition: all 0.5s ease-in-out; 
}

/* END : TS STYLES */


/* START : SERIE SWIPER */

.serie-container {
  max-width: 550px;
  margin-top: 110px;
}

.serie-container .title {
  font-family: var(--main-font-family);
  font-size: 1.692307692307692em;
  font-weight: 700;
  line-height: 1.181818;
  letter-spacing: 0em;
  margin-bottom: 15px;
}

:is(.serie-swiper, .m-serie-swiper) .swiper-slide {
  opacity: 0.5;
  transform: scale(0.98);
  transition: all 100ms linear; 
}

.serie-swiper .overlay {
  background: rgba(234, 116, 32, .6);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.serie-swiper .swiper-slide {
  height: 135px;
  max-width: 102px;
}

.stroke-white {
  stroke: white;
}

:is(.serie-swiper, .m-serie-swiper) .swiper-slide.active {
  cursor: pointer;
  opacity: 1; 
}
:is(.serie-swiper, .m-serie-swiper) .swiper-slide:not(.active) a {
  pointer-events: none; 
} 

/* END : SERIE SWIPER */


/* START : FIL D'ARIANE */

#pisteNavigation {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* END : FIL D'ARIANE */


/* START : BARRE DE FONCTIONNALITÉS */

.container_colonneDroite  {
  padding: 18px 0 20px;
  background: transparent;
}

/* END : BARRE DE FONCTIONNALITÉS */


/* START : MEDIA PAGE */

#container_principal_wrapper {
  background-color: #F6F5F5;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

#bloc_visuel_media_new {
  font-size: 1rem;
  max-width: 280px;
}

#bloc_resume_media_new {
  max-width: 560px;
  width: 100%;
}

.titres {
  margin-bottom: 25px;
}

h1#titrePage {
  line-height: 1.11111;
}

.presentation_media .cartouche_media {
  gap: 10px;
  margin-bottom: 25px;
}

.presentation_media .cartouche_media .cartouche_media_type {
  padding: 1px 8px;
  line-height: 1.8;
}

#descriptif_media {
  margin-bottom: 25px;
}

#descriptif_media h2 {
  font-family: Arial;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.384615;
  letter-spacing: 0em;
  text-align: left;
}

/* END : MEDIA PAGE */


/* START : BUTONS D'ACTIONS */

.contributions_medias {
  gap: 15px;
}

.contributions_medias > .contribution_media:last-of-type {
  margin-bottom: 40px;
}

.contributions_medias a {
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 5px;
  font-size: 1.230769rem;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.1;
}

.contributions_medias a:not(.orange) {
  width: fit-content;
  color: var(--secondary-color);
  padding: 0 10px;
}

.contributions_medias a.orange {
  margin: 0;
}

/* END : BUTONS D'ACTIONS */

/* START : IMAGE-VIDEO */

.blocImage {
  margin-top: 0;
}

.blocImage img {
  box-shadow: 5px 7px 18px 0px rgba(0, 0, 0, 0.10);
}

/* END : IMAGE-VIDEO */

/* START : TABLE DES CARACTERISTIQUES */
.table_caracteristiques, .table_caracteristiques_affiche {
  display: grid;
  grid-template-columns: fit-content(170px) fit-content(100%);
  font-size: 1rem;
}

.table_caracteristiques_affiche {
  grid-template-columns: fit-content(145px) fit-content(100%) fit-content(100%);
}

/* INRSFR-506 - passage sur 2 lignes sur firefox sur 'Référnce INRS' */
.table_caracteristiques_affiche .entree:first-of-type {
    /* width: -moz-max-content; /* Firefox/Gecko */ */
    white-space: nowrap; 
}


:is(.table_caracteristiques, .table_caracteristiques_affiche) > * {
  color: black;
  font-size: 1em;
  font-family: Arial;
  line-height: 1.384615;
  background-color: white;
  padding: 5px 20px;
}

.table_caracteristiques_affiche > p:nth-of-type(6n+1), .table_caracteristiques_affiche > p:nth-of-type(6n+2), 
.table_caracteristiques_affiche > p:nth-of-type(6n+3) {
  background-color: #E5E5E5;
}

.table_caracteristiques_affiche > p:nth-of-type(3n-2), .table_caracteristiques_affiche > p:nth-of-type(3n-1) {
  border-right: 1px solid #787F86;
}

.table_caracteristiques > p:nth-of-type(odd), .table_caracteristiques > div:nth-of-type(odd) {
  background-color: #E5E5E5;
}

.table_caracteristiques .entree {
  border-right: 1px solid #787F86;
  font-weight: 700;
}

.table_caracteristiques_affiche .entree {
  font-weight: 700;
}

.table_caracteristiques .link.details > a {
  font-size: 1.076923em;
  color: #B0273E;
  font-weight: bold;
}

#informations_techniques_media_new {
  width: fit-content;
}

.date-pub-affiche {
  justify-content: space-between;
  background-color: #E5E5E5;
  margin-top: 25px;
}

.date-pub-affiche > * {
  color: black;
  font-size: 1em;
  font-family: Arial;
  line-height: 1.384615;
  padding: 5px 20px;
}

/* END : TABLE DES CARACTERISTIQUES */

/* START : EN SAVOIR PLUS */
.enSavoirPlusWrapper {
  background: white;
  margin-bottom: 130px;
}

.enSavoirPlus {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  max-width: 920px;
  height: 100%;
}

.enSavoirPlus .enSavoirPlusItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.enSavoirPlus .enSavoirPlusItems a {
  display: block;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
}

.enSavoirPlus .titreEnSavoirPlus {
  color: var(--secondary-color);
  font-family: var(--main-font-family);
  font-size: 2.307692rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 40px;
}

.enSavoirPlus .description {
  padding: 25px 15px 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
}

.enSavoirPlus .image {
  align-self: stretch;
  flex-shrink: 0;
  height: 80px;
  position: relative;
}
.enSavoirPlus .image img {
  width: 100%;
  height: 80px !important;
  object-fit: cover;
}

.enSavoirPlus .description .tags {
  display: flex;
  gap: 5px;
}

.enSavoirPlus .description .tags .tag {
  background: var(--secondary-color);
  padding: 1px 8px 1px 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.enSavoirPlus .description .line {
  background-color: var(--medium, #787f86);
  width: 1px;
  height: 12px;
}

.enSavoirPlus .info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.enSavoirPlus .brochure {
  color: var(--white, #ffffff);
  text-align: left;
  font-weight: 700;
  font-family: "Arial", sans-serif;
  font-size: .769231rem;
  line-height: 1.8;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.enSavoirPlus .parution {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.enSavoirPlus .date {
  color: var(--dark, #3c3c3c);
  text-align: left;
  font: var(--caption, 400 11px/16px "Arial", sans-serif);
}

.enSavoirPlus .r-f-red-1234 {
  color: var(--medium, #787f86);
  text-align: left;
  font: var(--caption, 400 11px/16px "Arial", sans-serif);
}

.enSavoirPlus .titre {
  color: var(--black, #000000);
  text-align: left;
  font-weight: 700;
  font-size: 1.230769rem;
  font-family: var(--main-font-family);
  transition: color .6s;
  line-height: 1.3125;
  word-break: break-word;
}

.enSavoirPlus :is(.swiper-slide-active, .desktop a) {
  border: 1px solid var(--light, #E5E5E5);
}

/* END : EN SAVOIR PLUS */

/* START : TOUTES LES PUBLICATIONS */

#container_ressources_complementaires {
  background-color: #F4F4F4;
  padding: 0;
  margin-bottom: 56px;
}

#bloc_ressources_complementaires_new {
  margin: 0 auto;
  padding: 0 20px 90px;
  position: relative;
  max-width: 920px;
  height: 100%;
}

#container_ressources_complementaires .titre {
  line-height: 1.333333;
  color: var(--secondary-color);
  position: relative; 
  top: -20px;
  margin-bottom: 30px;
}

.bloc_ressources_complementaires_new .titre {
  color: var(--secondary-color);
  font-family: pt_sans, sans-serif;
  font-size: 2.30769230769231em;
  font-weight: bold;
}

.themes_annexes_ressources_complementaires {
  gap: 30px 60px;
}

.bloc_ressource {
  border-left: 1px solid var(--main-color);
  padding-left: 30px;
  max-width: 399px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bloc_ressource .titre_bloc {
  color: var(--secondary-color);
  font-size: 1.692308rem;
  font-family: pt_sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 25px;
}

.supports_theme_annexe_new {
  position: relative;
}

.supports_theme_annexe_new li {
  color: black;
  font-size: 1rem;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 1.769230769230769;
  width: fit-content;
}

.arrow {
  position: absolute;
  top: 0;
  left: -30px;
  opacity: 0;
  transition: opacity 0.4s, top 0.6s;
}

/* END : TOUTES LES PUBLICATIONS */

@media (max-width: 767.98px) {

  /* START : MOBILE GENERAL SLIDER STYLES */

  .swiper-button-next, .swiper-button-prev {
    width: 36px;
    height: 36px;
  }

  /* END : MOBILE GENERAL SLIDER STYLES */


  /* START : MOBILE SERIE SLIDER */

  .serie-swiper {
    max-width: 21.5rem; 
  } 

  .serie-container {
    max-width: 326px;
  }

  .serie-container .title {
    margin-bottom: 10px;
  }

  /* END : MOBILE SERIE SLIDER */

  /* START : MOBILE EN SAVOIR PLUS */

  .enSavoirPlusWrapper {
    margin-bottom: 95px;
  }

  .enSavoirPlus .titreEnSavoirPlus {
    font-size: 2.076923rem;
    line-height: 1.28571428;
    margin-bottom: 25px;
  }
  .enSavoirPlus .enSavoirPlusItems {
    display: block;
    margin: 0 -20px;
  }

  .enSavoirPlus .swiper-wrapper {
    margin-bottom: 2px;
  }

  .enSavoirPlus .swiper-slide {
    height: auto;
    padding-bottom: 20px;
  }

  .enSavoirPlus .swiper-button-prev {
    left: 6px;
  }

  .enSavoirPlus .swiper-button-next {
    right: 6px;
  }

  .enSavoirPlus .swiper-button-next, .enSavoirPlus .swiper-button-prev {
    bottom: 88px; 
  }

  .enSavoirPlus :is(.swiper-slide-next, .swiper-slide-prev) {
    opacity: 0.30000001192092896;
    transition: opacity .5s;
  }

  /* END : MOBILE EN SAVOIR PLUS */
}

@media (max-width: 599.98px) {

  /* START : MOBILE FIL D'ARIANE */

  #pisteNavigation li:last-child {
    display: none;
  }

  #pisteNavigation li:nth-last-child(2)::after {
    content: '';
  }

  /* END : MOBILE FIL D'ARIANE */

  /* START : MOBILE IMAGE-VIDEO */

  .blocImageVideo {
    order: 2;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  #container_principal .blocImageVideo img {
    order: 2;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
  }

  .blocImageVideo.h-padding {
    padding: 0 30px;
  }

  /* END : MOBILE IMAGE-VIDEO */


  /* START : MOBILE MEDIA PAGE */
  #container_principal_wrapper {
    padding-bottom: 20px;
    margin-bottom: 40px;
  }

  .container_presentation_media {
    flex-direction: column;
  }

  #bloc_visuel_media_new, #bloc_resume_media_new {
    display: contents;
  }

  #bloc_resume_media_new > div:last-of-type {
    margin-bottom: 0;
  }

  #descriptif_media {
    order: 3;
  }

  .bloc_titre {
    order: 1;

    background-color: white;
    margin: 0 -20px;
    padding: 8px 20px 0;
  }

  .titres {
    margin-bottom: 10px;
  }
  
  h1#titrePage {
    font-size: 1.846153846em;
    line-height: 1.16;
  }
  
  .presentation_media .cartouche_media {
    margin-bottom: 20px;
  }

  /* END : MOBILE MEDIA PAGE */


  /* START : MOBILE BUTONS D'ACTIONS */

  .contributions_medias {
    order: 3;
  }

  /* END : MOBILE BUTONS D'ACTIONS */


  /* START : MOBILE SERIE SWIPER */

  .serie-container {
    order: 4;

    margin-top: 0;
  }
  
  /* END : MOBILE SERIE SWIPER */


  /* START : MOBILE TABLE DES CARACTERISTIQUES */

  #informations_techniques_media_new {
    order: 4;
    width: fit-content; /* chgt du auto en fit-content - INRSFR-508*/
    margin-bottom: 50px;
  }

  .table_caracteristiques {
    grid-template-columns: 1fr 1fr;
  }

  .table_caracteristiques_affiche {
    grid-template-columns: max-content max-content max-content;
    overflow-y: auto;
    padding-bottom: 10px;
    margin-top: 10px
  }

  .table_caracteristiques > * {
    padding: 5px 10px;
  }

  .table_caracteristiques .link.details > a {
    font-size: 1em;
  }

  .date-pub-affiche > .entree {
    border-right: 1px solid #787F86;
  }

  ::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  ::-webkit-scrollbar:vertical {
      width: 8px;
  }

  ::-webkit-scrollbar:horizontal {
      height: 8px;
  }

  ::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, .5);
      border-radius: 10px;
      border: 2px solid #ffffff;
  }

  ::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #ffffff;
  }
  
  /* END : MOBILE TABLE DES CARACTERISTIQUES */


  /* START : MOBILE TOUTES LES PUBLICATIONS */

  #container_ressources_complementaires {
    margin-bottom: 20px;
  }

  #bloc_ressources_complementaires_new {
    padding-bottom: 50px;
  }

  .themes_annexes_ressources_complementaires {
    gap: 30px;
  }

  #container_ressources_complementaires .titre {
    font-size: 1.615385rem;
    line-height: 28px;
    top: -14px;
    margin-bottom: 16px;
  }

  .bloc_ressource .titre_bloc {
    font-size: 1.384615rem;
    line-height: 1.277777777;
    margin-bottom: 15px;
  }

  /* END : MOBILE TOUTES LES PUBLICATIONS */
}

@media (hover: hover) and (pointer: fine) {
  .swiper-slide-next:hover, .swiper-slide-prev:hover {
    cursor: pointer;
    opacity: 0.65; 
  }
  .serie-swiper .overlay:hover {
    opacity: 1;
  }


  .contributions_medias a:not(.orange):hover {
    color: var(--main-color);
    text-decoration: none;
  }
  
  .contributions_medias a:not(.orange):hover svg path {
    fill: var(--main-color);
  }


  .supports_theme_annexe_new li:hover a {
    color: var(--main-color);
    text-decoration: none;
  }


  .enSavoirPlus .enSavoirPlusItems .desktop a:hover {
    text-decoration: none;
    background-color: #F4F4F4;
  }

  .enSavoirPlus .enSavoirPlusItems .desktop a:hover .titre {
    color: var(--main-color);
  }

}