html {
/* For sticky footer */
position: relative;
min-height: 100%;
}
body {
/* Move down content - fixed navbar height padding-top: 130px; */
overflow-x: hidden; /* Prevent scroll on narrow devices */
margin-bottom: 40px; /* Margin bottom by footer height for sticky footer */
/* background: #F3EEDA; */ /* couleur creme original #eed690 */
background: #f4e6bc;
position: relative; /* ScrollSpy */
/*
background: url('../img/paper3.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
*/
}
hr {
background: #f4e6bc;
border-color: #f4e6bc;
}
.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;
}
.empty_row_medium {
padding-top: 15px;
padding-bottom: 15px;
}
.empty_row_big {
padding-top: 170px;
padding-bottom: 500px;
}
/* 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: 40px; /* Set the fixed height of the footer here */
}
.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;
}
hr.style-one {
border: 0;
height: 1px;
background: #000000;
background-image: linear-gradient(to right, #777777, #000000, #777777);
}
blockquote.style1{
border-left: 0px solid #f4e6bc;
/* border-left: 0px solid #eee; */
font-size: small;
}
blockquote{
border-left: 0px solid #f4e6bc;
/* border-left: 0px solid #eee; */
font-size: small;
}
/* Sidenavbar Affix */
/*
.fixed {
position: fixed;
top: 70px;
}
*/
/* sidebar */
.bs-docs-sidebar {
padding-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
/* all links */
.bs-docs-sidebar .nav>li>a {
color: #999;
border-left: 2px solid transparent;
padding: 4px 20px;
font-size: 13px;
font-weight: 400;
}
/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 12px;
}
/* active & hover links */
.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>li>a:hover,
.bs-docs-sidebar .nav>li>a:focus {
color: #563d7c;
text-decoration: none;
background-color: transparent;
border-left-color: #563d7c;
}
/* all active links */
.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a,
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
font-weight: 500;
}
/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
display: none;
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
display: block;
}
.affix {
top: 20px;
}
.affix,
.affix-bottom {
width: 213px;
}
.affix-bottom {
position: absolute;
}
@media (min-width:1200px) {
.affix,
.affix-bottom {
width: 263px;
}
}
.medaille-table-1 {
width: 100%;
/* border: 1px solid black; */
text-align: left;
padding: 50px;
text-align: left;
}
.medaille-table-2 {
width: 80%;
border: 0px;
text-align: left;
padding: 50px;
text-align: left;
}
.medaille-table-font-2 {
text-align: left;
font-size: medium;
}
.medaille-table-font-2-title {
text-align: center;
font-size: large;
}
.medaille-table-font-2-txt-label {
text-align: left;
font-size: 12px;
color: #cc0000;
font-family: verdana;
font-weight: normal;
}
.hr-medaille {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
/*
width="256" height="454" border="0" cellspacing="0" cellpadding="5"
.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
*/