/*
		V A R I A B L E S   S A S S 
	___________________________________
	-----------------------------------
*/
/* COULEUR */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: helvetica, arial, sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
		P E R S O N N A L I S A T I O N
	_______________________________________
	---------------------------------------
*/
body {
  line-height: 1.4;
  color: #614F4B; }
  body p {
    margin-bottom: 15px; }

.container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }

.center{
  display: flex;
  justify-content:center;
  flex-wrap:wrap;
}

header.header {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 897; }
  header.header .menu {
    position: absolute;
    bottom: 0;
    z-index: 900;
    background: url(assets/img/bg_menu_ie.png);
    background: rgba(97, 79, 75, 0.95);
    width: 100%; }
    header.header .menu a {
      display: block;
      padding: 20px;
      width: 100px;
      text-align: center;
      float: left;
      border-left: 2px solid #483B38;
      border-right: 2px solid #483B38;
      color: #fff;
      text-transform: lowercase;
      text-decoration: none;
      font-size: 1.5em;
      /* 24/16*/
      font-style: italic;
      letter-spacing: 2px; }
      header.header .menu a#trigger {
        background: url(assets/img/menu.png) 20px center no-repeat;
        padding: 20px 5px 20px 35px; }
        header.header .menu a#trigger:hover, header.header .menu a#trigger:focus, header.header .menu a#trigger.active {
          background-color: #483B38; }
      header.header .menu a:first-child {
        border-right: none; }
      header.header .menu a#btncontact {
        margin-right: 20px; }
      header.header .menu a:hover, header.header .menu a:focus, header.header .menu a.active {
        background-color: #483B38; }
      header.header .menu a.lg {
        border: none;
        text-transform: uppercase;
        font-style: normal;
        font-size: 14px;
        line-height: 73px;
        padding: 0;
        width: auto;
        padding: 0 10px; }
        header.header .menu a.lg:hover, header.header .menu a.lg:focus, header.header .menu a.lg.active {
          background: none;
          color: #E77A16; }
    header.header .menu h1 {
      float: right; }
      header.header .menu h1 a {
        border: none;
        text-indent: -9999px;
        padding: 0;
        width: 135px;
        height: 62px;
        background: url(assets/img/logo-alvenat-footer.png) center center no-repeat; }
        header.header .menu h1 a:hover {
          background: url(assets/img/logo-alvenat-footer.png) center center no-repeat; }
  header.header .contact {
    position: absolute;
    width: 100%;
    top: 40px;
    background: #483B38; }
    header.header .contact .container {
      overflow: hidden;
      padding: 40px 0; }
    header.header .contact .first, header.header .contact .second {
      width: 50%;
      float: left;
      position: relative;
      color: #FFFFFF;
      font-weight: 300; }
      header.header .contact .first h2, header.header .contact .second h2 {
        text-transform: uppercase;
        color: #FBF9FB;
        margin-bottom: 15px;
        font-size: 1.375em;
        /*22/16*/
        letter-spacing: 1px; }
    header.header .contact .first h3 a {
      display: block;
      text-indent: -9999px;
      width: 160px;
      height: 53px;
      background: url(assets/img/logo-alvenat-contact.png) no-repeat;
      margin-bottom: 20px; }
    header.header .contact .first img {
      width: 90%; }
    header.header .contact .first ul {
      width: 50%;
      float: left;
      line-height: 1.4; }
      header.header .contact .first ul em {
        letter-spacing: 2px;
        font-style: italic; }
      header.header .contact .first ul a {
        color: #E77A16;
        text-decoration: none; }
        header.header .contact .first ul a:hover, header.header .contact .first ul a:focus {
          text-decoration: underline; }
    header.header .contact .second input {
      background: #483B38;
      border: none;
      border: 1px solid #614F4B;
      padding: 8%;
      font-size: 1em;
      font-style: italic;
      color: #FFFFFF;
      width: 84%;
      margin-bottom: 15px; }
      header.header .contact .second input:focus {
        outline: none; }
      header.header .contact .second input#email {
        padding: 4%;
        width: 91.5%; }
      header.header .contact .second input#submit {
        color: #E77A16;
        border: none;
        padding: 0;
        float: right;
        text-align: left;
        width: auto;
        padding: 0 10px;
        margin-top: 30px;
        padding-right: 110px;
        background: url(assets/img/fleche-droite.png) 85px center no-repeat;
        cursor: pointer;
        width: 190px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        header.header .contact .second input#submit:hover, header.header .contact .second input#submit:focus {
          background-position: 95px center; }
    header.header .contact .second textarea {
      padding: 4%;
      width: 91.5%;
      background: #483B38;
      border: none;
      border: 1px solid #614F4B;
      font-size: 1em;
      color: #fff;
      font-style: italic; }
    header.header .contact .second .demi {
      width: 48%;
      float: left; }
      header.header .contact .second .demi.prenom {
        margin-right: 3.5%; }
  header.header nav {
    background: #483B38;
    position: absolute;
    width: 100%;
    top: 40px; }
    header.header nav ul {
      padding: 40px;
      overflow: hidden; }
      header.header nav ul li {
        width: 23.5%;
        float: left;
        margin-left: 2%; }
        header.header nav ul li:first-child {
          margin-left: 0; }
        header.header nav ul li h2 {
          text-transform: uppercase;
          color: #FBF9FB;
          width: 58%;
          line-height: 1.4;
          height: 60px; }
        header.header nav ul li a {
          color: #FBF9FB;
          border-top: 1px solid #705D59;
          padding: 10px 0;
          text-decoration: none;
          font-style: italic;
          letter-spacing: 0.1em;
          display: block; }
          header.header nav ul li a.first {
            border-top: none; }
          header.header nav ul li a:hover, header.header nav ul li a:focus {
            color: #E77A16; }

section {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: auto; }
  section #section-1 .container {
    padding: 0; }
  section .top {
    height: 100%;
    overflow: hidden; }
  section#accueil {
    z-index: 100; }
    section#accueil .video {
      position: absolute;
      min-width: 100%;
      min-height: 100%; }
    section#accueil .hover {
      background: rgba(103, 85, 81, 0.4);
      position: absolute;
      min-width: 100%;
      min-height: 100%; }
    section#accueil h1 {
      text-align: center;
      margin-bottom: 70px; }
      section#accueil h1 a {
        display: block;
        width: 298px;
        height: 90px;
        background: url(assets/img/logo-alvenat-index.png) no-repeat;
        text-indent: -9999px;
        margin: 0 auto; }
    section#accueil h2 {
      text-transform: uppercase;
      text-align: center;
      color: #FBF9FB;
      font-size: 2.3125em;
      /*37/16*/
      margin-bottom: 30px;
      letter-spacing: 2px;
      font-weight: 500; }
    section#accueil p {
      width: 50%;
      margin: 0 auto;
      color: #FBF9FB;
      text-align: center;
      font-size: 0.875em;
      /* 14/16 */
      letter-spacing: 1px; }
    section#accueil a.scroll {
      display: block;
      margin: 0 auto;
      margin-top: 50px;
      width: 78px;
      height: 23px;
      text-indent: -9999px;
      background: url(assets/img/flip-index.png) no-repeat;
      position: relative;
      top: 0;
      opacity: 0; }
  section.section-content .container {
    padding: 70px 0; }
    section.section-content .container .text {
      width: 65%;
      float: right;
      color: #614F4B; }
      section.section-content .container .text h1 {
        text-transform: uppercase;
        font-size: 2.25em;
        /*36/16*/
        width: 240px;
        float: left;
        text-align: right;
        margin-right: 30px;
        line-height: 1.3;
        padding: 20px 0;
        margin-top: -20px; }
      section.section-content .container .text p {
        line-height: 1.3;
        font-size: 0.875em;
        /*14/16*/
        padding-top: 9px; }
  section#actu {
    z-index: 95;
    background: #f4f4f4 url(assets/img/bg_actu.jpg) fixed center top no-repeat;
    background-size: contain; }
    section#actu .bg {
      height: 100%;
      background: url(assets/img/bg_actu_blanc.png) center center repeat-x; }
    section#actu header {
      text-align: center;
      padding: 5% 0 4%; }
      section#actu header h1 {
        color: #fff;
        font-size: 2.3125em;
        /*37/16*/
        text-transform: uppercase;
        letter-spacing: 2px; }
    section#actu ul li {
      float: left;
      width: 23.5%;
      margin-left: 2%;
      background: #fff; }
      section#actu ul li:first-child {
        margin-left: 0; }
      section#actu ul li a {
        text-decoration: none;
        position: relative;
        display: block;
        line-height: 0; }
        section#actu ul li a .color {
          width: 100%;
          padding-top: 100%;
          display: block;
          position: absolute;
          top: 0;
          background: rgba(231, 122, 22, 0.8);
          opacity: 0;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          section#actu ul li a .color span {
            color: #fff;
            text-align: right;
            display: block;
            position: absolute;
            bottom: 20px;
            right: 20px;
            font-style: italic;
            letter-spacing: 1px;
            height: 20px;
            padding-right: 110px;
            background: url(assets/img/fleche-gauche-blanche.png) 75px bottom no-repeat;
            line-height: 1.4;
            width: 100px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            section#actu ul li a .color span:hover, section#actu ul li a .color span:focus {
              background-position: 125px bottom; }
        section#actu ul li a:hover .color, section#actu ul li a:focus .color {
          opacity: 1; }
          section#actu ul li a:hover .color span, section#actu ul li a:focus .color span {
            background-position: 115px bottom; }
        section#actu ul li a img {
          width: 100%; }
        section#actu ul li a .contenu {
          height: 125px;
          padding: 5% 10%;
          position: relative;
          line-height: 1.2; }
          section#actu ul li a .contenu h2 {
            font-size: 1.125em;
            /*18/16*/
            font-weight: 600;
            letter-spacing: 1px;
            color: #614F4B; }
          section#actu ul li a .contenu p {
            color: #E77A16;
            font-style: italic;
            position: absolute;
            bottom: 15%;
            background: url(assets/img/line_under.jpg) no-repeat;
            padding-top: 3%; }
  section#racines {
    background: url(assets/img/champs-colza-effet.jpg) center center fixed no-repeat;
    background-size: cover;
    z-index: 90; }
    section#racines h1 {
      background: url(assets/img/un.png) center center no-repeat; }
    section#racines a {
      text-align: center;
      text-decoration: none;
      display: block;
      position: absolute;
      height: 20%;
      color: #614F4B;
      text-transform: uppercase;
      font-size: 1.5625em;
      /*25/16*/
      font-style: italic;
      opacity: 0; }
      section#racines a span {
        display: block;
        width: 50px;
        height: 50px;
        background: url(assets/img/btn-brun.png) no-repeat;
        text-indent: -9999px;
        color: #fff;
        position: absolute;
        bottom: 0;
        margin-left: -25px;
        left: 50%; }
        section#racines a span.ligne {
          background: url(assets/img/ligne_brun.png) center top repeat-y;
          width: 100%;
          height: auto;
          top: 40px;
          bottom: 50px;
          left: 0;
          margin-left: 0; }
      section#racines a:hover {
        color: #E77A16; }
        section#racines a:hover span {
          background: url(assets/img/btn-orange.png) no-repeat; }
          section#racines a:hover span.ligne {
            background: url(assets/img/ligne_orange.png) center top repeat-y; }
      section#racines a.btncolza {
        left: 25%;
        bottom: 14%;
        height: 12%; }
      section#racines a.btnterre {
        left: 43%;
        bottom: 5%;
        height: 18%; }
      section#racines a.btnclimat {
        left: 75%;
        bottom: 20%;
        height: 5%; }
  section#production {
    z-index: 80;
    color: #614F4B; }
    section#production .block1-4 {
      width: 50%;
      float: left;
      text-align: center;
      position: relative; }
      section#production .block1-4 a {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        section#production .block1-4 a:hover, section#production .block1-4 a:focus {
          background: rgba(72, 59, 56, 0.8); }
      section#production .block1-4.title {
        background: url(assets/img/bkg-2-alvenat.jpg) 38% 20% no-repeat; }
        section#production .block1-4.title .content {
          width: 45%;
          position: absolute;
          left: 40%;
          height: 210px;
          top: 50%;
          margin-top: -105px; }
          section#production .block1-4.title .content h1 {
            font-size: 2.25em;
            /*36/16*/
            text-transform: uppercase;
            line-height: 1.2;
            text-align: left;
            margin: 20px 0; }
          section#production .block1-4.title .content p {
            text-align: left;
            font-size: 0.875em;
            /*14/16*/
            line-height: 1.2; }
      section#production .block1-4 span {
        display: block;
        text-align: center;
        border: 2px solid #fff;
        width: 280px;
        height: 40px;
        position: absolute;
        top: 0;
        opacity: 0;
        left: 50%;
        line-height: 40px;
        font-size: 1.5625em;
        /*25/16*/
        color: #fff;
        text-transform: uppercase;
        margin-left: -140px;
        margin-top: -20px;
        letter-spacing: 2px; }
      section#production .block1-4.producteur {
        background: url(assets/img/agriculteur-alvenat.jpg) no-repeat;
        background-size: cover; }
      section#production .block1-4.bouteille {
        background: url(assets/img/mise-en-bouteille.jpg) no-repeat;
        background-size: cover; }
      section#production .block1-4.recolte {
        background: url(assets/img/recolte-colza.jpg) no-repeat;
        background-size: cover; }
        section#production .block1-4.recolte span {
          width: 200px;
          margin-left: -100px; }
  section#collection #section-4 {
    position: relative; }
    section#collection #section-4 .container {
      padding: 30px 0; }
      section#collection #section-4 .container .text {
        float: none;
        width: 100%;
        overflow: hidden;
        padding-top: 15px; }
        section#collection #section-4 .container .text h1 {
          background: url(assets/img/trois.png) center top no-repeat;
          margin-right: 70px; }
        section#collection #section-4 .container .text p {
          float: left;
          width: 30%; }
          section#collection #section-4 .container .text p.first {
            margin-right: 30px;
            width: 36%; }
          section#collection #section-4 .container .text p a {
            display: block;
            color: #E77A16;
            text-transform: uppercase;
            margin-top: 10px;
            border: 2px solid #E77A16;
            font-weight: 600;
            width: 145px;
            text-align: center;
            padding: 5px;
            text-decoration: none; }
    section#collection #section-4 .rslides li {
      width: 100%; }
      section#collection #section-4 .rslides li img {
        width: 100%; }
    section#collection #section-4 div.nav {
      position: absolute;
      width: 100%;
      max-width: 1024px;
      top: 30%;
      bottom: 0;
      left: 50%;
      z-index: 890;
      margin-left: -512px; }
      section#collection #section-4 div.nav .nav {
        background: url(assets/img/bg_blanc_90.png);
        width: 200px;
        padding: 2% 4% 4%; }
        section#collection #section-4 div.nav .nav a {
          color: #614F4B;
          text-transform: uppercase;
          text-decoration: none;
          display: block;
          padding: 15px 0 10px;
          font-weight: 600;
          background: url(assets/img/line_under2.jpg) left bottom no-repeat;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          section#collection #section-4 div.nav .nav a:hover, section#collection #section-4 div.nav .nav a:focus {
            color: #E77A16;
            background: url(assets/img/line_under_gris.jpg) left bottom no-repeat; }

#pdv {
  display: block;
  width: 43px;
  height: 200px;
  background: url(assets/img/btn_point-de-vente.jpg) no-repeat;
  text-indent: -9999px;
  position: fixed;
  left: 0;
  top: 100px;
  z-index: 302; }

  #e-shop {
  display: none;
  height: 43px;
  background-color: rgba(255,255,255,0.8);
  position: fixed;
  right: 5%;
  top: 0;
  z-index: 302;
  line-height: 43px;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

  #e-shop:hover{
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
  }
  #e-shop a{
    color: #483B38;
    text-decoration: none;
    font-weight: 300;
    font-size: 1.1em;
    letter-spacing: 2px;
    font-style: italic;
    font-weight: bold;
    padding-right: 12px;
    line-height: 50px;
  }
  .icon-shop{
    width: 22px;
    float: left;
    margin: 12px;
  }

.facebook {
  display: block;
  width: 43px;
  height: 43px;
  background: url(assets/img/fb.jpg) center center no-repeat;
  text-indent: -9999px;
  position: fixed;
  left: 0;
  top: 55px;
  z-index: 303; }

.lang-en #pdv {
  background: url(assets/img/sales-outlets.jpg) no-repeat;
  height: 180px; }

.lang-nl #pdv {
  background: url(assets/img/verkooppunten.jpg) no-repeat;
  height: 200px; }

.section-int {
  background: #FFFFFF; }
  .section-int .img, .section-int .container {
    float: left;
    height: 100%; }
  .section-int .container {
    margin-left: 35%; }
  .section-int .img {
    width: 35%;
    position: fixed;
    background: #efefef; }
    .section-int .img.terre {
      background: url(assets/img/terre1.jpg) no-repeat;
      background-size: cover; }
    .section-int .img.colza {
      background: url(assets/img/colza.jpg) no-repeat;
      background-size: cover; }
    .section-int .img.climat {
      background: url(assets/img/meteo.jpg) no-repeat;
      background-size: cover; }
    .section-int .img.producteur {
      background: url(assets/img/agriculteur-alvenat.jpg) right top no-repeat;
      background-size: cover; }
    .section-int .img.recolte {
      background: url(assets/img/recolte-colza.jpg) center top no-repeat;
      background-size: cover; }
    .section-int .img.meb {
      background: url(assets/img/mise-en-bouteille.jpg) center top no-repeat;
      background-size: cover; }
    .section-int .img img {
      max-height: 100%;
      max-width: 100%;
      display: block;
      margin: 0 auto; }
  .section-int .carre {
    width: 75px;
    height: 75px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center; }
    .section-int .carre em {
      color: #fff;
      line-height: 75px;
      font-size: 1.375em;
      /*22/16*/
      font-style: italic;
      letter-spacing: 2px; }
    .section-int .carre.citron {
      background: #DFCE4D; }
    .section-int .carre.ail {
      background: #A4B450; }
    .section-int .carre.orange-citron {
      background: #EEB256; }
    .section-int .carre.piment {
      background: #C54643; }
    .section-int .carre.thym-marjolaine {
      background: #879D6A; }
    .section-int .carre.nature {
      background: #434244; }
    .section-int .carre.mdina {
      background: #20ABDD; }
    .section-int .carre.alliade-rose {
      background: #AF356D; }
    .section-int .carre.fleurs-de-serpe {
      background: #6C7734; }
    .section-int .carre.vinaigrette {
      background: #C2D363; }
    .section-int .carre.narbonnaise {
      background: #D0E0BB; }
    .section-int .carre.elsalsa {
      background: #CC372F; }
    .section-int .carre.dragonnaise {
      background: #7F8B50; }
    .section-int .carre.d-antan {
      background: #EFDBC5; }
    .section-int .carre.sauce-ail {
      background: #F5DB99; }
    .section-int .carre.sauce-andalouse {
      background: #F6461D; }
    .section-int .carre.sauce-barbecue {
      background: #C3570C; }
    .section-int .carre.sauce-curry {
      background: #EDDD3F; }
    .section-int .carre.sauce-estragon {
      background: #84A521; }
    .section-int .carre.sauce-irlandaise {
      background: #F8C243; }
    .section-int .carre.sauce-poivre {
      background: #AB2C15; }
    .section-int .carre.marinade-moutarde {
      background: #E2AC14; }
    .section-int .carre.marinade-texane {
      background: #461C0A; }
    .section-int .carre.marinade-persillade {
      background: #359011; }
    .section-int .carre.marinade-indienne {
      background: #B83545; }
    .section-int .carre.gaufre {
      background: #A46016; }
  .section-int .col-2 h2 {
    clear: both; }
  .section-int.citron .col-2 h2 {
    color: #DFCE4D;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #DFCE4D;
    border-bottom: 2px solid #DFCE4D;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.ail .col-2 h2 {
    color: #A4B450;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #A4B450;
    border-bottom: 2px solid #A4B450;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.orange-citron .col-2 h2 {
    color: #EEB256;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #EEB256;
    border-bottom: 2px solid #EEB256;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.piment .col-2 h2 {
    color: #C54643;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #C54643;
    border-bottom: 2px solid #C54643;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.thym-marjolaine .col-2 h2 {
    color: #879D6A;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #879D6A;
    border-bottom: 2px solid #879D6A;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.nature .col-2 h2 {
    color: #434244;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #434244;
    border-bottom: 2px solid #434244;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.mdina .col-2 h2 {
    color: #20ABDD;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #20ABDD;
    border-bottom: 2px solid #20ABDD;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.alliade-rose .col-2 h2 {
    color: #AF356D;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #AF356D;
    border-bottom: 2px solid #AF356D;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.fleurs-de-serpe .col-2 h2 {
    color: #6C7734;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #6C7734;
    border-bottom: 2px solid #6C7734;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.vinaigrette .col-2 h2 {
    color: #C2D363;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #C2D363;
    border-bottom: 2px solid #C2D363;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.narbonnaise .col-2 h2 {
    color: #D0E0BB;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #D0E0BB;
    border-bottom: 2px solid #D0E0BB;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.elsalsa .col-2 h2 {
    color: #CC372F;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #CC372F;
    border-bottom: 2px solid #CC372F;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.dragonnaise .col-2 h2 {
    color: #7F8B50;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #7F8B50;
    border-bottom: 2px solid #7F8B50;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.d-antan .col-2 h2 {
    color: #EFDBC5;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #EFDBC5;
    border-bottom: 2px solid #EFDBC5;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.sauce-ail .col-2 h2 {
    color: #F5DB99;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #F5DB99;
    border-bottom: 2px solid #F5DB99;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.sauce-andalouse .col-2 h2 {
    color: #F6461D;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #F6461D;
    border-bottom: 2px solid #F6461D;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.sauce-barbecue .col-2 h2 {
    color: #C3570C;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #C3570C;
    border-bottom: 2px solid #C3570C;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.sauce-curry .col-2 h2 {
    color: #EDDD3F;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #EDDD3F;
    border-bottom: 2px solid #EDDD3F;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.sauce-estragon .col-2 h2 {
    color: #84A521;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #84A521;
    border-bottom: 2px solid #84A521;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.sauce-irlandaise .col-2 h2 {
    color: #F8C243;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #F8C243;
    border-bottom: 2px solid #F8C243;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.sauce-poivre .col-2 h2 {
    color: #AB2C15;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #AB2C15;
    border-bottom: 2px solid #AB2C15;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.marinade-moutarde .col-2 h2 {
    color: #E2AC14;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #E2AC14;
    border-bottom: 2px solid #E2AC14;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.marinade-texane .col-2 h2 {
    color: #461C0A;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #461C0A;
    border-bottom: 2px solid #461C0A;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.marinade-persillade .col-2 h2 {
    color: #359011;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #359011;
    border-bottom: 2px solid #359011;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.marinade-indienne .col-2 h2 {
    color: #B83545;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #B83545;
    border-bottom: 2px solid #B83545;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int.gaufre .col-2 h2 {
    color: #A46016;
    font-size: 1.25em;
    /* 20px/16 */
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #A46016;
    border-bottom: 2px solid #A46016;
    padding: 10px 0;
    margin: 20px 0;
    clear: both; }
  .section-int .container {
    width: 55%;
    padding: 5%; }
    .section-int .container h1 {
      color: #E77A16;
      text-transform: uppercase;
      font-size: 1.5625em;
      /*25/16*/
      font-style: italic;
      font-weight: 300;
      margin-bottom: 20px; }
    .section-int .container .col-1, .section-int .container .col-2 {
      float: left; }
    .section-int .container .col-1 {
      width: 40%; }
      .section-int .container .col-1 h2 {
        color: #614F4B;
        text-transform: uppercase;
        font-size: 2.25em;
        /*36/16*/
        font-weight: 300;
        line-height: 1.2;
        margin-bottom: 45px;
        width: 90%; }
      .section-int .container .col-1 a {
        color: #E77A16; }
    .section-int .container .col-2 {
      width: 60%; }
      .section-int .container .col-2 header {
        margin-bottom: 20px;
        font-size: 1.375em;
        /*22/16*/
        line-height: 1.1;
        padding: 0; }
        .section-int .container .col-2 header a {
          font-size: 1em;
          color: #614F4B;
          text-decoration: underline;
          font-family: "kepler-std-semicondensed-dis", serif; }
      .section-int .container .col-2 p {
        font-size: 0.875em;
        /*14/16*/
        line-height: 1.8; }
    .section-int .container a {
      color: #614F4B; }
    .section-int .container strong {
      font-weight: bold;
      text-decoration: underline; }

.section-actu {
  background: url(assets/img/bg_actu_int.jpg) center center repeat-y; }
  .section-actu .image {
    line-height: 0; }
  .section-actu img {
    width: 100%; }
  .section-actu .container {
    height: 100%;
    line-height: 1.6; }
    .section-actu .container .col-1, .section-actu .container .col-2 {
      float: left;
      height: 100%; }
    .section-actu .container .col-1 {
      width: 25%;
      padding: 5%; }
      .section-actu .container .col-1 p.date {
        color: #E77A16;
        font-style: italic;
        font-size: 1.5625em;
        /*25/16*/
        font-weight: 300;
        text-transform: uppercase; }
      .section-actu .container .col-1 h1 {
        text-transform: uppercase;
        font-size: 2.25em;
        /*36/16*/
        line-height: 1;
        letter-spacing: 1px;
        margin-bottom: 45px; }
    .section-actu .container .col-2 {
      width: 55%;
      background: #fff;
      padding: 5% 5% 10% 5%;
      font-weight: 300; }

.retour {
  color: #E77A16;
  padding-left: 110px;
  background: url(assets/img/fleche-gauche.png) 10px center no-repeat;
  text-decoration: none;
  font-style: italic;
  display: block;
  margin-top: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .retour:hover, .retour:focus {
    background-position: 0 center; }

.close {
  display: block;
  width: 110px;
  height: 40px;
  background: url(assets/img/flip.png) left top no-repeat;
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -55px;
  cursor: pointer; }

.inspi {
  background: #f4f4f4 url(assets/img/bg_actu.jpg) fixed center top no-repeat;
  background-size: contain;
  padding-bottom: 150px; }
  .inspi .section header {
    padding: 100px 0; }
    .inspi .section header h1 {
      color: #fff;
      font-size: 2.3125em;
      /*37/16*/
      text-transform: uppercase;
      letter-spacing: 2px;
      text-align: center; }
  .inspi .section ul {
    overflow: hidden; }
    .inspi .section ul li {
      float: left;
      width: 23.5%;
      margin-left: 2%;
      background: #fff;
      margin-bottom: 2%;
      position: relative; }
      .inspi .section ul li a {
        color: #614F4B; }
      .inspi .section ul li .img {
        width: 100%;
        padding-top: 100%;
        position: absolute;
        top: 0; }
        .inspi .section ul li .img img {
          width: 100%;
          position: absolute;
          top: 0; }
      .inspi .section ul li .contenu {
        position: absolute;
        background: #fff;
        width: 80%;
        margin-top: 100%;
        top: 0;
        height: 125px;
        padding: 5% 10%;
        line-height: 1.2; }
        .inspi .section ul li .contenu h2 {
          font-size: 1.125em;
          /*18/16*/
          font-weight: 600;
          letter-spacing: 1px; }
        .inspi .section ul li .contenu p {
          color: #E77A16;
          font-style: italic;
          position: absolute;
          bottom: 2%;
          background: url(assets/img/line_under.jpg) no-repeat;
          padding-top: 3%; }
      .inspi .section ul li:nth-child(4n+1) {
        margin-left: 0; }

.equipe {
  background: #f4f4f4 url(assets/img/bg_actu.jpg) fixed center top no-repeat;
  background-size: contain;
  padding-bottom: 150px; }
  .equipe .section header {
    padding: 100px 0; }
    .equipe .section header h1 {
      color: #fff;
      font-size: 2.3125em;
      /*37/16*/
      text-transform: uppercase;
      letter-spacing: 2px;
      text-align: center; }
  .equipe .section ul {
    overflow: hidden; }
    .equipe .section ul li {
      float: left;
      width: 23.5%;
      margin-left: 2%;
      background: #fff;
      margin-bottom: 2%;
      position: relative; }
    .equipe .section ul li.large{
      width: 49%;
    }
      .equipe .section ul li a {
        color: #614F4B;
        font-style: italic;
        text-decoration: none; }
      .equipe .section ul li .img {
        width: 100%;
        padding-top: 100%;
        position: absolute;
        top: 0; }
        .equipe .section ul li .img img {
          width: 100%;
          position: absolute;
          top: 0; }
      .equipe .section ul li .contenu {
        position: absolute;
        background: #fff;
        width: 80%;
        margin-top: 100%;
        top: 0;
        height: 125px;
        padding: 5% 10%;
        line-height: 1.2; }
      .equipe .section ul li.large .contenu{
        margin-top: 49%;
        padding: 2.5% 5%;
        height: 80px;
      }
        .equipe .section ul li .contenu h2 {
          font-size: 1.125em;
          /*18/16*/
          font-weight: 600;
          letter-spacing: 1px; }
        .equipe .section ul li .contenu p {
          color: #E77A16;
          font-style: italic;
          position: absolute;
          bottom: 2%;
          background: url(assets/img/line_under.jpg) no-repeat;
          padding-top: 3%; }
      .equipe .section ul li:nth-child(3n+1) {
        margin-left: 0; }

.collection-top {
  background: #f4f4f4 url(assets/img/bg_actu.jpg) fixed center top no-repeat;
  background-size: contain;
  padding-bottom: 150px; }
  .collection-top .section header {
    padding: 100px 0; }
    .collection-top .section header h1 {
      color: #fff;
      font-size: 2.3125em;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-align: center;
      position: relative; }
    .collection-top .section header .retour {
      position: absolute;
      top: 100px;
      z-index: 199; }
  .collection-top .section ul {
    overflow: hidden; }
    .collection-top .section ul li {
      float: left;
      width: 23.5%;
      margin-left: 2%;
      background: #fff;
      margin-bottom: 2%;
      position: relative; }
      .collection-top .section ul li:nth-child(4n+1) {
        margin-left: 0; }
      .collection-top .section ul li a {
        color: #614F4B; }
      .collection-top .section ul li .img {
        width: 100%;
        padding-top: 100%;
        position: absolute;
        top: 0; }
        .collection-top .section ul li .img img {
          width: 100%;
          position: absolute;
          top: 0; }
      .collection-top .section ul li .contenu {
        position: absolute;
        background: #fff;
        width: 80%;
        margin-top: 100%;
        top: 0;
        height: 125px;
        padding: 5% 10%;
        line-height: 1.2; }
        .collection-top .section ul li .contenu h2 {
          font-size: 1.125em;
          font-weight: 600;
          letter-spacing: 1px; }
        .collection-top .section ul li .contenu p {
          color: #E77A16;
          font-style: italic;
          position: absolute;
          bottom: 2%;
          background: url(assets/img/line_under.jpg) no-repeat;
          padding-top: 3%; }

.section-inspi {
  background: url(assets/img/bg_actu_int.jpg) center center repeat-y; }
  .section-inspi .top {
    height: auto;
    line-height: 0;
    max-height: 320px;
    background: #483B38; }
    .section-inspi .top h1 {
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-size: 2.3125em;
      /*37/16*/
      width: 530px;
      position: absolute;
      top: 120px;
      left: 50%;
      margin-left: -265px;
      line-height: 1.4; }
    .section-inspi .top img {
      width: 100%;
      opacity: 0.6; }
  .section-inspi .container {
    height: 100%;
    line-height: 1.6; }
    .section-inspi .container .col-1, .section-inspi .container .col-2 {
      float: left;
      height: 100%; }
    .section-inspi .container .col-1 {
      width: 25%;
      padding: 5% 5% 8%; }
      .section-inspi .container .col-1 p.tk-kepler-std-semicondensed-dis {
        font-style: italic;
        line-height: 1.2;
        font-size: 1.25em;
        /*20/16*/ }
      .section-inspi .container .col-1 p.date {
        color: #E77A16;
        font-style: italic;
        font-size: 1.5625em;
        /*25/16*/
        font-weight: 300;
        text-transform: uppercase;
        line-height: 1.4; }
      .section-inspi .container .col-1 h1 {
        text-transform: uppercase;
        font-size: 2.25em;
        /*36/16*/
        line-height: 1;
        letter-spacing: 1px;
        margin-bottom: 45px; }
      .section-inspi .container .col-1 ul {
        padding-top: 15px;
        margin-top: 10px;
        background: url(assets/img/line_under2.jpg) no-repeat; }
        .section-inspi .container .col-1 ul li {
          list-style: disc;
          margin-left: 20px;
          font-size: 0.875em;
          /*14/16*/ }
    .section-inspi .container .col-2 {
      width: 55%;
      background: #fff;
      padding: 5% 5% 10% 5%;
      font-weight: 300; }

/*		R E S P O N S I V E
	_____________________________
	-----------------------------
*/
@media only screen and (min-width: 569px) and (max-width: 1024px) and (orientation: portrait) {
  video {
    display: none; }
  .facebook {
    display: none; }
  section#collection #section-4 div.nav {
    left: 0;
    margin-left: 0; }
  header.header .menu a#trigger {
    text-indent: -9999px;
    width: 30px;
    padding: 15px 5px 15px 30px; }
  header.header .menu a#btncontact {
    width: 80px;
    padding: 20px 10px;
    margin-right: 10px;
    font-size: 1em; }
  header.header .menu a.lg {
    line-height: 63px;
    font-size: 0.7em; }
  header.header .contact {
    height: auto; }
    header.header .contact img, header.header .contact h3 {
      display: none; }
    header.header .contact .first, header.header .contact .second {
      width: 100%; }
  header.header #contact .container {
    overflow: scroll;
    padding: 5%;
    width: 90%; }
    header.header #contact .container h2 {
      margin-top: 20px; }
    header.header #contact .container .second h2 {
      margin-top: 40px; }
  header.header nav {
    height: auto; }
    header.header nav ul {
      width: 90%;
      padding: 5%;
      overflow: scroll; }
      header.header nav ul li {
        width: 100%;
        margin: 0 auto; }
        header.header nav ul li h2, header.header nav ul li img {
          display: none; }
        header.header nav ul li a.first {
          border-top: 1px solid #705D59; }
  section {
    position: relative;
    height: auto; }
    section#accueil p {
      width: 90%; }
    section#accueil .hover {
      background: url(assets/img/bg_mobile_video.jpg) no-repeat;
      background-size: cover; }
    section#actu .container {
      overflow: hidden;
      padding: 5%;
      width: 90%; }
      section#actu .container li {
        width: 49%;
        margin-bottom: 20px; }
        section#actu .container li:nth-child(2n+1) {
          margin-left: 0; }
    section#actu header h1 {
      color: #614F4B; }
    section#racines {
      background-size: auto; }
      section#racines a {
        opacity: 1; }
        section#racines a.btncolza {
          height: 24%;
          bottom: 43%; }
        section#racines a.btnterre {
          height: 51%;
          bottom: 22%; }
        section#racines a.btnclimat {
          height: 17%;
          bottom: 60%; }
    section#production .block1-4 {
      height: auto;
      padding-top: 50%; }
      section#production .block1-4 span {
        opacity: 1;
        top: 50%; }
    section.section-content .container {
      padding: 20px 0; }
      section.section-content .container .text {
        width: 80%;
        margin: 0 auto;
        float: none;
        text-align: center; }
        section.section-content .container .text h1 {
          width: 100%;
          margin: 0;
          text-align: center; }
  .section-actu {
    background: none; }
    .section-actu .container .col-1, .section-actu .container .col-2 {
      float: none;
      width: 90%;
      height: auto;
      padding: 5%; }
    .section-actu .container .col-1 {
      background: #F4F4F4; }
      .section-actu .container .col-1 h1 {
        font-size: 1.8em; }
      .section-actu .container .col-1 p.date {
        font-size: 1.2em; }
    .section-actu .container .col-2 {
      padding-bottom: 30%; }
  .section-int .img {
    width: 100%;
    float: none;
    height: 150px; }
  .section-int .container {
    padding: 0;
    width: 100%; }
    .section-int .container h1 {
      background: #F4F4F4;
      margin: 0;
      padding: 5% 5% 2%;
      font-size: 1.2em; }
    .section-int .container .col-1, .section-int .container .col-2 {
      float: none;
      width: 90%;
      height: auto;
      padding: 5%; }
    .section-int .container .col-1 {
      background: #F4F4F4;
      padding-top: 0; }
      .section-int .container .col-1 h2 {
        font-size: 1.8em; }
    .section-int .container .col-2 {
      padding-bottom: 30%; }
  .inspi .section .container {
    width: 90%;
    padding: 5%; }
    .inspi .section .container header {
      padding: 20px 0 80px; }
    .inspi .section .container ul li {
      width: 49%; }
      .inspi .section .container ul li:nth-child(4n+1) {
        margin-left: 2%; }
      .inspi .section .container ul li:nth-child(2n+1) {
        margin-left: 0; }
  .equipe .section .container {
    width: 90%;
    padding: 5%; }
    .equipe .section .container header {
      padding: 20px 0 80px; }
    .equipe .section .container ul li {
      width: 49%; }
      .equipe .section .container ul li:nth-child(4n+1) {
        margin-left: 2%; }
      .equipe .section .container ul li:nth-child(2n+1) {
        margin-left: 0; }
  .section-inspi {
    background: none; }
    .section-inspi .top {
      background: #483B38;
      height: auto;
      width: 100%; }
      .section-inspi .top h1 {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto;
        width: 90%;
        color: #614F4B;
        font-size: 1.8em;
        padding: 20px 0; }
    .section-inspi .container {
      padding: 0;
      width: 100%; }
      .section-inspi .container .col-1, .section-inspi .container .col-2 {
        float: none;
        width: 90%;
        height: auto;
        padding: 5%; }
      .section-inspi .container .col-1 {
        background: #F4F4F4;
        padding-top: 0; }
        .section-inspi .container .col-1 ul {
          background: url(assets/img/line_under2.jpg) center top no-repeat; }
        .section-inspi .container .col-1 p {
          text-align: center; }
      .section-inspi .container .col-2 {
        padding-bottom: 30%; }
  .collection-top .section .container {
    width: 90%; }
    .collection-top .section .container header {
      padding: 60px 0 80px; }
      .collection-top .section .container header .retour {
        top: 60px; }
    .collection-top .section .container ul li {
      width: 49%; }
      .collection-top .section .container ul li:nth-child(4n+1) {
        margin-left: 2%; }
      .collection-top .section .container ul li:nth-child(2n+1) {
        margin-left: 0; }
  .section-int .container {
    margin-left: 0; } }

@media only screen and (min-width: 569px) and (max-width: 1024px) and (orientation: landscape) {
  video {
    display: none; }
  .facebook {
    display: none; }
  section#collection #section-4 div.nav {
    left: 0;
    margin-left: 0; }
  section {
    position: relative;
    height: auto; }
    section #section-1 .container {
      overflow: hidden;
      padding: 5%;
      width: 90%; }
      section #section-1 .container li {
        width: 49%;
        margin-bottom: 20px; }
        section #section-1 .container li:nth-child(2n+1) {
          margin-left: 0; }
    section#accueil .hover {
      background: url(assets/img/bg_mobile_video.jpg) no-repeat;
      background-size: cover; }
    section#racines {
      background-size: auto; }
      section#racines a {
        opacity: 1; }
        section#racines a.btncolza {
          height: 24%;
          bottom: 43%; }
        section#racines a.btnterre {
          height: 51%;
          bottom: 22%; }
        section#racines a.btnclimat {
          height: 17%;
          bottom: 60%; }
    section#production .block1-4 {
      height: auto;
      padding-top: 50%; }
      section#production .block1-4 span {
        opacity: 1;
        top: 50%; }
    section#actu header h1 {
      color: #614F4B; }
  section.section-content .container .text {
    float: none;
    margin: 0 auto; }
  nav .container {
    padding: 5%;
    width: 90%; }
  #contact .container {
    padding: 5%;
    width: 90%; }
  .inspi .section .container {
    width: 90%;
    padding: 5%; }
    .inspi .section .container header {
      padding: 20px 0 80px; }
    .inspi .section .container ul li {
      width: 49%; }
      .inspi .section .container ul li:nth-child(3n+0) {
        margin-left: 0; }
  .equipe .section .container {
    width: 90%;
    padding: 5%; }
    .equipe .section .container header {
      padding: 20px 0 80px; }
    .equipe .section .container ul li {
      width: 49%; }
    .equipe .section .container ul li.large {
      width: 100%; }
      .equipe .section .container ul li:nth-child(3n+0) {
        margin-left: 0; }
  .collection-top .section .container {
    width: 90%; }
    .collection-top .section .container header {
      padding: 60px 0 80px; }
      .collection-top .section .container header .retour {
        top: 60px; }
    .collection-top .section .container ul li {
      width: 49%; }
      .collection-top .section .container ul li:nth-child(3n+0) {
        margin-left: 0; }
  .section-inspi .top h1 {
    top: 90px; }
  .section-actu .col-2 {
    padding-bottom: 30%; }
  .section-int .img {
    position: absolute;
    top: 0;
    bottom: 0; }
  .section-int .container {
    margin-left: 35%; } }

@media only screen and (min-width: 320px) and (max-width: 568px) {
  video {
    display: none; }
  .facebook {
    display: none; }
  section#collection #section-4 div.nav {
    left: 0;
    margin-left: 0;
    top: auto;
    bottom: auto;
    position: relative; }
    section#collection #section-4 div.nav .nav {
      margin: 20px auto 80px; }
  header.header .menu h1 {
    display: none; }
  header.header .menu a#trigger {
    text-indent: -9999px;
    width: 30px;
    padding: 15px 5px 15px 30px; }
  header.header .menu a#btncontact {
    width: 80px;
    padding: 20px 10px;
    margin-right: 10px;
    font-size: 1em; }
  header.header .menu a.lg {
    line-height: 63px;
    font-size: 0.7em; }
  header.header .contact {
    height: auto; }
    header.header .contact img, header.header .contact h3 {
      display: none; }
    header.header .contact .first, header.header .contact .second {
      width: 100%; }
  header.header #contact .container {
    overflow: scroll;
    padding: 5%;
    width: 90%; }
    header.header #contact .container h2 {
      margin-top: 20px; }
    header.header #contact .container .second h2 {
      margin-top: 40px; }
  header.header nav {
    height: auto; }
    header.header nav ul {
      width: 90%;
      padding: 5%;
      overflow: scroll; }
      header.header nav ul li {
        width: 100%;
        margin: 0 auto; }
        header.header nav ul li h2, header.header nav ul li img {
          display: none; }
        header.header nav ul li a.first {
          border-top: 1px solid #705D59; }
  section {
    position: relative;
    height: auto; }
    section#accueil p {
      width: 90%; }
    section#accueil .hover {
      background: url(assets/img/bg_mobile_video.jpg) no-repeat;
      background-size: cover; }
    section#actu ul li {
      width: 90%;
      float: none;
      margin: 0 auto;
      margin-bottom: 20px; }
      section#actu ul li:first-child {
        margin: 0 auto;
        margin-bottom: 20px; }
    section#actu header h1 {
      color: #614F4B; }
    section#racines a {
      opacity: 1;
      background: none;
      position: relative;
      border: 2px solid #614F4B;
      width: 50%;
      margin: 0 auto;
      margin-bottom: 10px;
      background: rgba(255, 255, 255, 0.6); }
      section#racines a strong.tk-kepler-std-semicondensed-dis {
        font-family: "brandon-grotesque";
        font-style: normal; }
      section#racines a.btncolza {
        left: auto;
        bottom: auto;
        height: auto; }
      section#racines a.btnterre {
        left: auto;
        bottom: auto;
        height: auto; }
      section#racines a.btnclimat {
        left: auto;
        bottom: auto;
        height: auto; }
      section#racines a .plus {
        display: none; }
      section#racines a .ligne {
        display: none; }
    section#production .block1-4 {
      width: 100%;
      height: auto;
      padding-top: 100%;
      float: none; }
      section#production .block1-4 span {
        opacity: 1;
        top: 50%; }
    section#production .block1-4.title {
      background: none; }
      section#production .block1-4.title .content {
        width: 70%;
        left: 15%;
        margin-top: -140px;
        height: auto; }
        section#production .block1-4.title .content h1 {
          text-align: center;
          background: url(assets/img/deux.png) center center no-repeat;
          padding: 20px 0;
          margin-top: 0; }
        section#production .block1-4.title .content p {
          text-align: center; }
    section.section-content .container {
      padding: 20px 0; }
      section.section-content .container .text {
        width: 80%;
        margin: 0 auto;
        float: none;
        text-align: center; }
        section.section-content .container .text h1 {
          width: 100%;
          margin: 0;
          text-align: center; }
    section#collection #section-4 .container .text p {
      width: 94%;
      text-align: center;
      padding: 3%; }
      section#collection #section-4 .container .text p.first {
        width: 94%;
        margin-right: 0; }
      section#collection #section-4 .container .text p a {
        margin: 0 auto;
        margin-top: 10px; }
    section#collection #section-4 .rslides {
      position: absolute;
      bottom: 0; }
      section#collection #section-4 .rslides li {
        height: 100%;
        overflow: hidden; }
        section#collection #section-4 .rslides li img {
          height: 100%;
          width: auto;
          max-width: none; }
  .section-actu {
    background: none; }
    .section-actu .container .col-1, .section-actu .container .col-2 {
      float: none;
      width: 90%;
      height: auto;
      padding: 5%; }
    .section-actu .container .col-1 {
      background: #F4F4F4; }
      .section-actu .container .col-1 h1 {
        font-size: 1.8em; }
      .section-actu .container .col-1 p.date {
        font-size: 1.2em; }
    .section-actu .container .col-2 {
      padding-bottom: 30%; }
  .section-int .img {
    width: 100%;
    float: none;
    height: 150px;
    position: relative; }
  .section-int .container {
    padding: 0;
    width: 100%; }
    .section-int .container h1 {
      background: #F4F4F4;
      margin: 0;
      padding: 5% 5% 2%;
      font-size: 1.2em; }
    .section-int .container .col-1, .section-int .container .col-2 {
      float: none;
      width: 90%;
      height: auto;
      padding: 5%; }
    .section-int .container .col-1 {
      background: #F4F4F4;
      padding-top: 0; }
      .section-int .container .col-1 h2 {
        font-size: 1.8em; }
    .section-int .container .col-2 {
      padding-bottom: 30%; }
  .inspi .section header {
    padding: 20px 0; }
  .inspi .section ul li {
    width: 90%;
    float: none;
    margin: 0 auto;
    margin-bottom: 20px; }
    .inspi .section ul li:nth-child(4n+1) {
      margin: 0 auto;
      margin-bottom: 20px; }
  .equipe .section header {
    padding: 20px 0; }
  .equipe .section ul li {
    width: 90%;
    float: none;
    margin: 0 auto;
    margin-bottom: 20px; }
  .equipe .section ul li.large{
    width: 90%;
    height: 300px !important;
  }
    .equipe .section ul li:nth-child(3n+1) {
      margin: 0 auto;
      margin-bottom: 20px; }
  .section-inspi {
    background: none; }
    .section-inspi .top {
      background: #F4F4F4;
      height: auto;
      width: 100%; }
      .section-inspi .top h1 {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto;
        width: 90%;
        color: #614F4B;
        font-size: 1.8em;
        padding: 20px 0; }
    .section-inspi .container {
      padding: 0;
      width: 100%; }
      .section-inspi .container .col-1, .section-inspi .container .col-2 {
        float: none;
        width: 90%;
        height: auto;
        padding: 5%; }
      .section-inspi .container .col-1 {
        background: #F4F4F4;
        padding-top: 0; }
        .section-inspi .container .col-1 ul {
          background: url(assets/img/line_under2.jpg) center top no-repeat; }
        .section-inspi .container .col-1 p {
          text-align: center; }
      .section-inspi .container .col-2 {
        padding-bottom: 30%; }
  .collection-top .section header {
    padding: 20px 0; }
    .collection-top .section header .retour {
      display: none; }
  .collection-top .section ul li {
    width: 90%;
    float: none;
    margin: 0 auto;
    margin-bottom: 30px; }
    .collection-top .section ul li:nth-child(4n+1) {
      margin: 0 auto;
      margin-bottom: 30px; }
  #pdv, .lang-nl #pdv, .lang-en #pdv {
    top: 0;
    height: 50px;
    background-position: left bottom; }
  .section-int .container {
    margin-left: 0; } }

.blague {
  display: none;
  visibility: hidden;
  opacity: 0; }