/*
Theme Name: Generic
Theme URI: https://generic.tools/
Author: Bryan Hadaway
Author URI: https://calmestghost.com/
Description: A fully responsive, SEO-friendly, jQuery-ready, and WordPress theme review guidelines compliant starter theme for designers and developers, which comes with its own built-in CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist with building client sites virtually from scratch or building and submitting your own themes. It's updated to reflect new changes in theme review requirements, to make the process much easier with a higher level of success (some theme authors never make it through), but please post bugs, suggestions for improvement, or support requests on GitHub (https://github.com/bhadaway/generic-theme/issues) if you're getting jammed up on your review ticket. Note: the aim of the project is to meet WordPress guideline requirements, but not necessarily all of its recommendations. The biggest diversion would be the semi-minification of Generic's code. If you prefer the WordPress official coding standard (https://make.wordpress.org/core/handbook/best-practices/coding-standards/) or some other popular standard, you may download a free trial of PhpStorm (https://www.jetbrains.com/phpstorm/) or use some other code formatter/beautifier to automatically and instantly bulk format all the code to your liking. If I was able to help you out, consider making a donation (https://calmestghost.com/donate). Thank you and enjoy!
Version: 1.9
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Text Domain: generic

Generic WordPress Theme © 2015-2019 GenericTools
Generic is distributed under the terms of the GNU GPL
*/

@font-face {
  font-family: "Helvetica-Condensed";
  font-weight: 500;
  src: url("fonts/Helvetica-Condensed-Bold.otf");
}

@font-face {
  font-family: "Helvetica-Condensed";
  font-weight: 100;
  src: url("fonts/Helvetica-Condensed-LtObl.otf");
}

@font-face {
  font-family: "Mistral";
  src: url("fonts/Mistral.otf");
}

/* COULEURS

rouge : #e7202e
gris : #d2d2d2

*/

.wp-block-image img {
  height: inherit;
}

#search {
  float: left;
  margin: 25px;
}
#search .search-field {
  width: 200px;
  height: 36px;
  padding: 10px;
  margin-top: 0;
  color: #fff;
  border: none;
  border-bottom: 1px solid gray;
  font-family: Courier;
  font-size: 12pt;
  padding-left: 5px;
}
.widget-container .search-field {
  width: 100%;
}
.error404 .entry-content .search-field,
.search .entry-content .search-field {
  width: 200px;
  margin-top: 30px;
}
.error404 .entry-content .search-field,
.search .entry-content .search-field,
.widget-container .search-field {
  background-color: #f6f6f6;
}
.search-field {
  background: url("images/find2.png") no-repeat 98% center / 24px auto;
}
.screen-reader-text,
.search-submit {
  display: none;
}

/* GENERAL */

h3 {
  font-weight: inherit;
}

p {
  line-height: 1.5;
  font-family: Courier;
}

.courier {
  font-family: Courier;
}

.mistral {
  font-family: "Mistral" !important;
  font-weight: inherit !important;
}

h2.mistral {
  font-size: 22pt;
}

.wp-block-embed__wrapper iframe {
  max-width: 100%;
  height: 400px;
}

.rouge {
  color: #e7202e;
}

h1.rouge {
  font-size: 30pt;
  margin-top: 15px;
}

.helvetica {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
}

.majuscule {
  text-transform: uppercase;
}

.citation {
  font-style: italic;

  color: #898989;
  text-align: center;
  font-size: 16pt;
  line-height: 1.7;
  font-family: font92225;
  letter-spacing: 1px;
}

.clear {
  clear: both;
}

body {
  margin: 0;
  padding: 0;
}

.section_tabs {
  height: 100vh;
  width: 100%;
}

.menu_tab {
  background: black;
  color: white;
  float: left;
  width: 60px;
  position: absolute;
}

.menu_tab #burger {
  position: absolute;
  left: 15px;
  opacity: 1;
  transition: opacity 0.5s ease-out;
  cursor: pointer;
  z-index: 999;
}

.menu_tab #croix_menu {
  position: absolute;
  left: 19px;
  opacity: 0;
  transition: opacity 0.5s ease-out;
  cursor: pointer;
  z-index: 99;
}

.menu_tab #logo {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 40px;
}

.agenda_tab {
  background: #e7202e;
  color: white;
  float: left;
  position: absolute;
  width: 60px;
  left: calc(100vw - 120px);
  transition: all 0.5s ease-out;
  cursor: pointer;
  z-index: 9999;
}

.agenda_tab p {
  transform: rotate(-90deg);
  margin-top: calc(50vh - 60px);
  font-family: Courier;
}

.agenda_tab img {
  margin-left: 16px;
  margin-top: 20px;
}

.agenda_content {
  width: 0;
  height: 100vh;
  min-height: 500px;
  position: fixed;
  opacity: 0;
  transition: width 0.3s ease-out 0.3s;
  transition: opacity 0.6s ease-out 0.6s;
  background: white;
  overflow: hidden;
  overflow-y: auto;
  z-index: 999;
}

.agenda_content.open {
  width: calc(100vw - 160px);
  opacity: 1;
}

.agenda_content h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  color: #e8e8e8;
  text-align: center;
  font-size: 50pt;
}

.billeterie_tab {
  background: #d2d2d2;
  color: black;
  height: 100vh;
  min-height: 500px;
  position: absolute;
  float: left;
  width: 60px;
  left: calc(100vw - 60px);
  z-index: 9999;
}

.billeterie_tab p {
  transform: rotate(-90deg);
  margin-top: calc(50vh - 40px);
  font-family: Courier;
}

.billeterie_tab img {
  margin-left: 22px;
  margin-top: 18px;
}

.slider_hp {
  /* width: calc(100vw - 120px); */

  position: absolute;

  /* left: 60px; */

  height: 100vh;
  min-height: 500px;

  top: 0;
}

.slider_pages {
  max-height: 500px;
}

.image_slider {
  /* width: calc(100vw - 120px); */
  height: 100vh;
  position: relative;
  /* height:50vh; */
  /* min-height:500px; */
}

.slick-dots {
  display: flex;
  justify-content: center;

  margin: 0;
  padding: 1rem 0;

  list-style-type: none;
  margin-top: -50px;
}

.slick-dots li {
  margin: 0 0.25rem;
  z-index: 99;
}

.slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;

  border: none;
  border-radius: 100%;
  background-color: white;

  outline: none;
  box-shadow: none;
  border: 2px solid black;

  text-indent: -9999px;
}

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

li.slick-active button {
  background-color: black;
}

.content_slide {
  position: absolute;

  bottom: 0;

  z-index: 999;

  /* left: 10vh; */
  color: white;
}

.content_slide h1 {
  /* text-transform:uppercase; */
  font-size: 18pt;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  margin-bottom: 20px;
}

.events,
.facetwp-template {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 5%;
  padding-right: calc(5% + 20px);
  width: 100%;
}

.event {
  width: 28%;
  padding: 0% 2.5%;
}
.vignette_img {
  display: none;
}

p.custom-tel a {
  color: red !important;
}

@media screen and (max-width: 767px) {
  .vignette_img {
    margin-bottom: 15px;
    display: block;
  }
  .page-template-page-historique_collection .events .event .image_event {
    display: none;
  }
  .page-template-page-historique_collection .events {
    flex-direction: column;
    padding: 0;
  }

  .page-template-page-historique_collection .event {
    width: auto;
    padding: 0;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
  .dates p,
  .container_content .event h2 {
    text-align: left !important;
  }
  .events {
    flex-direction: row;
    justify-content: space-between;
  }
  .event {
    width: 45%;
  }
}

.actions_taxonomy {
  width: 24.5%;
  display: inline-block;
}

.actions_taxonomy .event {
  width: 100%;
}

.agenda_content .event,
.agenda_content h1,
.agenda_content p,
.agenda_content h2 {
  opacity: 1 !important;
  transform: none !important;
}

.event h2 {
  text-transform: uppercase;
  font-size: 18pt;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  margin-bottom: 20px;
  /* min-height: 80px; */
  text-align: left;
}

.films .event h2 {
  min-height: auto;
}

.actions_soutien .event .categorie {
  margin: 20px 0px;
  font-size: 14pt;
}

.page-template-page-agenda .actions_soutien .event .categorie {
  margin: 0px;
}

.content_slide .categorie,
.event .categorie {
  background: #e7202e;
  padding: 5px 10px;
  float: left;
  margin: 0;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  color: white;
  font-size: 14pt;
}

.single-evenements .categorie {
  background: #e7202e;
  padding: 5px 10px;
  float: left;
  margin: 0;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  color: white;
  margin-top: -16.5px;
  z-index: 9;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.single-univers_fab .categorie {
  background: #e7202e;
  padding: 5px 10px;
  float: left;
  margin: 0;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  color: white;
  margin-top: -28.5px;
  z-index: 9;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.single-evenements .container_content a {
  background: #e7202e;
  color: white;
  text-decoration: none;
  padding: 13px 25px;
  border-radius: 50px;
  display: block;
  max-width: 230px;
  margin: 0 auto;
  font-size: 16px;
  font-family: Courier;
  line-height: 22px;
}

.single-evenements .container_content a:hover {
  background: black;
}

.single-evenements .container_content .reseaux_sociaux a {
  background: inherit !important;
  color: inherit !important;
  text-decoration: inherit !important;
  padding: inherit !important;
  border-radius: inherit !important;
}
.single-evenements .container_content .reseaux_sociaux a:hover {
  background: inherit !important;
}

.single-evenements .container_content p {
  text-decoration: none;
}

.content_slide .dates,
.event .dates {
  font-size: 12pt;
  font-family: Courier;
}

.event .dates {
  height: 80px;
  line-height: 1.25;
  display: table-cell;
  vertical-align: middle;
}

.event .dates p {
  margin: 10px 0px;
}

.content_slide .plus img,
.event .plus img {
  float: left;
  margin-right: 10px;
}

.content_slide .plus,
.event .plus {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  text-decoration: none;
}

.content_slide .plus {
  color: white;
}

.event .plus {
  color: black;
}

.content_slide .plus:hover,
.event .plus:hover {
  color: #e7202e;
}

.content_slide .plus:hover h2,
.event .plus:hover h2 {
  color: black !important;
}

.event .image_event {
  display: block;
  width: 100%;
  padding-top: 100%;
  transition: all 0.5s ease-out;
  position: relative;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.agenda_content .pluss {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  font-size: 14pt;
  text-align: center;
  margin: 50px 25px 25px 25px;
}

.agenda_content .pluss a {
  color: black;
  text-decoration: underline;
}

.credits_image {
  background: rgba(255, 255, 255, 0.75);
  width: calc(100% - 20px);
  position: absolute;
  margin-top: -32px;
  padding: 5px 10px;
  text-align: right;
  font-size: 10pt;
  line-height: 1.5;
  font-family: Courier;
  color: black;
}

.slide .credits_image {
  right: 80px;

  z-index: 999999999;

  bottom: 0;

  width: 35%;

  float: left;
  background: none;
  color: white;
  text-align: right;
}

/* MENU CONTENT */

#menu-menu-header-col-1 li.menu-item,
#menu-menu-header-col-2 li.menu-item {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  overflow: hidden;
}

.menu_content ul {
  padding: 0;
}

#menu-menu-header-col-1 li.menu-item ul,
#menu-menu-header-col-2 li.menu-item ul {
  transform: translateY(100%);
  position: relative;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  height: auto;
  max-height: 0;
}

#menu-menu-header-col-1 li.menu-item ul.show,
#menu-menu-header-col-2 li.menu-item ul.show {
  transform: translateY(0);
  max-height: 500px;
}

.menu_content #logo_menu {
  width: 100px;
  margin: 3vw auto;
  display: block;
}

.menu_content .colone_1 {
  width: 40%;
  display: inline-block;
  margin-left: 10%;
  padding-bottom: 3vw;
}
.menu_content .colone_2 {
  width: 40%;
  display: inline-block;
  vertical-align: top;
}

.menu_content {
  background: black;
  z-index: 999;
  position: absolute;
  width: 0;
  height: 100vh;
  min-height: 500px;
  overflow: hidden;
  opacity: 0;
  transition: width 0.3s ease-out 0.3s;
  transition: opacity 0.6s ease-out 0.6s;
  overflow-y: auto;
}

.menu_content.open {
  width: calc(100vw - 160px);
  opacity: 1;
  position: fixed;
  z-index: 999;

  top: 0;

  left: 0;
}

#menu-menu-header-col-1 li ul.sub-menu li a,
#menu-menu-header-col-2 li ul.sub-menu li a {
  background-image: none !important;
  color: #fff !important;
  width: auto !important;
}

#menu-item-70 a,
#menu-item-78 a,
#menu-item-77 a,
#menu-item-79 a,
#menu-item-4350 a,
#menu-item-7736 a,
#menu-item-132 a,
#menu-item-5090 a,
#menu-item-7666 a,
#menu-item-131 a,
#menu-item-4928 a {
  background-size: 100%;
  position: relative;
  color: transparent;
  display: block;
  height: 45px;
  background-repeat: no-repeat;
}

#menu-item-4928 a {
  background-image: url("images/nav/11.png");
  width: 151px;
}

#menu-item-70 a {
  background-image: url("images/nav/1.png");
  width: 110px;
  margin-bottom: 12px;
}

#menu-item-78 a {
  background-image: url("images/nav/2.png");
  width: 240px;
  margin-bottom: 10px;
}

#menu-item-77 a {
  background-image: url("images/nav/3.png");
  width: 220px;
  margin-bottom: 0;
}

#menu-item-79 a {
  background-image: url("images/nav/4.png");
  width: 200px;
}

#menu-item-4350 a {
  background-image: url("images/nav/5.png");
  width: 120px;
  margin-bottom: 35px;
}


#menu-item-132 a {
  background-image: url("images/nav/7.png");
  width: 220px;
  margin-bottom: 30px;
}
#menu-item-5090 a {
  background-image: url("images/nav/8.png");
  width: 170px;
  margin-bottom: 20px;
}

#menu-item-7666 a {
  background-image: url("images/nav/9.png");
  width: 190px;
  margin-bottom: 30px;
}

#menu-item-131 a {
  background-image: url("images/nav/10.png");
  width: 210px;
  margin-bottom: 32px;
}

#menu-item-7736 a {
  background-image: url("images/nav/6.png");
  width: 220px;
}

.menu_content a {
  color: white;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  text-decoration: none;
  display: block;
  font-size: 16pt;
  margin: 25px;
}

.menu_content a:hover {
  color: #e7202e;
}

.menu_content .sub-menu a {
  text-transform: none;
  font-family: Courier;
  font-stretch: normal;
  margin: 10px 50px;
  font-size: 14pt;
  font-weight: normal;
}

.menu_content .menu-item-has-children a {
  cursor: pointer;
}

.menu_content .menu-item-has-children a:hover {
  color: white;
}

.menu_content .menu-item-has-children .sub-menu a:hover {
  color: #e7202e;
}

.menu_content .menu-item-has-children .sub-menu a {
  cursor: pointer;
}

.menu_content .reseaux_sociaux img {
  width: 25px;
}

.menu_content .reseaux_sociaux {
  margin: 25px 20px;
}

.menu_content .reseaux_sociaux a {
  display: inline-block;
  margin: 5px;
}

.menu_content #devenons_amis {
  display: block;
  clear: both;
  margin-left: 25px;
  padding-top: 25px;
}

/* MENU AUTRES PAGES QUE HOMEPAGE */

.home.menufixe .content_slide {
  left: 0;
  padding: 25px;
}

.agenda_content.open,
.home.menufixe .agenda_content.open {
  width: 100%;
  left: 0;
}

.menu_content.open,
.home.menufixe .menu_content.open {
  width: 100%;
  left: 0;
  position: fixed;
}

.slider_hp,
.home.menufixe .slider_hp {
  width: 100%;
  left: 0;
}

.menu_tab,
.home.menufixe .menu_tab {
  min-height: unset;
  height: 150px;
  z-index: 9999;
}

.agenda_tab p,
.billeterie_tab p,
.home.menufixe .agenda_tab p,
.home.menufixe .billeterie_tab p {
  display: none;
}

.agenda_tab,
.billeterie_tab,
.home.menufixe .agenda_tab,
.home.menufixe .billeterie_tab {
  min-height: unset;
  height: 70px;
}

.menu_tab #burger,
.menu_tab #croix_menu,
.home.menufixe .menu_tab #burger,
.home.menufixe .menu_tab #croix_menu {
  top: 100px;
}

.slider_hp .credits_image {
  position: absolute;
  top: -28px;
  display: inline-block;
  background: white;
  padding: 5px 15px;
  left: 0;
  right: unset !important;
  width: auto;
  text-align: left;
  float: none;
  bottom: unset;
  color: #e7202e;
  margin-top: 0;
}

.slider_posts_en_avant {
  background-size: contain !important;
  background-position: center 20% !important;
  background-repeat: no-repeat !important;
}
/* MENU HOME */

@media (min-width: 1100px) {
  .slider_posts_en_avant {
    background-position: center top !important;
  }
  .home .content_slide {
    /* left: 10vh; */
    /* padding: 25px 25px 60px 25px; */
    width: calc(100% - 60px);
  }

  .content_slide h1 {
    font-size: 30pt;
  }

  .content_slide_inner {
    margin: auto;
    max-width: 950px;
    padding: 25px 25px 60px 25px;
  }
}

@media (min-width: 1440px) {
  .slider_posts_en_avant {
    background-size: 75% !important;
  }
}

@media (min-width: 1850px) {
  .slider_posts_en_avant {
    background-size: 60% !important;
  }
}

.home .agenda_content.open {
  width: calc(100vw - 160px);
  left: 120px;
  opacity: 1;
}

.home .menu_content.open {
  width: calc(100vw - 160px);
  opacity: 1;
  left: 60px;
}

.home .slider_hp {
  width: calc(100vw - 120px);
  left: 60px;
}

.home .menu_tab {
  min-height: 500px;
  height: 100vh;
  z-index: 9999;
}

.home .agenda_tab p,
.home .billeterie_tab p {
  display: block;
}

.home .agenda_tab,
.home .billeterie_tab {
  min-height: 500px;
  height: 100vh;
}

/*.home .menu_tab #burger, .home .menu_tab #croix_menu {top: calc(50vh - 12px);}*/

/* SECTIONS HP */

.content_tabs {
  min-height: 500px;
  width: 100%;
}

.html_menu_open .content_tabs {
  z-index: 9999;
  top: 0;
  left: 0;
}

.html_menu_open {
  overflow: hidden;
}

.home .content_tabs {
  height: 100vh;
}

.lafab_hp {
  width: 100%;
  transition: all 0.5s ease-out;
}

.lafab_hp .content {
  width: calc(50vw - 100px);
  padding: 50px;
  background: white;
  float: right;
  margin-top: 30vw;
}

.content_section_hp h1 {
  font-size: 20pt;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  margin-top: 0;
}

.content_section_hp p {
  font-family: Courier;
  font-size: 14pt;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .content_section_hp p {
    font-size: 12pt;
  }
}

.lafab_hp .content .plus,
.lagalerie_hp .content .plus {
  color: black;
}

.lafab_hp .content .plus:hover,
.lagalerie_hp .content .plus:hover {
  color: #e7202e;
}

.content_section_hp .plus {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  text-decoration: none;
}

.content_section_hp .plus img {
  float: left;
  margin-right: 10px;
}

.lacollection_hp .content {
  width: 42vw;
  padding: 10vw 4vw;
  background: black;
  color: white;
  float: left;
}

.lacollection_hp .image_hp {
  height: 100%;
  margin-left: 49.5vw;
  transition: background 0.5s ease-out !important;
}

.lacollection_hp .plus {
  color: white;
}

.lacollection_hp .plus:hover {
  color: #e7202e;
}

.lagalerie_hp {
  display: flex;
}

.lagalerie_hp .content {
  /* width: 42vw;
      padding: 5vw 4vw;
      float: right; */
  width: 42vw;

  padding: 10vw 4vw;
}

.lagalerie_hp .image_hp {
  width: 50vw;
  transition: background 0.5s ease-out !important;
}

.adresse {
  background: black;
  color: white;
  padding: 25px;
}

.adresse h1 {
  text-align: center;
  font-family: Courier;
}

.adresse h1 .rouge {
  color: #e7202e;
}

/* GENERAL PAGES */

.container_content {
  /* max-width:750px; */
  padding: 75px 0px;
  margin: auto;
  text-align: justify;
  display: inline-block;
  /* margin-left: calc(50vw - 375px - 250px); */
  width: 75%;
}

.container_content img {
  max-width: 100%;
}

.container_content p {
  margin: 40px auto;
}

.container_content p:first-of-type {
  margin-top: 20px;
}

.container_content h1,
.container_content_2 h1,
.container_content_3 h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  font-stretch: condensed;
}

.container_content h2,
.container_content_2 h2,
.container_content_3 h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  font-stretch: condensed;
}

.container_content h3,
.container_content_2 h3,
.container_content_3 h3 {
  font-family: Courier;
  font-size: 20pt;
}

.container_content h4,
.container_content_2 h4,
.container_content_3 h4 {
  font-family: Courier;
  font-size: 16pt;
  font-weight: inherit;
}

.container_content_2 {
  max-width: 1000px;
  width: 100%;
  padding: 55px 0px 75px 0px;
  margin: auto;
  text-align: justify;
  display: inline-block;
  margin-left: calc(50vw - 500px - 200px);
}

.container_content_2 .events,
.container_content_2 .facetwp-template {
  padding: 0;
}

.container_content_3 {
  width: 80%;
  padding: 55px 0px 75px 0px;
  margin: auto;
  text-align: justify;
}

.sous_menu_pages {
  display: inline-block;
  align-self: flex-start;
  vertical-align: top;
  width: 175px;
  margin-left: 75px;
  margin-top: 90px;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 111;
}

.sous_menu_pages a {
  font-family: Courier;
  color: black;
  display: block;
  line-height: 2.5;
  text-decoration: none;
  font-size: 9pt;
}

.sous_menu_pages a.actived,
.sous_menu_pages a:hover,
.sous_menu_pages .current_page_item a,
.single-artistes .sous_menu_pages #menu-item-190 a {
  text-decoration: underline;
}

.sous_menu_pages li,
.sous_menu_pages ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.container_content_2 .event {
  margin: 25px 0;
}

/* Pagination */
.pagination {
  clear: both;
  position: relative;
  line-height: 13px;
  margin-top: 50px;
  font-size: 11pt;
  font-family: Courier;
}
.pagination span,
.pagination a {
  display: inline-block;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #000; /* Pagination text color */

  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.pagination a:hover {
  color: #e7202e;
  background: black;
  /* background: #e7202e; */ /* Pagination background on hover */
}
.pagination .current {
  padding: 6px 9px 5px 9px;
  background: black;
  /* background: #e7202e; */ /* Current page background */
  color: #e7202e;
}

/* ARTISTES */
@media screen and (max-width: 767px) {
  .single-artistes h2 {
    font-size: 14pt;
  }
}

.single-artistes .content_pages,
.page-template-page-agenda .content_pages {
  margin-top: -500px;
  position: relative;
}

.nom_artiste {
  font-weight: normal;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  text-transform: uppercase;

  font-size: 26pt;
  margin-top: 15px;
}

.nom_artiste::last-word {
  font-weight: bolder;
  color: red;
}

.bouton_fleche:before {
  cursor: pointer;
  width: 45px;
  height: 16px;
  content: url("images/arrow_red.png");
  margin-right: 15px;
  /*  background: url('images/arrow_red.png');
      background-size: contain;
      background-repeat: no-repeat; */
}

.bouton_fleche {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  text-transform: uppercase;
}

.bouton_fleche a {
  color: black;
  text-decoration: none;
}

.bouton_fleche a:hover {
  color: #e7202e;
}

.oeuvres_dispo {
  text-align: center;
  font-family: Courier;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.slideshow-container {
  max-width: 600px;

  margin: auto;
}
.oeuvre {
  width: 100%;
  text-align: center;
  font-family: Courier;
}

.oeuvre .content {
  max-width: 400px;
  margin: auto;
  text-align: left;
}

.oeuvre .content h3 {
  font-weight: bold;
}

.oeuvre .content .ref {
  color: #e7202e;
}

.oeuvre .image_oeuvre {
  width: 100%;
  padding-top: 100%;
}

.artistes {
  margin: 30px auto;
  width: 800px;
}

.artistes p {
  width: 49.5%;
  display: inline-block;
  margin: 5px 0px;
}

.artistes p a {
  color: black;
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  text-transform: uppercase;
  font-size: 16pt;
}

.artistes p a:hover {
  color: #e7202e;
}

/* BANDEAU */

/* .bandeau {
  position: absolute;
left: 0;
width: 100%;
} */

.bandeau figure {
  margin: 0 !important;
  width: 100%;
}

.bandeau img {
  width: 100%;
  height: auto;
}

.bandeau:after {
  content: " ";
  clear: both;
  height: 34vw;
}

.heightbandeau {
  height: calc(34vw + 20px) !important;
}

.signature {
  text-align: right;
}

/* PAGE AGENDA */

.titre_page {
  font-size: 50pt;
  text-align: center;
  margin: 25px;
}

/* LA FAB */

.dataviz {
  display: flex;
  text-align: center;
  background: black;
  margin-bottom: 50px;
}

.dataviz p {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  max-width: 75%;
  margin: auto;
  font-weight: lighter;
}

.dataviz .leftbloc p {
  font-size: 16pt;
}

.dataviz .rightbloc p {
  font-size: 13pt;
}

.dataviz img {
  height: 80px;
  margin-bottom: 4%;
  width: auto;
}

.dataviz .leftbloc img {
  max-width: 250px;
  height: inherit;
}

.dataviz .leftbloc {
  width: 40%;
  background: black;
  color: white;
  align-self: center;
}
.dataviz h1,
.dataviz h2 {
  color: #e7202e;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
}

.dataviz h1 {
  font-size: 40pt;
  margin: 0;
}

.dataviz h2 {
  font-size: 30pt;
  margin: 0;
}

.dataviz .rightbloc {
  width: 60%;
}

.dataviz .top_right {
  width: 100%;
  display: flex;
  background: white;
}

.dataviz .top_right .info {
  width: 33%;
  padding: 6%;
}

.dataviz .bottom_right {
  width: 100%;
  display: flex;
  background: #e6e6e6;
}

.dataviz .bottom_right .info {
  width: 25%;
  padding: 6% 1%;
}

.boutons_plan {
  text-align: center;
  margin: 50px auto;
}

.boutons_plan a {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  color: black;
  text-transform: uppercase;
  margin: 0px 10px;
  text-decoration: underline;
  cursor: pointer;
}

.boutons_plan a.show {
  color: #e7202e;
  cursor: default;
}

#le_plan img {
  margin: 25px auto;
  margin-top: 100px;
  max-width: 100%;
}

#etage,
#rdc {
  display: none;
}

#etage.show,
#rdc.show {
  display: block;
}

/* FOOTER */

footer {
  background: black;
  color: white;
  font-family: Courier;
}

footer .cols_footer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

footer .col_1 {
  width: 50%;
  border-right: 1px solid white;
  display: flex;
}

footer .col_1_1 {
  width: 28%;
  padding: 5%;
  padding-right: 0;
}

footer .col_1_2 {
  width: 56%;
  padding: 0 5%;
}

footer .col_1_2 h2 {
  margin-top: 12%;
}

footer h2 {
  color: #e7202e;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
}

footer .col_1_1 img {
  width: 100%;
}

footer .col_2 {
  width: 49.5%;
}

footer .col_2 h2 {
  text-align: center;
}

footer .reseaux_sociaux img {
  width: 30px;
}

footer .reseaux_sociaux {
  margin: 50px auto;
}

footer .col_3 {
  width: 90%;
  text-align: center;
  padding: 2.5% 5%;
}

footer .col_3 a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;

  font-size: 14pt;
  margin: 2.5%;
}



footer .newsletter .mc4wp-form-fields input {
  background: transparent;
  color: white;
  border: none;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 14pt;
}

footer .newsletter form {
  border-bottom: 1px solid white;
  margin-top: 50px;
  width: 320px;
  max-width: 90%;
}

footer .newsletter input:before {
  width: 43px;
  height: 16px;
  background: url("https://www.recette-sisso.fr/lafab/wp-content/themes/generic/images/arrow_red.png");
}

footer .col_2 .footer_logo {
  display: none;
}

/* LE POINT D'IRONIE */

.magazines {
  display: flex;
  flex-wrap: wrap;
}

.magazine {
  width: 46%;
  padding: 2%;
}

.magazine .image_magazine {
  width: 100%;
  padding-top: 75%;
  transition: all 0.3s ease-out;
}

.magazine h3 {
  margin-bottom: 0;
  font-size: 14pt;
  font-weight: bold;
}

/* MENU FIXE */

.menu_tab,
.agenda_tab,
.billeterie_tab {
  position: fixed;
  top: 0;
}

.home .menu_tab,
.home .agenda_tab,
.home .billeterie_tab {
  position: absolute;
}

.home.menufixe .menu_tab,
.home.menufixe .agenda_tab,
.home.menufixe .billeterie_tab {
  position: fixed;
}

/* INFOS PRATIQUES */

.page-id-55 .has-2-columns .wp-block-column:nth-of-type(odd) {
  flex-basis: calc(40% - 16px) !important;
}
.page-id-55 .has-2-columns .wp-block-column:nth-of-type(even) {
  flex-basis: calc(60% - 16px) !important;
}

.page-id-55 .has-2-columns .wp-block-column h4 {
  font-size: 12pt;

  font-weight: bold;
}

.page-id-55 .has-2-columns .wp-block-column h2.rouge {
}

/* MENU LANGUES */
.menu-menu-langues-container {
  background: black;
  position: fixed !important;
}
.menu-menu-langues-container a:hover {
  color: #e7202e;
}

.menu-menu-langues-container,
.menu-menu-langues-en-container {
  position: fixed;
  bottom: 0px;
  left: 0;
  z-index: 99999;
  display: none;
}

#menu-menu-langues,
#menu-menu-langues-en {
  margin: 0;
  padding: 0;
}

#menu-menu-langues a,
#menu-menu-langues-en a {
  color: white;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  font-stretch: condensed;
  text-decoration: none;
  display: block;
  font-size: 16pt;
  margin: 25px 15px;
}

#menu-menu-langues a:hover,
#menu-menu-langues-en a:hover {
  color: #e7202e;
}

.home .menu-menu-langues-container,
.home .menu-menu-langues-en-container {
  position: absolute;
  display: block !important;
}

.search .entry-title {
  font-size: 28pt;
  text-align: center;
  text-transform: uppercase;
}

.videovivre {
  cursor: pointer;
}

#popupvideo_vivre {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  z-index: 99999;
  display: none;
}

#popupvideo_vivre iframe {
  position: fixed;
  left: calc(50vw - 320px);
  top: calc(50vh - 180px);
}

@media screen and (max-width: 767px) {
  #popupvideo_vivre iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
  }
}

.facetwp-facet-search,
.facetwp-facet-search_en {
  text-align: center;
}

.facetwp-search {
  padding: 10px 20px;
  padding-right: 80px !important;
}

.facetwp-facet-search .facetwp-btn,
.facetwp-facet-search_en .facetwp-btn {
  right: 15px;
}

.facetwp-pager {
  text-align: center;
  margin-top: 50px;
}

.facetwp-pager-label {
  display: none !important;
}

.facetwp-page.active {
  background: #e7202e;
  color: white;
  padding: 4px 6px 2px 6px;
}

figcaption {
  text-align: right !important;
}

/* .noagendanobillet .agenda_tab, .noagendanobillet .billeterie_tab {
  display:none;
}

.home .noagendanobillet .slider_hp {
  width: calc(100vw - 60px);
}

.home .noagendanobillet .menu_content.open {
  width: calc(100vw - 60px);
}

*/

.noagenda .agenda_tab {
  display: none;
}

.home .noagenda .slider_hp {
  width: calc(100vw - 60px);
}

.home .noagenda .menu_content.open {
  width: calc(100vw - 60px);
}

.lacollection_hp .credits_image,
.lagalerie_hp .credits_image,
.lafab_hp .credits_image {
  float: right;
  color: white;
  background: none;
  position: relative;
}

.lafab_hp .credits_image {
  margin-top: 10px;
}

.lagalerie_hp .credits_image {
  margin-top: 10px;
}

.slider_pages .credits_image {
  right: 20px;

  z-index: 99;

  bottom: 0;

  width: 35%;

  float: left;
  background: none;
  color: white;
  text-align: right;
}

@media (max-width: 767px) {
  .slider_pages .credits_image {
    width: auto;
    text-align: left;
    float: none;
    display: block;
  }
}

.page-id-1983 {
  background: url("images/point_ironie_3.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-position-y: 590px;
}

.image_event .credits_image {
  display: none;
}

.privacy-policy .container_content li,
.page-id-4253 .container_content li,
.page-id-4262 .container_content li,
.page-id-4265 .container_content li {
  line-height: 1.5;
  font-family: Courier;
}

.mobile_galerie_du_jour {
  display: none;
}

.desktop_galerie_du_jour {
}

.cc-revoke,
.cc-window {
  z-index: 9999999 !important;
}

/* UNIVERS FAB */

.sap-prev-toggle,
.sap-next-toggle,
.sap-playlist-toggle,
.sap-info-toggle {
  display: none;
}
.sap-light-1 .sap-playlist-selected {
  color: #e7202e !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
}

.sap-light-1 .sap-player-holder {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sap-light-1 .sap-icon-play,
.sap-light-1 .sap-icon-pause {
  color: white !important;
  background: #e7202e !important;
  border-radius: 50% !important;
}

.sap-light-1 .sap-icon-play:hover,
.sap-light-1 .sap-icon-pause:hover {
  background: white !important;
}

.sap-icon-play,
.sap-icon-pause {
  margin-top: -30px;

  margin-left: 20px;

  position: absolute !important;
}

.sap-seekbar-wrap {
  position: absolute;
  flex-grow: 0;
  width: 100%;
  height: 100%;
  margin-top: -79px;
  padding: 0;
}

.sap-media-time-current {
  font-weight: bold;
  margin-left: 30px !important;

  margin-top: -15px !important;
}

.sap-media-time-total {
  margin-top: -15px !important;
}

.sap-playlist-title {
  margin-left: 60px;

  font-size: 16pt;

  margin-top: 10px;
}

.sap-light-1 .sap-progress-bg,
.sap-light-1 .sap-load-level,
.sap-light-1 .sap-progress-level {
  height: 6px !important;
  left: 0px !important;
  right: 0px !important;
}

.sap-light-1 .sap-contr-btn-vol-i {
  font-size: 25px !important;
  margin-left: 25px;

  margin-top: 25px;
}
.sap-volume-wrapper {
  position: absolute !important;

  right: 0;
}
.sap-volume-toggle {
  position: absolute !important;

  right: 0;

  background: #e51a29;

  height: 100px !important;

  margin-top: -49px;

  width: 100px !important;
}

.sap-light-1 .sap-volume-seekbar-shadow-hider {
  background: none !important;
}

.sap-volume-toggle:hover {
  background: white;
}

.sap-volume-seekbar {
  width: 100px !important;
  background: #e7202e !important;
  top: -128px !important;
  right: 0;
  -moz-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
}

.sap-light-1 .sap-volume-bg,
.sap-light-1 .sap-volume-level,
.sap-light-1 .sap-volume-seekbar-shadow-hider {
  width: 3px !important;
  left: 48px !important;
}

.sap-media-time-current::after {
  content: "/";
  position: absolute;
  right: 0;
}

.sap-icon-play-2::before {
  content: "\f04b";
}

.sap-icon-play-2 {
  background: #e7202e;

  padding: 30px;

  border-radius: 50%;

  color: white;
  cursor: pointer;
}

.sap-light-1 {
  bottom: -150px;
  transition: bottom 0.3s ease-out;
}

.header_podcast h1 {
  display: inline-block;
  margin-left: 40px;
  color: #e7202e;
  margin-top: 10px;
  vertical-align: top;
}

.header_podcast p {
  margin-left: 120px;

  margin-top: -30px !important;
}

/* LIVRES LIBRAIRIE */

.event.livre h2 {
  min-height: inherit;
  font-family: Courier;
  font-size: 14pt;
}

.event.livre .image_livre {
  max-width: 100%;
  /* box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25); */
  filter: drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.25));
  display: block;
}

.event.livre {
  text-align: left;
}

.facetwp-facet-rechercher_un_livre_fr {
  text-align: center;
  margin-top: 40px;
}

.image_livre_container {
  height: 400px;
  display: flex;
}

.event.livre .image_livre {
  object-fit: contain;
}

.section_librairie {
  display: flex;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin-top: -1px;
}

.section_librairie p {
  text-align: center;
  align-self: center;
}

.section_librairie img {
  align-self: center;
}

.section_librairie#section1 p,
.section_librairie#section2 p {
  width: 16%;
  margin: 2%;
  text-decoration: none;
  color: black;
}

.section_librairie#section1 img,
.section_librairie#section2 img {
  max-width: 16%;
  margin: 2%;
}

.section_librairie#section3 {
  width: 100%;
}

.section_librairie#section4 {
  width: calc(50% - 1px);
  border-left: 1px solid black;
}

.section_librairie#section3 p,
.section_librairie#section4 p,
.section_librairie#section3 img,
.section_librairie#section4 img {
  width: 30%;
  margin: 1.5%;
  text-decoration: none;
  color: black;
}

.section_librairie:hover {
  background: #d2d2d2;
}

.section_librairie#section3:hover {
  background: none;
}

.section_librairie #section_3 {
  border-right: 1px solid right;
}

.section_librairie #section_3:hover,
.section_librairie #section_4:hover {
  background: #d2d2d2;
}

.section_librairie #section_4 {
  border-left: 1px solid right;
}

.section_librairie#section1 a,
.section_librairie#section2 a,
.section_librairie#section3 a,
.section_librairie#section4 a {
  text-decoration: none;
  color: black;
  display: inherit;
}

.separation {
  width: 2px;
  background: black;
  height: 400px;
  display: block;
  position: relative;
}

.logos_editeurs {
  display: flex;
  max-width: 780px;
  margin: auto;
}

.logos_editeurs img {
  max-width: 100%;
  align-self: center;
  display: block;
  margin: 2%;
}

/* EXPOSITIONS QRCODE */

.expo {
  width: 100%;
}

.expo h1 {
  font-family: Courier;
  font-weight: normal;
  border-bottom: 1px solid black;
  padding-bottom: 20px;
  cursor: pointer;
}

.expo h1::after {
  content: "+";
  float: right;
  font-size: 30pt;
  margin-right: 10px;
  color: black;
}

.expo h1:hover::after {
  color: #e7202e;
}

.expo.ouverte h1::after {
  content: "-";
  color: #e7202e;
}

.expo .contenu_expo {
  max-height: 0px;
  overflow: hidden;
  transition: all ease-out 0.3s;
}

.expo.ouverte .contenu_expo {
  max-height: 2000px;
}

.expo .contenu_expo p {
  margin: 10px 0px;
  font-size: 14pt;
}

.expo .contenu_expo a {
  color: black;
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
}

.single-oeuvre_qrcode .container_content img {
  max-width: 100%;
  margin-bottom: 40px;
}

.single-oeuvre_qrcode .container_content p {
  margin: 10px 0px;
}

/* RESPONSIVE */

@media screen and (max-width: 1300px) {
  .container_content_2 {
    width: 100%;
    margin-left: auto;
    display: block;
  }

  .sous_menu_pages_2 {
    display: block;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
}

@media screen and (max-width: 1200px) {
  .container_content {
    max-width: 600px;
    margin-left: calc(50vw - 300px - 250px);
  }

  .lafab_hp {
    background-size: cover !important;
  }

  .lafab_hp .content {
    width: calc(100% - 100px);
    margin-top: 0;
    margin-bottom: 50vh;
  }

  .lacollection_hp .image_hp {
    height: 50vh;
    margin-left: 0;
    transition: background 0.5s ease-out !important;
    position: relative;
    display: block;
    width: 100%;
    background-size: cover !important;
  }

  .lacollection_hp .content {
    position: relative;
    display: block;
    width: 92vw;
    padding: 5vw 4vw;
    float: none;
  }

  .lagalerie_hp .image_hp {
    height: 50vh;
    width: 100vw;
    background-size: cover !important;
  }

  .lagalerie_hp .content {
    width: 92vw;
    padding: 5vw 4vw;
    float: none;
  }

  .lagalerie_hp {
    display: block;
  }

  .mobile_galerie_du_jour {
    display: block !important;
  }

  .desktop_galerie_du_jour {
    display: none !important;
  }
}

@media screen and (max-width: 1100px) {
  .slide .credits_image {
    right: 20px;
  }

  .container_content {
    max-width: 600px;
    margin-left: auto;
    display: block;
  }

  .sous_menu_pages {
    display: block;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }

  .home .content_slide {
    left: 0;
    /* padding: 25px 25px 50px 25px; */
    max-width: 100%;
  }

  .home .content_slide_inner {
    padding: 25px 25px 50px 25px;
  }

  .home .agenda_content.open {
    width: 100%;
    left: 0;
  }

  .home .menu_content.open {
    width: 100% !important;
    left: 0;
  }

  .home .slider_hp {
    width: 100% !important;
    left: 0;
  }

  .home .menu_tab {
    min-height: unset;
    height: 150px;
    z-index: 9999;
  }

  .home .agenda_tab p,
  .home .billeterie_tab p {
    display: none;
  }

  .home .agenda_tab,
  .home .billeterie_tab {
    min-height: unset;
    height: 70px;
  }

  .home .menu_tab #burger,
  .menu_tab #croix_menu {
    top: 100px;
  }
  .agenda_content .events,
  .agenda_content .facetwp-template {
    display: block;
  }

  .agenda_content .event {
    width: 95%;
    max-width: 400px;
    margin: 50px auto;
  }

  .menu_content .colone_1,
  .menu_content .colone_2 {
    width: 100%;
    margin: auto;
    text-align: center;
  }

  #search {
    float: none;
  }

  .menu_content #devenons_amis {
    margin: auto;
  }
}


@media screen and (min-width:1001px) {
  footer .newsletter {
    width: 90%;
    margin: auto;
  }

  footer .col_3 {
    padding-top: 50px;
  }

  footer .col_2 .footer_logo {
    display: block;
    width: 150px;
    margin: auto;
  }

  footer .col_1_1 {
    display: none;
  }

  footer .col_1_2 {
    width: auto;
  }

  footer .reseaux_sociaux {
    margin: 0;
  }
}

@media screen and (min-width:1500px) {
  footer .cols_footer {
    flex-wrap: nowrap;
}

  footer .col_1_1 {
    width: 200px;
    flex-shrink: 0;
}
  footer .col_1_2 {
    width: auto;
  }
}



@media screen and (max-width: 1000px) {
  .container_content_2 .event {
    width: 45%;
  }

  .actions_taxonomy {
    width: 33%;
    display: inline-block;
  }

  .actions_taxonomy .event {
    width: 100%;
  }

  footer .col_1,
  footer .col_2 {
    width: 100%;
    border: none;
    text-align: center;
  }

  footer .col_1 .cols_footer {
    width: 100%;
  }

  footer .col_1_2,
  footer .col_1_1 {
    display: inline-block;
    padding: 0;
  }

  footer .col_1_1 img {
    width: 80%;
    margin: auto;
    max-width: 150px;
  }

  footer .col_1_2 h2 {
    margin-top: 4%;
  }

  .dataviz .rightbloc {
    width: 100%;
  }

  footer .col_1_2,
  footer .col_1_1 {
    width: 100%;
  }
}

@media screen and (max-width: 800px) {


  footer .col_3 a {
    display: block;
  }

  .artistes {
    width: 100%;
  }

  .artistes p {
    width: 100%;
    text-align: center;
  }

  .page-id-55 .has-2-columns .wp-block-column:nth-of-type(odd) {
    flex-basis: calc(100% - 16px) !important;
  }
  .page-id-55 .has-2-columns .wp-block-column:nth-of-type(even) {
    flex-basis: calc(100% - 16px) !important;
  }

  .actions_taxonomy {
    width: 100%;
    display: block;
  }

  .slider_pages {
    background-attachment: unset !important;
    min-height: auto !important;
    height: 65vw;
    background-size: 100% !important;
  }

  .content_tabs {
    min-height: auto !important;
    height: 65vw;
    max-height: 500px;
  }

  .home .content_tabs {
    max-height: none;
  }

  .content_pages {
    padding: 0px 40px;
  }

  .dataviz {
    display: block;
  }

  .dataviz .leftbloc {
    padding: 50px;
    margin: auto;
  }
}

/* PE */
.hp_img_ctn {
  position: relative;
}
.lafab_hp .credits_image_mobile {
  left: 10px;
  right: auto;
}

.credits_image_mobile {
  font-size: 10pt;
  line-height: 1.5;
  font-family: Courier;
  color: white;
  text-align: right;
  position: absolute;
  top: 5px;
  right: 10px;
}

@media screen and (min-width: 768px) {
  .lafab_hp_img,
  .lacollection_hp_img,
  .galerie_du_jour_img,
  .nosengagements_hp_img,
  .podcasts_hp_img {
    display: none;
  }
  .mobile_podcasts {
    display: block;
  }
  .credits_image_mobile {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .mobile_podcasts {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .lafab_hp {
    background: none !important;
  }
  .lafab_hp .content {
    margin-bottom: 0;
    float: none;
  }
  /* .lafab_hp .credits_image, .lagalerie_hp .credits_image  {
    color: #000;
  } */
  .credits_image,
  .mobile_podcasts {
    display: none;
  }

  .lafab_hp_img,
  .lacollection_hp_img,
  .galerie_du_jour_img,
  .nosengagements_hp_img,
  .podcasts_hp_img {
    display: block;
    width: 100%;
  }

  #image_lacollection_hp,
  .lagalerie_hp .mobile_galerie_du_jour,
  #image_nosengagements_hp {
    display: none !important;
  }
}

@media screen and (max-width: 700px) {
  .container_content {
    width: 80%;
    padding: 10%;
    display: block;
  }

  .container_content_2 .event {
    width: 95%;
  }

  .dataviz .top_right,
  .dataviz .bottom_right {
    display: block;
  }

  .dataviz .top_right .info,
  .dataviz .bottom_right .info {
    width: 88%;
    padding: 6%;
  }

  p {
    font-size: 11pt;
    text-align: center;
  }

  .content_slide p {
    text-align: left;
  }

  .content_section_hp p {
    text-align: left;
  }
  .container_content_3 {
    text-align: center;
  }

  .container_content_3 h1,
  .container_content_3 h2,
  .container_content_3 h3,
  .container_content_3 h4 {
    text-align: center !important;
  }

  .container_content h1,
  .container_content h2,
  .container_content h3,
  .container_content h4 {
    text-align: center !important;
  }

  .single-artistes .content_pages,
  .page-template-page-agenda .content_pages {
    margin-top: -300px;
  }

  footer .newsletter img {
    padding-left: 0;
  }

  footer .newsletter form {
    margin-left: 0;
    max-width: 100%;
    margin: auto;
    margin-top: 50px;
  }
}

/* MODULE AFFLUENCE */

.cacher {
  display: none;
}
.graphique {
  background: url("images/affluence-fond.png");
  margin: auto;
  width: 718px;
  height: 248px;
  background-size: cover;
  margin-bottom: 50px;
  background-position: bottom;
}

footer .graphique {
  background: url("images/affluence-fond-blanc.png");
  background-size: cover;
  width: 90%;
  height: 15vw;
  background-position: bottom;
}

.picsaffluences {
  width: 86%;
  margin-left: 12.6%;
  height: 67%;
  padding-top: 6.5%;
  display: flex;
}

.picafflucence {
  width: 12.5%;
  background: #e7202e;
  align-self: flex-end;
}

footer .picsaffluences {
  padding-top: 5%;
}

.faible {
  height: 27.33%;
}

.moyenne {
  height: 63%;
}

.forte {
  height: 100%;
}

.derniere-entree {
  position: absolute;
  width: 80px;
  margin-top: -15px;
  margin-left: 630px;
}
.jour {
  text-transform: uppercase;
  color: #e7202e;
  font-family: Courier;
  text-align: center;
  font-size: 14pt;
}

.jour img {
  margin: 0px 15px;
}

.module_affluence {
  margin-top: 55px;
}

.module_affluence h1 {
  text-align: center;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  font-size: 18pt;
}

.ferme {
  color: #e7202e;
  position: absolute;
  margin-left: 260px;
  margin-top: 90px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  font-stretch: condensed;
}

footer .ferme {
  margin-left: 15vw;
  margin-top: 5vw;
  font-size: 1.5vw;
}

footer .derniere-entree {
  width: 5vw;
  margin-top: -2vw;
  margin-left: 39.1vw;
}

.containerinfospratiques {
  margin-left: calc(50vw - 375px);
}

@media screen and (max-width: 1200px) {
  .containerinfospratiques {
    margin-left: calc(50vw - 300px);
  }

  .content_pages .graphique {
    width: 600px;
    height: 208px;
  }

  .content_pages .graphique .derniere-entree {
    width: 61px;
    margin-left: 527px;
    margin-top: -2px;
  }
}

@media screen and (max-width: 1100px) {
  .ferme {
    margin-left: 210px;
    margin-top: 70px;
  }
}

@media screen and (max-width: 1000px) {
  footer .graphique {
    height: 30.3vw;
  }

  footer .ferme {
    margin-left: 30vw;
    margin-top: 10vw;
    font-size: 3vw;
  }

  footer .reseaux_sociaux {
    text-align: center;
  }

  footer .newsletter {
    text-align: center;
  }

  footer .newsletter form {
    margin: 30px auto;
  }

  footer .derniere-entree {
    width: 10vw;
    margin-top: -3vw;
    margin-left: 34vw;
  }
}

@media screen and (max-width: 800px) {
  .ferme {
    margin-left: 30vw;
    margin-top: 10vw;
    font-size: 3vw;
  }

  .content_pages .graphique {
    width: 100%;
    height: calc(42vw - 80px);
  }

  .content_pages .graphique .derniere-entree {
    width: 10vw;
    margin-left: calc(82.7vw - 40px);
    margin-top: -4vw;
  }

  .containerinfospratiques {
    margin-left: auto;
  }
}

.sitemap a {
  color: #e7202e;
  text-transform: uppercase;
  font-family: Courier;
  font-size: 14pt;
}

.sitemap h1 {
  margin-bottom: 50px;
}

/* BOLTANSKI */
.postid-7354 .slider_pages .credits_image {
  top: unset;
  max-width: 800px;
  width: auto;
  right: 0 !important;
  left: unset !important;
}

.postid-7354 .wp-block-gallery .blocks-gallery-item figcaption,
.page-id-53 .wp-block-gallery .blocks-gallery-item figcaption {
  width: auto;
}
@media (max-width: 767px) {
  .postid-7354 .blocks-gallery-grid,
  .page-id-53 .blocks-gallery-grid {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .postid-7354 .wp-block-gallery .blocks-gallery-item,
  .page-id-53 .wp-block-gallery .blocks-gallery-item {
    margin: 0 0 16px 0;
    max-width: 350px;
    width: auto;
  }
  .postid-7354 .wp-block-gallery .blocks-gallery-item figcaption,
  .page-id-53 .wp-block-gallery .blocks-gallery-item figcaption {
    max-width: 350px;
  }
}

/* Pages galeries */

@media (max-width: 767px) {
  .has-huge-font-size {
    font-size: 26px;
  }
  .has-medium-font-size {
    font-size: 14px;
  }
  .container_content h3,
  .container_content_2 h3,
  .container_content_3 h3 {
    font-size: 18pt;
  }
  .wp-block-pullquote p {
    font-size: 16px;
  }
  blockquote {
    margin: 0;
  }
}

/* Le point d'ironie */
@media (max-width: 767px) {
  .magazines {
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
  }
  .magazine {
    width: auto;
    max-width: 350px;
    text-align: center;
  }
}

/* Podcasts */
@media (max-width: 767px) {
  .wp-block-embed-soundcloud,
  .wp-block-embed-youtube {
    margin-left: 0;
    margin-right: 0;
  }
}

html[lang="en-US"] #search {
  width: 100%;
}
html[lang="en-US"] .reseaux_sociaux {
  margin-top: -30px;
  width: 100%;
  float: left;
}
html[lang="en-US"] #footer .reseaux_sociaux {
  margin-top: 20px;
}
.page-template-page-presentation_engagements .slider_pages {
  max-height: 600px;
  min-height: 600px;
}
.page-template-page-presentation_engagements .content_pages {
  padding-top: 100px;
}
.single-evenements .container_content img {
  width: 720px;
}
.single-evenements .container_content {
  text-align: center;
}
.single-evenements .container_content iframe {
  margin-top: 20px;
}
.single-evenements .container_content .wp-block-image {
  display: block;
}
.single-evenements .container_content .wp-block-image figcaption {
  display: block;
  text-align: center !important;
  width: 100%;
}

.single-artistes .wp-block-button .wp-block-button__link {
  font-family: Courier;
}
.page-template-page-presentation_collection .wp-block-button__link {
  font-family: Courier;
}
footer .cols_footer p a {
  text-decoration: none;
  color: inherit;
}
.langues-outer {
  width: 100%;
  float: left;
  text-align: center;
  display: none;
}
.langues-outer .menu-menu-langues-container,
.langues-outer .menu-menu-langues-en-container {
  position: static !important;
}
.langues-outer .menu-menu-langues-container .menu,
.langues-outer .menu-menu-langues-en-container .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 12px 0;
  list-style: none;
}
.langues-outer .menu-menu-langues-container .menu li a,
.langues-outer .menu-menu-langues-en-container .menu li a {
  margin: 0 25px;
  font-size: 30px;
  line-height: normal;
}
.langues-outer .menu li a {
  position: relative;
}
.langues-outer .menu li a[title="FR"]::after {
  content: "-";
  position: absolute;
  right: -28px;
  color: #fff;
}

@media (min-width: 1101px) and (max-width: 1366px) {
  .menu_content .reseaux_sociaux {
    padding-bottom: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .menu_content .reseaux_sociaux {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .titre_page {
    font-size: 30pt;
  }
  h1.rouge {
    font-size: 25pt;
  }
  .langues-outer {
    display: block;
  }
  .menu-menu-langues-container .menu,
  .menu-menu-langues-en-container .menu {
    display: none;
  }
  .menu_content .colone_1 {
    padding-bottom: 0;
  }
  .menu_content .colone_1 #menu-menu-header-col-1 {
    margin-bottom: 0;
  }
  .menu_content .menu li a {
    margin: 0 auto;
    background-size: 90% !important;
    background-repeat: no-repeat;
    background-position: center;
  }
  #menu-item-70 a {
    margin-bottom: 32px;
  }
  #menu-item-78 a {
    margin-bottom: 25px;
    width: 220px;
  }
  #menu-item-77 a {
    margin-bottom: 18px;
    width: 220px;
    height: 40px;
  }
  #menu-item-79 a {
    margin-bottom: 18px;
    width: 200px;
    height: 40px;
  }
  #menu-item-4350 a {
    margin-bottom: 28px;
    width: 120px;
  }
  #menu-item-132 a {
    margin-bottom: 34px;
    width: 220px;
  }
  #menu-item-134 a {
    margin-bottom: 20px;
    width: 220px;
  }
  #menu-item-5090 a {
    margin-bottom: 30px;
    width: 170px;
    height: 40px;
  }
  #menu-item-5189 a {
    margin-bottom: 36px;
    width: 180px;
  }
  #menu-item-131 a {
    width: 200px;
  }
  #menu-item-4928 a {
    margin-top: 30px;
  }
  .menu_content.open,
  .home.menufixe .menu_content.open {
    min-height: auto;
  }
  .menu_content .reseaux_sociaux {
    margin-bottom: 120px;
  }
  footer .cols_footer p {
    color: #fff;
  }
  footer .newsletter form .mc4wp-form-fields p {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-template-page-la-fab .container_content_3 {
    padding-top: 0;
    margin-top: -30px;
  }
  .page-template-page-presentation_collection .content_pages div[style="height:50px;"],
  .page-template-page-historique_collection .content_pages div[style="height:50px;"] {
    height: auto !important;
  }
  .page-template-page-historique_collection .container_content p.has-vivid-red-background-color {
    padding: 15px 20px;
  }
  .page-template-page-historique_collection .container_content p.has-vivid-red-background-color strong {
    word-break: break-word;
    white-space: break-spaces;
  }
  .page-template-page-historique_galerie .facetwp-template .event {
    margin: 0 0 20px;
  }
  .page-template-page-historique_galerie .facetwp-template .event .dates {
    height: auto;
  }
  .page-id-55 .sous_menu_pages {
    margin-top: 30px;
  }
  .page-id-4437 .sous_menu_pages,
  .page-id-49 .sous_menu_pages {
    margin-top: 0;
  }
  .single-univers_fab .sous_menu_pages {
    margin-top: 0;
  }
  .single-evenements .sous_menu_pages {
    margin-top: 0;
  }
  .single-evenements .wp-block-image {
    margin: 0 0 40px;
  }
  .single-evenements .container_content a {
    border-radius: 80px;
    font-weight: bold;
    font-size: 16px;
    font-family: Courier;
    line-height: normal;
    padding: 10px;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  .single-evenements .container_content .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    height: auto;
  }
  .page-template-page-point-dironie .container_content_3 {
    padding-top: 0;
  }
  .single-la_galerie .wp-block-button__link {
    border-radius: 80px;
    text-transform: uppercase;
    font-family: Courier;
    font-weight: bold;
  }
  .single-artistes .slideshow-container .oeuvre .content {
    padding-top: 40px;
  }
  .single-artistes .oeuvre .image_oeuvre {
    padding-top: 0;
    background-size: cover !important;
    height: 90vw;
  }
  .single-artistes .slideshow-container .prev {
    margin-top: 0;
    left: 0;
    top: calc(84vw - -35px) !important;
  }
  .single-artistes .slideshow-container .next {
    margin-top: 0;
    right: 0;
    top: calc(84vw - -35px) !important;
  }
  .page-template-page-artistes_galerie .content_pages {
    margin-top: -270px;
  }
  .page-template-page-presentation_galerie .sous_menu_pages {
    margin-top: 30px;
  }
  .container_content_2 .event {
    width: 100%;
    padding: 0;
  }
  .single-artistes .wp-block-image {
    margin: 0 0 15px;
  }
  .single-artistes figcaption {
    text-align: center !important;
  }
  .page-template-page-artistes_galerie .content_pages {
    position: relative;
    z-index: 1;
  }
  .event .image_event {
    padding-top: 60%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .hp_img_ctn img {
    height: 200px;
    object-fit: cover;
  }
  .page-template-page-actualites_galerie .content_pages,
  .page-template-page-actions_soutien .content_pages,
  .page-template-page-actualites_soutien .content_pages,
  .page-id-4437 .content_pages {
    padding: 0px 65px;
  }
  .container_content h2,
  .container_content_2 h2,
  .container_content_3 h2 {
    font-size: 14pt;
  }
  .single-evenements .container_content iframe {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  footer .col_3 a {
    font-size: 10pt;
    margin: 2.5% 0;
  }
  .boutons_plan a.show {
    display: block;
    margin-bottom: 12px;
  }
  .page-template-page-presentation_collection .content_pages .wp-block-image figcaption {
    text-align: center !important;
    font-size: 13px;
  }
  p.custom-tel {
    margin: 40px -30px;
  }
  .event .dates p {
    font-size: 9pt;
  }
}

@media screen and (max-width: 375px) {
  .page-template-page-presentation_collection .content_pages .wp-block-image figcaption {
    font-size: 11px;
  }
}

@media screen and (max-width: 320px) {
  p.custom-tel {
    margin: 40px -45px;
  }
}