/*!
 * CSS Simplex - v. 2.0
 * 2015 - Alex Aragón (aragonc@beeznest.com)
 * modification exlineo (formations@exlineo.com)
 * Licensed GPL
 * Based on Bootstrap
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root{
  --jaune: #ffeb69;
  --bleu: #164fd3;
  --orange: #ff7d19;
  --rouge: #f92c50;
  --gris-clair: #ededed;
  --sombre: #000;
  --clair: #FFFFFF;
}
/* @font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(fonts/Lato-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/Lato-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(fonts/Lato-Bold.woff2) format('woff2');
} */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
}
body {
  margin: 0 0 60px;
  /* font-family: 'Lato', sans-serif; */
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.5;
  font-size:16px;
}
body > main footer.footer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
a{
  color: var(--sombre);
}
a:hover{
  color: var(--bleu);
  text-decoration: none;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 40px;
    margin-bottom: 15px;
}
.nav li a {
padding: 15px 10px;
}
.navbar-default {
background: var(--jaune);
border: none;
}
header{
    background: url(images/background.png) #D3D3D3;
}
.navbar{
    margin-bottom: 0;
}
#breadcrumb-bar{
    padding-top: 10px;
    background-color: var(--clair);
}
.navbar-default .navbar-brand {
  color: var(--clair);
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: var(--gris-clair);
}
.navbar-default .navbar-text {
  color: var(--clair);
}
.navbar-default .navbar-nav > li > a {
  color: var(--sombre);
  text-transform: uppercase;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: var(--clair);
background: var(--bleu);
transition: all 0.3s ease;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background: var(--jaune);
  transition: all 0.3s ease;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: var(--sombre);
  padding: 5px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li{
    border: none;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: var(--clair);
  background-color: var(--sombre);
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: var(--bleu);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: var(--clair);
background: var(--sombre);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: var(--clair);
background: var(--sombre);
}
.navbar-default .navbar-toggle {
  border-color: var(--sombre);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: var(--sombre);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #666;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: var(--sombre);
}
.navbar-default .navbar-link {
  color: var(--clair);
}
.navbar-default .navbar-link:hover {
  color: var(--gris-clair);
}
.badge{
    background-color: var(--sombre);
}
button, .btn{
    transition: all 0.3s ease;
}
button:hover, .btn:hover{
    transform: scale(1.05);
    background-color: var(--bleu);
    color: var(--clair);
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: var(--gris-clair);
    background-color: var(--orange);
  }
  .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(--gris-clair);
    background-color: var(--bleu);
  }
}
.breadcrumb{
  background: var(--gris-clair);
  color: var(--bleu);
}
.nav li a:hover{
    background: transparent;
}
.panel-default .panel-heading{
    background-color: var(--gris-clair);
}
.panel-default{
    border-color: var(--gris-clair);
}
footer.bgfooter{
background: var(--sombre);
color: var(--jaune);
border-top: 5px solid var(--jaune);
}
footer.bgfooter a{
  color: var(--clair);
}
footer.bgfooter a:hover{
  color: #CCC;
}
.menu-column .panel-heading{
    text-transform: uppercase;
    background-color: var(--jaune);
}
.menu-column .panel-heading a{
    font-weight: bold;
}
.course-tool{
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
}
#learning_path_toc {
    background-color: var(--jaune) !important;
}
#scorm-previous, #scorm-next {
    display:none !important;
}