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

/*--------------------------*/
/*	 <> Règles communes 
/*--------------------------*/

body {
  background: #fff;
  background: #f7f6f2;
  overflow-x: hidden;
}

.wrapper-racine,
.offcanvas {
  padding-top: 1rem;
}

/* Marges verticales */
section,
main {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.hero,
.en-tete {
  margin-top: 5rem;
}

/* Liens */
a {
  color: rgb(66, 20, 95);
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
a:hover,
a:focus,
a:active {
  color: rgb(66, 20, 95);
  text-decoration: underline;
  outline: none;
  box-shadow: none;
}
.wp-content a {
  color: inherit;
  text-decoration: underline;
  outline: none;
  box-shadow: none;
}
.wp-content a:hover,
.wp-content a:focus,
.wp-content a:active {
  color: rgb(61, 183, 228);
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
.post-categories a:hover,
.post-categories a:focus,
.post-categories a:active,
.parcourir-actus .categories-actus li a:hover,
.parcourir-actus .categories-actus li a:focus,
.parcourir-actus .categories-actus li a:active {
  text-decoration: none;
}

/* Titres */
.contenu-editorial h1,
.contenu-editorial h2,
.contenu-editorial h3,
.contenu-editorial h4,
.contenu-editorial h5,
.contenu-editorial h6 {
  color: rgb(66, 20, 95);
}

h1,
.pdp h2 {
  color: rgb(66, 20, 95);
}

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

.wp-content ul {
  list-style-type: circle;
  list-style-position: outside;
  margin-left: 2rem;
  margin-bottom: 1rem;
}

figure {
  padding: 0;
  margin: 0;
}

.visuel-hero-accueil,
.visuel-hero,
.visuel-article {
  position: relative;
}

.col-visuel-exergue,
.col-visuel-article {
  display: flex;
  justify-content: center;
}

/* Alignement vertical */
.en-tete .row,
.hero .row,
.row.exergue,
.row.article {
  align-items: center;
}

/* Clip-path */
.col-visuel-exergue img,
.visuel-hero-accueil img,
.visuel-hero img,
.contenu-editorial .img-clip {
  display: block;
  -webkit-clip-path: url(#clip-pastille);
  clip-path: url(#clip-pastille);
}

.page-template-vous-etes-patient .visuel-hero img,
.page-template-vous-etes-pro .visuel-hero img,
.clip-feuille img {
  display: block;
  -webkit-clip-path: url(#clip-feuille);
  clip-path: url(#clip-feuille);
}

svg.formes-clip-path {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
}

/* Clip-path */
.col-visuel {
  display: flex;
  justify-content: center;
}

/* Forme Pastille */
.forme-pastille {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 /1;
  background-repeat: no-repeat;
  background-size: cover;
}

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

/* Pastille */
.surtitre::before,
.parcourir-actus .categories-actus li a::before {
  content: "";
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 0.3rem;
}

/* Surtitre */
.surtitre-exergue::before,
.surtitre-projet::before {
  background: url(../assets/images/pastille-bleu.svg) no-repeat left center;
}

.hero .annonce-date,
.pdp .description,
.pdp .annonce-date {
  text-align: center;
}

/* Catégories */
.post-categories,
.categories-actus ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.post-categories li,
.categories-actus li {
  margin-right: 1rem;
}

/*--------------------------*/
/*	 <> Header Site
/*--------------------------*/

.header-site .navbar,
.header-site .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

.header-site .navbar,
.header-site .offcanvas-entete .container {
  height: 5rem;
}

.header-site .navbar-brand {
  position: relative;
  z-index: 9999;
}

.header-site img {
  width: 13rem;
}

.header-site a.togglemenu {
  color: #fff;
  text-decoration: none;
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  background: url(../assets/images/pastille-bleu-nuit.svg) no-repeat left center;
}
.header-site a.togglemenu:hover,
.header-site a.togglemenu:focus,
.header-site a.togglemenu:active {
  background: url(../assets/images/pastille-rouge.svg) no-repeat left center;
}

/*--------------------------*/
/*	 <> Hero et En-Tête
/*--------------------------*/

.surtitre-votre-espace::before {
  background: url(../assets/images/pastille-vert.svg) no-repeat left center;
}

.visuel-hero::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 2rem;
  left: -3.5rem;
  width: 6rem;
  height: 6rem;
  background: url(../assets/images/pastille-bleu.svg) no-repeat left center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-template-contact .visuel-hero::before {
  background: url(../assets/images/pastille-rouge.svg) no-repeat left center;
}

.page-template-vous-etes-pro .visuel-hero::before,
.page-template-vous-etes-patient .visuel-hero::before {
  bottom: 4rem;
  left: -3.5rem;
  background: url(../assets/images/pastille-vert.svg) no-repeat left center;
}

/*--------------------------*/
/*	 <> Main Corpus
/*--------------------------*/
.corpus {
  position: relative;
}

.corpus .container {
  /*   z-index: 9999;
  position: relative; */
}

.corpus::after {
  /*   z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 30vw;
  height: 100%;
  height: calc(100vh + 5vw);
  width: auto;
  display: block;
  background-image: url(../assets/images/pastille-blanc.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-size: 100% auto;
  background-position: center center;
  aspect-ratio: 1 /1;
  opacity: 0.5; */
}

/*--------------------------*/
/*	 <> Les dernières actus
/*--------------------------*/

.les-dernieres-actus .row.article {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.les-dernieres-actus .row.article:last-child {
  margin-bottom: 0;
}

.lien-toutes-actus a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.lien-toutes-actus a::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  background: url(../assets/images/pastille-bleu-nuit-fleche.svg) no-repeat left center;
}

.lien-toutes-actus a:hover::before,
.lien-toutes-actus a:focus::before,
.lien-toutes-actus a:active::before {
  background: url(../assets/images/pastille-orange-fleche.svg) no-repeat left center;
}

/*--------------------------*/
/*	 <> Promesses
/*--------------------------*/
.encart-promesse {
  display: flex;
  justify-content: center;
}

.pastille-promesse {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.2rem;
  height: 11.2rem;
  background-image: url(../assets/images/cercle-vert.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pastille-promesse span {
  width: 50%;
}

/*--------------------------*/
/*	 <> Pied de Page
/*--------------------------*/
section.pdp {
  margin-bottom: 0;
}

.pdp .description {
  margin-bottom: 1rem;
}

/* Date ouverture */
.annonce-date {
  display: flex;
  justify-content: center;
}

.pastille-ouverture {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 6rem;
  height: 6rem;
  background-image: url(../assets/images/pastille-orange.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-site {
  background-image: url(../assets/images/pastille-blanc.svg);
  background-repeat: no-repeat;
  background-size: 90vw;
  background-position: 25vw 0;
}

.row.footer {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.visuel-pdp {
  position: relative;
}

.visuel-pdp img {
  display: block;
  -webkit-clip-path: url(#clip-pastille);
  clip-path: url(#clip-pastille);
}

.visuel-pdp::before {
  content: "";
  display: block;
  position: absolute;
  top: -2rem;
  left: 0;
  width: 6rem;
  height: 6rem;
  background: url(../assets/images/cercle-vert.svg) no-repeat left center;
}

/* Menu */
.pdp .menu ul:first-child {
  height: 12rem;
}

.pdp .menu li:first-child {
  margin-bottom: 0.6rem;
}

.offcanvas .menu li,
.pdp .menu li {
  margin-bottom: 0.4rem;
}

/* Pastilles (commun avec OffCanvas) */
.offcanvas .menu-projet .surtitre::before,
.pdp .menu-projet .surtitre::before {
  background: url(../assets/images/pastille-bleu.svg) no-repeat left center;
}
.offcanvas .menu-votre-espace .surtitre::before,
.pdp .menu-votre-espace .surtitre::before {
  background: url(../assets/images/pastille-vert.svg) no-repeat left center;
}
.offcanvas .menu-actus .surtitre::before,
.pdp .menu-actus .surtitre::before {
  background: url(../assets/images/pastille-orange.svg) no-repeat left center;
}
.offcanvas .menu-contact .surtitre::before,
.pdp .menu-contact .surtitre::before {
  background: url(../assets/images/pastille-rouge.svg) no-repeat left center;
}

/* Réseaux */
.pdp .reseaux {
  margin-top: 4rem;
}

.lien-reseaux {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 1.3rem;
}

/* Mentions */
.row.mentions {
  color: rgba(0, 0, 0, 0.3);
  margin-top: 3rem;
  padding-bottom: 1rem;
  text-align: right;
  font-size: 0.6rem;
}

.mentions a {
  color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

.mentions a:hover,
.mentions a:focus,
.mentions a:active {
  color: rgba(0, 0, 0, 0.5);
}

/*-------------*/
/*	 [] Accueil
/*-------------*/

.home .hero .row {
  justify-content: center !important;
}

.home .hero .pastille-ouverture {
  text-align: center;
  position: absolute;
  z-index: 1;
  font-size: 0.9rem;
}

.home .hero .sous-titre {
  margin-top: 2rem;
}

.home .exergue:nth-child(even) {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.exergue-vous .surtitre-exergue {
  margin-top: 2rem;
}

.col-vous .visuel-exergue {
  display: flex;
  justify-content: center;
}

/*---------------------------------------------*/
/*	 [] Actualités - Listing, Archives, Search
/*---------------------------------------------*/
main.liste-actualites {
  margin-bottom: 3rem;
}

.liste-actualites .row.article {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

/* Titre */
.pastille-titre {
  color: #fff;
  background: url(../assets/images/pastille-orange.svg) no-repeat left center;
}

.pastille-titre .annonce-date {
  text-align: center;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  bottom: -2rem;
  right: -2rem;
  width: 6rem;
  height: 6rem;
  background-image: url(../assets/images/pastille-bleu-nuit.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Hack pour aspect-ratio anciens navigateurs) lorsque taille pastille définie par .col */
.pastille-titre::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/* Archives */
.archive .accroche-actus span {
  color: rgb(99, 206, 202);
}

/* Résultats de recherche */
.search .accroche-actus span {
  color: rgb(255, 99, 25);
}

.post-categories {
  font-size: 0.8rem;
}

.post-categories a,
.post-categories a:visited {
  color: #000;
}

.post-categories li a::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.3rem;
}

.post-categories li a::before {
  background: url(../assets/images/cercle-vert-2px.svg) no-repeat left center;
}

.post-categories li a:hover::before,
.post-categories li a:focus::before,
.post-categories li a:active::before {
  background: url(../assets/images/pastille-vert.svg) no-repeat left center;
}

/* Titre */
.titre-article {
  margin: 1em 0 1.3em 0;
}

.visuel-article img {
  display: block;
  -webkit-clip-path: url(#clip-pastille);
  clip-path: url(#clip-pastille);
}

.visuel-article .date {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: -3.5rem;
  width: 6rem;
  height: 6rem;
  background: url(../assets/images/cercle-vert.svg) no-repeat left center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Pagination */
section.pagination {
  margin-top: 0;
}

nav.pagination, /* (nouveau code) */
.liste-pages {
  display: flex;
  justify-content: center;
}

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

.page-numbers.current {
  color: #fff;
  background: url(../assets/images/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/cercle-vert.svg) no-repeat left center;
  background-repeat: no-repeat;
  background-size: cover;
}

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

/*-------------------------*/
/*	 [] Actualités - Single
/*-------------------------*/

/* Surtitre */
.single .en-tete .surtitre::before {
  background: url(../assets/images/pastille-orange.svg) no-repeat left center;
}

.single .row.article {
  margin-bottom: 0;
}

.single .post-categories {
  margin-top: 1rem;
}

/*-------------------------*/
/*	 [] Contact
/*-------------------------*/
/* Surtitre */
.surtitre-contact::before {
  background: url(../assets/images/pastille-rouge.svg) no-repeat left center;
}

/*--------------------------*/
/*	 <> Parcourir actualités
/*--------------------------*/
.parcourir-actus .row {
  margin-top: 3rem;
}

.pastille-parcourir {
  color: #fff;
  background: url(../assets/images/pastille-rouge.svg) no-repeat left center;
}

.parcourir-actus h3 {
  margin-bottom: 1rem;
}

.parcourir-actus h3::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.6rem;
}

.dernieres-actus h3::before {
  background: url(../assets/images/pastille-orange.svg) no-repeat left center;
}

.categories-actus h3::before {
  background: url(../assets/images/pastille-vert.svg) no-repeat left center;
}

.rechercher-actus h3::before {
  background: url(../assets/images/pastille-rouge.svg) no-repeat left center;
}

.parcourir-actus .categories-actus li a::before {
  background: url(../assets/images/cercle-vert-2px.svg) no-repeat left center;
}
.parcourir-actus .categories-actus li a:hover::before,
.parcourir-actus .categories-actus li a:focus::before,
.parcourir-actus .categories-actus li a:active::before {
  background: url(../assets/images/pastille-vert.svg) no-repeat left center;
}

.parcourir-actus .item-article {
  margin: 0 0 1.3rem 0;
}

.parcourir-actus .colonne-2 .item-article:last-child {
  margin-bottom: 0;
}

/* Catégories */
.categories-actus a {
  color: #000;
}

/* Rechercher */
.rechercher-actus span {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.5);
}

.wrapper-rechercher {
  display: flex;
  align-items: center;
  width: auto;
  border: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 2rem;
}

#s {
  color: rgb(255, 99, 25);
  height: 2.5rem;
  width: 100%;
  margin: 0;
  padding: 0 1.3rem 0 1.5rem;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

#s::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

#searchsubmit {
  display: block;
  color: #fff;
  width: 2rem;
  height: 2rem;
  border: 0;
  margin-right: 0.6rem;
  background: url(../assets/images/loupe-rouge.svg) no-repeat left center;
  cursor: pointer;
  border-radius: 0;
}

#searchsubmit:hover,
#searchsubmit:focus,
#searchsubmit:active {
  background: url(../assets/images/loupe-bleu-nuit.svg) no-repeat left center;
}

/* Suppression outline */
input:focus,
textarea:focus,
select:focus {
  outline: none;
}

/*--------------------------*/
/*	 <> Menu Off Canvas
/*--------------------------*/
.offcanvas {
  transition: transform 1s ease-in-out;
  background-color: transparent;
}

/* Fond Offcanvas */
.offcanvas::before {
  content: "";
  position: absolute;
  display: block;
  height: calc(78vw + 70vh);
  width: calc(78vw + 70vh);
  bottom: 8vw;
  left: -60vh;
  background-image: url(../assets/images/pastille-blanc.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.offcanvas.offcanvas-end {
  width: 100%;
  border: none;
}

.offcanvas-entete .container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* Bouton fermer */
.offcanvas-entete .fermer {
  z-index: 9999;
  font-size: 0.8rem;
  color: #000;
  display: flex;
  height: 3rem;
  width: 3rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: url(../assets/images/pastille-vert.svg) no-repeat left center;
  opacity: 0.5;
}

.offcanvas-entete .fermer:hover,
.offcanvas-entete .fermer:focus,
.offcanvas-entete .fermer:active {
  opacity: 1;
}

.offcanvas-entete button {
  width: 3rem;
  height: 3rem;
}

.offcanvas-entete button:hover,
.offcanvas-entete button:focus,
.offcanvas-entete button:active {
  outline: none;
  box-shadow: none;
}

.offcanvas-body {
  z-index: 1;
  padding: 0;
  margin-top: 7vh;
}

/* Menu de navigation */
.offcanvas-body .menu {
  padding-bottom: 10vw;
}

.offcanvas-body .menu div[class*="col"] {
  margin-bottom: 2rem;
}

/* Hors zone du OffCanvas */
.offcanvas-backdrop.show,
.offcanvas-backdrop.fade {
  opacity: 1;
  background-color: #f7f6f2;
}

/* Pastille décorative */
/* .offcanvas::after {
  content: "";
  position: absolute;
  display: block;
  height: 110%;
  width: 110%;
  bottom: -80%;
  right: -60%;
  background-image: url(../assets/images/pastille-background.svg);
  background-repeat: no-repeat;
  opacity: 1;
} */

/*--------------------------*/
/*	 <> Design WP
/*--------------------------*/
/* Images WP */
img.alignleft {
  display: block;
  float: left;
  margin: 0 1rem 1rem 0;
  max-width: 100%;
  height: auto;
}

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

img.aligncenter,
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;
}