/* SOMMAIRE */
/* -------- */
/*

	COMMON
		Typo
		Bouton
		Form
		Card
		Table

	LOGIN
	LICENCE



*/


/* COMMON */

:root{
	--color-beige: #f6f3ea;
    --color-dark-green: rgb(30,88,90);
    --color-kaki: #bfc1ac;

    --bs-font-sans-serif: 'Mulish', sans-serif;
    --bs-heading-color : var(--color-dark-green);

    --bs-border-color:#e7e4dd;

}

body{
	background-color: var(--color-beige);
	font-family: var(--bs-font-sans-serif);
}

/* Typo */

h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a{
	text-decoration: none;
}
h3, .h3{
	font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-kaki);
    text-transform: uppercase;
}

a{
	color:inherit;
}
a:hover{
	color: var(--color-dark-green);
}

h2, .h2 {
    font-size: 1.7rem;
    font-family: var(--bs-font-sans-serif);
    color: var(--color-dark-green);
    font-weight: 700;
}


/* Bouton */

.btn-info,
.btn-info:active,
.btn-primary,
.btn-primary:active{
	color: #fff;
	background-color: var(--color-dark-green);
	border-color: var(--color-dark-green);
}
.btn-info:focus,
.btn-info:hover,
.btn-primary:focus,
.btn-primary:hover{
	color: #fff;
	background-color: #257d81;
	border-color: #257d81;
}

/* Form */
.form-control{
	background-color: #dddad3;
	border:0;
	border-radius: 0;
	margin-bottom: 1rem;
}
.form-control:focus,
.form-control:active{
	background-color: #fff;
}

/* Card */

.row.align-items-stretch .card{
	height: 100%;
}
.card{
	border:0;
}

/* Table */

.table td a{
	text-decoration: none;
}
.table td a:hover{
	text-decoration: underline;
}


/* LOGIN */

.signin-body{
	display: flex;
	height: 100vh;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--color-beige);
}
.form-signin{
	width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

/* LICENCE */

.form-page{
	max-width: 750px;
    margin: 3rem auto;
}