@charset "UTF-8";
/* line 22, ../sass/2017-style.sass */
/**/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700&display=swap");
body {
  background-color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal; }

/* line 27, ../sass/2017-style.sass */
h1 {
  font-family: "Montserrat", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal; }
  h1.page-header {
    color: #138085;
    font-size: 40px;
    font-weight: 400;
    border: 0; }

/* line 32, ../sass/2017-style.sass */
/* line 38, ../sass/2017-style.sass */
h2, h3, h4 {
  font-family: "Montserrat", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal; }

/* line 43, ../sass/2017-style.sass */
h2 {
  color: #000000;
  font-size: 20px;
  font-weight: bold; }

/* line 48, ../sass/2017-style.sass */
h3 {
  color: #DB282F;
  font-size: 17px; }

/* line 52, ../sass/2017-style.sass */
h4 {
  color: #000;
  font-size: 14px; }

/* line 56, ../sass/2017-style.sass */
h5 {
  color: #DB282F;
  margin-top: 0;
  font-size: 11px;
  font-weight: normal;
  font-family: "Montserrat", Arial, sans-serif;
  text-transform: uppercase; }

/* line 64, ../sass/2017-style.sass */
a {
  color: #DB282F;
  outline: none; }
  a:focus {
    text-decoration: none; }

/* line 67, ../sass/2017-style.sass */
/* line 70, ../sass/2017-style.sass */
p {
  font-size: 15px; }

.content li {
  font-size: 15px; }

/* line 74, ../sass/2017-style.sass */
ul {
  padding: 0 0 0 15px; }

/* line 77, ../sass/2017-style.sass */
p, h5 {
  margin-bottom: 15px; }

/* line 80, ../sass/2017-style.sass */
img {
  max-width: 100%;
  height: auto !important; }

/* line 84, ../sass/2017-style.sass */
.wrapper {
  max-width: 1170px;
  position: relative;
  margin: 0px auto; }

/* line 89, ../sass/2017-style.sass */
.clearer {
  clear: both; }

/* line 92, ../sass/2017-style.sass */
.main-container {
  max-width: 1170px;
  position: relative;
  margin: 0px auto; }

/* line 97, ../sass/2017-style.sass */
.container .row img {
  max-width: 100%;
  height: auto; }

/* line 102, ../sass/2017-style.sass */
.row aside .block {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 25px;
  margin-bottom: 16px; }
  .row aside .block:last-child {
    border: 0; }

.col-sm-3 img {
  max-width: 100%; }

/* line 116, ../sass/2017-style.sass */
/* line 120, ../sass/2017-style.sass */
.no-sidebars.node-type-page .col-md-7 {
  border-left: 1px solid #d2d2d2; }

.no-sidebars.node-type-page .col-md-9 {
  border-right: 1px solid #d2d2d2; }

.no-sidebars.node-type-page .col-md-5 .field-name-field-bloc-diapos {
  margin-top: 30px; }

.btn {
  box-shadow: 2px 2px 2px #d2d2d2;
  text-transform: uppercase;
  position: relative;
  font-weight: 600;
  font-family: "Montserrat", Arial, sans-serif; }
  .btn:hover {
    box-shadow: 1px 1px 2px #d2d2d2; }
  .btn:active {
    text-decoration: underline;
    top: 2px;
    left: 2px;
    box-shadow: none;
    background-image: none; }
  .btn.btn-primary {
    background-image: none;
    background-color: #DB282F;
    border-color: #ff4527; }
    .btn.btn-primary:hover {
      background-color: #ff4527;
      border-color: #DB282F; }
    .btn.btn-primary:active {
      background-color: #DB282F;
      border-color: #ff4527; }

button.btn {
  margin-top: 15px;
  padding-top: 3px; }

/* line 159, ../sass/2017-style.sass */
.search-form button.btn {
  margin-top: 0; }

/* line 162, ../sass/2017-style.sass */
blockquote {
  border: 0; }
  blockquote:after {
    content: "”";
    font-family: "Raleway", Arial, sans-serif;
    font-size: 160px;
    color: #edf0f7;
    display: block;
    line-height: 130px;
    height: 45px;
    text-align: right; }
  blockquote:before {
    content: "“";
    font-family: "Raleway", Arial, sans-serif;
    font-size: 160px;
    color: #edf0f7;
    display: block;
    line-height: 130px;
    height: 45px;
    position: relative;
    right: 15px; }

/* line 164, ../sass/2017-style.sass */
/* line 173, ../sass/2017-style.sass */
/* line 185, ../sass/2017-style.sass */
.field-type-image blockquote:after, .field-type-image blockquote:before {
  display: none; }

/* line 188, ../sass/2017-style.sass */
blockquote p {
  font-weight: bold;
  font-size: 18px; }

/* line 192, ../sass/2017-style.sass */
hr {
  border-style: solid none none;
  border-width: 2px 0 0;
  border-color: #d2d2d2; }

/* line 197, ../sass/2017-style.sass */
.popover {
  z-index: 99999999999999; }

/* line 200, ../sass/2017-style.sass */
.metro, .autobus {
  text-transform: uppercase; }

/* line 203, ../sass/2017-style.sass */
.metro:before {
  content: "";
  background: url(../img/metro.jpg) no-repeat left center;
  height: 16px;
  width: 20px;
  display: inline-block;
  position: relative;
  top: 3px; }

.autobus:before {
  content: "";
  background: url(../img/metro.jpg) no-repeat left center;
  height: 16px;
  width: 20px;
  display: inline-block;
  position: relative;
  top: 3px;
  background: url(../img/autobus.jpg) no-repeat left center; }

/* line 212, ../sass/2017-style.sass */
/* line 215, ../sass/2017-style.sass */
.glyphicon.glyphicon-earphone {
  max-width: 18px; }

/* line 219, ../sass/2017-style.sass */
.field-type-image blockquote {
  border: 0;
  padding: 0;
  margin: 5px 0 0 0;
  max-width: 848px; }
  .field-type-image blockquote p {
    text-align: right;
    font-size: 10px; }

/* line 224, ../sass/2017-style.sass */
/* line 228, ../sass/2017-style.sass */
.main-container li {
  padding-bottom: 10px; }

/* line 234, ../sass/2017-style.sass */
.navbar-default {
  border: 0; }

.wrappermenupb.navbar-fixed-top {
  background: white;
  -webkit-box-shadow: 0px 2px 20px 1px black;
  -moz-box-shadow: 0px 2px 20px 1px black;
  box-shadow: 0px 2px 20px 1px black;
  transition: background .1s ease-in-out;
  -moz-transition: background .1s ease-in-out;
  -webkit-transition: background .1s ease-in-out; }

body .navbar-fixed-top {
  top: 0px; }

body.admin-menu .navbar-fixed-top {
  top: 30px; }

/*********************************************/
/********* MENU TOP SECONDAIRE DÉBUT****************/
/*********************************************/
/*START ORIZON MEDIA REFONTE 2019*/
/*menu top vert*/
.wrapper-top {
  background-color: #138085;
  margin-bottom: 20px; }

.menu-top ul.secondary {
  margin: 5px 0;
  display: none; }
  @media (min-width: 992px) {
    .menu-top ul.secondary {
      display: inline-block; } }
  .menu-top ul.secondary li a {
    color: white;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 38px; }
  .menu-top ul.secondary .last {
    margin-left: 10px;
    border-radius: 5px;
    background-color: white; }
    .menu-top ul.secondary .last a {
      color: #138085 !important;
      padding-left: 5px;
      padding-right: 5px;
      font-weight: 600; }

/*menu top vert*/
/*END ORIZON MEDIA REFONTE 2019*/
.not-front .navbar-header > .container {
  border-bottom: 1px #e3e3e3 solid;
  padding-bottom: 20px; }

#navbar {
  /*********************************************/
  /********* MENU TOP SECONDAIRE FIN****************/
  /*********************************************/
  /*************************************/
  /*************hamburger **************/
  /*************************************/
  /*************************************/
  /*************hamburger**************/
  /*************************************/
  /*************************************/
  /*************menu principale + mobile**************/
  /*************************************/
  /**************************************************************************************** */
  /****** NAVIGATION PRINCIPALE****************************************************** */
  /* .collapse 
   {
   display:none;
   @media (min-width: 992px) {
      display: block !important;
   }
}*/
  /*mobile*/
  /*************************************/
  /*************menu principale **************/
  /*************************************/ }
  #navbar.container {
    min-width: 100%;
    padding: 0;
    margin-bottom: 40px;
    max-width: 1170px;
    margin-top: 0; }
    #navbar.container > .container {
      margin: 10px auto 0 auto;
      width: inherit; }
  #navbar a.logo.navbar-btn.pull-left {
    max-width: 30%; }
    @media (min-width: 992px) {
      #navbar a.logo.navbar-btn.pull-left {
        max-width: 100%; } }
  #navbar .logo {
    padding: 0; }
  #navbar .name, #navbar .lead {
    display: none; }
  #navbar .navbar-header {
    float: none;
    margin: 0 0 25px 0; }
    #navbar .navbar-header .field-type-text-with-summary p span {
      font-size: 12px !important;
      color: #138085;
      font-weight: bold;
      text-transform: uppercase;
      padding-top: 10px; }
    #navbar .navbar-header li.last.active > a {
      border-bottom: none; }
    #navbar .navbar-header #reseaupb {
      text-indent: -10000px;
      background: url("/sites/default/files/Logo-reseau-Coul.png");
      background-repeat: no-repeat;
      background-position: center right;
      background-size: contain;
      width: 133px;
      height: 72px; }
      #navbar .navbar-header #reseaupb:hover {
        text-decoration: none;
        border: none; }
      #navbar .navbar-header #reseaupb:actif {
        border: none; }
    #navbar .navbar-header .navbar-nav > li {
      float: left; }
      #navbar .navbar-header .navbar-nav > li > a {
        text-transform: none;
        font-size: 14px;
        color: white;
        padding: 10px 5px;
        transition: opacity 0.2s ease-in-out; }
        #navbar .navbar-header .navbar-nav > li > a:hover {
          transition: opacity 0.2s ease-in-out;
          color: white; }
          @media (min-width: 768px) {
            #navbar .navbar-header .navbar-nav > li > a:hover {
              opacity: 0.7; } }
        #navbar .navbar-header .navbar-nav > li > a:active {
          text-decoration: underline;
          color: white; }
      #navbar .navbar-header .navbar-nav > li.active > a {
        text-decoration: underline; }
      #navbar .navbar-header .navbar-nav > li.last.active > a {
        text-decoration: underline;
        border-bottom: none; }
      #navbar .navbar-header .navbar-nav > li.last a:after {
        display: none; }
  #navbar .dates {
    color: #5069a1;
    margin: 0; }
  #navbar .navbar-toggle {
    display: block;
    background-color: #DB282F;
    border: 2px solid #DB282F;
    margin-bottom: 40px;
    margin-top: 30px; }
    @media (min-width: 992px) {
      #navbar .navbar-toggle {
        display: none; } }
  @media (min-width: 992px) {
    #navbar {
      /*.navbar-collapse.collapse {
		display:none!important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;

		}*/ } }
  @media (min-width: 768px) {
    #navbar .navbar-collapse.collapse {
      display: none !important; }
      #navbar .navbar-collapse.collapse.in {
        display: block !important; } }
  @media (min-width: 992px) {
    #navbar .navbar-collapse.collapse {
      display: block !important; } }
  #navbar .navbar-collapse .caret {
    right: 0;
    top: 15px;
    position: absolute; }
    @media (min-width: 992px) {
      #navbar .navbar-collapse .caret {
        position: relative;
        vertical-align: middle;
        top: 0; } }
  #navbar .navbar-collapse ul.dropdown-menu {
    border: none;
    padding: 0px 0px 0px 0px;
    box-shadow: none;
    border-radius: 0px 0px 0px 0px; }
  #navbar .navbar-collapse ul li {
    border-bottom: 1px solid #F4F4F4; }
    @media (min-width: 992px) {
      #navbar .navbar-collapse ul li {
        border: none; } }
  @media (min-width: 992px) {
    #navbar .navbar-collapse ul li.leaf {
      border: none; } }
  #navbar .navbar-collapse ul li.leaf.last {
    border-bottom: 1px solid #F4F4F4; }
    @media (min-width: 992px) {
      #navbar .navbar-collapse ul li.leaf.last {
        border: none; } }
  #navbar .navbar-collapse.in {
    overflow: visible; }
  #navbar .navbar-collapse {
    padding: 0;
    width: 100%;
    margin-top: 16px;
    clear: both; }
    #navbar .navbar-collapse .secondary {
      display: block; }
      @media (min-width: 992px) {
        #navbar .navbar-collapse .secondary {
          display: none; } }
    #navbar .navbar-collapse .navbar-nav {
      max-width: 1170px;
      margin: 0px auto;
      float: none; }
      @media (min-width: 992px) {
        #navbar .navbar-collapse .navbar-nav {
          float: right; } }
      #navbar .navbar-collapse .navbar-nav > li {
        margin: 0px 0px 0px 0px;
        padding-top: 0;
        float: none;
        width: 100%; }
        @media (min-width: 992px) {
          #navbar .navbar-collapse .navbar-nav > li {
            float: left;
            width: auto; } }
        #navbar .navbar-collapse .navbar-nav > li > a {
          text-transform: uppercase;
          font-size: 14px;
          margin: 0px 0px;
          font-weight: 400;
          transition: color 0.2s ease-in-out;
          color: black; }
          @media (min-width: 768px) {
            #navbar .navbar-collapse .navbar-nav > li > a {
              font-size: 14px; } }
          @media (min-width: 992px) {
            #navbar .navbar-collapse .navbar-nav > li > a {
              font-size: 12px; } }
          @media (min-width: 1200px) {
            #navbar .navbar-collapse .navbar-nav > li > a {
              font-size: 14px; } }
        #navbar .navbar-collapse .navbar-nav > li:hover > a {
          color: #DB282F;
          transition: color 0.2s ease-in-out;
          border: none; }
          @media (min-width: 992px) {
            #navbar .navbar-collapse .navbar-nav > li:hover > a {
              border-bottom: 1px red solid; } }
        #navbar .navbar-collapse .navbar-nav > li > a:active {
          color: #DB282F;
          border: none; }
          @media (min-width: 992px) {
            #navbar .navbar-collapse .navbar-nav > li > a:active {
              border-bottom: 1px red solid; } }
        #navbar .navbar-collapse .navbar-nav > li.active > a {
          text-decoration: underline;
          border-bottom: none;
          color: #DB282F; }
          @media (min-width: 992px) {
            #navbar .navbar-collapse .navbar-nav > li.active > a {
              border-bottom: 1px red solid;
              text-decoration: none; } }
      #navbar .navbar-collapse .navbar-nav .dropdown-menu {
        box-shadow: none; }
        @media (min-width: 992px) {
          #navbar .navbar-collapse .navbar-nav .dropdown-menu {
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } }
      #navbar .navbar-collapse .navbar-nav .dropdown-menu > .active > a {
        background-color: transparent;
        color: #DB282F; }
        #navbar .navbar-collapse .navbar-nav .dropdown-menu > .active > a:hover, #navbar .navbar-collapse .navbar-nav .dropdown-menu > .active > a:focus {
          color: #DB282F; }
      #navbar .navbar-collapse .navbar-nav .dropdown-menu > li > a {
        padding: 10px 27px;
        color: black; }
        #navbar .navbar-collapse .navbar-nav .dropdown-menu > li > a:hover, #navbar .navbar-collapse .navbar-nav .dropdown-menu > li > a:focus {
          background-color: transparent;
          color: #DB282F; }

/*********************************************/
/********* icône sociaux top****************/
/*********************************************/
.region-navigation .svg-inline--fa, .region-footer .svg-inline--fa {
  color: #138085;
  width: 38px; }

.region-navigation div.socials, .region-footer div.socials {
  margin: 5px 0;
  text-align: center; }
  @media (min-width: 992px) {
    .region-navigation div.socials, .region-footer div.socials {
      text-align: left; } }

.region-navigation .socials a, .region-footer .socials a {
  display: inline-block;
  text-align: left;
  margin-right: 5px;
  transition: opacity 0.2s ease-in-out;
  border-radius: 50%;
  background-color: white;
  line-height: 38px;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  color: #138085; }
  .region-navigation .socials a.fb, .region-footer .socials a.fb {
    font-size: 1.2em; }
    .region-navigation .socials a.fb::before, .region-footer .socials a.fb::before {
      width: 38px;
      position: absolute;
      text-align: center;
      content: "\f39e";
      font-family: "Font Awesome 5 Brands";
      font-weight: 400;
      vertical-align: middle;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
  .region-navigation .socials a.tw, .region-footer .socials a.tw {
    font-size: 1.2em; }
    .region-navigation .socials a.tw::before, .region-footer .socials a.tw::before {
      width: 38px;
      position: absolute;
      text-align: center;
      content: "\f099";
      font-family: "Font Awesome 5 Brands";
      font-weight: 400;
      vertical-align: middle;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
  .region-navigation .socials a.you, .region-footer .socials a.you {
    font-size: 1.2em; }
    .region-navigation .socials a.you::before, .region-footer .socials a.you::before {
      width: 38px;
      position: absolute;
      text-align: center;
      content: "\f167";
      font-family: "Font Awesome 5 Brands";
      font-weight: 400;
      vertical-align: middle;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
  .region-navigation .socials a.fl, .region-footer .socials a.fl {
    font-size: 1.2em; }
    .region-navigation .socials a.fl::before, .region-footer .socials a.fl::before {
      width: 38px;
      position: absolute;
      text-align: center;
      content: "\f16d";
      font-family: "Font Awesome 5 Brands";
      font-weight: 400;
      vertical-align: middle;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
  .region-navigation .socials a:hover, .region-footer .socials a:hover {
    text-decoration: none;
    opacity: 0.7;
    transition: opacity 0.2s ease-in-out; }
  .region-navigation .socials a:focus, .region-footer .socials a:focus {
    text-decoration: none; }

/*********************************************/
/********* icône sociaux top****************/
/*********************************************/
.front .footer .footer-top {
  display: block; }

.footer {
  margin-top: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: none; }
  .footer .footer-top {
    display: none;
    background-color: white;
    padding: 40px 0px 20px 0px; }
    .footer .footer-top h2 {
      display: block;
      vertical-align: middle;
      max-width: 100%;
      color: #138085;
      font-size: 34px;
      text-align: center; }
    .footer .footer-top a {
      display: block; }
    .footer .footer-top .slider-partenaire {
      position: relative;
      overflow: hidden;
      width: 100%;
      margin: 35px 0px 35px 0px; }
      .footer .footer-top .slider-partenaire ul.slider-partenaire-inner {
        width: 20000em;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0; }
        .footer .footer-top .slider-partenaire ul.slider-partenaire-inner li {
          display: inline-block;
          width: 210px;
          vertical-align: middle;
          margin: 0px 40px 0px 40px;
          text-align: center; }
          .footer .footer-top .slider-partenaire ul.slider-partenaire-inner li a {
            display: block; }
          .footer .footer-top .slider-partenaire ul.slider-partenaire-inner li img {
            max-width: 210px;
            max-height: 100px; }
      .footer .footer-top .slider-partenaire ul.slider-nav-partenaire {
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        padding: 0px;
        height: 0px;
        top: 40%;
        list-style: none; }
        .footer .footer-top .slider-partenaire ul.slider-nav-partenaire a {
          float: right;
          height: 50px;
          font-size: 15px;
          width: 15px;
          background-repeat: no-repeat;
          background-size: 100% auto;
          text-indent: -9999px; }
        .footer .footer-top .slider-partenaire ul.slider-nav-partenaire .next {
          float: right; }
          .footer .footer-top .slider-partenaire ul.slider-nav-partenaire .next a {
            background-image: url(../img/partenaire-next.png); }
        .footer .footer-top .slider-partenaire ul.slider-nav-partenaire .prev {
          float: left; }
          .footer .footer-top .slider-partenaire ul.slider-nav-partenaire .prev a {
            background-image: url(../img/partenaire-prev.png); }
  .footer .footer-bottom {
    background-color: #138085;
    padding: 20px 0px; }
    .footer .footer-bottom h2, .footer .footer-bottom h3 {
      color: #ffffff; }
    .footer .footer-bottom h2 {
      margin-bottom: 10px;
      font-size: 24px;
      text-indent: -10000px;
      background: url(../img/logo-blanc.png);
      width: 267px;
      height: 40px; }
    .footer .footer-bottom p {
      margin-bottom: 5px;
      color: white;
      font-size: 20px;
      font-weight: 400; }
    .footer .footer-bottom .adress {
      display: inline-block;
      vertical-align: bottom; }
    .footer .footer-bottom .adress {
      width: 23%;
      color: white;
      font-size: 14px; }
      .footer .footer-bottom .adress a {
        font-size: 14px;
        color: white;
        margin-top: 10px;
        display: inline-block;
        font-weight: 400;
        font-size: 15px;
        transition: color 0.2s ease-in-out; }
        .footer .footer-bottom .adress a:hover {
          color: #ffffff;
          transition: color 0.2s ease-in-out;
          text-decoration: underline; }
    .footer .footer-bottom .cta-aide {
      width: 30%;
      margin-left: 4%;
      margin-right: 7%;
      display: inline-block;
      vertical-align: bottom;
      /* a {
        border: 2px solid #5375bd;
        font-size: 15px;
        font-weight: normal;
        padding: 25px 30px 25px 100px;
        display: block;
        color: #ffffff;
        background-image: url(../img/footer-cta-heart.png);
        background-repeat: no-repeat;
        background-position: 19px center;
        transition: all 0.2s ease-in-out;

        &:hover {
          background-color: #143F82;
          transition: all 0.2s ease-in-out;
        }
      }*/ }
      .footer .footer-bottom .cta-aide .socials {
        text-align: center; }
    .footer .footer-bottom .cta-social {
      width: 35%;
      vertical-align: top;
      display: inline-block;
      /* .social {
        display: inline-block;
        width: 45%;
        margin-top: 30px;

        a {
          color: #ffffff;
          padding: 15px 15px 15px 55px;
          background-repeat: no-repeat;
          background-position: left center;
          text-transform: none;
          font-size: 15px;
          font-weight: normal;
          transition: opacity 0.2s ease-in-out;

          &:hover {
            text-decoration: none;
            opacity: 0.6;
            transition: opacity 0.2s ease-in-out;
          }
        }

        &.fb, &.tw {
          margin-right: 5%;
        }

        &.fb a {
          background-image: url(../img/foot-social-fb.png);
        }

        &.tw a {
          background-image: url(../img/foot-social-tw.png);
        }

        &.in a {
          background-image: url(../img/foot-social-in.png);
        }

        &.vi a {
          background-image: url(../img/foot-social-vi.png);
        }
      }*/ }
  .footer .copyright {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: black; }
    .footer .copyright p {
      color: white;
      text-align: left;
      font-size: 12px; }

.page-programmation-billetterie .main-container {
  min-height: 1100px; }

#field-slideshow-1-wrapper {
  position: relative;
  max-width: 1920px;
  margin: 0 auto; }
  #field-slideshow-1-wrapper #field-slideshow-1-pager {
    display: none; }
  #field-slideshow-1-wrapper .field-slideshow-1 {
    margin: 0 auto; }
  #field-slideshow-1-wrapper .field-slideshow-caption {
    position: relative;
    background-color: rgba(219, 40, 47, 0.8);
    text-align: center;
    padding: 20px;
    /* width: 100%;
    height: 40px;
    position: absolute;
    bottom: 40px;
    background-image: url(../img/back-slider.png);
    padding: 40px 40px 120px 40px;
    max-width: 1170px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    text-align: center;*/ }
    @media (min-width: 992px) {
      #field-slideshow-1-wrapper .field-slideshow-caption {
        position: absolute;
        border-radius: 50%;
        width: 300px;
        height: 300px;
        bottom: 0;
        right: 10%;
        top: 50%;
        transform: translate(0, -50%); } }
    @media (min-width: 1200px) {
      #field-slideshow-1-wrapper .field-slideshow-caption {
        width: 350px;
        height: 350px; } }
    @media (min-width: 1450px) {
      #field-slideshow-1-wrapper .field-slideshow-caption {
        width: 400px;
        height: 400px; } }
    #field-slideshow-1-wrapper .field-slideshow-caption .field-slideshow-caption-text {
      color: #fff;
      text-transform: uppercase;
      text-shadow: none;
      text-align: center;
      font-family: "Montserrat", Arial, sans-serif; }
      @media (min-width: 992px) {
        #field-slideshow-1-wrapper .field-slideshow-caption .field-slideshow-caption-text {
          width: 80%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); } }
      #field-slideshow-1-wrapper .field-slideshow-caption .field-slideshow-caption-text strong {
        color: #EFB461; }
      #field-slideshow-1-wrapper .field-slideshow-caption .field-slideshow-caption-text a {
        font-size: 24px;
        color: #fff;
        text-transform: uppercase;
        text-shadow: none;
        text-align: center;
        font-family: "Montserrat", Arial, sans-serif;
        font-weight: 900; }
        @media (min-width: 992px) {
          #field-slideshow-1-wrapper .field-slideshow-caption .field-slideshow-caption-text a {
            font-size: 27px; } }
        @media (min-width: 1200px) {
          #field-slideshow-1-wrapper .field-slideshow-caption .field-slideshow-caption-text a {
            font-size: 28px; } }
        @media (min-width: 1200px) {
          #field-slideshow-1-wrapper .field-slideshow-caption .field-slideshow-caption-text a {
            font-size: 30px; } }

.front {
  /*****************************************/
  /**********NOUVELLES ACCUEIL**************/
  /*****************************************/
  /*****************************************/
  /**********NOUVELLES ACCUEIL**************/
  /*****************************************/ }
  .front .field-name-field-album-img {
    margin-bottom: 40px; }
  .front .main-container {
    max-width: none; }
    .front .main-container .container {
      width: 100%; }
  .front #navbar.container {
    margin-bottom: 0px;
    margin-top: 0; }
  .front h1.page-header {
    display: none; }
  .front .main-container {
    max-width: none; }
  .front a:hover, .front a:focus {
    text-decoration: none; }
  .front #field-slideshow-1-wrapper {
    position: relative;
    max-width: 1920px;
    margin: 0 auto; }
    .front #field-slideshow-1-wrapper .field-slideshow-1 {
      margin: 0 auto; }
    .front #field-slideshow-1-wrapper .field-slideshow-1[style] {
      height: 100% !important; }
  .front .field-slideshow-caption {
    position: relative;
    background-color: rgba(219, 40, 47, 0.8);
    text-align: center;
    padding: 20px;
    /* width: 100%;
    height: 40px;
    position: absolute;
    bottom: 40px;
    background-image: url(../img/back-slider.png);
    padding: 40px 40px 120px 40px;
    max-width: 1170px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    text-align: center;*/ }
    @media (min-width: 992px) {
      .front .field-slideshow-caption {
        position: absolute;
        border-radius: 50%;
        width: 300px;
        height: 300px;
        bottom: 0;
        right: 10%;
        top: 50%;
        transform: translate(0, -50%); } }
    @media (min-width: 1200px) {
      .front .field-slideshow-caption {
        width: 350px;
        height: 350px; } }
    @media (min-width: 1450px) {
      .front .field-slideshow-caption {
        width: 400px;
        height: 400px; } }
    .front .field-slideshow-caption .field-slideshow-caption-text {
      color: #fff;
      text-transform: uppercase;
      text-shadow: none;
      text-align: center;
      font-family: "Montserrat", Arial, sans-serif; }
      @media (min-width: 992px) {
        .front .field-slideshow-caption .field-slideshow-caption-text {
          width: 80%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); } }
      .front .field-slideshow-caption .field-slideshow-caption-text strong {
        color: #EFB461; }
      .front .field-slideshow-caption .field-slideshow-caption-text a {
        font-size: 24px;
        color: #fff;
        text-transform: uppercase;
        text-shadow: none;
        text-align: center;
        font-family: "Montserrat", Arial, sans-serif;
        font-weight: 900; }
        @media (min-width: 992px) {
          .front .field-slideshow-caption .field-slideshow-caption-text a {
            font-size: 27px; } }
        @media (min-width: 1200px) {
          .front .field-slideshow-caption .field-slideshow-caption-text a {
            font-size: 28px; } }
        @media (min-width: 1200px) {
          .front .field-slideshow-caption .field-slideshow-caption-text a {
            font-size: 30px; } }
  .front #field-slideshow-1-pager {
    text-align: center;
    position: absolute;
    bottom: 50px;
    max-width: 1170px;
    width: 100%;
    z-index: 1400;
    left: 0px;
    right: 0px;
    margin: auto; }
    .front #field-slideshow-1-pager a {
      text-indent: -2000px;
      display: inline-block;
      background: #fff;
      border-radius: 50%;
      width: 10px;
      height: 10px;
      vertical-align: top;
      margin: 0 5px;
      box-shadow: none;
      border: 1px solid #eee; }
      .front #field-slideshow-1-pager a:hover, .front #field-slideshow-1-pager a.activeSlide {
        background-color: #639dee;
        border: none; }
  .front #block-views-nouvelles-block {
    padding: 40px 0 20px;
    max-width: 1170px;
    margin: 0 auto; }
    .front #block-views-nouvelles-block a, .front #block-views-nouvelles-block a:hover, .front #block-views-nouvelles-block a:focus {
      color: #138085; }
    .front #block-views-nouvelles-block .views-field-field-nouvelle-image {
      width: 100%;
      height: auto;
      max-height: 250px;
      overflow: hidden;
      position: relative; }
    .front #block-views-nouvelles-block .conteneur {
      clear: both;
      float: none; }
    .front #block-views-nouvelles-block .img {
      float: none;
      margin: 0 20px 0 0;
      width: 100%; }
      @media (min-width: 768px) {
        .front #block-views-nouvelles-block .img {
          float: left;
          width: 26%; } }
    .front #block-views-nouvelles-block img {
      height: auto;
      width: 100%; }
    .front #block-views-nouvelles-block .txt {
      float: left;
      width: 100%; }
      @media (min-width: 768px) {
        .front #block-views-nouvelles-block .txt {
          width: 70%;
          min-width: 817px; } }
      .front #block-views-nouvelles-block .txt h3 {
        margin: 10px 0 0 0; }
        @media (min-width: 768px) {
          .front #block-views-nouvelles-block .txt h3 {
            margin: 0; } }
        .front #block-views-nouvelles-block .txt h3 a {
          color: black;
          font-weight: bold;
          font-size: 24px; }
      .front #block-views-nouvelles-block .txt .date {
        color: black;
        font-size: 24px;
        text-transform: uppercase; }
      .front #block-views-nouvelles-block .txt .body p {
        color: black;
        font-size: 20px;
        font-weight: 500; }
      .front #block-views-nouvelles-block .txt .lien {
        margin-top: 40px;
        margin-bottom: 20px; }
        .front #block-views-nouvelles-block .txt .lien a {
          padding: 15px 70px;
          color: #138085;
          border: 1px #138085 solid;
          font-size: 17px;
          font-weight: 600;
          text-transform: uppercase;
          transition: all 0.2s ease-in-out; }
          .front #block-views-nouvelles-block .txt .lien a:hover {
            background: #138085;
            color: white;
            transition: all 0.2s ease-in-out; }
    .front #block-views-nouvelles-block .views-label-field-nouvelle-image {
      display: none; }
    .front #block-views-nouvelles-block h2.block-title {
      color: #138085;
      background: transparent;
      display: inline-block;
      float: left;
      font-size: 32px;
      margin-bottom: 50px; }
    .front #block-views-nouvelles-block .view-header h2.block-title {
      float: right; }
      .front #block-views-nouvelles-block .view-header h2.block-title a {
        color: #ffffff;
        padding: 15px 25px;
        background: #138085;
        font-size: 13px;
        font-weight: normal;
        border: 1px solid #138085;
        transition: all 0.2s ease-in-out; }
        .front #block-views-nouvelles-block .view-header h2.block-title a:hover {
          color: #138085;
          background: #ffffff;
          transition: all 0.2s ease-in-out; }
    .front #block-views-nouvelles-block .view-content {
      clear: both; }
      .front #block-views-nouvelles-block .view-content .views-row {
        padding: 20px 0;
        border-bottom: 1px #D3D3D3 solid;
        display: inline-block; }
      .front #block-views-nouvelles-block .view-content .views-field-created {
        font-weight: bold;
        color: #DB282F;
        margin-bottom: 15px;
        text-transform: uppercase; }
      .front #block-views-nouvelles-block .view-content .views-field-title {
        padding-top: 15px;
        padding-bottom: 15px; }
        .front #block-views-nouvelles-block .view-content .views-field-title a {
          color: #002254;
          text-transform: uppercase;
          font-weight: bold;
          font-size: 18px;
          transition: opacity 0.2s ease-in-out; }
          .front #block-views-nouvelles-block .view-content .views-field-title a:hover {
            opacity: 0.6;
            transition: opacity 0.2s ease-in-out; }
      .front #block-views-nouvelles-block .view-content .views-field-body p:after {
        content: "..."; }
        .front #block-views-nouvelles-block .view-content .views-field-body p:after span[style] {
          color: #333 !important; }
        .front #block-views-nouvelles-block .view-content .views-field-body p:after strong {
          font-weight: normal; }
      .front #block-views-nouvelles-block .view-content .views-field-view-node a {
        color: #fff;
        padding: 10px 25px;
        background-color: #002254;
        display: inline-block;
        margin-top: 20px;
        font-weight: bold;
        text-transform: uppercase;
        border: 1px solid #002254;
        transition: all 0.2s ease-in-out; }
        .front #block-views-nouvelles-block .view-content .views-field-view-node a:hover {
          color: #002254;
          background: #ffffff;
          transition: all 0.2s ease-in-out; }
  .front #block-block-19 {
    max-width: 1170px;
    position: relative;
    margin: 0 auto;
    padding: 40px 0; }
    .front #block-block-19 h2.block-title {
      color: #50504c;
      font-size: 32px;
      margin-bottom: 20px; }
    .front #block-block-19 p {
      font-size: 18px;
      color: #50504c; }
  .front #block-views-accueil-programmation-block-1, .front #block-views-1f404b0de70cfc1c32b34661730ca252 {
    background-color: #ffffff;
    padding: 60px 0; }
  .front #block-views-accueil-programmation-block-1 .block-title, .front #block-views-accueil-programmation-block-1 .view-accueil-programmation {
    max-width: 1170px;
    position: relative;
    margin: 0 auto; }
  .front #block-views-1f404b0de70cfc1c32b34661730ca252 .block-title, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-accueil-programmation {
    max-width: 1170px;
    position: relative;
    margin: 0 auto; }
  .front #block-views-accueil-programmation-block-1 .block-title, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .block-title {
    color: #50504c;
    font-size: 32px;
    margin-bottom: 40px; }
  .front #block-views-accueil-programmation-block-1 .view-header, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-header {
    color: #50504c;
    font-size: 15px;
    margin-bottom: 40px; }
  .front #block-views-accueil-programmation-block-1 .view-header a, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-header a {
    color: #fff;
    padding: 13px 25px;
    background: #002254;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    top: -75px;
    right: 0;
    border: 1px solid #002254;
    box-shadow: none;
    transition: all 0.2s ease-in-out; }
  .front #block-views-accueil-programmation-block-1 .view-header a:hover, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-header a:hover {
    color: #002254;
    background: #ffffff;
    transition: all 0.2s ease-in-out; }
  .front #block-views-accueil-programmation-block-1 .view-accueil-programmation .views-row, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-accueil-programmation .views-row {
    vertical-align: top;
    background-color: transparent;
    margin-bottom: 30px; }
  .front #block-views-accueil-programmation-block-1 .view-accueil-programmation .views-row .vignette img, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-accueil-programmation .views-row .vignette img {
    width: 100%;
    height: auto;
    border-top: 2px solid #ffffff; }
  .front #block-views-accueil-programmation-block-1 .view-accueil-programmation .views-row .hidden-details, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-accueil-programmation .views-row .hidden-details {
    display: none; }
  .front #block-views-accueil-programmation-block-1 .view-accueil-programmation .views-row .field-name-title-field, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-accueil-programmation .views-row .field-name-title-field {
    display: block;
    background-color: #E2E2E2;
    padding: 15px;
    margin: 0;
    font-weight: bold;
    color: #002254;
    font-size: 15px; }
  .front #block-views-accueil-programmation-block-1 .view-accueil-programmation .views-row a:hover, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-accueil-programmation .views-row a:hover {
    text-decoration: none; }
  .front #block-views-accueil-programmation-block-1 .view-accueil-programmation .view-content h3, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-accueil-programmation .view-content h3 {
    display: none; }
  .front #block-views-accueil-programmation-block-1 .view-accueil-programmation .field-name-field--event-ages-text, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .view-accueil-programmation .field-name-field--event-ages-text {
    display: block;
    padding: 8px 15px;
    margin: 0;
    font-weight: bold;
    color: #ffffff;
    font-size: 15px;
    text-align: center; }
  .front #block-views-accueil-programmation-block-1 .views-field-field-dates-date, .front #block-views-accueil-programmation-block-1 .views-field-field-billetterie-lieux, .front #block-views-accueil-programmation-block-1 .views-field-field-event-dates-accueil {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 10px; }
  .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-dates-date, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-billetterie-lieux, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-event-dates-accueil {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 10px; }
  .front #block-views-accueil-programmation-block-1 .views-field-field-dates-date:after, .front #block-views-accueil-programmation-block-1 .views-field-field-billetterie-lieux:after, .front #block-views-accueil-programmation-block-1 .views-field-field-event-dates-accueil:after {
    content: " ";
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0; }
  .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-dates-date:after, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-billetterie-lieux:after, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-event-dates-accueil:after {
    content: " ";
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0; }
  .front #block-views-accueil-programmation-block-1 .views-field-field-dates-date .field-content, .front #block-views-accueil-programmation-block-1 .views-field-field-billetterie-lieux .field-content, .front #block-views-accueil-programmation-block-1 .views-field-field-event-dates-accueil .field-content {
    z-index: 1;
    position: relative; }
  .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-dates-date .field-content, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-billetterie-lieux .field-content, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-event-dates-accueil .field-content {
    z-index: 1;
    position: relative; }
  .front #block-views-accueil-programmation-block-1 .views-field-path, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-path {
    z-index: 1;
    position: relative; }
  .front #block-views-accueil-programmation-block-1 .views-field-field-dates-date, .front #block-views-accueil-programmation-block-1 .views-field-field-event-dates-accueil {
    background-color: #C7C7C7;
    color: #000000;
    width: 39%;
    font-weight: bold;
    text-align: center;
    padding: 17px 10px;
    position: relative; }
  .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-dates-date, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-event-dates-accueil {
    background-color: #C7C7C7;
    color: #000000;
    width: 39%;
    font-weight: bold;
    text-align: center;
    padding: 17px 10px;
    position: relative; }
  .front #block-views-accueil-programmation-block-1 .views-field-field-dates-date:after, .front #block-views-accueil-programmation-block-1 .views-field-field-event-dates-accueil:after {
    background-color: #C7C7C7; }
  .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-dates-date:after, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-event-dates-accueil:after {
    background-color: #C7C7C7; }
  .front #block-views-accueil-programmation-block-1 .views-field-field-billetterie-lieux, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-billetterie-lieux {
    background-color: #000000;
    color: #ffffff;
    width: 60%;
    height: 73px;
    float: right;
    position: relative; }
  .front #block-views-accueil-programmation-block-1 .views-field-field-billetterie-lieux:after, .front #block-views-1f404b0de70cfc1c32b34661730ca252 .views-field-field-billetterie-lieux:after {
    background-color: #000000; }

#block-nodeblock-16 h2.block-title {
  color: #5f7dbc;
  border-bottom: 0; }

#block-nodeblock-16 .btn-primary {
  background-image: none;
  background-color: #5069a1;
  border-color: #5f7dbc; }
  #block-nodeblock-16 .btn-primary:hover {
    background-color: #5f7dbc;
    border-color: #5069a1; }
  #block-nodeblock-16 .btn-primary:active {
    background-color: #5069a1;
    border-color: #5f7dbc; }

.page-node-3 .content h3 {
  text-transform: none; }

/* line 1054, ../sass/2017-style.sass */
.page-mediation-culturelle section.col-sm-9 {
  border-right: 1px solid #d2d2d2; }

.page-mediation-culturelle .region-content .block:first-child h1 {
  color: #DB282F;
  display: inline-block;
  font-size: 30px;
  margin-right: 20px; }

.page-mediation-culturelle .region-content .block:first-child h2 {
  display: inline-block;
  color: #000;
  font-size: 30px;
  font-weight: normal;
  border: 0;
  margin-bottom: 25px; }

.page-mediation-culturelle .region-content .block:first-child p {
  display: none; }

.view .ui-accordion {
  margin-top: 30px; }
  .view .ui-accordion .views-accordion-header {
    background: #e7e8ea;
    border: 2px solid #f2f2f3;
    border-radius: 0;
    margin-top: 0; }
    .view .ui-accordion .views-accordion-header.ui-state-active, .view .ui-accordion .views-accordion-header.ui-state-hover {
      background: #5069a1; }
    .view .ui-accordion .views-accordion-header.ui-state-active h2.field-content a, .view .ui-accordion .views-accordion-header.ui-state-hover h2.field-content a {
      color: #fff; }
    .view .ui-accordion .views-accordion-header.ui-state-default {
      border-bottom-width: 0; }
      .view .ui-accordion .views-accordion-header.ui-state-default:after {
        content: "";
        width: 100%;
        height: 2px;
        display: block; }
      .view .ui-accordion .views-accordion-header.ui-state-default .ui-icon {
        background: url(../img/accordeon-boutons.png) 0 0 no-repeat;
        height: 38px;
        width: 40px;
        top: 0;
        left: 0;
        margin-top: 0px; }
    .view .ui-accordion .views-accordion-header.ui-state-hover .ui-icon {
      background: url(../img/accordeon-boutons.png) 0 -40px no-repeat;
      background-color: #5069a1; }
    .view .ui-accordion .views-accordion-header.ui-state-active .ui-icon {
      background: url(../img/accordeon-boutons.png) 0 -80px no-repeat;
      background-color: #5069a1;
      width: 40px;
      height: 38px;
      top: 0;
      left: 0;
      margin-top: 0; }
    .view .ui-accordion .views-accordion-header h2.field-content {
      margin: 0; }
      .view .ui-accordion .views-accordion-header h2.field-content a {
        color: #4d4d4f;
        font-weight: normal;
        font-size: 19px; }
  .view .ui-accordion .ui-accordion-content {
    border-radius: 0;
    border: 2px solid #f2f2f3;
    border-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0; }
    .view .ui-accordion .ui-accordion-content img {
      border: 1px solid #262626; }
    .view .ui-accordion .ui-accordion-content p {
      text-align: justify; }
    .view .ui-accordion .ui-accordion-content a {
      color: #fff;
      font-weight: bold; }
    .view .ui-accordion .ui-accordion-content .views-field-edit-node a {
      display: block;
      padding-top: 30px;
      padding-left: 15px; }
    .view .ui-accordion .ui-accordion-content blockquote {
      border: 0;
      padding: 0;
      margin: 5px 0 0 0; }
      .view .ui-accordion .ui-accordion-content blockquote p {
        font-size: 10px;
        text-align: right; }
      .view .ui-accordion .ui-accordion-content blockquote:after, .view .ui-accordion .ui-accordion-content blockquote:before {
        display: none; }
  .view .ui-accordion .ui-widget {
    font-family: Arial, sans-serif; }

.view-ateliers .views-row-last .views-accordion-header.ui-state-default {
  border-bottom-width: 2px; }
  .view-ateliers .views-row-last .views-accordion-header.ui-state-default:after {
    background: none; }

.view-ateliers .views-row-last .ui-accordion-content {
  border-bottom-width: 2px; }

.view-ateliers .views-row-last .clearfix {
  clear: both; }

.view-ateliers.view-display-id-page_2 .views-row {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 30px;
  padding-bottom: 30px;
  margin-left: 0;
  margin-right: 0; }
  .view-ateliers.view-display-id-page_2 .views-row.views-row-last {
    border: 0; }

.view-ateliers.view-display-id-page_2 .views-field-field-artiste-photo {
  padding-left: 0; }
  .view-ateliers.view-display-id-page_2 .views-field-field-artiste-photo blockquote {
    border: 0;
    padding: 0;
    margin: 5px 0 0 0; }
    .view-ateliers.view-display-id-page_2 .views-field-field-artiste-photo blockquote p {
      font-size: 10px;
      text-align: right; }
    .view-ateliers.view-display-id-page_2 .views-field-field-artiste-photo blockquote:after, .view-ateliers.view-display-id-page_2 .views-field-field-artiste-photo blockquote:before {
      display: none; }

.view-ateliers.view-display-id-page_2 .views-field-nid {
  padding-right: 0; }
  .view-ateliers.view-display-id-page_2 .views-field-nid h3.nom {
    margin-top: 0;
    color: black;
    display: inline-block;
    padding: 0px 5px 5px 0px; }
  .view-ateliers.view-display-id-page_2 .views-field-nid .contact p {
    float: left;
    margin-top: 20px; }
  .view-ateliers.view-display-id-page_2 .views-field-nid .contact a {
    padding-left: 20px; }
  .view-ateliers.view-display-id-page_2 .views-field-nid .social {
    float: right;
    margin-top: 20px;
    text-indent: -4500px;
    width: 31px;
    height: 30px;
    display: block;
    margin-left: 25px;
    background: url(../img/socials.jpg) no-repeat 0 0; }
    .view-ateliers.view-display-id-page_2 .views-field-nid .social.tw {
      background-position: -31px 0; }
    .view-ateliers.view-display-id-page_2 .views-field-nid .social.li {
      background-position: -123px 0; }

.page-node-188 h1.page-header {
  color: #DB282F; }

.page-node-188 #block-system-main h3 {
  margin-bottom: 20px; }

.view.view-id-parcour .ui-accordion-icons .ui-accordion-header a {
  padding-left: 60px;
  text-transform: uppercase; }

.view.view-id-parcour .ui-accordion-icons .ui-accordion-header.ui-state-hover, .view.view-id-parcour .ui-accordion-icons .ui-accordion-header.ui-state-active {
  background: #DB282F; }

.view.view-id-parcour .ui-accordion-icons .ui-accordion-header.ui-state-hover a, .view.view-id-parcour .ui-accordion-icons .ui-accordion-header.ui-state-active a {
  color: #fff; }

.view.view-id-parcour .views-accordion-parcour-block-header {
  position: absolute;
  z-index: 20;
  margin: 7px 13px;
  background: #157DDF;
  color: #fff;
  width: 23px;
  height: 23px;
  padding: 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 1px 1px 2px #b1b1b1;
  box-shadow: 1px 1px 3px #b1b1b1;
  text-align: center; }

.view.view-id-parcour .ui-icon {
  display: none; }

.view.view-id-parcour .ui-accordion .ui-accordion-content {
  padding-left: 10px;
  padding-right: 10px; }

.view.view-id-parcour p {
  font-family: Arial, sans-serif;
  font-size: 13px; }

.view.view-id-parcour .adresse p {
  font-weight: bold;
  margin-top: 15px; }

h4.reseau-ville {
  color: #5069a1;
  font-family: "Raleway", Arial, sans-serif;
  margin-left: 15px; }

/* line 1261, ../sass/2017-style.sass */
p.reseau-dates {
  color: #5069a1;
  font-size: 15px;
  margin-left: 15px; }

/* line 1265, ../sass/2017-style.sass */
h4.reseau-lieu {
  font-family: "Raleway", Arial, sans-serif; }

/* line 1267, ../sass/2017-style.sass */
p.reseau-billetterie {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 0;
  color: #5069a1; }

/* line 1273, ../sass/2017-style.sass */
.page-node-1 .field-name-field-page-text-9-12 .row {
  margin-bottom: 15px;
  margin-right: 15px; }
  .page-node-1 .field-name-field-page-text-9-12 .row hr {
    margin: 0 0 0 15px;
    clear: both; }

.page-node-1 .field-name-field-page-text-9-12 iframe {
  border: 2px solid #5069a1; }

.page-node-1 .field-name-field-page-text-9-12 .col-sm-4 {
  margin-bottom: 20px; }
  .page-node-1 .field-name-field-page-text-9-12 .col-sm-4 > h4.reseau-ville, .page-node-1 .field-name-field-page-text-9-12 .col-sm-4 > p.reseau-dates {
    margin-left: 0; }
  .page-node-1 .field-name-field-page-text-9-12 .col-sm-4 img {
    max-height: 90px;
    width: auto;
    max-width: 150px;
    height: auto; }

.page-album .region-content > .block-block, .node-type-flexslider-example .region-content > .block-block, .page-videos .region-content > .block-block {
  margin: 0 15px; }

/* line 1295, ../sass/2017-style.sass */
.page-album .region-content > .block-block h1, .node-type-flexslider-example .region-content > .block-block h1, .page-videos .region-content > .block-block h1 {
  color: #DB282F;
  padding: 0; }

/* line 1298, ../sass/2017-style.sass */
.page-album .region-content > .block-block h1 a, .node-type-flexslider-example .region-content > .block-block h1 a, .page-videos .region-content > .block-block h1 a {
  color: #a5a5a4; }

/* line 1300, ../sass/2017-style.sass */
.page-album .region-content > .block-block h1 a:hover, .node-type-flexslider-example .region-content > .block-block h1 a:hover, .page-videos .region-content > .block-block h1 a:hover {
  color: #DB282F; }

/* line 1302, ../sass/2017-style.sass */
.page-album .region-content > .block-block h1:last-of-type, .node-type-flexslider-example .region-content > .block-block h1:last-of-type, .page-videos .region-content > .block-block h1:last-of-type, .page-album .region-content > .block-block h1:last-of-type a:hover, .node-type-flexslider-example .region-content > .block-block h1:last-of-type a:hover {
  color: #25acb0; }

/* line 1304, ../sass/2017-style.sass */
.page-videos .region-content > .block-block h1:last-of-type a:hover {
  color: #25acb0; }

.page-videos h1.page-header {
  display: none; }

.page-videos .views-field-field-video-embed-link iframe {
  width: 100% !important;
  height: 208px;
  max-width: 370px; }

.view-albums-submenu {
  max-width: 1050px;
  margin: 0 auto; }
  .view-albums-submenu ul {
    padding: 0 10px; }
  .view-albums-submenu li {
    list-style: none;
    width: 20%;
    float: left;
    text-align: center; }
    .view-albums-submenu li a {
      text-transform: uppercase;
      font-weight: bold;
      color: #a5a5a4;
      font-size: 22px; }
      .view-albums-submenu li a.active, .view-albums-submenu li a:hover {
        color: #DB282F;
        text-decoration: underline; }

.page-album .view-albums-submenu li:first-child a {
  color: #DB282F;
  text-decoration: underline; }

/* line 1342, ../sass/2017-style.sass */
.flexslider {
  max-width: 900px;
  margin: 0 auto;
  border: 0;
  box-shadow: none; }
  .flexslider .slides > li {
    padding: 10px; }
  .flexslider .slides img {
    max-height: 585px;
    width: auto;
    margin: 0 auto; }
  .flexslider .slides h3.legende {
    text-align: center;
    margin: 15px 40px; }
  .flexslider .flex-direction-nav a {
    padding: 2px;
    width: 54px;
    top: 30px;
    height: 86%; }
    .flexslider .flex-direction-nav a:hover {
      text-decoration: none; }
    .flexslider .flex-direction-nav a:before {
      color: white;
      background: #DB282F;
      border-radius: 50%;
      box-shadow: 0 0 4px 1px #fff;
      width: 40px;
      display: block;
      height: 40px;
      text-align: center;
      font-size: 30px;
      font-family: "Nunito", Arial, sans-serif;
      line-height: 28px;
      position: absolute;
      top: 50%; }
    .flexslider .flex-direction-nav a.flex-prev:before {
      content: "<";
      margin-left: 10px;
      padding-top: 5px; }
    .flexslider .flex-direction-nav a.flex-next:before {
      content: ">";
      margin-right: 10px;
      padding-top: 5px; }
  .flexslider .flex-pauseplay a {
    bottom: 7px; }
    .flexslider .flex-pauseplay a:before {
      font-size: 17px;
      color: #DB282F; }
    .flexslider .flex-pauseplay a:hover {
      color: #7f7f7f; }

.view-flexslider-views-example.view-display-id-block_1 .flexslider, .view-flexslider-views-example.view-display-id-block_2 .flexslider {
  border-top: 1px solid #d2d2d2;
  padding-top: 15px;
  margin: 15px auto;
  max-height: 130px;
  overflow: hidden; }

.view-flexslider-views-example.view-display-id-block_1 .flexslider .slides > li, .view-flexslider-views-example.view-display-id-block_2 .flexslider .slides > li {
  padding: 0 10px; }

.view-flexslider-views-example.view-display-id-block_1 .flexslider img, .view-flexslider-views-example.view-display-id-block_2 .flexslider img {
  height: auto;
  width: auto;
  margin: 0 auto; }

/* line 1405, ../sass/2017-style.sass */
/* line 1407, ../sass/2017-style.sass */
/* line 1414, ../sass/2017-style.sass */
.page-videos #block-system-main {
  margin-top: 25px; }

.page-videos .view-display-id-page .views-row {
  margin-bottom: 15px; }

.page-videos .embedded-video {
  height: 208px; }

.page-videos .view-content h4 {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background: #DB282F;
  width: 100%;
  max-width: 370px;
  height: 38px;
  margin-top: 0;
  text-align: center;
  padding-top: 7px; }
  .page-videos .view-content h4.Bleu {
    background-color: #5069a1; }
  .page-videos .view-content h4.Jaune {
    background-color: #f9df4a;
    color: #000; }
  .page-videos .view-content h4.Vert {
    background-color: #25acb0; }
  .page-videos .view-content h4.Gris {
    background-color: #6d6e71; }

.page-videos .view-id-videos.view-display-id-block_1 .view-content h4 {
  margin: 0 20px;
  max-width: none;
  height: auto;
  padding: 3px 5px;
  text-align: left;
  width: 95%; }

.node-type-diapo-promo .field-slideshow-controls {
  position: relative; }
  .node-type-diapo-promo .field-slideshow-controls a {
    position: absolute;
    top: 200px;
    color: #fff; }
    .node-type-diapo-promo .field-slideshow-controls a:hover {
      text-decoration: none; }
    .node-type-diapo-promo .field-slideshow-controls a.prev {
      left: 30px; }
      .node-type-diapo-promo .field-slideshow-controls a.prev:before {
        content: "«";
        font-size: 40px;
        color: #5069a1; }
      .node-type-diapo-promo .field-slideshow-controls a.prev:hover:before {
        text-shadow: 2px 2px 2px #6d6e71; }
    .node-type-diapo-promo .field-slideshow-controls a.next {
      right: 30px; }
      .node-type-diapo-promo .field-slideshow-controls a.next:after {
        content: "»";
        font-size: 40px;
        color: #5069a1; }
      .node-type-diapo-promo .field-slideshow-controls a.next:hover:after {
        text-shadow: 2px 2px 2px #6d6e71; }

.node-type-diapo-promo .field-slideshow {
  margin: 0 auto; }

.node-type-diapo-promo .field-slideshow-slide {
  text-align: center;
  min-width: 100%; }

.node-type-diapo-promo .field-slideshow-caption {
  color: #DB282F;
  font-size: 17px;
  font-weight: bold;
  margin: 7px 0; }

.node-type-diapo-promo #field-slideshow-1-pager {
  margin: 0 160px;
  float: right; }
  .node-type-diapo-promo #field-slideshow-1-pager a {
    display: none;
    margin: 0 3px;
    color: #5069a1;
    font-size: 16px;
    float: left; }
    .node-type-diapo-promo #field-slideshow-1-pager a.activeSlide {
      display: block; }
      .node-type-diapo-promo #field-slideshow-1-pager a.activeSlide:after {
        content: " de "; }
    .node-type-diapo-promo #field-slideshow-1-pager a:last-child {
      display: block; }
      .node-type-diapo-promo #field-slideshow-1-pager a:last-child:after {
        content: ""; }

.node-type-diapo-promo.not-logged-in .alert-danger {
  display: none; }

#node-19 form > p {
  position: relative;
  right: 7px; }

/* line 1519, ../sass/2017-style.sass */
.page-node-22 .main-container h1, .page-node-22 .main-container h2, .page-node-22 .main-container h3 {
  color: #5069a1; }

.page-node-22 .lire-porte-p {
  float: left;
  margin-right: 30px; }
  .page-node-22 .lire-porte-p .legende {
    background: #5069a1;
    padding: 3px 10px; }
  .page-node-22 .lire-porte-p p {
    color: #fff;
    text-transform: uppercase; }

.page-node-24 h1.page-header {
  display: none; }

.page-node-24 p {
  font-size: 15px; }

.page-node-24 .col-md-9 h3 {
  border-top: solid 1px #d2d2d2;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 15px;
  color: #5069a1; }

.page-node-24 .col-md-9 .btn-primary {
  background-image: none;
  background-color: #138085;
  border-color: #138085;
  font-size: 10px; }
  .page-node-24 .col-md-9 .btn-primary:hover, .page-node-24 .col-md-9 .btn-primary:active {
    background-color: #0160B9;
    border-color: #0160B9; }

.page-node-24 .col-md-9 hr {
  border-style: solid;
  border-width: 1px 0 0;
  border-color: #5069a1; }

.page-node-24 .col-md-9 .infolettres h3 {
  color: #25acb0; }

.page-node-24 .col-md-9 .infolettres .btn-primary {
  background-image: none;
  background-color: #25acb0;
  border-color: #15ccb1;
  position: absolute;
  left: 150px; }
  .page-node-24 .col-md-9 .infolettres .btn-primary:hover {
    background-color: #15ccb1;
    border-color: #25acb0;
    position: absolute;
    left: 150px;
    top: initial; }
  .page-node-24 .col-md-9 .infolettres .btn-primary:active {
    background-color: #25acb0;
    border-color: #15ccb1;
    position: absolute;
    left: 150px;
    top: initial; }

.node-type-nouvelle .main-container .col-md-9 {
  border-left: 1px solid #d2d2d2; }
  .node-type-nouvelle .main-container .col-md-9 .submitted {
    color: #138085;
    font-style: italic;
    font-size: 16px;
    margin-top: 25px; }
  .node-type-nouvelle .main-container .col-md-9 h2 {
    color: #DB282F;
    margin-top: 0;
    margin-bottom: 25px; }
  .node-type-nouvelle .main-container .col-md-9 p {
    font-size: 16px; }

.page-nouvelles .node-nouvelle {
  border-bottom: 2px dashed #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .page-nouvelles .node-nouvelle .content .submitted {
    color: #138085;
    font-style: italic;
    font-size: 16px;
    margin-top: 25px; }
  .page-nouvelles .node-nouvelle .content h2 {
    color: #DB282F;
    margin-top: 0;
    margin-bottom: 25px; }
  .page-nouvelles .node-nouvelle .content p {
    font-size: 16px; }
  .page-nouvelles .node-nouvelle .content blockquote p {
    font-size: 10px; }

/*******************************************************/
/****************block accueil**************************/
/*******************************************************/
#block-block-20 {
  margin-top: 40px;
  max-width: 1170px;
  margin: 0 auto; }
  #block-block-20 .container {
    padding-left: 0;
    padding-right: 0; }
  #block-block-20 h2 {
    color: white;
    font-size: 23px;
    font-weight: 500;
    height: 124px;
    margin-bottom: 20px; }
    #block-block-20 h2 strong {
      font-size: 29px;
      font-weight: bold; }
  #block-block-20 .blockaccueil-1, #block-block-20 .blockaccueil-2, #block-block-20 .blockaccueil-3 {
    padding: 30px 25px;
    color: white;
    height: 450px; }
    #block-block-20 .blockaccueil-1 p, #block-block-20 .blockaccueil-2 p, #block-block-20 .blockaccueil-3 p {
      font-size: 17px;
      text-transform: uppercase;
      font-weight: 500; }
      #block-block-20 .blockaccueil-1 p.lien, #block-block-20 .blockaccueil-2 p.lien, #block-block-20 .blockaccueil-3 p.lien {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 50px; }
    #block-block-20 .blockaccueil-1 a, #block-block-20 .blockaccueil-2 a, #block-block-20 .blockaccueil-3 a {
      text-transform: uppercase;
      text-align: center;
      color: white;
      border: 1px white solid;
      padding: 15px 10px;
      font-weight: 500; }
      #block-block-20 .blockaccueil-1 a:hover, #block-block-20 .blockaccueil-2 a:hover, #block-block-20 .blockaccueil-3 a:hover {
        color: white;
        transition: opacity 0.2s ease-in-out;
        opacity: 0.7; }
  #block-block-20 .blockaccueil-1 {
    background-color: #138085; }
  #block-block-20 .blockaccueil-2 {
    background-color: #F47E63; }
  #block-block-20 .blockaccueil-3 {
    background-color: #EFB461; }

/*******************************************************/
/****************block accueil**************************/
/*******************************************************/
/**************/
/*Instrgram block*/
/**************/
.block-instagram-without-api {
  /*
.iwa li {
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: top;
  margin-right: 10px;
  margin-left: 10px;
  border: 1px solid #979797;
}
*/
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 30px;
  background-color: #EFB461;
  /*.iwa{

			@media(min-width:768px)
				{
					//width: 80%;
				}
				@media(min-width:1100px)
				{
					//max-width:1350px;
				}
		
			li:nth-of-type(1n+11) 
			{
				display:none;
			}
			li{
					//width:36%;
					border:none;
					height:auto;
					margin-bottom:20px;
					width:44%;
					
					
					 display: inline-block;
					 // width: auto;
					  height: auto;
					  vertical-align: top;
					  margin-right: 10px;
					  margin-left: 10px;
					

					@media(min-width:768px)
					{
						width:16%;
					}


			
			}
		}*/ }
  .block-instagram-without-api .main-container li {
    padding-bottom: 0; }
  .block-instagram-without-api h2 {
    margin: 2rem;
    text-align: center;
    color: white; }
  .block-instagram-without-api .iwa {
    padding: 0;
    text-align: center;
    margin: 0 auto; }
    .block-instagram-without-api .iwa a:nth-of-type(1n+11) {
      display: none; }
    .block-instagram-without-api .iwa a {
      display: inline-block;
      height: auto;
      vertical-align: top;
      margin-right: 10px;
      margin-left: 10px;
      margin-bottom: 20px; }
    .block-instagram-without-api .iwa a:hover img {
      transform: scale(1.07);
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s; }
    .block-instagram-without-api .iwa img {
      transition: all .2s ease-in-out;
      display: block;
      max-width: 100%;
      height: auto; }

/**************/
/*Instrgram block*/
/**************/
/**************/
/*footer*/
/**************/
.cta-social h3 {
  color: white; }

#mailchimp-signup-subscribe-block-abonnez-infolettre-form {
  position: relative;
  /* &:before {
      content: " ";
      background-color: #000000;
      height: 100%;
      width: 100%;
      opacity: 0.6;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      display: none;
      z-index: 0;
    }*/
  /* h2.block-title {
      color: #ffffff;
      margin-bottom: 20px;
      padding-top: 25px;
      position: relative;
      font-size: 30px;
      font-weight: normal;
      padding-left: 120px;

      &:after {
        content: "";
        width: 100px;
        height: 100%;
        display: block;
        background-image: url(../img/cta-infolettre.png);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: 0;
        top: 32px;
        background-size: auto 100%;
      }
    }*/ }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form .block-title, #mailchimp-signup-subscribe-block-abonnez-infolettre-form .contextual-links-wrapper, #mailchimp-signup-subscribe-block-abonnez-infolettre-form form {
    max-width: 1170px;
    margin: 0 auto; }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-item-mergevars-postalcode {
    float: left;
    width: 64%; }
    #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-item-mergevars-postalcode input {
      padding: 28px 10px; }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form form .form-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%; }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form form .btn-primary {
    position: relative;
    width: 20%;
    display: inline-block;
    vertical-align: middle; }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-control::placeholder {
    color: white;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500; }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-control {
    font-size: 18px;
    background: transparent;
    border: 1px white solid;
    color: white;
    padding: 28px 10px; }
    #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-control:focus {
      border: 1px solid #d2d2d2;
      outline: none;
      box-shadow: none; }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form div#edit-actions {
    text-align: right;
    width: 36%;
    display: inline-block; }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form .mailchimp-signup-subscribe-form-description {
    color: #ffffff;
    margin-bottom: 50px;
    padding-top: 0;
    font-size: 19px;
    font-weight: normal;
    padding-left: 120px; }
  #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-submit.btn-primary {
    background-image: none;
    border-radius: 0;
    margin: 0;
    display: inline-block;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 20px;
    transition: all 0.2s ease-in-out;
    background: transparent;
    border: 1px #FFDC69 solid;
    color: #FFDC69; }
    #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-submit.btn-primary:active {
      border: 1px #FFDC69 solid; }
    #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-submit.btn-primary:focus {
      border: 1px #FFDC69 solid;
      box-shadow: none;
      margin: 0;
      text-decoration: none; }
    #mailchimp-signup-subscribe-block-abonnez-infolettre-form .form-submit.btn-primary:hover {
      border: 1px white solid;
      color: white; }

/**************/
/*footer*/
/**************/
/**************/
/*menu et role organisme*/
/**************/
.user-role-administrator .ajoutprog, .user-role-administrator .ajoutlieu {
  display: none; }

.field-name-field-lieux-devoilement {
  display: none; }

.form-item-field-lieux-devoilement-und {
  display: none; }

/**************/
/*menu et role organisme*/
/**************/
/*black dscription accueil*/
#block-block-26 {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 0 50px 0px; }
  #block-block-26 p {
    color: #138085;
    line-height: 1.6em;
    font-size: 1.1em; }
  #block-block-26 h2 {
    text-align: center;
    color: #138085; }

/*black dscription accueil*/
/**************/
/*Page balado*/
/**************/
.page-balado-anchorfm .view-balado .views-field-nothing {
  padding-top: 93px; }

.view-balado .ytp-show-cards-title {
  display: none !important; }

.view-balado .player {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  .view-balado .player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.view-balado div[class*="col-"] {
  margin-bottom: 20px; }
  .view-balado div[class*="col-"] .conteneur {
    font-size: 14px;
    padding: 10px;
    background: #f0f3f8;
    border: 1px #dbdbdb solid; }
    .view-balado div[class*="col-"] .conteneur p {
      font-size: 14px; }
    .view-balado div[class*="col-"] .conteneur .titre {
      font-weight: bold;
      font-size: 16px; }
      .view-balado div[class*="col-"] .conteneur .titre span {
        font-weight: 300;
        float: right;
        font-size: 14px; }
    .view-balado div[class*="col-"] .conteneur .artiste {
      margin-bottom: 5px;
      border-top: 1px solid #dbdbdb;
      padding-bottom: 5px; }
    .view-balado div[class*="col-"] .conteneur .age {
      margin-top: 10px; }

/**************/
/*Page balado*/
/**************/

/*# sourceMappingURL=2017-style.css.map */