/*
Theme Name: pyrenees31
Author: Pierre Lacroux
Author URI: http://www.pierrelacroux.com
Version: 1.0
*/

/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');


/* Général */

body {
  background-color: #fff;
  color: #7c7c80;
  font-family: 'Raleway', sans-serif;
  font-size: 1.6rem;
  padding-top: 0;
}

@media (min-width: 1024px) {
  body {
    padding-top: 0;
  }
}

a, button, img {
  text-decoration: none;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

a, a:hover, a:focus, a:visited, a:active {
  text-decoration: none;
}

a {
  color: #f4b64e;
}

a:hover {
  color: #cc9941;
}

a:focus, a:active {
  color: #f4b64e;
  outline: thin dotted;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0);
  box-shadow: inset 0 0 0 rgba(0,0,0);
}

p, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
}

.lead {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 0
}

@media (min-width: 1200px) {
  .lead {
    font-size: 1.8rem;
  }
}

.uppercase {
  text-transform: uppercase;
}

.bold {
  font-weight: 800;
}

.normal {
  font-weight: 400;
}

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

.aligncenter {
  text-align: center;
  display: block;
  margin: 0 auto;
}

.btn, .btn-default {
  background-color: #f4b64e;
  color: #fff;
  border: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 768px) {
  .btn, .btn-default {
  }
}

.btn:hover, .btn-default:hover {
  background-color: #cc9941;
  color: #fff;
}

.btn.active, .btn:focus, .btn-default:active, .btn-default:focus {
  background-color: #f4b64e;
  color: #fff;
  outline: thin dotted;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0);
  box-shadow: inset 0 0 0 rgba(0,0,0);
}

/* Video */

#video {
  height: 100%;
  padding-top: 0;
}

#video video {
  position: relative;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.mute-video {
  position: fixed;
  bottom: 30px;
  left: 30px;
  border:0;
  z-index: 1001;
  background-color: rgba(255,255,255,0);
  color: #fff;
  font-size: 3rem;
  font-weight: 100;
  border: 0;
  border-style: none;
  outline: none;
}

.mute-video:before {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?9a37yo');
  src:  url('fonts/icomoon.eot?9a37yo#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?9a37yo') format('truetype'),
    url('fonts/icomoon.woff?9a37yo') format('woff'),
    url('fonts/icomoon.svg?9a37yo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
  content: "\ea09";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.unmute-video {
  color: #fff;
  background-color: rgba(255,255,255,0);
  border: 0;
  border-style: none;
  outline: none;
}

.unmute-video:before {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?9a37yo');
  src:  url('fonts/icomoon.eot?9a37yo#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?9a37yo') format('truetype'),
    url('fonts/icomoon.woff?9a37yo') format('woff'),
    url('fonts/icomoon.svg?9a37yo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
  content: "\ea08";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mute-video:focus, .unmute-video:focus {
  border: 0;
}

#video .titre-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

#video .titre-1 h1 {
  font-family: 'Atlantis the lost City Regular';
  font-size: 5rem;
  color: #fff;
}

@media (min-width: 560px) {
  #video .titre-1 h1 {
  }
}

@media (min-width: 768px) {
  #video .titre-1 h1 {
    font-size: 10rem;
  }
}

@media (min-width: 1024px) {
  #video .titre-1 h1 {
    font-size: 10rem;
  }
}

@media (min-width: 1200px) {
  #video .titre-1 h1 {
    font-size: 12rem;
  }
}

#video .titre-2 {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100vh;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

@media (min-width: 560px) {
  #video .titre-2 {
    top: -60px;
  }
}

@media (min-width: 768px) {
  #video .titre-2 {
    top: -160px;
  }
}

@media (min-width: 1024px) {
  #video .titre-2 {
    top: -100px;
  }
}

@media (min-width: 1200px) {
  #video .titre-2 {
    top: -100px;
  }
}

#video .titre-2 p {
  font-family: 'Raleway', sans-serif;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width: 560px) {
  #video .titre-2 p {
  }
}

@media (min-width: 768px) {
  #video .titre-2 p {
    font-size: 2rem;
  }
}

@media (min-width: 1024px) {
  #video .titre-2 p {
    font-size: 2rem;
  }
}

@media (min-width: 1200px) {
  #video .titre-2 p {
    font-size: 2rem;
  }
}

#video .titre-2 p:after {
  position: relative;
  width: 100px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 5px auto 5px auto;
}

@media (min-width: 1024px) {
  #video .titre-2 p:after {
    height: 3px;
    margin: 7.5px auto 7.5px auto;
  }
}

#video .bouton {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 100vh;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

@media (min-width: 560px) {
  #video .bouton {
    top: 60px;
  }
}

@media (min-width: 768px) {
  #video .bouton {
    top: 160px;
  }
}

@media (min-width: 1024px) {
  #video .bouton {
    top: 100px;
  }
}

@media (min-width: 1200px) {
  #video .bouton {
    top: 100px;
  }
}

#video .bouton a {
  font-family: 'Raleway', sans-serif;
  font-size: 1.6rem;
  color: #fff;
}

@media (min-width: 560px) {
  #video .bouton a {
  }
}

@media (min-width: 768px) {
  #video .bouton a {
    font-size: 2rem;
  }
}

@media (min-width: 1024px) {
  #video .bouton a {
    font-size: 2rem;
  }
}

@media (min-width: 1200px) {
  #video .bouton a {
    font-size: 1.8rem;
  }
}

#video .shadow {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.06) 60%, rgba(0,0,0,0.75) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0.75)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 );
  z-index: 1;
}

@media (min-width: 560px) {
  #video .shadow {   
  }
}

@media (min-width: 768px) {
  #video .shadow {
  }
}

@media (min-width: 1024px) {
  #video .shadow {
  }
}

@media (min-width: 1200px) {
  #video .shadow {
  }
}

/* Navigation principale */

.navbar {
  min-height: 60px;
}

@media (min-width: 1024px) {
  .navbar {
    min-height: 40px;
  }
}

#navigation-principale.navbar {
  background-color: rgba(255,255,255,1);
  color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  border: 0;
}

.alternative #navigation-principale.navbar {
}

@media (min-width: 1200px) {
  .alternative #navigation-principale.navbar {
  }
}

#navigation-principale.navbar.navbar-fixed-top {
  top: 0;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top {
    opacity: 1;
    background-color: rgba(255,255,255,0);
    top: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}

@media (min-width: 1200px) {
  .alternative #navigation-principale.navbar.navbar-fixed-top {
    background-color: #f4b64e;
  }
}

@media (min-width: 1024px) {
  #navigation-principale.navbar.navbar-fixed-top.affix {
    background-color: #fff;
    opacity: 1;
    z-index: 100;
    top: 0;    
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  }
}

#navigation-principale .navbar-header {
  height: 60px;
}

#navigation-principale .navbar-brand {
  padding: 10px 15px;
  margin: 0;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (min-width: 1200px) {
  #navigation-principale .navbar-brand {
    padding: 30px 30px 30px 60px;
    color: #fff;
  }
}

#navigation-principale .navbar-brand:hover {
}

@media (min-width: 1024px) {
  #navigation-principale .navbar-brand:hover {
    color: #f5aa34;
  }
}

@media (min-width: 1024px) {
  .alternative #navigation-principale .navbar-brand:hover {
    color: #323e48 !important;
  }
}

#navigation-principale .navbar-brand i {
  font-size: 4rem;
  padding: 0;
  margin: 0;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (min-width: 1024px) {
  #navigation-principale .navbar-brand i {
    font-size: 10rem;
  }
}

@media (min-width: 1024px) {
  .alternative #navigation-principale .navbar-brand i {
    font-size: 9rem !important;
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .navbar-brand i {
    display: none;
  }
}

@media (min-width: 1200px) {
  .alternative #navigation-principale .navbar-brand {
    padding: 23px 30px 30px 60px;
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .navbar-brand {
    padding: 7.5px 0 0px 30px;
  }
}

#navigation-principale .navbar-brand object {
  height: 40px;
}

@media (min-width: 768px) {
  #navigation-principale .navbar-brand object {
    height: 50px;
  }
}

@media (min-width: 1200px) {
  #navigation-principale .navbar-brand object {
    display: none;
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .navbar-brand object {
    display: block;
    height: 60px;
  }
}

#navigation-principale .navbar-nav {
  margin: 15px -15px;
}

@media (min-width: 768px) {
  #navigation-principale .navbar-nav {
    margin: 0;
    padding: 15px 0;
  }
}

@media (min-width: 1200px) {
  #navigation-principale .navbar-nav {
    padding: 0;
  }
}

#navigation-principale .navbar-collapse {
  -webkit-box-shadow: inset 0 0 0 rgba(255,255,255,0);
  box-shadow: inset 0 0 0 rgba(255,255,255,0);
  border-top: 1px solid rgba(0,0,0,.1);
}

@media (min-width: 1200px) {
  #navigation-principale .navbar-collapse {
    border-top: 0;
  }
}

.navbar-toggle {
  position: absolute;
  right: 0;
  font-size: 2.8rem;
  background-color: #f4b64e;
  color: #fff;
  padding: 10px 15px;
  margin: 0 0 0 0;
  border: 0 solid transparent;
  border-radius: 0;
}

@media (min-width: 768px) {
  .navbar-toggle {
  }
}

@media (min-width: 1024px) {
  .navbar-toggle {
  }
}

@media (min-width: 1200px) {
  .navbar-toggle {
  }
}

.navbar-toggle .icon-menu {
  position: relative;
  top: 3px;
}

#navigation-principale .navbar-nav > li > a {
  color: #323e48;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase; 
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 1200px) {
  #navigation-principale .navbar-nav > li > a {
    color: #fff;
    font-size: 1.8rem;
    padding-top: 60px;
  }
}

@media (min-width: 1200px) {
  .alternative #navigation-principale .navbar-nav > li > a {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .navbar-nav > li > a {
    font-size: 1.6rem;
    padding-top: 30px;
    padding-bottom: 28px;
    color: #323e48;
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .navbar-nav > li > a:hover {
    color: #f4b64e;
  }
}

#navigation-principale .nav>li>a:focus, #navigation-principale .nav>li>a:hover {
  background-color: transparent;
  color: #f4b64e;
}

.alternative #navigation-principale .nav>li>a:focus, .alternative #navigation-principale .nav>li>a:hover {
  color: #323e48 !important;
}

#navigation-principale .nav>li>a {
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width: 768px) {
  #navigation-principale .nav>li>a {
    padding-left: 5px;
    padding-right: 5px
  }
}

@media (min-width: 1024px) {
  #navigation-principale .nav>li>a {
    padding-left: 15px;
    padding-right: 15px
  }
}

#navigation-principale .alt-bt {
  position: absolute;
  top: 0;
  right: 40px;
  padding: 15px 30px 0 15px;
}

@media (min-width: 768px) {
  #navigation-principale .alt-bt {
    position: relative;
    right: 0;
    padding: 19px 30px 0 15px;
  }
}

@media (min-width: 1024px) {
  #navigation-principale .alt-bt {
    position: relative;
    padding: 25px 30px 0 15px;
  }
}

@media (min-width: 1200px) {
  #navigation-principale .alt-bt {
    padding: 0 60px 0 30px;
  }
}

@media (min-width: 1200px) {
  #navigation-principale .alt-bt .icon-search {
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .alt-bt {
    padding: 0 30px 0 30px;
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .alt-bt .icon-search {
    padding-left: 15px;
  }
}

#navigation-principale .alt-bt a {
  position: relative;
  display: block;
  float: left;
  font-size: 1.4rem;
  color: #323e48;
  margin: -3px 0 0 0;
  padding: 8px 5px 0 5px;
}

@media (min-width: 375px) {
  #navigation-principale .alt-bt a {
    font-size: 1.6rem;
    padding: 8px 7.5px 0 7.5px;
  }
}

@media (min-width: 768px) {
  #navigation-principale .alt-bt a {
    position: relative;
    font-size: 2.3rem;
    top: -2px;
  }
}

@media (min-width: 768px) {
  #navigation-principale .alt-bt a .icon-meteo {
    font-size: 2.6rem;
  }
}

@media (min-width: 1024px) {
  #navigation-principale .alt-bt a {
    padding: 0 15px 0 15px;
  }
}

@media (min-width: 1200px) {
  #navigation-principale .alt-bt a {
    padding: 60px 15px 0 15px;
    color: #fff;
  }
}

@media (min-width: 1200px) {
  #navigation-principale .alt-bt a:hover {
    color: rgba(255,255,255,.5);
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .alt-bt a {
    font-size: 1.9rem;
    padding: 32px 10px 0 10px;
    color: #323e48;
  }
}

@media (min-width: 1200px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .alt-bt a:hover {
    color: #f4b64e !important;
  }
}

@media (min-width: 768px) {
  #navigation-principale.navbar.navbar-fixed-top.affix .alt-bt a .icon-meteo {
    position: relative;
    font-size: 2.2rem;
    top: -2px;
  }
}

#navigation-principale .alt-bt a:hover {
  color: rgba(255,255,255,.5);
}

#navigation-principale .live {
}

/* Dropdown */

#navigation-principale .dropdown-menu {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 1.8rem;
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

@media (min-width: 1200px) {
  #navigation-principale .dropdown-menu {
    font-size: 1.8rem;
    padding: 15px 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  }
}

#navigation-principale .dropdown-menu>li>a {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  padding: 5px 18px 5px 15px;
  color: #4d4d4f;
}

#navigation-principale .dropdown-menu>li>a:focus, #navigation-principale .dropdown-menu>li>a:hover, #navigation-principale .dropdown-menu>.active>a:focus, #navigation-principale .dropdown-menu>.active>a:hover {
  padding: 5px 15px 5px 18px;
  color: #fff;
  background-color: #f5aa34;
}

#navigation-principale .dropdown-menu>.active>a {
  color: #f5aa34;
  background-color: rgba(255,255,255,.2);
}

/* iPad Collapse 

@media (max-width: 1024px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-text {
    float: none;
  }
  .navbar-collapse.collapse.in { 
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }

  .navbar-right .dropdown-menu {
    right: -300px;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 0;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
      max-height: none;
  }
}

*/

/* Mega menu */

#mega-menu {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 20;
  color: #fff;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -khtml-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

#mega-menu.affix {
  top: -60px;
}

#mega-menu .menu {
  text-align: center;
  color: #fff;
}

#mega-menu>nav>div>ul>li>ul {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  padding: 60px 0 0 0;
  margin: 0;
  width: 100%;
}

#mega-menu>nav>div>ul>li:hover>ul {
  display: block;
}

#mega-menu>nav>div>ul>li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
}

#mega-menu>nav>div>ul>li>a {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

#mega-menu>nav>div>ul>li>a:hover {
  opacity: .8;
}

#mega-menu>nav>div>ul>li>a:after {
  content: '';
  display: block;
  position: relative;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background-color: #f4b64e;
  transition: .4s ease;
}

#mega-menu>nav>div>ul>li:hover>a:after {
  width: 100%;
}

#mega-menu>nav>div>ul>li>ul>.container {
  position: relative;
  background-color: #fff;
  border-bottom: 5px solid #f4b64e;
  padding: 30px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

#mega-menu>nav>div>ul>li>ul>div>li {
  position: relative;
  list-style: none;
  display: inline-block;
  padding: 15px 0;
}

#mega-menu>nav>div>ul>li>.menu-decouvrir>div>li {

  margin: 0 15px;
}

#mega-menu>nav>div>ul>li>.menu-pratique>div>li {
  width: calc(100% / 4 - 36px);
  margin: 0 15px;
}

#mega-menu>nav>div>ul>li>ul>div>li>a>div>img {
  width: 240px;
  height: auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -khtml-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -ms-transition: all .5s linear;
  transition: all .5s linear;
}

#mega-menu>nav>div>ul>li>ul>div>li>a:hover>div>img {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  opacity: .7;
}

#mega-menu .img-hover-zoom {
  background-color: #f4b64e;
  overflow: hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

#mega-menu .img-hover-zoom-title {
  position: absolute;
  width: 100%;
  bottom: 25px;
  left: 0;
  padding: 5px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

#mega-menu .img-hover-zoom-logo {
  opacity: 0;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 75%;
  background: url(https://www.pyrenees31.com/wp-content/themes/pyrenees31/svg/logo-pyrenees31-simple-blanc.svg) center center/cover no-repeat;
  -o-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -khtml-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

#mega-menu>nav>div>ul>li>ul>div>li>a:hover .img-hover-zoom-logo {
  opacity: .25;
  -ms-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

#mega-menu .logo {
  position: fixed;
  top: 20px;
  left: 30px;
  z-index: 10;
  color: #fff;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -khtml-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

#mega-menu .logo:hover {
  opacity: .8
}

#mega-menu.affix .logo {
  top: -100px;
}

#mega-menu .logo i {
  font-size: 10rem;
}

#mega-menu #nav-live {
  position: fixed;
  top: 60px;
  right: 30px;
  z-index: 10;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -khtml-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

#mega-menu.affix #nav-live {;
  top: -100px;
}

#mega-menu #nav-live a {
  color: #fff;
  font-size: 2.3rem;
  padding: 0 7.5px;
}

@media (min-width: 1200px) {
  #mega-menu #nav-live a {
    padding: 0 15px;
  }
}

#mega-menu #nav-live a:hover {
  opacity: .8;
}

#mega-menu #nav-live .blog {
  position: relative;
  top: -5px;
  font-family: 'Atlantis the lost City Regular';
  font-size: 1.8rem;
  margin-right: 10px;
}

/* Mobile Menu */

#mobile-menu .logo {
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 20;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#mobile-menu .logo.affix {
  top: -100px;
}

#mobile-menu .logo:hover {
  color: #f5aa34;
}

#mobile-menu .logo i {
  font-size: 6rem;
}

#mobile-menu #nav-live {
  position: fixed;
  top: 21px;
  right: 70px;
  z-index: 20;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#mobile-menu #nav-live.affix {
  top: -100px;
}

#mobile-menu #nav-live a {
  color: #fff;
  padding-right:7.5px; 
}

#mobile-menu #nav-live i {
  font-size: 2rem;
}

#mobile-menu .live {
  padding: 15px;
}

#mobile-menu .live i {
  font-size: 2.5rem;
  padding-right: 15px;
}

#mobile-menu .live .blog {
  position: relative;
  top: -5px;
  font-family: 'Atlantis the lost City Regular';
  font-size: 1.8rem;
  margin-right: 15px;
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 220px;
}

#sidebar-wrapper {
  z-index: 1000;
  left: 220px;
  width: 0;
  height: 100%;
  margin-left: -220px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
  width: 220px;
}

#page-content-wrapper {
  width: 100%;
  padding-top: 0;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  position: relative; 
  line-height: 20px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddddee;
}

.sidebar-nav li:first-child {
  border-top: 1px solid #ddddee;
}

.sidebar-nav li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 3px;
  background-color: #1c1c1c;
  -webkit-transition: width .2s ease-in;
  -moz-transition:  width .2s ease-in;
  -ms-transition:  width .2s ease-in;
  transition: width .2s ease-in;

}

.sidebar-nav li:before {
  background-color: #f5aa34;
}

.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
  width: 100%;
  -webkit-transition: width .2s ease-in;
  -moz-transition:  width .2s ease-in;
  -ms-transition:  width .2s ease-in;
  transition: width .2s ease-in;

}

.sidebar-nav li a {
  display: block;
  color: #323e48;
  text-decoration: none;
  padding: 15px; 
  text-transform: uppercase;   
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
}

.sidebar-nav > .sidebar-brand object {
  width: 190px;
  padding: 0 15px
}

.sidebar-nav .dropdown-menu {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
  background-color: #f5f5fa;
  box-shadow: none;
}

.hamburger {
  position: fixed;
  top: 15px;  
  right: 15px;
  z-index: 999;
  display: block;
  width: 26px;
  height: 30px;
  margin-left: 0;
  background: transparent;
  border: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#mobile-menu .hamburger.affix {
  top: -100px;
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}

.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #fff;
}

.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}

.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #323e48;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}

.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}

.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}

.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(250,250,250,.8);
  z-index: 1;
}

.up {
  position: fixed;
  bottom: -100px;
  right: 38px;
  font-size: 4rem;
  z-index: 200;
}

.up.affix {
  bottom: 100px;
}

/* En-tête */

.entete {
  background-color: #323e48;
  background-position: center;
  background-size: cover;
  -webkit-background-size:cover;
  height: 300px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}

@media (min-width: 560px) {
  .entete {
  }
}

@media (min-width: 768px) {
  .entete {
    height: 500px;
  }
}

@media (min-width: 1024px) {
  .entete {
  }
}

@media (min-width: 1200px) {
  .entete {
    height: 600px;
  }
}

.entete-fs {
  background-color: #323e48;
  background-position: center;
  background-size: cover;
  -webkit-background-size:cover;
  height: 300px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}

@media (min-width: 560px) {
  .entete-fs {
  }
}

@media (min-width: 768px) {
  .entete-fs {
    height: 500px;
  }
}

@media (min-width: 1024px) {
  .entete-fs {
  }
}

@media (min-width: 1200px) {
  .entete-fs {
    height: 100%;
  }
}

.entete .shadow, .entete-fs .shadow {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 300px;
  top: 0;
  left: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.06) 60%, rgba(0,0,0,0.75) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0.75)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 );
  z-index: 1;
}

@media (min-width: 560px) {
  .entete .shadow, .entete-fs .shadow {
    
  }
}

@media (min-width: 768px) {
  .entete .shadow, .entete-fs .shadow {
    height: 500px;
  }
}

@media (min-width: 1024px) {
  .entete .shadow, .entete-fs .shadow {
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  .entete .shadow {
    top: 0; 
    height: 600px;
  }
}

@media (min-width: 1200px) {
  .entete-fs .shadow {
    top: 0; 
    height: 100%;
  }
}

.entete-content {
  margin: 0;
  padding: 30px 0 0 0;
}

@media (min-width: 1024px) {
  .entete-content {
    padding: 30px 0 30px 0;
  }
}

@media (min-width: 1200px) {
  .entete-content {
    padding: 60px 0 30px 0;
  }
}

/* Breadcrumb */

#breadcrumbs {
  background-color: #f5f5fa;
  width: 100%;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
  font-size: 1rem;
}

@media (min-width: 1200px) {
  #breadcrumbs {
    font-size: 1.2rem;
  }
}

.alternative #breadcrumbs {
}

@media (min-width: 1200px) {
  .alternative #breadcrumbs {
  }
}

.alternative .navbar {
  opacity: 0;
  width: 100%;
  z-index: 20;
  background-color: #fff;
  border-top: 0;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -khtml-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.alternative .navbar.affix-top {
  position: fixed;
  opacity: 0;
  top: -100px;
}

.alternative .navbar.affix {
  position: fixed;
  opacity: 1;
  top: 0
}

.alternative .navbar, .alternative .navbar .navbar-nav, .alternative .navbar .navbar-nav li {
  float: none;
  display: inline-block;
  text-align: center;
}

/* Titre */

.titre {
  position: relative;
  top: 41%;
  text-align: center;
  padding: 0 15px;
}

.entete-fs .titre {
  position: relative;
  top: 33%;
  text-align: center;
  padding: 0 15px;
}

@media (min-width: 768px) {
  .titre {
    top: 44%;
  }
}

@media (min-width: 1024px) {
  .titre {
    top: 41%;
  }
}

@media (min-width: 1200px) {
  .titre {
    top: 37%;
  }
}

.alternative .titre {
  position: relative;
  top: 41%;
  text-align: center;
  padding: 0 15px;
}

@media (min-width: 768px) {
  .alternative .titre {
    top: 44%;
  }
}

@media (min-width: 1024px) {
  .alternative .titre {
    top: 41%;
  }
}

@media (min-width: 1200px) {
  .alternative .titre {
    top: 40%;
  }
}

@media (min-width: 1200px) {
  .entete-fs .titre {
    top: 33%;
  }
}

.titre h1 {
  font-family: 'Atlantis the lost City Regular';
  font-size: 5rem;
  color: #fff;
}

@media (min-width: 560px) {
  .titre h1 {
  }
}

@media (min-width: 768px) {
  .titre h1 {
    font-size: 10rem;
  }
}

@media (min-width: 1024px) {
  .titre h1 {
    font-size: 10rem;
  }
}

@media (min-width: 1200px) {
  .titre h1 {
    font-size: 14rem;
  }
}

.titre h1.alt {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
  text-shadow: 1px 1px 60px #000000;
}

@media (min-width: 560px) {
  .titre h1.alt {
  }
}

@media (min-width: 768px) {
  .titre h1.alt {
    font-size: 5rem;
  }
}

@media (min-width: 1024px) {
  .titre h1.alt {
    font-size: 6rem;
  }
}

@media (min-width: 1200px) {
  .titre h1.alt {
    font-size: 6rem;
  }
}

.titre p {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 7.5px;
  color: #fff;
  text-shadow: 0px 0px 60px #000000;
}

@media (min-width: 560px) {
  .titre p {
  }
}

@media (min-width: 768px) {
  .titre p {
    font-size: 1.6rem;
  }
}

@media (min-width: 1024px) {
  .titre p {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}

.titre p:after {
  position: relative;
  width: 100px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 5px auto 5px auto;
}

@media (min-width: 1024px) {
  .titre p:after {
    height: 3px;
    margin: 7.5px auto 7.5px auto;
  }
}

.alternative .titre h1, .entete .titre h1 {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
  text-shadow: 1px 1px 60px #000000;
}

@media (min-width: 560px) {
  .alternative .titre h1, .entete .titre h1 {
  }
}

@media (min-width: 768px) {
  .alternative .titre h1, .entete .titre h1 {
    font-size: 5rem;
  }
}

@media (min-width: 1024px) {
  .alternative .titre h1, .entete .titre h1 {
    font-size: 6rem;
  }
}

@media (min-width: 1200px) {
  .alternative .titre h1, .entete .titre h1 {
    font-size: 6rem;
  }
}

.alternative .titre p, .entete .titre p {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 7.5px;
  color: #fff;
  text-shadow: 1px 1px 60px #000000;
}

@media (min-width: 560px) {
  .alternative .titre p, .entete .titre p {
  }
}

@media (min-width: 768px) {
  .alternative .titre p, .entete .titre p {
    font-size: 1.6rem;
  }
}

@media (min-width: 1024px) {
  .alternative .titre p, .entete .titre p {
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
}

.alternative .titre p:after, .entete .titre p:after {
  position: relative;
  width: 100px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 5px auto 5px auto;
}

@media (min-width: 1024px) {
  .alternative .titre p:after, .entete .titre p:after {
    height: 3px;
    margin: 7.5px auto 7.5px auto;
  }
}

/* En-tête blank */

.entete-blank {
  background-color: #f4b64e;
  background-position: center;
  background-size: cover;
  -webkit-background-size:cover;
  height: 160px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 54px 0 0 0;
}

@media (min-width: 768px) {
  .entete-blank {
    height: 300px;
    padding: 0;
  }
}

.alternative .entete-blank {
  background-color: #fff !important;
  height: auto;
  padding: 0;
}

/* En-tête Tiny Img */

.entete-tinyimg {
  background-color: #f4b64e;
  background-position: center;
  background-size: cover;
  -webkit-background-size:cover;
  height: 160px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 54px 0 0 0;
}

@media (min-width: 768px) {
  .entete-tinyimg {
    height: 300px;
    padding: 0;
  }
}

.alternative .entete-tinyimg {
  background-color: #fff !important;
  height: auto;
  padding: 0;
}

.entete-tinyimg .shadow {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 160px;
  top: 0;
  left: 0;
  z-index: 1;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 768px) {
  .entete-tinyimg .shadow {
    opacity: 1;
    height: 300px;
  }
}

/* Titre blank */

.titre-blank {
  position: relative;
  top: 30%;
  text-align: center;
  z-index: 2;
}

@media (min-width: 768px) {
  .titre-blank {
    top: 50%;
  }
}

@media (min-width: 1024px) {
  .titre-blank {
  }
}

@media (min-width: 1200px) {
  .titre-blank {
  }
}

.alternative .titre-blank {
  top: 0 !important;
  padding: 15px 0 5px 0;
}

@media (min-width: 768px) {
  .alternative .titre-blank {
    padding: 50px 0 30px 0
  }
}

@media (min-width: 1024px) {
  .alternative .titre-blank {
    padding: 50px 0 5px 0;
  }
}

@media (min-width: 1200px) {
  .alternative .titre-blank {
    padding: 50px 0 20px 0;
  }
}

.titre-blank h1 {
  font-family: 'Atlantis the lost City Regular';
  font-size: 4rem;
  color: #fff;
}

.alternative .entete-blank h1 {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  color: #323e48 !important;
  font-size: 2.2rem;
  margin: 5px 0;
}

@media (min-width: 768px) {
  .titre-blank h1 {
    font-size: 10rem;
  }
}

.alternative .titre-blank h1 {
  font-weight: 800;
}

@media (min-width: 768px) {
  .alternative .titre-blank h1 {
    font-size: 5rem !important;
    margin: 5px 0;
  }
}

.titre-blank h3 {
  font-size: 1.4rem;
  color: #323e48;
}

@media (min-width: 1200px) {
  .titre-blank h3 {
    font-size: 2rem;
  }
}

.alternative .titre-blank .secteurs, .alternative .titre-blank .villes {
  color: #2F3E48;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.alternative .titre-blank .types, .alternative .titre-blank .themes {
  color: #2F3E48;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 7.5px 7.5px 0 7.5px;
}

.alternative .titre-blank .dates {
  font-size: 2rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 15px 15px 0 15px;
}

@media (min-width: 768px) {
  .alternative .titre-blank .secteurs, .alternative .titre-blank .villes {
    font-size: 1.6rem;
  }

  .alternative .titre-blank .types, .alternative .titre-blank .themes {
    font-size: 1.6rem;
    margin: 15px 15px 0 15px;
  }

  .alternative .titre-blank .dates {
    font-size: 2rem;
    margin: 15px 15px 0 15px;
  }
}

@media (min-width: 768px) {
  .alternative .titre-blank .dates {
    font-size: 1.6rem;
    font-weight: 400;
    text-transform: uppercase;
    margin: 15px 0 0 0;
  }
}

/* Page */

#page {
}

#page .signature {
  text-align: center;
  padding-bottom: 30px;
}

@media (min-width: 560px) {
  #page .signature {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  #page .signature {
    padding-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  #page .signature {
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  #page .signature {
    padding-bottom: 100px;
  }
}

#page .signature .container {
  padding-top: 60px;
  border-top: 1px solid rgba(0,0,0,.1);
}

#page .author {
  font-size: 1.4rem;
  font-weight: 600;
}

#page .author img {
  width: 33px;
  height: auto;
  border: 2px solid #f4b64e;
  border-radius: 50%;
  margin-right: 10px;
}

#page .date {
  font-size: 1.4rem;
  font-weight: 400;
}

#page .tags {
  text-align: center;
  font-size: 1.4rem;
  text-transform: none;
  margin-top: 60px;
}

#page .tags:after {
    position: relative;
    width: 60px;
    background: #f5aa34;
    content: "";
    display: block;
    height: 2px;
    margin: 15px auto 5px auto;
}

#page .tag {
  font-style: italic;
  margin-right: 10px;
  font-weight: 600;
}

#page .retour {
  text-align: center;
  margin-bottom: 60px;
}

/* Single */

#single {
  padding: 15px 0 0 0;
}

@media (min-width: 1024px) {
  #single {
    padding: 30px 0 0 0;
  }
}

@media (min-width: 1024px) {
  #single .edito {
    padding: 0 0 10px 0;
  }
}

/* Résultats */

#resultats {
  padding: 0 0 15px 0;
}

@media (min-width: 1024px) {
  #resultats {
    padding: 60px 0 60px 0;
  }
}

@media (min-width: 1024px) {
  #resultats .container-fluid {
    padding: 0 10%;
  }
}

#resultats .panel {
  padding: 0;
  margin: 48px 0 0 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

#resultats .panel-body {
  padding: 0;
}

#resultats .nombre {
  padding: 0 0 15px 30px;
}

@media (min-width: 1024px) {
  #resultats .nombre {
    padding: 0 0 30px 15px;
  }
}

#resultats .ss-titre {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 4rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: left;
  color: #323e48;
  padding: 30px 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  #resultats .ss-titre {
    font-size: 5rem;
    padding: 30px 0 30px 0;
  }
}

@media (min-width: 1200px) {
  #resultats .ss-titre {
    font-size: 2rem;
    padding: 30px 0 30px 0
  }
}

#resultats .ss-titre:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px 0 0 0;
}

/* Image bandeau */

.image-bandeau {
  background-color: #323e48;
  background-position: center;
  background-size: cover;
  -webkit-background-size:cover;
  height: 200px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}

@media (min-width: 560px) {
  .image-bandeau {
    height: 240px;
  }
}

@media (min-width: 768px) {
  .image-bandeau {
    height: 340px;
  }
}

@media (min-width: 1024px) {
  .image-bandeau {
    height: 440px;
  }
}

@media (min-width: 1200px) {
  .image-bandeau {
    height: 600px;
  }
}

.image-bandeau h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 10px;
  font-weight: 300;
  font-size: 1.4rem;
  padding-top: 50px;
  padding-bottom: 15px;
  text-shadow: 0px 0px 30px #000000;
}

@media (min-width: 768px) {
  .image-bandeau h3 {
  padding-top: 90px;
  }
}

@media (min-width: 1024px) {
  .image-bandeau h3 {
  font-size: 3rem;
  padding-top: 130px;
  padding-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .image-bandeau h3 {
  padding-top: 210px;
  }
}

.image-bandeau h4 {
  color: #fff;
  font-weight: 600;
  font-size: 3rem;
  padding-bottom: 15px;
  text-shadow: 0px 0px 30px #000000;
}

@media (min-width: 768px) {
  .image-bandeau h4 {
    font-size: 4rem;
    padding-bottom: 30px;
  }
}

.image-bandeau a {
  color: #fff;
  letter-spacing: 10px;
  font-size: 3rem;
  text-shadow: 0px 0px 30px #000000;
}

@media (min-width: 768px) {
  .image-bandeau a {
    color: #fff;
    font-size: 4rem;
  }
}

.image-bandeau a:hover {
  color: #f4b64e;
}

/* Embed */

.embed {
  background-color: #f5f5fa;
}

@media (min-width: 560px) {
  .embed {
  }
}

@media (min-width: 768px) {
  .embed {
  }
}

@media (min-width: 1024px) {
  .embed {
  }
}

@media (min-width: 1200px) {
  .embed {
  }
}

.embed-container { 
  position: relative; 
  padding-bottom: 52.6%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Vidéo */

.video {
  background-color: #f5f5fa;
}

@media (min-width: 560px) {
  .video {
  }
}

@media (min-width: 768px) {
  .video {
  }
}

@media (min-width: 1024px) {
  .video {
  }
}

@media (min-width: 1200px) {
  .video {
  }
}

.video-container { 
  position: relative; 
  padding-bottom: 52.6%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
} 

.video-container iframe,
.video-container object,
.videocontainer embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Galerie */

.galerie {
  background-color: #f5f5fa;
  padding: 15px 0;
}

@media (min-width: 560px) {
  .galerie {
    padding: 15px 0;
  }
}

@media (min-width: 768px) {
  .galerie {
    padding: 30px 0;
  }
}

@media (min-width: 1024px) {
  .galerie {
    padding: 30px 0;
  }
}

@media (min-width: 1200px) {
  .galerie {
    padding: 45px 0;
  }
}

/* Diaporama */

.diaporama {
  background-color: #f5f5fa;
}

@media (min-width: 560px) {
  .diaporama {
  }
}

@media (min-width: 768px) {
  .diaporama {
  }
}

@media (min-width: 1024px) {
  .diaporama {
  }
}

@media (min-width: 1200px) {
  .diaporama {
  }
}

/* Edito */

.edito {
  padding: 0;
}

.edito p {
  color: #7c7c80;
  margin: 0 0 15px 0;
}

@media (min-width: 1024px) {
  .edito p {
  }
}

.edito h2 {
  font-family: 'Atlantis the lost City Regular';
  font-size: 3rem;
  color: #323e48;
  margin: 15px 0;
}

@media (min-width: 1200px) {
  .edito h2 {
    font-size: 5rem;
    margin: 30px 0;
  }
}

.edito h2:first-child {
  margin: 0 0 15px 0;
}

@media (min-width: 1200px) {
  .edito h2:first-child {
    margin: 15px 0 30px 0;
  }
}

.edito h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #323e48;
  margin: 15px 0;
}

@media (min-width: 768px) {
  .edito h3 {
    margin: 15px 0 30px 0;
  }
}

@media (min-width: 1200px) {
  .edito h3 {
    font-size: 3rem;
    line-height: 3.6rem;
    margin: 30px 0;
  }
}

.edito h3:first-child {
  margin: 15px 0 15px 0;
}

@media (min-width: 768px) {
  .edito h3:first-child {
    margin: 15px 0 30px 0;
  }
}

@media (min-width: 1200px) {
  .edito h3:first-child {
    margin: 15px 0 30px 0;
  }
}

.edito h3:after {
  position: relative;
  width: 120px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 3px;
  margin: 10px auto 0 auto;
}

.edito h4 {
  font-family: 'Raleway', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #323e48;
  margin: 15px 0;
}

@media (min-width: 1200px) {
  .edito h4 {
    font-size: 2rem;
    margin: 30px 0;
  }
}

.edito h4:first-child {
  font-family: 'Raleway', sans-serif;
  margin: 0 0 15px 0;
}

@media (min-width: 1200px) {
  .edito h4:first-child {
    margin: 15px 0 30px 0;
  }
}

.edito h5 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  color: #323e48;
  margin: 15px 0;
}

@media (min-width: 1200px) {
  .edito h5 {
    margin: 30px 0;
  }
}

.edito h5:first-child {
  font-family: 'Raleway', sans-serif;
  margin: 0 0 15px 0;
}

@media (min-width: 1200px) {
  .edito h5:first-child {
    margin: 15px 0 30px 0;
  }
}

.edito ul, .edito ol {
  color: #323e48;
  margin: 30px 0;
  font-weight: 600;
  padding: 0 20px;
}

.edito blockquote {
  margin: 0;
  padding: 15px 0;
  border: 0;
}

@media (min-width: 1200px) {
  .edito blockquote {
    padding: 30px 0;
  }
}

.edito blockquote p {
  font-family: 'Atlantis the lost City Regular';
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #323e48;
}

@media (min-width: 1200px) {
  .edito blockquote p {
    font-size: 5rem;
  line-height: 5.5rem;
  }
}

.edito .size-full{
  min-width: 100%;
  width: 100%;
  height: auto;
  margin-top: 15px;
}

.e404 {
  text-align: center;
}

.e404 .icon-frown {
  color: #323e48;
  font-size: 20rem;
}

.edito-content .edito {
  padding: 30px 0;
}

@media (min-width: 1024px) {
  .edito-content .edito {
    padding: 30px 0;
  }
}

@media (min-width: 1200px) {
  .edito-content .edito {
    padding: 60px 0;
  }
}

/* Téléchargement */

.telechargement {
  background-color: #f5f5fa;
  text-align: center;
  padding: 30px 15px;
}

@media (min-width: 560px) {
  .telechargement {
    padding: 60px 15px;
  }
}

@media (min-width: 768px) {
  .telechargement {
    padding: 60px 15px;
  }
}

@media (min-width: 1024px) {
  .telechargement {
    padding: 60px 15px;
  }
}

@media (min-width: 1200px) {
  .telechargement {
    padding: 100px 0 100px 0;
    margin: 0;
  }
}

.telechargement h4 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  color: #323e48;
  padding: 0 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  .telechargement h4 {
    font-size: 5rem;
    padding: 0 0 30px 0;
  }
}

@media (min-width: 1200px) {
  .telechargement h4 {
    font-size: 2rem;
    padding: 0 0 15px 0
  }
}

.telechargement h4:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 0 auto;
}

.telechargement .btn {
  margin: 7.5px;
}

.telechargement .btn i {
  margin-right: 5px;
}

/* Tableau */

#tableau {
  background-color: #f5f5fa;
  padding: 15px 15px;
}

@media (min-width: 768px) {
  #tableau {
  padding: 60px 15px;
  }
}

#tableau h4 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  color: #323e48;
  padding: 15px 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  #tableau h4 {
    font-size: 5rem;
    padding: 60px 0 30px 0;
  }
}

@media (min-width: 1200px) {
  #tableau h4 {
    font-size: 2rem;
    padding: 0 0 60px 0
  }
}

#tableau h4:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 0 auto;
}

.table-responsive {
  width: 100%;
  margin: 0 auto;
}

.table-responsive>tbody>tr>td, .table-responsive>tbody>tr>th, .table-responsive>tfoot>tr>td, .table-responsive>tfoot>tr>th, .table-responsive>thead>tr>td, .table-responsive>thead>tr>th {
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.col-a {
  font-weight: 800;
  padding: 7.5px 7.5px;
}

@media (min-width: 1024px) {
  .col-a {
    padding: 7.5px 15px;
  }
}

.col-b {
  font-weight: 400;
  padding: 7.5px 7.5px;
}

@media (min-width: 1024px) {
  .col-b {
    padding: 7.5px 15px;
  }
}

.col-c {
  font-weight: 400;
  padding: 7.5px 7.5px;
}

@media (min-width: 1024px) {
  .col-c {
    padding: 7.5px 15px;
  }
}

.col-d {
  font-weight: 400;
  padding: 7.5px 7.5px;
}

@media (min-width: 1024px) {
  .col-d {
    padding: 7.5px 15px;
  }
}

.col-e {
  font-weight: 400;
  padding: 7.5px 7.5px;
}

@media (min-width: 1024px) {
  .col-e {
    padding: 7.5px 15px;
  }
}

/* Carousel */

.carousel {
  margin-left: 0;
  background-color: #222;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.carousel,
.carousel .item,
.carousel .active {
  height: 100%;
}

.carousel .item {
  background-color: #323e48;
  margin: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.carousel .carousel-inner {
    height: 100%;
}

.carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/* Controls */

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 1;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.carousel-control:hover,
.carousel-control:focus {
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: 0;
  opacity: 1;
}
.carousel-control.left {
  left: 0;
  right: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.left:hover {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right:hover {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  background-color: rgba(0,0,0,0.1);
  width: 36px;
  height: 36px;
  margin-top: -15px;
  padding-top: 10px;
  font-size: 16px;
  color: #fff;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.carousel-control .icon-prev,
.carousel-control .icon-chevron-left {
  left: 0;
  margin-left: 0;
}
.carousel-control .icon-next,
.carousel-control .icon-chevron-right {
  right: 0;
  margin-right: 0;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 40px;
  height: 40px;
  margin-top: -15px;
  padding-top: 10px;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
@media screen and (min-width: 768px) {
  .carousel-control .icon-chevron-left,
  .carousel-control .icon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    padding-top: 10px;
    font-size: 30px;
  }
  .carousel-control.left:hover .icon-chevron-left {
    width: 36px;
    padding-right: 4px;

  }
  .carousel-control.right:hover .icon-chevron-right {
    width: 36px;
    padding-left: 4px;

  }
  .carousel-control .icon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: 0;
  }
  .carousel-control .icon-chevron-right,
  .carousel-control .icon-next {
    margin-right: 0;
  }
}

/* Indicators */

.carousel .carousel-indicators {
  bottom: -2px;
}

.carousel .carousel-indicators li {
  background-color: rgba(255,255,255,1);
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  margin: 2px 1px;
  filter: alpha(opacity=100);
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

@media (min-width: 768px) {
  .carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 2px 5px;
  }
}

.carousel .carousel-indicators .active {
  background-color: rgba(255,255,255,0);
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  margin: 2px 1px;
}

@media (min-width: 768px) {
  .carousel .carousel-indicators .active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
  }
}

/* Fade */

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
        
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-inner .carousel-control {
  z-index: 2;
}

/* Diaporama FS */

#diaporama-fs {
  background-color: #323e48;
  height: 100%;
}

@media (min-width: 560px) {
  #diaporama-fs {
    height: 100%;
  }
}

@media (min-width: 768px) {
  #diaporama-fs {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  #diaporama-fs {
    height: 100%;
  }
}

@media (min-width: 1200px) {
  #diaporama-fs {
    height: 100%;
  }
}

#diaporama-fs .item {
  background-color: #323e48;
  height: 100%;
  margin: 0;
}

#diaporama-fs .item a {
  cursor: pointer;
}

#diaporama-fs .item {
  height: 100%;
}

#diaporama-fs .carousel-inner {
  height: 100%;
}

#diaporama-fs .fill {
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

#diaporama-fs .carousel-control .icon-chevron-left, #diaporama-fs .carousel-control .icon-chevron-right, #diaporama-fs .carousel-control .icon-prev, #diaporama-fs .carousel-control .icon-next {
    margin-top: -10px;
}

@media screen and (min-width: 768px) {
  #diaporama-fs .carousel-control .icon-chevron-left, #diaporama-fs .carousel-control .icon-chevron-right, #diaporama-fs .carousel-control .icon-prev, .carousel-control .icon-next {
    margin-top: -130px;
  }
}

@media screen and (min-width: 992px) {
  #diaporama-fs .carousel-control .icon-chevron-left, #diaporama-fs .carousel-control .icon-chevron-right, #diaporama-fs .carousel-control .icon-prev, .carousel-control .icon-next {
    margin-top: 0;
  }
}

#diaporama-fs .carousel-indicators {
  bottom: 0;
  left: 30px;
  width: auto;
  text-align: right;
}

@media (min-width: 768px) {
  #diaporama-fs .carousel-indicators {
    bottom: 30px;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  #diaporama-fs .carousel-indicators {
  }
}

@media (min-width: 1200px) {
  #diaporama-fs .carousel-indicators {
    bottom: 23px;
  }
}

#diaporama-fs .carousel-indicators li {
  background-color: #fff;
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  margin: 2px 1px;
  filter: alpha(opacity=100);
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

@media (min-width: 768px) {
  #diaporama-fs .carousel-indicators li {
    margin: 2px 5px;
  }
}

#diaporama-fs .carousel-indicators .active {
  background-color: rgba(255,255,255,0);
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  margin: 2px 1px;
}

@media (min-width: 768px) {
  #diaporama-fs .carousel-indicators .active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
  }
}

.diaporama-fs-caption {
  position: absolute;
  width: 100%;
  bottom: 200px;
  padding: 0;
  margin: 0;
  text-align: center;
  z-index: 2;
}

@media (min-width: 560px) {
  .diaporama-fs-caption {
    bottom: 100px;
  }
}

@media (min-width: 768px) {
  .diaporama-fs-caption {
    bottom: 240px;
  }
}

@media (min-width: 1024px) {
  .diaporama-fs-caption {
    bottom: 150px;
  }
}

.diaporama-fs-caption h3 {
  font-family: 'Atlantis the lost City Regular';
  font-size: 4rem;
  font-style: normal;
  padding: 15px;
  color: #fff;
  z-index: 2;
  text-shadow: 0px 0px 60px #000000;
}

@media (min-width: 768px) {
  .diaporama-fs-caption h3 {
    padding: 15px;
    font-size: 8rem;
  }
}

@media (min-width: 1024px) {
  .diaporama-fs-caption h3 {
    font-size: 12rem;
    padding: 30px 30px 15px 30px;
  }
}

.diaporama-fs-caption .btn {
  background-color: rgba(255,255,255,1);
  border: 2px solid rgba(255,255,255,1);
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .diaporama-fs-caption .btn {
    font-size: 1.4rem;
  }
}

#diaporama-fs a.btn {
  color: #000;
}

.diaporama-fs-caption .btn:hover {
  background-color: rgba(255,255,255,0);
  color: rgba(255,255,255,1);
}

.diaporama-fs-caption p {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  z-index: 2;
}

@media (min-width: 768px) {
  .diaporama-fs-caption p {
    font-size: 1.8rem;
  }
}

#diaporama-fs .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.06) 60%, rgba(0,0,0,0.75) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0.75)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.06) 60%,rgba(0,0,0,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 );
  z-index: 1;
}

/* CTA */

#diaporama-fs .cta, .entete-fs .cta {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

@media (min-width: 1200px) {
  #diaporama-fs .cta, .entete-fs .cta {
    display: block;
    bottom: 56px;
  }
}

.entete .cta {
  position: relative;
  top: 700px;
  left: 0;
  text-align: center;
  z-index: 1000;
}

@media (min-width: 768px) {
  .entete .cta {
  }
}

#video .cta {
  position: relative;
  bottom: 70px;
  left: 0;
  text-align: center;
  z-index: 1000;
}

@media (min-width: 560px) {
  #video .cta{
    bottom: 80px;
  }
}

@media (min-width: 768px) {
  #video .cta {
    bottom: 80px;
  }
}

@media (min-width: 1024px) {
  #video .cta {
    bottom: 100px;
  }
}

@media (min-width: 1200px) {
  #video .cta {
    bottom: 100px;
  }
}







.icon-chevron-with-circle-down {
  font-size: 40px;
  color: #fff;
}

@media (min-width: 768px) {
  .icon-chevron-with-circle-down {
  }
}

#diaporama-fs a {
  color: rgba(255,255,255,1);
}

#diaporama-fs a:hover .icon-chevron-with-circle-down, .entete a:hover .icon-chevron-with-circle-down {
  color: rgba(255,255,255,.75);
  text-decoration: none;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.bounceo {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

.animated-bounceo {
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -ms-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; 
  animation-fill-mode:both;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -ms-animation-duration:2s;
  -o-animation-duration:2s;
  animation-duration:2s;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  40% {-moz-transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  40% {-o-transform: translateY(-30px);}
  60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}

.bouncea {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

.animated-bouncea {
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -ms-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; 
  animation-fill-mode:both;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -ms-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-5px);}
  60% {-webkit-transform: translateY(-5px);}
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  40% {-moz-transform: translateY(-5px);}
  60% {-moz-transform: translateY(-5px);}
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  40% {-o-transform: translateY(-5px);}
  60% {-o-transform: translateY(-5px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-5px);}
  60% {transform: translateY(-5px);}
}

/* Diaporama RP */

#diaporama-rp {
  height: 220px;
  padding-bottom: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 560px) {
  #diaporama-rp {
    height: 300px;
  }
}

@media (min-width: 768px) {
  #diaporama-rp {
    height: 500px;
  }
}

#diaporama-rp .carousel {
  background-color: rgba(0,0,0,0);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  height: 100%;
}

#diaporama-rp img {
  max-height: 220px;
  min-height: 220px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 560px) {
  #diaporama-rp img {
    max-height: 300px;
    min-height: 300px;
  }
}

@media (min-width: 768px) {
  #diaporama-rp img {
    max-height: 500px;
    min-height: 500px;
  }
}

#diaporama-rp .carousel-inner {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

#diaporama-rp .carousel-caption {
  width: 100%;
  left: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  margin: 0;
  text-shadow: 0 0 10px #000;
  text-align: left;
}

#diaporama-rp .carousel-caption .caption {
  position: absolute;
  width: 100%;
  left: 10px;
  bottom: 20px;
  font-size: 1.2rem;
}

@media (min-width: 1024px) {
  #diaporama-rp .carousel-caption .caption {
    font-size: 2rem;
    left: 30px;
    bottom: 30px;
  }
}

#diaporama-rp .carousel-caption .description {
  position: absolute;
  left: 10px;
  bottom: 5px;
  font-size: 1rem;
  text-align: right;
}

@media (min-width: 1024px) {
  #diaporama-rp .carousel-caption .description {
    left: 30px;
    bottom: 15px;
    font-size: 1rem;
  }
}

#diaporama-rp .carousel-caption .logo-pyrenees31 {
  position: absolute;
  right: 10px;
  bottom: 5px;
  text-align: right;
}

@media (min-width: 1024px) {
  #diaporama-rp .carousel-caption .logo-pyrenees31 {
    right: 30px;
    bottom: 15px;
  }
}

#diaporama-rp .carousel-caption .logo-pyrenees31 i {
  font-size: 3rem;
}

@media (min-width: 1024px) {
  #diaporama-rp .carousel-caption .logo-pyrenees31 i {
    font-size: 6rem;
  }
}

#diaporama-rp .carousel-indicators {
  bottom: 0;
}

@media (min-width: 768px) {
  #diaporama-rp .carousel-indicators {
  }
}

@media (min-width: 1024px) {
  #diaporama-rp .carousel-indicators {
  }
}

@media (min-width: 1200px) {
  #diaporama-rp .carousel-indicators {
  }
}

#diaporama-rp .carousel-indicators li {
  background-color: #fff;
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  margin: 2px 1px;
  filter: alpha(opacity=100);
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

@media (min-width: 768px) {
  #diaporama-rp .carousel-indicators li {
    margin: 2px 5px;
  }
}

#diaporama-rp .carousel-indicators .active {
  background-color: rgba(255,255,255,0);
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  margin: 2px 1px;
}

@media (min-width: 768px) {
  #diaporama-rp .carousel-indicators .active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
  }
}

.diaporama #diaporama-rp, .diaporama #diaporama-rp .carousel-inner {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
}

/* Diaporama JT */

#diaporama-jt {
  background-color: rgba(0,0,0,1);
  height: 120px;
}

@media (min-width: 560px) {
  #diaporama-jt {
    height: 200px;
  }
}

@media (min-width: 768px) {
  #diaporama-jt {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  #diaporama-jt {
    height: 360px;
  }
}

@media (min-width: 1200px) {
  #diaporama-jt {
    height: 600px;
  }
}

#diaporama-jt .carousel {
  background-color: rgba(0,0,0,1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#diaporama-jt .item {
  padding: 0;
  margin: 0;
}

#diaporama-jt .fill {
  background-color: #333231;
  background-image: url("img/temp.jpg");
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height: 120px;
  padding: 0;
  margin: 0;
}

@media (min-width: 560px) {
  #diaporama-jt .fill {
    min-height: 200px;
  }
}

@media (min-width: 768px) {
  #diaporama-jt .fill {
    min-height: 280px;
  }
}

@media (min-width: 1024px) {
  #diaporama-jt .fill {
    min-height: 360px;
  }
}

@media (min-width: 1200px) {
  #diaporama-jt .fill {
    min-height: 600px;
  }
}

#diaporama-jt .carousel-caption {
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  margin: 0;
  font-family: 'Atlantis the lost City Regular';
  font-size: 1.8rem;
  text-align: left;
  text-shadow: 0 0 0 #000;
}

@media (min-width: 992px) {
  #diaporama-jt .carousel-caption {
    padding: 30px;
  }
}

#diaporama-jt .carousel-caption a {
  color: #fff;
}

#diaporama-jt .carousel-caption a:hover {
  color: rgba(255,255,255,.9);
}

#diaporama-jt .carousel-description {
  position: absolute;
  color: #fff;
  bottom: 60px;
  right: 0;
  padding: 15px;
  margin: 0;
  font-size: 12px;
  text-align: right;
  text-shadow: 0 0 1px #000;
}

@media (min-width: 992px) {
  #diaporama-jt .carousel-description {
    font-size: 1.8rem;
  }
}

#diaporama-jt .carousel-indicators {
  bottom: 60px;
}

/* Actualite */

#actualite {
  background-color: #f5f5fa;
  height: 60px;
}

#actualite .carousel {
  background-color: #f5f5fa;
  border: 0;
}

#actualite .carousel .item {
  background-color: #f5aa34;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  border: 0;
}

#actualite .carousel-caption {
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  text-shadow: 0 0 0 rgba(0,0,0,0);
  padding: 0;
  border: 0;
}

@media (min-width: 1200px) {
  #actualite .carousel-caption {
    height: 100px;
    bottom: 30%;
    right: 5px;
    left: 5px;
  }
}

#actualite .carousel-caption a {
  color: #fff;
}

@media (min-width: 768px) {
  #actualite .carousel-caption {
    bottom: 39px;
  }
}

@media (min-width: 1024px) {
  #actualite .carousel-caption {
    bottom: 39px;
  }
}

@media (min-width: 1200px) {
  #actualite .carousel-caption {
    font-size: 2rem;
    bottom: -35px;
  }
}

/* Blog */

#blog-edito .edito {
  padding: 30px 0 0 0;
}

@media (min-width: 768px) {
  #blog-edito .edito {
    padding: 30px 0 0 0;
  }
}

@media (min-width: 1200px) {
  #blog-edito .edito {
    padding: 60px 0 0 0;
  }
}

@media (min-width: 1024px) {
  #blog-edito .edito {
    padding: 60px 0 30px 0;
  }
}

/* Isotope */

#isotope {
  padding: 15px 0 15px 0;
}

@media (min-width: 768px) {
  #isotope {
  }
}

@media (min-width: 1024px) {
  #isotope {
    padding: 0 0 30px 0;
  }
}

@media (min-width: 1200px) {
  #isotope {
    padding: 15px 15px 60px 15px;
  }
}

@media (min-width: 1024px) {
  #single #isotope { 
    padding: 30px 0 45px 0;
    margin: 0 -15px;
  }
}

#isotope .grid-item { 
  width: 100%;
  padding: 7.5px 0;
}

@media (min-width: 768px) {
  #isotope .grid-item { 
    width: 50%;
    padding: 15px;
  }
}

@media (min-width: 1024px) {
  #isotope .grid-item { 
    width: 33%;
  }
}

@media (min-width: 1200px) {
  #isotope .grid-item { 
    width: 33%;
  }
}

@media (min-width: 1200px) {
  #isotope.blog .grid-item { 
    width: 50%;
  }
}

#isotope.blog .grid-item:hover { 
  cursor: pointer;
}

#isotope.blog .grid-item {
  padding: 7.5px 15px;
}

#isotope .grid-item img { 
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

#isotope .img-hover-zoom {
  position: relative;
  background-color: #f4b64e;
  width: 100%;
  overflow: hidden;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
}

#isotope .img-hover-zoom img {
  transition: transform 3s ease;
}

#isotope .grid-item:hover img {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

#page #isotope .grid-item:hover img {
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

#isotope .img-hover-zoom-logo {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 75%;
  background: url(https://www.pyrenees31.com/wp-content/themes/pyrenees31/svg/logo-pyrenees31-simple-blanc.svg) center center/cover no-repeat;
  opacity: 0;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -khtml-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#isotope .grid-item:hover .img-hover-zoom-logo {
  opacity: .25;
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

#isotope .grid-item:hover .img-hover-zoom img {
}

#isotope h3 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: left;
  color: #323e48;
  padding: 30px 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  #isotope h3 {
    font-size: 2rem;
    padding: 30px 0 15px 15px;
  }
}

@media (min-width: 1200px) {
  #isotope h3 {
    font-size: 2rem;
  }
}

#isotope h3:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px 0 0 0;
}

.alternative #isotope h3 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: left;
  color: #323e48;
  padding: 30px 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  .alternative #isotope h3 {
    font-size: 2rem;
    padding: 30px 0 15px 15px;
  }
}

@media (min-width: 1200px) {
  .alternative #isotope h3 {
    font-size: 2rem;
  }
}

#isotope h3.une-title {
  background-color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #323e48;
  padding: 50px 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  #isotope h3.une-title {
    font-size: 2rem;
    padding: 60px 0 30px 15px;
  }
}

@media (min-width: 1200px) {
  #isotope h3.une-title {
    font-size: 3rem;
  }
}

#isotope h3.une-title:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 15px auto;
}

#isotope .grid-item h3 {
  color: #f4b64e;
  font-family: 'Raleway', sans-serif;
  font-size: 1.7rem;
  font-weight: 800;
  margin: 0 0 5px 0;
  padding: 0;
}

@media (min-width: 768px) {
  #isotope .grid-item h3 {
    font-size: 1.8rem;
  }
}

#isotope .grid-item h3:after {
  width: 0;
  height: 0;
  margin: 0;
}

#isotope .grid-item h4 {
  color: #7c7c80;
  font-family: 'Atlantis the lost City Regular';
  text-transform: none;
  font-size: 1.6rem;
  margin: 5px 0;
  padding: 0;
  min-height: 15px;
}

@media (min-width: 768px) {
  #isotope .grid-item h4 {
    font-size: 1.8rem;
    margin: 0 0 5px 0;
  }
}

#isotope .grid-item h5 {
  color: #7c7c80;
  font-family: 'Raleway', sans-serif;
  text-transform: none;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 5px 0;
  padding: 0;
  min-height: 15px;
}

@media (min-width: 768px) {
  #isotope .grid-item h5 {
    font-size: 1.2rem;
  }
}

#isotope .grid-item p {
  color: #7c7c80;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  min-height: 20px;
}

@media (min-width: 768px) {
  #isotope .grid-item p {
    font-size: 1.4rem;
  }
}

#isotope .grid-item .categorie {
  display: inline-block;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 15px;
}

#isotope .grid-item .excerpt p {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
}

#isotope .grid-item .author {
  font-size: 1.2rem;
  font-weight: 600;
}

#isotope .grid-item .date {
  font-size: 1.2rem;
  font-weight: 400;
}

#isotope .grid-item .author img {
  width: 33px;
  border: 2px solid #f4b64e;
  border-radius: 50%;
  margin-right: 10px;
}

#isotope .grid-item:hover .author img {
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

#isotope .grid-item p.tags {
  font-size: 1.2rem;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-top: 15px;
  border-top: 1px solid rgba(0,0,0,.1)
}

@media (min-width: 1200px) {
  #isotope .grid-item p.tags {
    margin-bottom: 60px;
  }
}

#isotope .grid-item .tag {
  font-style: italic;
  margin-right: 10px;
}

#isotope .grid-detail {
  padding: 15px 0 0 0;
}

@media (min-width: 1024px) {
  #isotope .grid-detail {
  }
}

@media (min-width: 1200px) {
  #isotope .grid-detail {
  }
}

#isotope .is-checked { 
  background-color: rgba(0,0,0,.1);
}

#isotope .button {
  display: block;
  margin: 5px;
  background-color: #e8e8ed;
  color: #4d4d4f;
}

#isotope .button:active,
#isotope .button.is-checked {
  background-color: #323e48;
  color: #fff;
}

#isotope .button.is-checked {
}

#isotope .button:active {
}

#isotope .button-group {
  margin: 0 0 30px 0;
}

#isotope .btn-filters {
  margin: 7.5px 0;
} 

#isotope .btn-filters.btn.btn-primary {
  margin: 5px 0;
} 

#isotope div.filtres.filters.affix-top {
  position: relative;
}

#isotope div.filtres.filters.affix {
  position: fixed;
  top: 30px;
}

#isotope .filtres h3 {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 15px 0;
  padding: 0;
}

#isotope .filtres h3:after {
  width: 0;
  height: 0;
  margin: 0;
}

#isotope .filtres .btn-primary {
  margin: 15px auto;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}

.nav-filters {
  left: 0;
  background-color: #fff;
  padding: 5px 15px;
  margin: 15px -15px;
}

.nav-filters.hidden-lg.affix-top {
  position: absolute;
  top: -100px;
  opacity: 0;
}

.nav-filters.hidden-lg.affix {
  opacity: 1;
  top: 0;
  left: 0;
  padding: 5px 15px;
  margin: 0;
  width: 100%;
  z-index: 50;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (min-width: 768px) {
  .nav-filters.hidden-lg.affix {
    top: 0;
  }
}

.no-result {
  font-size: 2rem;
  margin: 0 0 60px 0;
}

#isotope .retour {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 1024px) {
  #isotope .retour {
    margin-bottom: 0;
  }
}

#isotope .retour a {
  color: #323e48;
}

#isotope .retour:hover a {
  color: #f4b64e;
}

#isotope .retour .g-btn {
  margin: 0;
}

#isotope .label-default {
  background-color: rgba(50,62,72,.33)
}

#isotope .grid-detail .nbr-img {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 0 10px #000;
}

#isotope .grid-detail .nbr-img i {
  position: relative;
  top: 1px;
  right: 1px;
}

#isotope .grid-item .infos {
  opacity: 0;
  position: absolute;
  width: 100%;
  bottom: -30px;
  left: 0;
  padding: 15px;
  color: #fff;
  font-weight: 400;
  text-shadow: 0 0 10px #000;
  text-decoration: none;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

#isotope .grid-item:hover .infos {
  opacity: 1;
  bottom: 0;
}

#isotope .tarif {
  display: block;
  font-size: 1.8rem;
  color: #fff;
  text-shadow: 0 0 10px #000;
}

#isotope .bold {
  font-weight: 600;
}

#isotope .capacite {
  display: block;
  font-size: 1.4rem;
  color: #fff;
  text-shadow: 0 0 10px #000;
}

#isotope .resultat {
  position: absolute;
  top: -4px;
  left: -163px;
  background-color: #f4b64e;
  color: #fff;
  padding: 7.5px 15px;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 1200px) {
  #isotope .resultat {
    position: absolute;
    top: -4px;
    left: -163px;
    background-color: #f4b64e;
    color: #fff;
    padding: 7.5px 15px;
    display: inline-block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
  }
}

#isotope .categories ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  #isotope .categories ul {
    padding: 0 0 15px 0;
  }
}

@media (min-width: 1024px) {
  #isotope .categories ul {
    padding: 0 0 15px 0;
  }
}

@media (min-width: 1200px) {
  #isotope .categories ul {
    padding: 0 0 30px 0;
  }
}

#isotope .categories li {
  display: inline-block;
  padding: 15px 0;
}

@media (min-width: 1024px) {
  #isotope .categories li {
    display: inline-block;
    padding: 15px 0;
  }
}

#isotope .categories li a {
  background-color: #f4b64e;
  color: #fff;
  font-weight: 600;
  padding: 7.5px 15px;
  margin: 7.5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

/* Isotope Archive */

@media (min-width: 1024px) {
  #isotope.archive {
    padding: 15px 30px 60px 30px;
  }
}

#isotope.archive .grid {
}

#isotope.archive .grid:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 1024px) {
  #isotope.archive .grid-item,
  #isotope.archive .grid-sizer {
    width: 33%;
  }
}

#isotope.archive .grid-item {
  cursor: pointer;
  position: relative;
  overflow: hidden !important;
  float: left;
  height: 260px;
  display: inline-block;
  border: 15px solid #fff;
  padding: 0;
  margin: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 1024px) {
  #isotope.archive .grid-item-66 { 
    width: 66%;
  }
}

#isotope.archive .img-hover-zoom {
  width: 100%;
  height: 100%;
  background-image: url("img/temp.jpg");
  background-position: center;
  background-size: cover;
  -webkit-background-size:cover;
  background-repeat: no-repeat;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  -o-transition: all 3s;
  transition: all 3s;
}

#isotope.archive .grid-item:hover .img-hover-zoom {
  opacity: .9;
}

#isotope.archive .grid-item:hover .img-hover-zoom, #isotope.archive .grid-item:focus .img-hover-zoom {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

#reserver #isotope .grid-detail h3 {
  padding: 20px;
}

#reserver #isotope .img-hover-zoom {
  background-color: #f4b64e;
  background-image: none;
}

#reserver #isotope .grid-item:hover .img-hover-zoom, #reserver #isotope .grid-item:focus .img-hover-zoom {
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

#reserver #isotope .grid-item img { 

}

#isotope.archive .grid-item:hover .img-hover-zoom:before, #isotope.archive .grid-item:focus .img-hover-zoom:before {
  display: block;
}

#isotope.archive .grid-item:hover a, #isotope.archive .grid-item:focus a {
  display: block;
}

#isotope.archive .img-hover-zoom:before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(244,182,78,0.2);
}

#isotope.archive .grid-item img { 
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

#isotope.archive .img-hover-zoom {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

#isotope.archive .grid-item:hover .img-hover-zoom img {
  opacity: .7;
}

#isotope.archive .grid-item-66 .img-hover-zoom-logo {
}

#isotope.archive .grid-item-66:hover .img-hover-zoom-logo {
  height: 300px;
}

#isotope.archive .grid-detail h3 {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
  text-shadow: 0px 0px 15px #000;
  padding: 15px;
}

@media (min-width: 768px) {
  #isotope.archive .grid-detail h3 {
    font-size: 2.0rem;
  }
}

#isotope.archive .grid-detail p {
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  text-shadow: 0px 0px 15px #000;
  padding: 0 0 15px 0;
}

@media (min-width: 768px) {
  #isotope.archive .grid-detail p {
    font-size: 1.4rem;
  }
}

#isotope.archive .grid-detail { 
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

@media (min-width: 1024px) {
  #isotope.archive .grid-detail { 
    bottom: 15px;
  }
}

/* Flickity */

#flickity {
  background-color: #f5f5fa;
  padding: 15px 0 60px 0;
}

#flickity .flickity-title  {
  display: inline-block;
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  color: #323e48;
  padding: 30px 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  #flickity .flickity-title  {
    font-size: 2rem;
    padding: 30px 0 15px 15px;
  }
}

@media (min-width: 1200px) {
  #flickity .flickity-title  {
    font-size: 2rem;
  }
}

#flickity .flickity-title:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 0 auto;
}

#flickity .carousel-cell {
  padding: 15px;
  width: 50%;
}

#flickity .flickity-thumb {
  width: 100%;
  overflow: hidden;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
}

#flickity .flickity-thumb:hover img {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

#flickity .carousel-cell img {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  transition: transform 3s ease;
}

#flickity h3 {
  color: #323e48;
  font-family: 'Raleway', sans-serif;
  font-size: 1.7rem;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  padding: 15px 0 0 0;
}

@media (min-width: 768px) {
  #flickity h3 {
    font-size: 1.8rem;
  }
}

#flickity h3:after {
  width: 0;
  height: 0;
  margin: 0;
}

#flickity p {
  color: #7c7c80;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  min-height: 20px;
}

@media (min-width: 768px) {
  #flickity p {
    font-size: 1.4rem;
  }
}

#flickity .carousel-cell .flickity-detail {
  padding: 0;
}

/* Flickity Une */

#flickity.une {
  padding: 0;
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  #flickity.une {
    margin-bottom: 30px;
  }
}

#flickity.une .carousel-cell {
  padding: 0;
  width: 53%;
  opacity: .5;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -khtml-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}

@media (min-width: 768px) {
  #flickity.une .carousel-cell {
    width: 66%;
  }
}

@media (min-width: 1024px) {
  #flickity.une .carousel-cell {
    width: 36%;
  }
}

@media (min-width: 1200px) {
  #flickity.une .carousel-cell {
    width: 36%;
  }
}

#flickity.une .carousel-cell.is-selected {
  opacity: 1;
  z-index: 2;
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -o-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -khtml-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -ms-transition: all .5s linear;
  transition: all .5s linear;
}

#flickity.une .flickity-thumb {
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 160px !important;
  max-height: 160px !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -khtml-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}

@media (min-width: 768px) {
  #flickity.une .flickity-thumb {
    height: 300px !important;
    max-height: 300px !important;
  }
}

@media (min-width: 1024px) {
  #flickity.une .flickity-thumb {
    height: 300px !important;
    max-height: 300px !important;
  }
}

#flickity.une .carousel-cell.carousel-cell.is-selected:hover .flickity-thumb, #flickity.une .carousel-cell.carousel-cell.is-selected:focus .flickity-thumb {
  z-index: 3;
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

#flickity.une .flickity-detail {
  background-color: rgba(244,182,78,0);
  position: absolute;
  bottom: 15px;
  width: 100%;
  padding: 15px;
  text-align: center;
  justify-content: center;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 1024px) {
  #flickity.une .flickity-detail {
    bottom: 31px;
  }
}

#flickity.une .flickity-detail p {
  font-family: 'Raleway', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 15px #000;
  padding: 0;
  margin: 0;
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

@media (min-width: 1024px) {
  #flickity.une .flickity-detail p {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  #flickity.une .flickity-detail p {
    font-size: 1.2rem;
  }
}

#flickity.une .flickity-detail p:after {
  position: relative;
  width: 30px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 1px;
  margin: 5px auto 10px auto;
}

@media (min-width: 1024px) {
  #flickity.une .flickity-detail p:after {
    height: 2px;
    margin: 7.5px auto 10px auto;
  }
}

#flickity.une .flickity-detail h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 15px #000;
  padding: 0;
  margin: 0;
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

@media (min-width: 1024px) {
  #flickity.une .flickity-detail h3 {
    font-size: 2rem;
  }
}

@media (min-width: 1200px) {
  #flickity.une .flickity-detail h3 {
    font-size: 2rem;
  }
}

#flickity.une .une-title {
  background-color: #fff;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #323e48;
  padding: 50px 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  #flickity.une .une-title {
    font-size: 2rem;
    padding: 60px 0 30px 15px;
  }
}

@media (min-width: 1200px) {
  #flickity.une .une-title {
    font-size: 3rem;
  }
}

#flickity.une .une-title:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 15px auto;
}

#reserver #flickity.une .btn {
  margin-top: 15px;
}

/* Gridalicious */

#g {
  position: relative;
  top: 0;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.g-item {
  color: #4d4d4f;
  border-radius: 0;
  padding: 7.5px 0;
  border-bottom: 1px solid rgba(255,255,255,.25);
}

@media (min-width: 768px) {
  .g-item {
    padding: 15px;
    border-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .g-item {
    padding: 15px;
  }
}

.g-item img {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}

.g-view {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}

.g-view img {
  opacity: 1;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.g-view:hover img { 
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.g-view .g-mask {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 1024px) {
  .g-view .g-mask {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -ms-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  }
}

.g-view:hover .g-mask {
  opacity: 0.97;
  top: 0;
  -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -ms-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

@media (min-width: 768px) {
  .g-view:hover .g-mask {
    display: none;
  }
}

@media (min-width: 1024px) {
  .g-view:hover .g-mask {
    display: block;
  }
}

@media (min-width: 1200px) {
  .g-view:hover .g-mask {
    opacity: 1;
    background-color: rgba(0,0,0,.25);
  }
}

.g-post-thumbnail {
}

.g-view .g-post-thumbnail img {
}

.g-view:hover .g-post-thumbnail img {
}

.g-excerpt {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin: 0;
  padding: 15px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 768px) {
  .g-excerpt {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .g-excerpt {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .g-excerpt {
    padding: 15px;
    margin: 0;
  }
}

.g-excerpt h3 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  text-decoration: none;
  word-spacing: 0em;
  letter-spacing: 1px;
  color: #fff;
  margin: 0 0 5px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .g-excerpt h3 {
    font-size: 2rem;
  }
}

.g-excerpt p {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  color: #fff;
  margin: 0;
  padding: 0;
}

.g-excerpt i {
  color: #fff;
  font-size: 1.8rem;
}

.g-excerpt a {
  margin: 30px 0 10px 0;
}

@media (min-width: 1024px) {
  .g-excerpt a {
    margin: 20px 0 60px 0;
  }
}

.g-view:hover .g-excerpt {
  opacity: 1;
  -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -ms-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

.g-view:hover .g-excerpt a {
  background-color: rgba(255,255,255,1);
  color: #666;
}

.g-view:hover .g-excerpt a:hover {
  background-color: rgba(255,255,255,.5);
}

.g-title {
  color: #fff;
  font-size: 1.8rem;
  margin-top: 15px;
}

.g-overview {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.2);
  top: 0;
  left: 0;
  z-index: 1;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#g-autres {
  position: relative;
  top: 0;
  background-color: #f5f5fa;
  padding: 0 15px;
  margin: 0 0 0 0;
}

@media (min-width: 768px) {
  #g-autres {
    padding: 0 30px 0 30px;
  }
}

#g-autres h4 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  color: #323e48;
  padding: 30px 0 15px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  #g-autres h4 {
    font-size: 5rem;
    padding: 60px 0 30px 0;
  }
}

@media (min-width: 1200px) {
  #g-autres h4 {
    font-size: 2rem;
    padding: 60px 0 15px 0
  }
}

#g-autres h4:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 0 auto;
}

#g-autres .g-excerpt h4 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  word-spacing: 0em;
  letter-spacing: 1px;
  color: #323e48;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  #g-autres .g-excerpt h4 {
    font-size: 1.2rem;
    color: #fff;
  }
}

#g-autres .g-excerpt h4:after {
  position: relative;
  width: 0;
  height: 0;
  margin: 0;
}

#g-autres .g-excerpt h4 a {
  color: #fff;
}

.g-retour {
  background-color: #f5f5fa;
  text-align: center;
  padding: 0;
  margin: 0;
}

@media (min-width: 1024px) {
  .g-retour {
  }
}

@media (min-width: 1200px) {
  .g-retour {
    padding: 15px 0 0 0;
  }
}

.g-btn {
  position: relative;
  top: 0;
  color: #323e48;
  font-weight: 600;
  text-transform: uppercase;
  background-color: rgba(255,255,255,0);
  border: 2px solid #323e48;
  padding: 6px 12px;
  margin: 20px 0 30px 0;
}

@media (min-width: 1024px) {
  .g-btn {
    margin: 0 30px 30px 30px;
  }
}

@media (min-width: 1024px) {
  .g-btn {
    margin: 0 60px 60px 60px;
  }
}

.g-btn:hover {
  background-color: rgba(255,255,255,0);
  border: 2px solid #f5aa34;
  color: #f5aa34;
}

.g-btn i {
  position: relative;
  top: 1px;
  margin-left: 5px;
}

/* Social Wall */

#socialwall {
  background-color: rgba(245,245,250);
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  #socialwall {
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  #socialwall {
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  #socialwall {
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  #en-image #socialwall {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .ff-instagram .ff-icon-inner {
    background-color: #c70883 !important;
  }
}

#socialwall .ff-stream {
  padding: 0;
}

@media (min-width: 1200px) {
  #socialwall .ff-stream {
    padding: 0;
  }
}

#socialwall .ff-stream-wrapper {
  margin: 15px 0 0 0;
}

@media (min-width: 1200px) {
  #socialwall .ff-stream-wrapper {
    margin: 30px 0 0 0;
  }
}

#socialwall .ff-btn {
  position: relative;
  top: 0;
  color: #323e48;
  font-weight: 600;
  text-transform: uppercase;
  background-color: rgba(255,255,255,0);
  border: 2px solid #323e48;
  padding: 6px 12px;
  margin: 5px 0 30px 0;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

#socialwall #ff-stream-1 .ff-loadmore-wrapper .ff-btn {
    background-color: rgba(255,255,255,0);
}

#socialwall .ff-btn:hover {
  color: #f4b64e;
  border: 2px solid #f4b64e;
}

#socialwall .ff-loadmore-wrapper {
  margin-top: 15px;
  margin-left: 30px;
  padding-bottom: 60px
}

#socialwall .ff-header h1 {
  margin: 0 !important;
}

#socialwall #ff-stream-1 .ff-header h1 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 2rem;
  text-transform: uppercase;
  font-size: 2rem;
  padding: 60px 15px 30px 15px;
}

@media (min-width: 768px) {
  #socialwall #ff-stream-1 .ff-header h1 {
    padding: 0 15px 15px 15px;
  }
}

@media (min-width: 1024px) {
  #socialwall #ff-stream-1 .ff-header h1 {
    padding: 0 15px 15px;
  }
}

@media (min-width: 1200px) {
  #socialwall #ff-stream-1 .ff-header h1 {
    font-size: 3rem;
    padding: 100px 15px 20px 15px;
  }
}

#socialwall .ff-header h1:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 0 auto;
}

#socialwall h3 {
  text-align: center;
  font-family: 'Atlantis the lost City Regular';
  font-size: 2.6rem;
  padding: 60px 0 5px 0;
  color: #323e48;
}

@media (min-width: 1200px) {
  #socialwall h3 {
    font-size: 3rem;
    padding: 100px 0 15px 0;
  }
}

#socialwall .ff-item {
  padding: 7.5px 15px;
}

@media (min-width: 1024px) {
  #socialwall .ff-item {
    padding: 0;
  }
}

#socialwall .ff-upic-round .ff-img-holder:first-child, #socialwall .ff-upic-round .ff-img-holder:first-child img {
  border-radius: 2px 2px 0 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

#socialwall .ff-upic-round .picture-item__inner, #socialwall .ff-upic-round .picture-item__inner:before {
  border-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

/* Détails */

#details {

}

#details h3 {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 1.8rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: left;
  color: #323e48;
  padding: 15px 0 30px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1200px) {
  #details h3 {
    font-size: 2rem;
  }
}

#details h3:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px 0 0 0;
}

#details h4 {
  color: #f4b64e;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #details h4 {
    margin-bottom: 15px;
  }
}

/* Détail */

.detail {
  padding: 20px 15px;
  margin: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}

@media (min-width: 768px) {
  .detail {
    padding: 30px 0;
  }
}

.detail p {
  margin: 0;
}

.detail i {
  color: #323e48;
}

.detail .icon-dots-three-horizontal {
  color: rgba(255,255,255,0);
}

.detail .icon-mail {
  position: relative;
  top: 2px;
}

.detail .bold {
  font-weight: 600;
}

.detail .detail-space {
  margin-bottom: 15px;
}

.detail .detail-space-minus {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .detail .detail-space-minus {
    margin-bottom: -15px;
  }
}

.detail table {
  margin-bottom: 0;
}

.detail table>tbody>tr>td, .detail table>tbody>tr>th, .detail table>tfoot>tr>td, .detail table>tfoot>tr>th, .detail table>thead>tr>td, .detail table>thead>tr>th {
  padding: 0;
  border: 0 solid #fff;
}

.detail .col-a {
  font-weight: 400;
  width: 75%;
  text-align: left;
}

@media (min-width: 768px) {
  .detail .col-a {
    padding-top: 10px;
  }
}

.detail .col-a .prestation {
}

@media (min-width: 768px) {
  .detail .col-a .prestation {
  }
}

.detail .col-b {
  font-weight: normal;
  width: 25%;
  text-align: left;
}

@media (min-width: 768px) {
  .detail .col-b {
  }
}

.detail .col-b .tarif {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0 0 0 7.5px;
  margin: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 768px) {
  .detail .col-b .tarif {
    color: #323e48;
    background-color: #fff;
    padding: 10px;
    margin: 5px 0;
  }
}

.detail .col-b i.icon-controller-record {
  position: relative;
  color: #fff;
  top: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

.detail .big {
  font-size: 1.8rem;
}

.detail i {
  margin-right: 5px;
}

/* Langues parlées */

#langues-parlees img {
  margin-right: 10px;
}

/* téléchargements */

#telechargements .btn {
  margin-right: 15px;
  margin-bottom: 15px;
}

/* GMap */

#plan .leaflet-map {
  z-index: 10;
  padding: 0;
  margin: 0 0 15px 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 1200px) {
  #plan {
    margin: 0;
  }
}

.acf-map {
  height: 300px;
  width: 100%;
  margin: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 768px) {
  .acf-map {
    height: 500px;
  }
}

.acf-map h3 {
  font-size: 1.8rem;
  margin-top: 5px;
  margin-bottom: 0;
}

.acf-map-inter {
  height: 300px;
  width: 100%;
  margin: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 768px) {
  .acf-map-inter {
    height: 600px;
  }
}

.acf-map-inter h3 {
  font-size: 1.8rem;
  margin-top: 5px;
  margin-bottom: 0;
}

.acf-map-inter img {
  max-width: inherit !important;
}

.acf-map-inter-thumb img {
  min-width: 200px;
  max-width: 200px;
  height: auto;
}

.gm-style-iw {
  max-width: 200px !important;
  padding: 15px;
  margin: 0;
}

.gm-style-iw h3 {
  color: #f4b64e;
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 5px 0 5px 0;
  text-transform: uppercase;
}

.gm-style-iw .acf-map-inter-term {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}

.gm-style-iw .acf-map-inter-term a {
  color: #3d433f;
}

.gm-style-iw p {
  color: #3d433f;
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.gm-style-iw .btn-default {
  font-size: 1.8rem;
  padding: 5px 10px;
  margin: 15px 0 0 0;
  text-transform: uppercase;
}

.iframe {
  height: 300px;
  width: 100%;
  margin: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}

@media (min-width: 768px) {
  .iframe {
    height: 500px;
  }
}

.iframe iframe {
  height: 100%;
  width: 100%;
}

/* Résultat */

.item {
  background-color: #fff;
  margin: 0 15px 15px 15px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}

.item:hover {
  cursor: pointer;
}

@media (min-width: 768px) {
  .item {
    background-color: #fff;
    margin: 0 0 30px 0;
  }
}

.item-col {
  padding: 0;
}

@media (min-width: 768px) {
  .item-col {
    padding: 0 15px;
  }
}

.item-thumbnail {
  position: relative;
  background-color: #323e48;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding: 0;
  margin: 0;
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -ms-border-radius: 2px 2px 2px 2px;
}

@media (min-width: 768px) {
  .item-thumbnail {
  }
}

@media (min-width: 1024px) {
  .item-thumbnail {
  }
}

@media (min-width: 1200px) {
  .item-thumbnail {
  }
}

.item-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -ms-border-radius: 2px 2px 2px 2px;
}

.item-detail {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  margin: 0 15px 15px 15px;
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -ms-border-radius: 2px 2px 2px 2px;
}

@media (min-width: 768px) {
  .item-detail {
    bottom: 15px;
  }
}

.item-detail h3 {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-align: center;
}

@media (min-width: 768px) {
  .item-detail h3 {
    color: #fff;
    font-size: 2rem;
  }
}

.item-detail h3:after {
  position: relative;
  width: 100%;
  background: rgba(255,255,255,.25);
  content: "";
  display: block;
  height: 1px;
  margin: 10px auto 10px auto;
}

.item-detail h4 {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-transform: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 5px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .item-detail h4 {
    font-size: 1.4rem;
  }
}

.item-detail p {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-transform: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  margin: 5px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .item-detail p {
    font-size: 1.4rem;
  }
}

.item-detail a {
  color: #fff;
}

.item-sub {
  position: absolute;
  background-color: rgba(0,0,0,.25);
  font-size: 1.8rem;
  color: #fff;
  width: 100%;
  padding: 5px 15px;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) {
  .item-sub {
    padding: 10px 15px;
  }
}

.wp-pagination {
  background-color: #fff;
}

.wp-pagination .pagination {
    margin: 20px 0;
}

@media (min-width: 768px) {
  .wp-pagination .pagination {
      margin: 30px 0;
  }
}

.wp-pagination .pagination .page-numbers {
  background-color: #e1e1e5;
  color: #fff;
  padding: 2px 8px;
  margin: 0 3px 0 0;
  font-size: 1.8rem;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

@media (min-width: 768px) {
  .wp-pagination .pagination .page-numbers {
    padding: 5px 10px;
    margin: 0 11px 0 0;
    font-size: 1.8rem;
  }
}

.wp-pagination .pagination .page-numbers:hover {
  background-color: #c8c8cc;
}

.wp-pagination .pagination .page-numbers.current {
  background-color: #f4b64e;
}

.wp-pagination span.arrow {
  position: relative;
  top: -2px;
}

/* Sidebar */

.sidebar {
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .sidebar {
  }
}

@media (min-width: 1024px) {
  .sidebar {
    padding-left: 18px;
  }
}

@media (min-width: 1200px) {
  .sidebar {
    padding-left: 18px;
  }
}

.sidebar.affix-top {
}

@media (min-width: 768px) {
  .sidebar.affix-top {
  }
}

@media (min-width: 1024px) {
  .sidebar.affix-top {
  }
}

@media (min-width: 1200px) {
  .sidebar.affix-top {
  }
}

.sidebar.affix {
  position: relative;
  padding: 15px 15px 0 15px;
}

@media (min-width: 768px) {
  .sidebar.affix {
    padding: 30px 15px 15px 18px;
  }
}

@media (min-width: 1024px) {
  .sidebar.affix {
    position: fixed;
    top: 50px;
  }
}

.sidebar .bold {
  font-weight: 600;
}

.sidebar .space {
  margin-bottom: 15px;
}

.sidebar .space-minus {
  margin-bottom: -15px;
}

/* Sidebar panel */

.sidebar-panel {
  background-color: #fff;
  color: #7c7c80;
  border-radius: 2px;
  padding: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

@media (min-width: 768px) {
  .sidebar-panel {
  }
}

@media (min-width: 1024px) {
  .sidebar-panel {
    width: 220px;
  }
}

@media (min-width: 1200px) {
  .sidebar-panel {
    width: 258px;
  }
}

.sidebar-panel h4 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .sidebar-panel h4 {
    margin-bottom: 25px;
  }
}

.sidebar-panel a {
  color: #7c7c80;
  font-weight: 700;
}

.sidebar-panel a:hover {
  color: #f4b64e;
}

.sidebar-panel .btn {
  width: 100%;
  background: #f4b64e;
  color: #fff;
  font-weight: 600;
  margin: 15px 0 0 0;
  padding: 6px 12px;
  font-size: 1.6rem;
}

.sidebar-panel .btn:first-child {
  margin: 15px 0 0 0;
}

@media (min-width: 768px) {
  .sidebar-panel .btn {
    margin: 25px 0 0 0;
  }
}

.sidebar-panel .btn:hover {
  color: #fff;
  opacity: .9;
}

.sidebar-panel i {
  margin-right: 3px;
}

/* Info */

.info {
  background-color: #fff;
  padding: 0;
  margin: 0 0 15px 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}

@media (min-width: 768px) {
  .info {
    padding: 30px;
  }
}

/* Maintenance */


#maintenance {
  position: absolute;
  top: 0,
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

#maintenance .container {
  position: relative;
  top: 50%;
  margin-top: -100px;
}

@media (min-width: 1024px) {
  #maintenance .container {
    margin-top: -160px;
  }
}

#maintenance object {
  height: 100px;
  margin-bottom: 30px;
}

@media (min-width: 1024px) {
  #maintenance object {
    height: 200px;
    margin-bottom: 60px;
  }
}

#maintenance h2 {
  font-size: 2rem;
  font-weight: 100;
}

@media (min-width: 1024px) {
  #maintenance h2 {
    font-size: 4rem;
  }
}

/* Carte Accueil */

#carte-accueil {
  position: relative;
  background-color: #fff;
  border-top: 1px solid rgba(255,255,255,.9);
  height: auto;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0 0 0 0;
}

@media (min-width: 1024px) {
  #carte-accueil {
    padding: 0;
  }
}

#carte-accueil img {
  text-align: center;
  margin: 0 auto;
}

#carte-accueil h3 {
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-style: normal;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #323e48;
  padding: 0 0 30px 0;
  margin: 0;
  border: 0;
}

@media (min-width: 1024px) {
  #carte-accueil h3 {
    font-size: 2rem;
    padding: 0 0 40px 15px;
  }
}

@media (min-width: 1200px) {
  #carte-accueil h3 {
    font-size: 3rem;
  }
}

#carte-accueil h3:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 15px auto;
}

/* Live */

#live {
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  #live {
    padding-bottom: 60px;
  }
}

#live .navbar {
  position: fixed;
  width: 100%;
  z-index: 90;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border: 0;
  top: -100px;
  margin-bottom: 60px;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (min-width: 768px) {
  #live .navbar {
    top: -100px;
    margin-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  #live .navbar {
    top: -100px;
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  #live .navbar {
    top: -100px;
    margin-bottom: 0;
  }
}

#live .navbar.affix {
  position: fixed;
  widows: 100%;
  z-index: 10;
  top: 0;
  margin-top: 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}

@media (min-width: 768px) {
  #live .navbar.affix {
    top: 0;
  }
}

@media (min-width: 1024px) {
  #live .navbar.affix {
    top: 0;
  }
}

@media (min-width: 1200px) {
  #live .navbar.affix {
    top: 0;
  }
}

#live .navbar-header {
  float: none;
  display: inline-block;
}

@media (min-width: 768px) {
  #live .navbar-collapse.collapse {
    display: inline-block !important;
  }
}

#live .navbar-brand {
  text-align: center;
}

#live .navbar .navbar-nav {
  display: inline-block;
  float: none;
}

#live .navbar .navbar-collapse {
  text-align: center;
}

#live .navbar-nav>li {
  display: inline-block;
}

@media (min-width: 768px) {
  #live .navbar-nav>li {
    display: block;
  }
}

.alternative #live .entete-blank {
  padding: 0;
}

@media (min-width: 768px) {
  .alternative #live .entete-blank {
    padding: 60px 0 0 0;
  }
  }

.alternative #live .titre-blank {
  padding: 30px 0 30px 0;
}

@media (min-width: 768px) {
  .alternative #live .titre-blank {
    padding: 30px 0 30px 0;
  }
}

#live .vign {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

#live a:hover img {
  filter: grayscale(100%);
}

#live p {
  color: #7c7c80;
  margin: 0 0 15px 0;
}

@media (min-width: 1024px) {
  #live p {
  }
}

#live h2 {
  font-family: 'Atlantis the lost City Regular';
  font-size: 3rem;
  color: #323e48;
  margin: 15px 0;
}

@media (min-width: 1200px) {
  #live h2 {
    font-size: 5rem;
    margin: 30px 0;
  }
}

#live h2:first-child {
  margin: 0 0 15px 0;
}

@media (min-width: 1200px) {
  #live h2:first-child {
    margin: 15px 0 30px 0;
  }
}

#live h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #323e48;
  margin: 15px 0;
}

@media (min-width: 1200px) {
  #live h3 {
    font-size: 3rem;
    line-height: 3.6rem;
    margin: 30px 0 30px 0;
  }
}

#live h3:first-child {
  margin: 15px 0 15px 0;
}

@media (min-width: 1200px) {
  #live h3:first-child {
    margin: 60px 0 30px 0;
  }
}

#live h3:after {
  position: relative;
  width: 120px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 3px;
  margin: 10px auto 0 auto;
}

#live h4 {
  font-family: 'Raleway', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #323e48;
  margin: 15px 0;
}

@media (min-width: 1200px) {
  #live h4 {
    font-size: 2rem;
    margin: 60px 0 15px 0;
  }
}

#live h4:first-child {
  font-family: 'Raleway', sans-serif;
  margin: 15px 0 15px 0;
}

@media (min-width: 1200px) {
  #live h4:first-child {
    margin: 30px 0 15px 0;
  }
}

#live h5 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  color: #323e48;
  margin: 15px 0;
}

@media (min-width: 1200px) {
  #live h5 {
    margin: 30px 0 15px 0;
  }
}

#live h5:first-child {
  font-family: 'Raleway', sans-serif;
  margin: 15px 0 15px 0;
}

@media (min-width: 1200px) {
  #live h5:first-child {
    margin: 30px 0 15px 0;
  }
}

#live #webcams, #live #meteo, #live #neige {
  padding-top: 15px;
}

@media (min-width: 1200px) {
  #live #webcams, #live #meteo, #live #neige {
    padding-top: 30px;
  }
}

/* Bulletin */

#bulletin {

}

#bulletin iframe {

}

/* Footer */

footer {
  background-image: url("img/footer.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  footer {
    background-position: top;
  }
}

/* Outils */

#outils {
  background-color: #f4b64e;
  padding: 15px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  #outils {
    padding: 0;
  }
}

#outils .outil {
  padding: 15px 0;
}

@media (min-width: 1024px) {
  #outils .outil {
    padding: 30px 0;
    border-left: 1px solid rgba(255,255,255,.33);
  }
}

@media (min-width: 1024px) {
  #outils .outil:hover {
    background-color: #ffbf52;
  }
}

#outils .outil:last-child {
}

@media (min-width: 1024px) {
  #outils .outil:last-child {
    border-left: 1px solid rgba(255,255,255,.33);
    border-right: 1px solid rgba(255,255,255,.33);
  }
}

#outils a {
  color: #fff;
  text-decoration: none;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

#outils a:hover .outil {
  color: rgba(255,255,255,.75);
  text-decoration: none;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

#outils i {
  font-size: 3rem;
}

@media (min-width: 768px) {
  #outils i {
    font-size: 3rem;
  }
}

#outils p {
  font-size: 1.2rem;
}

@media (min-width: 1024px) {
  #outils p {
    font-size: 1.8rem;
    margin-top: 5px;
  }
}

/* Réserver */

@media (min-width: 1200px) {
  #reserver .entete {
    height: 400px;
  }
}

@media (min-width: 1200px) {
  #reserver .entete .shadow {
    height: 400px;
  }
}

#reserver #isotope .grid-item { 
  width: 100%;
  height: 240px;
  padding: 0;
}

@media (min-width: 768px) {
  #reserver #isotope .grid-item { 
    width: 100%;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  #reserver #isotope .grid-item { 
    width: 100%;
    padding: 0 30%;
  }
}

@media (min-width: 1200px) {
  #reserver #isotope .grid-item { 
    width: 100%;
  }
}

#reserver #isotope .grid-item {
}

/* Contact */

#contact {
  background-color: rgba(255,255,255,0);
  padding: 15px 0;
  text-align: center;
}

@media (min-width: 768px) {
  #contact {
    padding: 0 0 30px 0;
  }
}

@media (min-width: 1024px) {
  #contact {
    padding: 15px 0 45px 0;
  }
}

@media (min-width: 1200px) {
  #contact {
    padding: 30px 0 60px 0;
  }
}

#contact .icon-logo-pyrenees31 {
  position: relative;
  font-size: 1.8rem;
}

@media (min-width: 1024px) {
  #contact .container {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  #contact .icon-logo-pyrenees31 {
    font-size: 1.8rem;
  }
}

#contact a {
  cursor: pointer;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  #contact a {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

#contact a:hover {
  color: #f5aa34;
}

#contact .btn {
  color: #333231;
  font-weight: 600;
  background-color: rgba(255,255,255,.5);
  margin-top: 15px;
}

#contact .btn:hover {
  color: #333231;
  background-color: #f4b64e;
}

#contact i {
  position: relative;
  top: 3px;
  font-size: 1.8rem;
  margin-right: 5px;
}

#contact .logo {
  text-align: center;
}

#contact object {
  margin-top: 30px;
  width: 160px;
}

@media (min-width: 1024px) {
  #contact object {
    width: 200px;
  }
}

#contact .coordonnees {
  color: #4d4d4f;
  text-align: center;
}

#contact .coordonnees h4 {
  color: #4d4d4f;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  #contact .coordonnees h4 {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}

#contact .coordonnees p {
  font-size: 1.4rem;
  font-weight: 500;
}

@media (min-width: 768px) {
  #contact .coordonnees p {
    font-size: 1.6rem;
  }
}

#contact .coordonnees a {
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  #contact .coordonnees a {
    font-size: 1.4rem;
  }
}

@media (min-width: 1024px) {
  #contact .coordonnees a {
    font-size: 1.6rem;
  }
}

#contact .pratique {
  background-color: rgba(255,255,255,1);
  color: #4d4d4f;
  text-align: center;
  padding: 30px;
  margin-top: 30px;
}

@media (min-width: 1024px) {
  #contact .pratique {
    background-color: rgba(255,255,255,.5);
    color: #4d4d4f;
    text-align: center;
    padding: 30px;
    margin-top: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
  }
}

#contact .pratique h4 {
  font-family: 'Atlantis the lost City Regular';
  color: #4d4d4f;
  font-size: 3rem;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  #contact .pratique h4 {
    font-size: 2.4rem;
    margin-top: 0;
    margin-bottom: 15px;
  }
}

#contact .btn-default {
  background-color: rgba(255,255,255,0);
  color: #323e48;
  border: 2px solid #323e48;
  padding: 3px 14px;
  margin-top: 15px;
  text-transform: uppercase;
}

#contact .btn-default:hover {
  background-color: rgba(255,255,255,0);
  color: #f4b64e;
  border: 2px solid #f4b64e;
}

#contact .coordonnees .adresse {
  
}

#contact .coordonnees .telephone {
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 7.5px;
}

/* Partenaires */

#partenaires {
  background-color: rgba(255,255,255,0);
  border-top: 1px solid rgba(0,0,0,0);
  padding: 15px 0;
  margin: 0;
  text-align: center;
}

@media (min-width: 1024px) {
  #partenaires {
    padding: 0 0 15px 0;
  }
}

@media (min-width: 1200px) {
  #partenaires {
    padding: 0 0 25px 0;
  }
}

#partenaires i {
  text-align: center;
}

@media (min-width: 1024px) {
  #partenaires i {
    font-size: 1.8rem;
    margin: 0 30px;
  }
}

#partenaires object {
  height: 30px;
  margin: 0 10px;
}

@media (min-width: 1024px) {
  #partenaires object {
  height: 60px;
  margin: 0 30px;
  }
}

@media (min-width: 1200px) {
  #partenaires object {
    height: 60px;
    margin: 0 45px;
  }
}

#partenaires a object {
  filter: grayscale(100%);
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

#partenaires a:hover object {
  filter: grayscale(0%);
}

/* Mentions */

#mentions {
  background-color: rgba(255,255,255,0);
  border-top: 1px solid rgba(0,0,0,0);
  padding: 7.5px 0 30px 0;
  margin: 0; 
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}

@media (min-width: 1024px) {
  #mentions {
    font-size: 1.2rem;
    padding: 15px 0;
  }
}

#mentions span {
  padding: 0 7.5px;
}

@media (min-width: 1024px) {
  #mentions span {
  }
}

#mentions a {
  color: #f4b64e;
}

#mentions a:hover {
  color: #cc9941;
}

#mentions .copyright {
}

#mentions .link {
  margin: 15px 0;
}

@media (min-width: 768px) {
  #mentions .link {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  #mentions .link {
    margin: 0;
  }
}

#mentions .creation a {
  font-family: 'Atlantis the lost City Regular';
  font-size: 1.8rem;
  line-height: 1.4rem;
}

/* Formulaire */

.formulaire {
  background-color: rgba(0,0,0,.75);
  text-align: center;
}

@media (min-width: 992px) {
  .formulaire {
  }
}

/* Modal */

.modal {
  z-index: 3000;
}

.modal .form-control {
  height: 60px;
  padding: 15px 30px;
  margin: 0;
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
  line-height: 1.42857143;
  color: #f4b64e;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 25px !important;
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
  box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.modal input::-webkit-input-placeholder {
  color: #ccc;
}

.modal h3 {
  text-align: center;
}

.modal .input-group {
  width: 100%;
}

.formulaire .modal-backdrop {
  background-color: rgba(255,255,255,1);
}

.formulaire .modal-dialog {
  z-index: 3000;
}

.formulaire .modal-header {
  background-color: #f7f6f5;
  border-bottom: 0 solid #f7f6f5;
  border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
  -ms-border-radius: 2px 2px 0px 0px;
}

.formulaire .modal-header p {
  color: #6b756e;
  margin: 10px 0 5px 0;
}

.formulaire .close {
  position: fixed;
  font-size: 1.8rem;
  color: #f4b64e;
  text-shadow: 0 0 0 #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 30000;
  padding: 10px;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  .formulaire .close {
    font-size: 1.8rem;
    top: 0;
    right: 0;
    padding: 30px;
  }
}

.formulaire button:hover {
  opacity: 0.5;
  filter: alpha(opacity=5);
}

.formulaire .modal-content {
  background-color: rgba(255,255,255,1);
  border: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.formulaire .modal-body {
  padding: 15px;
}

@media (min-width: 768px) {
  .formulaire .modal-body {
    padding: 30px;
  }
}

.formulaire h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #3d433f;
}

@media (min-width: 768px) {
  .formulaire h3 {
    font-size: 1.8rem;
  }
}

.formulaire p {
  font-size: 1.8rem;
  color: #fff;
}

@media (min-width: 768px) {
  .formulaire p {
    font-size: 1.8rem;
  }
}

#recherche .modal-header {
  padding: 30px 15px 15px 15px;
  border-bottom: 0;
}

#recherche .modal-header h3 {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.6rem;
  color: #323e48;
}

#recherche .modal-header h3:after {
  position: relative;
  width: 60px;
  background: #f5aa34;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 0 auto;
}

@media (min-width: 1024px) {
  #recherche .modal-header h3 {
    font-size: 2rem;
  }
}

#recherche .form-control {
  background-color: rgba(0,0,0,.05);
  border: 0;
}

#recherche .modal-body {
  padding: 0 15px 30px 15px;
}

@media (min-width: 1200px) {
  #recherche .modal-body {
    padding: 0 60px 30px 60px;
  }
}

#recherche input::-webkit-input-placeholder {
  color: rgba(0,0,0,.33);
  font-size: 1.4rem;
  font-weight: 500;
}

/* WPCF7 */

.wpcf7 {
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select {
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  padding: 6px 12px;
  border: 0;
  margin: 0 0 15px 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  background-color: #f7f6f5;
  color: #6b756e;
}

.wpcf7-form-control-wrap textarea {
  height: 200px;
}

.wpcf7 select, .wpcf7 option {
    width: 100%;
    height: 48px;
    text-align: center;
}

.wpcf7 ::-webkit-input-placeholder {
  color: #6b756e;
}

.wpcf7 ::-moz-placeholder {
  text-transform: uppercase;
  color: #6b756e;
}

.wpcf7 :-ms-input-placeholder {
  text-transform: uppercase;
  color: #6b756e;
}

.wpcf7 input:-moz-placeholder {
  text-transform: uppercase;
  color: #6b756e;
}

.wpcf7-submit, .wpcf7-submit:focus {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.428571429;
  color: #fff;
  background: #f4b64e;
  border: 1px solid #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  padding: 6px 24px;
  margin-top: 15px;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (min-width: 768px) {
  .wpcf7-submit, .wpcf7-submit:focus {
    font-size: 1.8rem;
  }
}

@media (min-width: 768px) {
  .wpcf7-submit:hover {
    background: #f4b64e;
  }
}

.modal .wpcf7-submit, .wpcf7-submit:focus {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  line-height: 1.428571429;
  color: #fff;
  background: #f4b64e;
  border: 1px solid #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  padding: 6px 24px;
  margin-top: 15px;
  -o-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -khtml-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (min-width: 768px) {
  .modal .wpcf7-submit, .wpcf7-submit:focus {
    font-size: 1.8rem;
  }
}

@media (min-width: 768px) {
  .modal .wpcf7-submit:hover {
    color: #fff;
    background: #f4b64e;
  }
}

.wpcf7-not-valid-tip {
  font-family: 'Raleway', sans-serif;
  color: #fff;
  background-color: #f4b64e;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  padding: 5px 10px;
  font-size: 1.8rem;
  z-index: 1000;
}

.modal .wpcf7-not-valid-tip {
  font-family: 'Raleway', sans-serif;
  color: #fff;
  background-color: #f4b64e;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  padding: 5px 10px;
  font-size: 1.8rem;
  z-index: 1000;
}

span.wpcf7-not-valid-tip {
  color: #fff;
}

div.wpcf7-response-output {
  width: 100%;
  padding: 10px;
  margin: 0;
  color: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

div.wpcf7-mail-sent-ng {
  background-color: #f4b64e;
  border: 2px solid #f4b64e;
}

div.wpcf7-mail-sent-ok{
  background-color: #f4b64e;
  border: 2px solid #f4b64e;
}

div.wpcf7-validation-errors {
  background-color: #f4b64e;
  border: 1px solid #f4b64e;
}

.modal div.wpcf7-validation-errors {
  background-color: #f4b64e;
  border: 1px solid #f4b64e;
}

.wpcf7-mail-sent-ok {
  background-color: #f4b64e;
}

.modal .wpcf7-mail-sent-ok {
  background-color: #f4b64e;
}

.wpcf7 .screen-reader-response {
  display: none;
}

.wpcf7-captchac {
  background-color: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  margin-top: 0;
  margin-bottom: 15px;
}

.wpcf7 img {
  padding-top: 0;
}

.ajax-loader {
  display: block;
  margin: 30px 0 0 0;
}

.wpcf7 .checkbox-898 span {
  color: #6b756e;
  font-size: 1.8rem;
}

.wpcf7 .checkbox-898 input {
  width: auto;
  padding: 0;
  margin: 15px 0 0 0;
}

/* QuickShare */

.partage {
  padding: 15px 15px 15px 15px;
}

@media (min-width: 768px) {
  .partage {
    margin-top: 30px;
    padding: 0;
  }
}

.partage h4 {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.quickshare-container {
  padding: 0;
  margin: 0;
  border: 0;
}

.quickshare-genericons li.quickshare-share:before, .quickshare-text.qs-genericons li.quickshare-share:before {
  display: none
}

li.quickshare-share {
  display: none;
}

.quickshare-genericons span:before {
  font-family: 'icomoon';
}

.quickshare-facebook:before {
  content: "\e961";
  font-size: 1.8rem;
}

.quickshare-twitter:before {
  content: "\e9f7";
}

.quickshare-googleplus:before {
  content: "\ea6c";
}

.quickshare-email:before {
  content: "\e992";
  margin-left: 5px;
}

.quickshare-icons li, .quickshare-genericons li, .quickshare-text li {
  margin: 3px 10px 3px 0 !important;
  padding: 0 !important;
}

.quickshare-genericons.quickshare-small span:before {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

/* WYSIJA */

.wysija-input {
  width: 50%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  padding: 6px 12px;
  border: 0;
  margin: 15px 0 0 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  background-color: #f7f6f5;
  color: #6b756e;
  outline: -webkit-focus-ring-color auto 0;
}

.wysija-submit {
  font-size: 1.8rem;
  background-color: #f4b64e;
  color: #fff;
  border: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  padding: 6px 12px;
  margin: 0 0 30px 0;
  outline: -webkit-focus-ring-color auto 0;
}

.detail .wysija-submit {
  margin: 15px 0 0 0;
}

ul.wysija_archive {
  margin: 0;
  padding: 0;
}

.wysija_archive_subject {
  text-transform: uppercase;
}

.formError .formErrorContent {
  background: none repeat scroll 0 0 #f4b64e;
  border: 0 solid #fff;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  padding: 4px 10px;
  position: relative;
  width: 150px;
  z-index: 5001;
}

.widget_wysija_cont .updated, .widget_wysija_cont .login .message {
  color: #fff;
  background-color: #f4b64e;
  border-color: #f4b64e;
  margin: 15px 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

/* WPML */

#lang_sel_list {
  height: auto;
  position: relative;
  z-index: 99;
  font-family: 'Raleway', sans-serif;
  margin: 0 30px 0 0;
}

#lang_sel_list ul a, #lang_sel_list ul a:visited {
    background: #262525;
    font-size: 1.8rem;
    line-height: 12px;
    padding: 11px 0 0 0;
    margin: 0 15px 0 0;
}

footer #lang_sel_list ul a, #lang_sel_list ul a:visited {
    background: rgba(0,0,0,0);
    font-size: 1.8rem;
    line-height: 12px;
    padding: 0;
    margin: 0 15px 0 0;
}

/* Calameo */

#calameo {
  margin: 30px 0 60px 0;
}

/* weeiframe */

#weeiframe {
  width: 1px;
  min-width: 100%; 
  border: none; 
  min-height:800px
}

.bg-loader-weeiframe {
  background:url(https://guide.weebnb.com/wee_website/static/src/img/loading.gif) center top no-repeat;
}

/* WPC Weather */

#wpc-weather.medium .now .location_name {
  font-size: 2rem;
  text-transform: uppercase;
}

#wpc-weather .today {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  #wpc-weather .today {
    margin-bottom: 60px;
  }
}

#wpc-weather.wpc-xs .today .day {
  text-align: center;
}

#wpc-weather.wpc-xs {
  padding: 10px;
}

@media (min-width: 768px) {
  #wpc-weather.wpc-xs {
    padding: 10px 60px;
  }
}

/* Sonstellation */

#single .co-widget {
  padding: 10px 0 15px 0 !important; 
  margin-bottom: 30px;
}

#single div[id*=ConstellationCalendarContainer] .pika-cnstell-lendar {
  display: inline-block;
  float: left;
  margin-bottom: 30px;
}

#single .pika-cnstell-lendar {
  margin: 8px 16px 8px 0 !important;
}

.co-widget #BtnLaunchBooking {
  background: #f4b64e !important;
}

.co-widget .co-widget-btn-resume-capa {
  background: #7c7c80 !important;
}

.co-widget-occupancy-define label, .co-widget .co-widget-styled select {
  color: #7c7c80 !important;
}

co-widget .co-widget-icon:not(.co-widget-service):not(.co-widget-transport):not(.co-widget-cruise) {
  color: #7c7c80 !important;
}

div[data-widget-id="f153fc4f-64b8-44d6-a3dd-2430d0dac87d"] .co-widget .co-widget-icon:not(.co-widget-service):not(.co-widget-transport):not(.co-widget-cruise) {
  color: #7c7c80 !important;
}

.co-widget input, .co-widget .co-widget-styled, .co-widget .co-widget-occupancy .co-widget-occupancy-define {
  color: #7c7c80 !important;
}

.pika-cnstell-single {
  color: #7c7c80 !important;
}

.pika-cnstell-table th, .pika-cnstell-label {
  color: #7c7c80 !important;
}

.pika-cnstell-table td .pika-cnstell-button {
  border-color: #7c7c80 !important;
}

.co-widget-calendar-large {
  margin-bottom: 30px;
}

#single .co-widget {
  text-align: left;
}

.co-widget-button {
  float: none !important;
}

#single .co-widget-button {
  padding: 0 !important; 
  margin-top: 10px !important; 
  margin-bottom: 0 !important; 
}

.co-widget #BtnLaunchBooking {
  width: 100%;
  text-align: center;
  background-color: #f4b64e !important;
  color: #fff !important;
  font-weight: 600 !important;
  margin: 15px 0 0 0 !important;
  padding: 6px 12px !important;
  font-size: 1.6rem !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
}

.co-widget #BtnLaunchBooking:hover {
  background-color: #f4b64e !important;
  color: #fff !important;
  opacity: .9 !important;
}

.co-widget #BtnLaunchBooking a:hover {
  background-color: #f4b64e !important;
  color: #fff !important;
  opacity: .9 !important;
}

a#BtnLaunchBooking:hover {
  text-decoration: none !important;
}

.co-widget .co-widget-search #BtnLaunchBooking {
  background-color: #f4b64e !important;
  color: rgba(255,255,255,1) !important;
  font-weight: 600 !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
  font-size: 1.6rem !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
}

.co-widget .co-widget-search #BtnLaunchBooking:hover {
  background-color: rgba(255,255,255,.75) !important;
}

.co-widget .co-widget-search #BtnLaunchBooking a:hover {
  background-color: rgba(255,255,255,.75) !important;
}

.co-widget-search a#BtnLaunchBooking:hover {
  text-decoration: none !important;
}

/* Searchandfilter */

.searchandfilter {
  background-color: #fff;
  padding: 0 15px 15px 15px;
  margin: 15px 0 0 0;
}

@media (min-width: 1200px) {
  .searchandfilter {
    background-color: #fff;
    padding: 50px 15px 15px 15px;
    margin: 15px 0 0 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
  }
}

.searchandfilter ul {
  width: 100%;
  padding: 0;
  margin: 0;
}

.searchandfilter li {
  display: block;
  size: 10px;
  font-weight: 100;
  padding: 0;
  margin: 0;
}

.searchandfilter ul li {
  padding: 0 0 15px 0;
  margin: 0;
}

.searchandfilter ul li:last-child {
  padding: 0 0 0 0;
}

.searchandfilter ul li ul {
  padding: 15px 0;
}

.searchandfilter ul li li {
  padding: 0 0 5px 0;
}

.searchandfilter h4 {
  color: #323e48;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.searchandfilter button, .searchandfilter html input[type=button], .searchandfilter input[type=reset], input[type=submit] {
  background-color: #f4b64e;
  font-weight: 600;
  color: #fff;
  border: 0;
  margin: 0;
  padding: 6px 12px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.searchandfilter label {
  font-weight: 400;
  font-size: 1.4rem;
  color: #323e48;
}

.searchandfilter select.sf-input-select {
  background-color: #f5f5fa;
  width: 100%;
  border: 0;
  padding: 5px;
  margin: 15px 0 0 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.searchandfilter select.sf-input-select {
  min-width: 140px;
}

.sf-meta-range {
  padding: 0;
}

.searchandfilter .meta-slider {
  margin-top: 30px;
  max-width: 100%;
}

.noUi-target {
  position: relative;
  direction: ltr;
  background: #f5f5fa;
  border-radius: 4px;
  border: 0;
  box-shadow: inset 0 0 0 #fff, 0 0 0 0 #fff;
}

.searchandfilter .sf-range-min {
  position: absolute;
  left: 30px;
  border: 0;
}

.searchandfilter .sf-range-max {
  position: absolute;
  right: 15px;
  border: 0;
}

.searchandfilter .noUi-connect {
  background-color: #f4b64e;
}

.noUi-handle:after, .noUi-handle:before {
  width: 0;
  background: #000;
}

.noUi-handle {
  border: 5px solid #435361;
  border-radius: 0;
  box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff, 0 0 0 0 #fff;
}

.searchandfilter .noUi-handle {
  border-color: #435361;
}

.searchandfilter .sf-count, .searchandfilter .sf-date-postfix {
  position: absolute;
  right: 30px;
  width: 23px;
  height: 23px;
  padding: 0;
  margin: 0;
  display: inline-block;
  background-color: #f4b64e;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.print {
  position: relative;
  top: -37px;
  left: 138px;
  font-size: 2rem;
}