@media screen and (min-width: 960px) {
  /* Pour le responsive du logo du header */  
  #ytb_block_header_1 img {
    max-height: 115px;
  }
  /* HP - Section équipe: à partir de 960px on affiche 4 images par ligne */
  .content_30341 .basicArticleSuperList.list.list--column .basicArticleSuperListItem {
    width: 20%;
  }
  /* Aerer l'espace du footer */
  #ytb_row_footer .ytb_block:first-child {
    width: 50%;
  }
  #ytb_block_footer_1 .ytb_extension_article {
    max-width: none;
  }
}

@media only screen and (max-width: 960px) {
  /* Modification rentrer le bouton de prise de rendez-vous en resp */
  #ytb_row_header .ytb_block {
    width: calc(50% - 50px);
  }
  
  #ytb_row_header #ytb_block_header_3 {
    width: 90px;
  }
  
  #ytb_block_header_3 {
    font-size: 0;
  }
  
  #ytb_block_header_3 .ytb_extension_article {
    width: 100%;
  }
  
  #ytb_block_header_3 p {
    display: flex;
    align-items: center;
  }
  
  #ytb_block_header_3 br {
    display: none;
  }
  
  #ytb_block_header_3 a {
    line-height: 1;
    padding: 5px;
  }
  
  #ytb_block_header_3 a:last-of-type {
    display: initial;
  }
  
  #ytb_block_header_3 a:last-of-type img {
    max-width: 32px;
    max-height: 32px;
  }
}

/* Attention, tout ce qui apparait sous cette ligne ne peut pas marcher car il manque une balise fermante,
mais je ne sais pas si tout ce qui se trouve ici est nécessaire pour le bon fonctionnement de ce site,
donc je laisse le soin à la personne responsable du projet de se rapprocher d'un intégrateur à l'occasion */
@media only screen and (max-width: 960px) {
  #ytb_block_header_3 a.action {
    display: none;
  }
  
  /*===============================
  ** ** SLIDER template wodpress ** **
  ================================*/
  .article-gallery {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    text-align: center;
  }
  .article-gallery figure {
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
  }
  .article-gallery figure {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0;
  }
  .article-gallery .gallery-icon {
    position: relative;
    margin: 0;
    overflow: hidden;
  }
  
  .article-gallery .gallery-icon::after {
    /* content:" ";*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+19,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 19%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 19%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 19%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
  }

  .article-gallery .gallery-icon a {
    position: relative;
  }
  .article-gallery .caption {
    cursor: pointer;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #2e2925;
    display: none; /* description desactivé */
  }
  
  .article-gallery img {
    min-width: 100%;
    /*  min-height: 100%;*/
    width: auto;
    height: auto;
    display: block;
  }
  .article-gallery a {
    height: auto;
    overflow: hidden;
    display: block;
  }

  /* Couleur du BG */
  .gallery_item > .gallery-icon {
    /*background-color: {{ ytb_variable("background", "GLOBAL_GALERIE", "color") }}  ;*/
  }
  /* le padding  */
  .gallery_item  {
    margin:0;
    padding:8px;
  }

  /* le symbole de hover */
  .article-gallery .gallery-icon a::before {
    background-color: #ffffff;
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    opacity:0.6;
  }

  .article-gallery .gallery-icon a::after {
    z-index: 100;
    content: "+";
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 36px;
    color: {{ ytb_variable("color", "COULEUR-DOMINANTE-1", "color") }};
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    pointer-events: none;
    opacity:0;
    transition:opacity 0.3s;
  }

  /* gestion du hover -- effect ------------------ */

  /* effect -- la fleche au hover */
  .article-gallery .gallery-icon a:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  .article-gallery .gallery-icon a:hover::after {
    opacity:1;
  }

  /* par defaut en responsive */
  [class*="gallery-columns-"] figure {
    width: 50%;
  }

  /* sur la home pas de pagdding */
  .layout-layout-1 .gallery_item  {
    margin: 0;
  }

  @media only screen and (min-width: 960px) {
    /* gestion galerie wordpress */
    .gallery-columns-2 figure {
      width:50%;
    }

    .gallery-columns-3 figure {
      width:33.33%;
    }

    .gallery-columns-4 figure {
      width:25%;
    }

    .gallery-columns-5 figure {
      width:20%;
    }

    .gallery-columns-6 figure {
      width:16.66%;
    }
  }
  
 .slider--texte>div only screen and (min-width: 960px) {
   text-align: center;
  }