/*-----------------------------------------------*/
/*	BIOSAGIS - SITE LABORATOIRE v1.0
/*-----------------------------------------------*/

/*
Couleurs Logotype
Bleu nuit : rgb(66, 20, 95)
Rouge : rgb(255, 99, 25)
Vert : rgb(99, 206, 202) 
Orange : rgb(255, 161, 0) 
Bleu clair : rgb(61, 183, 228)
Sable actu : rgb(232, 231, 226)
*/

/*-----------------------------------------------*/
/*	 <> RÈGLES COMMUNES
/*-----------------------------------------------*/
body {
  background-color: #f7f6f2;
}

/* ESPACEMENTS */
section.hero {
  margin-top: 5rem;
}

section {
  margin-bottom: 7rem;
}

/* SECTION ÉDITORIALE */
.main-contenu .intro {
  margin-bottom: 3rem;
}

/*  Éditorial en focus */
.row_contenu-editorial .focus {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.row_contenu-editorial .focus * {
  margin-bottom: 0;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
  padding: 0;
}

/* Couleur Titrage */
.home .hero-accueil h1 strong,
.page-patient .hero h1 strong,
h4.signature strong {
  color: rgb(99, 206, 202);
}

.page-professionnel .hero h1 strong {
  color: rgb(255, 99, 25);
}

.listing-actus .hero h1 strong {
  color: rgb(66, 20, 85);
}

/*-----------------------------------------------*/
/*	 <> NAVIGATION PRIMAIRE
/*-----------------------------------------------*/
button.navbar-toggler {
  position: relative;
  z-index: 100;
}

.header-site {
  padding-top: 1.5rem;
}

/* nav.navbar > .container {
  padding-left: 0;
  padding-right: 0;
} */

nav.navbar,
.navbar-brand {
  /* align-items: flex-end; */
  padding: 0;
  margin: 0;
}

/* Logotype */
.navbar-brand img.nav-logo-biosagis {
  width: 12rem;
  position: relative;
  z-index: 9999;
}

/* Lien de navigation */
.navbar a.nav-link,
.navbar a.nav-link:hover,
.navbar a.nav-link:focus,
.navbar-nav a.nav-link.show {
  color: rgb(66, 20, 95);
  padding-bottom: 0;
  outline: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-bottom: 0;
  padding: 0;
}

/* Dropdown menu */
.navbar-nav .dropdown-menu {
  border: none;
  margin: 0;
  padding: 0;
  background-color: rgb(232, 231, 226);
}

/* Animation */
/* .nav-link dropdown-toggle show */

/* Effet fade-in/fade-out sur les deux menus */
.navbar-nav .dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.9s ease, visibility 0.9s ease;
  /* display: block; important pour permettre l'animation */
  pointer-events: none; /* empêche les clics quand invisible */
}

.navbar-nav .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* /Animation */

.navbar-nav .dropdown-menu a {
  position: relative;
  text-decoration: none;
  color: rgb(66, 20, 95);
}

.navbar-nav .dropdown-menu a.item-lien {
  padding: 0.2rem;
  align-items: center;
}

/* Megamenu patient : Étapes */
.megamenu-patient .row-etapes {
  background-color: rgb(66, 20, 95);
  border-radius: 20px;
}
.megamenu-patient .row-etapes a {
  color: #fff;
}
.megamenu-patient .row-etapes li.titre-etape {
  color: rgb(99, 206, 202);
}

/* Lien Doctolib et Serveur de résultats */
.megamenu-patient .lien-doctolib,
.megamenu-patient .lien-serveur-resultats {
  margin-top: 1.2rem;
}
.megamenu-patient .lien-doctolib a:hover::before,
.megamenu-patient .lien-serveur-resultats a:hover::before {
  display: none;
}

/*-----------------------------------------------*/
/*	 <> COMPOSANTS COMMUNS
/*-----------------------------------------------*/

/* Icôtype de titrage */
.titrage_icotype {
  display: block;
  /* position: relative; */
  height: 100%;
  width: 100%;
  background-size: 2.4rem 2.4rem;
  /* background-size: contain; */
  background-repeat: no-repeat;
}

.home .acces-patient .titrage_icotype,
.page-patient .row_titrage-editorial .titrage_icotype {
  background-image: url(../assets/pictos/icotype-patient.svg);
}

.home .acces-pro .titrage_icotype,
.page-professionnel .row_titrage-editorial .titrage_icotype {
  background-image: url(../assets/pictos/icotype-pro.svg);
}

.home .acces-biosagis .titrage_icotype,
.page-biosagis .row_titrage-editorial .titrage_icotype {
  background-image: url(../assets/pictos/icotype-biosagis.svg);
}

.section-exergues-actus .titrage_icotype,
.section-explorer-actus .titrage_icotype {
  background-image: url(../assets/pictos/icotype-actus.svg);
}

/* PASTILLES BLANCHES - Conseil - Attention - Info - Téléchargement */
.pile-pastilles {
  /*   display: inline-flex;
  flex-direction: column; */
}

.main-contenu .pastille {
  display: inline-block;
  padding: 1rem 3rem;
  border-radius: 10px;
  margin-right: 1rem;
}

/* - Pastille conseil */
.main-contenu .pastille_conseil {
  position: relative;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 1);
  margin-bottom: 1rem;
}
.main-contenu .pastille_conseil p {
  margin: 0;
}

/* - Pastille téléchargement */
.main-contenu .pastille_telechargement {
  position: relative;
  background-color: #fff;
  border: 1px solid #fff;
  padding: 1rem 2rem 1rem 3.5rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

/* - Picto */
.main-contenu .pastille_telechargement a::before {
  content: "";
  position: absolute;
  left: 1.25rem; /* =1 col */
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background: url(../assets/pictos/fleche-dl.svg) no-repeat center center;
  height: 1.4rem;
  width: 1.4rem;
  transition: transform 0.3s; /* Animation */
}
.main-contenu .pastille_telechargement a:hover::before,
.main-contenu .pastille_telechargement a:focus::before {
  transform: scale(1) translateY(-40%);
}
/* - Bordure */
.main-contenu .pastille.pastille_telechargement:hover,
.main-contenu .pastille.pastille_telechargement:focus,
.main-contenu .pastille.pastille_telechargement:active {
  border: 1px solid rgba(66, 20, 95, 0.5);
  /* border: 1px solid #c5c4bd; */
}

/* - Lien texte */
.main-contenu .pastille.pastille_telechargement a,
.main-contenu .pastille.pastille_telechargement a:hover,
.main-contenu .pastille.pastille_telechargement a:visited {
  font-weight: 500;
  color: rgb(66, 20, 95);
  text-decoration: none;
}

/* Éditorial en Focus */
.row_contenu-editorial .focus {
  background-color: rgb(232, 231, 226);
  border-radius: 20px;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.row_contenu-editorial .focus .marqueur {
  position: relative;
}
.row_contenu-editorial .focus p {
  position: relative;
  margin-bottom: 0;
  z-index: 3;
}

/* ACCORDÉON  */
.accordion {
  --bs-accordion-btn-bg: rgb(232, 231, 226); /* header bouton fermé */
  --bs-accordion-active-bg: rgb(232, 231, 226); /* header bouton ouvert */
  --bs-accordion-bg: rgb(232, 231, 226); /* fond global accordéon */
  --bs-accordion-inner-border-radius: 20px;
  --bs-accordion-border-color: transparent;
  margin-bottom: 2rem;
}

.accordion-item {
  border: none;
}

.accordion-button {
  color: rgb(66, 20, 95);
  border-bottom: 0;
  border-bottom-color: #fff;
}

.accordion-button[aria-expanded="false"] {
  border-bottom: 1px solid #fff;
}

.accordion-button[aria-expanded="true"] {
  border-bottom: 0;
  border-bottom-color: transparent;
}

.accordion-item:last-of-type .accordion-button {
  border-bottom: none;
}

.accordion-button:focus {
  box-shadow: none;
  outline: none;
}

.accordion-item:first-of-type {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.accordion-item:last-of-type {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.accordion-body {
  padding: 1rem 0;
}

.show .accordion-body {
  border-bottom: 1px solid #fff;
}

.accordion-button,
.accordion-body {
  padding: 1rem 8.33333333%;
}

/* Signature avant footer */
.col_signature {
  display: flex;
  justify-content: flex-end;
}

/* Liens Doctolib et Serveur de résultats */
.lien-doctolib a,
.lien-doctolib a:visited,
.lien-serveur-resultats a,
.lien-serveur-resultats a:visited {
  display: inline-flex;
  color: #fff;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 15px;
  transition: background-color 0.3s ease-in-out;
}

.lien-doctolib a,
.lien-doctolib a:visited {
  color: #fff;
  border: solid 1px rgb(61, 183, 228);
  background-color: transparent;
}

.lien-doctolib a:hover,
.lien-doctolib a:focus,
.lien-doctolib a:active {
  border: solid 1px rgb(61, 183, 228);
  background-color: rgb(61, 183, 228);
}

.lien-serveur-resultats a,
.lien-serveur-resultats a:visited {
  color: #fff;
  border: solid 1px rgb(99, 206, 202);
  text-decoration: none;
}

.lien-serveur-resultats a:hover,
.lien-serveur-resultats a:focus,
.lien-serveur-resultats a:active {
  border: solid 1px rgb(99, 206, 202);
  background-color: rgb(99, 206, 202);
}

.main-contenu .lien-serveur-resultats a {
  text-decoration: none;
  border: solid 1px rgb(66, 20, 95);
  background-color: rgb(66, 20, 95);
}

.main-contenu .lien-serveur-resultats a:hover,
.main-contenu .lien-serveur-resultats a:focus,
.main-contenu .lien-serveur-resultats a:active {
  color: #fff;
  text-decoration: none;
  border: solid 1px rgb(99, 206, 202);
  background-color: rgb(99, 206, 202);
}

/*-----------------------------------------------*/
/*	 <> DESIGN EDITORIAL
/*-----------------------------------------------*/

.main-contenu ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style-type: disc;
  padding-left: 2rem;
}

.main-contenu h4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/*-----------------------------------------------*/
/*	 <> HERO PAGES
/*-----------------------------------------------*/
.hero {
  position: relative;
}
.hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto;
  display: block;
  height: 10rem;
  max-height: 270px;
  width: 100%;
  border-radius: 20px;
  background-color: rgb(232, 231, 226);
}

/* HERO : ÉDITORIAL */
.hero .col_editorial {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 3;
}

.hero .col_editorial > * {
  margin: 1rem 0;
}

/* Chemin Arborescent */
.hero .chemin ul {
  display: flex;
  font-weight: 300;
  font-size: 0.7rem;
}
.hero .chemin li::after {
  content: "\00005c";
  color: rgba(228, 228, 228, 1);
  display: inline;
  padding: 0 0.2rem;
}
.hero .chemin li:last-of-type:after {
  display: none;
}

.hero .chemin a,
.hero .chemin a:visited {
  color: rgba(66, 20, 95, 0.5);
  text-decoration: none;
}
.hero .chemin a:hover,
.hero .chemin a:focus,
.hero .chemin a:active {
  color: rgba(66, 20, 95, 1);
  text-decoration: none;
}

/* HERO : VISUEL */
.visuel-hero {
  position: relative;
  height: 26rem;
  /* ou height selon vh pour avoir un peu plus gros en small device ?? */
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}

/* Visuel Hero selon page */
/* Pages Patient - Biosagis - Actus */
.page-patient .visuel-hero.hero-vous-etes-patient-1,
.page-biosagis .visuel-hero.hero-vous-etes-patient-1,
.actus .visuel-hero.hero-vous-etes-patient-1 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-1.png);
}
.page-patient .visuel-hero.hero-vous-etes-patient-2,
.page-biosagis .visuel-hero.hero-vous-etes-patient-2,
.actus .visuel-hero.hero-vous-etes-patient-2 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-2.png);
}
.page-patient .visuel-hero.hero-vous-etes-patient-3,
.page-biosagis .visuel-hero.hero-vous-etes-patient-3,
.actus .visuel-hero.hero-vous-etes-patient-3 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-3.png);
}
.page-patient .visuel-hero.hero-vous-etes-patient-4,
.page-biosagis .visuel-hero.hero-vous-etes-patient-4,
.actus .visuel-hero.hero-vous-etes-patient-4 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-4.png);
}
.page-patient .visuel-hero.hero-vous-etes-patient-5,
.page-biosagis .visuel-hero.hero-vous-etes-patient-5,
.actus .visuel-hero.hero-vous-etes-patient-5 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-5.png);
}
.page-patient .visuel-hero.hero-vous-etes-patient-6,
.page-biosagis .visuel-hero.hero-vous-etes-patient-6,
.actus .visuel-hero.hero-vous-etes-patient-6 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-6.png);
}
.page-patient .visuel-hero.hero-vous-etes-patient-7 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-7.png);
}
.page-patient .visuel-hero.hero-vous-etes-patient-8,
.page-biosagis .visuel-hero.hero-vous-etes-patient-8,
.actus .visuel-hero.hero-vous-etes-patient-8 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-8.png);
}
.page-patient .visuel-hero.hero-vous-etes-patient-9,
.page-biosagis .visuel-hero.hero-vous-etes-patient-9,
.actus .visuel-hero.hero-vous-etes-patient-9 {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-vous-etes-patient-9.png);
}
.page-prelevement-sur-le-jeune-enfant .visuel-hero {
  background-image: url(../assets/images/vous-etes-patient/hero/hero-prelevement-enfant.png);
}

/* Page Vous êtes pro */
.page-professionnel .visuel-hero {
  background-image: url(../assets/images/vous-etes-pro/hero/hero-vous-etes-pro.png);
}

/* Pages Biosagis */
.page-biosagis .visuel-hero {
  background-image: url(../assets/images/biosagis/hero-biosagis.png);
}

/*-----------------------------------------------*/
/*	 <> SECTION EDITORIAL
/*-----------------------------------------------*/
/* TITRAGE */
.row_titrage-editorial .row_titrage {
  min-height: 4rem;
  margin-bottom: 2rem;
}

.row_titrage-editorial .col_titrage {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}

/* .row_titrage-editorial .col_icotype {
  padding: 0.5rem;
} */

.row_titrage-editorial .titrage_icotype {
  display: flex;
  background-position: center left;
}

.row_titrage-editorial .titrage_icotype {
  background-position: left center;
}

/* Titrage ferré à droite */
/* .main-contenu .section-editorial .titrage_droite {
  flex-direction: row-reverse;
}
.main-contenu .section-editorial .titrage_droite .col_titrage {
  justify-content: flex-end;
}
.main-contenu .section-editorial .titrage_droite h2 {
  text-align: right;
}
.main-contenu .section-editorial .titrage_droite .titrage_icotype {
  display: flex;
  background-position: center right;
} */

.row_titrage-editorial .titrage_droite .col_titrage {
  justify-content: flex-end;
}
.row_titrage-editorial .titrage_droite .col_titrage h2 {
  text-align: right;
}

.row_titrage-editorial .titrage_droite .titrage_icotype {
  background-position: right center;
}

/* CONTENU ÉDITORIAL */
.visuel-editorial {
  margin-bottom: 2rem;
}

.visuel-editorial img {
  width: 100%;
  border-radius: 20px;
}

/*-----------------------------------------------*/
/*	 <> SECTION LIENS CROISÉS
/*-----------------------------------------------*/

.encart-lien {
  position: relative;
  height: 10rem;
  max-height: 270px;
  padding-top: 2rem;
  border-radius: 20px;
}

.encart-lien .extrait {
  margin-top: 0.7rem;
  margin-bottom: 0;
}

.encart-lien a,
.encart-lien a:hover,
.encart-lien a:focus {
  text-decoration: none;
}

/* <*> LIEN PRÉPARER VOTRE PRÉLÈVEMENT */
.encart-lien.lien_preparer a {
  color: rgb(66, 20, 95);
}
.encart-lien.lien_preparer .extrait {
  color: #fff;
}
.encart-lien.lien_preparer {
  background-color: rgb(61, 183, 228);
}

/* <*> LIEN QUESTIONS FRÉQUENTES ET BIOSAGIS ACCUEIL */
.encart-lien.lien_questions *,
.encart-lien.lien_biosagis *,
.encart-lien.lien_pro * {
  color: #fff;
}
.encart-lien.lien_questions,
.encart-lien.lien_biosagis {
  background-color: rgb(66, 20, 95);
}
.encart-lien.lien_pro {
  background-color: rgb(255, 99, 25);
}

/* <*> LIEN DOCUMENTS */
.encart-lien.lien_documents a {
  color: rgb(66, 20, 95);
}
.encart-lien.lien_documents .extrait {
  color: #fff;
}
.encart-lien.lien_documents {
  background-color: rgb(255, 161, 0);
}

/* <*> LIEN PARCOURS */
.encart-lien.lien_parcours a {
  color: rgb(66, 20, 95);
}
.encart-lien.lien_parcours .extrait {
  color: #fff;
}
.encart-lien.lien_parcours {
  background-color: rgb(99, 206, 202);
}

/*-----------------------------------------------*/
/*	 <> ENCARTS EXERGUES ACTUS
/*-----------------------------------------------*/
.section-exergues-actus .row_titrage {
  margin-bottom: 0;
}

/* TITRAGE */
.section-exergues-actus .titrage {
  text-align: right;
}

/* .section-exergues-actus .col_titrage {
  justify-content: flex-end;
} */

.section-exergues-actus .titrage_icotype {
  background-position: right center;
}

/* LIEN TOUS LES ARTICLES */
.lien-tous-articles {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.lien-tous-articles a {
  color: rgb(66, 20, 95);
  font-weight: 200;
  font-size: 0.8rem;
  display: block;
  border: 1px solid rgb(197, 198, 189);
  border-radius: 20px;
  padding: 0.2rem 1.2rem;
  text-decoration: none;
}
.lien-tous-articles a:hover,
.lien-tous-articles a:focus {
  border: 1px solid rgb(232, 231, 226);
  background-color: rgb(232, 231, 226);
}

/* LIEN EXERGUES ACTUS */
.encart-lien.lien_actu .date {
  color: rgb(61, 183, 228);
}
.encart-lien.lien_actu .titre-lien {
  margin-top: 0.7rem;
}
.encart-lien.lien_actu a {
  color: rgb(66, 20, 95);
}
.encart-lien.lien_actu {
  background-color: rgb(232, 231, 226);
}

/* <*> Picto flèche */
.encart-lien::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 8.333%; /* =1 col */
  top: 50%;
  transform: translateY(-50%);
  height: 1.4rem;
  width: 1.4rem;
  background: url(../assets/pictos/fleche-droite.svg) no-repeat center center;
  opacity: 70%;
  transition: transform 0.3s; /* Animation */
}
.encart-lien:hover::after {
  transform: scale(1) translateY(-50%) translateX(40%);
  opacity: 100%;
}

/*-----------------------------------------------*/
/*	 [] ACCUEIL
/*-----------------------------------------------*/

/* Hero */
.home .hero-accueil {
  margin-top: 5rem;
  margin-bottom: 8rem;
}

/* Titre */
.home .row_titrage {
  position: relative;
  z-index: 10;
}

.home .row_claim {
  text-align: right;
}

/* Visuels */
.home .hero-accueil .visuels-personna::before {
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  height: 28rem;
  height: 27rem;
  width: 100%;
}

.home .hero-accueil .visuels-personna.hero-patient-1::before {
  background: url(../assets/images/accueil/hero-patient-1.png) no-repeat bottom center;
  background-size: contain;
}

.home .hero-accueil .visuels-personna.hero-patient-2::before {
  background: url(../assets/images/accueil/hero-patient-2.png) no-repeat bottom center;
  background-size: contain;
}
.home .hero-accueil .visuels-personna.hero-patient-3::before {
  background: url(../assets/images/accueil/hero-patient-3.png) no-repeat bottom center;
  background-size: contain;
}
.home .hero-accueil .visuels-personna.hero-patient-4::before {
  background: url(../assets/images/accueil/hero-patient-4.png) no-repeat bottom center;
  background-size: contain;
}
.home .hero-accueil .visuels-personna.hero-patient-5::before {
  background: url(../assets/images/accueil/hero-patient-5.png) no-repeat bottom center;
  background-size: contain;
}
.home .hero-accueil .visuels-personna.hero-patient-6::before {
  background: url(../assets/images/accueil/hero-patient-6.png) no-repeat bottom center;
  background-size: contain;
}
.home .hero-accueil .visuels-personna.hero-patient-7::before {
  background: url(../assets/images/accueil/hero-patient-7.png) no-repeat bottom center;
  background-size: contain;
}
.home .hero-accueil .visuels-personna.hero-patient-8::before {
  background: url(../assets/images/accueil/hero-patient-8.png) no-repeat bottom center;
  background-size: contain;
}

.home .row_hero-acces .bandeau-acces {
  border-radius: 20px;
}

.home .hero-accueil .encart-lien {
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}

.home .hero-accueil .encart-lien:hover {
  background-color: rgb(99, 206, 202);
}

/* <*> Picto flèche */
.home .row_hero-acces .encart-lien::after {
  left: 8.333%;
}
.home .row_hero-acces .encart-lien:hover::after {
  transform: scale(1) translateY(-50%) translateX(40%);
  opacity: 100%;
}

.home .hero-accueil a {
  color: rgb(66, 20, 95);
}
.home .hero-accueil .extrait {
  color: #fff;
}

/* Titrage */
.home .acces-patient .titrage_icotype,
.home .acces-biosagis .titrage_icotype {
  background-position: left center;
}
.home .acces-pro .titrage_icotype {
  background-position: right center;
}

.home .col_teaser {
  margin-top: 1rem;
}

/* Personna */
.home .personna {
  position: relative;
  height: 10rem;
  max-height: 270px;
  border-radius: 20px;
  background-color: rgb(232, 231, 226);
}
.home .personna::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  height: 27rem;
  width: 100%;
}
.home .acces-patient .personna::before {
  background: url(../assets/images/accueil/vous-etes-patient.png) no-repeat bottom center;
  background-size: contain;
}

/* Accès pro */
.home .acces-pro .personna::before {
  background: url(../assets/images/accueil/vous-etes-pro.png) no-repeat bottom center;
  background-size: contain;
}

.home .acces-pro .titrage h2,
.home .acces-pro .col_teaser {
  text-align: right;
}

/* Accès Biosagis */
.home .acces-biosagis .visuel-biosagis {
  height: 25rem;
  background: url(../assets/images/accueil/biosagis-yk.png) no-repeat bottom center #e8e7e2;
  background-size: 16.5rem;
  border-radius: 20px;
}

.home .acces-biosagis .col_icotype {
  height: 4rem;
  margin-bottom: 0.5rem;
}

.home .acces-biosagis .col_titrage {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home .acces-biosagis .visuel-biosagis {
  position: relative;
}
.home .acces-biosagis .yk {
  position: absolute;
  bottom: 1.2rem;
  left: 40%;
  transform: translateX(-50%);
  color: #fff;
  text-align: right;
  font-family: "NohemiMed";
  font-family: "Nohemi";
  font-weight: normal;
  line-height: 1.2rem;
}

/* Encart charte */
.encart-lien.lien_charte-ethique {
  background-color: #fff;
}
.encart-lien.lien_charte-ethique * {
  color: rgb(66, 20, 95);
}

.encart-lien.lien_charte-ethique::after {
  background: url(../assets/pictos/fleche-droite-bleu-nuit.svg) no-repeat center center;
}

/* Politique Qualité */
.encart-lien.lien_politique-qualite {
  background-color: rgb(232, 231, 226);
}
.encart-lien.lien_politique-qualite * {
  color: rgb(66, 20, 95);
}
/*-----------------------------------------------*/
/*	 [] VOUS PRÉPARER
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*	 [] DOCUMENTS À PRÉSENTER
/*-----------------------------------------------*/
/* Pastilles Documents */
.page-documents-a-presenter .pastilles-documents {
  margin-top: 2rem;
}

.page-documents-a-presenter .pastille-document {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  font-weight: 500;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
  border: 1px solid #e8e7e2;
}

.page-documents-a-presenter .pastille-document::after {
  /* Hack pour aspect-ratio anciens navigateurs) */
  content: "";
  display: block;
  padding-bottom: 100%;
}

.page-documents-a-presenter .picto {
  display: block;
  width: 2rem;
  height: auto;
  margin: 0;
}

.page-documents-a-presenter .ordonnance .picto {
  width: 1.5rem;
}

.page-documents-a-presenter .document {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  height: 80%;
  width: 80%;
}

.page-documents-a-presenter .document span {
  display: inline-block;
  height: 3rem;
  margin-top: 10%;
  text-align: center;
  line-height: 1.1rem;
}

/*-----------------------------------------------*/
/*	 [] VOS RÉSULTATS
/*-----------------------------------------------*/
.page-vos-resultats-danalyses .col_serveur-resultats {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Bouton liens externes Doctolib et Serveur de résultats */
.page-vos-resultats-danalyses .main-contenu .lien-serveur-resultats {
  text-align: center;
}
/* Éditorial en Focus */
.page-vos-resultats-danalyses .urgence {
  color: #fff;
  position: relative;
}

/*-----------------------------------------------*/
/*	 [] RÉGLER VOS ANALYSES
/*-----------------------------------------------*/
/* Pastilles Documents */
.page-regler-vos-analyses .pastilles-paiements {
  margin-top: 2rem;
}

.page-regler-vos-analyses .pastille-paiement {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  font-weight: 500;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
  border: 1px solid #e8e7e2;
}

.page-regler-vos-analyses .pastille-document::after {
  /* Hack pour aspect-ratio anciens navigateurs) */
  content: "";
  display: block;
  padding-bottom: 100%;
}

.page-regler-vos-analyses .picto {
  display: block;
  width: 2rem;
  height: auto;
  margin: 0;
}

.page-regler-vos-analyses .ordonnance .picto {
  width: 1.5rem;
}

.page-regler-vos-analyses .paiement {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  height: 80%;
  width: 80%;
}

.page-regler-vos-analyses .paiement span {
  display: inline-block;
  height: 3rem;
  margin-top: 10%;
  text-align: center;
  line-height: 1.1rem;
}

/*-----------------------------------------------*/
/*	 [] VOUS ÊTES PROFESSIONNEL DE SANTÉ
/*-----------------------------------------------*/
/* Lien serveur de résultat  - Couleur pro */
.page-professionnel .main-contenu .lien-serveur-resultats a:hover,
.page-professionnel .main-contenu .lien-serveur-resultats a:focus,
.page-professionnel .main-contenu .lien-serveur-resultats a:active {
  color: #fff;
  text-decoration: none;
  border: solid 1px rgb(255, 99, 25);
  background-color: rgb(255, 99, 25);
}

/*-----------------------------------------------*/
/*	 [] BIOSAGIS
/*-----------------------------------------------*/

/* QUI SOMMES-NOUS ? */

.page-qui-sommes-nous .photo-yk {
  width: 15rem;
  border-radius: 15px;
}

/*-----------------------------------------------*/
/*	 [] ACTUALITÉS - LISTE, ARCHIVES, SEARCH
/*-----------------------------------------------*/

/* LISTING */
section.listing-actus,
.listing-actus article {
  margin-bottom: 5rem;
}

/* Visuel */
.listing-actus .col_visuel-article img,
.single-actu .col_visuel-article img {
  height: 13rem;
  width: 100%;
  object-fit: cover;
  /* object-position: center 40%; */
  /* 40% uniquement pour visuels hérités du site projet */
  border-radius: 20px;
}

/* Bloc Éditorial */
.listing-actus .bloc-editorial-article {
  background-color: rgb(232, 231, 226);
  border-radius: 20px;
  height: auto;
}

.listing-actus .row_editorial-article {
  height: 100%;
}

/* Titre et extrait */
.listing-actus .titre-extrait {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.listing-actus article a,
.listing-actus article a:hover,
.listing-actus article a:focus,
.single-actu article a,
.single-actu article a:hover,
.single-actu article a:focus {
  text-decoration: none;
  color: rgb(66, 20, 95);
}

.listing-actus .titre-extrait a:hover h2 {
  position: relative;
}

.listing-actus .titre-extrait a:hover h2::after,
.listing-actus .titre-extrait a:focus h2::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  right: -2.5rem;
  height: 1.4rem;
  width: 1.4rem;
  background: url(../assets/pictos/fleche-droite.svg) no-repeat center center;
}

/* Date et catégories */
.listing-actus .date-cats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.listing-actus .date-post,
.single-actu .date-post {
  color: rgb(61, 183, 228);
  margin-bottom: 0.5rem;
}

.listing-actus ul.post-categories,
.single-actu ul.post-categories {
  display: flex;
  flex-wrap: wrap;
  line-height: 1rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.listing-actus .date-cats ul.post-categories li {
  margin-bottom: 0.3rem;
}
.listing-actus ul.post-categories a:hover,
.single-actu ul.post-categories a:hover {
  color: rgb(255, 99, 25);
}

/* SINGLE */
.row_entete-article {
  margin-bottom: 2rem;
}
.single-actu .col_entete-article {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.single-actu .date-post {
  margin-bottom: 1rem;
}

.single-actu ul.post-categories {
  line-height: 1.5rem;
  margin-top: 2rem;
}

.single-actu .post-categories li {
  margin-right: 1rem;
}

/* Pagination */
nav.pagination {
  display: flex;
  justify-content: center;
}

.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  height: 2rem;
  width: 2rem;
  margin: 0 0.5rem;
  padding-top: 0.2rem;
}

.page-numbers.current {
  color: #fff;
  background: url(../assets/images/actualites/pastille-bleu-nuit.svg) no-repeat left center;
  background-repeat: no-repeat;
  background-size: cover;
}

a.page-numbers {
  color: #000;
  text-decoration: none;
  background: url(../assets/images/actualites/cercle-vert.svg) no-repeat left center;
  background-repeat: no-repeat;
  background-size: cover;
}

a.page-numbers:hover {
  color: #fff;
  background: url(../assets/images/actualites/pastille-bleu-nuit.svg) no-repeat left center;
}

/* Explorer les actualités */
#accordeon-explorer-actus .accordion-body {
  padding-bottom: 2rem;
}
#accordeon-explorer-actus ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#accordeon-explorer-actus li {
  margin-right: 1rem;
}
#accordeon-explorer-actus a {
  text-decoration: none;
  color: rgb(66, 20, 95);
}

#accordeon-explorer-actus a:hover,
#accordeon-explorer-actus a:focus {
  text-decoration: none;
  color: rgb(255, 99, 25);
}

/* Formulaire de recherche */
.wrapper-search {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  width: auto;
  border: none;
  background-color: #fff;
  border-radius: 20px;
}

#s {
  font-size: 1rem;
  color: rgb(66, 20, 95);
  height: 3rem;
  width: 68%;
  margin: 0;
  padding: 0;
  padding-left: 2rem;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
}

#s::-webkit-input-placeholder {
  color: #c5c4bd;
}
#s:-ms-input-placeholder {
  color: #c5c4bd;
}
#s::-ms-input-placeholder {
  color: #c5c4bd;
}
#s::placeholder {
  color: #c5c4bd;
}

input#searchsubmit {
  font-size: 0.9rem;
  color: #fff;
  height: 3rem;
  width: 30%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 20px 20px 0;
  background-color: rgb(66, 20, 95);
  cursor: pointer;
}

input#searchsubmit:hover,
input#searchsubmit:focus,
input#searchsubmit:active {
  color: #fff;
  background-color: rgb(255, 99, 25);
}

/* Archives actualités */
.hero .claim strong {
  font-family: "NohemiMed";
  color: rgb(255, 99, 25);
}

.explorer-archives li,
.archive.date .claim strong,
.hero .chemin .ca-is_month {
  text-transform: capitalize;
}

/*-----------------------------------------------*/
/*	 <> DESIGN WP
/*-----------------------------------------------*/

/* Liens */
.texte-editorial.editorial-wp a,
.texte-editorial.editorial-wp a:visited {
  color: inherit;
  text-decoration: underline;
}
.texte-editorial.editorial-wp a:hover,
.texte-editorial.editorial-wp a:focus,
.texte-editorial.editorial-wp a:active {
  color: rgb(61, 183, 228);
  text-decoration: none;
}

/* Images WP */
.editorial-wp img {
  border-radius: 20px;
}

.editorial-wp img.alignleft {
  display: block;
  float: left;
  margin: 0 1rem 1rem 0;
  max-width: 100%;
  height: auto;
}

.editorial-wp img.alignright {
  display: block;
  float: right;
  margin: 0 0 1rem 1rem;
  max-width: 100%;
  height: auto;
}

.editorial-wp img.aligncenter,
.editorial-wp img.alignnone {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  max-width: 100%;
  height: auto;
}

/*--------------------------*/
/*	 <> Cookies Notice
/*--------------------------*/
/* Bouton "Oui" */
#cookie-notice .cn-button[data-cookie-set="accept"] {
  font-weight: 600 !important;
  color: #fff !important;
  background-image: none;
  background-color: #63ceca !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  margin-right: 0.5rem;
}
#cookie-notice .cn-button[data-cookie-set="accept"]:hover {
  color: #fff !important;
  background-color: #3db7e4 !important;
}

/* Bouton "Non" */
#cookie-notice .cn-button[data-cookie-set="refuse"] {
  color: #fff !important;
  background-image: none;
  background-color: #ff6319 !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
}
#cookie-notice .cn-button[data-cookie-set="refuse"]:hover {
  color: #fff !important;
  background-image: none;
  background-color: #ffa100 !important;
  border: none;
}

/*-----------------------------------------------*/
/*	 <> FOOTER SITE
/*-----------------------------------------------*/
section.footer-site {
  margin-bottom: 1rem;
}
.footer-site .pdp {
  padding-top: 4rem;
  padding-bottom: 2rem;
  color: #fff;
  background-color: rgb(66, 20, 95);
  border-radius: 20px;
}

.footer-site img.pdp-logo-biosagis {
  width: 12rem;
}

.footer-site .col_doctolib-serveur,
.footer-site .col_mentions,
.footer-site .col_cookies {
  display: flex;
}

.footer-site a,
.footer-site a:visited {
  color: #fff;
  text-decoration: none;
}
.footer-site a:hover,
.footer-site a:focus,
.footer-site a:active {
  color: rgb(61, 183, 228);
  text-decoration: none;
}

.footer-site .row_logotype-pdp {
  margin-bottom: 3rem;
}

.footer-site .row_coordonnees-nav {
  margin-bottom: 4rem;
}

.footer-site address {
  color: rgb(99, 206, 202);
}

.footer-site .liens-nav-pdp li {
  margin-bottom: 0.5rem;
}

/* Liens Doctolib et Serveur de résultats */
.footer-site .col_doctolib-serveur a {
  width: 8.5rem;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.footer-site .col_doctolib-serveur a,
.footer-site .col_doctolib-serveur a:visited,
.footer-site .col_doctolib-serveur a:hover,
.footer-site .col_doctolib-serveur a:focus,
.footer-site .col_doctolib-serveur a:active {
  color: #fff;
}

/* Sub Footer */
.sub-footer {
  margin-bottom: 1rem;
}

.sub-footer a,
.sub-footer a:visited {
  color: rgba(66, 20, 95, 0.8);
  text-decoration: none;
}

.sub-footer a:hover,
.sub-footer a:focus,
.sub-footer a:active {
  color: rgb(66, 20, 95);
  text-decoration: none;
}