/*---Standard---*/

body {
	font-family: 'Comfortaa';
	font-size: 20px;
}

.container {
  margin: 0 auto;
  max-width: 1024px;
}

.bloc-top {
	margin-top: 65px;
}

textarea {
	resize: none;
}

.height {
	height: 300px;
}

.panel {
	overflow: auto;
}

.badge {
	font-size: 15px;
}

/*---Police---*/

.size-l {
	font-size: 30px;
}

.size {
	font-size: 20px;
}

.size-s {
	font-size: 10px;
}

.color-red {
	color: white;
	background: red;
}

.color-green {
	color: white;
	background: green;
}

/*---Menu---*/

.navbar-nav {
	font-size: 16px;
}

/*---Marges---*/

.mt-l {
	margin-top: 50px;
}

.mt {
	margin-top: 25px;
}

.mt-s {
	margin-top: 10px;
}

.mb-l {
	margin-bottom: 50px;
}

.mb {
	margin-bottom: 25px;
}

.mb-s {
	margin-bottom: 10px;
}

.ml-l {
	margin-left: 50px;
}

.ml {
	margin-left: 25px;
}

.ml-s {
	margin-left: 10px;
}

.mr-l {
	margin-right: 50px;
}

.mr {
	margin-right: 25px;
}

.mr-s {
	margin-right: 10px;
}

/*---Boutons---*/

.btn-large {
	padding-top: 50px;
	padding-bottom: 50px;
}

/*---Alignement---*/

.center {
	text-align: center;
}

/*---Tableau---*/

.table {
	margin-bottom: 0px;
}

/*---Chat---*/

.chat {
	overflow: auto;
	height: 200px;
}

/*---Repertoire---*/

.fond {
	background: #E6E6E6;
}