/*
    font-family: 'Cinzel', serif;
    font-family: 'Kurale', serif;
    font-family: 'Buenard', serif;
    font-family: 'Goudy Bookletter 1911', serif;
    font-family: 'Ovo', serif;
    font-family: 'Waiting for the Sunrise', cursive;
    font-family: 'Nothing You Could Do', cursive;
*/
.fond {
    background-color:rgb(252,242,232);
}

.title {
    font-family: 'Cinzel', serif;
    color:rgb(68,36,0);
    font-size:calc(90% + 1vw + 1vh); 
}

.title-deco {
	font-family: 'Cinzel Decorative', serif;
}

.sub-title {
    font-family: 'Nothing You Could Do', serif;
    color:rgb(68,36,0);
    font-size:calc(50% + 0.5vw + 0.5vh);
}

.handwrite {
    font-family: 'Nothing You Could Do', serif;
    color:rgb(68,36,0);
    font-size:calc(30% + 1vw + 1vh);
}

.container.large {
	max-width:90%;
}

.container.x-large {
	max-width:100%;
}

/* ---------------------------------------- Génération de lien court ---------------------------------------------*/
.anchor {
	display: block;
	position: relative;
	top: -75px;
	visibility: hidden;
}

.toast {
	position:fixed;
	top:0;
	right:0;
	z-index:9999;
	background-color: rgba(255,255,255,1) !important;
}

.toast-header {
	background-color: rgba(255,255,255,1) !important;
}

.link {
	color:lightgray;
}

.link:hover {
	color:black;
}
/* ----------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 640px) {
    .container.narrow {
		max-width:30%;
	}
}

.tilt:hover {
	animation: tilt 820ms cubic-bezier(.36,.07,.19,.97) both;
	transform: rotate(0deg);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes tilt {
	10%, 90% {
		transform: rotate(-1deg);
	}

	20%, 80% {
		transform: rotate(2deg);
	}

	30%, 50%, 70% {
		transform: rotate(-4deg);
	}

	40%, 60% {
		transform: rotate(4deg);
	}
}

.tremble:hover {
	animation: tremble 820ms cubic-bezier(.36,.07,.19,.97) both;
	transform: rotate(0deg);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes tremble {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(1px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-1px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(1px, 0, 0);
	}
}

.shake:hover {
	animation: shake 820ms cubic-bezier(.36,.07,.19,.97) both;
	transform: rotate(0deg);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
    width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
    height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

.border-t {
    border-top: solid #dd2b2b 3px !important;
}
.border-l {
    border-left: solid #dd2b2b 3px !important;
}
.border-r {
    border-right: solid #dd2b2b 3px !important;
}
.border-b {
    border-bottom: solid #dd2b2b 3px !important;
}