/* ///////////////////////////////////////////////////
couleurs G.I.T.E.
/////////////////////////////////////////////////// */
h1,h2,h3,h4,h5{color: #115FA7;}

.gite-color-default{color: #AA5492;}
.gite-bg-default{background: #AA5492;}

.gite-color-primary{color: #115FA7;}
.gite-bg-primary{background: #115FA7;}

.gite-color-secondary{color: #85764d;}
.gite-bg-secondary{background: #85764d;}

/* HOMR MENU IMAGE EFFECT*/
.hover-img-menu {
    position: relative;
}
.hover-img-menu > img {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    z-index: 19;
}

.hover-img-menu a .img-back {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: white;
    margin: 0;
    z-index: 9;
}

.hover-img-menu a .img-front {
    opacity: 1;
    -webkit-transition: opacity 2000ms ease-in-out;
    -moz-transition: opacity 2000ms ease-in-out;
    -ms-transition: opacity 2000ms ease-in-out;
    -o-transition: opacity 2000ms ease-in-out;
    transition: opacity 2000ms ease-in-out;
}

.hover-img-menu a .img-back {
    opacity: 0;
    -webkit-transition: opacity 2000ms ease-in-out;
    -moz-transition: opacity 2000ms ease-in-out;
    -ms-transition: opacity 2000ms ease-in-out;
    -o-transition: opacity 2000ms ease-in-out;
    transition: opacity 2000ms ease-in-out;
}

.hover-img-menu:hover a .img-front {
    opacity: 0;
    -webkit-transition: opacity 2000ms ease-in-out;
    -moz-transition: opacity 2000ms ease-in-out;
    -ms-transition: opacity 2000ms ease-in-out;
    -o-transition: opacity 2000ms ease-in-out;
    transition: opacity 2000ms ease-in-out;
}

.hover-img-menu:hover a .img-back {
    opacity: 1;
    -webkit-transition: opacity 2000ms ease-in-out;
    -moz-transition: opacity 2000ms ease-in-out;
    -ms-transition: opacity 2000ms ease-in-out;
    -o-transition: opacity 2000ms ease-in-out;
    transition: opacity 2000ms ease-in-out;
}

.flip-box {
  background-color: transparent;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #13315c;
  color: black;
}

.flip-box-back {
  background-color: #13315c;
  color: white;
  transform: rotateY(180deg);
}