/*!
 * CSS FORMeDOC - v. 1.0
 * 2019 - Stéphane Liège
 * Licensed GPL
 * Based on Bootstrap
*/


/*** SPECIFIC FONTS ***
path	fonts/...
@todo compléter font files
**********************/


/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('fonts/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* rajdhani-600 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/rajdhani-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani SemiBold'), local('Rajdhani-SemiBold'),
       url('fonts/rajdhani-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rajdhani-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rajdhani-v9-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/rajdhani-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rajdhani-v9-latin-600.svg#Rajdhani') format('svg'); /* Legacy iOS */
}

/* rajdhani-700 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/rajdhani-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani Bold'), local('Rajdhani-Bold'),
       url('fonts/rajdhani-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rajdhani-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rajdhani-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/rajdhani-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rajdhani-v9-latin-700.svg#Rajdhani') format('svg'); /* Legacy iOS */
}






/*** HTML BASICS ***
@todo separer les modifs pour les cours (titres, boites dédiées...) dans un css course.css
**********************/

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  line-height: 1.72222;
  /*background-color: #E3E3E3;*/
}
a{
  color: #0059D6;
}
a:hover{
  /*color: #62366F;
  text-decoration: none;*/
}
h1, h2, h3, h4, h5, h6,
.panel-heading, .btn {
	  font-family: 'Rajdhani', serif;
}

/*** HEADER + NAV BAR ***
@todo
**********************/

.nav li a {
padding: 15px 10px;
}
.navbar-default {
background: #0059D6;
border: none;
}
header{
    /*background: url(images/background.png) #D3D3D3;*/
}
.navbar{
    margin-bottom: 0;
    margin-bottom: 15px;
}
#breadcrumb-bar{
    padding-top: 10px;
    background-color: #fff;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ededed;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #E3E3E3;
  text-transform: uppercase;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #FFFFFF;
background: #004393;
}

.dropdown-menu {
	color: #E3E3E3;
}

.navbar-default .navbar-nav > li > .dropdown-menu {
  background: #0059D6;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a{
  color: #E3E3E3!important;
  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: #ffffff!important;
  background-color: #004393;
}
.user-header a {
  color: #E3E3E3;
}
.user-header a:hover, .user-header a:focus{
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #0099c0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #FFFFFF;
background: #004393;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #FFFFFF;
background: #004393;
}
.navbar-default .navbar-toggle {
  border-color: #E3E3E3;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #004393;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #E3E3E3;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #004393;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ededed;
}
.badge{
    background-color: #004393;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ededed;
    background-color: #6D0019;
  }
  .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: #ededed;
    background-color: #0099c0;
  }
}
.breadcrumb{
  background: #F9F9F9;
  color: #006A84;
}
.nav li a:hover{
    background: transparent;
}


/*** COLUMN + BOXES ***
@todo
**********************/

.panel-default .panel-heading{
    background-color: #EBECF2;
}
.panel-default{
    border-color: #F3F3F4;
}


.toolbar-cookie{
	padding: 1em;
}

/*** FOOTER ***
@todo
**********************/

footer.bgfooter{
background: #004393;
color: #0059D6;
border-top: 5px solid #0059D6;
}
footer.bgfooter a{
  color: #ffffff;
}
footer.bgfooter a:hover{
  color: #CCC;
}

/*** ? ***
@todo
**********************/

.menu-column .panel-heading{
    text-transform: uppercase;
    background-color: #0059D6;
}
.menu-column .panel-heading a{
    font-weight: bold;
}

#page-content .panel{
    background: none;
    border: 1px solid #D3D3D3;
    box-shadow: none;
}