@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Gilgongo';
	src: url('../fonts/gilgongo.eot');
    src: local('☺'),
		url('../fonts/gilgongo.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gilgongo.woff') format('woff'),
		url('../fonts/gilgongo.otf') format('opentype'),
		url('../fonts/gilgongo.svg#Gilgongo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Quadranta';
	src: url('../fonts/quadrantad41d.eot?') format('eot'),
		url('../fonts/quadranta.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {padding-top: 90px;}
ul, ol, dl {padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, p {padding: 0; margin: 0; color: #4c3f37;}
th, td, li, label {color: #4c3f37;}
h1, h2, h3, .panel-title, .panel-heading, li {font-family: Gilgongo, Arial, Helvetica, sans-serif; font-weight: normal;}
h4, th {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h5, h6, td, p, label, panel-body {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
a, img {border: none;}
a > span, .btn > span, a:hover > span, .btn:hover > span, a:focus > span, .btn:focus > span, a:active > span, .btn:active > span {color: #4c3f37;}
input, textarea, select, option {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #4c3f37;}

img.loader {
	position: absolute;
	top: 47%;
	left: 47%;
}

#header {
	z-index: 2;
	position: fixed;
	background-color: #fff;
	width: 100%;
}

#entete {
	top: 0px;
	height: 90px;
	position: fixed;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #eeeade;
	width: 100%;
	padding-top: 10px;
}

#entete .btn {
	margin-top: 6px;
	background-color: #eeeade;
	border: solid 2px #d5c6b0;
}

#entete .btn:hover,
#entete .btn:focus,
#entete .btn:active {
	background-color: #d5c6b0;
	border: solid 2px #4c3f37;
}

#menu {
	top: 90px;
	margin-top: -20px;
	position: fixed;
}

#bande {
	top: 90px;
	height: 80px;
	position: fixed;
	background-color: #fff;
	width: 100%;
}

#content {
	z-index: 1;
	margin-top: 80px;
	background-color: #fff;
	bottom: 0;
}

#chargeur {
	position: fixed;
	background: #4c3f37;
	color: #ffffff;
	float: left;
	width: 80px;
	height: 80px;
	top: 48%;
	left: 48%;
	margin: 0 20px 20px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.navbar-inverse {
	background-color: #56483e;
	border-color: #56483e;
}

.navbar-inverse .navbar-brand,
.navbar-inverse h1,
.navbar-inverse h2,
.navbar-inverse span {
	color: #eeedea;
}

.navbar-inverse a.disabled > span,
.navbar-inverse a[disabled] > span,
.navbar-inverse a:hover.disabled > span,
.navbar-inverse a:hover[disabled] > span,
.navbar-inverse a:focus.disabled > span,
.navbar-inverse a:focus[disabled] > span {
	cursor: not-allowed;
	color: #999;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse a:hover > h1,
.navbar-inverse a:focus > h1,
.navbar-inverse a:hover > span,
.navbar-inverse a:focus > span {
	color: #d5c6b0;
}

.navbar-header {
	float: right;
}

a.disabled > h5,
a[disabled] > h5,
a:hover.disabled > h5,
a:hover[disabled] > h5,
a:focus.disabled > h5,
a:focus[disabled] > h5 {
	cursor: not-allowed;
	color: #ccc;
}

.btn {
	font-family: Gilgongo, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	color: #4c3f37;
	background-color: #d5c6b0;
	border-color: none;
	text-align: center;
}
	
.btn:hover,
.btn:focus,
.btn:active {
	background-color: #f18e6f;
}

.form-control {
	border-color: #d5c6b0;
	color: #4c3f37;
}

a.list-group-item,
button.list-group-item {
    cursor: pointer;
}
	
.input-group-addon {
	border-color: #d5c6b0;
	background-color: #d5c6b0;
}

.glyphicons {
	color: #4c3f37;
}

a.disabled {
	cursor: not-allowed;
	color: #d5c6b0;
}

a.disabled:hover {
    text-decoration: none;
}

a > span {
	padding-top: 2px;
	padding-right: 5px;
}

a.disabled > span {
	color: #d5c6b0;
}

.form-divider {
    height: 1px;
    margin: 9px 0;
    background-color: #d5c6b0;
}

.lien {
	margin-left: 20px;
}

.nav .nav-divider {
	background-color: #d5c6b0;
}

.panel {
	border-radius: 10px;
}

.well {
	margin-left: 30px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #eeeade;
	border: 1px solid #d5c6b0;
	border-radius: 10px;
}

.well h1 {
	text-align: center;
}

#sidenav > li a,
.sidenav > li a {
/* Transition for hovers */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#sidenav > li.active a,
#sidenav > li a:hover,
.sidenav > li.active a,
.sidenav > li a:hover {
	margin-left: -15px;
	padding-right: 10px;
	padding-left: 10px;
}

.nav a{
	text-align: center;
}

.nav-tabs {
  border-bottom: 1px solid #d5c6b0;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li:first-child {
	margin-left: 20px;
}

.nav-tabs > li > a:hover {
	border-bottom-color: #d5c6b0;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	font-family: Gilgongo, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	color: #4c3f37;
}

.nav-tabs > li > a:hover {
	background-color: #eeeade;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #4c3f37;
	border: 1px solid #d5c6b0;
	border-bottom-color: transparent;
}

.nav-pills > li > a,
.nav-pills > li > a:focus {
	padding: 5px;
	font-family: Gilgongo, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	color: #4c3f37;
}

.nav-pills > li > a:hover {
	padding: 5px;
	font-family: Gilgongo, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #4c3f37;
	background-color: #d5c6b0; /*#d2d904;*/
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	font-family: Gilgongo, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #4c3f37;
	background-color: #f18e6f;
}

.liste > .nav-pills > li > a,
.liste-grilles > .nav-pills > li > a {
	margin: 3px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	color: #4c3f37;
	text-align: right;
	padding-right: 5px;
}

.liste > .nav-pills > li.active > a, 
.liste > .nav-pills > li.active > a:hover, 
.liste > .nav-pills > li.active > a:focus,
.liste-grilles > .nav-pills > li.active > a, 
.liste-grilles > .nav-pills > li.active > a:hover, 
.liste-grilles > .nav-pills > li.active > a:focus {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #4c3f37;
    background-color: #c1dc7d;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #d5c6b0;
    border-color: #eeeade;
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
    background-color: #eeeade;
}

@media screen and (max-width:400px) {
	@-ms-viewport{width: 320px;}
}

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@media (max-width: 819px) {
	#header span, #header h1, .well h1 {font-size: 16px;}
	#header h2 {font-size: 15px;}
	th > a > span, .alert span {font-size: 14px;}
	.nav-tabs > li > a, .nav-pills > li > a {font-size: 13px;}
	.liste-grilles > .nav-tabs > li > a, .liste-grilles > .nav-pills > li > a {font-size: 12px;}
	.modal-body > .nav-tabs > li > a {font-size: 12px;}
	
	h1, .panel-title, .panel-heading {font-size: 13px;}
	h2 {font-size: 12px;}
	h3, li {font-size: 11px;}
	h4 {font-size: 13px;}
	.modal h5 {font-size: 13px;}
	h5, th, panel-body {font-size: 12px;}
	td, h6 {font-size: 11px;}
	p {font-size: 11px;}
}

@media (min-width: 820px) {
	#header span, #header h1, .well h1 {font-size: 18px;}
	#header h2 {font-size: 16px;}
	th > a > span, .alert span {font-size: 15px;}
	.nav-tabs > li > a, .nav-pills > li > a {font-size: 14px;}
	.liste-grilles > .nav-tabs > li > a, .liste-grilles > .nav-pills > li > a {font-size: 13px;}
	.modal-body > .nav-tabs > li > a {font-size: 12px;}
	
	h1, .panel-title, .panel-heading {font-size: 14px;}
	h2 {font-size: 12px;}
	h3, li {font-size: 11px;}
	h4 {font-size: 14px;}
	.modal h5 {font-size: 13px;}
	h5, th, panel-body {font-size: 12px;}
	td, h6 {font-size: 11px;}
	p {font-size: 11px;}
	
	.modal-sm {
		width: 500px;
	}
}

@media (min-width: 1140px) {
	#header span, #header h1, .well h1 {font-size: 20px;}
	#header h2 {font-size: 18px;}
	th > a > span, .alert span {font-size: 16px;}
	.nav-tabs > li > a, .nav-pills > li > a {font-size: 15px;}
	.liste-grilles > .nav-tabs > li > a, .liste-grilles > .nav-pills > li > a {font-size: 14px;}
	.modal-body > .nav-tabs > li > a {font-size: 13px;}
	
	h1, .panel-title, .panel-heading {font-size: 15px;}
	h2 {font-size: 13px;}
	h3, li {font-size: 12px;}
	h4 {font-size: 15px;}
	.modal h5 {font-size: 14px;}
	h5, th, panel-body {font-size: 13px;}
	td, h6 {font-size: 12px;}
	p {font-size: 11px;}
}

@media (min-width: 1620px) {
	#header span, #header h1, .well h1 {font-size: 22px;}
	#header h2 {font-size: 20px;}
	th > a > span, .alert span {font-size: 18px;}
	.nav-tabs > li > a, .nav-pills > li > a {font-size: 16px;}
	.liste-grilles > .nav-tabs > li > a, .liste-grilles > .nav-pills > li > a {font-size: 15px;}
	.modal-body > .nav-tabs > li > a {font-size: 14px;}

	h1, .panel-title, .panel-heading {font-size: 16px;}
	h2 {font-size: 14px;}
	h3, li {font-size: 13px;}
	h4 {font-size: 16px;}
	.modal h5 {font-size: 15px;}
	h5, th, panel-body {font-size: 14px;}
	td, h6 {font-size: 13px;}
	p {font-size: 12px;}
}