html {
	font-size: 15px;
}
body {
	background: #002b36
}

html, body, #main {
	height: 100%;
	line-height: 1.6
}

.navbar-dark.bg-dark{
	background: #03262e!important
}

h2, h3, h4, #link{
	font-weight: 300
}

#link i {
	font-size: 2.2em;
}

#link .info { 
	font-size: 16px;
	color:#aaa
}
#link a:hover {
	text-decoration: none;
}
#link a i {
	color:#199cd9
}
#link a:hover i {
	color:#e9501c;
}
#link a:hover .titre {
	color:#e9501c;
}
#link a:hover .info { 
	color:#199cd9
}


.btn-group-xs > .btn,
.btn-xs {
    padding  : .25rem .4rem;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
}

#annuaire .card-annuaire {font-size: 14px}
#annuaire #table-annuaire .tooltip{top: 5px!important}
#annuaire #table-annuaire > thead > tr > th.sorting_disabled {
    padding-right: 0;
}
#annuaire .dt-buttons.btn-group {margin-bottom: 1rem}
#annuaire #table-annuaire.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
#annuaire #table-annuaire.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 6px;
}
.userinfo {cursor: pointer;opacity:.7}
.userinfo:hover {opacity: 1}
#annuaire .btn-export .btn-group {margin-left: -.5em}


/* Délais perso d'animation */
.animated.delay-100ms {-webkit-animation-delay: .1s; animation-delay: .1s;}
.animated.delay-200ms {-webkit-animation-delay: .2s; animation-delay: .2s;}
.animated.delay-300ms {-webkit-animation-delay: .3s; animation-delay: .3s;}
.animated.delay-400ms {-webkit-animation-delay: .4s; animation-delay: .4s;}
.animated.delay-500ms {-webkit-animation-delay: .5s; animation-delay: .5s;}
.animated.delay-600ms {-webkit-animation-delay: .6s; animation-delay: .6s;}
.animated.delay-700ms {-webkit-animation-delay: .7s; animation-delay: .7s;}
.animated.delay-800ms {-webkit-animation-delay: .8s; animation-delay: .8s;}
.animated.delay-900ms {-webkit-animation-delay: .9s; animation-delay: .9s;}

#footer{
	color: #aaa
}

.modal-backdrop.show {
	opacity: .7;
}

@media screen and (max-width: 768px) {
	#annuaire .btn-export .btn-group {margin-left: 0}
}

@media screen and (max-width: 640px) {
	#link 	 {line-height: 1.5;}
	#link i  {font-size: 1.9rem;}
	#link h2 {font-size: 1.5rem;}
	
	#block-production,
	#block-galerie,
	#block-messagerie{background: #03262e;}
}