#ytb_group_menu, #ytb_group_header {
  width : 90%
}

@media screen and (max-width: 1024px){
  #ytb_group_menu, #ytb_group_header {
  width: 96%; }
}


#ytb_row_footer {
  width : 95%
}

#ytb_block_accueil_1 {
  margin-bottom : 0%
}

@media only screen and (min-width: 851px) {
#ytb_row_page_content .tb__tarifs tr + tr { border-top: 2px solid #e8e8e8; }
#ytb_row_page_content .tb__tarifs td { vertical-align: top; }
#ytb_row_page_content .tb__tarifs td { width : 25% }
#ytb_row_page_content .tb__tarifs tr td + td { padding: 0px 10px 10px 10px; }
}

@media only screen and (max-width: 850px) {
  #ytb_row_page_content .tb__tarifs td {
    display:block;
    width:100%;
  }
}

/*===============================
** ** 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%;
}
}


#ytb_row_page_content .video-conteneur {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}

#ytb_row_page_content .video-conteneur iframe,
#ytb_row_page_content .video-conteneur object,
#ytb_row_page_content .video-conteneur embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#ytb_group_footer img {
  display: inline-block;
  filter: brightness(0) invert(1);
}