@font-face {
	       font-family: 'Tan Pearl';
	       src: url(‘style/font/tan-pearl.woff2’) format(‘woff2’),
		      url(‘style/font/tan-pearl.ttf’) format(‘truetype’);
        }
        
        @font-face {
	       font-family: 'Lato';
	       src: url(‘style/Lato-Regular.ttf’) format(‘truetype’);
        }
        
        p, .lato{
            font-family: 'Lato', sans-serif;
        }
        
        h2, .pearl{
            font-family: 'Tan Pearl';
        }
        
        .text-green{
            color: #104b4d;
        }
        
        .bg-green{
            background: #104b4d;
            color: white;
        }

        .bg-beige{
            background: #FFFAF0;
        }

        .text-pink{
            color: #FAD7C4;
        }
        
        .text-beige{
            color: #FFFAF0;
        }
        
        .bg-pink{
            background: #FAD7C4;
        }

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .breadcrumb-dot 
      .breadcrumb-item+
      .breadcrumb-item::before {
    color: #ffffff;
}
 
* {
        box-sizing: border-box;
      }

      .rotate1 {
          @media (min-width: 768px) {
        /* writing-mode: vertical-lr; */
            margin: 0 0 0;
            position: relative;
            top: 45%;
            text-align: center;
            transform: rotate(-90deg);
          }
          @media (max-width: 768px) {
            padding: 1em;
          }
      }

      @-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100%  {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.pulsate-fwd:hover {
	-webkit-animation: pulsate-fwd 2s ease-in-out 1 both;
	        animation: pulsate-fwd 2s ease-in-out 1 both;
}

.rendez-vous:hover{
    color : #FFFFFF;
    background: #104b4d;
}

@-webkit-keyframes slide-in-blurred-bottom {
    0% {
      -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
              transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      -webkit-filter: blur(40px);
              filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) scaleY(1) scaleX(1);
              transform: translateY(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-filter: blur(0);
              filter: blur(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-blurred-bottom {
    0% {
      -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
              transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      -webkit-filter: blur(40px);
              filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) scaleY(1) scaleX(1);
              transform: translateY(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-filter: blur(0);
              filter: blur(0);
      opacity: 1;
    }
  }

  .slide-in-blurred-bottom {
	-webkit-animation: slide-in-blurred-bottom 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-bottom 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes text-shadow-drop-center {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  }
}
@keyframes text-shadow-drop-center {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  }
}
.text-shadow-drop-center {
	-webkit-animation: text-shadow-drop-center 2s infinite both;
	        animation: text-shadow-drop-center 2s infinite both;
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.scale-in-center {
	-webkit-animation: scale-in-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.feuille{
    list-style-image: url("../../images/feuille.png");
}

@media (min-width: 768px) {
  .whitefeuille{
      background-color: #104B4D;
      background-image: url("../../images/background-1.png"), url("../../images/background-2.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position-x: right, left;
      background-position-y: 100%, 100%;
  }
}

@media (max-width: 767px) {
  .whitefeuille{
      background-color: #104B4D;
      background-image: url("../../images/background-1.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position-x: right;
      background-position-y: 100%;
  }
}

.whitefeuille2{
  background-color: #104B4D;
  background-image: url("../../images/background-1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: left;
  background-position-y: 100%;
}

.whitefleur{
    background-color: #104B4D;
    background-image: url("../../images/background-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
    background-position-y: 100%;
}

.whitefleur2{
  background-color: #FFFAF0;
  background-image: url("../../images/background-4.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: left;
  background-position-y: 100%;
}

.whitefleur3{
  background-color: #FFFAF0;
  background-image: url("../../images/background-4.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: right;
  background-position-y: 100%;
}

.greenbranche{
    background-color: #FFF;
    background-image: url("../../images/background-3.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 100%;
}