@font-face {
  font-family: 'Metropolis';
  src: url('./fonts/Metropolis-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Bold';
  src: url('./fonts/Roboto-Bold.ttf');
  font-weight: normal;
  font-style: normal;
}

body{
	font-family:Roboto;	
}
.main-header {
	max-height: 130px !important;
	background: url(/images/bandeau.jpg);
    background-position-y: 27%;
    background-size: cover;
}
.main-header .navbar {
    background-color: transparent !important;
	height:130px !important;
	margin-left: 0px;
}

.main-sidebar, .left-side {
	padding-top:130px;	
}

.main-header .logo {
	height:130px;
	background-color: transparent !important;
	padding-top: 40px;
}

.main-header .navbar-custom-menu{
	padding-top:40px;	
	font-size:25px;
}

.sidebar-menu li.treeview{
	font-family:Metropolis;	
	
}

.sidebar-menu li>a{
	font-weight:400;
}

.sidebar-menu li{
	font-family:Metropolis;	
}

h1{
	color:#de7b47;
	font-family:Metropolis;	
	text-transform:uppercase;
	font-size: 20px;
}

a{
	color:#de7b47;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #de7b47;
}

.box.box-info {
    border-top-color: #de7b47;
}

.btn-info {
    background-color: #fff;
    border-color: #de7b47;
	color: #de7b47;
}

.btn-info:hover, .btn-info:active, .btn-info.hover {
    background-color: #de7b47;
	border-color: #de7b47;
	color:#fff;
}

.pagination>.active>span{
	background-color: #de7b47;
	border-color: #de7b47;
}

.label-success{
	background-color: #de7b47 !important;	
}

.login-box-body .btn-primary{
	background-color: #de7b47 !important;
	border-color: #de7b47;	
}

.form-control:focus {
    border-color: #de7b47;
    box-shadow: none;
}

/*.title {
	font-size: 50px;
	color: #636b6f;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	display: block;
	text-align: center;
	margin: 20px 0 10px 0px;
}*/

.login-page .logo{
	text-align:center;
	padding:10px 0;	
}

.links {
	text-align: center;
	margin-bottom: 20px;
}

.links > a {
	color: #636b6f;
	padding: 0 25px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1rem;
	text-decoration: none;
	text-transform: uppercase;
}

.photo-principale .image, .banque-image .image{
	display:inline-block;
	border:solid 2px #fff;
	border-radius: 5px;
}

.photo-principale .image img, .banque-image .image img{
	border-radius: 4px;	
}
.photo-principale .image .fa-check, .banque-image .image .fa-check{
	position: absolute;
    margin-top: 80px;
    margin-left: 5px;
    font-size: 16px;
	display:none;
	color:#00a65a;
}

.banque-image .image .fa-trash{
	position: absolute;
    margin-top: 100px;
    margin-left: 170px;
    font-size: 20px;
	color:#9D0000;
}

.photo-principale .image.selected, .banque-image .image.selected{
	border:solid 2px #00a65a;
}

.banque-image .image.selected .fa-check{
	display:inline-block;
}
.photo-principale .image.selected .fa-check, .banque-image .image.selected .fa-check{
	display:inline-block;
}