@media screen and (min-width: 980px) {
  .nav-menu li {
      /*height: 50px;*/
      padding: 0;
      margin:0;
      /*float:left;*/
      /*width:163px;*/
  }

  .nav-menu li:last-child {
      /*width:165px;*/
  }
}

@media screen and (max-width: 979px) {
  .navbar,
  .main-navigation {
    /*width: 100%;*/
  }
  .site-footer {
    margin: 20px;
  }

  #homepage-collections { margin: 0 auto; }
  #homepage-collections .bottom { top: 0; }
  .homepage-bloc {
    display: block;
    margin: 1rem auto;
    max-width:100%;
  }

}


@media screen and (max-width: 880px) {

  .popin { width: 95%; max-width:500px;}
  article.popin-article { width:100%; max-width:500px; padding:20px;}
  article.popin-article .right-part { flex-direction:column-reverse; height:auto; padding:0;}
  article.popin-article .entry-header { margin: 0 auto; flex-direction:column;}
  article.popin-article .block-full-size-image-popin { width:100%; }
  article.popin-article .block-full-size-image-popin img { max-width:100%; }
  article.popin-article .block-small-size-image-popin { margin-left:0; }
  article.popin-article .block-small-size-image-popin img { max-width:30%; vertical-align:top; }
  article.popin-article .text-popup { padding: 10px 0 0 0; max-height:none; height:auto;}

.show-under-large-only { display:block; }
.show-on-large-only { display:none; }


}

@media screen and (max-width: 825px) {
  .site-header .header-intro {
    text-align: center;
  }
  .site-header .contact-phone {
      position: relative;
      top: 0;
      right: 0;
      text-align: center;
      border-top: none;
      width:100%;
  }
  .site-header .contact-phone-content {
      margin-right: 6px; /* pour rattraper le décalage produit par le transform...*/
      text-align:center;
      display:inline-block;
      -webkit-transform: none;
      width:100%;
  }
  .site-header .contact-phone-content .inner-content {
      -webkit-transform: none;
  }
  .site-header .svg-logo {
    max-width: 100%;
    background-position: center;
    height:150px;
    margin: 30px 0;

  }
  .site-header .search {
    width: 100%;
    text-align: center;
  }

} /* max-width : 825px */


@media screen and (min-width: 644px) {
  .nav-menu {
    display:flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .nav-menu li {
    flex: 1 1 auto;
  }
  .mobile-centered {
    display:inline;
  }
}

@media screen and (max-width: 643px) {
  .mobile-centered {
    display: inline-block;
  }
  .nav-menu {
    display:flex;
    flex-flow: column wrap;
    justify-content: left;
  }
  .nav-menu li {
    flex: 1 1 auto;
  }
  .nav-menu li a {
    text-align: left;
    padding-left: 20px;
  }
  .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
    color: #0047ba;
  }
  .toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover {
    background-color: #0047ba;
  }
  .toggled-on .nav-menu li > ul a {
    text-align: left;
    padding-left: 20px;
  }
  .toggled-on .nav-menu li > ul {
    height: auto;
    width: 100%;
    padding-top: 10px;
    opacity: 1;
  }
  .call-to-action {
    width: 80%;
  }
  .bloc-droit .logos{
      text-align:left;
  }
  .form-infos{
    padding-right: 0px;
  }

  article.type-page {
    width:100%;
  }

  .entry-header { width:100%; }
  .decorated-title, .archive-description h1,.archive-header h1 p,.archive-title p, .entry-header h1 p, .adress-and-map h1 p, .page-header h1 p {
    background-position: left top;
    padding: 30px 0 0 0;
    margin-left: 0;
  }

  .qui-sommes-nous article.type-page {
      flex-flow: column;
  }
  .qui-sommes-nous article.type-page .entry-header {
    margin:0; max-width:100%;
  }
  .qui-sommes-nous article.type-page .entry-content {
    margin:0; max-width:100%;
  }

  .equipe .background {
    background: none;
  }
  .equipe .membre { width:50%; }
  .equipe .row2,
  .equipe .row4 { justify-content: space-around; }

  /* actualités */
  article .entry-header,
  article .entry-content { width:100%; }

  .hentry { padding: 20px; }
  .container, .container.reverse { flex-flow: column; }
  .container.un-deux .item-photo { min-height:100px; }
  .container.reverse .item-text { text-align:left;}
  .container .item-text .entry-content { padding: 0 !important;}

  #homepage-text {
    display:flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }
  #homepage-text .column1,
  #homepage-text .column2 {
      margin-right: 0;
      margin-top: 2rem;
  }
  #homepage-text .titre {
    text-align: left;
    flex-basis: 0;
  }
  .container .item-text,
  .container.reverse .item-text { text-align: left; padding: 0; }



}

@media screen and (max-width: 500px) {

  .equipe .row1,
  .equipe .row2,
  .equipe .row3,
  .equipe .row4 { flex-direction: column; margin:0;}

  .equipe .row1 .membre,
  .equipe .row2 .membre,
  .equipe .row3 .membre,
  .equipe .row4 .membre { max-width:100%; width:100%; margin: 1rem 0 0 0;}

  #liste-trophees article { width:100%; }
}