@import "reset.css"; 

html, body {
			font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		text-align: left;
}

.clear {
	width: 1px;
	height: 1px;
	clear: both !important;
}

h1 {
		color: #343a40;
		margin-left: 15px;
		font-size: 24px;
		font-weight: bold;
}
h3 {
		color: #343a40;
		font-size: 20px;
		font-weight: bold;
		margin-left: 15px;
}
h4 {
		font-size: 16px;
		font-weight: 600;
}

#page_wrapper {
	padding: 16px !important;
	position: relative !important;
}
	
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #343a40 !important;
	text-align: center;
	font-size: 0.8em;
}
.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.footer .container span.text-muted {
	color: #fff !important;
}

#main h3, h3 {
	margin: 20px 12px;
}

.alert-heading {
	font-size: 1.4em;
	display: none;
}
.alert {
	margin-top: 30px;
	/*font-size: 0.7em;*/
	width: 100%;
}

fieldset legend {
	font-size: 1.1em;
}
label {
	font-size: 0.7em;
}
#longueur {
	text-align: center;
}

fieldset input {
	background-color: #dff0d8 !important;
}
fieldset#fs-calculs input {
	text-align: center;
	font-weight: 600;
	background-color: #d9edf7 !important;
}

.navbar-brand {
	font-weight: bold;
	letter-spacing: 2px;
}
.navbar-brand span {
	font-weight: 200;
	font-variant: small-caps;
}


/*
POUR L'APP MOBILE !!!!!!!!!
@media screen and (max-width: 640px) {
.col {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
*/
@media screen and (max-width: 480px) {
	.navbar-brand {
	font-size: 1.1em;
}
fieldset legend {
	font-size: 14px;
}
label {
	font-size: 0.6em;
}
}