/* responsive */
/** SYSTEM LESS **/
/* Import project-level system CSS */
/* System Messages */
/* System Standard Messages */
/* System Error Messages */
/* System Warning Messages */
/* System Notice Messages */
/* Unpublished */
/* responsive */
/* responsive */
/* responsive */
/* player vidéo youtube responsive */
/* carte googlemap Comment venir ? */
/* responsive */
/* Formulaire BF 36 bonnes raisons */
/* formulaire réservers vos place */
/* formulaire newsletter */
/* formulaire réserver en ligne */
/* responsive */
/* contenus pages */
/* page normale (lieu, historique…) */
/* slide pages */
/* responsive */
/* slide accueil */
/* page d'accueil */
/* bloc téléchargement page d'accueil */
/* responsive */
/* filtres */
/* page saison */
/* responsive */
/* page spectacle */
/* responsive */
/* page partenaires */
/* responsive */
/* Visuel boutons du slider d'accueil */
/* Titre des post sur 2 lignes */
/* Afficher les filtres sur la page Toute la saison en mode smartphone */
html, body {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-family:'Freigeist';
  font-style:normal;
  font-size:1vw;
  vertical-align:baseline;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h2, strong { font-weight:bold; }
p { margin:0; }
h1, h2, h3, h4, h5, h6, p {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}
img {
  max-width:100%;
  border:0;
}
ol, ul { list-style:none; }
sup {
  margin-left:3px;
  vertical-align:top;
  font-size:0.6em;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
.clr, .clear {
  clear:both;
  line-height:0;
}
a {
  color:#000000;
  text-decoration:underline;
}
a:hover { text-decoration:none; }
@font-face {
  font-family:'IcoMoon';
  src:url('../../../media/jui/fonts/IcoMoon.eot');
  src:url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'Freigeist';
  src:url('../fonts/freigeist-bold-webfont.woff2') format('woff2'), url('../fonts/freigeist-bold-webfont.woff') format('woff');
  font-weight:bold;
  font-style:normal;
}
@font-face {
  font-family:'Freigeist';
  src:url('../fonts/freigeist-regular-webfont.woff2') format('woff2'), url('../fonts/freigeist-regular-webfont.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}
@media screen and (orientation: portrait) {
  html, body {
    font-size:2vw;
    -webkit-tap-highlight-color:transparent;
  }
}
#system-message {
  margin-bottom:10px;
  padding:0;
}
#system-message > dt {
  font-weight:bold;
  display:none;
}
#system-message > dd {
  margin:0;
  font-weight:bold;
  text-indent:30px;
}
#system-message > dd > ul {
  color:#0055BB;
  background-position:4px top;
  background-repeat:no-repeat;
  margin-bottom:10px;
  list-style:none;
  padding:10px;
  border-top:3px solid #84A7DB;
  border-bottom:3px solid #84A7DB;
}
#system-message > dd > ul > li { line-height:1.5em; }
#system-message > .message > ul {
  background-color:#C3D2E5;
  background-image:url(../images/notice-info.png);
}
#system-message > .error > ul, #system-message > .warning > ul, #system-message > .notice > ul { color:#c00; }
#system-message > .error > ul {
  background-color:#E6C0C0;
  background-image:url(../images/notice-alert.png);
  border-color:#DE7A7B;
}
#system-message > .warning > ul {
  background-color:#E6C8A6;
  background-image:url(../images/notice-note.png);
  border-color:#FFBB00;
}
#system-message > .notice > ul {
  background-color:#EFE7B8;
  background-image:url(../images/notice-note.png);
  border-color:#F0DC7E;
}
.system-unpublished, tr.system-unpublished {
  background:#e8edf1;
  border-top:4px solid #c4d3df;
  border-bottom:4px solid #c4d3df;
}
span.highlight {
  background-color:#FFFFCC;
  font-weight:bold;
  padding:1px 0;
}
.img-fulltext-float-right {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}
.img-fulltext-float-left {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}
.img-intro-float-right {
  float:right;
  margin-left:5px;
  margin-bottom:5px;
}
.img-intro-float-left {
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}
#logg { display:none; }
.rl_sliders .fade {
  opacity:0;
  -webkit-transition:opacity 1ms linear;
  -moz-transition:opacity 1ms linear;
  -o-transition:opacity 1ms linear;
  transition:opacity 1ms linear;
}
.rl_sliders .fade.in { opacity:1; }
.rl_sliders.has_effects .fade {
  -webkit-transition:opacity .15s linear;
  -moz-transition:opacity .15s linear;
  -o-transition:opacity .15s linear;
  transition:opacity .15s linear;
}
.rl_sliders .collapse {
  display:block;
  position:relative;
  height:0;
  overflow:hidden;
  -webkit-transition:height 1ms ease;
  -moz-transition:height 1ms ease;
  -o-transition:height 1ms ease;
  transition:height 1ms ease;
}
.rl_sliders .collapse.in { height:auto; }
.rl_sliders.has_effects .collapse {
  -webkit-transition:height .35s ease;
  -moz-transition:height .35s ease;
  -o-transition:height .35s ease;
  transition:height .35s ease;
}
.rl_sliders.accordion { margin-bottom:0.5em; }
.rl_sliders.accordion>.accordion-group { margin-bottom:2px; }
.rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
  background-color:#B06EFF;
  color:#FFFFFF;
  border:solid 1px #B06EFF;
  padding:0.25em 1.65em;
  padding-right:1em;
  display:inline-block;
  background-image:url(../images/svg/fleche-haut-blanche.svg);
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
  cursor:pointer;
  font-weight:bold;
}
.rl_sliders.accordion>.accordion-group .accordion-heading .collapsed {
  background-color:#B06EFF;
  color:#FFFFFF;
  border:solid 1px #B06EFF;
  background-image:url(../images/svg/fleche-bas-blanche.svg);
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
}
.rl_sliders.accordion>.accordion-group>.accordion-body.in:hover { overflow:visible; }
.rl_sliders.accordion {
  *zoom:1;
  margin-bottom:1em;
  margin-top:0.2em;
}
.rl_sliders.accordion>.accordion-group {
  -webkit-transition-duration:.2s;
  -moz-transition-duration:.2s;
  -o-transition-duration:.2s;
  transition-duration:.2s;
}
.rl_sliders.accordion>.accordion-group .panel-heading { padding:0; }
.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle {
  color:#FFFFFF;
  -webkit-transition-duration:.2s;
  -moz-transition-duration:.2s;
  -o-transition-duration:.2s;
  transition-duration:.2s;
}
.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle span.rl_sliders-title-inactive { display:inherit; }
.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle span.rl_sliders-title-active { display:none; }
.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle span.rl_sliders-title-inactive { display:none; }
.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle span.rl_sliders-title-active { display:inherit; }
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
  overflow-y:hidden !important;
  overflow-x:auto;
}
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner .rl_sliders-title { display:none; }
.rl_sliders.accordion .rl_sliders-scroll {
  position:relative;
  visibility:hidden;
  padding:0;
}
#bandehaut {
  position:fixed;
  display:flex;
  left:0;
  top:0;
  width:100%;
  height:5em;
  z-index:100001;
  background-color:#FFFFFF;
  color:#000000;
}
#bandehaut a { text-decoration:none; }
.contient { width:100%; }
#burger { display:none; }
#logo {
  position:absolute;
  z-index:1001;
  width:15em;
  padding-left:3em;
  padding-top:1.25em;
}
#logo #logo > a > img { max-width:100%; }
#menu {
  position:relative;
  text-align:center;
  margin:0 auto;
  font-size:1.4em;
  line-height:1;
  color:#000000;
}
@media screen and (orientation: landscape) {
  #menu .moduletable_menu {
    padding-left:5em;
    width:45em;
    margin:0 auto;
  }
  #menu .moduletable_menu ul {
    display:flex;
    justify-content:space-between;
  }
  #menu .moduletable_menu li {
    text-align:left;
    font-weight:bold;
    color:#000000;
  }
  #menu .moduletable_menu li ul { display:none; }
  #menu .moduletable_menu li:hover {
    cursor:pointer;
    color:#B06EFF;
  }
  #menu .moduletable_menu li:hover ul {
    position:fixed;
    font-size:0.75em;
    text-align:left;
    width:13em;
    padding:1em 1em;
    padding-bottom:0.5em;
    display:block;
    background-color:#FFFFFF;
  }
  #menu .moduletable_menu li:hover ul li {
    font-weight:normal;
    padding-bottom:0.5em;
  }
  #menu .moduletable_menu li:hover ul li ul { display:none; }
  #menu .moduletable_menu li:hover ul li:hover ul {
    width:11em;
    font-size:1em;
    margin-left:11em;
    margin-top:-2em;
    display:block;
  }
  #menu .moduletable_menu li a { color:#000000; }
  #menu .moduletable_menu li a:hover { color:#B06EFF; }
  #menu .moduletable_menu .hidden-computer { display:none; }
}
.nav-child { display:none; }
#top {
  position:absolute;
  right:0;
  top:0;
  padding-right:3em;
  margin-top:-1.1em;
}
#top ul { display:flex; }
#top ul li {
  width:1.25em;
  margin-left:0.5em;
}
#top ul img { max-width:100%; }
#palette { display:none; }
@media screen and (orientation: portrait) {
  #bandehaut {
    font-size:1.75vw;
    height:9em;
  }
  #burger {
    position:absolute;
    z-index:1003;
    left:1em;
    width:9em;
    height:9em;
    display:block;
  }
  .burger-of {
    background-image:url(../images/svg/burger-of.svg);
    background-repeat:no-repeat;
    background-size:5.5em;
    background-position:center;
    cursor:pointer;
  }
  .burger-on {
    background-image:url(../images/svg/burger-on.svg);
    background-repeat:no-repeat;
    background-size:5.5em;
    background-position:center;
    cursor:pointer;
  }
  #logo {
    left:9em;
    display:block;
    width:30em;
    padding-top:1.4em;
  }
  #menu {
    position:absolute;
    z-index:1002;
    text-align:left;
    left:-100%;
    top:0;
    width:100vw;
    height:100vh;
    display:block;
    font-size:1em;
    background-color:#FFFFFF;
  }
  #menu .moduletable_menu {
    padding:0;
    width:100%;
    height:100%;
    padding-bottom:2em;
    font-size:5em;
  }
  #menu .moduletable_menu ul {
    flex-direction:column;
    margin-block-start:0;
    padding-inline-start:0;
    padding:0.5em 0.5em;
    padding-top:2em;
    display:block;
  }
  #menu .moduletable_menu ul li {
    padding:0.1em 0;
    font-weight:bold;
    width:100%;
    color:#000000;
  }
  #menu .moduletable_menu ul li a { margin-bottom:0.25em; }
  #menu .moduletable_menu ul li ul {
    padding:0;
    margin-top:0.1em;
    margin-bottom:0.25em;
    max-height:0;
    overflow:hidden;
    display:block;
    transition:max-height 0.5s ease-in-out;
  }
  #menu .moduletable_menu ul li ul li {
    padding-top:0.25em;
    padding-bottom:0.15em;
    font-weight:bold;
    width:100%;
    font-size:0.6em;
    margin:0;
    border-top:solid 1px #000000;
    color:#000000;
  }
  #menu .moduletable_menu ul li ul li ul {
    max-height:0 !important;
    padding:0;
    margin:0;
    margin-top:0.15em;
    display:block;
    overflow:hidden;
    transition:max-height 0.5s ease-in-out;
  }
  #menu .moduletable_menu ul li ul li ul li {
    width:100%;
    margin:0;
    font-size:1em;
    font-weight:normal;
    border-top:solid 1px #000000;
    color:#000000;
  }
  #menu .moduletable_menu ul li:hover {
    color:#B06EFF;
    cursor:pointer;
  }
  #menu .moduletable_menu ul li:hover a:hover { color:#B06EFF; }
  #menu .moduletable_menu ul li:hover ul { max-height:100em; }
  #menu .moduletable_menu ul li:hover ul li:hover { color:#B06EFF; }
  #menu .moduletable_menu ul li:hover ul li:hover a:hover { color:#B06EFF; }
  #menu .moduletable_menu ul li:hover ul li:hover ul { max-height:100em !important; }
  #menu .moduletable_menu ul li:hover ul li:hover ul li:hover { color:#B06EFF; }
  #menu .moduletable_menu ul li:hover ul li:hover ul li:hover a:hover { color:#B06EFF; }
  #menu .moduletable_menu .hidden-computer { display:block; }
  #top {
    right:0;
    margin-top:2em;
    height:6em;
    padding-right:1em;
  }
  #top .menuhaut {
    margin:0;
    padding:0;
    margin-left:3em;
  }
  #top ul li {
    width:5em;
    height:100%;
    margin-left:0;
    margin-right:1em;
  }
}
#adresse {
  width:100%;
  height:5em;
  margin-top:6em;
  padding-top:1.5em;
  padding-bottom:3em;
  text-align:center;
  font-size:1.4vw;
  line-height:1.2;
  float:left;
  background-color:#000000;
  color:#FFFFFF;
}
#adresse .ligne {
  display:flex;
  margin-left:2.25em;
  overflow:hidden;
  padding:0;
}
#adresse .ligne .colonne {
  width:35%;
  text-align:left;
}
#adresse a { color:#FFFFFF; }
#adresse .boutons {
  margin-top:0.5em;
  text-align:right;
  padding-right:3em;
}
#adresse .boutons a {
  background-color:#000000;
  color:#FFFFFF;
  text-decoration:none;
  font-size:0.75em;
  font-weight:bold;
  border:1px solid #FFFFFF;
  padding:0.5em 1em;
  margin-right:1em;
}
#adresse .boutons a:hover {
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
  color:#FFFFFF;
}
@media screen and (orientation: portrait) {
  #adresse {
    float:none;
    height:auto;
    font-size:4.5vw;
    padding-bottom:1em;
    margin-top:5em;
  }
  #adresse .ligne {
    flex-direction:column;
    margin-left:1.25em;
  }
  #adresse .ligne .colonne {
    width:100%;
    padding-bottom:1em;
    clear:both;
  }
  #adresse .boutons {
    text-align:left;
    display:block;
  }
}
#container {
  position:relative;
  top:5em;
  width:100%;
  display:block;
  font-size:1.1em;
  line-height:1.2;
}
#container #main {
  width:100%;
  margin:0 auto;
}
#container h3 {
  font-size:3.5em;
  line-height:1.0;
  font-weight:bold;
  margin-top:0.25em;
}
@media screen and (orientation: portrait) {
  #container {
    top:3.5em;
    font-size:2em;
    width:100%;
  }
  #container h3 {
    font-size:3em;
    overflow:hidden;
  }
  #container .content { width:100%; }
  #content { width:100%; }
}
.avVideo .avPlayerContainer .avPlayerBlock {
  top:5em;
  width:100% !important;
  position:relative !important;
  padding:0 0 25.5em 0 !important;
  margin:0 !important;
  background-color:#000000;
}
.videowrapper {
  padding-bottom:0% !important;
  height:0;
  width:100%;
}
.moduletable.carteacces {
  position:relative;
  top:5em;
  height:27em;
}
@media screen and (orientation: portrait) {
  .avVideo .avPlayerContainer .avPlayerBlock {
    top:8em;
    padding:0 0 40em 0 !important;
  }
  #spotlight {
    height:42em;
    display:block;
  }
  .moduletable.carteacces {
    top:8em;
    height:40em;
    display:block;
  }
}
.page_bf85 {
  width:85%;
  margin:auto;
}
#slargeurchamps1000 {
  max-width:1000px;
  margin:auto;
}
.page_bf85 form { width:100%; }
.page_bf85 form #bfPage2 {
  text-align:center;
  margin:75px 0;
}
#sbtn_submit_right { text-align:right; }
#ff_formdiv8 {
  width:60%;
  margin:0 auto;
  font-size:0.85em;
}
#ff_formdiv8 p { font-size:1.25em; }
#ff_formdiv8 section.bfElemWrap { font-size:1em; }
#ff_formdiv8 label {
  padding:0.1em 0;
  padding-top:0.25em;
  text-align:left;
  width:50%;
  display:block;
}
#ff_formdiv8 input[type=text] {
  padding:0.25em;
  border:none;
  border:solid 1px #000000;
  font-family:'Freigeist';
  font-size:1em;
  width:45% !important;
}
#ff_formdiv8 select, #ff_formdiv8 textarea {
  padding:0.25em;
  border:solid 1px #000000;
  font-family:'Freigeist';
  font-size:1em;
  width:45% !important;
}
#ff_formdiv8 span.bfErrorMessage {
  background-color:#B06EFF !important;
  color:#FFFFFF !important;
  font-weight:bold !important;
}
#ff_formdiv8 .button {
  display:block;
  padding:0.25em 0.5em;
  font-family:'Freigeist';
  font-size:1em;
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
  color:#FFFFFF;
}
#ff_formdiv1 {
  width:60%;
  font-size:0.85em;
  padding:0;
  margin:0 auto;
  margin-left:35%;
}
#ff_formdiv1 p { font-size:1.25em; }
#ff_formdiv1 section.bfElemWrap {
  text-transform:lowercase;
  font-size:1em;
}
#ff_formdiv1 .control-group {
  padding:0.1em 0;
  width:100%;
}
#ff_formdiv1 label {
  padding:0.1em 0;
  padding-top:0.25em;
  text-align:left;
  width:100%;
  display:block;
}
#ff_formdiv1 input[type=text], #ff_formdiv1 .inputbox {
  display:block;
  padding:0.25em;
  border:none;
  border:solid 1px #000000;
  font-family:'Freigeist';
  font-size:1em;
  font-weight:normal;
  width:100% !important;
}
#ff_formdiv1 select, #ff_formdiv1 textarea {
  display:block;
  padding:0.25em;
  border:solid 1px #000000;
  font-family:'Freigeist';
  font-size:1em;
  font-weight:normal;
  width:100% !important;
}
#ff_formdiv1 .bfErrorMessage {
  width:50%;
  padding:0.5em;
  margin:0.5em 0;
  background-color:#B06EFF !important;
  color:#FFFFFF !important;
  font-weight:bold !important;
}
#ff_formdiv1 button {
  display:block;
  padding:0.25em 0.5em;
  font-family:'Freigeist';
  font-size:1em;
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
  color:#FFFFFF;
  text-align:left;
}
#ff_formdiv6 {
  width:60%;
  font-size:0.85em;
  padding:0;
  margin:0 auto;
}
#ff_formdiv6 p { font-size:1.25em; }
#ff_formdiv6 section.bfElemWrap {
  text-transform:lowercase;
  font-size:1em;
}
#ff_formdiv6 .control-group {
  padding:0.1em 0;
  width:100%;
}
#ff_formdiv6 label {
  padding:0.1em 0;
  padding-top:0.25em;
  text-align:left;
  width:100%;
  display:block;
}
#ff_formdiv6 input[type=text], #ff_formdiv6 .inputbox {
  display:block;
  padding:0.25em;
  border:none;
  border:solid 1px #000000;
  font-family:'Freigeist';
  font-size:1em;
  font-weight:normal;
  width:100% !important;
}
#ff_formdiv6 select, #ff_formdiv6 textarea {
  padding:0.1em 0;
  border:solid 1px #000000;
  font-family:'Freigeist';
  font-size:1em;
  font-weight:normal;
  width:100% !important;
}
#ff_formdiv6 .bfErrorMessage {
  width:50%;
  padding:0.5em;
  margin:0.5em 0;
  background-color:#B06EFF !important;
  color:#FFFFFF !important;
  font-weight:bold !important;
}
#ff_formdiv6 button {
  display:block;
  padding:0.25em 0.5em;
  font-family:'Freigeist';
  font-size:1em;
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
  color:#FFFFFF;
  text-align:left;
}
#ff_formdiv6 table {
  border-color:#000000;
  text-align:left;
  width:100% !important;
  font-size:1.25em;
}
#ff_formdiv6 table tr {
  border-bottom:solid 1px #000000;
  font-weight:normal;
  padding:0.5em 0;
}
@media screen and (orientation: portrait) {
  #ff_formdiv1, #ff_formdiv6, #ff_formdiv8 {
    width:80%;
    padding:5% 10%;
    margin:0;
  }
}
.row.content { margin-top:1em; }
.nav.nav-tabs {
  margin:1em 0;
  padding:0;
}
.nav.nav-tabs li {
  float:left;
  background-color:#FFFFFF;
  border:solid 1px #000000;
  padding:0.25em 0.75em;
  margin-right:0.5em;
  margin-bottom:0.5em;
  min-width:4em;
  text-align:center;
  cursor:pointer;
}
.nav.nav-tabs li em { font-style:normal !important; }
.nav.nav-tabs li a {
  text-decoration:none;
  outline:none;
}
.nav.nav-tabs .active, .nav.nav-tabs li:hover {
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
}
.nav.nav-tabs .active a, .nav.nav-tabs li:hover a {
  outline:none;
  color:#FFFFFF;
}
.nav.nav-tabs li.picto-autour-spectacle {
  padding-left:2.25em;
  background-image:url(../images/svg/picto-autour-spectacle.svg);
  background-repeat:no-repeat;
  background-size:1.5em;
  background-position:0.35em 0.3em;
}
.tab-pane { display:none; }
.tab-pane.active { display:block; }
.tab-content {
  padding-top:0.5em;
  display:block;
  clear:both;
}
.tab-content .rl_tabs-title.nn_tabs-title { display:none; }
.tab-content .avf-texte { display:none; }
table {
  border-color:#000000;
  width:100% !important;
}
.table-2 { width:100%; }
.table-2 td, .table-2 th {
  border-bottom:solid 1px #000000;
  padding:0.25em;
}
.cadrecouleur {
  font-size:1.75em;
  display:block;
  padding-left:1em;
  margin-bottom:0.25em;
  font-weight:bold;
  background-image:url(../images/svg/point-bleu.svg);
  background-repeat:no-repeat;
  background-size:0.85em;
  background-position:0 0.15em;
}
.accordion-heading {
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
  color:#FFFFFF;
  padding:0.25em 1.5em;
  margin-right:1em;
  margin-bottom:0.5em;
  display:inline-block;
  background-image:url(../images/svg/fleche-droite-blanche.svg);
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
}
.accordion-heading a {
  text-decoration:none;
  color:#FFFFFF;
}
a.donlod {
  background-color:#FFFFFF;
  color:#000000;
  border:solid 1px #000000;
  padding:0.25em 1em;
  padding-left:1.5em;
  margin:0.25em 0;
  margin-right:0.5em;
  float:left;
  text-decoration:none;
  background-image:url(../images/svg/fleche-droite-noire.svg);
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
}
a.donlod:hover {
  background-color:#B06EFF;
  color:#FFFFFF;
  border:solid 1px #B06EFF;
  background-image:url(../images/svg/fleche-bas-blanche.svg);
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
}
.item-page.page_normale {
  width:60%;
  margin:0 auto;
  min-height:60vh;
}
.item-page.page_normale .page-header { display:none; }
.item-page.page_normale .fields-container { display:none; }
.item-page.page_normale .row.column_content { width:100%; }
.item-page.page_normale .row.column_content img { width:50%; }
.item-page.page_normale .row.column_content h3 {
  padding:0 !important;
  margin:0 !important;
  padding-bottom:0.25em !important;
}
#fond-spectacle {
  width:100%;
  background-color:#FFFFFF;
  visibility:hidden;
  color:#FFFFFF;
}
#fond-spectacle a { color:#FFFFFF; }
#jmslideshow-spectacle {
  height:24.5em;
  overflow:hidden;
  margin-bottom:0.5em;
}
#jmslideshow-spectacle .jmslide-spectacle {
  width:100%;
  height:24.5em;
}
#jmslideshow-spectacle .jmslide-spectacle .inslide {
  width:100%;
  height:24.5em;
  background-size:cover;
  background-position:center;
}
#jmslideshow-spectacle .cycle-prev {
  position:absolute;
  width:5em;
  height:5em;
  left:0;
  top:10em;
  z-index:450;
  background-image:url(../images/svg/fleche-slide-gauche.svg);
  background-repeat:no-repeat;
  background-size:4em;
  background-position:center center;
}
#jmslideshow-spectacle .cycle-next {
  position:absolute;
  width:5em;
  height:5em;
  right:0;
  top:10em;
  z-index:450;
  background-image:url(../images/svg/fleche-slide-droite.svg);
  background-repeat:no-repeat;
  background-size:4em;
  background-position:center center;
}
@media screen and (orientation: portrait) {
  #jmslideshow-spectacle { height:17em; }
  #jmslideshow-spectacle .jmslide-spectacle { height:17em; }
  #jmslideshow-spectacle .jmslide-spectacle .inslide { height:17em; }
  #jmslideshow-spectacle .cycle-prev, #jmslideshow-spectacle .cycle-next {
    top:6em;
    display:none;
  }
  .item-page.page_normale .row.column_content img { width:100%; }
  .nav.nav-tabs { width:auto; }
  .nav.nav-tabs li {
    display:block;
    padding:0.5em 0.75em;
  }
  .cadrecouleur {
    font-size:1.75em;
    line-height:1;
    background-position:0 0.1em;
    clear:both;
  }
  .item-page.page_normale {
    margin-top:1em;
    width:90%;
    background-color:#FFFFFF;
  }
}
#fond {
  width:100%;
  height:27em;
  background-color:#000000;
  margin-bottom:0;
  display:block;
  overflow:hidden;
}
#jmslideshow-accueil {
  width:100%;
  height:100%;
}
#jmslideshow-accueil .jmslide-item, #jmslideshow-accueil .link_slide, #jmslideshow-accueil .slide, #jmslideshow-accueil .fond_slide {
  width:100%;
  height:100%;
  display:block;
  visibility:visible;
}
#jmslideshow-accueil .link_slide {
  margin-left:30%;
  width:70%;
}
#jmslideshow-accueil .centrage_slider {
  position:absolute;
  width:30%;
  height:24.5em;
  display:block;
  overflow:hidden;
  left:0;
  top:0;
  padding:0;
  color:#FFFFFF;
}
#jmslideshow-accueil .centrage_slider .lien-video {
  margin:1em 0;
  font-size:1.25em;
  font-weight:bold;
  text-transform:capitalize;
  padding-left:1.5em;
  background-image:url(../images/svg/picto-video-blanc.svg);
  background-repeat:no-repeat;
  background-size:1.25em;
  background-position:0.0em center;
  color:#B06EFF;
}
#jmslideshow-accueil .centrage_slider .lien-video a {
  color:#FFFFFF;
  text-decoration:none;
}
#jmslideshow-accueil .centrage_slider .lien-video a:hover { text-decoration:underline; }
#jmslideshow-accueil .centrage_slider .annulation { display:none; }
#jmslideshow-accueil .centrage_slider .bloc2_slider {
  padding:0 2.5em;
  padding-top:2em;
}
#jmslideshow-accueil .centrage_slider .genre, #jmslideshow-accueil .centrage_slider .genre-2, #jmslideshow-accueil .centrage_slider .genre-3 {
  padding-left:1.75em;
  padding-bottom:0.1em;
  text-decoration:none;
  font-weight:bold;
  background-image:url(../images/svg/point-blanc.svg);
  background-repeat:no-repeat;
  background-size:1.4em;
  background-position:0 center;
}
#jmslideshow-accueil .centrage_slider .genre { background-position-y:-0.1em; }
#jmslideshow-accueil .centrage_slider .genre-2 {
  background-size:1.2em;
  background-position:0.125em center;
  background-position-y:-0.025em;
}
#jmslideshow-accueil .centrage_slider .genre-3 {
  background-size:1em;
  background-position:0.275em center;
  background-position-y:0;
}
#jmslideshow-accueil .centrage_slider .date {
  font-size:1.25em;
  line-height:1;
  font-weight:bold;
  margin-top:1em;
  margin-bottom:1em;
  background-position:0 center;
}
#jmslideshow-accueil .centrage_slider h3.item-title {
  margin-top:0.5em;
  padding:0;
  font-size:3em;
  line-height:1 !important;
  font-weight:bold;
}
#jmslideshow-accueil .centrage_slider h3.item-title a {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}
#jmslideshow-accueil .centrage_slider .sstitre {
  font-size:3em;
  font-weight:normal;
}
#jmslideshow-accueil .centrage_slider .auteur { margin-top:0.25em; }
#jmslideshow-accueil .centrage_slider .avf-texte { display:none; }
#jmslideshow-accueil .centrage_slider.couleur_spectacle { background-color:#B06EFF; }
#jmslideshow-accueil .centrage_slider.couleur_atelier { background-color:#D7B6FF; }
#jmslideshow-accueil .centrage_slider.couleur_rdv_famille { background-color:#FFED00; }
#jmslideshow-accueil .centrage_slider.couleur_rdv_famille { color:#000000; }
#jmslideshow-accueil .centrage_slider.couleur_rdv_famille .genre, #jmslideshow-accueil .centrage_slider.couleur_rdv_famille .genre-2, #jmslideshow-accueil .centrage_slider.couleur_rdv_famille .genre-3 { background-image:url(../images/svg/point-noir.svg); }
#jmslideshow-accueil .centrage_slider.couleur_rdv_famille h3.item-title a { color:#000000; }
#jmslideshow-accueil .cycle-pager {
  position:absolute;
  background-color:#FFFFFF;
  width:95.5%;
  left:0;
  top:24.5em;
  height:2.5em;
  z-index:10000;
  margin:0;
  padding:0;
  padding-right:4.5%;
  display:flex;
  justify-content:flex-end;
}
#jmslideshow-accueil .cycle-pager span {
  flex-grow:90%;
  display:block;
  width:1em;
  height:1em;
  text-align:center;
  margin-left:0.5em;
  margin-top:0.5em;
  padding:0.2em;
  border:solid 1px #000000;
  font-weight:bold;
}
#jmslideshow-accueil .cycle-pager span a { text-decoration:none; }
#jmslideshow-accueil .cycle-pager span:hover, #jmslideshow-accueil .cycle-pager span.cycle-pager-active {
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
  cursor:pointer;
}
#jmslideshow-accueil .cycle-pager span:hover a, #jmslideshow-accueil .cycle-pager span.cycle-pager-active a { color:#FFFFFF; }
.blog.featured.blog-featured.damien {
  display:flex;
  margin:0 auto;
  margin-top:1em;
  padding:0;
  width:85%;
  flex-flow:row wrap;
  flex-direction:row;
  justify-content:flex-start;
  /* item */
  /* item autre */
}
.blog.featured.blog-featured.damien .item {
  position:relative;
  background-color:#000000;
  width:48%;
  height:23.5em;
  margin:0.75em;
  overflow:hidden;
}
.blog.featured.blog-featured.damien .item .date {
  position:absolute;
  z-index:10;
  display:block;
  top:0;
  right:0;
  height:50%;
  width:96%;
  padding:2%;
  line-height:1.1;
  text-align:right;
  overflow:hidden;
  font-weight:bold;
  color:#FFFFFF;
  background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
}
.blog.featured.blog-featured.damien .item .annulation {
  position:absolute;
  z-index:11;
  text-align:center;
  left:1em;
  top:19.5em;
  color:#FFFFFF;
  font-size:0.65em;
  font-weight:bold;
  padding:0.5em;
}
.blog.featured.blog-featured.damien .item .annulation.couleur_spectacle { background-color:#B06EFF; }
.blog.featured.blog-featured.damien .item .annulation.couleur_atelier { background-color:#D7B6FF; }
.blog.featured.blog-featured.damien .item .changeons-de-saison {
  position:absolute;
  z-index:11;
  display:block;
  top:4%;
  left:2%;
  width:6em;
  height:6em;
  overflow:hidden;
  color:#FFFFFF;
  border-radius:50%;
}
.blog.featured.blog-featured.damien .item .changeons-de-saison span {
  position:absolute;
  text-align:center;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:0.675em;
  font-weight:normal;
  line-height:1.1;
}
.blog.featured.blog-featured.damien .item .changeons-de-saison.couleur_spectacle { background-color:#B06EFF; }
.blog.featured.blog-featured.damien .item .changeons-de-saison.couleur_atelier { background-color:#D7B6FF; }
.blog.featured.blog-featured.damien .item .image-item-blog {
  width:100%;
  height:15.5em;
  background-size:cover;
  background-position:center;
  transition:all 0.5s;
}
.blog.featured.blog-featured.damien .item .text-item-blog {
  position:absolute;
  display:block;
  width:90%;
  height:8em;
  top:14.75em;
  color:#FFFFFF;
  overflow:hidden;
  padding:0 5%;
  padding-top:0.75em;
  line-height:1;
  text-align:center;
}
.blog.featured.blog-featured.damien .item .text-item-blog a {
  color:#FFFFFF;
  text-decoration:none;
  font-size:2em;
}
.blog.featured.blog-featured.damien .item .text-item-blog h2 {
  line-height:1;
  padding:0 0;
  width:100%;
}
.blog.featured.blog-featured.damien .item .text-item-blog .sstitre {
  font-weight:normal;
  font-size:2em;
  line-height:1;
}
.blog.featured.blog-featured.damien .item .text-item-blog .auteur {
  margin-top:0.75em;
  font-size:1.1em;
}
.blog.featured.blog-featured.damien .item .text-item-blog .avf-texte, .blog.featured.blog-featured.damien .item .text-item-blog .plus { display:none; }
.blog.featured.blog-featured.damien .item .text-item-blog.couleur_spectacle { background-color:#B06EFF; }
.blog.featured.blog-featured.damien .item .text-item-blog.couleur_atelier { background-color:#D7B6FF; }
.blog.featured.blog-featured.damien .item .text-item-blog.couleur_rdv_famille {
  background-color:#FFED00;
  color:#000000;
}
.blog.featured.blog-featured.damien .item .text-item-blog.couleur_spectacle a { color:#FFFFFF; }
.blog.featured.blog-featured.damien .item .text-item-blog.couleur_atelier a { color:#FFFFFF; }
.blog.featured.blog-featured.damien .item .text-item-blog.couleur_rdv_famille a { color:#000000; }
.blog.featured.blog-featured.damien .item:hover .image-item-blog { transform:scale(1.2); }
.blog.featured.blog-featured.damien .item.autre {
  visibility:hidden;
  display:none;
}
.bloc-telechargement {
  height:auto;
  background-color:#FFFFFF;
  width:100%;
  padding:0;
  color:#FFFFFF;
  display:flex;
  justify-content:space-between;
  margin-top:1em;
  font-size:1.5em;
  line-height:1.1;
}
.bloc-telechargement .fields-container { display:none; }
.bloc-telechargement .donlods_point {
  position:relative;
  background-color:#B06EFF;
  color:#FFFFFF;
  width:11em;
  height:11em;
  border-radius:50%;
}
.bloc-telechargement .donlods_point .content {
  width:90%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.bloc-telechargement .donlods_point a {
  font-size:0.75em;
  color:#FFFFFF !important;
}
.bloc-telechargement .donlods {
  position:relative;
  width:11em;
  height:11em;
  color:#000000;
}
.bloc-telechargement .donlods .content {
  width:75%;
  position:absolute;
  top:47%;
  left:50%;
  transform:translate(-50%,-50%);
}
.bloc-telechargement .donlods a { font-size:0.75em; }
.bloc-telechargement .donlods.vide { background-color:#FFFFFF; }
.bloc-telechargement .donlods.rectangle {
  background-image:url(../images/svg/fond-telechargement.svg);
  background-repeat:no-repeat;
  background-size:100%;
  background-position:center center;
  background-origin:padding-box;
}
.bloc-telechargement a { text-decoration:none; }
.bloc-telechargement a:hover { text-decoration:underline; }
@media screen and (orientation: portrait) {
  #fond {
    top:0;
    margin:0;
    height:calc(94vh);
    background-color:#FFFFFF;
  }
  #jmslideshow-accueil { height:100%; }
  #jmslideshow-accueil .link_slide {
    margin-left:0;
    margin:0;
    top:8vh;
    width:100%;
    height:40vh;
  }
  #jmslideshow-accueil .centrage_slider {
    width:100%;
    top:40vh;
    height:38vh;
  }
  #jmslideshow-accueil .centrage_slider .bloc2_slider {
    padding:0 1em;
    padding-top:0;
  }
  #jmslideshow-accueil .centrage_slider .genre, #jmslideshow-accueil .centrage_slider .genre-2, #jmslideshow-accueil .centrage_slider .genre-3 { display:none; }
  #jmslideshow-accueil .centrage_slider h3.item-title {
    margin-top:0.35em;
    font-size:3em;
    line-height:0.9;
  }
  #jmslideshow-accueil .centrage_slider .sstitre { display:none; }
  #jmslideshow-accueil .centrage_slider .auteur { margin-top:0.2em; }
  #jmslideshow-accueil .cycle-pager {
    height:5vh;
    width:25%;
    left:0;
    right:0;
    top:0;
    margin:0 auto;
    margin-top:79vh;
    justify-content:space-around;
  }
  .blog.featured.blog-featured.damien {
    top:0;
    margin-top:0;
    width:100%;
  }
  .blog.featured.blog-featured.damien .item {
    width:90%;
    margin-left:5%;
    margin-bottom:3%;
    height:18.5em;
  }
  .blog.featured.blog-featured.damien .item .annulation {
    top:14.25em;
    padding:0.35em;
  }
  .blog.featured.blog-featured.damien .item .changeons-de-saison {
    top:18%;
    width:5em;
    height:5em;
  }
  .blog.featured.blog-featured.damien .item .image-item-blog { height:11em; }
  .blog.featured.blog-featured.damien .item .text-item-blog {
    top:11em;
    height:7em;
    padding-top:0.5em;
  }
  .blog.featured.blog-featured.damien .item .text-item-blog a {
    color:#FFFFFF;
    text-decoration:none;
    font-size:1.75em;
  }
  .blog.featured.blog-featured.damien .item .text-item-blog h2 {
    line-height:1;
    padding:0 0;
    width:100%;
  }
  .blog.featured.blog-featured.damien .item .text-item-blog .bloc2 {
    margin:0;
    padding:0;
  }
  .blog.featured.blog-featured.damien .item .text-item-blog .sstitre { font-size:1.75em; }
  .blog.featured.blog-featured.damien .item .text-item-blog .auteur {
    margin-top:0.5em;
    font-size:1em;
  }
  .bloc-telechargement {
    width:95%;
    display:block;
    margin:0 auto;
    margin-top:1em;
    padding:0;
    font-size:1.25em;
    overflow:hidden;
  }
  .bloc-telechargement .donlods_point {
    width:13em;
    height:13em;
    margin:0 auto;
  }
  .bloc-telechargement .donlods_point .content { font-size:1.35em; }
  .bloc-telechargement .donlods {
    margin-bottom:0;
    padding:0;
    width:90%;
    margin:0 auto;
    height:11em;
    font-size:1.25em;
  }
  .bloc-telechargement .donlods .content {
    left:1em;
    transform:translate(0%,-50%);
    font-size:1.5em;
    line-height:1;
  }
  .bloc-telechargement .donlods a {
    padding-top:0;
    font-size:0.65em;
  }
  .bloc-telechargement .donlods.vide { height:7em; }
  .bloc-telechargement .donlods.vide .content {
    top:0.5em;
    transform:translate(0%,0%);
  }
}
#filter {
  position:relative;
  top:5em;
}
.filter2 {
  position:relative;
  width:90%;
  margin:0 auto;
}
.filter2 .contient { display:flex; }
.filter2 .contient .totue { width:8%; }
.filter2 .contient .totue img { width:100%; }
.filter2 .contient #afficher-selecteurs { display:none; }
.filter2 .contient .selecteurs {
  padding:1em;
  width:100%;
}
.filter2 .contient .selecteurs ul {
  margin:0;
  padding:0;
  font-size:1em;
}
.filter2 .contient .selecteurs ul li.item-457 { display:none; }
.filter2 .contient .selecteurs ul li {
  display:block;
  margin-bottom:0.25em;
}
.filter2 .contient .selecteurs ul li .nav-header, .filter2 .contient .selecteurs ul li a {
  display:block;
  float:left;
  font-weight:bold;
  text-decoration:none;
  border:solid 1px #000000;
  padding:0.25em 0.5em;
}
.filter2 .contient .selecteurs ul li .nav-header:hover, .filter2 .contient .selecteurs ul li a:hover {
  display:block;
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
  cursor:pointer;
  color:#FFFFFF !important;
}
.filter2 .contient .selecteurs ul li .active {
  background-color:#B06EFF;
  border:solid 1px #B06EFF;
}
.filter2 .contient .selecteurs ul li .active a { color:#FFFFFF !important; }
.filter2 .contient .selecteurs ul li ul { display:flex; }
.filter2 .contient .selecteurs ul li ul li {
  margin-left:0.5em;
  background-color:#FFFFFF;
}
.filter2 .contient .selecteurs ul li ul li a { font-weight:normal; }
.blog.fjrelated.blog-featured.damien.multicat {
  display:flex;
  margin:0 auto;
  margin-top:1em;
  padding:0;
  width:85%;
  flex-flow:row wrap;
  flex-direction:row;
  justify-content:flex-start;
}
.blog.fjrelated.blog-featured.damien.multicat .faded { opacity:0.5; }
.blog.fjrelated.blog-featured.damien.multicat .item {
  position:relative;
  background-color:#000000;
  width:48%;
  height:23.5em;
  margin:0.75em;
  overflow:hidden;
}
.blog.fjrelated.blog-featured.damien.multicat .item .date {
  position:absolute;
  z-index:10;
  display:block;
  top:0;
  right:0;
  height:50%;
  width:96%;
  padding:2%;
  line-height:1.1;
  text-align:right;
  overflow:hidden;
  font-weight:bold;
  color:#FFFFFF;
  background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
}
.blog.fjrelated.blog-featured.damien.multicat .item .annulation {
  position:absolute;
  z-index:11;
  display:inline-block;
  text-align:center;
  left:1em;
  top:19.5em;
  color:#FFFFFF;
  font-size:0.65em;
  font-weight:bold;
  padding:0.5em;
}
.blog.fjrelated.blog-featured.damien.multicat .item .annulation.couleur_spectacle { background-color:#B06EFF; }
.blog.fjrelated.blog-featured.damien.multicat .item .annulation.couleur_atelier { background-color:#D7B6FF; }
.blog.fjrelated.blog-featured.damien.multicat .item .annulation.couleur_atelier { background-color:#FFED00; }
.blog.fjrelated.blog-featured.damien.multicat .item .changeons-de-saison {
  position:absolute;
  z-index:11;
  display:block;
  top:4%;
  left:2%;
  width:6em;
  height:6em;
  overflow:hidden;
  color:#FFFFFF;
  border-radius:50%;
}
.blog.fjrelated.blog-featured.damien.multicat .item .changeons-de-saison span {
  position:absolute;
  text-align:center;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:0.675em;
  font-weight:normal;
  line-height:1.1;
}
.blog.fjrelated.blog-featured.damien.multicat .item .changeons-de-saison.couleur_spectacle { background-color:#B06EFF; }
.blog.fjrelated.blog-featured.damien.multicat .item .changeons-de-saison.couleur_atelier { background-color:#D7B6FF; }
.blog.fjrelated.blog-featured.damien.multicat .item .changeons-de-saison.couleur_rdv_famille { background-color:#FFED00; }
.blog.fjrelated.blog-featured.damien.multicat .item .image-item-blog {
  width:100%;
  height:15.5em;
  background-size:cover;
  background-position:center;
  transition:all 0.5s;
}
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog {
  position:absolute;
  display:block;
  width:90%;
  height:8em;
  top:14.75em;
  color:#FFFFFF;
  overflow:hidden;
  padding:0 5%;
  padding-top:0.75em;
  line-height:1;
  text-align:center;
}
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog a {
  text-decoration:none;
  font-size:2em;
}
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog h2 {
  line-height:1;
  padding:0 0;
  width:100%;
}
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog .sstitre {
  line-height:1;
  font-size:2em;
}
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog .auteur {
  margin-top:0.75em;
  font-size:1.1em;
}
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog .avf-texte, .blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog .plus { display:none; }
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog.couleur_spectacle { background-color:#B06EFF; }
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog.couleur_atelier { background-color:#D7B6FF; }
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog.couleur_rdv_famille {
  background-color:#FFED00;
  color:#000000;
}
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog.couleur_spectacle a { color:#FFFFFF; }
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog.couleur_atelier a { color:#FFFFFF; }
.blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog.couleur_rdv_famille a { color:#000000; }
.blog.fjrelated.blog-featured.damien.multicat .item:hover .image-item-blog { transform:scale(1.2); }
@media screen and (orientation: portrait) {
  #filter {
    width:90%;
    font-size:2em;
    padding:0;
  }
  .filter2 .contient { display:block; }
  .filter2 .contient .totue { display:none; }
  .filter2 .contient #afficher-selecteurs {
    display:inline-block;
    font-weight:bold;
    text-decoration:none;
    padding:0.25em 0.5em;
    margin-bottom:0.5em;
    padding-left:1.75em;
    background-repeat:no-repeat;
    background-size:0.75em;
    background-position:0.5em center;
  }
  .filter2 .contient .afficher-of {
    border:solid 1px #B06EFF;
    background-color:#B06EFF;
    color:#FFFFFF;
    background-image:url(../images/svg/fleche-bas-blanche.svg);
  }
  .filter2 .contient .afficher-on {
    border:solid 1px #B06EFF;
    background-color:#B06EFF;
    color:#FFFFFF;
    background-image:url(../images/svg/fleche-haut-blanche.svg);
  }
  .filter2 .contient .selecteurs.selecteurs-on { max-height:100vh; }
  .filter2 .contient .selecteurs {
    margin-top:0.5em;
    padding:0;
    padding-bottom:0.5em;
    width:100%;
    max-height:0px;
    display:flex;
    transition:max-height 0.5s ease-in-out;
  }
  .filter2 .contient .selecteurs .nav-header { margin-bottom:0.5em; }
  .filter2 .contient .selecteurs ul {
    margin:0;
    padding:0;
    font-size:1em;
  }
  .filter2 .contient .selecteurs ul li.item-457 { display:none; }
  .filter2 .contient .selecteurs ul li {
    display:block;
    float:left;
  }
  .filter2 .contient .selecteurs ul li .nav-header, .filter2 .contient .selecteurs ul li a {
    display:inline-block;
    font-weight:bold;
    text-decoration:none;
    border:solid 1px #000000;
    padding:0.25em 0.5em;
  }
  .filter2 .contient .selecteurs ul li .nav-header:hover, .filter2 .contient .selecteurs ul li a:hover {
    display:block;
    background-color:#B06EFF;
    border:solid 1px #B06EFF;
    cursor:pointer;
    color:#FFFFFF !important;
  }
  .filter2 .contient .selecteurs ul li .active {
    background-color:#B06EFF;
    border:solid 1px #B06EFF;
  }
  .filter2 .contient .selecteurs ul li .active a { color:#FFFFFF !important; }
  .filter2 .contient .selecteurs ul li ul {
    clear:both;
    display:flex;
    flex-wrap:wrap;
  }
  .filter2 .contient .selecteurs ul li ul li {
    margin-left:0;
    margin-right:0.5em;
    margin-bottom:0.5em;
    background-color:#FFFFFF;
  }
  .filter2 .contient .selecteurs ul li ul li a { font-weight:normal; }
  .blog.fjrelated.blog-featured.damien.multicat {
    margin-top:0.5em;
    width:100%;
    min-height:100vh;
    background-color:#FFFFFF;
  }
  .blog.fjrelated.blog-featured.damien.multicat .item {
    width:90%;
    margin-left:5%;
    margin-bottom:3%;
    height:18.5em;
  }
  .blog.fjrelated.blog-featured.damien.multicat .item .annulation {
    top:14.25em;
    padding:0.35em;
  }
  .blog.fjrelated.blog-featured.damien.multicat .item .changeons-de-saison {
    top:18%;
    width:5em;
    height:5em;
  }
  .blog.fjrelated.blog-featured.damien.multicat .item .image-item-blog { height:11em; }
  .blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog {
    top:11em;
    height:7em;
    padding-top:0.5em;
  }
  .blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog a {
    color:#FFFFFF;
    text-decoration:none;
    font-size:1.75em;
  }
  .blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog h2 {
    line-height:1;
    padding:0 0;
    width:100%;
  }
  .blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog .bloc2 {
    margin:0;
    padding:0;
  }
  .blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog .sstitre { font-size:1.75em; }
  .blog.fjrelated.blog-featured.damien.multicat .item .text-item-blog .auteur {
    margin-top:0.5em;
    font-size:1em;
  }
}
.item-page.page_spectacle {
  width:85%;
  margin:0 auto;
  display:flex;
  margin-top:0;
}
.item-page.page_spectacle .fields-container, .item-page.page_spectacle .auteur.deux { display:none; }
.item-page.page_spectacle .annulation {
  position:absolute;
  display:inline-block;
  text-align:center;
  left:12em;
  top:2em;
  z-index:990;
  color:#FFFFFF;
  font-size:0.65em;
  font-weight:bold;
  padding:0.5em;
}
.item-page.page_spectacle .annulation.couleur_spectacle { background-color:#B06EFF; }
.item-page.page_spectacle .annulation.couleur_atelier { background-color:#D7B6FF; }
.item-page.page_spectacle .annulation.couleur_rdv_famille { background-color:#FFED00; }
.item-page.page_spectacle .changeons-de-saison {
  position:absolute;
  z-index:990;
  display:block;
  left:7.75em;
  top:16.5em;
  width:6em;
  height:6em;
  overflow:hidden;
  color:#FFFFFF;
  border-radius:50%;
}
.item-page.page_spectacle .changeons-de-saison span {
  position:absolute;
  text-align:center;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:0.675em;
  font-weight:normal;
  line-height:1.1;
}
.item-page.page_spectacle .changeons-de-saison.couleur_spectacle { background-color:#B06EFF; }
.item-page.page_spectacle .changeons-de-saison.couleur_atelier { background-color:#D7B6FF; }
.item-page.page_spectacle .changeons-de-saison.couleur_rdv_famille { background-color:#FFED00; }
.item-page.page_spectacle .row.column_infos {
  width:25%;
  padding:1em;
  padding-top:2.5em;
  line-height:1.35;
}
.item-page.page_spectacle .row.column_infos .genre, .item-page.page_spectacle .row.column_infos .genre-2, .item-page.page_spectacle .row.column_infos .genre-3 {
  display:block;
  padding-left:1.75em;
  padding-bottom:0.1em;
  text-decoration:none;
  font-size:1.25em;
  line-height:1.1;
  font-weight:bold;
  background-image:url(../images/svg/point-noir.svg);
  background-repeat:no-repeat;
  background-size:1.4em;
  background-position:0 center;
}
.item-page.page_spectacle .row.column_infos .genre { background-position-y:-0.1em; }
.item-page.page_spectacle .row.column_infos .genre-2 {
  background-size:1.2em;
  background-position:0.125em center;
  background-position-y:0.025em;
}
.item-page.page_spectacle .row.column_infos .genre-3 {
  background-size:1em;
  background-position:0.225em center;
  background-position-y:0;
}
.item-page.page_spectacle .row.column_infos .date {
  margin-top:1em;
  margin-bottom:1.1em;
  font-size:1.25em;
  line-height:1;
  font-weight:bold;
}
.item-page.page_spectacle .row.column_infos .picto-malentendant {
  position:absolute;
  margin-left:5em;
  margin-top:-0.2em;
}
.item-page.page_spectacle .row.column_infos .picto-malentendant img { width:0.85em; }
.item-page.page_spectacle .row.column_infos .picto-malvoyant {
  position:absolute;
  margin-left:3em;
  margin-top:-0.05em;
}
.item-page.page_spectacle .row.column_infos .picto-malvoyant img { width:1.25em; }
.item-page.page_spectacle .row.column_infos .autour-spectacle {
  padding-left:1.25em;
  background-image:url(../images/svg/picto-autour-spectacle.svg);
  background-repeat:no-repeat;
  background-size:1em;
  background-position:0 0.3em;
}
.item-page.page_spectacle .row.column_infos .avf-texte {
  padding-left:1.25em;
  background-image:url(../images/svg/picto-autre-mention.svg);
  background-repeat:no-repeat;
  background-size:1em;
  background-position:0 0.15em;
}
.item-page.page_spectacle .row.column_infos .artistes-associes {
  padding-left:1.25em;
  background-image:url(../images/svg/picto-artistes-associes.svg);
  background-repeat:no-repeat;
  background-size:1em;
  background-position:0 0.15em;
}
.item-page.page_spectacle .row.column_infos .autre-info {
  padding-left:1.25em;
  background-image:url(../images/svg/picto-autre-info.svg);
  background-repeat:no-repeat;
  background-size:1.25em;
  background-position:0 0.15em;
}
.item-page.page_spectacle .row.column_infos #voir-tarifs { display:none; }
.item-page.page_spectacle .row.column_infos .bloc_tarifs { margin-top:1em; }
.item-page.page_spectacle .row.column_infos .bloc_tarifs h4 {
  border:solid 1px #000000;
  padding:0.25em;
  font-weight:normal;
  padding-left:1.5em;
  background-image:url(../images/svg/fleche-bas-noire.svg);
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
}
.item-page.page_spectacle .row.column_infos .bloc_tarifs ul.tarifs {
  margin:0;
  padding:0;
}
.item-page.page_spectacle .row.column_infos .bloc_tarifs ul.tarifs li {
  margin:0;
  padding:0.25em;
  border-bottom:solid 1px #000000;
}
.item-page.page_spectacle .row.column_infos .bloc_tarifs ul.tarifs li em { font-style:normal !important; }
.item-page.page_spectacle .row.column_infos .bloc_tarifs ul.tarifs li a { text-decoration:none; }
.item-page.page_spectacle .row.column_infos .bloc_tarifs ul.tarifs li:hover {
  background-color:#B06EFF !important;
  border-bottom:solid 1px #B06EFF;
  color:#FFFFFF;
}
.item-page.page_spectacle .row.column_infos .bloc_tarifs ul.tarifs li:hover a { color:#FFFFFF; }
.item-page.page_spectacle .row.column_infos .bloc { margin-top:1em; }
.item-page.page_spectacle .row.column_infos .bloc_billet a {
  display:block;
  text-decoration:none;
  padding:0.25em;
  border:solid 1px #000000;
  padding-left:1.5em;
  background-image:url(../images/svg/fleche-droite-noire.svg);
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
  margin-top:-1px;
}
.item-page.page_spectacle .row.column_infos .bloc_billet a:hover {
  background-image:url(../images/svg/fleche-bas-blanche.svg);
  background-color:#B06EFF !important;
  border-bottom:solid 1px #B06EFF;
  color:#FFFFFF;
}
.item-page.page_spectacle .lien-video {
  margin:0;
  margin-top:1em;
  font-size:1.25em;
  font-weight:bold;
  text-transform:capitalize;
  padding-left:1.75em;
  background-image:url(../images/svg/picto-video.svg);
  background-repeat:no-repeat;
  background-size:1.25em;
  background-position:0.0em center;
  text-decoration:none;
}
.item-page.page_spectacle .lien-video a { text-decoration:none; }
.item-page.page_spectacle .lien-video a:hover { text-decoration:underline; }
.item-page.page_spectacle .row.column_content {
  width:75%;
  padding:1em;
}
.item-page.page_spectacle .titre { padding-bottom:0.5em; }
.item-page.page_spectacle .sstitre {
  font-weight:normal;
  font-size:3.5em;
  line-height:1;
}
.item-page.page_spectacle .auteur {
  font-weight:bold;
  font-size:1.5em;
}
.item-page.page_spectacle .titre.couleur_spectacle, .item-page.page_spectacle .auteur.couleur_spectacle, .item-page.page_spectacle .sstitre.couleur_spectacle { color:#B06EFF; }
.item-page.page_spectacle .titre.couleur_atelier .auteur.couleur_atelier, .item-page.page_spectacle .sstitre.couleur_atelier { color:#D7B6FF; }
.item-page.page_spectacle .titre.couleur_rdv_famille .auteur.couleur_rdv_famille, .item-page.page_spectacle .sstitre.couleur_rdv_famille { color:#000000; }
.item-page.page_spectacle h3.couleur_spectacle { color:#B06EFF; }
.item-page.page_spectacle h3.couleur_atelier { color:#D7B6FF; }
.item-page.page_spectacle h3.couleur_rdv_famille { color:#000000; }
.item-page.page_spectacle .textes.couleur_atelier .nav.nav-tabs .active, .item-page.page_spectacle .textes.couleur_atelier .nav.nav-tabs li:hover {
  background-color:#D7B6FF;
  border:solid 1px #D7B6FF;
}
.item-page.page_spectacle .textes.couleur_atelier .nav.nav-tabs .active a, .item-page.page_spectacle .textes.couleur_atelier .nav.nav-tabs li:hover a { color:#FFFFFF; }
.item-page.page_spectacle .row.column_infos.couleur_rdv_famille .artistes-associes { background-image:url(../images/svg/picto-artistes-associes-noir.svg); }
.item-page.page_spectacle .row.column_infos.couleur_rdv_famille .autour-spectacle { background-image:url(../images/svg/picto-autour-spectacle-noir.svg); }
.item-page.page_spectacle .row.column_infos.couleur_rdv_famille .autre-info { background-image:url(../images/svg/picto-autre-info-noir.svg); }
.item-page.page_spectacle .row.column_infos.couleur_rdv_famille .avf-texte { background-image:url(../images/svg/picto-autre-mention-noir.svg); }
.item-page.page_spectacle .textes.couleur_rdv_famille .nav.nav-tabs .active, .item-page.page_spectacle .textes.couleur_rdv_famille .nav.nav-tabs li:hover {
  background-color:#FFED00;
  border:solid 1px #FFED00;
}
.item-page.page_spectacle .textes.couleur_rdv_famille .nav.nav-tabs .active a, .item-page.page_spectacle .textes.couleur_rdv_famille .nav.nav-tabs li:hover a { color:#000000; }
.item-page.page_spectacle .bloc-medias {
  width:100%;
  vertical-align:top;
  margin-top:0;
}
.item-page.page_spectacle .bloc-medias .lien-video {
  vertical-align:top;
  display:block;
  margin-bottom:1em;
}
.item-page.page_spectacle .bloc-medias a { padding-right:0.25em !important; }
.item-page.page_spectacle .bloc-medias a img { height:4em; }
.item-page.page_spectacle .bloc-medias a:hover { text-decoration:underline; }
@media screen and (orientation: portrait) {
  .item-page.page_spectacle {
    width:100%;
    margin-top:1em;
    display:block;
    padding:0;
  }
  .item-page.page_spectacle .annulation {
    left:2em;
    top:2.5em;
  }
  .item-page.page_spectacle .changeons-de-saison {
    left:1.25em;
    top:11em;
    width:5em;
    height:5em;
  }
  .item-page.page_spectacle .row.column_infos {
    width:92%;
    padding:0 4%;
    font-size:0.9em;
    margin-bottom:0;
  }
  .item-page.page_spectacle .row.column_infos .bloc-genre {
    float:left;
    width:50%;
  }
  .item-page.page_spectacle .row.column_infos .bloc-date {
    float:right;
    margin-left:5%;
    width:45%;
  }
  .item-page.page_spectacle .row.column_infos .bloc-date .date {
    margin-top:0;
    margin-bottom:0.25em;
  }
  .item-page.page_spectacle .row.column_infos .bloc-autres-infos {
    width:90%;
    padding-top:1.25em;
    padding-bottom:1.25em;
    clear:both;
  }
  .item-page.page_spectacle .row.column_infos .avf-texte, .item-page.page_spectacle .row.column_infos .artistes-associes, .item-page.page_spectacle .row.column_infos .autre-info, .item-page.page_spectacle .row.column_infos .auteur-2 {
    padding-left:2.25em;
    background-position:0.5em 0.15em;
  }
  .item-page.page_spectacle .row.column_infos #voir-tarifs {
    display:inline-block;
    font-weight:bold;
    text-decoration:none;
    padding:0.25em 0.5em;
    padding-left:1.75em;
    background-repeat:no-repeat;
    background-size:0.75em;
    background-position:0.5em center;
  }
  .item-page.page_spectacle .row.column_infos .voir-of {
    border:solid 1px #B06EFF;
    background-color:#B06EFF;
    color:#FFFFFF;
    background-image:url(../images/svg/fleche-bas-blanche.svg);
  }
  .item-page.page_spectacle .row.column_infos .voir-on {
    border:solid 1px #B06EFF;
    background-color:#B06EFF;
    color:#FFFFFF;
    background-image:url(../images/svg/fleche-haut-blanche.svg);
  }
  .item-page.page_spectacle .row.column_infos .bloc.bloc-on { max-height:100vh; }
  .item-page.page_spectacle .row.column_infos .bloc {
    margin:0;
    padding-top:0.25em !important;
    padding-bottom:1em !important;
    padding:0;
    width:100%;
    max-height:0px;
    display:block;
    transition:max-height 0.5s ease-in-out;
  }
  .item-page.page_spectacle .row.column_content {
    position:relative;
    width:92%;
    padding:0 4%;
    margin:0;
    margin-top:-2px;
    background-color:#FFFFFF !important;
  }
  .item-page.page_spectacle .row.column_content h3 {
    margin:0 !important;
    padding-bottom:0;
  }
  .item-page.page_spectacle .sstitre { font-size:3em; }
}
.logo-partenaire img {
  filter:grayscale();
  width:150px !important;
  margin-bottom:10px;
}
.blog_intro { display:flex; }
.blog_intro .blog_image {
  width:50%;
  padding-right:40px;
  box-sizing:border-box;
}
.blog_intro .blog_texte {
  width:50%;
  text-align:justify;
}
.blogtheatre_detail {
  width:60%;
  margin:0 auto;
  min-height:60vh;
}
.blogtheatre_detail h1 {
  font-size:3.5em;
  line-height:1.0;
  font-weight:bold;
  margin-top:0.25em;
  color:#FFED00;
}
.blogtheatre_detail .blog_date {
  font-weight:bold;
  margin:10px 0 -10px;
}
.blogtheatre_detail .blog_intro {
  margin:20px 0;
  font-weight:bold;
}
.blogtheatre_detail .blog_image { text-align:center; }
.blogtheatre_detail .accordion-heading { margin-top:10px; }
.blogtheatre_detail .inner .accordion-heading { margin-top:0px; }
.blogtheatre {
  width:60%;
  margin:0 auto;
  min-height:60vh;
}
.blogtheatre .pagination ul {
  display:flex;
  justify-content:center;
}
.blogtheatre .pagination ul li { margin:0 10px; }
.blog_posts {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:space-between;
}
.blog_posts .items-row {
  width:31%;
  box-sizing:border-box;
  margin:40px 0;
}
.blog_posts h2 { margin:10px 0; }
.blog_posts h2 a {
  font-size:1em;
  text-decoration:none;
  line-height:1em;
}
.blog_posts h2 a:hover { text-decoration:underline; }
.blog_posts .accordion-heading { margin-top:10px; }
@media screen and (orientation: portrait) {
  .blog_intro { display:block; }
  .blog_intro .blog_image {
    width:100%;
    padding-right:0px;
  }
  .blog_intro .blog_texte { width:100%; }
  .blog_posts { flex-direction:column; }
  .blog_posts .items-row { width:100%; }
  .blogtheatre_detail .row.column_content img { width:100%; }
  .blogtheatre_detail {
    margin-top:1em;
    width:90%;
    background-color:#FFFFFF;
  }
  .blogtheatre {
    margin-top:1em;
    width:90%;
    background-color:#FFFFFF;
  }
}
.bloc_liens_accueil {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:center;
  gap:10%;
  margin-top:60px;
}
.blog.featured.blog-featured.damien.select_slider .item {
  width:31%;
  height:17.5em;
}
.blog.featured.blog-featured.damien.select_slider .item .text-item-blog { top:8.75em; }
@media (max-width: 667px) {
  .blog.featured.blog-featured.damien.select_slider .item {
    margin-left:1%;
    margin-right:1%;
    height:13.5em;
  }
  .blog.featured.blog-featured.damien.select_slider .item.column .text-item-blog h2 a { font-size:100%; }
  .blog.featured.blog-featured.damien.select_slider .item.column .text-item-blog .auteur { font-size:1.3rem; }
}
.text-item-blog h2 a {
  display:-webkit-box;
  -webkit-line-clamp:2;
  /* Limite à 2 lignes */
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
li.billetterie, li.billetterie_responsive {
  background-color:#000000;
  color:white;
  padding:10px 20px 10px 15px;
  box-sizing:border-box;
  margin-top:-10px;
}
li.billetterie a, li.billetterie_responsive a {
  position:relative;
  padding-left:35px;
  color:white !important;
}
li.billetterie a::before, li.billetterie_responsive a::before {
  content:url('../images/billet-25.png');
  position:absolute;
  left:0;
  top:52%;
  transform:translateY(-50%);
}
li.billetterie a:hover, li.billetterie_responsive a:hover { color:#B06EFF !important; }
ul#menubilletterie { display:none; }
@media (max-width: 802px) and (orientation: portrait) {
  .break {
    flex-basis:100%;
    height:0;
  }
  #bandehaut { flex-flow:row wrap; }
  .menubilletterie {
    width:100%;
    position:relative;
    top:50px;
    font-size:2em;
    text-align:center;
  }
  ul#menubilletterie {
    display:block;
    padding:0;
  }
  li.billetterie { display:none; }
  .slider-accueil { margin-top:28px !important; }
}
a.bouton {
  background-color:#FFFFFF;
  color:#000000;
  border:solid 1px #000000;
  padding:0.25em 1em;
  margin:0.25em 0;
  text-decoration:none;
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
}
a.bouton.picto_tlch {
  padding-left:1.5em;
  margin-right:0.5em;
  background-image:url(../images/svg/fleche-droite-noire.svg);
}
a.bouton.picto_oeil {
  padding-left:1.5em;
  margin-right:0.5em;
  background-image:url(../images/svg/picto-oeil-consulter-noir.svg);
}
a.bouton:hover {
  background-color:#B06EFF;
  color:#FFFFFF;
  border:solid 1px #B06EFF;
  background-repeat:no-repeat;
  background-size:0.75em;
  background-position:0.5em center;
}
a.bouton:hover.picto_tlch { background-image:url(../images/svg/fleche-bas-blanche.svg); }
a.bouton:hover.picto_oeil { background-image:url(../images/svg/picto-oeil-consulter-blanc.svg); }
.bloc-accessibilite { margin-top:15px; }
#afficher-selecteurs { margin-top:25px; }
.text-center { text-align:center; }
.MB20 { margin-bottom:20px; }
.MT20 { margin-top:20px; }
.MT80 { margin-top:80px; }
.W100P { width:100% !important; }
.police_chaumont {
  font-family:'Chaumont Script';
  font-weight:normal;
  font-style:italic;
}
@font-face {
  font-family:'Chaumont Script';
  src:url('../fonts/ChaumontScript-Regular.woff2') format('woff2'), url('../fonts/ChaumontScript-Regular.woff') format('woff');
  font-weight:normal;
  font-style:italic;
  font-display:swap;
}