/* CSS Document sans mise en forme */

#liste_lien_page_fille {
  display:flex;
  max-width:1170px;
  width:100%;
  margin:auto;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#liste_lien_page_fille a{
      box-shadow: none;
      position: relative;
      width: 350px;
      height: 350px;
      display: flex;
      justify-content: center;
      overflow: hidden;
      margin-bottom: 30px;
      margin: 15px 1%;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      box-sizing: border-box;
      position: relative;
      z-index: 4;
      /* width: 100%; */
      /* height: 100%; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      align-content: center;
}

#liste_lien_page_fille a:after {
    content: '';
    display: flex;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgb(60 60 59 / 75%);
    top: 0;
}

a.visible {}
.withoutPhoto a.visible{
    opacity:1!important;
    margin-top:0px!important;

}
.withoutPhoto a{
      height:0px!important;
}
#liste_lien_page_fille{
  margin-bottom:15px;
}
.par_style_3 a:nth-child(1){
  margin-left:0!important;
}
.par_style_3 a:nth-child(4){
  margin-right:0!important;
}
.par_style_3 #liste_lien_page_fille a{
  width:22.5%!important;
}
#liste_lien_page_fille{
  font-size:0;
}
#liste_lien_page_fille a.visible{
  opacity:1;
  margin-top:0;
  margin-bottom:20px;

}
.par_style_1 #liste_lien_page_fille a{
  width:48%!important;
  max-width:47%;
}
#liste_lien_page_fille a.visible span{
  background-color:transparent;

}
#liste_lien_page_fille a:last-child.visible{
  /* margin-bottom:0; */
}
#liste_lien_page_fille {
  text-align:center;
  box-sizing:border-box;
  padding: 100px 0;
}
.par_style_3 #liste_lien_page_fille a{
  min-width:0;
}
.withoutPhoto a{
  padding-bottom:0;
}

#liste_lien_page_fille span{
  /* display:table-cell!important; */
  position: relative;
  z-index: 3;
  padding: 0 7px;
}
#liste_lien_page_fille h3{
  /* width:100%; */
}
.withoutPhoto a {height:80px!important;padding-bottom:0!important;}


.withoutPhoto div img{
  display:none!important;
}
#liste_lien_page_fille div{
  position: absolute;
  /* min-width: 100%; */
  height: 100%;
  width: 100%;
  /* min-height: 100%; */
  top: 0;
  z-index: 2;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
}

#liste_lien_page_fille div img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.par_style_1 #liste_lien_page_fille a div{
padding-left:100%;

}
.par_style_1 #liste_lien_page_fille h3{
  max-width:100%;
}
#liste_lien_page_fille span{
  text-align: center;
  /* display: table-cell; */
  vertical-align: middle;
  text-decoration: none;
  position:relative;
  top:auto;
  color: white;
  background-color:transparent;
  /* height: 60px; */
  font-weight:normal;
  width: 300px;
  /* padding:0px 10px; */
  line-height: 1em;
  box-sizing:border-box;
  text-decoration:none;
  color: #ffffff!important;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  /* text-align: left; */
  text-transform:none;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
}

#liste_lien_page_fille a:hover span{
  color:#000!important;
}

.page_liquid #liste_lien_page_fille span,
.page_liquid #liste_lien_page_fille a:hover span{
    /* width: 400px; */
}
.page_fille_picto h3{
background-color:transparent!important;
  }
#liste_lien_page_fille h3{/* background-color:#fff; */font-size: 20px;text-align: left;line-height: 1em;/* height: 60px; *//* width: 100%; */text-align:  center;display: inline-block;vertical-align: middle;padding:0;margin:0px;position:absolute;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;bottom:0px;/* border:1px solid #e9e9e9; */box-sizing:border-box;/* padding:0 15px; */position: relative;/* padding: 0 35px 45px; */z-index: 4;}

#liste_lien_page_fille h3:after {
    content: '';
    display: flex;
    position: absolute;
    background-color: #fcc788;
    width: 4px;
    height: 14px;
    top: 3px;
    transition: all 0.5s ease;
}

#liste_lien_page_fille a:hover h3:after {
    width: 100%;
    /* color:#1d1d1d; */
}


  #liste_lien_page_fille a:hover h3{
    /* background-color:#1059a6; */
  }

  #liste_lien_page_fille a:hover h3 span{
   /* color:#fff!important; */
  }

#liste_lien_page_fille span:hover{
  /* text-decoration:underline; */
  color:#282828;
}

@media screen and (max-width: 1200px){
  #liste_lien_page_fille a{
    width: 45%!important;
  }
 #liste_lien_page_fille a{
    width: 45%!important;
    max-width:300px;
    /* display:inline-block; */
    margin-left:10px;
    margin-right:10px;
  }
  .par_style_3 #liste_lien_page_fille a{
    width:50%!important;
  }
}
@media screen and (max-width: 700px){
#liste_lien_page_fille a{
    width: 90%!important;
  }
   .par_style_3 #liste_lien_page_fille a{
    width:100%!important;
  }
}
@media screen and (max-width: 700px){

 #liste_lien_page_fille a{
    width: 300px!important;
    max-width:300px;
    /* display:inline-block; */
    margin-left:10px;
    margin-right:10px;
  }
}