/* General -------------------------- */
@font-face {
  font-family: catamaran;
  src: url(catamaran/catamaran-light.ttf);
}
@font-face {
  font-family: catamaran-title;
  src: url(catamaran/catamaran-medium.ttf);
}
body {
	font-family: catamaran;
}
h1,h2,h3,h4,h5,h6 {
	font-family: catamaran-title;
	margin-top: 25px;
}

/* Andromede -------------------------- */
@font-face {
  font-family: herakles;
  src: url(herakles.ttf);
}
.andromede {
  font-family: herakles;
}


/* Barre de Navigation -------------------------- */
.navbar-default {
  background-color: var(--luc-nav-background);
  border-color: var(--luc-nav-hover);
}
.navbar-default .navbar-brand {
  color: var(--luc-nav-text);
  font-size: var(--luc-font-size);
  font-family: catamaran-title;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: var(--luc-nav-hover);
}
.navbar-default .navbar-text {
  color: var(--luc-nav-text);
}
.navbar-default .navbar-nav  > a {
  color: var(--luc-nav-text);
  font-size: var(--luc-font-size);
  padding: 0;
  margin: 5px 10px;
  top: 7px;
  position: relative;
}
.navbar-default .navbar-nav  > a:last-child {
  margin-right: 25px;
}
.navbar-default .navbar-nav > a.active {
  color: var(--luc-nav-hover);	
}
.navbar-default .navbar-nav > a.active:hover {
  color: var(--luc-nav-text);	
}

.navbar-default .navbar-nav > a:hover,
.navbar-default .navbar-nav > a:focus {
  color: var(--luc-nav-hover);
  text-decoration: none;
}
.navbar-default .navbar-nav > li > a {
  color: var(--luc-nav-text);
  font-size: calc( var(--luc-font-size)*0.75 );
 // padding: 15px 0px;
// border: 2px solid transparent;
}
.navbar-default .navbar-nav > li > a span.pgre-niveau {
  font-size: calc( var(--luc-font-size)*0.5 );
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: var(--luc-nav-hover);
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: var(--luc-nav-text);
  font-size: calc( var(--luc-font-size)*0.5 );
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: var(--luc-nav-hover);
  background-color: var(--luc-nav-active);
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: var(--luc-nav-background);
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-header {
  color: var(--luc-nav-hover);
  text-align: center;
  font-size: biger;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: var(--luc-nav-hover);
  background-color: var(--luc-nav-active);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: var(--luc-nav-hover);
  background-color: var(--luc-nav-active);
}
.navbar-default .navbar-toggle {
  border-color: var(--luc-nav-background);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--luc-nav-background);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--luc-nav-hover);
}
.navbar-default .navbar-toggle .icon-bar:hover
.navbar-default .navbar-toggle .icon-bar:focus {
  background-color: var(--luc-nav-hover);
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: var(--luc-nav-text);
}
.navbar-default .navbar-link {
  color: var(--luc-nav-text);
}
.navbar-default .navbar-link:hover {
  color: var(--luc-nav-hover);
}
.navbar img {
	height: 40px;
	margin: 5px;
	padding: 0;
}
#luc-brand {
	float:none;
	padding: 16px 0px;
	position: absolute;
}

li .dropdown-menu .divider {
	margin: 3px 0;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav  > a {
		left: 12.5%;
		padding: -20px;
		margin-right: 25%;
	}
	ul.nav li.open {
		background-color: var(--luc-nav-active);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: var(--luc-nav-text);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: var(--luc-nav-hover);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover::before {
		content: '•';
		left: 16px;
		position: absolute;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover::after {
		content: ' . . . ';
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: var(--luc-nav-hover);
		background-color: var(--luc-nav-hover);
	}
}



@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > .dropdown-menu {
	  background-color: var(--luc-nav-background);
	}
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;
		border-radius: 12px;
	}
	ul.nav li.dropdown .caret {
		display: none;
	}
	.dropdown-menu:before {
		position: absolute;
		top: -10px;
		left: 19px;
		right: auto;
		display: inline-block;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ccc;
		border-left: 10px solid transparent;
		border-bottom-color: rgba(255, 255, 255, 0.8);
		content: '';
	}
	.navbar-right .dropdown-menu:before {
		right: 19px;
		left: auto;
	}
	.dropdown-menu:after {
		position: absolute;
		top: -9px;
		left: 20px;
		right: auto;
		display: inline-block;
		border-right: 9px solid transparent;
		border-bottom: 9px solid var(--luc-nav-background);
		border-left: 9px solid transparent;
		content: '';
	}
	.navbar-right .dropdown-menu:after {
		right: 20px;
		left: auto;
	}
	#luc-brand {
		display: none;
	}
}