@font-face {
    font-family: traditian;
    src: url(fonts/traditian.ttf);
}

:root,[data-bs-theme=light],[data-bs-theme=dark]{
    --bs-primary:#fcc707;
    --bs-primary-rgb:252, 199, 7;
    --bs-primary-text-emphasis:#e3b202;
    --bs-primary-bg-subtle:#fef4cd;
    --bs-primary-border-subtle:#fef4cd;
    --bs-link-color:#fcc707;
    --bs-link-color-rgb:252, 199, 7;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #e3b202;
    --bs-link-hover-color-rgb: 227, 178, 2;
}

.btn-primary {
	--bs-btn-color: #fcc707;
	--bs-btn-bg: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fcc707;
	--bs-btn-hover-bg: #0b0d0e;
	--bs-btn-hover-border-color: #0b0d0e;
	--bs-btn-focus-shadow-rgb: 252, 199, 7;
	--bs-btn-active-color: #fcc707;
	--bs-btn-active-bg: #0b0d0e;
	--bs-btn-active-border-color: #0b0d0e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fcc707;
	--bs-btn-disabled-bg: #212529;
	--bs-btn-disabled-border-color: #212529;
}

a, .nav-link {
    text-shadow: 0.3px 0.3px;
}

label.required:after {
    content: " *";
}

.logo {
    max-height:100px;
}

.titre { 
    font-family: traditian;
    font-weight: bold;
    border-top:2px solid var(--bs-primary);
    border-bottom:2px solid var(--bs-primary);
    background-color:var(--bs-dark);
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
    color:var(--bs-primary);
    text-shadow: 0px 0px 10px rgba(var(--bs-primary-rgb), 0.5);
}

.annotation {
    position:absolute;
    top:10px;
    right:10px;
}