/*
 * 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;margin: 0 -40px 0 -40px; }
.row-journal, .row-page {display: flex; flex-wrap: wrap;margin: 0 -40px 0 -40px;}
.rowsearch,#wpcf7-f224-o1 .wpcf7-form {display: flex; flex-wrap: wrap;}
.rowmenu, .reseaux, .reseaux_footer,.rowmenufooter #menu-menu-footer,.rowmenufooter #menu-menu-seo {display: flex; flex-wrap: wrap;}
.categories ul{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.rowliste{display: flex; flex-wrap: wrap;margin: 0 -40px 0 -40px;}
.row-single{display: flex; flex-wrap: wrap; margin: 0 -40px 0 -40px;}
#menu-menu-header {display: flex; flex-wrap: wrap; box-sizing: border-box; flex-basis: 100%;}
.menu-menu-header-container{flex: 100 1 auto;}
.row > * {box-sizing: border-box; padding: 0 40px 40px; flex-basis: 100%;}
.row-journal > *, .row-page > * {box-sizing: border-box; padding: 0 40px 40px; flex-basis: 100%;}
.rowliste > * {box-sizing: border-box; padding: 0 40px; flex-basis: 100%;}
.rowsearch > *,#wpcf7-f224-o1 .wpcf7-form > *, .rowmenufooter #menu-menu-footer > *,.rowmenufooter #menu-menu-seo > *{box-sizing: border-box;  flex-basis: 100%;}
.row-single  > *{box-sizing: border-box; padding: 20px 40px; flex-basis: 100%;}
#menu-menu-header > * {box-sizing: border-box; }
.row:last-child {}
.gutterless > .row {}
.gutterless > .row > * {}
.gutterless > .row:last-child {margin-bottom: 0;}
.gutterless > .row-journal:last-child, .gutterless > .row-page: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%;}
.menu-item{flex: 1 1 auto;  text-align: left; text-transform:  uppercase; padding-top: 50px;padding-bottom: 40px;}
.rowmenufooter #menu-menu-footer .menu-item{ flex: 1 1 auto;  text-align: center; text-transform:  uppercase; padding-top: 20px;padding-bottom: 20px;}
.rowmenufooter #menu-menu-seo .menu-item{ flex: 1 1 auto;  text-align: center; text-transform:  uppercase; padding-top: 20px;padding-bottom: 20px;}
.col-3 {flex-basis: 25%; max-width: 25%;}
.col-20 {flex-basis: 20%; max-width: 20%;}
.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;}
.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-20 {flex-basis: 20%; max-width: 20%;}
  .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;}
  .show-small {display: block;}
  .fond-blanc-header{ background:  none;}
  .col-20{ margin-bottom: 10px;}
  .recherche{position: absolute; bottom:  initial; width: 100%; z-index: 100; margin-top: 40px;}
  .logo-header{margin-top: 40px;}
  .margin-bottom-40sup{ margin-bottom: 40px;}
  .footer-single{ position: relative; width: 100%;}
  .search-price{ border-width: 2px; padding-bottom: 22px !important; padding-top: 22px !important; }
  
  form{ border: none;}
  .search-price, .form-control{ border-width: 2px;}
#form_search_submit{ border-width: 2px; }
#form_estim_submit{  border-width: 2px;}
.form-control-estim{  border-width: 2px;}
.form-control-vendre{ border-width: 2px;}
.form-control-hono{ border-width: 2px;}

    
.border-small{ border-bottom: 2px solid #e6e6e6 ; margin-bottom: 40px;}
.trier{ margin-bottom: 40px;}

.categories ul{ flex-direction: column;}
.categories ul li{ margin-bottom: 10px;}
.categories ul li:hover{ margin-bottom: 10px;}
}
/* Medium viewport (tablets) */
@media screen and (min-width: 768px) and (max-width: 959px), print {
  .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-20 {flex-basis: 20%; max-width: 20%;}
  .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;}
    .footer-single{ position: relative; width: 100%;}
    .logo-header img{ width: 50%; margin-left: 25%; margin-top: 20px;}
}
/* Large viewport (desktop) */
@media screen and (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-20 {flex-basis: 20%; max-width: 20%;}
  .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;}
}