body { font-size: 18px; padding: 0; margin: 0; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #e2e6f1; color: #351e10; }

#main { width: 90%; margin: 15px auto 30px auto; }
#main > div.row { margin-left: 0; margin-right: 0; }

h1 { font-size: 22px !important; font-weight: bold !important; }
h2 { font-size: 20px !important; font-weight: bold !important; }
h3 { font-size: 18px !important; font-weight: bold !important; }

dfn { font-style: italic; border-bottom: 1px dashed; cursor: help; }

img.grise { filter: grayscale(1); }

.grise { color: #777 !important; cursor: text; }

.text-bold { font-weight: bold; }

.float-left { float: left; margin-right: 10px; margin-bottom: 10px; }
.float-right { float: right; margin-left: 10px; margin-bottom: 10px; }

#notes-bas-de-page { border-top: 1px solid #351e10; margin-top: 50px; padding-top: 10px; font-size: 14px; }

#choix-langue img { opacity: 70%; }
#choix-langue img:hover { opacity: 100%; }
#choix-langue img.actif { height: 13px; opacity: 100%; cursor: default; }
#choix-langue img:not(.actif) { height: 20px; cursor: pointer; }

a, .btn-link { color: #0f4669; }

a.lien-menu, a.lien-menu:hover, a.lien-menu:active, a.lien-menu:visited { color: #351e10; text-decoration: underline; }

a.btn:not(.btn-xs), button.btn:not(.btn-xs) { margin: 2px 0; font-size: 18px; }

dl { margin-bottom: 10px; }

form dd em { font-size: 16px; }

input, textarea { max-width: 100%; }

label { font-weight: normal; }

.fixed-width { width: 20px; text-align: center; }

footer { border-top: 1px solid #351e10; margin-top: 100px; padding-top: 10px; clear: both; }
footer p { text-align: center; font-size: 16px; }
footer p small { font-size: 15px; }

.table-responsive { margin: 20px 0; }

table { width: 100%; }
table thead tr { background-color: #ce9f66; }
table tbody tr { background-color: #eee; }
table th, table td { border: 1px solid #ce9f66; text-align: center; padding: 5px; }
table th:not(:last-of-type) { border-right: 1px solid #eee; }

.pagination { margin-top: 0; }
.pagination li a, .pagination li a:hover, .pagination li a:active, .pagination li a:visited { background-color: #eee; border-color: #ce9f66; color: #351e10; }
.pagination li.active span, .pagination li.active span:hover { background-color: #ce9f66; border-color: #ce9f66; color: #351e10; }

.btn-primary {
	color: #ffffff !important;
	background-color: #028eca !important;
	border-color: #028eca !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
	color: #ffffff !important;
	background-color: #016cb3 !important;
	border-color: #016cb3 !important;
}

.btn-success {
	color: #ffffff !important;
	background-color: #a8ab26 !important;
	border-color: #a8ab26 !important;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active {
	color: #ffffff !important;
	background-color: #798f3c !important;
	border-color: #798f3c !important;
}

.btn-default {
	color: #ffffff !important;
	background-color: #be9b69 !important;
	border-color: #be9b69 !important;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	color: #ffffff !important;
	background-color: #a87b4f !important;
	border-color: #a87b4f !important;
}

.btn-warning {
	color: #ffffff !important;
	background-color: #e58e41 !important;
	border-color: #e58e41 !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active {
	color: #ffffff !important;
	background-color: #d67838 !important;
	border-color: #d67838 !important;
}

.btn-danger {
	color: #ffffff !important;
	background-color: #d9534f !important;
	border-color: #d9534f !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active {
	color: #ffffff !important;
	background-color: #c9302c !important;
	border-color: #c9302c !important;
}

.text-success, a.text-success:hover, a.text-success:focus,
	.text-green, a.text-green:hover, a.text-green:focus { color: #456709 !important; }

.text-warning, a.text-warning:hover, a.text-warning:focus,
	.text-orange, a.text-orange:hover, a.text-orange:focus { color: #d7451b !important; }

.text-danger, a.text-danger:hover, a.text-danger:focus,
	.text-red, a.text-red:hover, a.text-red:focus { color: #b00000 !important; }

.citation { color: #244e7d; text-align: left; }

#menu-haut { text-align: left; font-size: 17px; margin: 0; display: block; width: 100%; }
#menu-haut li { display: block; margin: 0 !important; padding: 0 !important; width: 100%; }
#menu-haut li a { display: block; padding: 6px 0; text-decoration: none; font-variant: small-caps; }
#menu-haut li a:not(.text-danger) { color: #154a6a; }
#menu-haut li a:hover { color: #351f11 !important; }
#menu-haut li.actif a { padding: 2px; background-color: #154a6a; color: #e2e6f1 !important; }
#menu-haut li.menu-bouton { text-align: right; }
#menu-haut li.menu-bouton a { font-size: 18px; display: inline-block; padding: 8px 15px; line-height: 1.5; margin: 10px 0; }

#back-to-top, #go-to-blog {
	margin: 0;
	position: fixed;
	padding: 0;
	display: none;
	z-index: 90;
	text-decoration: none;
	text-align: center;
	filter: alpha(opacity=70);
	opacity: .7;
	color: #fff;
	border: 1px solid #fff;
}

#back-to-top {
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #e0b13b;
}

#go-to-blog {
	bottom: 10px;
	left: 10px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #154a6a;
}

#back-to-top:hover, #back-to-top:active, #back-to-top:focus,
#go-to-blog:hover, #go-to-blog:active, #go-to-blog:focus {
	color: #fff !important;
	filter: alpha(opacity=100);
	opacity: 1;
}

#back-to-top i {
	font-size: 40px;
}

#go-to-blog i {
	font-size: 30px;
}

@media (max-width: 500px) {
	p.text-justify { text-align: left !important; }
}

@media (max-width: 500px) {
	a.btn:not(.btn-xs), button.btn:not(.btn-xs) { font-size: 16px; padding: 7px; }
}

@media (max-width: 767px) {
	#main { width: 100%; }

	.citation { text-align: center; }

	#back-to-top { width: 40px; height: 40px; line-height: 40px; }
	#go-to-blog { width: 100px; height: 30px; line-height: 30px; }

	#back-to-top i { font-size: 35px; }
	#go-to-blog i { font-size: 20px; }
}

@media (min-width: 768px) {
	#menu-haut { text-align: right; margin-bottom: 20px; }
	#menu-haut li { display: inline-block; width: auto; }
	#menu-haut li a { display: inline-block; padding: 8px 5px; }
	#menu-haut li.menu-bouton { position: absolute; top: -80px; right: 20px; }
}