@font-face {
                src: url('../../fonts/MontserratAlternates-Regular.ttf') format('truetype');
                font-weight: normal;
                font-style: normal;
	            font-family: 'Montserrat';
	            font-weight: 400;
            }            
            @font-face {
                src: url('../../fonts/railey.woff2') format('woff2'),
                     url('../../fonts/railey.woff') format('woff'),
                     url('../../fonts/Railey.ttf') format('truetype');
                font-weight: normal;
                font-style: normal;
	            font-family: 'Railey';
	            font-weight: 400;
            }

            @font-face {
                src: url('../../fonts/Jella-semiBold.woff2') format('woff2'),
                     url('../../fonts/Jella-semiBold.woff') format('woff'),
                font-weight: normal;
                font-style: normal;
	            font-family: 'Jella-semiBold';
	            font-weight: 400;
            }
            @font-face {
                font-family: 'Srisakdi';
                font-weight: 700;
                src: url('../../fonts/Srisakdi-Bold.ttf') format('truetype')
            }
            
            p{
                color: #49321a;
            }

            .red{
                border-color: #9C1A19;
            }
            body{
                cursor: url(../../images/cursor2.png), pointer;
            }
            a:hover{
                cursor: url(../../images/cursor-link2.png), pointer;
            }
            button:hover{
                cursor: url(../../images/cursor-link2.png), pointer;
            }
            input[type="submit"]:hover{
                cursor: url(../../images/cursor-link2.png), pointer;
                border-color: #c8ad7f;
                color: #c8ad7f;
            }
            .railey {
	            font-family: 'Montserrat';
                color: #123a49;
            }

            .srisakdi-bold {
	            font-family: 'Montserrat', cursive;
                color: #123a49;;
            }
                        
            input[type="checkbox"]:checked {
                background: #c8ad7f;
                box-shadow: none;
                border-color: #c8ad7f;
            }
            
            input[type="checkbox"]:focus {
                box-shadow: 0px 0px 2px 2px rgba(200,173,127,0.85);
                border-color: #c8ad7f;
            }
            input[type="email"]:focus {
                box-shadow: 0px 0px 2px 2px rgba(200,173,127,0.85);
                border-color: #c8ad7f;
            }
            input[type="text"]:focus {
                box-shadow: 0px 0px 2px 2px rgba(200,173,127,0.85);
                border-color: #c8ad7f;
            }
            textarea:focus {
                outline: none !important;
                box-shadow: 0px 0px 2px 2px rgba(200,173,127,0.85);
                border-color: #c8ad7f;
            }
            
            nav{
                z-index: 7;
            }
            .bd-placeholder-img {
                font-size: 1.125rem;
                text-anchor: middle;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }
            
            .nuage {
                width: 60%;
            }
            @media (min-width: 768px) {
                .bd-placeholder-img-lg {
                    font-size: 3.5rem;
                }
                .nuage {
                    width: 75%;
                }
            }

            .b-example-divider {
                height: 3rem;
                background-color: rgba(0, 0, 0, .1);
                border: solid rgba(0, 0, 0, .15);
                border-width: 1px 0;
                box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
            }

            .b-example-vr {
                flex-shrink: 0;
                width: 1.5rem;
                height: 100vh;
            }

          .bi {
            vertical-align: -.125em;
            fill: currentColor;
          }

          .nav-scroller {
            position: relative;
            z-index: 2;
            height: 2.75rem;
            overflow-y: hidden;
          }

          .nav-scroller .nav {
            display: flex;
            flex-wrap: nowrap;
            padding-bottom: 1rem;
            margin-top: -1px;
            overflow-x: auto;
            text-align: center;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
          }
        
        .text-beige{
            color : #c8ad7f;
        }
        
        .text-beige:hover{
            color : #c8ad7f;
        }
        
        .bg-beige{
            background-color : #c8ad7f;
            color : white;
        }

        .bg-beige-clair{
            background-color : #F5F3EF;
            color : white;
        }
        
        .border-beige{
            border-color: #c8ad7f;    
        }
        
        .text-rouge{
            color: #9C1A19;
        }

@keyframes myAnim {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}
.heartbeat {
    animation-name: myAnim;
		animation-duration: 3s;
		animation-timing-function: linear;
		animation-delay: 0.6s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
}