@import url('https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&family=Bebas+Neue&family=Poppins:wght@400;500;700&display=swap');

body {
    background-color: #FAFAFA;
    color: #502314;
    position: relative;
    overflow-x: hidden;
}

body,
html { height: 100%;}

#loginBlock {
    display: block;
    width: 100%;
    background-color: rgba(245, 245, 245, 0.5);
    padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
}
.form-group { margin-bottom: 15px; }

.logo { width: 100%; }
.accueilTitle { font-family: "Playwrite DE Grund", cursive; }

#footer { margin: 10px 0 10px 0;}

.nav .open > a, nav .open > a:hover, .nav .open > a:focus { background-color: transparent; }

/*           Wrappers            */
#wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#wrapper.toggled { padding-left: 220px;}
#sidebar-wrapper { z-index: 1000; left: 220px; width: 0; height: 100%; margin-left: -220px; overflow-y: auto; overflow-x: hidden; background: #F5EBDC; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#sidebar-wrapper::-webkit-scrollbar { display: none;}
#wrapper.toggled #sidebar-wrapper { width: 220px; }
#page-content-wrapper { width: 100%; padding-top: 70px; }
#wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -220px;}

/*     Sidebar nav styles        */
.navbar { padding: 0; }
.sidebar-nav { position: absolute; top: 0; width: 220px; margin: 0; padding: 0; list-style: none; }
.sidebar-nav li { position: relative; line-height: 20px; display: inline-block; width: 100%; }
.sidebar-nav li:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 3px; background-color: #F5EBDC; -webkit-transition: width .2s ease-in; -moz-transition:  width .2s ease-in; -ms-transition:  width .2s ease-in; transition: width .2s ease-in; }
.sidebar-nav li:hover{ background: rgba(255, 135, 50, 0.2) !important; }
.sidebar-nav li a { display: block; color: #502314; text-decoration: none; padding: 10px 12px 10px 20px; }
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus { color: #502314; text-decoration: none; background-color: transparent; }
.sidebar-header { text-align: center; font-size: 20px; position: relative; width: 100%; display: inline-block; }
.sidebar-brand { height: 65px; position: relative; background: #502314; padding-top: 0.5em; border-bottom: 2px solid #FF8732; }
.sidebar-brand a { color: #F5EBDC; font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: 40px; text-transform: uppercase; }
.sidebar-brand a:hover { color: #fff; text-decoration: none; }
.dropdown-header { text-align: center; font-size: 1em; color: #F5EBDC; background: #502314; /*background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);*/ }
.sidebar-nav .dropdown-menu { position: relative; width: 100%; padding: 0; margin: 0; border-radius: 0; border: none; /*background-color: #222;*/ box-shadow: none; }
.dropdown-menu.show { top: 0; }
/*a[href*="#home"]::before {
    content: "\f015" !important;
}*/

/*       Hamburger-Cross         */
.hamburger { position: fixed; top: 20px; z-index: 999; display: block; width: 32px; height: 32px; margin-left: 15px; background: transparent; border: none; }
.hamburger:hover, .hamburger:focus, .hamburger:active { outline: none; }
.hamburger.is-closed:before { content: ''; display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px,0,0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { position: absolute; left: 0; height: 4px; width: 100%; }
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom { background-color: #1a1a1a; }
.hamburger.is-closed .hamb-top { top: 5px; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed .hamb-middle { top: 50%; margin-top: -2px; }
.hamburger.is-closed .hamb-bottom { bottom: 5px; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed:hover .hamb-top { top: 0; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed:hover .hamb-bottom { bottom: 0; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { background-color: #1a1a1a; }
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom { top: 50%; margin-top: -2px; }
.hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08); }
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08); }
.hamburger.is-open:before { content: ''; display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-open:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px,0,0); -webkit-transition: all .35s ease-in-out; }

footer {
    position: fixed;
    bottom: 15px;
    text-align: center;
    width: 100%;
}
footer span.text-muted { font-style: italic; font-size: 12px; }

p.hidden { display: none; }