/* CSS PAR QUALLY86 */

@import 'https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900';

body{
	margin:0;padding:0;
	font-family:"Lato";
	background-color:#fff;
}

.navbar {
	background: #1F1F1F;
	font-family: "Lato";
	padding: 3px 3px 3px 3px;
	font-size: 16px;
	border:0;
	text-transform: uppercase;
	border-radius: 0;
}
.navbar-default .navbar-nav > li > a {
	color:#fff;
	font-weight:600;
	font-size:14px;
	font-family:"Lato";
	text-transform:uppercase;
	transition:0.3s;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background:#2d2d2d;
	color:#fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:#2d2d2d;
	color:#fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background:#2d2d2d;
	color:#fff;
}

.navbar-default .navbar-brand {
  color:#fff;
  padding: 15px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 22px;
}

.footer {
	background: #1F1F1F;
	font-size: 15px;
	color:#fff;
	font-family: "Lato";
	font-weight: 400;
	text-align: center;
	padding: 10px 10px 10px 10px
}

.panel .panel-maquette {
	color:#fff;
	width: 450px;
	text-align: center;
	height: 450px;
	border-radius:0;
}

.panel .panel-heading {
	color:#fff;
	background-color:#333;
	font-family:"Lato";
	font-size:16px;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
}

.grey {
	background:#eee;
	padding:20px 20px 20px 20px;
	font-family:"Lato";
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
}