/*
 * The Flex Grid (v1.5.1) is a lightweight responsive CSS grid using flexbox. Because we can!
 * http://jeroenoomsnl.github.io/the-flex-grid/
 */

/* Generic grid styles */
.grid {margin: 0 auto; overflow: hidden;}
.row {display: flex; flex-wrap: wrap; }
.row-30 {display: flex; flex-wrap: wrap; margin: 0 -30px 0 -30px;}
.row-contact {display: flex; flex-wrap: wrap; margin: 0 -5px 0 -5px;}
.row > * {box-sizing: border-box; }
.row-30 > * {box-sizing: border-box; padding: 0 30px 60px; flex-basis: 100%;}
.row-contact > * {box-sizing: border-box; padding: 0 5px 0px; flex-basis: 100%;}
.row:last-child {}
.gutterless > .row {margin: 0;}
.gutterless > .row > * {padding: 0;}
.gutterless > .row:last-child {margin-bottom: 0;}
.col {flex: 1 0 auto;}

/* Default view */
.col-1 {flex-basis: 8.3333333333%; max-width: 8.3333333333%;}
.col-2 {flex-basis: 16.666666666%; max-width: 16.666666666%;}
.col-3 {flex-basis: 25%; max-width: 25%;}
.col-4 {flex-basis: 33.333333333%; max-width: 33.333333333%;}
.col-5 {flex-basis: 41.666666666%; max-width: 41.666666666%;}
.col-6 {flex-basis: 50%; max-width: 50%;}
.col-7 {flex-basis: 58.333333333%; max-width: 58.333333333%;}
.col-8 {flex-basis: 66.666666666%; max-width: 66.666666666%;}
.col-9 {flex-basis: 75%; max-width: 75%;}
.col-10 {flex-basis: 83.333333333%; max-width: 83.333333333%;}
.col-11 {flex-basis: 91.666666666%; max-width: 91.666666666%;}
.col-12 {flex-basis: 100%; max-width: 100%;}
.col-top {align-self: flex-start;}
.col-bottom {align-self: flex-end;}
.col-middle {align-self: center;}
.row-left {justify-content: flex-start;}
.row-right {justify-content: flex-end;}
.row-center {justify-content: center;}
.row-space-between {justify-content: space-between;}
.row-space-around {justify-content: space-around;}
.row-reverse {flex-direction: row-reverse;}
.row-equal > * {display: flex;}
.row-equal > * > * {width: 100%;}
.row-top {align-items: flex-start;}
.row-middle {align-items: center;}
.row-bottom {align-items: flex-end;}
.row-stretch {align-items: stretch;}
.hide {display: none;}

/* Small viewport (mobile) */
@media (max-width: 767px) {
  .col-small-1 {flex-basis: 8.3333333333%; max-width: 8.3333333333%;}
  .col-small-2 {flex-basis: 16.666666666%; max-width: 16.666666666%;}
  .col-small-3 {flex-basis: 25%; max-width: 25%;}
  .col-small-4 {flex-basis: 33.333333333%; max-width: 33.333333333%;}
  .col-small-5 {flex-basis: 41.666666666%; max-width: 41.666666666%;}
  .col-small-6 {flex-basis: 50%; max-width: 50%;}
  .col-small-7 {flex-basis: 58.333333333%; max-width: 58.333333333%;}
  .col-small-8 {flex-basis: 66.666666666%; max-width: 66.666666666%;}
  .col-small-9 {flex-basis: 75%; max-width: 75%;}
  .col-small-10 {flex-basis: 83.333333333%; max-width: 83.333333333%;}
  .col-small-11 {flex-basis: 91.666666666%; max-width: 91.666666666%;}
  .col-small-12 {flex-basis: 100%; max-width: 100%;}
  .col-small-top {align-self: flex-start;}
  .col-small-bottom {align-self: flex-end;}
  .col-small-middle {align-self: center;}
  .row-small-left {justify-content: flex-start;}
  .row-small-right {justify-content: flex-end;}
  .row-small-center {justify-content: center;}
  .row-small-space-between {justify-content: space-between;}
  .row-small-space-around {justify-content: space-around;}
  .row-small-reverse {flex-direction: row-reverse;}
  .row-small-equal > * {display: flex;}
  .row-small-equal > * > * {width: 100%;}
  .row-small-top {align-items: flex-start;}
  .row-small-middle {align-items: center;}
  .row-small-bottom {align-items: flex-end;}
  .hide-small {display: none;}
  .border-right{ border:  none;}
  .description-marque{ padding-left: 0;}
  .reseaux .col-small-12{ margin-bottom: 20px;}
  .logo{ width: 178px; height: 31px; top: 30px; left: 20px;}
  .responsive-menu .trigger { right: 30px !important;   top: 40px !important;  }
  header{ height: 130px;}
  .tampon{ width: 140px; height: 140px;right: 50px;}
  img.splash{ width: 240px;}
  .etiquette{  font-size: 0.7rem; }
}
/* Medium viewport (tablets) */
@media (min-width: 768px) and (max-width: 959px) {
  .col-medium-1 {flex-basis: 8.3333333333%; max-width: 8.3333333333%;}
  .col-medium-2 {flex-basis: 16.666666666%; max-width: 16.666666666%;}
  .col-medium-3 {flex-basis: 25%; max-width: 25%;}
  .col-medium-4 {flex-basis: 33.333333333%; max-width: 33.333333333%;}
  .col-medium-5 {flex-basis: 41.666666666%; max-width: 41.666666666%;}
  .col-medium-6 {flex-basis: 50%; max-width: 50%;}
  .col-medium-7 {flex-basis: 58.333333333%; max-width: 58.333333333%;}
  .col-medium-8 {flex-basis: 66.666666666%; max-width: 66.666666666%;}
  .col-medium-9 {flex-basis: 75%; max-width: 75%;}
  .col-medium-10 {flex-basis: 83.333333333%; max-width: 83.333333333%;}
  .col-medium-11 {flex-basis: 91.666666666%; max-width: 91.666666666%;}
  .col-medium-12 {flex-basis: 100%; max-width: 100%;}
  .col-medium-top {align-self: flex-start;}
  .col-medium-bottom {align-self: flex-end;}
  .col-medium-middle {align-self: center;}
  .row-medium-left {justify-content: flex-start;}
  .row-medium-right {justify-content: flex-end;}
  .row-medium-center {justify-content: center;}
  .row-medium-space-between {justify-content: space-between;}
  .row-medium-space-around {justify-content: space-around;}
  .row-medium-reverse {flex-direction: row-reverse;}
  .row-medium-equal > * {display: flex;}
  .row-medium-equal > * > * {width: 100%;}
  .row-medium-top {align-items: flex-start;}
  .row-medium-middle {align-items: center;}
  .row-medium-bottom {align-items: flex-end;}
  .hide-medium {display: none;}
}
/* Large viewport (desktop) */
@media (min-width: 960px) {
  .col-large-1 {flex-basis: 8.3333333333%; max-width: 8.3333333333%;}
  .col-large-2 {flex-basis: 16.666666666%; max-width: 16.666666666%;}
  .col-large-3 {flex-basis: 25%; max-width: 25%;}
  .col-large-4 {flex-basis: 33.333333333%; max-width: 33.333333333%;}
  .col-large-5 {flex-basis: 41.666666666%; max-width: 41.666666666%;}
  .col-large-6 {flex-basis: 50%;max-width: 50%;}
  .col-large-7 {flex-basis: 58.333333333%; max-width: 58.333333333%;}
  .col-large-8 {flex-basis: 66.666666666%; max-width: 66.666666666%;}
  .col-large-9 {flex-basis: 75%; max-width: 75%;}
  .col-large-10 {flex-basis: 83.333333333%; max-width: 83.333333333%;}
  .col-large-11 {flex-basis: 91.666666666%; max-width: 91.666666666%;}
  .col-large-12 {flex-basis: 100%; max-width: 100%;}
  .col-large-top {align-self: flex-start;}
  .col-large-bottom {align-self: flex-end;}
  .col-large-middle {align-self: center;}
  .row-large-left { justify-content: flex-start;}
  .row-large-right {justify-content: flex-end;}
  .row-large-center {justify-content: center;}
  .row-large-space-between {justify-content: space-between;}
  .row-large-space-around {justify-content: space-around;}
  .row-large-reverse {flex-direction: row-reverse;}
  .row-large-equal > * {display: flex;}
  .row-large-equal > * > * {width: 100%;}
  .row-large-top {align-items: flex-start;}
  .row-large-middle {align-items: center;}
  .row-large-bottom {align-items: flex-end;}
  .hide-large {display: none;}
}