.PresantationAcceuil{
  padding: 5vh 0px 0px 0px;

}
.BlockCategorie{
  position: relative;
  text-align: center;

}
.logoCateg{
  width: 100%;
  text-align: center;
}
.ImgPrincipalCateg{
  width: 100%;
  text-align: center;
}
.ImgPrincipalCateg img{max-width: 100%;}
.BlockCategorie{
  padding: 0px !important;
}
.BlockCatgBottom{
  background: #1b75bb;
  padding: 3vh 0px !important;
  display: block;
}
.BlockCatgBottom2{
    background: #00a14b;
  padding: 3vh 0px !important;
  display: block;

}
  
.ImgPrincipalCateg{
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
  }


.ImgPrincipalCateg:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
 

.BlockCategorie:hover .ImgPrincipalCateg:before {
  -webkit-animation: shine linear 1s;
  animation: shine linear 1s;

}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.NameCateg a{
    color: #fff;
    text-decoration: none;
}
.NameCateg{
    font-size: 2.1em;
    font-weight: 500;

    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #fff;
    display: table;
    margin: auto;
    padding: 0px 2vw 10px 2vw;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.NameCateg:hover{
  
     padding: 0px 00px 10px 00px;
}
 
.VoirPlus {
    position: relative;
 
    display: table;
    margin: auto;
 
}
.VoirPlus a{
    color: #fff;
    font-size: 1.8em;
    text-transform: uppercase;
    display: block;
    margin-top: 2vh;
    text-decoration:none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
    background: url("../Images/VoirsPlusCateg.png") center right no-repeat;
      padding-right: 38px;
    height: 20px;
    font-weight: 500;
    text-decoration: none;
}



.VoirPlus  a:hover{
    background: url("../Images/VoirsPlusCateg.png") center   right no-repeat;
    padding-right:25px;
    height: 20px;
    color: #fff;
    font-weight: 600;
    text-decoration:none;

}
.VoirPlus1 a:hover:after{
    background: #5d8e53;
    width: 130px;
    right: : 0% !important;
}
 
.ImggLogo{
 text-align:center;
 margin:5vh  auto;
}