/* CONTENEUR */
body {
	display: none;
	background: linear-gradient(20deg,#ba3b1b, #15211f, #15211f);
	font-family: "Poppins", sans-serif;
}

.m3 {
	margin: 3px !important;
}

.btn-selected {
	background-color: #ba3b1b !important;
	border-color: #ba3b1b !important;
}

#timer {
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	white-space: nowrap;
}

/*.row {
	column-gap: 20px;
}*/

.container-tigtitret {
	max-width: 40rem;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	max-width: none !important;
}

.page-wrapper {
	min-height: 80vh;
	max-width: 1100px;
	margin: auto;
}

/* FORMULAIRE */
.form-control {
	border-radius: 10px;
}
.form-control:focus {
	color: #000;
}

.form-group {
	background-color: None;
	/*text-indent: 2%;*/
	border-radius: 10px;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.form-group label {
	color: #e2cfaa;
	/*font-family: "Gill Sans", sans-serif;
	font-family: var(--bs-font-sans-serif);*/
	font-family: "Poppins", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.7142857;
}

label {
	color: white;
	white-space: nowrap;
}

/* TITRE */
.col-form-label {
	font-size: 12px;
}

.page-title {
	color: #FFF;
	font-family: "Sen", Sans-serif;
	/*font-family: "Aristotelica Pro", Helvetica, Arial, Lucida, sans-serif;*/
	font-size: 40px;
	font-weight: 800;
	font-size: 2.5rem;
}

.categorie {
	color: #FFF;
	font-family: "Sen", Sans-serif;
	padding: 10px;
	font-weight: 800;
	font-size: 2.5rem;
}

.desk-titre {
	color: #FFF;
	font-family: "Sen", Sans-serif;
	padding: 10px;
	font-weight: 800;
	font-size: 2.5rem;
}


.progress {
	height: 20px;
}

/*** CALANDAR ***/
.col-calendar {
	width: 100vw;
	max-width: 1200px;
}


.fc .fc-toolbar-title {
	font-size: 1.25em !important;
}

/*.fc .fc-col-header-cell-cushion { 
	padding-top: 5px;
}*/

/*.col-form-label {
    padding-top: calc(0.4375rem + 1px);
    padding-bottom: calc(0.4375rem + 1px);
	padding: center;
    margin-bottom: 0;
    line-height: 3;
}*/

/* BARRE DE NAVIGATION*/
/* ET MENU */

#menuToggle {
	/*display: flex;
	flex-direction: column;
	position: relative;
	top: 25px;
	left: 25px;*/
	z-index: 991;
	-webkit-user-select: none;
	user-select: none;

}

#menuToggle input {
	display: flex;
	width: 40px;
	height: 32px;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	z-index: 992;
}

#menuToggle span {
	display: flex;
	width: 29px;
	height: 2px;
	margin-bottom: 5px;
	position: relative;
	background: #ffffff;
	border-radius: 3px;
	z-index: 993;
	transform-origin: 5px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		opacity 0.55s ease;
}

#menuToggle span:first-child {
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
	opacity: 1;
	transform: rotate(45deg) translate(-3px, -1px);
	background: #36383F;
}

#menuToggle input:checked~span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px);
}

#menu {
	position: absolute;
	width: 300px;
	height: 400px;
	box-shadow: 0 0 10px #85888C;
	margin: -50px 0 0 -50px;
	padding: 50px;
	padding-top: 125px;
	background-color: #F5F6FA;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
	z-index: 991;
}

#menu ul {
	list-style-type: none;
}

#menu li {
	/*padding: 10px 0;*/
	transition-delay: 2s;
	list-style-type: none;
}

#menuToggle input:checked~ul {
	transform: none;
}




.navbar-light {
	box-shadow: 0%;
	/*background:rgba(255, 255, 255, 0.4);*/
	/*background:#151a48;
	background-image: url('/vues/img/fond.png');*/
	background: none;
	border: 0px;
}

.btn_navbar {
	color: #FFF;
	/*background-color: #151a48;
	background-image: url('/vues/img/fond.png');*/
	border: 0px;
	border-radius: 0px !important;
	/*padding-bottom: 20px;*/
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.nav_sous_ligne {
	/*background-image: url('/vues/img/fond.png');*/
	padding-bottom: 10px;
}

.btn_navbar:hover {
	color: #A48543;
	line-height: 20px;
	/*text-decoration: underline ;*/
	border-bottom: solid 2px #A48543;
}

/* CARD */

.card {
	/*background-color: transparent;
	border: transparent;*/
	background: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
}

.card-title {
	color: #FFF;
}

.card-body {
	color: #FFF;
}

.info {
	color: #000;
}

.card-table {
	/*background:rgba(255, 255, 255, 0.2);*/
	background: #00073C66;
	border-radius: 10px;
}

.card-table th,
.card-table td,
.card-table td .text-muted {
	color: #FFF !important;
}

/* BOUTON */
.btn {
	border-radius: 10px;
	box-shadow: none !important;
}

.btn-primary {
	color: #fff;
	background-color: #ba3b1b;
	border-color: #ba3b1b;
}

.btn-primary:hover {
	color: #fff;
	background-color: #15211f;
	border-color: #15211f;
}

.btn-outline-primary {
	color: #FFF;
	border-color: #ba3b1b;
}

.btn-big {
	display: flex;
	color: #FFF !important;
	border: 2px solid;
	border-color: #d8d8d8;
	border-radius: 20px;
	font-weight: 500;
	cursor: pointer;
	padding: 50px;
	width: 100%;
	flex-direction: column;
	flex-wrap: nowrap;
	color: #ba3b1b;
	background-color: #0000008a;
}

.btn-big:hover {
	border-color: #ba3b1b;
	background-color: #ba3b1b;
}

.btn-retour {
	color: #FFF;
}

.btn-or {
	color: #FFF;
	background-color: #A48543;
	border-color: #A48543;
	font-size: 20px;
	padding: 20px;
	border-radius: 0px 20px 20px 0px;
	letter-spacing: 0.08em;
}

.btn-social {
	color: #ba3b1b;
	background-color: #c1cde0;
	border-color: #c1cde0;
	border-radius: 20px 0px 0px 20px;
	padding: 15px;
}

.btn-icon {
	color: #ffffff;
}

.color-social {
	color: #4C4FC3 !important;
}

/*.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(:focus):not(.focus) {
	box-shadow: 1px 3px 0 rgb(0 0 0 / 5%), inset 0 2px 0 -1px rgb(255 255 255 / 50%);
}

.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(:focus):not(.focus){
	box-shadow: 1px 3px 0 rgb(0 0 0 / 0%), inset 0 2px 0 -1px rgb(255 255 255 / 0%);
}*/

.progress-bar {
	background-color: #D8af4f;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.95);
	font-size: 1rem;
}

.nav-link:hover {
	color: #D8af4f !important;
}


/**** Cas particulier ****/
.card-connexion {
	padding: 4.5rem !important;
}

.logo {
	margin-left: 25px;
	height: 3.5em;
}

@media screen and (max-width: 500px) {
	.card-connexion {
		padding: 1rem !important;
	}

	.logo {
		margin-left: 0px !important;
		height: 3.2em;
	}
}



/********** Circuits reservation **********/

.btn-selected {
	background-color: #ba3b1b;
}

.circuits_nom {
	font-size: 15px;
	color: #e2cfaa;
	text-shadow: black 0px 1px 2px;
	height: 40px;
}

.circuits_style {
	font-size: 13px;
	text-shadow: black 1px 1px 1px;
}

.imageCircuits {
	border-radius: 5%;
	width: 170%;
	height: 170%;
	width: 200px;
	height: 200px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 10%;
}

.lienCircuits {
	text-align: center;
	margin: 20px 0 0;
	padding: 0.8em 0.5em;
	border-radius: 0.3em;
	border-width: 0.1em;
	border-style: solid;
	border-color: #e0e6ed;
	background: #a35301;
	color: #fff !important;
	text-transform: uppercase;
}

.lienCircuits:hover {
	color: #fff !important;
	background-color: #15211f;
}

.lienCircuits::after {
	background-color: #ba3b1b;
}

/********** Circuits reservation - Formules **********/

.formule_image {
	border-radius: 5%;
	width: 100%;
	height: 100%;
	width: 100px;
	height: 100px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 10%;
}

.formule_nom {
	font-size: 15px;
	color: #e2cfaa;
	text-shadow: black 0px 1px 2px;
	height: 40px;
}

.formule_prix {
	text-transform: uppercase;
	letter-spacing: 0.3ch;
	position: relative;
	margin: 2%;
	padding: 10px;
}

.formule_promo {
	font-family: 'Architects Daughter', cursive;
	text-transform: uppercase;
	letter-spacing: 0.3ch;
	position: relative;
	margin: 2%;
}

.rough-annotation {
	position: absolute;
	top: 0px;
	left: -278px;
	overflow: visible;
	pointer-events: none;
	width: 130px;
	height: 130px;
}