/*
 * Stylesheet pour GVV
 *
 * Cette feuille de style ne devrait gérer que l'aspect graphique de GVV.
 * Le positionnement est géré par layout.css.

 */

/* Compensate for sticky navbar when browser auto-scrolls a focused input into view */
html {
    scroll-padding-top: 70px;
}

header {

	min-height: 75px;
	margin: 0;
	padding: 0;
}


@media only screen and (max-width: 576px) {

	/* bootstrap extra small devices */
	body {
		background-color: lightblue;
	}

	header {
		background-image: none;
	}
}

header h1 {
	color: black;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
footer {
	background: #000;
}

footer p {
	color: black;
}

.error {
	color: red;
}

.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: green;
}

.warning {
	color: orange;
}

.success h2 {
	color: #7BA813;
	background: inherit;
}

form {
    background-color: #e1e4e7;
	border: 1px solid #7e9bae;
	border-radius: 4px;
	padding: 10px;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="number"],
form textarea,
form select {
    background-color: white;
}

/* Override Bootstrap's default red/pink color for code tags */
code {
    color: #212529; /* Bootstrap's default body text color */
}

.navbar-brand.btn-outline-light:hover,
.navbar-brand.btn-outline-light:focus {
    background-color: #666;
    color: #fff;
}