h2 {
  font-size:1.625em;
  line-height:1.3
}
h3 {
  font-size:2.1rem
}
div+h2,
h2+div,
div+h3,
img+h3,
p+h2,
p+h3,
ul+h2,
p+.cta,
p+.cta-produit {
  margin-top:40px
}

.archive-article {
  gap:1.5rem;
  align-items:flex-start;
  border:solid 2px #000;
  background:white;
  margin-bottom:2.5rem;
  overflow:hidden
}
.archive-thumb {
  aspect-ratio:1/1;
  flex:0 0 auto;
  max-width:220px
}
.archive-thumb img {
  width:100%;
  height:100%
}
.archive-content {
  flex:1;
  padding:1rem
}
@media (max-width:600px) {
  .archive-article {
    flex-direction:column
  }
  .archive-thumb {
    aspect-ratio:4/3;
    width:100%;
    max-width:100%
  }
    .nav-links {
    flex-wrap:wrap;
    min-height:300px
  }
  .post-navigation .nav-box {
    max-width:100%!important;
    flex-basis:100%!important
  }
}
.wp-caption {
  font-style:oblique
}
.wp-caption .wp-caption-text {
  background-clip:border-box;
  font-size:.75em;
  padding:6px
}
.comments-area,
.comments-title,
.no-results.not-found {
  padding:15px
}
.label,
.no-comments {
  color:var(--blnc)
}
.comment-metadata .edit-link:before {
  margin-left:2px;
  content:"| "
}
.comment-respond input[type="submit"] {
  background:var(--bg);
  color:var(--main)
}
.comment-form-comment:before {
  content:none
}
.comment-respond input[type="submit"]:hover {
  background:var(--main);
  color:var(--bg)
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border:0;
  font-weight:bolder;
  text-transform:uppercase
}
.cards {
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))
}
.cards.diaporama {
  gap:20px;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))
}
.card {
  align-content:baseline
}
.card img {
  aspect-ratio:4/3;
  object-fit:cover;
  transition:.3s ease
}
.card img:hover {
  filter:brightness(1.5)
}/*
.container-fluid {
  margin-right:auto;
  margin-left:auto;
  padding-left:15px;
  padding-right:15px
}*/
.image-blog {
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  background-color:#f7f7f7f7
}
.wp-post-image {
  transition:.4s ease-in-out
}
.wp-post-image:hover {
  filter:brightness(1.2);
  transform:scale(1.1)
}
.icon {
  width:15px;
  height:15px
}
.icon-blog {
  width:13px;
  height:13px;
  margin-right:3px
}
.reading-time,
.lastmaj {
  font-size:.875em
}
button.voir {
  display:flex;
  align-items:center;
  gap:6px;
  background:none;
  color:#000;
  border:solid 2px;
  transition:.3s ease-in-out;
  padding:1rem 1.5rem;
  margin-top:2rem;
  border-radius:10px
}
button.voir.open {
  border-bottom:solid 2px #fefcf9;
  border-radius:0
}
.reponses {
  border-left:solid 2px;
  box-shadow:0 4px 8px -6px gray;
  background:#fefcf9
}
p+h2,
p+h3,
a+h2,
img+h2,
p+img {
  padding-top:20px
}
figure {
  display:table!important;
  margin:30px 0!important;
  width:fit-content
}
figure figcaption {
  display:table-caption;
  caption-side:bottom;
  font-size:.875em;
  font-style:italic;
  color:hsl(0 0% 40%);
  font-family:"Georgia";
  word-wrap:break-word;
  margin-top:4px
}
.hero figure {
  margin:0 0 30px!important
}
.band_badge {
  justify-content:center;
  display:flex
}
.band_badge img:hover {
  transform:scale(1.2)
}
.bands {
  gap:10px;
  background:#f5f5f5;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))
}
.band_profile {
  border:solid 4px #fff;
  padding:6px
}
.badge {
  transition:.3s ease-in-out;
  width:100px;
  aspect-ratio:1/1;
  object-fit:contain;
  display:block
}
.band_info {
  align-content:center;
  display:flex;
  flex-direction:column;
  border-bottom:4px solid #fff;
  margin:6px 0 10px;
  padding-bottom:8px;
  align-items:center
}
.band_name {
  font-weight:700;
  font-size:1.125em;
  color:#000
}
a .band_style {
  font-weight:400
}
.band_style {
  color:#5d3501;
  line-height:1
}
.band_social {
  display:flex;
  gap:0 15px
}
.band_social svg:hover {
  scale:1.5
}
.band_social svg {
  height:22px;
  width:22px;
  scale:1.2;
  transition:.3s all
}
.cards.video_gallery {
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr))
}
.croix {
  transition:all .4s
}
.voir.active>.croix {
  background-image:url(https://www.phenixevent.com/wp-content/uploads/svgs/icon/croix-fermeture.svg);
  transform:rotate(270deg);
  filter:hue-rotate(0);
  background-size:contain
}
.voir.active .hidden {
  visibility:hidden
}
.cocasse {
  padding-left:12px;
  border-left:12px solid wheat;
  font-style:italic
}
.hero {
  margin:0 calc(50% - 50vw)
}
.pagination-container {
  text-align:center
}
.pagination-container ul {
  display:flex;
  gap:10px;
  padding:0;
  list-style:none
}
.pagination-container a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  background-color:#f1f1f1;
  border-radius:6px;
  color:#222;
  transition:background-color .3s ease,color .3s ease
}
.pagination-container a:hover {
  background-color:var(--blk);
  color:#fff
}
.page-numbers.current {
  display:flex;
  padding:8px 16px;
  background:var(--hov-link);
  border-radius:50%;
  align-content:center;
  min-width:40px;
  color:#fff;
  font-weight:700
}
.related-articles h2 {
  font-size:1.825em
}
.related-articles ul {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
  padding:0;
  margin:0
}
.related-articles li {
  flex:1 1 calc(25% - 20px);
  min-width:150px;
  text-align:center
}
.related-articles li a {
  display:block;
  color:#03123f;
  font-size:14px
}
.related-articles li a:hover {
  color:#004080
}
.related-articles li img {
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  margin-bottom:10px
}
.comment-form-comment:before {
  content:"\1F4AC";
  margin-right:5px
}
.form-group {
  margin-bottom:15px
}
.has-feedback {
  position:relative
}
.has-feedback .form-control {
  padding-right:42.5px
}
.has-feedback .form-control-feedback {
  position:absolute;
  top:25px;
  right:0;
  display:block;
  width:34px;
  height:34px;
  line-height:34px;
  text-align:center
}
.nav-search-box {
  display:none;
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:rgb(0 0 0 / .9);
  z-index:999
}
.search-visible {
  display:block
}
.nav-search-box .search-wrapper {
  position:relative;
  top:50%;
  display:table;
  margin:0 auto
}
.nav-search {
  display:block;
  position:absolute;
  right:8px;
  bottom:8px;
  z-index:9
}
.nav-deco {
  position:absolute;
  right:0;
  bottom:0;
  width:0;
  height:0;
  border-top:50px solid #fff0;
  border-right:50px solid #000
}
/*.nav-search .fa {
  color:#fff;
  cursor:pointer
}*/
.search-submit {
  vertical-align:top;
  height:50px
}
.search-close {
  display:none;
  height:22px;
  width:22px;
  position:relative;
  top:-40px;
  color:#fff;
  cursor:pointer
}
.nav-search-box .search-close {
  display:inline-block
}
.post-navigation,
.paging-navigation {
  margin-bottom:60px
}
.post-navigation .nav-previous,
.post-navigation .nav-next,
.paging-navigation .nav-previous,
.paging-navigation .nav-next {
  max-width:50%;
  padding:15px;
  font-weight:700;
  font-family:inherit
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  max-width:50%
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  text-align:right;
  max-width:50%
}
.post-navigation,
.paging-navigation,
.post-navigation a,
.paging-navigation a {
  text-decoration:none
}
.nav-links .nav-next,
.nav-links .nav-previous {
  border:var(--brd1);
  align-content:center;
  flex-basis:50%
}
.meta-nav {
  font-size:inherit
}
/*#comment-nav-above,
#comment-nav-below {
  overflow:auto
}
#comment-nav-above {
  margin-bottom:30px
}*/
.blog-post {
  margin-bottom:30px
}
/*.blog-post:nth-of-type(3n+1) {
  clear:left
}*/
.widget-area .widget {
  margin:0 0 30px
}
.size-image-blog {
  object-fit:cover;
  aspect-ratio:1/1
}
.widget-title {
  border-bottom:var(--brd1)
}
.widget-title+ul {
  padding:0 6px
}
.widget.widget_recent_entries a,
.widget.widget_categories a {
  font-weight:600
}
.widget.widget_recent_entries li,
.widget.widget_categories li {
  list-style-type:none
}
.widget.widget_categories li {
  border-bottom:var(--brd1);
  padding:4px
}
.widget-area .widget .children {
  padding-left:20px
}

.widget_search .search-submit {
  display:none
}
.moesia_recent_posts_widget li:before,
.moesia_recent_comments li:before {
  content:""!important;
  margin:0
}
.moesia_recent_comments .avatar {
  float:left;
  margin-right:15px
}
.moesia_recent_comments a.post-title {
  font-weight:600
}
.post-date {
  font-size:13px;
  color:#C8C8C8
}/*
.moesia_recent_comments .col-md-8,
.moesia_recent_posts_widget .col-md-8 {
  padding:0
}
.moesia_recent_comments .col-md-4,
.moesia_recent_posts_widget .col-md-4 {
  padding:0 15px 0 0
}
.moesia_recent_comments .list-group-item,
.moesia_recent_posts_widget .list-group-item {
  padding:10px 0
}*/
.updated {
  display:none
}
.single .byline,
.single .posted-on,
.archive .byline,
.blog .byline,
.blog .posted-on,
.posted-on .post-author {
  display:flex;
  align-items:center;
  gap:4px
}
.entry-title a {
  color:var(--link)
}
.entry-title a:hover,
.entry-footer a:hover {
  color:var(--hov-link)
}
.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a {
  font-size:.875em
}
.entry-footer,
.entry-meta {
  padding-top:10px;
  border-top:var(--brd1);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:0
}
.entry-footer.tags
.entry-footer span {
  display:flex;
  align-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:20px 10px
}
/*.entry-footer span a {
  border:solid 1px
}*/
.post-tags,.post-cat {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center
}

.tag-thumb:hover .tag-thumb-img {
  transform:scale(1.1)
}
.tag-thumb {
  display:flex;
  align-items:center;
  overflow:hidden
}
.entry-footer.tags.flex {
flex-direction:column;
padding: 2rem 0;
border-bottom: var(--brd1)
}
.post-cat a,.post-tags a{
  padding: .5rem 1rem;
  background: whitesmoke;
  color:var(--bg);
  letter-spacing: -.4px;
  font-family: trebuchet ms;
  border-radius: 6px
}
.post-cat a{
	color : initial
}

.tag-thumb-img {
  width:75px;
  aspect-ratio:4/3;
  object-fit:cover;
  flex-shrink:0
}


.posted_on_date_author {
  display:flex;
  gap:15px;
  margin-bottom:4px
}
.on_singlearticles {
  padding:4px 0;
  justify-content:space-between
}
.hentry .post-content {
  padding:10px;
  border:var(--brd1)
}
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display:none
}
.share-buttons {
  border-bottom:none;
  border-top:none
}
.post-actions {
  border-top:var(--brd1);
  border-bottom:var(--brd1)
}
.toggle-share,
.comment-toggle {
  background:var(--cdrbox);
  border:var(--brd1);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  gap:5px;
  margin:10px auto;
  border-radius:50px
}
.icon.collapse {
  width:1.25em;
  height:1.25em
}
.comment-toggle.open .icon-collapse {
  transform:rotate(180deg)
}
.comments-title {
  font-size:24px
}
.comments-area .children {
  padding-left:20px
}
.comments-area .fn {
  color:var(--blk)
}
.comment-author .avatar {
  position:absolute
}
.comment-metadata {
  margin-left:80px;
  font-size:12px;
  margin-bottom:30px
}
.comment-body {
  padding:15px;
  margin-bottom:40px;
  border:var(--brd2);
  background:var(--cdr)
}
.reply {
  text-align:right
}
.comment-reply-link {
  padding:8px;
  background:var(--blnc);
  border:var(--brd2);
  font-size:13px
}
a.comment-reply-link {
  color:var(--blk);
  text-decoration:none
}
a.comment-reply-link:hover {
  color:var(--link)
}
.comment-meta a {
  color:var(--link)
}
.comments-area a.url {
  color:var(--link);
  text-decoration:underline
}
input#author,
input#email,
input#url,
textarea#comment {
  width:100%;
  max-width:100%;
  padding:10px;
  border:var(--brd2)
}
.comment-form-author:before {
  content:"\🙂 "
}
.comment-form-email:before {
  content:"\✉️ "
}
.comment-form-url:before {
  content:"\🌐 "
}
.comment-respond input[type="submit"] {
  padding:15px
}
@media screen and (max-width:499px) {
  section .widget-title {
    font-size:36px
  }
  .blog-post {
    width:100%;
    margin-bottom:30px
  }
  .blog-post:nth-of-type(3) {
    margin-top:0
  }
  .comments-area .children {
    padding-left:0
  }
}
#content {
  display:flex
}
#primary {
  margin-right:20px
}
@media (min-width:992px) {
  #secondary {
    align-self:flex-start;
    margin:50px 0
  }
}
@media screen and (max-width:991px) {
  .hero img {
    width:100vw
  }
  .hero figcaption {
    padding:0 15px
  }
}
@media screen and (min-width:991px) {
  .hero {
    width:auto!important;
    margin:0 auto!important
  }
}
@media (min-width:768px) and (max-width:991px) {
  #content {
    flex-direction:column
  }
  #secondary {
    position:relative;
    top:auto;
    margin-left:0;
    max-width:100%
  }
}
@media screen and (max-width:768px) {
  #content {
    flex-direction:column
  }
  #secondary {
    position:relative;
    top:auto;
    margin-left:0;
    max-width:100%
  }
  .size-image-blog {
    object-fit:cover;
    aspect-ratio:4/3
  }
  .pagination-container ul {
    flex-wrap:wrap
  }
  .pagination-container a,
  .current {
    font-size:.875em;
    min-width:60px
  }
}
img[loading="lazy"] {
  transition:opacity .8s ease-in-out
}
.lazy-loaded {
  opacity:1!important
}
.go-fiche-prod {
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.go-fiche-prod .cta-btn {
  width:fit-content;
  padding:0 6px;
  border-radius:20px;
  color:#000;
  background:#7ff3d2;
  font-weight:600;
  min-height:100px;
  align-content:center;
  text-align:center;
  width:180px
}
.btn-avis {
  border:solid 2px;
  display:flex;
  white-space:normal;
  font-weight:700;
  padding:20px 50px;
  background:honeydew;
  color:black;
  margin:6rem auto;
  justify-content:center
}
.btn-prod {
  white-space:preserve-breaks;
  font-size:initial;
  font-weight:600;
  color:#000;
  background:#c7ffef;
  margin:8px 0;
  padding:2px 8px;
  vertical-align:unset;
  border:dashed 1px
}
.cta-buttons {
  display:flex;
  flex-direction:column;
  gap:2rem;
  margin:30px auto
}
.cta li {
  margin:20px auto
}
.author-box {
  display:flex;
  flex-direction:column;
  align-items:center
}
.author-thumbnail {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block
}
.author-name {
  font-style:italic;
  font-weight:bold;
  font-family:monaco;
  color:#38278b;
  font-size:1.8rem;
  margin:6px
}
.nav-links {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin:0 auto
}
.nav-box {
  position:relative;
  display:block;
  width:48%;
  height:auto;
  overflow:hidden;
  color:#fefefe;
  text-decoration:none
}
.nav-img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(65%)
}
.nav-box:hover .nav-img {
  transform:scale(1.05);
  filter:brightness(80%)
}
.nav-box:hover .nav-title {
  color:white
}
.nav-content {
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column
}
.nav-label {
  font-size:13px;
  margin-bottom:10px;
  color:var(--bg);
  font-style:italic;
  background:#ffffff7a
}
.nav-title {
  font-size:17px;
  line-height:1.35;
  flex-basis:80px;
  display:flex;
  align-items:center
}

.accessibility-container {
  display:flex;
  align-content:center;
  align-items:center
}
#theme-toggle {
  padding:.5em;
  border:var(--brd1);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer
}
.vache,
.fonz,
.clooney,
.grenouille,
.soleil,
.happizza,
.palmier,
.jesus,
.coeur,
.mapmark,
.cornichon,
.peace {
  position:relative;
  display:inline-block;
  scale:1.15
}
.vache {
  background-image:none;
  width:26px;
  height:26px;
  background-size:26px 26px;
  top:3px
}
.fonz {
  width:14px;
  height:20px;
  background-image:none;
  background-size:14px 20px;
  margin:0 2px;
  transform:translatey(2px)
}
.clooney {
  background-image:none;
  height:22px;
  width:22px;
  background-size:contain;
  margin:0 2px;
  vertical-align:text-top
}
.grenouille {
  background-image:none;
  width:20px;
  height:20px;
  background-size:20px 20px;
  -webkit-animation:.4s ease-in-out infinite alternate shake;
  top:5px
}
.soleil {
  background-image:none;
  height:24px;
  width:27px;
  background-size:cover;
  vertical-align:bottom
}
.happizza {
  background-image:none;
  width:20px;
  height:20px;
  background-size:contain;
  vertical-align:text-top
}
.palmier {
  background-image:none;
  width:22px;
  height:18px;
  background-size:cover;
  vertical-align:baseline
}
.jesus {
  background-image:none;
  width:22px;
  height:22px;
  background-size:contain;
  margin:0 4px;
  vertical-align:text-top
}
.coeur {
  mask-image:url('/wp-content/themes/Moesia-fan-fan/icn-blog/coeur.svg');
  width:20px;
  height:18px;
  margin:0 2px;
  vertical-align:sub
}
.cornichon {
  background-image:none;
  background-size:contain;
  width:20px;
  height:20px;
  vertical-align:sub;
  margin:0 2px;
  transform:rotatez(-10deg)
}
.peace {
  width:16px;
  height:22px;
  background-image:none;
  background-size:contain;
  margin:0 4px;
  vertical-align:sub
}
span[data-bg] {
  transition:background-image 1s ease,opacity 1s ease;
  opacity:0
}
span[data-bg].loaded {
  opacity:1
}
.ar-wrapper {
  margin:60px 0;
  padding:15px;
  background:#fffaf5
}
.ar-buttons {
  display:flex;
  gap:30px;
  align-items:center;
  text-align:center;
  justify-content:center
}
.ar-btn {
  background:none;
  cursor:pointer;
  font-size:20px;
  display:flex;
  align-items:center
}
.ar-btn.voted {
  color:#e74c3c
}
.ar-btn .ar-count {
  margin-left:4px
}
.ar-wrapper p {
  text-align:center
}
.related-title,
.related-name {
  text-align:center
}
.related-name {
  margin-block:1.2rem;
  font-size:1em;
  color:var(--bg)
}
.related-image img {
  aspect-ratio:1/1 !important
}
.related-meta {
  display:bloc;
  font-size:.85em;
  color:var(--bg)
}
.related-price,
.related-stock {
  font-weight:500
}
.related-stock {
  font-size:.75em;
  display:flex;
  align-items:center;
  gap:4px;
  color:var(--bg)
}
.related-cta {
  display:flex;
  margin-top:.8em;
  font-size:.8em;
  text-decoration:underline;
  color:var(--bg)
}
.bloc-100 {
  margin:100px auto
}
.wrapper {
  width:100%;
  position:relative
}
.wrapper button {
  top:50%;
  height:50px;
  width:50px;
  cursor:pointer;
  position:absolute;
  background:#fff;
  transition:transform .1s linear;
  display:flex;
  align-content:center;
  align-items:center;
  justify-content:center;
  filter:drop-shadow(0px 1px 3px rgba(0,0,0,0.83));
  z-index:2
}
.wrapper button:active {
  transform:scale(.85)
}
.photos-left {
  left:-14px
}
.wrapper button:last-child {
  right:-14px
}
.wrapper .carousel {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% / 3) - 12px);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  gap:20px;
  scroll-behavior:smooth;
  scrollbar-width:none;
  position:unset;
  margin-bottom:0
}
ul.carousel {
  padding:0
}
.carousel::-webkit-scrollbar {
  display:none
}
.carousel.no-transition {
  scroll-behavior:auto
}
.carousel.dragging {
  scroll-snap-type:none;
  scroll-behavior:auto
}
.carousel.dragging .card {
  cursor:grab;
  user-select:none
}
.card {
  align-content:unset!important
}
.carousel .card {
  scroll-snap-align:start;
  list-style:none;
  cursor:pointer;
  flex-direction:column;
  height:auto
}
#carousel-photos-article img {
  aspect-ratio:4/3;
  object-fit:cover;
  width:100%;
  display:block
}
@media screen and (max-width:900px) {
  .wrapper .carousel {
    grid-auto-columns:calc((100% / 2) - 9px)
  }
}
@media screen and (max-width:600px) {
  .wrapper .carousel {
    grid-auto-columns:calc((100% / 2) - 9px)
  }
  #carousel-photos-article img {
    aspect-ratio:4/5
  }
}
.articles-left {
  left:-10px
}
.articles-right {
  right:-10px
}
.lightbox-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.9);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:9999;
  overflow:hidden;
  opacity:0;
  transition:opacity .3s ease
}
.lightbox-overlay.show {
  opacity:1
}
.lightbox-close {
  position:absolute;
  top:20px;
  right:30px;
  font-size:30px;
  color:white;
  cursor:pointer;
  z-index:10000;
  user-select:none
}
.lightbox-slider-container {
  width:90%;
  max-width:1000px;
  overflow:hidden;
  position:relative
}
.lightbox-slider {
  display:flex;
  transition:transform .4s ease
}
.lightbox-slide {
  flex:0 0 100%;
  display:flex;
  justify-content:center;
  align-items:center
}
.lightbox-slide img {
  max-width:100%;
  max-height:90vh
}
.lightbox-nav {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:40px;
  color:white;
  cursor:pointer;
  user-select:none;
  z-index:10000;
  padding:10px
}
.lightbox-prev {
  left:0
}
.lightbox-next {
  right:0
}
.lightbox-nav:hover {
  color:#ccc
}
.contactBtn {
  position:fixed;
  bottom:120px;
  background:#bfffed9c;
  color:#050505;
  padding:6px;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transition:opacity .4s ease,transform .6s ease;
  z-index:9999;
  width:120px;
  height:120px;
  display:flex;
  flex-direction:column;
  transform:translateX(-100%)scale(.5)
}
.contactBtn.showBtn {
  opacity:1;
  pointer-events:auto;
  transform:translateX(-15px)
}
.contact-btn-text {
  color:black;
  font-size:.65em;
  margin-top:4px;
  text-align:center
}
.tooltip {
  position:relative;
  cursor:pointer;
  font-weight:600
}
.tooltip::before {
  content:'';
  position:absolute;
  top:12px;
  left:-6px;
  right:6px;
  bottom:3px;
  background-color:#32eba278;
  z-index:-1;
  transform:translate(5px,5px)
}
.tooltiptext {
  visibility:hidden;
  background-color:#222;
  color:#fff;
  text-align:center;
  border-radius:6px;
  padding:5px;
  position:absolute;
  bottom:110%;
  left:50%;
  transform:translateX(25%);
  z-index:1;
  width:200px;
  opacity:0;
  transition:.3s ease-in-out;
  font-weight:400;
    left:auto;
  right:0
}
.tooltip:hover .tooltiptext,
.tooltip:focus .tooltiptext {
  visibility:visible;
  opacity:1;
  transition:.3s ease-in-out
}
.tooltiptext::after {
  content:'';
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  border-width:6px;
  border-style:solid;
  border-color:#333 transparent transparent transparent
}

@media (min-width:360px) {
  .tooltiptext {
    width:150px
  }
}
@media (min-width:768px) {
  .tooltiptext {
    width:250px
  }
}
#dyslexia-toggle-container {
  display:flex;
  align-items:center;
  flex-direction:column;
  width:80px
}
#dyslexia-toggle {
  width:60px;
  height:30px;
  background-color:#ccc;
  border-radius:30px;
  border:none;
  position:relative;
  cursor:pointer;
  padding:0;
  transition:background .3s ease
}
#dyslexia-toggle .toggle-slider {
  position:absolute;
  height:26px;
  width:26px;
  background-color:white;
  border-radius:50%;
  top:2px;
  left:2px;
  transition:all .3s ease
}
#dyslexia-toggle.active {
  background-color:var(--main)
}
#dyslexia-toggle.active .toggle-slider {
  transform:translateX(30px)
}
#texte-article {
  transition:opacity .3s ease
}
.dyslexia-mode {
  font-family:'OpenDyslexic',Arial,sans-serif!important;
  opacity:0
}
.dyslexia-mode.font-ready {
  opacity:1
}
.dyslexia-mode.dyslexia-mode-exit {
  opacity:0
}
#texte-article.dyslexia-mode * {
  font-family:'OpenDyslexic',sans-serif!important
}
#texte-article.dyslexia-mode .share-buttons * {
  font-family:initial!important
}
.toggle {
  display:flex;
  align-items:center;
  width:100%;
  padding:1rem;
  text-align:left;
  transition:transform .3s ease;
  background:none;
  border:solid 2px black;
  border-radius:6px;
  position:relative
}
.trigger {
  position:relative;
  overflow:hidden
}
.trigger::before {
  content:'';
  position:absolute;
  inset:0;
  background:#6633992b;
  transform:translateX(-100%);
  transition:transform .3s ease
}
.trigger[aria-expanded="true"]::before {
  transform:translateX(0)
}
button.toggle {
  transition:.3s ease
}
button.toggle.open {
  border-radius:0;
  border-bottom-color:#fefcf9
}
.collapse {
  overflow:hidden;
  max-height:0;
  opacity:0;
  padding:0 1rem;
  transition:max-height .3s ease,opacity .6s ease
}
.collapse.open {
  opacity:1
}
.panneau {
  background-color:#fefcf9;
  border-left:solid 2px;
  box-shadow:0 4px 8px -6px gray;
  font-size:1.3rem;
  font-style:italic;
  background:#fefcf9
}
.icon,
.icon-collapse {
  width:1.25em;
  height:1.25em;
  flex-shrink:0;
  transition:transform ease .3s
}
.toggle.open .icon-collapse {
  transform:rotate(180deg)
}