/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel control */
.carousel-control {
  opacity: 1;
  width: 10%;
}

#events-carousel .carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 12, 39, 1) 0%, rgba(0, 12, 39, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.entreprise #events-carousel .carousel-control.left {
  background-image: linear-gradient(to right, rgba(37, 27, 14, 1) 0%, rgba(37, 27, 14, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}


#actus-carousel .carousel-control {
  width: 44px;
  height: 22px;
  top: inherit;
  text-indent: 5px;
  background: url('../bundles/lpisite/images/habillage/nav-actus.png') no-repeat left top;
  z-index: 100;
}

#actus-carousel .glyphicon-chevron-left, #actus-carousel .glyphicon-chevron-right {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}

#events-carousel .glyphicon-chevron-left, #events-carousel .glyphicon-chevron-right {
  font-size: 12px;
  line-height: 20px;
  height: 22px;
}

#events-carousel span.glyphicon {
  background-color: #999;
  border: 2px solid #FFF;
  border-radius: 20px;
}

#events-carousel span.glyphicon:hover {
  background-color: #666;
}

#events-carousel .carousel-control .glyphicon-chevron-left, #events-carousel .carousel-control .glyphicon-chevron-right {
   width: 40px;
   height: 24px
}

#actus-carousel .carousel-control.left {
  left: 256px;
  bottom: 0;
}

#actus-carousel .carousel-control.right {
  left: 300px;
  bottom: 0;
  text-align: left;
  background-position: right top;
}

#events-carousel .carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 12, 39, .0001) 0%, rgba(0, 12, 39, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.entreprise #events-carousel .carousel-control.right {
  background-image: linear-gradient(to right, rgba(37, 27, 14, .0001) 0%, rgba(37, 27, 14, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover, .carousel-control:focus {
  color: #EEE;
  filter: alpha(opacity=100);
  opacity: 1;
}

/* Carousel base class */
#events-carousel.carousel {
  margin-bottom: 0;
}

#events-carousel.carousel, #events-carousel.carousel .item {
   height: 200px;
   background-size: auto 200px;
   background-position: center top;
   background-repeat: no-repeat;
 }

#events-carousel .item h3 {
    font-size: 1em;
  }

#events-carousel .item h1 {
    font-size: 18px;
    margin-top: 0;
  }

#events-carousel .item p.date {
    font-size: 0.9em;
  }

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

#actus-carousel .carousel-caption {
  background-color: #2a2929;
  width: 50%;
  height: 100%;    
  text-align: left;
  padding: 2px 0 58px 15px;
  left: 0;
  right: inherit;
  top: 0;
  bottom: inherit;
}

#events-entreprise-carousel .carousel-caption {
  width: 100%;
  height: 100%;    
  text-align: left;
  padding: 0;
  left: 0;
  right: inherit;
  top: 0;
  bottom: inherit;
  text-shadow: none;
}

#actus-carousel .carousel-caption:after {
  content: "";
  display: block;
  position: absolute;
  right: -74px;
  top: 0;
  width: 75px;
  height: 100%;
  z-index: -1;
  background: -moz-linear-gradient(left,  rgba(42,41,41,1) 0%, rgba(42,41,41,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(42,41,41,1)), color-stop(100%,rgba(42,41,41,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(42,41,41,1) 0%,rgba(42,41,41,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(42,41,41,1) 0%,rgba(42,41,41,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(42,41,41,1) 0%,rgba(42,41,41,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(42,41,41,1) 0%,rgba(42,41,41,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2929', endColorstr='#002a2929',GradientType=1 ); /* IE6-9 */
}

#actus-carousel.carousel {
  height: 130px;
  margin-bottom: 0;
  background-color: #2a2929;
}

#actus-carousel .carousel-caption > p > a {
  position: absolute;
  left: 10px;
  bottom: 5px;
}

/* Declare heights because of positioning of img element */

#actus-carousel .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}

#actus-carousel.carousel, #actus-carousel.carousel .item {
   height: 110px;
   background-size: auto 123%;
   background-position: right center;
   background-repeat: no-repeat;
}

#events-entreprise-carousel.carousel, #events-entreprise-carousel.carousel .item {
   height: 150px;
   background-size: cover;
   background-position: right top;
   background-repeat: no-repeat;
}

#actus-carousel .item h3 {
  font-size: 11px;
}

#actus-carousel .item h1 {
  font-size: 14px;
}

#actus-carousel .item p.date {
  font-size: 0.8em;
}

#events-carousel .carousel-caption {
  position: absolute;
  right: 45%;
  bottom: 20px;
  left: 0;
  z-index: 10;
  padding-top: 20px;
  padding-left: 5px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.entreprise #events-carousel .carousel-caption {
  position: absolute;
  right: 20%;
  top: 20px;
  left: 20%;
  z-index: 10;
  padding: 0 0 20px;
  color: #fff;
  text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.8);
}

.carousel-indicators {
  position: absolute;
  margin-bottom: 0;
  bottom: 5px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

 #actus-carousel .carousel-indicators, #events-entreprise-carousel .carousel-indicators {
  bottom: -22px;
}

#actus-carousel .carousel-indicators li {
  background-color: #bbb;
  border: none;
}

#actus-carousel .carousel-indicators .active {
  background-color: #333;
}

#events-entreprise-carousel .carousel-indicators li {
  background-color: #bbb;
  border: none;
}

#events-entreprise-carousel .carousel-indicators .active {
  background-color: #2a65ad;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  #events-carousel .carousel-caption p {
    margin-bottom: 20px;
    line-height: 1.4;
  }

  #actus-carousel .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  #events-carousel .carousel-caption {
    right: 55%;
    left: 6%;
    text-align: right;
    padding-left: 0;
    padding-bottom: 0;
  }

  #events-carousel .item h3 {
    font-size: 1.2em;
  }

  #events-carousel .item h1 {
    font-size: 25px;
    margin-top: 0;
  }

  .entreprise #events-carousel .item h1 {
    font-size: 30px;
  }

  .entreprise #events-carousel .carousel-caption {
    top: 110px;
    left: 10%;
    right: 55%;
    padding: 0;
    bottom: 40px;
  }

  #events-carousel .item p.date {
    font-size: 1.3em;
  }

  #events-carousel .carousel-indicators {
    bottom: 5px;
  }

  #events-carousel.carousel, #events-carousel.carousel .item {
   height: 240px;
   background-size: cover;
  }

  #actus-carousel.carousel,  #actus-carousel.carousel .item {
   height: 240px;
  }

  #actus-carousel .carousel-caption {
    width: 297px;
    padding: 2px 0 58px 20px;
  }

  #actus-carousel .item h3 {
    font-size: 15px;
  }

  #actus-carousel .item h1 {
    font-size: 19px;
  }

  #actus-carousel .item p.date {
    font-size: 1em;
  }

  #actus-carousel .carousel-caption > p > a {
  left: 20px;
  bottom: 32px;
}

}

@media (min-width: 992px) {
  #events-carousel.carousel, #events-carousel.carousel .item {
   height: 315px;
  }

  #events-carousel .carousel-caption {
    left: 6%;
    padding-bottom: 10px;
    right: 60%;
}

  #events-carousel .item h3 {
    font-size: 1.5em;
  }

  #events-carousel .item h1 {
    font-size: 28px;
    margin-top: 0;
  }

  #events-carousel .item p.date {
    font-size: 1.6em;
  }

  .entreprise #events-carousel .item h1 {
    font-size: 32px;
  }

  .entreprise #events-carousel .carousel-caption {
    top: 110px;
    left: 10%;
    right: 55%;
  }

  #actus-carousel.carousel, #actus-carousel.carousel .item {
   height: 130px;
  }

  #actus-carousel .carousel-indicators {
    display: none;
  }

  #actus-carousel .carousel-caption {
    width: 226px;
  }

  #actus-carousel .item h3 {
    font-size: 11px;
    margin-bottom: 3px;
  }

  #actus-carousel .item h1 {
    font-size: 15px;
    margin: 0;
  }

  #actus-carousel .item p.date {
    font-size: 0.8em;
  }

  #actus-carousel .carousel-control.left {
    left: 176px;
  }

  #actus-carousel .carousel-control.right {
    left: 220px;
  }

}

@media (min-width: 1200px) {
  #events-carousel.carousel, #events-carousel.carousel .item {
    height: 380px;
  }

  #events-carousel .carousel-caption {
    left: 10%;
    right: 55%;
}

  #events-carousel .item h3 {
    font-size: 1.7em;
  }

  #events-carousel .item h1 {
    font-size: 34px;
    margin-top: 0;
  }

  #events-carousel .item p.date {
    font-size: 1.8em;
  }

  .entreprise #events-carousel .item h1 {
    font-size: 35px;
  }

  .entreprise #events-carousel .carousel-caption {
    left: 10%;
    right: 55%;
  }


  #actus-carousel.carousel, #actus-carousel.carousel .item {
    height: 170px;
  }

  #actus-carousel .carousel-caption {
    width: 260px;
  }

  #actus-carousel .item h3 {
    font-size: 12px;
    margin: 5px 0 0;
  }

  #actus-carousel .item h1 {
    font-size: 17px;
    margin: 9px 0;
    line-height: 22px;
  }

  #actus-carousel .item p.date {
    font-size: 1em;
  }

  #actus-carousel .carousel-control.left {
    left: 216px;
  }

  #actus-carousel .carousel-control.right {
    left: 260px;
  }

}

/* SMARTPHONE ONLY */
@media (max-width: 767px) {
  #wrapper-slider {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  #events-carousel .carousel-caption {
    padding-bottom: 0;
  }

  #events-carousel .item p.date span {
    border: none;
    display: block;
    padding: 0;
  }

  #events-carousel .btn, #actus-carousel .btn  {
    font-size: 10px;
  }

  #actus-carousel .item h1 {
    margin: 5px 0 3px;
    width: 130%;
    z-index: 100;
  }
}
/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
  position: relative;
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox-nav-overlay .glyphicon-chevron-left, .ekko-lightbox-nav-overlay .glyphicon-chevron-right {
  font-size: 12px;
  line-height: 20px;
}

.ekko-lightbox-nav-overlay .glyphicon:before {
  padding: 6px 15px;
  width: 40px;
  height: 24px;
  background-color: #999;
  opacity: 0.8;
  border: 2px solid #FFF;
  border-radius: 20px;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.ekko-lightbox .modal-footer {
  text-align: left;
}

.ekko-lightbox-container {
  min-height: 150px;
}

.modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
    font-size: 40px;
}

.ekko-lightbox .modal-header {
  border: none;
  height: 42px;
  background-color: transparent;
  text-align: center;
  padding: 0;
}

.ekko-lightbox .modal-body {
  background-color: #FFF;
  padding: 1px;
}
/* 
h4.modal-title {
  color: #30346f;
  font-size: 15px;
  line-height: 42px;
  font-weight: 400;
  background: #FFF;
  display: inline-block;
  position: relative;
  z-index: 5;
}

h4.modal-title:before, h4.modal-title:after {
  content: "";
  position: absolute;
  width: 23px;
  height: 47px;
  top: 0;
}

h4.modal-title:before {
  left:-22px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAvCAYAAAAIA1FgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWFJREFUeNrUlztLA0EUhSeDiAZRYqegTbBII1ppsBHBFIIgJpCAEDs7QbTyH4qFhYilYG9rPZ4rIyxLZjOPcwsvfM3O8nGYu/PYlnPOkKsHJuDaiJzICHw5X0zxCfh2lWqRpmUFvIOt6kNLmueHupgl74CLWQMM+TnY1ZC3wVXIUyqXxIPQoCU0Mlgln2IXvPqpoSe/bxKXyLfB6byXcuWXYEdD3vnd8SIqR94He1ryx9gXU+UH4FBLLotmQUMuS/0oJUmKfAg2U+Sxy1+kT7MOBEbyQao4NrkEePNXBsNOfpYjjpXf5W6b8+THYF9LLrvfeq68qaFy0ryAVY3kwxJxU/Il8AE2SuSh5NNScUi+CG4YF0gbuJ71NOTWN7LNkNcbKgvmOeVASEk+ZYnryWUlfvq/BMNOfssUV+VrYMz+Z/yTj2OuZznyZTBiNrIq78fcWHO/FmeUyhrF+r/yHwEGAKSxxuCxpbuQAAAAAElFTkSuQmCC');
}

h4.modal-title:after {
  right:-22px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAvCAYAAAAIA1FgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrclzFLA0EQhTeHCIYQ0U4hBoQUERFNESNpREkKQQgasBBiZyeIVvk56fJvUloJgYA2IUWIYiFu3sgunnBRLzev8cHXbPHd3Mzt7V3KWts3xnRAFzwYzdivDEETGC3CcskLONKSp+znJb5lALbAJGlXgoi1HLjXaHkwY70BVljyHXDKksv6JUgz5JK6uwOK3CQdbNSjGM6rq/6RUbn0/I7VFkkNbLDkBXDGkkuu5tlUf5XvggOWXNJmyitgnyVfiLupgph3Wo3zSogrXwfnWts/KgPX/yftyv1JVWdVbtwnyDb40K5cUgQnjLb43DLle+CQJV/97W0570B9xqA066RKUrkk+9OmSlq55BlsgjftyiVroMVoi881WGTJi1Gff1rytBtsoD1Qn3dQBj3tyv1J1WJVbtzfSB6MtCuXZMANoy0+F2CZJS+4C1DkMtgmWNIeaDjHTDmlLf9APhVgAG2Q3MiTFuTxAAAAAElFTkSuQmCC');
}

*/


@media (max-width:767px) {
  ul.photos-entreprise .col-xs-4 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .ekko-lightbox-nav-overlay .glyphicon:before {
    content: none;
  }
}

@media (min-width:768px) {
  ul.photos-entreprise .col-xs-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ekko-lightbox-container {
    min-height: 500px;
  }

  h4.modal-title {
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  .ekko-lightbox .glyphicon-chevron-left {
    left: -70px;
  }

  .ekko-lightbox .glyphicon-chevron-right {
    right: -70px;
  }
}

body.noscroll{overflow:hidden}.interstitiel{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#0a131d;color:#FFF}.interstitiel .navigation{position:absolute;display:flex;display:-webkit-flex;display:-webkit-flex-box;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;top:0;left:0;width:100%;height:20vh;background:#0a131d;z-index:1;pointer-events:none}.interstitiel .navigation .close-link{margin-right:5vw;font-weight:bold;border:3px solid #FFF;color:#FFF;border-radius:32px;padding:2px 16px;padding-top:4px;background:rgba(255,255,255,0);text-decoration:none;line-height:1.4em;z-index:2;transition:.25s ease 0s;pointer-events:auto}.interstitiel .navigation .close-link:hover{color:#0a131d;background:#FFF}.interstitiel .navigation .logo{margin-left:5vw;height:50%;width:auto}@media (max-width: 480px){.interstitiel .navigation{height:64px}.interstitiel .navigation .close-link{margin-right:6px}.interstitiel .navigation .logo{margin-left:0;height:64px;padding:10px}}.interstitiel .conteneur{position:relative;margin:0 auto;max-width:990px}.interstitiel .panneaux{overflow:auto;height:100%;height:100vh}.interstitiel .panneau{display:flex;display:-webkit-flex;display:-webkit-flex-box;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;overflow:auto;min-height:100%;min-height:100vh;padding:20vh 0 5vh 0}@media all and (-ms-high-contrast: none){.interstitiel .panneau{height:100%}}.interstitiel .panneau .conteneur-image,.interstitiel .panneau .conteneur-texte{flex:0 0 50%;-webkit-flex:0 0 50%}.interstitiel .panneau .conteneur-image-portrait{flex:0 0 30%;-webkit-flex:0 0 30%}.interstitiel .panneau .panneau-video-wrapper{width:720px;max-width:100%}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;width:100%}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur video,.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur iframe{position:absolute;top:0;left:0;width:100%;height:100%}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur .panneau-video-bouton-volume{position:absolute;top:10px;right:10px;z-index:200;-webkit-appearance:none;background:none transparent;border:none;outline:none;transition:.25s ease 0s}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur .panneau-video-bouton-volume:hover{opacity:.75}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur .panneau-video-bouton-volume img{display:block;height:64px;width:64px}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur .panneau-video-bouton-volume .volume-off{display:none}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur .panneau-video-bouton-volume .volume-on{display:none}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur .panneau-video-bouton-volume.volume-on{opacity:0}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur .panneau-video-bouton-volume.volume-on .volume-on{display:block}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur .panneau-video-bouton-volume.volume-off .volume-off{display:block}.interstitiel .panneau .panneau-video-wrapper .panneau-video-conteneur:hover .panneau-video-bouton-volume.volume-on{opacity:1}.interstitiel .panneau .panneau-click-catcher{position:fixed;top:0;bottom:0;left:0;right:0;z-index:0}.interstitiel .panneau.panneau-start{align-items:flex-start;-webkit-align-items:flex-start}@media (max-width: 990px){.interstitiel .panneau{padding-top:64px;padding-bottom:0px;flex-wrap:wrap;-webkit-flex-wrap:wrap}.interstitiel .panneau .conteneur-image,.interstitiel .panneau .conteneur-texte{flex:0 0 100%;-webkit-flex:0 0 100%}}.interstitiel .panneau p{font-size:.8em;line-height:1.2em;margin-bottom:1em}.interstitiel .panneau img{width:100%;height:auto}.interstitiel .panneau .conteneur-texte{padding-left:20px}.interstitiel .panneau .conteneur-texte .titre{font-size:3em;line-height:1em;margin-bottom:10px}.interstitiel .panneau .conteneur-texte .date{color:rgba(255,255,255,0.75);font-size:1.5em;margin-bottom:20px}.interstitiel .panneau .conteneur-texte .call-to-action{text-align:center;padding-top:1em;text-align:center;height:3.5em}.interstitiel .panneau .conteneur-texte .call-to-action a{text-transform:uppercase;margin:0 auto;font-weight:bold;border:3px solid #FFF;color:#FFF;border-radius:32px;padding:.4em 1.6em;padding-top:.6em;background:transparent;text-decoration:none;line-height:1.4em;transition:.25s ease 0s}.interstitiel .panneau .conteneur-texte .call-to-action a:hover{color:#0a131d;background:#FFF}.interstitiel .panneau .conteneur-texte .label-ouverture{font-size:2em;color:rgba(255,255,255,0.75)}.interstitiel .panneau .conteneur-texte .date-ouverture{font-size:2em}.interstitiel .panneau .conteneur-texte .label-ouverture,.interstitiel .panneau .conteneur-texte .date-ouverture{text-align:center;font-size:2em;line-height:1em}.interstitiel .panneau .conteneur-texte .label-ouverture.text-left,.interstitiel .panneau .conteneur-texte .date-ouverture.text-left{text-align:left}.interstitiel .panneau .conteneur-texte img{margin-top:20px}@media (max-width: 480px){.interstitiel .panneau .conteneur-texte{padding:20px}.interstitiel .panneau .conteneur-texte .titre{font-size:2em;line-height:1.1em;margin-bottom:.5em}.interstitiel .panneau .conteneur-texte .date{margin-bottom:20px;font-size:1.2em;line-height:1.3em}.interstitiel .panneau .conteneur-texte .label-ouverture,.interstitiel .panneau .conteneur-texte .date-ouverture{font-size:1.3em;line-height:1.5em}}.interstitiel.interstitiel-translucide .panneau,.interstitiel.interstitiel-transparent .panneau{padding-top:0}.interstitiel.interstitiel-translucide .navigation,.interstitiel.interstitiel-transparent .navigation{background:transparent}.interstitiel.interstitiel-translucide .logo,.interstitiel.interstitiel-transparent .logo{opacity:0;width:33%}.interstitiel.interstitiel-translucide{background:rgba(10,19,29,0.85)}.interstitiel.interstitiel-transparent{background:rgba(10,19,29,0.6)}

// ! compileCompressed: interstitiel.min.css

$fond_interstitiel: #0a131d !default;

body.noscroll {
    overflow: hidden;
}
.interstitiel{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: $fond_interstitiel;
    color: #FFF;
    .navigation{
        position: absolute;
        display: flex; display: -webkit-flex; display: -webkit-flex-box;
        justify-content: space-between; -webkit-justify-content: space-between;
        align-items: center; -webkit-align-items: center;
        flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
        top: 0;
        left: 0;
        width: 100%;
        height: 20vh;
        background: $fond_interstitiel;
        z-index: 1;
        pointer-events: none;
        .close-link{
            margin-right: 5vw;
            font-weight: bold;
            border: 3px solid #FFF;
            color: #FFF;
            border-radius: 32px;
            padding: 2px 16px;
            padding-top: 4px;
            background: rgba(255,255,255,0);
            text-decoration: none;
            line-height: 1.4em;
            z-index: 2;
            transition: .25s ease 0s;
            pointer-events: auto;
            &:hover{
                color: $fond_interstitiel;
                background: #FFF;
            }
        }

        .logo{
            margin-left: 5vw;
            height: 50%; width: auto;
        }

        @media( max-width: 480px ){
            height: 64px;
            .close-link{
                margin-right: 6px;
            }
            .logo{
                margin-left: 0;
                height: 64px;
                padding: 10px;
            }
        }
    }

    .conteneur{
        position: relative;
        margin: 0 auto;
        max-width: 990px;
    }

    .panneaux {
        overflow: auto;
        height: 100%;
        height: 100vh;
    }

    .panneau{
        display: flex; display: -webkit-flex; display: -webkit-flex-box;
        justify-content: center; -webkit-justify-content: center;
        align-items: center; -webkit-align-items: center;
        flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
        overflow: auto;
        min-height: 100%;
        min-height: 100vh;
        padding: 20vh 0 5vh 0;

        @media all and (-ms-high-contrast:none)
        {
            height: 100%;
        }

        .conteneur-image,
        .conteneur-texte{
            flex: 0 0 50%; -webkit-flex: 0 0 50%;
        }
        .conteneur-image-portrait{
            flex: 0 0 30%; -webkit-flex: 0 0 30%;
        }
        .panneau-video-wrapper {
        	width: 720px;
        	max-width: 100%;

            .panneau-video-conteneur {
                position: relative;
                padding-bottom: 56.25%;
                height: 0;
                overflow: hidden;
                margin: 0 auto;
                width: 100%;
                video,
                iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    // @media( max-width: 1280px ){
                    //     z-index: 100;
                    // }
                }
                .panneau-video-bouton-volume{
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    z-index: 200;
                    -webkit-appearance: none;
                    background: none transparent;
                    border: none;
                    outline: none;
                    transition: .25s ease 0s;
                    &:hover{
                        opacity: .75;
                    }
                    img{
                        display: block;
                        height: 64px;
                        width: 64px;
                    }
                    .volume-off{ display: none; }
                    .volume-on{ display: none; }

                    &.volume-on {
                        .volume-on{ display: block; }
                        opacity: 0;
                    }
                    &.volume-off {
                        .volume-off{ display: block; }
                    }
                }
                &:hover{
                    .panneau-video-bouton-volume.volume-on{
                        opacity: 1;
                    }
                }
            }
        }
        .panneau-click-catcher{
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 0;
        }

        &.panneau-start{
            align-items: flex-start; -webkit-align-items: flex-start;
        }
        @media( max-width: 990px ){
            padding-top: 64px;
            padding-bottom: 0px;
            flex-wrap: wrap; -webkit-flex-wrap: wrap;
            .conteneur-image,
            .conteneur-texte{
                flex: 0 0 100%; -webkit-flex: 0 0 100%;
            }
        }
        p{ font-size: .8em; line-height: 1.2em; margin-bottom: 1em; }
        img{ width: 100%; height: auto; }
        .conteneur-texte{
            padding-left: 20px;
            .titre{ font-size: 3em; line-height: 1em; margin-bottom: 10px; }
            .date{ color: rgba(255,255,255,.75); font-size: 1.5em; margin-bottom: 20px; }
            .call-to-action{
                text-align: center;
                padding-top: 1em;
                text-align: center;
                height: 3.5em;
                a{
                    text-transform: uppercase;
                    margin: 0 auto;
                    font-weight: bold;
                    border: 3px solid #FFF;;
                    color: #FFF;;
                    border-radius: 32px;
                    padding: .4em 1.6em;
                    padding-top: .6em;
                    background: transparent;
                    text-decoration: none;
                    line-height: 1.4em;
                    transition: .25s ease 0s;
                    &:hover{
                        color: #0a131d;
                        background: #FFF;;
                    }
                }
            }
            .label-ouverture{
                font-size: 2em;
                color: rgba(255,255,255,.75);
            }
            .date-ouverture{ font-size: 2em; }
            .label-ouverture,
            .date-ouverture{
                text-align: center;
                font-size: 2em;
                line-height: 1em;
                &.text-left{
                    text-align: left;
                }
            }
            img{ margin-top: 20px; }
        }
        @media( max-width: 480px ){
            .conteneur-texte{
                padding: 20px;
                .titre{
                    font-size: 2em;
                    line-height: 1.1em;
                    margin-bottom: .5em;
                }
                .date{
                    margin-bottom: 20px;
                    font-size: 1.2em;
                    line-height: 1.3em;
                }
                .label-ouverture,
                .date-ouverture{
                    font-size: 1.3em;
                    line-height: 1.5em;
                }
            }
        }
    }

    &.interstitiel-translucide,
    &.interstitiel-transparent{
        .panneau {
            padding-top: 0;
        }
        .navigation{
            background: transparent;
        }
        .logo{
            opacity: 0;
            width: 33%;
        }
    }

    &.interstitiel-translucide {
        background: transparentize($fond_interstitiel, .15);
    }
    &.interstitiel-transparent {
        background: transparentize($fond_interstitiel, .40);
    }
}


.zoomInOn,.zoomInOff,.zoomOutOn,.zoomOutOff,.closeButton{width:34px;height:34px;display:block;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.zoomInOn,.zoomInOff{background-image:url(../bundles/lpisite/images/habillage/zoom_in.png);top:10px;right:-12px}.zoomOutOn,.zoomOutOff{background-image:url(../bundles/lpisite/images/habillage/zoom_out.png);top:44px;right:-12px}.zoomInOn,.zoomOutOn{opacity:1;cursor:pointer}.zoomInOff,.zoomOutOff{opacity:.3;cursor:auto}


.tableau-espaces .zoomInOn, .tableau-espaces .zoomInOff, .tableau-espaces .zoomOutOn, .tableau-espaces .zoomOutOff { 
	top: inherit;
	bottom: -40px;
	right:40px
}

.tableau-espaces .zoomOutOn, .tableau-espaces .zoomOutOff{
	top: inherit;
	bottom:-40pxpx;
	right:0px
}
.responsive-calendar .controls {
  text-align: center;
  background: #333;
  color: #FFF;
  height: 32px;
  line-height: 32px;
  padding: 0 9px;
}
.responsive-calendar .controls a {
  cursor: pointer;
  color: #FFF;
}
.responsive-calendar .controls a:hover {
  color: #DDD;
}
.responsive-calendar .controls h4 {
  display: inline;
  font-size: 14px;
  font-weight: 700;
}
.responsive-calendar .day-headers,
.responsive-calendar .days {
  font-size: 0;
}

.responsive-calendar .day {
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-weight: 600;
  width: 14.285714285714286%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #f7f7f7;
  border: 1px solid #FFF;
}
.responsive-calendar .day-headers {
  padding-top: 5px;
}
.responsive-calendar .day.header {
  background-color: inherit;
}
.responsive-calendar .day a {
  color: #666;
  display: block;
  cursor: default;
}
.responsive-calendar .day.item-sport a, .responsive-calendar .day.item-spectacle a, .responsive-calendar .day.item-proximite a {
  cursor: pointer;
}
.responsive-calendar .day a:hover {
  text-decoration: none;
}
.responsive-calendar .day.header {
  font-size: 9px;
}
.responsive-calendar .day.active a {
  background-color: #1d86c8;
  color: #ffffff;
}
.responsive-calendar .day.active a:hover {
  background-color: #36a0e2;
}
.responsive-calendar .day.active .not-current {
  background-color: #8fcaef;
  color: #ffffff;
}
.responsive-calendar .day.active .not-current:hover {
  background-color: #bcdff5;
}
.responsive-calendar .day.not-current a {
  color: #ddd;
}
.responsive-calendar .day .badge {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}

.responsive-calendar .day.item-proximite {
  background-color: #10bcb6;
}

.responsive-calendar .day.item-proximite a {
  color: #FFF;
  background-color: none;
}

.responsive-calendar .day.item-spectacle {
  background-color: #7c9aab;
}

.responsive-calendar .day.item-spectacle a {
  color: #FFF;
  background-color: none;
}

.responsive-calendar .day.item-sport {
  background-color: #eca71a;
}

.responsive-calendar .day.item-sport a {
  color: #FFF;
  background-color: none;
}

.responsive-calendar .day.business-seats:after {
  content: "\f005";
  font-family: FontAwesome;
  font-weight: 400;
  font-size: 7px;
  position: absolute;
  right: 2px;
  bottom: 6px;
  color: #071e51;
}

.responsive-calendar hr {
  clear: both;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

/*
[data-head-year] {
  display: none;
}
*/

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .responsive-calendar .controls {
    height: 28px;
    line-height: 28px;
  }
  .responsive-calendar .day-headers {
    padding-top: 4px;
  }
  .responsive-calendar .day {
    height: 25px;
    line-height: 25px;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .responsive-calendar .controls {
    height: 34px;
    line-height: 34px;
  }
  .responsive-calendar .day-headers {
    padding-top: 10px;
  }

  .responsive-calendar .day {
    height: 29px;
    line-height: 29px;
  }
}
@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'ProximaNova';
src: url('../bundles/lpisite/fonts/proximanova-regular.eot'); src:
     url('../bundles/lpisite/fonts/proximanova-regular.eot') format('embedded-opentype'),
     url('../bundles/lpisite/fonts/proximanova-regular.woff') format('woff'),
     url('../bundles/lpisite/fonts/proximanova-regular.ttf') format('truetype'),
     url('../bundles/lpisite/fonts/proximanova-regular.svg#ProximaNovaRegular') format('svg');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'ProximaNova';
src: url('../bundles/lpisite/fonts/proximanova-semibold.eot');
src: url('../bundles/lpisite/fonts/proximanova-semibold.eot') format('embedded-opentype'),
url('../bundles/lpisite/fonts/proximanova-semibold.woff') format('woff'),
rl('../fonts/proximanova-semibold.ttf') format('truetype'),
url('../bundles/lpisite/fonts/proximanova-semibold.svg#ProximaNovaSemibold') format('svg');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'ProximaNovaBold';
src: url('../bundles/lpisite/fonts/proximanova-bold.eot');
src: url('../bundles/lpisite/fonts/proximanova-bold.eot') format('embedded-opentype'),
url('../bundles/lpisite/fonts/proximanova-bold.woff') format('woff'), url('../bundles/lpisite/fonts/proximanova-bold.ttf') format('truetype'),
url('../bundles/lpisite/fonts/proximanova-bold.svg#ProximaNovaBold') format('svg');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'ProximaNova';
src: url('../bundles/lpisite/fonts/proximanova-light-webfont.eot'); src: url('../bundles/lpisite/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../bundles/lpisite/fonts/proximanova-light-webfont.woff') format('woff'),
     url('../bundles/lpisite/fonts/proximanova-light-webfont.ttf') format('truetype'),
     url('../bundles/lpisite/fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'ProximaNovaLightItalic';
src: url('../bundles/lpisite/fonts/proximanova-lightitalic.eot');
src: url('../bundles/lpisite/fonts/proximanova-lightitalic.eot') format('embedded-opentype'),
url('../bundles/lpisite/fonts/proximanova-lightitalic.woff') format('woff'),
url('../bundles/lpisite/fonts/proximanova-lightitalic.ttf') format('truetype'),
url('../bundles/lpisite/fonts/proximanova-lightitalic.svg#ProximaNovaLightItalic') format('svg');
font-weight: 300;
font-style: italic;
}

@font-face {
font-family: 'ProximaNovaBlack';
src: url('../bundles/lpisite/fonts/proximanova-black-webfont.eot');
src: url('../bundles/lpisite/fonts/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
     url('../bundles/lpisite/fonts/proximanova-black-webfont.woff') format('woff'),
     url('../bundles/lpisite/fonts/proximanova-black-webfont.ttf') format('truetype'),
     url('../bundles/lpisite/fonts/proximanova-black-webfont.svg#proxima_novablack') format('svg');
font-weight: 900;
font-style: normal;
}

body {
	background-color: #000c27;
  font-family: 'ProximaNova', sans-serif;
  font-weight: 400;
  color: #333;
  padding-top: 33px;
}

.input-sm {
    color: #000;
}

body.entreprise {
  background-color: #251b0e;
}

a, a:active, a:hover, a:focus {
   outline: 0;
}

.img-center {
  margin-left: auto;
  margin-right: auto;
}

.head {
  width: 100%;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.head-particuliers .head {
  background-image: url('../bundles/lpisite/images/illustrations/header-stade.jpg');
}

.head-entreprises  .head {
  background-image: url('../bundles/lpisite/images/illustrations/header-entreprise.jpg');
}


.head-particuliers, .head-entreprises  {
  background-color: #000;
}

.navbar-default, .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

.navbar-brand {
  height: 32px;
  padding: 11px;
  position: relative;
  margin-left: 15px !important;
}


.navbar-brand > img {
  height: 60px !important;
  width: 166px !important;
  margin-top: 2px !important;
}

.entreprise .navbar-brand > img {
  height: 60px !important;
  width: 166px !important;
  margin-left: 12px !important;
  margin-top: 4.5px !important;
}

.navbar {
  min-height: 33px;
  border: none;
}

.navbar-wrapper {
	background: #FFF;
}

.navbar {
	margin-bottom: 0;
}

.style_emphase{ color: #071e51; }
.style_taille_double{ font-size: 2em; }

#univers .navbar-nav > li.active {
  position: relative;
  margin: 0 7px;
}

#univers .navbar-nav > li > a {
  font-size: 14px;
  color: #000;
  line-height: 27px;
  padding-bottom: 0;
  padding-top: 0;
  border-top: 3px solid #FFF;
}

#univers .navbar-right li.active a {
  font-size: 13px;
  color: #FFF;
  font-weight: 700;
  padding: 0 25px;
  background: #000;
}

.entreprise #univers .navbar-right li.active a {
  background: rgba(47,55,114,1);
  background: linear-gradient(to right, rgba(47,55,114,1) 0%, rgba(43,93,164,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3772', endColorstr='#2b5da4', GradientType=1 );
}

#univers .navbar-right li a:before {
  content: "\f054\0000a0\0000a0";
  font-family: 'FontAwesome';
}

#univers .navbar-right li.active a:before {
  content: "\f078\0000a0\0000a0";
  font-family: 'FontAwesome';
}

#univers .navbar-right li.active:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 0 0 14px;
  border-color: transparent transparent transparent #FFF;
  -webkit-transform:rotate(360deg);
  z-index: 1;
}

.entreprise #univers .navbar-right li.active:before {
  border-color: transparent transparent transparent #FFF;
  -webkit-transform:rotate(360deg)
}

#univers .navbar-right li.active:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 27px 14px;
  border-color: transparent transparent #FFF transparent;
  -webkit-transform:rotate(360deg);
  z-index: 1;
}

.entreprise #univers .navbar-right li.active:after {
  border-color: transparent transparent #FFF transparent;
  -webkit-transform:rotate(360deg);
}

#univers .dropdown {
  margin-left: 50%;
  position: relative;
  right: -15px;
}

#univers .dropkkdown-menu {
  right: 0;
}

#univers button i {
  position: relative;
  top: -1px;
}

#univers button:before {
  content: "";
  position: absolute;
  left: -12px;
  top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 19px 0;
  border-color: transparent #000000 transparent transparent;
  -webkit-transform:rotate(360deg)
}

#univers button:after {
  content: "";
  position: absolute;
  right: -12px;
  top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 10px 0 0;
  border-color: #000000 transparent transparent transparent;
  -webkit-transform:rotate(360deg);
}

#univers button.btn {
  border-radius: 0;
  position: relative;
  font-size: 10px;
  color: #FFF;
  font-weight: 700;
  padding: 0 7px;
  background-color: #000;
  margin-top: 3px;
  line-height: 15px;
}

#univers button.btn.entreprises {
  border-width: 0;
  background: rgba(47,55,114,1);
  background: linear-gradient(to right, rgba(47,55,114,1) 0%, rgba(43,93,164,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3772', endColorstr='#2b5da4', GradientType=1 );
  padding: 2px 9px;
}

#univers button.btn.entreprises:before {
  border-color: transparent #2f3772 transparent transparent;
  -webkit-transform:rotate(360deg);
  left: -10px;
  top: 0;
}

#univers button.btn.entreprises:after {
  border-color: #2b5da4 transparent transparent transparent;
  -webkit-transform:rotate(360deg);
  right: -10px;
  top: 0;
}




.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #000;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: none;
}

.navbar-toggle .icon-bar {
    border-radius: 0;
    display: block;
    height: 2px;
    width: 16px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 2px;
}

#menubar {
  background: #000;
  height: 43px;
}

.entreprise #menubar {
  background: rgba(48,52,111,1);
background: -moz-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,52,111,1)), color-stop(100%, rgba(42,101,173,1)));
background: -webkit-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -o-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -ms-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: linear-gradient(to right, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30346f', endColorstr='#2a65ad', GradientType=1 );
}

#menu ul {
  height: 43px;
}

#menu li {
  font-weight: 600;
  height: 43px;
  line-height: 43px;
  letter-spacing: 0.2px;
}

#menu li a {
  color: #FFF;
  line-height: 43px;
  position: relative;
  z-index: 1;
}

#menu li.active a {
  color: #000;
  background-color: transparent;
}

.entreprise #menu li.active a {
  color: #071e51;
}

#menu li.active a span {
  display: inline-block;
  height: 43px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAYAAAC5IuLZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAAAaSURBVHjaYvj//z8DEwMDAxHEfyLVDQICMABLIARRGflsugAAAABJRU5ErkJggg==') repeat-x left top;
}

#menu li.active a:before, #menu li.active a:after {
  content: "";
  display: block;
  width: 19px;
  height: 42px;
  position: absolute;
  top: 8px;
  z-index: -1;
  background-repeat: no-repeat;
}

#menu li.active a:before {
  left: 1px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAjCAYAAAB2KjFhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARpJREFUeNqslTsKwkAURZNgRFEwjWihrQguQdyC2FmonYJaiCC6E3fiGrSyjZ34q6zcwfNGosSQz5vPhctrhsNJZjIxDA0hoiF61AHakh9V0JQCUQE56CsIsxTEZmhJx3vKo08KRdZsjJZ1WNnojSIiYzZA6zqsLNSlmIjCepQQUdhBCwxrO5QSEdhOCwzrWsQI92isOYtMhlUN44zaaWs5ZksOKNXMu2YwHmiBA0szm3NBiWawymFc0AoXlmQ2EgHFmvlH5oQ2RGBxZl1RUNIu7kkiUaA2SSbqMTeyT2SGrJoYLucz42zAShb0ZwarKsYVzcrCgmYLFdDPDFZFjDvqqMC+ZhNV0McMVhn/8lP+sXpmfS1/aOQtwABVBsp4mm2KVwAAAABJRU5ErkJggg==');
}

#menu li.active a:after {
  right: 1px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAjCAYAAAB2KjFhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPFJREFUeNqskzEOAVEYhD1EFCSiJBR6wSGEG4hGqVU5gMO4gXKvoBAHUMgeQLYTyTOTEF5krfXPl0yz2cx+b3en4L0/IRukWrDiX+yRpqqM7JRlZKIsi5RlZKQs2yrLbkg3b1cx5XoJWanMSII0FGakhixVZiRGKgoz0kLmKjNyRJyqjEyVZZGyjAysH+CdddYNjo/8seyG9JxzZ4VZOWtiecxIgnRgd7Gakfq3ieU1I/Hj3V2tZqSNzFRm5IgMYOetZqSPjBXHTP2J/z3mkyGOelCYfdhZzYKJWc2CiVnNgolZzYKJKcxeExOVkcVdgAEA/sSzZO73fjEAAAAASUVORK5CYII=');
}

#menu .navbar-right li a {
  color: #FFF;
  padding: 2px 10px;
  border: 2px solid #fff;
  border-radius: 15px;
  line-height: normal;
  width: 36px;
  height: 25px;
  margin: 8px 3px 0;
}

#menu .navbar-right li a:hover {
  color: #000;
  background-color: #FFF;
}

#menu .navbar-right li i {
  font-size: 16px;
}

#search-form {
  display: none;
  position:absolute;
  bottom: -37px;
  left: -144px;
  z-index: 10;
}

#search-form input {
  background-color: #FFF;
  border: 1px solid #CCC;
  border-radius: 0;
  font-size: 12px;
}

#search-form .form-control {
  height: inherit;
}

#searchclear {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 14px;
  cursor: pointer;
  color: #ccc;
}

.breadcrumb {
  background-color: transparent;
  font-size: 12px;
  font-weight: 700;
  padding-left: 0;

}

.breadcrumb a, .breadcrumb .active {
  color: #000;
}

.breadcrumb > li::before {
    content: "> ";
    padding: 0 5px;
}
.breadcrumb > li:first-child::before {
    display: none;
}

.breadcrumb > li + li::before {
    color: #000;
    content: "> ";
    padding: 0 5px;
}


footer {
	background-color: #333;
	padding: 30px 0 80px;
}

footer, footer a {
	text-decoration: none;
	color: #FFF;
}

footer a:hover {
  color: #FFF;
	text-decoration: underline;
}

footer a:focus {
  color: #FFF;
  text-decoration: none;
}

footer ul > li {
  font-weight: 700;
  line-height: 36px;

}

footer ul > li li {
 /* line-height: 30px; */
  font-weight: 400;
  font-size: 13px;
}

footer ul li li i {
  width: 24px;
  font-size: 1.2em !important;
  text-align: center;
}

footer .form-control, footer button {
  border: none;
  border-radius: 0;
  background-color: #444;
  color: #ccc;
}

footer textarea.form-control {
  font-size: 12px;
}

footer button {
  padding: 5px 30px;
  font-size: 12px;
}

footer button:hover {
  font-weight: 700;
}


#content {
	padding: 35px 0 70px;
	background: #FFF url('../bundles/lpisite/images/habillage/fond-terrain.jpg') no-repeat center bottom;
}

.entreprise #content {
  padding: 35px 0 70px;
  background: #FFF url('../bundles/lpisite/images/habillage/fond-terrain-entreprises.jpg') no-repeat center bottom;
}


.footer-head {
	margin-bottom: 50px;
  letter-spacing: 1px;
}

.footer-head a, .footer-head a:hover {
  color: #666;
}

.footer-head img {
	margin-bottom: 15px;
}


/******************************
* BOUTONS *
*******************************/

.btn {
  border-radius: 15px;
  font-weight: 900;
  padding: 3px 10px;
  border-width: 2px;
}

.btn-light {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  margin: 0 auto;
}

.btn-light:hover {
  background-color: #FFF;
  border-color: #fff;
  color: #000;
}

.btn-dark {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.btn-dark:hover {
  background-color: #FFF;
  border-color: #000;
  color: #000;
}

.btn-blue {
  background-color: #231f52;
  border-color: #231f52;
  color: #fff;
}

.btn-blue:hover {
  background-color: #FFF;
  border-color: #231f52;
  color: #231f52;
}

.btn-light span:before, .btn-dark span:before, .btn-blue span:before {
    content: "> \a0";
}

.btn-light span:after, .btn-dark span:after, .btn-blue span:after {
    content: "\a0 \a0 <";
}

.page-erreur{
    min-height: 900px;
}
.page-erreur .bloc-erreur{
    padding: 30px 15px;
    font-size: 1.1em;
}

.page-programmation .btn-blue {
  margin-top: 10px;
}

.page-programmation .btn-blue span {
  font-weight: 400;
  font-style: italic;
}

.page-programmation .btn-blue span:before {
  content: "\e006";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  padding-right: 4px;
  position: relative;
  top: 2px;
}

.page-programmation .btn-blue span:after {
  content: none;
}

/******************************
* SLIDE UNE EVENEMENTS *
*******************************/

/* couleurs changent suivant type event */
#events-carousel .item.item-spectacle h3 {
  color: #7c9aab;
}
#events-carousel .item.item-spectacle p.date span {
  border-color: #7c9aab;
}

.carousel-indicators .item-spectacle.active {
    background-color: #7c9aab;
}

#events-carousel .item.item-sport h3 {
  color: #eca71a;
}
#events-carousel .item.item-sport p.date span {
  border-color: #eca71a;
}

.carousel-indicators .item-sport.active {
    background-color: #eca71a;
}

.entreprise #events-carousel .carousel-indicators li {
    background-color: #FFF;
}

.entreprise #events-carousel .carousel-indicators li.active {
    background-color: #2a65ad;
}

#events-carousel .item.item-proximite h3 {
  color: #10bcb6;
}
#events-carousel .item.item-proximite p.date span {
  border-color: #10bcb6;
}
.carousel-indicators .item-proximite.active {
    background-color: #10bcb6;
}



#events-carousel .item h3 {
  font-weight: 400;
}

#events-carousel .item h1,
#events-carousel .item .titrearticle {
  font-weight: 900;
  font-size: 32px;
  line-height: 1.1em;
}

#events-carousel .item p.date {
  font-weight: 300;
}

#events-carousel .item p.date span {
  color: #FFF;
  border-left: 1px solid white;
  border-right: 1px solid white;
  padding: 0 10px;
}



.navbar.menu {
  position: static !important;
}


/******************************
* SLIDE ACTUS *
*******************************/

#actus-carousel .item h3 {
  font-weight: 700;
  margin: 0;
}

#actus-carousel .item h1 {
  font-weight: 700;
}

#actus-carousel .item p.date {
  font-weight: 300;
  margin: 0;
  letter-spacing: 0.4px;
}

#actus-carousel .item p.date span {
  letter-spacing: 0;
  font-weight: 600;
  color: #FFF;
  border-left: 1px solid white;
  border-right: 1px solid white;
  padding: 0 6px;
}



/******************************
* BLOCS MODULES *
*******************************/

div.module-evenement  {
  position: relative;
  overflow: hidden;
}

.module-evenement > div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 20px 40px;
  background: #FFF;
}

.module-evenement > div div {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
}

.module-evenement h4, h4.module-evenement {
  width: 100%;
  height: 30px;
  color: #FFF;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
  margin: 0 0 0 16px;
  padding: 0;
  background-repeat: repeat-x;
  background-position: left bottom;
}

.evenement-proximite h4, h4.evenement-proximite {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAYAAAAmyadiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAAAbSURBVHjaYvj//z8DEwMDA80Jxv07/5OkAzAAT+IFslCsTeUAAAAASUVORK5CYII=');
}

.evenement-concert h4, h4.evenement-concert {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAYAAAAmyadiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAAAcSURBVHjaYvj//z8DEwMDA60J5j+yev9J0gEYAEg6BYG9iah+AAAAAElFTkSuQmCC');
}

.evenement-concert-spectacle h4, h4.evenement-concert-spectacle {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAYAAAAmyadiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAAAcSURBVHjaYvj//z8DEwMDA60J5j+yev9J0gEYAEg6BYG9iah+AAAAAElFTkSuQmCC');
}

.evenement-sport h4, h4.evenement-sport {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAYAAAAmyadiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAAAbSURBVHjaYvj//z8DEwMDA82Jz4sY/5OkAzAAVvwFz5Ve/sMAAAAASUVORK5CYII=');
}

.module-evenement h4 span, h4.module-evenement span {
  display: inline-block;
  line-height: 30px;
  padding: 0 5px;
  position: relative;
}

.module-evenement h4 span:before, h4.module-evenement span:before {
  content: "";
  display: block;
  width: 16px;
  height: 30px;
  position: absolute;
  left: -15px;
  top: 0;
  background-repeat: no-repeat;
  background-position: left top;
}

.module-evenement h4 span:after, h4.module-evenement span:after {
  content: "";
  display: block;
  width: 11px;
  height: 22px;
  position: absolute;
  right: -10px;
  top: 0;
  background-repeat: no-repeat;
  background-position: left top;
}

.evenement-proximite h4 span:before, h4.evenement-proximite span:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAYAAAAl+Z4RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP1JREFUeNqclE0LAVEUhq9hJKUohZLvKCk2o4SklGRj4SM7WShRlvLPrPw276lRk+Zy73vqWcw09zl3zrnnRtTrqYhogAM4xojFSfCQxfLgEIIFWH4ebAWy4xvIsYIhqAdf2Aoke/Z7SyYhiVpgDOLMDlxwBekws0nkwR5Ew6pq0vcdyOj+7V8UwPlXcX5Fwi9chRWUwelfe3QhBeuAASsogbXJAdFFG2xZgbRsatIl3Qd9v/eKFYxAkRVI9rmymLKwG6fLCqR1k++RtRHIxPVsbpigIAVmuqkzEaxA0/aKdgLnfuPXgBJ4TPag4AJqrMDz73uXFdxBVZHxFmAAoyMQePqeCnYAAAAASUVORK5CYII=');
}

.evenement-proximite h4 span:after, h4.evenement-proximite span:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAAChSURBVHjalNGtasJxGAXgx48gGBzCmkHEuCUZKGpRxGA3aRxsMLwSs233YdqdeA/egSu/f9Xjyc8Lh/PW/J0vOOEXV3dSxwBH7NF+hKscME7xEDM0EgxLjFI8wTTFzVKll2BYYJ3il3LQSrAy4SrFfWxTXMcH3hKsLPKd4nZ5UifB8IrPFHexS3HVfYNGgjv4wS3BTczxnuBqma8Uexb7HwDsbQ834RuEAQAAAABJRU5ErkJggg==');
}

.evenement-concert h4 span:before, h4.evenement-concert span:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAYAAAAl+Z4RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNpirJ6zloEMoALECUCcxEKGZi4grgRpBnGYyDDAE4i9YRxSDQC5OB+Ixck1wBqIlZEFSDUAZLsIupOIASCL1IHYFojZyHEBKxDnALEANpOJARJAHAnEzNhClZh4DwdiQVx+IwQkgTgTX+DgAxzQgFMg1wB5IE4jFD24ACjAdIDYklwD5IA4hJgEggtoAXEYuQaAosyRmFjCpcAMGvcM5BpgA8Qy5BoAst2dgYRchq3E0SfXAFDU2aNnWVIMAOU4A1JKGGQDeIHYBVeuI8aAACBWI7WIZkJK96HQMCDLAFNybEc2IBuIlcg1wBRa3rOSa0A5ECsykAkAAgwA9U8QxmcDziwAAAAASUVORK5CYII=');
}

.evenement-concert-spectacle h4 span:before, h4.evenement-concert-spectacle span:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAYAAAAl+Z4RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNpirJ6zloEMoALECUCcxEKGZi4grgRpBnGYyDDAE4i9YRxSDQC5OB+Ixck1wBqIlZEFSDUAZLsIupOIASCL1IHYFojZyHEBKxDnALEANpOJARJAHAnEzNhClZh4DwdiQVx+IwQkgTgTX+DgAxzQgFMg1wB5IE4jFD24ACjAdIDYklwD5IA4hJgEggtoAXEYuQaAosyRmFjCpcAMGvcM5BpgA8Qy5BoAst2dgYRchq3E0SfXAFDU2aNnWVIMAOU4A1JKGGQDeIHYBVeuI8aAACBWI7WIZkJK96HQMCDLAFNybEc2IBuIlcg1wBRa3rOSa0A5ECsykAkAAgwA9U8QxmcDziwAAAAASUVORK5CYII=');
}

.evenement-concert h4 span:after, h4.evenement-concert span:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAACkSURBVHjalNExakJRFATQE7UQLH4Q0llIsNQqCIqmUcTCPlUsBQVxA9mCdaq4hCwpe8gOTPN+a8apz4Vh7sPH1/cPPnHBrxtp4BlnbNH5D9c5YZLiAeZoJhiWeEnxFLMUt0qVXoJhgXWKH8tBO8HKhKsU9/GW4gbGGCZYWeSQ4k55UpVgeMIuxV28p7juvkEzwRWOuCa4hVeMElwvs0+xe7G/AQAaGQ+FErlREwAAAABJRU5ErkJggg==');
}

.evenement-concert-spectacle h4 span:after, h4.evenement-concert-spectacle span:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAACkSURBVHjalNExakJRFATQE7UQLH4Q0llIsNQqCIqmUcTCPlUsBQVxA9mCdaq4hCwpe8gOTPN+a8apz4Vh7sPH1/cPPnHBrxtp4BlnbNH5D9c5YZLiAeZoJhiWeEnxFLMUt0qVXoJhgXWKH8tBO8HKhKsU9/GW4gbGGCZYWeSQ4k55UpVgeMIuxV28p7juvkEzwRWOuCa4hVeMElwvs0+xe7G/AQAaGQ+FErlREwAAAABJRU5ErkJggg==');
}

.evenement-sport h4 span:before, h4.evenement-sport span:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAYAAAAl+Z4RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpifL+EhYEMoALECUCcRI5uLiCuBGkGcZjIMMATiL1hHFINALk4H4jFyTXAGoiVkQVINQBkuwi6k4gBIIvUgdgWiNnIcQErEOcAsQA2k4kBEkAcCcTM2EKVmHgPB2JBXH4jBCSBOBNf4OADHNCAUyDXAHkgTiMUPbgAKMB0gNiSXAPkgDiEmASCC2gBcRi5BoCizJGYWMKlwAwa9wzkGmADxDLkGgCy3Z2BhFyGrcTRJ9cAUNTZo2dZUgwA5TgDUkoYZAN4gdgFV64jxoAAIFYjtYhmQkr3odAwIMsAU3JsRzYgG4iVyDXAFFres5JrQDkQKzKQCQACDACf8RCZnHpJFwAAAABJRU5ErkJggg==');
}

.evenement-sport h4 span:after, h4.evenement-sport span:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAACgSURBVHjalNGhaoJhGAXgR/3DwOAQbAsii5pk4FCLQxbWl2YUFMQrWbbZvC2vQe9Ay/fXeXby88LhvI3LqTrjgCOu/kgTA/xihfYjXGePSYpfMUMrwfCBcYrfMU1xVaq8JBgW+Ezxczl4SrAy4TLFfXynuIk3DBOsLLJNcbs8qZNg6GGd4i5+Ulx3/0IrwR3scEtwhTlGCa6X2aTYf7H7AG17D1hAGa7jAAAAAElFTkSuQmCC');
}

.evenement-proximite h4 span, h4.evenement-proximite span {
  background-color: #00beb8;
}

.evenement-concert h4 span, h4.evenement-concert span {
  background-color: #7b9cad;
}

.evenement-concert-spectacle h4 span, h4.evenement-concert-spectacle span {
  background-color: #7b9cad;
}

.evenement-sport h4 span, h4.evenement-sport span {
  background-color: #efa404;
}

.module-evenement img {
  width: 100%;
  height: auto;
}

.module-evenement h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}

.module-evenement h5, h5.module-evenement {
  font-weight: 700;
  font-size: 11px;
  margin: 0;
  position: relative;
  top: -14px;
}

.module-evenement h5 span, h5.module-evenement span {
  font-weight: 700;
  font-size: 11px;
  display: inline-block;
  padding: 8px 5px 0;
  margin: 0;
  background-color: #FFF;
  position: relative;
}

h5.module-evenement {
  margin-left: 12px;
}

h5.module-evenement span {
  padding-top: 5px;
}

.module-evenement h5 span:before, h5.module-evenement span:before {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  position: absolute;
  left: -10px;
  top: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKBJREFUeNpi/P//PwMewAHENkCcyQBSiAMzA7EvEN/+j0cRCKsD8b7/UMCEx1ovIDaAcXApVABiDyAWIKTQEojVgZgRLoLFbdxAvAmIf/9HAthMdABifSBmQRHFYuJ6IP7xHw2gK7IG4tf/sQB0q/OAmBer96AmMQKxDhC/+48DwEzkgprGhSv0maBhJQsNYDZ8CvmBOAaIJVACGA0ABBgA5lzXVg6AyDsAAAAASUVORK5CYII=') no-repeat left top;
}

.module-evenement h5 span:after, h5.module-evenement span:after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  position: absolute;
  right: -10px;
  top: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi+P///1ogdgFiDiBmwIVBBAjcBmJfIGYmpBAE9gGxOi6FTAwIYADEXgw4ALJCASD2AGIFQgoZgVgdiC2xGvkfFfwG4k1AzI3PjSDAAsT6QOxAyEQQ+AHE6/EFDzJ4DcTW+KyGAV4gziNkNQy8A2IdIGbEZyIIcEFN5UIPR3TABo0AWVAY41MIigAJII4BYn6AAAMA6vnyhkfjULsAAAAASUVORK5CYII=') no-repeat left top;
}

.evenement-sport h5, h5.evenement-sport {
  color: #efa404;
}

.evenement-concert h5, h5.evenement-concert {
  color: #7b9cad;
}

.evenement-concert-spectacle h5, h5.evenement-concert-spectacle {
  color: #7b9cad;
}

.evenement-proximite h5, h5.evenement-proximite {
  color: #00beb8;
}

.module-evenement p {
  font-size: 13px;
  font-weight: 400;
}

.module-evenement p span {
  font-weight: 600;
  padding: 0 5px;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}


div.module-socials {
  padding-top: 20px;
}


.module-socials div {
  width: 100%;
  color: #FFF;
  background: url('../bundles/lpisite/images/illustrations/module-socials.jpg') no-repeat center center;
  border-top: 10px solid #000;
}

.module-socials p {
  font-size: 13px;
  font-weight: 600;
}

.module-socials p:first-of-type {
  font-size: 16px;
  margin: 0;
  white-space: nowrap;
}

.module-socials p:last-of-type {
  position: absolute;
  left: 0;
  margin: 0;
  bottom: 10px;
  width: 100%;
}

.module-socials i {
  font-size: 20px;
}

.module-socials i.fa-twitter {
  position: relative;
  left: -2px;
}

.module-socials a {
  display: inline-block;
  width: 43px;
  height: 28px;
  color: #FFF;
  border: 2px solid #fff;
  padding: 1px 12px;
  margin: 0 3px;
  border-radius: 15px;
}

.module-socials a:hover {
  background: #FFF;
  color: #666;
}

.module-actus h4 {
  width: 100%;
  height: 20px;
  color: #FFF;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.module-actus h4 span {
  display: inline-block;
  line-height: 23px;
  padding: 0 5px;
  position: relative;
  left: 11px;
  background-color: #2a2929;
}

.module-actus h4 span:before {
  content: "";
  display: block;
  width: 16px;
  height: 30px;
  position: absolute;
  left: -16px;
  top: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAYAAAAl+Z4RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUeNqclL1Kw1AUx0/SVlFUkCJ+DAoqaF0Uwc51FidxchAUBzdxc+tc3yJbnsHmAWKdAjFjrc0S8gj50P8taWnB1nvOgd9wLzm/c27uh3FUqxEzquAJ3IDtMvHjEtyBLTUwmcnH4B6sDye4gitwCkoSQbVInhuf5AgeQR2UpYJG0QVJBLdgFxhSgdq2HangBGxM+1ZH0Cyqk0SwCc7AvERQAS9gdVaFWQJ1XK/BgkSgDssFWPzvB00T7IFnsCIVHIA1nQPyl2AfPIAlqeCwuDQViUCt+Rws694w4wcxHDiOQ6+tFoVhSGPT+h14nkdxHGsnTwjeXZc+Oh1KkoT1xo0Eb+02BUFAWZbxBVEUUdjvU5qm7Dd+ILAsi1wsgVt9JPju9UTVBwLbtsn3fcrzXCQomabZ/Op2WVs30cEnqkuTVfwKMACOWVgL1651HwAAAABJRU5ErkJggg==') no-repeat left top;
}

.module-actus h4 span:after {
  content: "";
  display: block;
  width: 11px;
  height: 20px;
  position: absolute;
  right: -11px;
  top: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKpJREFUeNqM0i0LwlAYhuF3fiAGFRFRESwLegwGDSLiim2CNoPFsmax+Adt/ivvF87A5J4HrjLusJ2zZBnC28xe+FjFajjgipES+wqc0FLiLrboKLEvww4NJV7ggr4S++aYqPEedwyUOMEGPSUu3/2IthL75dwwVWJfQKrGw3irMyX257kaW/xP8t9L+hfX8YynUxlbPD7/2KYS+x5YqfG6PEYl9p0x/gowAElSC15h6IoNAAAAAElFTkSuQmCC') no-repeat left top;
}

.module-infospratiques {
  background: #FFF;
  padding: 15px;
  border: 1px solid #999;
}

.module-infospratiques a {
  color: #2a2929;
}

.module-infospratiques i {
  color: #2a2929;
  font-size: 24px;
  border: 2px solid #2a2929;
  padding: 1px 12px;
  border-radius: 10px;
}

.module-infospratiques h3 {
  font-weight: 700;
  margin: 10px 0;
}

.module-entreprise {
  color: #FFF;
  padding: 10px 15px;
  width: 100%;
  font-weight: 700;
  font-style: normal;
  background: url('../bundles/lpisite/images/illustrations/module-mm-entreprises.jpg');
  background-repeat: no-repeat;
  background-position: top;
}

.module-entreprise a {
  color: #FFF;
}

.module-entreprise div {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
}

.module-entreprise .uppercase {
    bottom: auto;
    top: 58%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    text-shadow: 0 5px 10px rgba(0,0,0,.5);
}

.module-entreprise btn a:hover {
  color: #2f407e;
}

.module-infospratiques li, .module-entreprise li {
  font-style: italic;
  font-weight: 600;
}

.module-infospratiques li:before, .module-entreprise li:before {
    content: "> ";
}

.module-calendrier {
  background: #FFF;
}

.module-calendrier:before {
  position: absolute;
  bottom: -17px;
  content: "\f005";
  font-family: FontAwesome;
  color: #071e51;
  font-size: 12px;
}

.module-calendrier:after {
  content: "Business seats disponibles";
  font-style: italic;
  padding-left: 15px;
  color: #FFF;
  font-size: 12px;
}

.page-programmation .module-calendrier:after {
  color: #000;
}

.module-galerie {
  position: relative;
  font-size: 25px;
  font-weight: 900;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.galerie-public {
  background: url('../bundles/lpisite/images/illustrations/Visitez.jpg') no-repeat left top;
}

.galerie-entreprise {
  background: url('../bundles/lpisite/images/illustrations/ca-sest-passe-entreprises.jpg') no-repeat left top;
}

.module-galerie a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFF;
}

.module-galerie i {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 16px;
  border: 2px solid #FFF;
  padding: 5px 12px;
  border-radius: 10px;
}

.module-galerie div {
  width: 100%;
  height: 100px;
  line-height: 100px;
  position:absolute;
  top:50%;
    /* margin-top = -(height/2) */
  margin-top:-50px;
}

.module-galerie p {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  /* Coucou IE */
  *display: inline;
  *zoom: 1;
}

.module-galerie p:before {
  content: "> \a0";
  font-weight: 700;
}

.module-galerie p:after {
  content: "\a0 <";
  font-weight: 700;
}
.module-galerie.module-mini-galerie{
    text-align: center;
}
.module-galerie.module-mini-galerie i{
    position: relative;
    top: auto;
    left: auto;
    margin: 40px 0 20px;
    padding: 5px 15px;
    text-align: center;
    border-radius: 32px;
    width: auto;
    font-size: inherit;
}
.module-galerie.module-mini-galerie p:after,
.module-galerie.module-mini-galerie p:before{
    content: ''; display: none;
}
.module-galerie.module-mini-galerie p{
    text-align: center;
    line-height: 1.2em;
    margin: 0;
    padding: 20px;
    padding: 0 15px;
}

.module-formule .timeline-ligne{ position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: #2a65ad; }
.module-formule .timeline-bulle{
    position: absolute;
    height: 16px; width: 16px; margin-top: -8px; margin-left: -8px; border-radius: 8px;
    border: 1px solid #2a65ad;
    background: #FFF;
    z-index: 1;
}
.module-formule .timeline-bulle:nth-child(1){ left: 7%; }
.module-formule .timeline-bulle:nth-child(2){ left: 30%; }
.module-formule .timeline-bulle:nth-child(3){ left: 58%; }
.module-formule .timeline-bulle:nth-child(4){ left: 88%; }
.module-formule a:hover .timeline-bulle{
    background: #2a65ad; box-shadow: 0 0 0 2px #FFF inset;
}


.entreprise .module-formule.blocC,
.entreprise .module-plan.blocC,
.entreprise .module-espaces.blocC{ height: auto; }

.blocD img {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.entreprise .blocC img {
  width: 100%;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.entreprise .blocC h3 {
  font-weight: 400;
  font-size: 18px;
  height: 28px;
  background: rgba(48,52,111,1);
background: -moz-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,52,111,1)), color-stop(100%, rgba(42,101,173,1)));
background: -webkit-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -o-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -ms-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: linear-gradient(to right, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30346f', endColorstr='#2a65ad', GradientType=1 );
color: #FFF;
}

.entreprise .blocC h3, .entreprise .blocC h4 {
  margin: 0;
  padding: 0;
  line-height: 28px;
  background: rgba(48,52,111,1);
background: -moz-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,52,111,1)), color-stop(100%, rgba(42,101,173,1)));
background: -webkit-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -o-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -ms-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: linear-gradient(to right, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30346f', endColorstr='#2a65ad', GradientType=1 );
}

.entreprise .blocC h3:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 11px 0 0;
  border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg);
}

.entreprise .blocC h4 {
  width: 100%;
  height: 28px;
  color: #FFF;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
}

.module-plan img {
  border-bottom: 1px solid #CCC;
}

.module-plan a, .module-espaces a {
  display: block;
  width: 100%;
  height: 100%;
}

.module-plaquette {
  background: #FFF;
  border: 1px solid #CCC;
}

.blocC img {
  width: 100%;
  z-index: 1;
}

.module-360 {
  background: rgba(48,52,111,1);
background: -moz-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,52,111,1)), color-stop(100%, rgba(42,101,173,1)));
background: -webkit-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -o-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: -ms-linear-gradient(left, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
background: linear-gradient(to right, rgba(48,52,111,1) 0%, rgba(42,101,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30346f', endColorstr='#2a65ad', GradientType=1 );
color: #FFF;
}

.module-plaquette a, .module-360 a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.module-plaquette p, .module-360 p {
  line-height: 1.1em;
}

.module-plaquette a:hover, .module-360 a:hover, .module-plaquette a:focus, .module-360 a:focus {
  text-decoration: none;
}

.module-plaquette a {
  color: #000;
}

.module-360 a {
  color: #FFF;
}

.module-plaquette i,
.module-360 i,
.module-galerie.module-mini-galerie i {
  margin: 15px 0 10px;
  border: 2px solid #FFF;
  padding: 10px 35px;
  border-radius: 40px;
}
.module-360.module-360-large{
    overflow: hidden;
}
.module-360.module-360-large i{
    position: absolute;
    margin: 0;
    padding: 0;
    left: 50%;
    top: 50%;
    height: 64px;
    width: 64px;
    margin-left: -32px;
    margin-top: -32px;
    border-radius: 32px;
    line-height: 60px;
    text-align: center;
    font-size: 32px;
    padding-left: 4px;
    text-shadow: 0 0 4px #000;
    box-shadow: 0 0 4px #000, 0 0 4px #000 inset;
    z-index: 1;
}
.module-360.module-360-large img{
    border: 0px none;
}
.module-360.module-360-large:hover img{
    opacity: .9;
}
.module-360.module-360-large:hover i{
    text-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000, 0 0 10px #000 inset;
}

.module-plaquette i {
  border-color: #000;
}

.module-plaquette,
.module-360,
.module-galerie.module-mini-galerie {
  font-size: 17px;
}

.blocD h3,
#events-entreprise-carousel .item h3,
.blocD h2,
#events-entreprise-carousel .item h2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  margin: 0;
  padding: 0 3px;
  height: 38px;
  line-height: 42px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #30346f;
  background: #FFF;
  font-weight: 700;
  font-size: 20px;
}

 #events-entreprise-carousel .item h3 {
  padding: 0 10px;
 }

.blocD h3:before,
#events-entreprise-carousel .item h3:before,
.blocD h2:before,
#events-entreprise-carousel .item h2:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 38px;
  left: -21px;
  bottom: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAmCAYAAAAr+dCVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV9JREFUeNqslktKA0EQhnvGKEFF0aio6EJ8w5CNMXEhgogxRIngQkTxsXAj4sLreAZv4lm8QDbtX1LCIJl09/Rf8G1muj+qn9WJtdaQYhW8gHsjUgIZ+ATfliRcBB+gbzVSwrBvwTUY/fsQK10Bl2A6/zElZJn9/xgjndEsZ5nSG7Ax6EdZ6Rh4AAssqfS5AGvDGoSG1ZNTK2pQCRRK+xbYG9Y3NFPZ4G9gyjU/vpGALXDu6hcyfMnuCUz6rKRvrIM73+3hExOgA+aZ0kw3u2FJZd6bYJsprYOr0CPnigY4ZEplxduhJ88lPQKnZW6copgDx64jGSqVYZ+UuWyLpFXQBctMqczlftk6M0g6omd8kynd0SwTpvRZHwmGJZVafuZzZ4ZIH8FSzNB/S0TufSrb6Avs6mJFZyoFracvjihhXjoO3vPPwZioqEhq+QHrnZ7qS+PVECPVMtFjSn8EGADvKJ0bMbcgUQAAAABJRU5ErkJggg==') no-repeat left top;
  z-index: 40
}

.row.evenements-avec-bordure {
    margin: 0;
    border: 2px solid #2a65ad;
    padding: 15px;
    margin-bottom: 30px;
}
.row.evenements-avec-bordure > div{
    padding: 5px;
}
.row.evenements-avec-bordure img{
    height: auto;
}
.row.evenements-avec-bordure .blocD{
    margin: 5px;
    height: auto;
}


/* INFOS PRATIQUES */

h1.titre {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 8px 0 25px;
}
.sous-titre {
  font-weight: 300;
  font-size: 35px;
  letter-spacing: 2px;
  margin: 8px 0 10px;
  line-height: 1.1em;
}

body.entreprise h1.titre {
  color: #071e51;
}
body.entreprise .sous-titre {
  color: #555555;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 2px;
    margin: 8px 0 10px;
    line-height: 1.1em;
}
@media (max-width: 767px) {
    body.entreprise .sous-titre { font-size: 18px; }
}

body.entreprise .page-formules .sous-titre{ font-size: 2.2em; display: block; }

h2.titre {
  font-weight: 700;
  font-size: 18px;
}

.encart-accroche-image-conteneur{ padding: 10px; max-width: 200px; }
.page-evenements.page-formules .encart-accroche {
    border: 1px solid #AAA;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px;
}
.page-evenements.page-formules .encart-accroche p,
.page-evenements.page-formules .encart-accroche ul{
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    margin: 0;
}
.page-evenements.page-formules .encart-accroche ul{
    padding-left: 20px;
    list-style: none;
}
.page-evenements.page-formules .encart-accroche li:before{
    content: "–";
    position: absolute;
    left: 0px;
    color: #2a65ad;
}
.page-evenements.page-formules .encart-accroche li em{
    font-style: normal;
    color: #2a65ad;
}

.infospratiques.affix {
  right: 0;
  top: 0;
  padding-top: 10px;
  width: 100%;
  background: white;
  z-index:5000
}

.infospratiques li {
  vertical-align: top;
  line-height: 1em;
  padding: 0;
  font-weight: 300;
  display: inline-block;
}

.nav.infospratiques > li > a {
    padding: 0;
}

.infospratiques li a {
  color: #ccc;
}

.infospratiques li a:hover, .infospratiques li a:focus {
  background-color: inherit;
}

.infospratiques li:hover a, .infospratiques li.active a {
  color: #000;
  text-decoration: none;
}

.infospratiques li span.picto {
  display: block;
  background-image: url('../bundles/lpisite/images/habillage/pictos-infospratiques.png');
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
  margin: 0 auto 5px;
}

.payer li {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
}

.payer li:first-child {
  padding-right: 6px;
}
.payer li:last-child {
  padding-left: 6px;
}

.payer li span.picto {
  display: block;
  background-image: url('../bundles/lpisite/images/habillage/pictos-payer.png');
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;
}

.page-infospratiques h2 {
  position: relative;
  font-size: 20px;
  color: #FFF;
  font-weight: 700;
  height: 38px;
  line-height: 38px;
  margin: 0 0 0 16px;
  padding: 0;
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAmCAYAAAAFvPEHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABpJREFUeNpi+P//PwMTAxAMFAEC/8nUCxBgAIVuBEXoIYySAAAAAElFTkSuQmCC');
}

.page-infospratiques h2 > span {
  display: inline-block;
  line-height: 38px;
  padding: 0 5px;
  position: relative;
  background-color: #000;
  text-indent: 3px;
}

.page-infospratiques h2 span.caret {
  margin-left: 10px;
}

.page-infospratiques h2 > span:before {
  content: "";
  display: block;
  width: 23px;
  height: 38px;
  position: absolute;
  left: -16px;
  top: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAmCAYAAAAvDACoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcBJREFUeNq0lj1Lw0Acxi9NqlEHCSoiSgZxUfEloohgBF/ooEudhULHfhz3brq1Qod+gEK/QcCpddJB6VLsEkvwfK6cYKVN7q6XB37QoX3yz9PnXgiRFB2hIAhoqVSirutSy7KoaZqUfZVMat5oNGixWBwYc8O/qJlHUUQ7nQ4tFAqjTAdkiKJ6vR6p1+uk2WwSbfqdvN1uU9/3BxmPm1zJvN/v02q1Sm3bjjNWi6XVapFarUbCMCRaxSYvl8vUcRxqGEbs5LLeBpgD9+A7wVg6FvajS3DKH6RV0+ABhElTy07OJl0HO/whiZIxXwK3YIWkoEPwDL5EImFYgsY28MCWzDSiseyCK9lXFTU/4hWUkiXQkEVwDBZ0T26CHI9Fu9jDH2UaItqWLG/HPphSnSxu0dyB1TQiOQMvIFKJJG5vYXFtApf/qURnLHvgWqCqSuYXwJ80V2vEopnlDXF09Ph//Vgc22k0ZB48sTuPakPGHdBZvoe8aTIeqiI7YW7ATBqRnLD7ziSLZtzewqY9ABu6dz3CT/RcGlsq07nKMZaoSqXy6Xneh66ch8jn86/48J6Geabb7a7hxrqcRv1+BBgAsmVMkDkTIhAAAAAASUVORK5CYII=');
}

.page-infospratiques h2 > span:after {
  content: "";
  display: block;
  width: 21px;
  height: 30px;
  position: absolute;
  right: -19px;
  top: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeCAYAAADD0FVVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARRJREFUeNrU1LFqAkEUBdCZVddoQMXKQkFQE2HXykJBEgIBg42NrT/gp9mKn2IKaztbhRQmrPfJTKNGB/da+OAUK7OXmefbUUqpzZEt/MAKptBTFyqKohOH3y9YwxwGzFBrBnVIuoR6yq06MIG843qnnf7CEmrMnSagAp9QvLbYNdSuHcMrMzQNb9AEzQq11YYyO7QPH+zQhvnDnv5rwy2hUi8Qgs8Mla9rBNk4w3/sD74hiDP8504ove1qrTOs49sTDqHFDJUb611awAyVdwumBSVWqK0ufLFDm6YN1FD5AEK0IACfFSpVNddiLs7wn7Mw46VZO7W7lfsgxQx9NvdBJUkMjcxo7bR5oJan7lCPE7oXYACsFZ61p972vQAAAABJRU5ErkJggg==');
}

div.restaurer, div.marker  {
  margin-bottom: 50px;
}

.payer div, .restaurer div, .marker > div, .contacter div {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px 30px;
}

.restaurer li span.picto {
  display: block;
  background-image: url('../bundles/lpisite/images/habillage/pictos-restaurer.png');
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;
}

.restaurer li {
    padding: 0;
}

.marker > div {
  padding: 20px 5px 30px;
}

.marker ol {
  list-style-type: none;
  list-style-type: decimal !ie; /*IE 7- hack*/
  counter-reset: li-counter;
  margin: 20px 0;
}

.marker ol > li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 0.5em;
  font-weight: 300;
}

.marker ol > li:before {
  position: absolute;
  top: 0;
  left: -1em;
  font-weight: bold;
  text-align: right;
  color: #464646;
  content: counter(li-counter)".";
  counter-increment: li-counter;
}

.payer + p {
  font-style: italic;
  font-size: 12px;
  color: #999;
  margin: 10px 0 40px;
}

.contacter p:not(:last-of-type)  {
  margin-bottom: 45px
}

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

.contacter em a {
  color: #000;
}

.contacter .btn {
  margin-top: 5px;
}

span.picto.euro {
  background-position: -54px 0;
}
li:hover span.picto.euro, li.active span.picto.euro {
  background-position: 0 0;
}
span.picto.couverts {
  background-position: -54px -54px;
}
li:hover span.picto.couverts, li.active span.picto.couverts {
  background-position: 0 -54px;
}
span.picto.marker {
  background-position: -54px -108px;
}
li:hover span.picto.marker, li.active span.picto.marker {
  background-position: 0 -108px;
}
span.picto.telephone {
  background-position: -54px -162px;
}
li:hover span.picto.telephone, li.active span.picto.telephone {
  background-position: 0 -162px;
}
span.picto.especes {
  background-position: 0 -80px;
}
span.picto.cb {
  background-position: 0 0;
}
span.picto.burger {
  background-position: 0 0;
}
span.picto.frites {
  background-position: -80px 0px;
}
span.picto.soda {
  background-position: -160px 0;
}
span.picto.cafe {
  background-position: 0 -80px;
}
span.picto.muffin {
  background-position: -80px -80px;
}
span.picto.sucette {
  background-position: -160px -80px;
}

/* VISITES */

ul.detail-visites {
    padding: 0;
    margin-top: 50px;
    list-style: none;
}

.detail-visites strong {
  font-size: 18px;
  color: #F60;
}

.detail-visites em {
  font-weight: 700;
  font-style: normal;
}

.page-visites p, .page-visites li {
  font-weight: 300;
}

.detail-visites li {
  width: 100%;
  min-height: 100px;
  vertical-align: top;
}

.detail-visites li+li {
  border-top: 1px solid #CCC;
}

.detail-visites li span.picto {
    background-image: url("../bundles/lpisite/images/habillage/pictos-visites.png");
    background-repeat: no-repeat;
    display: block;
    height: 33px;
    margin: 10px auto;
    width: 53px;
    background-size: 53px 99px;
}

span.picto.pendule {
  background-position: 0 -33px;
}

span.picto.phone {
  background-position: 0 -66px;
}

/* LE MMARENA */

.page-mmarena img {
  margin: 0 auto 15px;
}

.mmarena-tab {
  margin-top: 30px;
  margin-bottom: 400px;
}

.mmarena-tab .nav li a {
  font-size: 16px;
  color: #666;
  line-height: 1.25em;
  padding: 10px 0 10px 15px;
}

.mmarena-tab  .nav-tabs > li > a {
  border: none;
}

.mmarena-tab .nav > li > a:hover,
.mmarena-tab .nav > li > a:focus {
  background-color: transparent;
}

.mmarena-tab .nav-tabs > li.active > a, .mmarena-tab .nav-tabs > li.active > a:hover, .mmarena-tab .nav-tabs > li.active > a:focus  {
  border: none;
  background-color: transparent;
  color: #000;
  font-weight: 600;
}

.mmarena-tab .nav-tabs {
    border-bottom: none;
}

.mmarena-tab .nav li + li {
  border-top: 1px solid #CCC;
}

.mmarena-tab .tab-pane h3 {
  margin: 6px 0 15px;
}


.mmarena-collapse .panel-default {
  border: none;
  background-dcolor: transparent;
  box-shadow: none;
}

.mmarena-collapse .panel-heading {
  background-color: transparent
}

.mmarena-collapse .panel-body, .mmarena-tab .tab-pane p, .mmarena-tab .tab-pane li {
  font-weight: 300;
}

.mmarena-collapse .panel-body strong {
  font-weight: 600;
}

.mmarena-collapse .panel-title a {
  text-decoration: none;
}

.mmarena-collapse .panel-title a:before {
  content: "\f0d7 ";
  font-family: 'FontAwesome';
  padding-right: 5px;
}

.mmarena-collapse .panel-title a.collapsed:before {
  content: "\f0da ";
}

/* PROGRAMMATION */

.filtre-evenements .btn span:before, .filtre-evenements .btn span:after {
  content: none;
}

.filtre-evenements p {
  background: #000;
  color: #FFF;
  height: 30px;
  font-weight: 20px;
  line-height: 30px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

.filtre-evenements ul {
  margin-bottom: 50px;
}

div.filtre-evenements  {
  margin: 0 20px;
}

.filtre-evenements .btn  {
  margin: 4px 0;
  background-color: #aaa;
  border: none;
}

.filtre-evenements .btn:hover, .filtre-evenements .btn.active  {
 background-color: #000;
 color: #FFF;
}

.filtre-evenements .btn.proximite:hover, .filtre-evenements .btn.proximite.active, .bloc-galerie.proximite .titre1 {
  background-color: #10bcb6;
}

.filtre-evenements .btn.sport:hover, .filtre-evenements .btn.sport.active, .bloc-galerie.sport .titre1 {
  background-color: #efa404;
}

.filtre-evenements .btn.concert:hover, .filtre-evenements .btn.concert.active, .bloc-galerie.concert .titre1 {
  background-color: #7b9cad;
}

.filtre-evenements .btn.concert-spectacle:hover, .filtre-evenements .btn.concert-spectacle.active, .bloc-galerie.concert-spectacle .titre1 {
  background-color: #7b9cad;
}

.filtre-evenements .btn.active, .filtre-evenements .btn.active:hover  {
  cursor: default;
  box-shadow: none;
}

.filtre-evenements h3, h3.filtre-evenements {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

h3.filtre-evenements {
  letter-spacing: 1px;
  margin: 0 0 30px;
}

.filtre-evenements p:before, .filtre-evenements p:after, #archives .panel .panel .panel-heading:before, #archives .panel .panel .panel-heading:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 30px;
  top: 0;
}

#archives .panel .panel .panel-heading:before, #archives .panel .panel .panel-heading:after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


.filtre-evenements p:before, #archives .panel .panel .panel-heading:after {
  left: -20px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAAHVSURBVHjarJRPaxNBGIffd2dnZncYnCaxFAP5p2ALDbQNDd4UqQcvvQiC9sPEj+LH8OYh4NmLQi4qOQm9WEiTsDu783oR0aRNdnb7g7kNzz6/2XcGiAh81ng8vjedTn+MRiPq9/uktSalFGmtSWvtByMiEJyfDIfDj71ej4IgIAD4f/nAdoyJEPEd59ytgcoAGWPnxpjJrTAf4MNOhyHi+40wH6AQ4lgp9XkbMIAC2W00mLX2AhEPtm4uYielPArD8PvWukUMa8Ywa+1TRGwVabMVuFgunyDiWwAIKwMfdbuYO7ePiKdZlhXhbf7qz8vLfSI6y/OcQ8EEm+zSJDmLougleGRTZe2IBovFouEDvO1WYBiG58aYr0VGpcjY6DzPX6Vp+hh8s2r3YG8P4yg6lFJ+87W70fB6Pr+fpOlrKWUTymT17OIoOuScf7nx8fQ1nM3nKrV2QEQHzjmobCiFOOWcfyhjtmbYbbdFlmUDInqBiFA2f6/er6urXQA4zrIshCr58zM4Y+xNvV6fVqn7b2XhnHs+m81aUDWtZjMUQpzUarVJVTsAoGCxXO5Yay+IqAt3ERXHbaXUpOwgrxkmSfKMMdYpPcirieP4k5TyTuwAgH4PABw/OjNO1A1AAAAAAElFTkSuQmCC');
}

#archives .panel .panel .panel-heading:after {
  left: inherit;
  right: -20px;
}

.filtre-evenements p:after, #archives .panel .panel .panel-heading:before {
  right: -20px;
  top: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA/eoAAIDmAAB1MAAA6mAAADqXAAAfPgVOAosAAAHSSURBVHjarJQ9ixNRFIbfc+fj3hkHZ5Ygi8oykw2swQ0oYVNY6CLKIoiNYKGVvyT+FBv/g51FClsbBbdYJSBs6ULMhJk7c4/NBGLhJtk7L7ztw3MO91xEUcRRFHEYhhxFEQ8GAx6PxzydTn9OJhNiZmxTAODVCiG42+3yaDT65HveXWvgsp7nGSJ6l8QxtQIEwHEcf3cc56Q1IAAmovf7aUqtAcMw/OL7/sa7FFgTIuprrd/e6HQIG4bX1XXdH1LKe60YNpZ7WutHO3G81lJsOIVLRK/zxeJBK8CqqkBER7Uxd3pZRtY7XLmiD0EQ9K13uIxS6llZFE8us9wKmOd5xzAPAUStjNyc4zfXdV/873q2MgSAsiwP6rp+eZklb1sp5Vmg1OHN3V1hbQgAUspbRVm++jOf327FUAjBnud9DZQ63E9TYW1ojAEz90uth7P5fMfacOVX/yh9/2jV8kqGzYcBZn5aVdWwNubalR72P2Mxo6oqF8D93xcX13tZJqyAy8RJ8nye5w8BBK0AZ7PZnjHmMQD0ssyxBmqtKUmS41/n5wda69Aa2Owz01q/yRcLSc0TsIoQAkqpUzCftGJojIHjOGlRFMetGDb3DSHE578DAPhZGhLOjXr+AAAAAElFTkSuQmCC');
}

#archives .panel .panel .panel-heading:before {
  right: inherit;
  left: -20px;
}

.filtre-evenements input {
  height: 28px;
  border-right: none;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  box-shadow: none;
}

.filtre-evenements input:focus {
  box-shadow: none;
  border-color: #CCC;
}

.filtre-evenements button.btn {
  height: 28px;
  margin-top: 0;
  background-color: transparent;
  border: 1px solid #CCC;
  border-left: none;
}

.filtre-evenements button.btn:hover {
  color: #666;
  background-color: transparent;
}

select.filtre-evenements {
  margin: 0 0 25px;
}

.detail-evenement h1 {
  font-size: 23px;
  font-weight: 900;
  text-transform: uppercase;
}

.detail-evenement h3, .detail-article > h3 {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-article > h3  {
  margin-top: 0
}

.detail-evenement h3 span {
  font-weight: 700;
  border-left: 2px solid #999;
  border-right: 2px solid #999;
  padding: 0 5px;
}

.detail-article > h3 span {
  font-weight: 700;
  border-left: 2px solid #999;
  padding: 0 5px;
}

div.contenu {
  text-align: justify;
  font-weight: 300;
  margin-top: 25px;
}

div.illustration {
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
}

.illustrgation h5 {
  position: absolute;
  bottom: 0;
  background-color: #FFF;
}

.socials {
  background-color: #ECECEC;
  padding: 3px 10px;
  border-radius: 15px;
  color: #000;
}

.socials span {
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 10px;
  letter-spacing: 1px;
}

.socials i {
  background-color: #051742;
}

 .socials-mobile i {
  background-color: #000;
}

.socials i,  .socials-mobile i {
  padding: 5px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 22px;
}

.socials a i, .socials-mobile a i {
  color: #FFF;
}

/* pagination */

ul.pagination {
  margin-top: 0;
  font-weight: 700;
  color: #CCC;
}

ul.pagination li a {
  border: none;
  float: none;
  color: #CCC;
  padding: 6px 4px;
}

ul.pagination li.active a {
  background-color: transparent;
  color: #000;
}

ul.pagination li a:hover, ul.pagination li.active a:hover {
  background-color: transparent;
  color: #000;
}

ul.pager i {
  position: relative;
  top: 1px;
}

ul.pager li a, ul.pager li a:hover, ul.pager li:focus,  ul.pager li.disabled a,  ul.pager li.disabled a:hover {
  background-color: #FFF;
}

ul.pager li a {
  color: #000;
}

ul.pager i.fa-chevron-left {
  left: -3px;
}

ul.pager i.fa-chevron-right {
  left: 3px;
}


/* CA S'EST PASSE */

.blocG {
  height: 200px;
}

.bloc-galerie {
  color: #FFF;
  overflow: hidden;
  text-transform: uppercase;
}

.bloc-galerie div.titre1 {
  width: 60%;
  height: 75px;
  padding: 1% 2% 2%;
  margin: 20% 20%;
  text-align: center;
  overflow: hidden;
}

.bloc-galerie div p {
  font-weight: 700;
}

.bloc-galerie div.titre2 {
  opacity: 0;
  transition: opacity 0.3s linear 0s;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2%;
  border-style: solid;
  border-width: 30px;
}

.bloc-galerie.sport div.titre2 {
  border-color: #efa404;
  background: rgba(239,164,4,0.7);
}

.bloc-galerie.concert div.titre2 {
  border-color: #7b9cad;
  background: rgba(123,156,173,0.7);
}

.bloc-galerie.concert-spectacle div.titre2 {
  border-color: #7b9cad;
  background: rgba(123,156,173,0.7);
}

.bloc-galerie.proximite div.titre2 {
  border-color: #10bcb6;
  background: rgba(16,188,182,0.7);
}

.bloc-galerie > a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFF;
  text-decoration: none;
}

.bloc-galerie > a:hover div.titre1 {
  display: none;
}

.bloc-galerie > a:hover div.titre2 {
  opacity: 1;
}

.bloc-galerie h6 {
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  text-transform: lowercase;
  margin: 5px 0;
}

.bloc-galerie div > span {
  font-size: 14px;
}

 .bloc-galerie div p {
  font-size: 17px;
  line-height: 20px;
}

.detail-galerie {
  margin: 50px 0 30px;
}

.detail-galerie h1, .detail-galerie h3, .detail-article > h1 {
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 0;
}

.titrearticle small {
  color: inherit;
  font-size: 85%;
  font-weight: inherit;
}

.detail-galerie h1 {
  font-weight: 900;
  padding-left: 5px;
}

.detail-article > h1 {
  font-weight: 900;
  display: inline;
}

.detail-galerie h3 {
  font-weight: 600;
  padding-right: 7px;
}

.detail-galerie.sport h3 {
  border-right: 2px solid #eca71a;
}

.detail-galerie.concert h3 {
  border-right: 2px solid #7c9aab;
}

.detail-galerie.concert-spectacle h3 {
  border-right: 2px solid #7c9aab;
}

.detail-galerie.proximite h3 {
  border-right: 2px solid #10bcb6;
}

#slideshow-1, #slideshow-2 {
  position: relative;
}

.page-detail-galerie #slideshow-2 {
  margin-top: 15px;
}

#cycle-1 div {
  width:100%;
}

#cycle-1 div img, #cycle-2 div img {
  max-height: 100%;
  margin: 0 auto;
}

#cycle-2 .cycle-slide {
  cursor: pointer;
}

#cycle-2 .cycle-slide-active {
  outline-offset: -4px;
}

.sport #cycle-2 .cycle-slide-active {
  outline: 4px solid #efa404;
  outline-offset: -4px;
}

.concert #cycle-2 .cycle-slide-active {
  outline: 4px solid #7C9AAB;
}

.concert-spectacle #cycle-2 .cycle-slide-active {
  outline: 4px solid #7C9AAB;
}

.proximite #cycle-2 .cycle-slide-active {
  outline: 4px solid #10BCB6;
}

  .page-detail-galerie #cycle-2 .cycle-slide {
  width: 83px !important;
  height: 55px !important;
  margin-right: 8px;
  vertical-align: top;
}

.slideshow .cycle-prev , .slideshow .cycle-next  {
  color: #333;
  text-decoration: none;
}

/* CA S'EST PASSE ENTREPRISES */

ul.photos-entreprise {
  position: relative;
}

ul.photos-entreprise li {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  background: rgba(50,54,115,0);
  background: linear-gradient(135deg, rgba(50,54,115,0) 0%, rgba(43,102,174,0) 100%);
  transition: all 1s ease-out;
}

ul.photos-entreprise li a {
  outline: 1px solid #CCC;
}

ul.photos-entreprise li:hover {
  background: rgba(50,54,115,1);
  background: linear-gradient(135deg, rgba(50,54,115,1) 0%, rgba(43,102,174,1) 100%);
}

.photos-entreprise li {
  overflow: hidden;
}

.photos-entreprise li:after {
  padding-top: 66.66%; /*3:2 ratio*/
  display: block;
  content: '';
}

.photos-entreprise li a {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}

.photos-entreprise li a img {
  width: 100%;
  height: 100%;
}

.entreprise .modal-header .close {
    position: relative;
    top: 24px;
    left: 10px;
    z-index: 100;
}

/* HOSPITALITE */

.page-hospitalite h1.titre:before {
  content: "\e006";
  font-family: 'Glyphicons Halflings';
  padding-right: 5px;
  position: relative;
  top: 5px;
}

img.hospitalite {
  margin: 25px 0 40px;
}

/* ACCES */

.page-acces {
  font-weight: 300;
  }

.page-acces h2 {
  font-weight: 700;
  font-size: 18px;
  color: #30346f;
}

.page-acces h3, .page-contact h3 {
  font-weight: 700;
  font-size: 18px;
  color: #30346f;
  margin: 25px 0 0;
}

a.download {
  font-size: 25px;
  color: #CCC;
  text-decoration: none;
}

a.download:hover {
  color: #071e51;
}


.page-acces [data-toggle="tab"] {
  padding-top: 60px;
}

.page-acces a[data-toggle="tab"] {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  color: #CCC;
}

.page-acces a[data-toggle="tab"]:hover, .page-acces li.active a[data-toggle="tab"] {
  color: #071e51;
}

.page-acces .nav-tabs, .page-acces .nav-tabs a {
  border: none;
}

.page-acces .nav-tabs li {
  margin-bottom: 0;
}

.page-acces .nav-tabs li a {
  margin-right: 0;
}

.page-acces .nav-tabs > li.active > a, .page-acces .nav-tabs > li.active > a:hover, .page-acces .nav-tabs > li.active > a:focus {
  border: none;
}

.page-acces .nav-tabs a, .page-acces .nav-tabs .active a, .page-acces .nav-tabs .active a:hover {
  border: none;
}

.page-acces .nav-tabs a:hover {
  background-color: transparent;
}

.page-acces .nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display: inline;     /* for IE7*/
    *zoom:1;              /* for IE7*/
}

.page-acces .nav-tabs {
    text-align:center;
}

.page-acces .nav-tabs li span.picto {
  display: block;
  background-image: url('../bundles/lpisite/images/habillage/pictos-acces.png');
  background-repeat: no-repeat;
  background-size: 290px 116px;
  height: 58px;
  width: 60px;
  margin: 0 auto;
}

.page-acces .nav-tabs li span.picto.velo {
  width: 170px;
}

span.picto.voiture {
  background-position: 0 0;
}

span.picto.velo {
  background-position: -60px 0;
}

span.picto.tramway {
  background-position: -230px 0;
}

a:hover span.picto.voiture, li.active span.picto.voiture {
  background-position: 0 -58px;
}

a:hover span.picto.velo, li.active span.picto.velo {
  background-position: -60px -58px;
}

a:hover span.picto.tramway, li.active span.picto.tramway  {
  background-position: -230px -58px;
}

.tab-acces img {
  margin-bottom: 15px;
}

.tab-acces #tramway em, .tab-acces #tramway em a {
  font-style: normal;
  font-weight: 600;
  color: #f60;
}

#tramway p.tramway {
  padding: 7px 0;
  background-color: #FFF;
  border: 1px solid #CCC;
  box-shadow: 2px 2px 3px 0px #ccc;
}

/* ESPACES */

div.plan-espaces, div.liste-espaces {
  padding-top: 50px;
}


div.plan-espaces, div.plansvg  {
  background: url('../bundles/lpisite/images/habillage/rosace.png') no-repeat right 15px;
}

.liste-espaces li {
  padding-left: 3px;
  padding-right: 3px;
}

div.bloc-espaces {
  margin: 3px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

div.bloc-espaces a {
  display: block;
  width: 100%;
  height: 100%;
  color: #30346f;
}

.plan-espaces img {
  margin: 0 auto;
}

div.bloc-espaces div {
  width: 100%;
  height: 100%;
  background-color: #30346f;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease-in;
}

div.bloc-espaces a:hover div {
  opacity: 1;
}

div.bloc-espaces h2 {
  height: 27px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 31px;
  padding-left: 13px;
  padding-right: 3px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  margin: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMUAAAAbCAYAAADMDEuvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATlJREFUeNrs3D1LgmEYxfHbl/BtjAhEFEEcRAIndQj6AIqIow7iGPQR/DQGObk6SIaLi6Mf6OncXQ/cIg259vx/cAip6cDhAn0sFUWRu1FPWSov8euiA/6R1I2j6Chb5ZHqwCjM18WFABI/ioGyUe6oDYzCuZzyoYypDIzCPCu7eBwAo5CVMqMuMArTVk5KnrqQBOk//M0bgwCXImgoR+WBqsClMHMGAS5FUFE+lSY1gUthhgwCXIrAP+Tn33FqUREYhZkq79QDRmH8s00HpU89YBRmpKwdn02AUfzIxoOYUA0Yhek6+85EgWqQVNdvyS4YBLgU4VLUlbNSohZwKcwrgwDCpSg7e/CvRiXgUhj/YV2VOgC7FPf6uVeeqAOwUfivma6oAgij8I+H9375nf8nBRkqQtJ8CzAA+ZZWhOYu5VAAAAAASUVORK5CYII=') no-repeat left top;
}

.liens-espaces li {
    height: 30px;
    position: relative;
    line-height: 16px;
    margin-bottom: 20px;
  }

.liens-espaces li a {
    display: block;
    color: #000;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding-left: 60px;
  }

.liens-espaces li a:before {
    content: "\f1e0 \0020";
    font-family: 'FontAwesome';
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #333;
    border-radius: 15px;
    padding: 5px 14px;
  }

 .liens-espaces li:first-child a:before {
    content: "\f15b \0020";
    font-family: 'FontAwesome';
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #333;
    border-radius: 15px;
    padding: 5px 14px;
  }

.liens-espaces li:last-child a:before {
    content: "\f06e \0020";
    font-family: 'FontAwesome';
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #333;
    border-radius: 15px;
    padding: 5px 14px;
  }

.menu-espaces li {
  font-size: 16px;
  border-bottom: 1px solid #CCC;
  padding: 5px 0;
}

.menu-espaces li:hover {
  background-color: #EEE
}

.menu-espaces li a {
  color: #666;
  display: block;
  width: 100%;
  height: 100%
}

.menu-espaces li a:hover {
  text-decoration: none;
}

.menu-espaces li.active a {
  color: #30346f;
  font-weight: 700;
}

p.descriptif-espaces {
    font-weight: 300;
    margin: 20px 0 50px;
  }

.prestas-espaces {
  background-color: #eee;
  padding-top: 10px;
  font-weight: 300;
}

.tableau-espaces {
  padding: 0;
  position: relative;
}

.tableau-espaces img {
  margin-top: 10px;
  border: 1px solid #EEE;
}

.tableau-espaces .carre-collapse img {
  margin: 0;
  border: none;
}

.carre-collapse  {
  padding: 0;
}

.carre-collapse .panel-default {
  border: none;
  background-dcolor: transparent;
  box-shadow: none;
}

.carre-collapse .panel-heading {
  background-color: #FF7100;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  border-radius: 0;
}

.carre-collapse .panel-group .panel + .panel {
    margin-top: 2px;
}

.carre-collapse .panel-body {
  font-weight: 300;
  padding: 0;
}

.carre-collapse .panel-body strong {
  font-weight: 600;
}

.carre-collapse .panel-title a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.carre-collapse .panel-title a:before {
  content: "\f107 ";
  font-family: 'FontAwesome';
  float: right;
}

.carre-collapse .panel-title a.collapsed:before {
  content: "\f106 ";
}

button.faux-menu {
  background-color: transparent;
  box-shadow: none;
  border: none;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  padding: 0;
  margin-bottom: 15px;
  white-space: nowrap;
}

button.faux-menu i {
  background-color: #DDD;
  padding: 10px 15px;
  margin-right: 5px
}

ul.faux-menu {
  margin-top: -10px
}


/* SERVICES  */

.page-services h2 {
  font-size: 19px;
  font-weight: 700;
  color: #30346f;
  margin: 25px 0;
}

.page-services p:first-of-type {
  margin-top: 15px;
}

div.innovations {
  margin-top: 35px;
  margin-bottom: 25px;
}

span.innovations {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 2px;
}

.innovations span {
  text-transform: uppercase;
  font-size: 16px;
  color: #30346f;
}

.innovations-detail {
  padding: 15px;
  border-left: 1px solid #CCC;
}

.innovations-detail p {
  text-transform: uppercase;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding-left: 5px;
  position: relative;
}

.innovations-detail p:before {
  content: "•";
  position: absolute;
  left: -6px;
}


div.wifi, div.c4g {
  border-left: 1px solid #CCC;
}

span.connexion {
  width: 47px;
  height: 47px;
  background-image: url('../bundles/lpisite/images/habillage/connexion.svg');
}

span.wifi {
  width: 60px;
  height: 67px;
  background-image: url('../bundles/lpisite/images/habillage/wifi.svg');
}
span.c4G {
  width: 60px;
  height: 67px;
  background-image: url('../bundles/lpisite/images/habillage/4g.svg');
}

span.son {
  width: 50px;
  height: 47px;
  background-image: url('../bundles/lpisite/images/habillage/son.svg');
}

span.video {
  width: 50px;
  height: 47px;
  background-image: url('../bundles/lpisite/images/habillage/video.svg');
}

span.confort {
  width: 40px;
  height: 40px;
  background-image: url('../bundles/lpisite/images/habillage/confort.svg');
}

/* EVENEMENTS  */

.page-evenements p {
  font-weight: 300;
}

.page-evenements p:first-of-type {
  margin-top: 30px;
}

/* SLIDERS  */

.cycle-pager  {
    text-align:center;
  }

.cycle-pager-mobile {
  font-size: 60px;
  height: 30px;
  line-height: 30px;
  color: #CCC;
  letter-spacing: -2px;
}

.cycle-pager-mobile .cycle-pager-active {
  font-size: 60px;
  color: #30346f;
}

.cycle-pager-desktop {
  margin: 10px 0;
}

.cycle-pager-desktop.cycle-7img img {
  display: block;
  float: left;
  width: 13%;
  height: auto;
  margin-right: 1.5%;
  cursor: pointer;
}

.cycle-pager-desktop.cycle-7img img:last-of-type {
  margin-right: 0;
}

.cycle-pager-desktop.cycle-7img img.cycle-pager-active {
  outline: 4px solid #30346F;
  outline-offset: -4px;
}

.cycle-prev {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 100%;
  cursor: pointer;
  opacity: 0.8;
  color: #666;
}

.cycle-prev:hover, .cycle-next:hover {
  opacity: 1;
  color: #333;
}

.cycle-prev:before {
  content: "\e079";
  font-family: 'Glyphicons Halflings';
  padding: 6px 15px;
  width: 40px;
  height: 24px;
  background-color: #999;
  border: 2px solid #FFF;
  border-radius: 20px;
  position: relative;
  top: 48%;
  margin-left: 8px;
}

.cycle-next {
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 100%;
  cursor: pointer;
  opacity: 0.8;
}

.cycle-next:before {
  content: "\e080";
  font-family: 'Glyphicons Halflings';
  padding: 6px 15px;
  width: 40px;
  height: 24px;
  background-color: #999;
  border: 2px solid #FFF;
  border-radius: 20px;
  position: relative;
  top: 48%;
}

/* MEDIAS  */

input[type=text], input[type=tel], input[type=email], textarea {  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

form.formulaire .control-label {
  font-weight: 300;
  text-align: left;
}

form.formulaire input:not([type='radio']) {
  box-shadow: none;
  border-radius: 1px;
}

form.formulaire button {
  font-size: 12px;
  padding: 5px 30px;
  background-color: #000;
  border: medium none;
  border-radius: 0;
  color: #FFF;
}

#lpi_sitebundle_media_civilite label, #lpi_sitebundle_contact_civilite label {
  font-weight: normal;
  margin-left: 5px;
  padding-right: 20px;

}

.page-contact form.formulaire button {
    background-color: #30346F;
}

form.formulaire button span {
    position: relative;
    right: -20px;
}

form.formulaire button:hover,
form.formulaire button:focus,
form.formulaire button.focus,
form.formulaire button:active,
form.formulaire button.active {
  color: #CCC;
  background-color: #333;
  border-color: #adadad;
}

.page-contact form.formulaire button:hover,
.page-contact form.formulaire button:focus,
.page-contact form.formulaire button.focus,
.page-contact form.formulaire button:active,
.page-contact form.formulaire button.active {
  color: #CCC;
  background-color: #30356f;
  border-color: #adadad;
}

/* CONTACT  */

.page-contact i {
  text-align: left;
  padding-right: 20px;
}

.page-contact a {
  color: #333;
}

/* ARCHIVES */

#archives .panel {
  background-color: transparent;
  border: none;
  box-shadow: none;
}


#archives > .panel > .panel-heading {
  width: 200px;
  height: 44px;
  padding: 0;
  text-indent: 30px;
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAsCAYAAAAgjfcKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAztJREFUeNrsnE1PE1EUhi8NS/e68mf4B0z8a67c6MbEqLAxspGYYAgfagiJhkoAbVIIFBcCKQaI0FaBfjieQ88QqHx0yrSdj+dJXtIUOkPOvG/mnt47d9A591Z0T3THAYBSF+2Kshn5sSIaoCYApwxaJlY0IMOiT9QE4ByaiWENSF40J/pDTQBO0CzMeZ6Xz9gbH0XT1AXghGnLhPMDkhNNUheAEyYtE6cBORQtiH5TG0g5moEFGV4dng2IsiX6Sn0gxfy1DGz5b5wNSFH0xO4mAGnk2DJQvCggNdG4aJ06QUpR74/L8Kp2UUD8XuSVqEStIGWUzPvnRlCtAdHkPBOtUi9IGavm/dpVAfFccw3KnDUsAGlpznVicFfkXRUQH+1FCtQNUkLBPP8flwXkg2iUukFKGDXPtx0QbVRmHBOHkHzU4zP+xGC7AVF0EeN7UYMaQkJpmMfzl/3BVQHRyZKHogp1hIRSMY8XOwlIVZQVfaeOkFDU21kZXlU7CYj/+zeOiUNIHiXzdua6AFw3RnsuWqaekDCWzduNmwTEs/HZZ5p1SFhzrp4utk4MBg2Iz5Rj4hCSQ8E8fS3tBmRWNEJdISGMmKdDC0hZ9E50QG0h5hyYl8thBkTZFE245qZaAHGkbh7ebPcDQQKyLXrcbvIAIkjZPLzdjYDokuB5a3A8ag0xwzPvzrsAj3JkAp7k2BqcfeoNMWPfvHsc5ENBA6L7lQ6JFqk3xIxF8+5ANwOit6k919y3lIlDiAsN8+xe0PYg0+EJ9ZuAHHWHmJAzzwam04Bk7XZFsw5xaM6HzLM9C4guD9b9S3eoP0ScHfNqtZcBUXQR4+tOTwzQA6rm0WKnB7hJQPRprEeOnRghuqybRyv9CIhO2/8QjXEXgYjePcbMo/V+BMRHG6AprgdEjCnz5o0IIyBropeiI64JRIQj8+RaFAKie5kuib44VvpC/6mbF5dcyz67/QqIojOUL0QbXB/oMxvmxb0wDhZWQMrWEM1yfaDPzJoXQ3ksYzCkf0rXuuxacvX1fdFdrhX0EP22SndJHDYvuigFxEf38/1lTdID0W3RLa4ddBGd4/jpmrPlT0Xfwjz4PwEGAMA664MwoPYjAAAAAElFTkSuQmCC') no-repeat left top;
}

#archives > .panel > .panel-heading > h4 {
  font-weight: 900;
  line-height: 44px;
  font-size: 22px;
}

#archives .panel-heading a {
  color: #FFF;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

#archives .panel-body {
  border: none;
  padding: 5px 0;
}

#archives .panel-group {
  margin: 0;
}

#archives .panel .panel .panel-heading {
  height: 30px;
  text-indent: 11px;
  background-color: #000;
  padding: 0;
  margin: 0 19px;
  position: relative;
  border-radius: 0;
}

#archives  .panel .panel .panel-heading > h4 {
  font-weight: 700;
  line-height: 30px;
  font-size: 18px;
}

#archives .panel-title a:before {
  content: "\f107 ";
  font-family: 'FontAwesome';
  float: right;
  margin-right: 25px;
}

#archives .panel .panel .panel-title a:before {
  margin-right: 10px;
}

#archives .panel-title a.collapsed:before {
  content: "\f106 ";
}

#archives ul {
  list-style: none;
  padding-left: 15px;
}

#archives ul a {
  color: #000;
  letter-spacing: 0.5px;
}

#archives ul a span {
  color: #30346F;
  font-weight: 300;
}

.detail-article {
  margin-top: 15px;
}

.page-article h6 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 20px;
  margin-top: 75px;
}

.page-article #actus-carousel .carousel-caption {
  padding: 8px 0 50px 20px;
}

.page-article #actus-carousel .carousel-caption > p > a {
    bottom: 8px;
}

#slideshow-2 .cycle-slide {
  width: 200px !important;
}

.page-plan {
  font-weight: 300;
}

.page-plan a {
  color: #333;
}

.page-plan a:hover {
  color: #333;
  text-decoration: underline;
}

.page-plan a:focus {
  color: #333;
  text-decoration: none;
}

.page-article .article-smallimg a {
  display: block;
}

.page-article .article-smallimg a + a {
  margin-top: 20px;
}

.page-article .article-bigimg img, .page-article .article-smallimg img {
 width: 100%;
}

/* PAGE RECHERCHE */

.search-row a, .search-row a:hover {
  color: #333;
}

#business-events-carousel .module-evenement > div{
  height: 150px;
}

/******************************
* TAILLE DES BLOCS PAR DEVICE *
*******************************/

/*
blocA : double hauteur événements
blocB : double largeur actus
blocC : bloc simple (infos, entreprises, plaquettes etc)
blocD : mini-bloc evenement entreprises
blocE : bloc triple largeur (ca s'est passé)
blocF : bloc calendrier
blocG : bloc galerie public;
blocH : bloc liste des espaces;
*/

.blocmodule {
  position: relative;
	margin-bottom: 30px;
}

.blocmodulemini {
	margin-bottom: 25px;
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .blocA {
    min-height: 277px;
  }

  .blocC {
    min-height: 230px;
  }

  .entreprise .blocC {
    height: 120px;
    min-height: 0;
  }

  .blocE {
    height: 130px;
  }

  .blocH {
    height: 115px;
  }

  .module-socials div {
  padding: 300px 22px 0;
  }

  .module-entreprise {
    padding-top: 130px;
  }

  .togglemenu {
  display: block;
  position: absolute;
  background: #000;
  left: 0;
  top: 0;
  padding: 12px 8px 12px 12px;
  z-index: 1500;
  background-image: none;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  margin-right: 15px;
  margin-top: 2px;
  }

  .entreprise .togglemenu {
    padding-right: 25px;
    background: linear-gradient(to bottom, rgba(43,93,164,1) 0%,rgba(47,55,114,1) 100%);
  }

  .togglemenu:after {
    position: absolute;
    right: -17px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 34px 0 0 17px;
    border-color: transparent transparent transparent #000;
  }

  .entreprise .togglemenu:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 34px 0;
    border-color: transparent #FFF transparent transparent;
    z-index: 1000;
  }

  .navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF;
  }

  .bloc-galerie {
    background-size: cover;
  }

  #tramway p.tramway {
  margin: 20px 0;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .blocA {
    height: 450px;
  }

  .blocB {
    height: 270px;
  }

  .blocC {
    height: 220px;
  }

  .blocD {
    height: 100px;
  }

  .blocE {
    height: 250px;
  }

  .blocF {
    height: 265px;
  }

  .blocG {
    height: 230px;
  }

  .blocH {
    height: 163px;
  }


  .module-socials div {
    height: 430px;
    padding: 300px 22px 0;
  }

  .module-entreprise {
    padding-top: 115px;
  }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .blocA {
    height: 340px;
  }

  .blocB {
    height: 160px;
  }

  .blocC {
    height: 150px;
  }

  .blocD {
    height: 94px;
  }

  .blocE {
    height: 210px;
  }

  .blocF {
    height: 210px;
  }

  .blocG {
    height: 195px;
  }

  .blocH {
    height: 104px;
  }

  .blocmodule.blocD {
    margin-bottom: 24px;
  }

  .module-socials div {
    height: 320px;
    padding: 200px 17px 0;
  }

  .module-infospratiques li, .module-entreprise li {
  font-size: 11px;
  }

  .module-entreprise li {
  line-height: 15px;
  }

  .module-infospratiques h3 {
    font-size: 15px;
    margin: 7px 0;
  }

  .module-entreprise {
    padding-top: 65px;
  }

  .blocmodulemini {
	margin-bottom: 24px;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .blocA {
    height: 420px;
  }

  .blocB {
    height: 200px;
  }

  .blocC {
    height: 190px;
  }

  .blocD {
    height: 120px;
  }

  .blocE {
    height: 250px;
  }

  .blocF {
    height: 250px;
  }

  .blocG {
    height: 240px;
  }

  .blocH {
    height: 127px;
  }

  .blocmodule.blocD {
    margin-bottom: 25px;
  }

  .module-evenement > div {
    height: 128px;
  }

  .module-socials div {
    height: 400px;
    padding: 280px 22px 0;
  }

  .module-infospratiques li, .module-entreprise li {
  font-size: 12.8px;
  }

  .module-infospratiques h3 {
    width: 120px;
    font-size: 16px;
    margin: 10px 0;
  }

  .module-entreprise {
    padding-top: 93px;
  }

}


/********************
* RESPONSIVE DESIGN *
*********************/

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  #content, .entreprise #content {
    background-image: none;
  }

  .page-acces .nav-tabs li span.picto {
    background-size: 145px 58px;
    height: 29px;
    width: 30px;
  }

  .page-acces .nav-tabs li span.picto.velo {
    width: 85px;
  }

  .page-acces .nav-tabs li span.intitule {
    font-size: 11px;
  }

  span.picto.voiture {
    background-position: 0 0;
  }

  span.picto.velo {
    background-position: -30px 0;
  }

  span.picto.tramway {
    background-position: -115px 0;
  }

  a:hover span.picto.voiture, li.active span.picto.voiture {
    background-position: 0 -29px;
  }

  a:hover span.picto.velo, li.active span.picto.velo {
    background-position: -30px -29px;
  }

  a:hover span.picto.tramway, li.active span.picto.tramway  {
    background-position: -115px -29px;
  }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

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

  #menu li a {
    padding: 0 16px;
    font-size: 13px;
  }

  #menu li.active a { /* 19px mini sinon glitch */
    padding: 0 19px;
  }

  .entreprise #menu li.active a {
    padding: 0 21px;
  }

  .entreprise #menu li a {
    padding: 0 7px;
  }

  .head {
    height: 158px;
  }

  .btn {
  font-size: 11px;
}

  #content {
    background-size: 980px 490px;
  }

  .module-actus h4 {
    height: 30px;
    line-height: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpi+P//PwMTAxDQjmDQ0tT8T5IOgAADABClBLEoqKPEAAAAAElFTkSuQmCC') repeat-x left top;
  }

  .module-actus h4 span {
    line-height: 30px;
    left: 14px;
  }

  .module-plan img {
    height: 192px;
  }

  .module-espaces img {
  height: 192px;
  }

  .module-plaquette i,
  .module-360 i,
  .module-galerie.module-mini-galerie i {
    margin: 26px 0 13px;
  }

  .module-plaquette,
  .module-360,
  .module-galerie.module-mini-galerie {
    font-size: 34px;
  }

  h1.titre {
    font-size: 35px;
    letter-spacing: 2px;
    margin: 8px 0 10px;
  }

  .payer li span.picto, .restaurer li span.picto {
    width: 80px;
    height: 80px;
  }

  .infospratiques li {
    padding: 0 20px;
  }

  .payer li:first-child {
    padding-right: 40px;
  }
.payer li:last-child {
    padding-left: 40px;
  }

.infospratiques li span.picto {
    width: 54px;
    height: 54px;
  }

  .infospratiques li {
    padding: 0 13px;
  }

  .restaurer li {
    padding: 0 13px;
  }

  .contacter {
    margin-bottom: 400px;
  }

  .detail-visites {
    margin-bottom: 280px;
  }

  .detail-visites li {
    display: inline-block;
    width: 236px;
    height: 130px;
    vertical-align: top;
  }

.detail-visites li+li {
    border-top: none;
    border-left: 1px solid #CCC;
  }

.detail-visites li span.picto {
    height: 43px;
    margin: 10px auto;
    width: 70px;
    background-size: 70px 130px;
  }

span.picto.pendule {
    background-position: 0 -43px;
  }

span.picto.phone {
    background-position: 0 -87px;
  }

.page-marie-marvingt img {
    margin: 30px auto;
  }

.bloc-galerie div.titre1 {
    margin-top: 77px;
  }

.bloc-galerie div > span {
    font-size: 15px;
  }

.bloc-galerie div p {
    font-size: 18px;
    line-height: 22px;
  }

ul.photos-entreprise li {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .page-acces h2 {
    font-size: 23px;
  }

  .page-hospitalite, .page-search {
    margin-bottom: 400px;
  }

  .page-mentions {
    margin-bottom: 530px;
  }

   .page-article {
    margin-bottom: 250px;
  }

  .page-acces, .page-espacesdetail, .page-plan {
    margin-bottom: 280px;
  }

  div.bloc-espaces div {
    padding-top: 40px;
  }

 .liens-espaces li {
    display: inline-block;
    width: 39%;
    margin-left: 0;
  }

  .liens-espaces li:last-child {
    width: 20%;
  }

  div.innovations {
    height: 70px;
  }

  .page-evenements, .page-services {
    margin-bottom: 350px;
  }

  button.faux-menu {
    font-size: 18px;
  }

  button.faux-menu i {
    margin-right: 10px;
  }

  .page-services h2 {
    font-size: 22px;
  }

  .page-medias form {
    margin: 50px 0 270px;
  }

  .page-contact form {
    margin: 20px 0 285px;
  }

  .page-detail-galerie, .page-archives {
    margin-bottom: 300px;
  }

  #cycle-1 div {
    height:  480px;
  }

  .page-formretour {
    margin-bottom: 600px;
  }

  .page-article .article-bigimg img {
     height: 355px;
  }

  .page-article .article-smallimg img {
     height: 105px;
  }

}

/* XS ans Small devices (phones & tablets) */
@media (max-width: 991px) {
  body {
    padding-top: 34px;
  }

  .navbar-brand {
    padding: 3px;
    position: relative;
  }

  .navbar-brand > img {
    height: 30px;
    width: auto;
  }

  .navbar {
  min-height: 36px;
  border: none;
}

  .module-evenement > div {
    padding-bottom: 35px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .entreprise .navbar-brand img {
    position: relative;
    left: -12px;
    top: -3px;
    height: 70px;
    width: 198px;
  }
  

  .liens-espaces li {
    font-size: 13px;
  }

  .liens-espaces li:first-child {
    width: 34%;
  }

  .liens-espaces li:last-child {
  width: 23%;
  }

  .navbar-brand:after {
    content: "";
    display: block;
    position: absolute;
    left: -22px;
    top: 33px;
    width: 232px;
    height: 56px;
    background: url('../bundles/lpisite/images/habillage/mask-logoheader.png');
    z-index: -1;
  }

  

  #menu li a, #menu li.active a {
    padding: 0 22px;
  }

  #menu li.active a::before { /* padding - largeur pseudo element */
    left: 3px;
  }

  #menu li.active a::after {
    right: 3px;
  }

  .entreprise #menu li.active a {
    padding: 0 22px;
  }

  .entreprise #menu li a {
    padding: 0 19px;
  }

  .entreprise #menu .navbar-right li a {
    padding: 2px 10px;
  }

  .head {
    height: 210px;
  }

  #menu .navbar-right {
    margin-right: 0;
  }

  .btn {
    font-size: 11px;
  }

  .btn-big {
    font-size: 15px;
  }

  #content {
    background-size: 1200px 600px;
  }

  .module-plan img {
    height: 122px;
  }

  .module-espaces img {
    height: 122px;
  }

  .module-plaquette i,
  .module-360 i,
  .module-galerie.module-mini-galerie i {
    margin: 26px 0 13px;
  }

  .module-plaquette,
  .module-360,
  .module-galerie.module-mini-galerie {
    font-size: 22px;
  }

  .detail-visites {
    margin-bottom: 350px;
  }

  .page-programmation .module-evenement > div {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
  }

  .page-programmation {
    margin-bottom: 200px;
  }

  .page-galerie {
    margin-bottom: 250px;
  }

  .page-espaces {
    margin-bottom: 270px;
  }

  .bloc-galerie div.titre1 {
    margin-top: 60px;
  }

  .bloc-galerie div > span {
    font-size: 15px;
  }

  .bloc-galerie div p {
    font-size: 18px;
    line-height: 22px;
  }

  .page-acces, .page-plan {
  margin-bottom: 350px;
  }

  div.bloc-espaces div {
    padding-top: 18px;
  }

  .page-detail-galerie #cycle-2 .cycle-slide {
    width: 109px !important;
    height: 72px !important;
    margin-right: 10px;
  }

  #cycle-2 .cycle-slide:first-of-type {
    margin-right: 8px;
  }

  .photos-entreprise li:nth-child(6n+1) {
    clear: both;
  }

  #cycle-1 div {
    height:  626px;
  }

  .page-article .article-bigimg img {
     height: 466px;
  }

  .page-article .article-smallimg img {
     height: 142px;
  }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #menu li a, #menu li.active a {
    padding: 0 40px;
  }

  #menu li.active a::before { /* padding - largeur pseudo element */
    left: 21px;
  }

  #menu li.active a::after {
    right: 21px;
  }

  .entreprise #menu li a, .entreprise #menu li.active a {
    padding: 0 33px;
  }

  .entreprise #menu li.active a::before { /* padding - largeur pseudo element */
    left: 14px;
  }

  .entreprise #menu li.active a::after {
    right: 14px;
  }

  .head {
    height: 240px;
  }

  #content {
    background-size: auto;
  }

  .module-plan img {
    height: 162px;
  }

  .module-espaces img {
    height: 162px;
  }

  .module-plaquette i,
  .module-360 i,
  .module-galerie.module-mini-galerie i {
    margin: 40px 0 20px;
  }

  .module-plaquette,
  .module-360,
  .module-galerie.module-mini-galerie {
    font-size: 24px;
  }

  .restaurer li {
    padding: 0 18px;
  }

  .detail-visites {
    margin-bottom: 620px;
  }

  .mmarena-tab {
    margin-bottom: 560px;
  }

  .page-programmation {
    margin-bottom: 400px;
  }

  .filtre-evenements h3 {
    font-size: 18px;
  }

  .bloc-galerie div.titre1 {
    margin-top: 82px;
  }

  .bloc-galerie div.titre2 {
    padding-top: 25px;
  }

  .bloc-galerie div > span {
    font-size: 16px;
  }

  .bloc-galerie div p {
    font-size: 20px;
    line-height: 24px;
  }

  .page-acces {
  margin-bottom: 670px;
  }

  div.bloc-espaces div {
    padding-top: 28px;
  }

  .plan-espaces li {
    font-size: 14px;
  }

  .menu-espaces li {
    font-size: 18px;
    padding: 8px 0;
  }

  .page-medias form {
    margin: 50px 0 450px;
  }

  .page-contact form {
    margin: 20px 0 285px;
  }

  .page-detail-galerie #cycle-2 .cycle-slide {
    width: 132px !important;
    height: 88px !important;
    margin-right: 12px;
  }

  .page-detail-galerie #cycle-2 .cycle-slide:first-of-type {
    margin-right: 12px;
  }

  .liste-espaces li h2 span.visible-lg {
    display: inline !important;
  }

  .page-plan {
  margin-bottom: 600px;
  }

  #cycle-1 div {
    height:  760px;
  }

  .page-article .article-bigimg img {
     height: 565px;
  }

  .page-article .article-smallimg img {
     height: 175px;
  }

  .page-archives {
    margin-bottom: 480px;
  }
}


/* Medium Desktops ONLY */
@media (min-width: 992px) and (max-width: 1199px) {

  .module-evenement > div {
    padding-bottom: 31px;
  }
}

/* LITTLE Smartphones ONLY */
@media (max-width: 351px) {
  .contacter .btn-blue {
    font-size: 12px;
  }
  .page-article #actus-carousel .carousel-caption {
    padding-top: 2px;
  }
  .page-article #actus-carousel .item h1 {
    margin: 2px 0 0;
    font-size: 13px;
  }

  .page-article #actus-carousel .item p.date {
    line-height: 1em;
  }

}

/* Smartphones ONLY */
@media (max-width: 767px) {
  #content {
    padding-bottom: 20px;
  }

  .navbar-brand {
    margin-left: 36px !important;
  }

  #navmobile {
    position: relative;
    top: 4px;
    margin-bottom: -34px;
    z-index: 20;
    border: none;
  }

  #menumobile  {
    margin-top: -3px;
  }

  #menumobile .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0;
  }

  #menumobile ul:first-of-type {
    background: #000;
  }

  .entreprise #menumobile ul:first-of-type {
    background: #2F3772;
  }

  #navmobile li a {
    color: #FFF;
  }

  #navmobile-footer {
    background: #FFF;
    margin: 0 5px 0px;
    height: 37px;
    padding-top: 6px;
    position: relative;
    z-index: 1
  }

  #navmobile-footer:before, #navmobile-footer:after  {
    content: "";
    display: block;
    width: 20px;
    height: 37px;
    position: absolute;
    top: 0;
  }

  .collapse.in {
    z-index: 1000;
}

  #navmobile-footer:before {
    left: -20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAlCAYAAABCr8kFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQ5JREFUeNqslr+rQWEch18X94xKBko3slpkMMj/ZVMGWdwYlM1qsym78iMsbEQirLfucjMcn0+dU6ckF5+nnt46w9vzrfO+5/hs2x4YY/JGxAfsGyE+FFpYf2FAVfgHm8pCrkm4gn5FIdnCrmpkl5pyZJc5zKgKSUldSHbwS1VIGurCENzAsKrwB7aVhSQO96pCcnj1Rb9XSNJwoSokSzhRbkgqypFd1jClKiTf6sKgc6N/qgovsK4sJFF4UhWSM+woC0kWTlWFZAaHyg3/daM/M7LxfCETqsKHx/GVQsu53iKqQv66tJSFJAaPqkLjnJqespDk4EhVSMawfPOUhW9atT28M7KXAizyZr8KMADM1piKBkrFlQAAAABJRU5ErkJggg==');
  }

  #navmobile-footer:after {
    right: -20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAlCAYAAABCr8kFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARdJREFUeNqslk8LAUEYh+2efQEiEUcXObj4bFsOciEOys3VzYnyASRKLg4uIm1xkHL0L36j1Np2d+adeaeebXdmenqmltZ6Y8T4xtSO8Y6JxVj4BHHOwi64cRW+QAHsuAqHQiZuuITN3w3HkVeg9HvgKHS8D6aFB5DxTpgWdvwTJoUXkANXrsK+X2ZamAauf9I2eJHdoAXdwiJYBy3oFC7CZLrCetQi9chbkI/aQC1syTZQCu/iHxk8uArbMhm1MAFOsk2qhQMVGaWwDJYqQpXCmapMVehQ3ivZkfcgSxHaJj8zauEZpMTXAFdhjyqTFSbBkSoMKxzryKIKK2CuIwwqrOnKvuP9Pxoi2ARx2YARqJrKBB8BBgAfpeYd+wfquAAAAABJRU5ErkJggg==');
  }

  #navmobile-footer .input-group {
    border: 2px solid #000;
    border-radius: 15px;
  }

  #navmobile-footer .form-control, #navmobile-footer button {
    border: none;
    background: none;
  }

  #navmobile-footer .form-control {
    height: 18px;
    padding: 0 0 0 10px;
    box-shadow: none;
  }

   #navmobile-footer li {
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
  }

  #navmobile-footer li a {
    color: #000;
    background: #FFF;
    border: 2px solid #000;
    border-radius: 15px;
    padding: 3px 10px 1px;

  }

  #navmobile li + li {
    border-top: 1px solid #FFF;
  }

  #menubar {
    display: none;
  }

  .navbar-header {
    float: left;
  }

  .module-socials div {
    background-size: cover;
    background-position: center center;
    padding: 200px 22px 45px;
  }

  .blocE {
    background-size: cover;
  }

  .module-entreprise {
    background-position: center top;
    background-size: auto 100%;
    padding-top: 115px;
  }

  .module-entreprise ul {
    padding-left: 35%;
  }

  .module-entreprise {
    border: 1px solid #999;
  }

  .module-galerie {
    font-size: 15px;
    white-space: nowrap;
    background-position: center;
  }

  .module-plan {
    background: url('../bundles/lpisite/images/illustrations/plan-module.jpg') no-repeat center 28px;
    background-size: cover;
  }

  .module-espaces {
    background: url('../bundles/lpisite/images/illustrations/espaces-module.jpg') no-repeat center 25px;
    background-size: contain;
  }

  .module-espaces h4 {
    position: absolute;
    bottom: 0;
  }

  .module-calendrier:before {
    bottom: 2px;
  }

  .module-calendrier:after {
    color: #000;
  }

  .infospratiques li span.picto {
    background-size: 54px 108px;
  }

  .payer li span.picto {
    background-size: 40px 80px;
  }

  .restaurer li span.picto {
    background-size: 120px 80px;
  }
  span.picto.euro {
  background-position: -27px 0;
  }
  li:hover span.picto.euro {
    background-position: 0 0;
  }
  span.picto.couverts {
    background-position: -27px -27px;
  }
  li:hover span.picto.couverts, li.active span.picto.couverts {
    background-position: 0 -27px;
  }
  span.picto.marker {
    background-position: -27px -54px;
  }
  li:hover span.picto.marker, li.active span.picto.marker {
    background-position: 0 -54px;
  }
  span.picto.telephone {
    background-position: -27px -81px;
  }
  li:hover span.picto.telephone, li.active span.picto.telephone {
    background-position: 0 -81px;
  }
  span.picto.especes {
    background-position: 0 -40px;
  }
  span.picto.cb {
    background-position: 0 0;
  }
  span.picto.burger {
    background-position: 0 0;
  }
  span.picto.frites {
    background-position: -40px 0px;
  }
  span.picto.soda {
    background-position: -80px 0;
  }
  span.picto.cafe {
    background-position: 0 -40px;
  }
  span.picto.muffin {
    background-position: -40px -40px;
  }
  span.picto.sucette {
    background-position: -80px -40px;
  }

  .restaurer ul {
    margin-left: -6px;
    margin-right: -6px;
  }

  .marker ol {
    margin-left: -20px;
  }

  .page-acces h2 {
    margin-top: 0;
  }

  .prochedevous {
    max-width: 45%;
    float: right;
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden;
  }

  .prochedevous img {
    position: relative;
    right: -20px;
  }

  .tab-acces {
    padding-left: 0;
    padding-right: 0;
  }

  .prestas-espaces {
    padding-bottom: 10px;
  }

  div.plansvg {
    padding-top: 30px;
    background-size: 35px 30px;
  }

  span.wifi, span.c4G {
    width: 30px;
    height: 67px;
    margin-left: -5px;
  }

  .cycle-prev, .cycle-next {
    display: none;
  }

  div.innovations {
    margin-bottom: 0;
  }

  #slideshow-2 {
    display: none;
  }

  div.plan-espaces  {
    background-position: right top;
    padding-top: 30px;
    background-size: 35px 30px;
  }

  .liste-espaces li:nth-child(9) {
    letter-spacing: -0.8px;
  }

  .photos-entreprise li:nth-child(3n+1) {
    clear: both;
  }

  #cycle-1 div {
    max-height: 350px;
  }
}

/* Tablets ONLY */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-brand {
    margin-left: 0 !important;
  }

  .entreprise #menu li {
    letter-spacing: -0.6px;
  }

  .entreprise #menu li.active a::before { /* padding - largeur pseudo element */
    left: 2px;
  }

  .entreprise #menu li.active a::after {
    right: 2px;
  }

  #events-carousel .carousel-caption p {
    margin-bottom: 10px !important;
  }

  #events-carousel .carousel-caption .titrearticle + p {
    margin-top: 20px;
  }

   .blocmodule.blocB {
    margin-bottom: 45px;
  }

  .module-infospratiques h3 {
    width: 180px;
  }

  .module-plaquette p, .module-360 p {
    line-height: 1.4em;
  }

  .bloc-galerie div.titre2 {
    padding-top: 25px;
  }

   .prochedevous {
    float: right;
  }

  .liste-espaces li h2 span.visible-sm {
    display: inline !important;
  }

  .photos-entreprise li:nth-child(4n+1) {
    clear: both;
  }
}


.acces-rapide{
    position: fixed;
    z-index: 999;
    right: 0;
    width: 38px;
    top: 25%;
    top: 25vh;
    height: 150px;
    background: url('../bundles/lpisite/images/habillage/bouton-contact-vide.png');
}
.acces-rapide:hover{
    opacity: .9;
}
.acces-rapide a p{
    color: #000c27;
    margin: 0;
    white-space: nowrap;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    margin: 0;
    position: absolute;
    top: 60px;
    left: -54px;
    letter-spacing: 1px;
    display: block;
    height: 38px;
    line-height: 38px;
    width: 150px;
    text-align: center;
    padding-right: 20px;
}
@media (max-width: 768px) {
    .acces-rapide{ display: none; }
}

/**
 * Swiper 3.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: June 14, 2015
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}