html {
	/* For sticky footer */
	position: relative;
  	min-height: 100%;
}

body {
	padding-top: 130px; /* Move down content - fixed navbar height */
	overflow-x: hidden; /* Prevent scroll on narrow devices */
  	margin-bottom: 40px; /* Margin bottom by footer height for sticky footer */
  	/* background: #F3EEDA; */  /* couleur creme */

  	 background: url('../img/paper9.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.navbar {
	width: 100%;
	margin: auto;
	min-height: 40px;
	background: #5F2319; /* Marron */
	margin-bottom: 30px;
}

.navbar a {
	color: #FFEB3B !important; /* Jaune */
}

.nav >li >a {
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-toggle {
	padding: 10px;
	margin: 15px 15px 15px 0;
}


.active_home{
	background: #212121 !important; /* Jaune */

}


/* Focus on active link - change style */
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background: #FFF9C4 !important; /* Jaune */
	color: #5F2319 !important; /* Marron */
}

.dropdown-menu{
	background: #5F2319; /* Jaune */
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-color: #FFF9C4; /* Jaune */
	color: #5F2319 !important; /* Marron */
}

.navbar-brand {
	padding: 0px;
}
.navbar-brand > img {
	height: 200%;
  	width: auto;
}

.empty_row {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* Scale images if hover */
.categoriesListItem:hover .categoriesListItem__image {
	background-position: center bottom;
	transform: scale(1.15);

}

.col-md-3_bottom {
	padding-top: 5px; /* Put icone image to the bottom of the row */

}

.row_bottom {
  /*
	padding-top: 5px;
*/
}

/* Sticky footer */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #f5f5f5;
  	height: 41px; /* Set the fixed height of the footer here */

}

.text-muted {
  margin: 4px 0px 2px;
}

.text-muted {
  margin: 4px 0px 2px;
}

.col-md-6_audio{
	 float: right;
}


/* */
#backgroundaudio {
  display: block;
  /* position: fixed; */
  /* bottom: -43px; */
  /*  left: 5px; */

  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
 }


/* */
 #backgroundaudio:hover {
  bottom: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
 }


 #backgroundaudio audio {
  background: #F3EEDA;
  /* padding: 5px;  */

  display: table-cell;
  vertical-align: middle;
  /*  height: 43px; */

  z-index: 9998;
 }

 #backgroundaudio i {
  font-size: 40px;
  display: block;
  background: #F3EEDA;
  /*  padding: 5px; */

  width: 50px;
  float: none;
  /*  margin-bottom: -1px; */

  z-index: 9999;
 }



/*



.dark-primary-color    { background: #FBC02D; }  Jaune - orangé
.default-primary-color { background: #FFEB3B; } Jaune
.light-primary-color   { background: #FFF9C4; } jaune blanchis
.text-primary-color    { color: #212121; }
.accent-color          { background: #795548; }  Marron
.primary-text-color    { color: #212121; } Noir
.secondary-text-color  { color: #727272; } gris foncé
.divider-color         { border-color: #B6B6B6; } gris claire

*/