@font-face {
  font-family: Grutli;
  src: url("../fonts/GrutliGrotesk3-Normal.otf") format("opentype"); }
@font-face {
  font-family: GrutliItalic;
  src: url("../fonts/GrutliGrotesk-Italic.otf") format("opentype"); }
@font-face {
  font-family: GrutliRegular;
  src: url("../fonts/GrutliGrotesk-Regular.otf") format("opentype"); }
header {
  margin-bottom: 30px;
  margin-top: 15px; }
  header .header-season {
    margin-top: 30px;
    margin-bottom: 20px;
    /*season-part-3*/
    margin-bottom: 55px;
    padding-left: 15px; }
  header #site-title {
    line-height: 1.0em;
    font-size: 1.0em; }
  header li {
    line-height: 1.0em;
    font-size: 1.4em;
    display: block; }
    @media (max-width: 2600px) {
      header li {
        line-height: 1.0em;
        font-size: 1.2em; } }
    @media (max-width: 1980px) {
      header li {
        line-height: 1.0em;
        font-size: 1.2em; } }
    @media (max-width: 1800px) {
      header li {
        line-height: 1em;
        font-size: 1em; } }
    @media (max-width: 1400px) {
      header li {
        line-height: 1em;
        font-size: 0.8em; } }
    @media (max-width: 991px) {
      header li {
        line-height: 1.0em;
        font-size: 1.25em; } }
    @media (max-width: 700px) {
      header li {
        line-height: 1.0em;
        font-size: 1.0em; } }
    @media (max-width: 450px) {
      header li {
        line-height: 1em;
        font-size: 0.8em; } }
  header #logo {
    color: #000 !important; }
    header #logo:hover {
      color: #000 !important;
      text-decoration: none !important; }
    header #logo ul {
      list-style: none;
      padding-left: 15px;
      display: block; }
  header #menu {
    list-style: none; }
    header #menu a {
      transition: 0.1s;
      color: #000;
      display: block;
      text-decoration: none; }
      header #menu a:hover {
        color: #ff4337; }
    header #menu .active a {
      font-family: GrutliItalic; }

.fat-nav li a {
  line-height: 1.0em;
  font-size: 1.25em; }
.fat-nav .active a {
  font-family: GrutliItalic; }

.ps__rail-y {
  opacity: 0 !important; }

#master-container-fixed {
  margin: 0;
  overflow: hidden;
  height: 100vh; }
  @media (max-width: 991px) {
    #master-container-fixed {
      overflow: auto; } }

@media (min-width: 992px) {
  .small-gutter {
    padding-right: 5px;
    padding-left: 5px; }

  .small-gutter-left {
    padding-left: 5px; }

  .small-gutter-right {
    padding-right: 5px; } }
@media (max-width: 991px) {
  .small-gutter {
    padding-left: 30px; }

  .small-gutter-left {
    padding-left: 30px; } }
#primary {
  position: relative;
  overflow: auto; }

#secondary {
  position: relative;
  overflow: auto; }

#tertiary {
  position: relative;
  overflow: auto; }

@media (max-width: 991px) {
  #primary {
    position: static !important;
    height: 100% !important; }

  #secondary {
    position: static !important;
    height: 100% !important; }

  #tertiary {
    position: static !important;
    height: 100% !important; } }
.column-title {
  display: block;
  margin-bottom: 15px; }

.column-img {
  display: block;
  position: relative;
  /*background-size: contain;*/
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left;
  width: 100%;
  transition: 0.2s; }
  .column-img img {
    visibility: hidden;
    width: 100%;
    display: block; }

.column-gallery .gallery-item img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 7px; }

/* TEST Colonne scroll en haut de la page */
#primary {
  padding-left: 15px; }
  #primary .column-img:last-child {
    margin-bottom: 30px; }

#secondary {
  height: 100vh;
  position: absolute;
  width: calc(100% - 10px); }
  #secondary .column-img:last-child {
    margin-bottom: 30px; }

#tertiary {
  padding-right: 15px;
  height: 100vh;
  position: absolute;
  width: calc(100% - 20px); }
  #tertiary .column-img:last-child {
    margin-bottom: 30px; }

/* TEST Colonne scroll en haut de la page */
#general-infos a {
  color: #949494; }
  #general-infos a:hover {
    color: #ff2819;
    text-decoration: none; }
  #general-infos a i {
    display: inline-block;
    font-size: 1.3em;
    margin-right: 15px; }
  #general-infos a .hover-img {
    display: inline-block;
    margin-right: 8px;
    width: 30px; }
#general-infos #map-contact {
  min-height: 500px; }
#general-infos .info {
  display: block;
  width: 100%; }
  @media (max-width: 1600px) {
    #general-infos .info {
      line-height: 1em;
      font-size: 0.8em; } }
  @media (max-width: 991px) {
    #general-infos .info {
      line-height: 1.0em;
      font-size: 1.25em; } }
  @media (max-width: 575px) {
    #general-infos .info {
      line-height: 1.0em;
      font-size: 1.0em; } }
#general-infos .title-info {
  float: left;
  display: block;
  line-height: 1.1em;
  width: 20%;
  margin-right: 5%; }
  @media (max-width: 1800px) {
    #general-infos .title-info {
      width: 25%;
      margin-right: 5%; } }
  @media (max-width: 1400px) {
    #general-infos .title-info {
      width: 30%; } }
  @media (max-width: 767px) {
    #general-infos .title-info {
      width: 100%;
      margin-bottom: 10px; } }
#general-infos .title-info-full-width {
  width: 100%;
  margin-bottom: 20px; }
#general-infos .content-info {
  float: left;
  display: block;
  width: 75%;
  margin-bottom: 30px; }
  @media (max-width: 1800px) {
    #general-infos .content-info {
      width: 70%; } }
  @media (max-width: 1400px) {
    #general-infos .content-info {
      width: 70%; } }
  @media (max-width: 767px) {
    #general-infos .content-info {
      width: 100%; } }
#general-infos .content-info-full-width {
  width: 100%; }
#general-infos .btn-success {
  background-color: #999;
  border-color: #999; }
  #general-infos .btn-success:hover {
    background-color: #ff2819;
    border-color: #ff2819; }

#calendar .spectacle-link .column-title-first-col {
  padding-left: 15px; }
#calendar .spectacle-link:hover .column-title p {
  transition: 0.2s; }
#calendar .column-title p {
  margin-bottom: 30px;
  margin-top: 0 !important;
  padding-top: 0 !important; }
#calendar .spectacle-link .row {
  margin-bottom: 14px; }
#calendar .spectacle-link:first-child .row {
  margin-top: -3px; }
#calendar .toCalculForColumnsHeight .column-title p {
  margin-bottom: 15px; }

.season-part-3 .season-part-text {
  /*margin-left: 15px;*/
  margin-bottom: 40px; }
.season-part-3 .small-gutter-right .column-text-content-retrait {
  padding-left: 0 !important; }

#home #primary .spectacle-link:hover .column-title p {
  color: #ff2819 !important; }

#reservation #secondary .btn-success {
  background-color: #999;
  border-color: #999; }
#reservation #tertiary .btn-success {
  background-color: #999;
  border-color: #999; }
  #reservation #tertiary .btn-success:hover {
    background-color: #ff2819;
    border-color: #ff2819; }

#spectacle-view .column-img {
  margin-bottom: 30px; }
#spectacle-view .column-title {
  padding-left: 15px; }
#spectacle-view .column-text-content {
  margin-top: -3px; }
  @media (max-width: 767px) {
    #spectacle-view .column-text-content p {
      word-break: break-word;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto; } }

.gueuloir-page .column-title {
  padding-left: 20px !important; }
.gueuloir-page .small-gutter-left .column-title {
  padding-left: 0 !important; }
.gueuloir-page .column-text-content-title {
  margin-top: -60px !important;
  margin-bottom: 40px; }
  @media (max-width: 991px) {
    .gueuloir-page .column-text-content-title {
      margin-top: 0 !important; } }

a.hamburger {
  display: none; }

@media (max-width: 575px) {
  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xs-10 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%; } }
.img-responsive {
  width: 100%;
  max-width: 100%; }

@media (max-width: 991px) {
  * {
    -webkit-overflow-scrolling: touch; }

  .menu-desktop {
    display: none; }

  a.hamburger {
    display: block;
    right: 5px;
    left: auto; }
    a.hamburger .hamburger__icon {
      font-size: 2em; }

  #primary {
    overflow-y: hidden;
    overflow-x: hidden;
    width: calc(100% - 30px); }

  #secondary {
    top: 0 !important;
    overflow-y: hidden;
    overflow-x: hidden;
    width: calc(100% - 30px);
    padding-top: 50px !important; }

  #tertiary {
    overflow-y: hidden;
    overflow-x: hidden;
    top: 0 !important;
    padding-top: 50px !important; } }
body {
  font-family: "GrutliRegular",Arial;
  font-size: 18px;
  line-height: 22px; }

i {
  font-family: GrutliItalic, Arial !important;
  font-style: normal; }

p {
  line-height: 1.1em; }

.justforload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.branded-color {
  color: #ff2819; }

.smaller {
  font-size: 0.8em; }

.column-text-content img {
  display: block;
  max-width: 100%; }

.column-text-content-retrait {
  padding-left: 20px;
  width: 80%; }
  @media (max-width: 1500px) {
    .column-text-content-retrait {
      width: 100%; } }

@media (max-width: 991px) {
  #calendar .column-text-content-retrait,
  #spectacle-view .column-text-content-retrait {
    padding-left: 0 !important; } }

.spectacle-link {
  display: block;
  text-decoration: none; }
  .spectacle-link:hover {
    text-decoration: none; }
  .spectacle-link .column-title {
    color: #000; }
    .spectacle-link .column-title p {
      margin-bottom: 15px;
      padding-top: 35px; }
  .spectacle-link .column-date {
    color: #000; }
  .spectacle-link:first-child .column-title p {
    padding-top: 0; }

.checkbox input {
  margin-right: 10px; }

.show-column-title {
  text-transform: uppercase;
  text-align: center;
  font-size: 1em;
  margin: 20px 0 20px 0; }

#home .show-column-title {
  margin: 60px 0 0 0; }

#homepage-temp {
  margin-top: 30px;
  font-family: "GrutliRegular" !important;
  color: #FF4337 !important; }
  #homepage-temp img {
    width: 100%;
    max-width: 100%; }
  #homepage-temp .header-first-col {
    margin-top: 30px;
    position: fixed;
    top: 0;
    left: 15px; }
  #homepage-temp .footer-first-col {
    margin-bottom: 30px;
    position: fixed;
    bottom: 0;
    left: 15px; }
  #homepage-temp #prochainement {
    max-width: 210px;
    margin-bottom: 30px; }
  #homepage-temp #logo {
    margin-bottom: 30px;
    max-width: 400px; }
  #homepage-temp a, #homepage-temp li, #homepage-temp p {
    font-size: 1.2em;
    font-family: 'GrutliRegular';
    color: #FF4337 !important; }
  #homepage-temp .lower {
    font-size: 0.8em; }
  #homepage-temp .col-text-2 ul {
    list-style: none; }
  #homepage-temp .col-text-2 .li-left {
    display: block;
    text-align: left;
    float: left;
    margin-bottom: 20px;
    width: 70%; }
  #homepage-temp .col-text-2 .li-right {
    display: block;
    float: right;
    text-align: right;
    width: 29%; }
  #homepage-temp .col-text-3 {
    margin-top: 30px; }
  @media (max-width: 1700px) {
    #homepage-temp #logo {
      max-width: 250px; } }
  @media (max-width: 991px) {
    #homepage-temp .address-mobile {
      display: block; }
    #homepage-temp .text-col-1 {
      display: none; }
    #homepage-temp .header-first-col {
      position: static; }
    #homepage-temp .footer-first-col {
      position: static; }
    #homepage-temp .col-text-2 ul {
      list-style: none;
      padding-left: 0; } }
  @media (min-width: 992px) {
    #homepage-temp .address-mobile {
      display: none; } }

#homepage-temp-img-version {
  margin-top: 17px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'GrutliRegular';
  color: #FF4337 !important; }
  #homepage-temp-img-version img {
    width: 100%;
    max-width: 100%;
    display: block; }
  #homepage-temp-img-version .first-col {
    position: relative; }
  #homepage-temp-img-version .header-first-col {
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px); }
  #homepage-temp-img-version .footer-first-col {
    margin-bottom: 30px;
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px); }
  #homepage-temp-img-version .thirdcol {
    position: relative; }
  #homepage-temp-img-version #partners {
    margin-bottom: 30px;
    position: absolute;
    bottom: 2px;
    left: 15px;
    max-width: calc(100% - 30px); }
  #homepage-temp-img-version #prochainement {
    margin-bottom: 30px; }
  #homepage-temp-img-version #logo {
    margin-bottom: 30px; }
  #homepage-temp-img-version #tarifs {
    margin-top: 30px; }
  #homepage-temp-img-version #spectacles {
    margin-bottom: 30px; }
  #homepage-temp-img-version #billeterie {
    margin-top: 10px; }
  #homepage-temp-img-version #partners-mobile {
    margin-top: 20px; }
  @media (max-width: 767px) {
    #homepage-temp-img-version .address-desktop {
      display: none; }
    #homepage-temp-img-version .address-mobile {
      margin-top: 20px; }
    #homepage-temp-img-version #partners {
      display: none; }
    #homepage-temp-img-version .header-first-col {
      position: static; }
    #homepage-temp-img-version .footer-first-col {
      position: static; } }
  @media (min-width: 768px) {
    #homepage-temp-img-version .address-mobile {
      display: none; } }

.content-page a {
  color: #949494 !important; }
  .content-page a:hover {
    text-decoration: none;
    color: #ff2819 !important; }

/*# sourceMappingURL=styles.css.map */