/* STYLES.CSS */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');
/* font-family: 'Crimson Text', serif; */


/* menu */
.header-top a{outline: none}
.header-top .rs{right: 15px; position: absolute; width: auto; top: 8px;}
.header-top .lienhome{font-family: "Work Sans", sans-serif; font-size: 1.25em;top: .65em;}
.main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_ancestor > a {
    font-weight: normal;
}
.main-navigation a:hover::after, .main-navigation a:focus::after, .main-navigation ul li.current-menu-item > a::after {
    display: block; position: absolute; width: calc(100% - 2em); background: #000; height: 1px; z-index: 1000; margin: 0; content: ''; top: 40px;
}
nav li.denivele{font-style: italic; letter-spacing: 2px}
/* header */
.site-branding {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* home */
 .home div.custom-header {
     overflow: hidden;
     position: relative;
     height: 100vh;
 }
 .home #masthead { height: 100vh;
}
 /* FANCY BOX */
 .fancyphoto{cursor: zoom-in;}
 .fancybox-bg {background:white;}
 .fancybox-button {background: #ffac17}
 .fancybox-button, .fancybox-button:link, .fancybox-button:visited, .fancybox-button:hover  {color: #000;fill:#000}
 .fancybox-close-small, .fancybox-slide--html .fancybox-close-small {
    color: #000;
    opacity: 1;
    fill:#000;
}
 .fancybox-caption {
    background: linear-gradient(0deg,rgba(255, 255, 255,.85) 0,rgba(255, 255, 255,.3) 50%,rgba(255, 255, 255,.15) 65%,rgba(255, 255, 255,.075) 75.5%,rgba(255, 255, 255,.037) 82.85%,rgba(255, 255, 255,.019) 88%,transparent);
    color: #000;
    font-size: 18px;
    font-weight: 600;
  }
  .fancybox-button[disabled]{display: none}
::selection{background-color: #ffac17;color:#000}

.lien1{background: #ffac17;font-family: "Work Sans", "Helvetica Neue", helvetica, arial, sans-serif;font-size: 1em; padding:.25em 1em; text-transform: uppercase;}

main.site-main footer{margin-top:75px; display: flex; flex-flow: row; justify-content: space-between;}
div.custom-header{overflow: hidden; position: relative; height: 450px}
/* effet parrallaxe */
div.parrallaxe{width: 100%; height: 125%; top:-90px }
div.site-branding{position: absolute;top:50px; width: 100%}

main{margin-bottom: 100px}
main.section{margin-bottom: 50px;}
section.bloc{margin:50px 0 }
section.bloc:first-child{margin-top:0};
.bloc_texte, .bloc_texte2{margin-bottom: 40px;}

.souspages{display: flex; position: relative;flex-flow: row wrap;}
.souspages div.item{display:block; position:relative; background: #999; transition: background-color .5s; height: 220px; width:calc(33% - 2px); margin:2px; min-width: 200px}
.souspages div.item a{display:inline-block; position: relative;width: 100%; height: 100%;text-decoration: none; border: none}
.souspages div.item a:hover *{text-decoration: none; border: none}
.souspages img {height: 100%; mix-blend-mode: multiply; border: none; width: 100%; object-fit: cover;}
.souspages .titre{;position: absolute; width: 100%; height: 100%; padding:10px; text-align: center; color:#fff; top: 0; z-index: 100; display: flex; flex-direction: column; justify-content: center}
.souspages .titre h2 {font-size: 14px; color:#fff; width:100%; text-align: center; margin-bottom: 0;}
.souspages .titre span {font-size: 20px; text-transform: uppercase; line-height: 1.2em}
.souspages div.item:hover{background-color:#ffac17;}
.souspages .item img{filter: grayscale(0%); transition: filter .5s}
.souspages .item:hover img{filter: grayscale(100%);}




.bloc_texte2 p{font: normal 22px/1.15 'Crimson Text', serif; margin-bottom: .5em}

.builder_equipe{display: flex; width: 1100px; left: 50%; position: relative; transform: translateX(-50%); max-width: calc(100vw - 50px);}
.builder_equipe .item{flex-grow: 1;width: 20%; text-decoration: none; margin:2px}
.builder_equipe .item a{text-decoration: none; border: none; transition: none; outline: none}
.builder_equipe .item a:hover *{text-decoration: none; border: none}
.builder_equipe .item .img{background-color: #ffffff;line-height: 0; font-size: 0; transition: background-color .5s}
.builder_equipe .item a:hover .img{background-color: #ffac17;}
.builder_equipe .item img{width: 100%; height: 280px; object-fit: cover; margin: 0; padding: 0; mix-blend-mode: multiply;}
.builder_equipe .item .titre{text-align: center; margin-top:10px}
.builder_equipe .item .titre h2, .builder_equipe .item .titre h1{font-size: 14px; line-height: 1em; margin-bottom: 0}

.bloc_fichiers{display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-end}
.bloc_fichiers .item{flex:1; text-align: center; min-width: 200px}
.bloc_fichiers .item img{max-width: 120px}
.bloc_fichiers .item a:hover .titre{text-decoration: underline;}


.bloc_logos{display: flex; flex-flow: row wrap; justify-content: center; align-items: center}
.bloc_logos .item{}
.bloc_logos .item img{max-width: 100px; max-height: 50px; margin:0 20px}
.bloc_logos .item a:hover .titre{text-decoration: underline;}

.bloc_image{width: 100%; margin:4px 0;}
.bloc_image img{width: 100%;}
.bloc_images{  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4px;
  grid-auto-rows: 170px}
.bloc_images>div{font-size: 0px; line-height: 0}
.bloc_images>div:first-child{grid-column: 1 / 3; grid-row: 1 /3}
.bloc_images img{width: 100%; height: 100%; object-fit: cover; margin: 0}

.bloc_container.bloc_espace {width:100%; height: 100px; margin:0}
.bloc_container.bloc_espace.space_150 {height: 150px;}
.bloc_container.bloc_espace.space_50 {height: 50px;}

/* form */


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  color: #000;
  border: none;
}








@media screen and ( max-width: 59.999em ) {
  .main-navigation a:hover::after, .main-navigation a:focus::after, .main-navigation ul li.current-menu-item > a::after {
      display: none
  }
  .menu-toggle {
      background-color: transparent;
      border:none;
      box-shadow: none;
      color: #000;
      display: inline-block;
      font-size: 16px;
      line-height: 1.5;
      margin: 1em 0;
      padding: 0.5em 1.0em;
      text-shadow: none;
  }
  div.site-branding{position: absolute;top:0px; width: 100%}

  .builder_equipe {max-width: 100%;
    position: relative;
    transform: none;
    left: 0;
    flex-flow: row wrap;}

  .builder_equipe .item {
    min-width: 40%;
    max-width:calc(50% - 4px);
    margin:2px;
    margin-bottom: 40px;
    flex-grow: 1;
    flex-basis: 0;
  }
  .builder_equipe .item img {
      width: 100%;
      height: 70vw;
  }

  .souspages{}
  .souspages div.item{width:calc(50% - 4px)}

  .header-top .rs {
    top: 18px;
  }

}
/*
@media screen and ( max-width: 29.999em ) {
  .builder_equipe {display: block; width: 100%;}
  .builder_equipe .item {
    width: 100%;
    margin-bottom: 50px;
  }
  .builder_equipe .item img {
      width: 100%;
      height: 100vw;
  }
} */