/*
Theme Name: Lytess
Theme URI: http://www.lytess.com
Description: Thème Lytess WordPress
Version: 2.0
Author: Nicolas GAUDIN
Author URI: http://www.nicogaudin.net
Tags: lytess, full-width, simple, grey, white, gold

  NicoGaudin
  http://www.nicogaudin.net

  */

  body,
  button,
  input,
  select,
  textarea{ color: #333; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 1.5;}

  /* Balises block */

  .post-content h1{ }
  .post-content h2{ }
  .post-content h3{ }
  .post-content h4{ }
  .post-content h5{ }
  .post-content h6{ }
  .post-content p{ }
  .post-content ul{ }
  .post-content ol{ }
  .post-content blockquote{ }
  .post-content pre{ }
  .post-content address{ }
  .post-content address{ }

  /* Balises inline */

  .post-content strong{ }
  .post-content em{ }
  .post-content acronym{ }
  .post-content code{ }
  .post-content del{ }
  .post-content ins{ }

  /* Classes des images */

  .alignleft{ display: inline; float: left;}
  .aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto;}
  .alignright{ display: inline; float: right;}
  .size-auto{ }
  .size-medium{ }
  .size-large{ }
  .size-full{ }
  .wp-caption{ }
  .wp-caption img{ }
  .gallery{ }
  .gallery .gallery-item{ }

  /****************************************************************** Styles custom **************************************************************/
  @font-face{
    font-family : "champagne";
    src : url('champagne.ttf');
  }

  @font-face {
    font-family: 'Glyphicons Halflings';
    src: url("./fonts/glyphicons-halflings-regular.eot");
    src: url("./fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("./fonts/glyphicons-halflings-regular.woff") format("woff"), url("./fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
  }

  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


  .row{margin:0 !important;}
  body{background:#efefef; font-size:13px; font-family: 'Open Sans', sans-serif;}
  a{color:#ccc}
  a:hover{color:#be995d;}
  .home{
    background:#efefef url(img/background-accueil.jpg) no-repeat; 
    background-size:contain;
    background-position: center 50px;}
    ::-webkit-input-placeholder {color: #fff;}
    :-moz-placeholder { /* Firefox 18- */color: #fff;}
    ::-moz-placeholder {  /* Firefox 19+ */color: #fff; }
    :-ms-input-placeholder {color: #fff;}

    .container{margin: 0 auto;max-width: 960px;}
    header .container{padding-left:0;padding-right:0;}
    .navbar{background:transparent; border:none; margin-top:0px;}
    .navbar > .container .navbar-brand{margin-left:15px;}
    .navbar .container{background:#fff;}

    .navbar .navbar-brand{
      background:none;/* url(img/logo-lytess.jpg) no-repeat;*/
      text-indent:0;
      width:150px;
      height:50px;
      margin-top:0;
      display:block;
      margin-left:5px;
      position:absolute;
      z-index:7999;

    }
    .site-logo{
      width:150px;
      height:50px;

    }
    .navigation ul{
      margin-top:15px;
    }
    .navigation ul.navbar-left{
      display:inline-block;
      text-align:center;
    }
    #navigation{padding-top:50px;padding-left:10px;display:block;height:100%;position:relative;}

    .navbar-nav.navbar-right:last-child{margin-right:0px;}
    .navbar-default .navbar-nav>li>a:hover{ color:#be995d;}
    .navbar-default .navbar-nav>li.active{background:none; color:#be995d;}

    .navigation{border-bottom:1px solid #be995d;padding-bottom:20px;}
    .navigation ul li{height:100%; text-transform: uppercase;}
    .navigation ul li a{display:inline-block;position:relative; width:100%; height:100%;}
    .navigation ul li a:hover{background:none;}
    .navigation ul li ul{
      display:none;
      position: relative;
      /*top: 38px;*/
      left: 0;
      min-width: 180px;
      padding:0;
      margin:0;
      padding-top:10px;
      background-color: rgba(255, 255, 255, 0.9);
      z-index:9;
    }

    /*.navigation ul li:hover ul{display:inline-block;position:relative;float: left;}*/
    .navigation ul li ul li{display:inline-block;position:relative; width:100%; margin:0; padding:0; background;#fff; height:auto;}
    .navigation ul li ul li a{line-height:none; height:25px;margin:0px 10px; color:#bbb;}
    .navigation ul li ul li a:hover{background:transparent; color:#be995d;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Switching box model for all elements */

* {
  box-sizing: border-box;
}


/* Responsive Navigation styles begin here */

@media (max-width: 767px) {
  nav + * {
    position: relative;
  }
  /* Theming opened nav */
  nav ul {
    /* maximum height */
    /*max-height: 20em;*/
    overflow: visible;
    /* translate with hardware acceleration */
    transform: translateZ(0);
    -webkit-transition: max-height .4s;
    transition: max-height .4s, overflow .4s;
    will-change: max-height, overflow;
    /* global styles */
    margin: 0;
    padding: 0;
    list-style: none;
  }
  nav a {
    display: block;
    padding: 1.2rem;
    color: #333;
    background: #fff;
    text-decoration: none;
    margin-bottom: 2px;
  }
  nav a:hover,
  nav a:focus,
  nav a:active {
    background: #eee;
  }
  /* Theming closed nav */
  nav.is-closed ul {
    max-height: 0;
    overflow: hidden;
  }
  /* Global styling nav button */
  nav > button {
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    height: 3.5rem;
    width: 3.5rem;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#333), to(#333)), -webkit-gradient(linear, left top, right top, from(#333), to(#333)), -webkit-gradient(linear, left top, right top, from(#333), to(#333));
    background-image: -webkit-linear-gradient(left, #333, #333), -webkit-linear-gradient(left, #333, #333), -webkit-linear-gradient(left, #333, #333);
    background-image: linear-gradient(to right, #333, #333), linear-gradient(to right, #333, #333), linear-gradient(to right, #333, #333);
    background-position: center top, center, center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: 3.5rem .9rem;
    background-size: 3.5rem .9rem;
    padding: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: .2s;
    transition: .2s;
  }
  /*  Removing Firefox's dotted outline on button */
  nav > button::-moz-focus-inner {
    border: 0;
  }
  /* Theming opened nav button */
  nav:not(.is-closed) > button {
    -webkit-transform: rotate(180deg) translateZ(0);
    transform: rotate(180deg) translateZ(0);
    background-position: center, center, center;
  }
  /* Hide alternate text except from screen readers */
  .visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
  }
}




/*  body .nav-mobile {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
  }
  body .nav-mobile .nav-mobile-menu {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
  }
  body .nav-mobile .nav-mobile-menu > select.nav-select-mobile {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    font-family: 'Gentleman';
    background-color: #a3ce89;
    color: #fff;
  }
  body .nav-mobile .nav-mobile-menu select {
    background-color: #a3ce89;
    color: #fff;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    -webkit-appearance: none;
    border-radius: 0;
  }
  body .nav-mobile .div-chevron {
    position: absolute;
    top: 210px;
    right: 10px;
  }
  body .nav-mobile .div-chevron .chevron {
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    border-color: #fff;
    content: '';
    display: inline-block;
    height: 0.85em;
    left: 0.15em;
    top: 0.15em;
    transform: rotate(135deg);
    vertical-align: top;
    width: 0.85em;
  }
  */





  .infos li{margin-left:15px;float:left;}
  .infos li:firstchild{margin-left:0;}
  .infos li a{display:block; padding-left:20px;}
  .fb{background:url(img/picto-facebook.jpg) no-repeat center left;}
  .tel{background:url(img/picto-telephone.jpg) no-repeat center left;}
  //.pays{background:url(img/picto-langue.jpg) no-repeat center left;}
  .pays ul{list-style-type: none; float:left; height:50px; line-height:50px; margin:0; padding:0;}
  .lang-item{float:left;width:20px;margin:0;padding:0;}
  .searchbar{margin-top:15px;}
  .searchbar input{background: #ebe0ce url(img/picto-loupe.png) no-repeat; background-position:right center; border:none; border-radius:10px; width:200px; padding:2px 15px; color:#fff; }

  .text-slide{background:transparent; margin:100px 0; text-align:right;}
  .lead{text-transform: uppercase; font-size:2.5em; margin-right:80px;}
  .gold{color:#be995d;}

  .blocs-categ{background:#fff; margin-bottom:2%; padding-top:10px;}
  .blocs-categ img{width:100%; height:auto; margin-bottom:5px;}
  .blocs-categ a{color:#333;}
  .blocs-categ a:hover{text-decoration:none; color:#be995d;}
  .bloc-content{background:#efefef; padding:1px 0; margin-bottom:10px; text-align:center; min-height:100px;}
  .bloc-content h2{color:#be995d; font-size:1.1em; text-transform: uppercase; width:100%; text-align:center; margin-bottom:0;}
  .bloc-content p{display:bloc; width:100%; text-align:center;}

  .titles{width:100%; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:30px; }
  .titles h2{text-transform:uppercase; color:#be995d; font-weight:normal; margin-bottom:0; font-family:"champagne", sans-serif;}
  .titles h3{text-transform:uppercase; color:#000; margin-left:00px; font-weight:normal; margin-top:0; font-family:"champagne", sans-serif;}

  .visuel-president img{width:100%; height:auto;}
  figure{margin-right:20px;}
  figcaption{color:#aaa;}

  img.largeur-full{
    max-width:100%;
  }

  /* Vidéos Youtube */
  .embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    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%;
  }

  /* Points de vente */
  .acf-map {
    width: 100%;
    height: 505px;
    border: #ccc solid 1px;
    margin: 20px 0;
  }

  /* fixes potential theme css conflict */
  .acf-map img {
   max-width: inherit !important;
 }
 #map {
  /*height: 100%;*/
}
.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 75%;
}

#pac-input:focus {
  border-color: #4d90fe;
}
input#submit{
  height:30px;
  width:120px;
  margin-left:10px;
}
input#submit:hover{
  background-color:#be995d;
}

.pac-container {
  font-family: Roboto;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

.pdv-critere input{
  margin-right:20px;
}
.pdv-critere h4, .pdv-localise h4{
  padding-top:0;
}

.pdv-list{
  height:450px;
  background-color:#fff;
  overflow:scroll;
  padding:5px;
  border:1px gray solid;
}

.pdv-list div{
  list-style-type: none;
  float:left; 
  margin:0; 
  padding:0;
  border-bottom:1px solid #ccc;  
  padding:10px;
  display:block;
  width:100%;
  cursor:pointer;
}
.pdv-list div:hover{
  background-color:#eee;
}

.pdv-list h4{
  padding-top:0;
}

.pdv-list h5{
  color:#444;
}
.pdv-list p{
  color:#ccc;
}

.nom-pdv{
  color:#000;
  font-family:"champagne",sans-serif;
}




/* Fin de Points de vente */

/* Début des partenaires */

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 15%;
  opacity: .5;
  font-size: 20px;
  color: #000;
  text-align: center;
  text-shadow: none;
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}

.carousel-control {
  /*  padding-top:10.25%;*/
  width:1%;
  margin-top:-3%;
}

img.carousel-partenaire{
  height:100% !important;
  width:auto !important;
}

a.left {
  margin-left:-1%;
} 
a.left:hover, a.left:active, a.left:visited {
  color:#ccc;
} 

a.right {
  margin-right:-1%;
} 
a.right:hover, a.right:active, a.right:visited {
  color:#ccc;
} 

.partenaire-contenant{
  position:relative;
  vertical-align:center;
  text-align:center;
}
/* Fin des partenaires */
div.debut-texte{
  margin-top:10px;
  margin-bottom:30px;
}

/*div.debut-texte p:first-child::first-letter {
  font-size:2.7em;
  padding-right:0.2em;
    margin-top:-5px;
  float:left;
    font-family:"champagne", sans-serif;
    color:#be995d;
    }*/
    h4{text-transform:uppercase; color:#be995d; font-family:"champagne", sans-serif;line-height:2;padding-top:20px;}
    h5{text-transform:uppercase; color:#ccc; font-family:"champagne", sans-serif;}
    .media{width:100%; background:#fff; border:1px solid #ccc; padding-top:15px; padding-bottom:15px; margin-bottom:30px;}
    .media ul{float:left; margin:0; padding:0;}
    .media ul li{list-style-type: none; float:left; margin-left:2px;}
    .media img{height:auto; width:100%; margin:0 30px;}
    .page-id-31 .media img{margin-left:0px;}
    .page-id-112 .media img{margin-left:0px;}
    .media ul li img{height:60px; width:100%; margin:0;}
    .chiffres{margin: 0 auto;padding:0;width: 100%;text-align:center;}
    .evenement{background:#fff; border:1px solid #ccc; padding:10px; float:left; width:100%;margin-top:50px;}
    .droite .evenement:first-child{margin-top:100px;}
    .annee{font-family: "champagne", sans-serif; font-size:2.5em; color:#be995d; float:left; width:30%;}
    .description-evenement{float:right; width:68%;}
    .italic{font-style: italic;}
    .gauche, .separation, .droite{display: table-cell!important;}
    .separation{margin-top: 100px; background:url(img/fond-separation.jpg) repeat-y; background-position: top center; height:100%; min-height:800px;}

    .legende{text-align:center;padding:30px; color:#ccc;}

    .textile{background:#fff; border:1px solid #ccc; width:100%; margin-bottom:30px;}
    .description-textile img{float:right; width:91px; margin-top:-15px;}
    .description-textile p, .description-textile h5{float:left; width:75%;}

    .agents{margin-bottom:30px;}
    .description-actif{background:#fff; border:1px solid #ccc; margin-top:15px; margin-right:15px;}
    .description-actif img{width:65px; height:auto; float:left;}
    .description-actif p{width:75%; float:right; margin-top:10px;}

    .schema-chronodiffusion img{margin-left:0;}

    .visuel-rd{background:#fff; border:1px solid #ccc; padding:15px; margin-bottom:30px;}
    .visuel-rd img{width:100%; height:auto;}

    .temoin{background:#fff; border:1px solid #ccc; padding:15px; margin-bottom:30px;}
    h4.h4-temoin{padding-top:0;line-height:1.1;}
    .article-presse{background:#fff; border:1px solid #ccc; padding:10px 10px 0 10px; margin-bottom:30px;}
    .article-presse img{width:100%; padding:0; margin:0;}
    .article-presse h4{padding-top:0;line-height:1.1;}


    .adresse, .formulaire{background:#fff; border:1px solid #ccc; padding:15px;}
    .adresse{white-space:pre;}

    .formulaire{float:right;}
    .formulaire label, .formulaire input, .formulaire textarea{ width:100%;}
    .formulaire textarea{height:200px; margin-bottom:15px;}
    .formulaire input{margin-bottom:15px;}


    .footer{margin-top:30px; background:#fff; height:50px; line-height: 50px;}
    .footer ul{}
    .footer ul li{float:right; list-style-type: none; margin-left:5px;}
    .footer ul li a{color:#ccc;}
    .footer ul li a:hover{color:#be995d;}




    @media (min-width: 768px) {
      .site-logo{
        position:relative;
        display:block;
        margin-top:-15px;
        z-index:7999;
      }
      .navbar{margin-top:40px;}

      .navbar .navbar-brand{
        background:none;/* url(img/logo-lytess.jpg) no-repeat;*/
        width:150px;
        height:50px;
        margin-left:5px;

        text-indent:-9999px;
        margin-top:15px;
        position:relative;
        left:0px;
        top:0px;

      }
      .navbar-default .navbar-nav>li.active{background:none; color:#be995d;}

      #navigation{margin-top:0px;padding-top:0;padding-left:0;}
      .navigation{border-bottom:1px solid #efefef;padding-bottom:60px;}

      .navigation ul li{height:50px; line-height:50px; text-transform: uppercase;}
      .navigation ul li{height:30px; line-height:30px; text-transform: uppercase;}
      .navigation ul li a{display:block; width:100%; height:100%;}
      .navigation ul li a:hover{background:none;}
      .navigation ul li ul{
        display:none;
        position: absolute;
        /*top: 38px;*/
        left: 0;
        min-width: 180px;
        padding:0;
        margin:0;
        padding-top:10px;
        background-color: rgba(255, 255, 255, 0.9);
        z-index:9;
      }

      .navigation ul li:hover ul{display:block;float: left;}
      .navigation ul li ul li{display:block; float:none; margin:0; padding:0; background;#fff; height:auto;}
      .navigation ul li ul li a{line-height:25px; height:25px;margin:5px 10px; color:#bbb;}
      .navigation ul li ul li a:hover{background:transparent; color:#be995d;}

  .titles h3{margin-left:100px;}


  }

  @media (min-width: 992px) {
    .navigation{padding-bottom: 15px;}


  }

  @media (min-width: 1200px) {
  /*body .nav-mobile {
    display: none;
    }*/

  }