@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../fonts/glyphicons-halflings-regular.eot');
    src: url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

html {
    position: relative;
    min-height: 100%; 
    padding: 0;
    margin: 0;
}

body{
    min-height: 100%; 
    font-size: 0.8rem;
}

a:hover,
  a:focus {
    text-decoration: none; 
}

#main-wrapper {
    width: 100%;
    overflow: hidden;
}

#main-wrapper .page-wrapper {
    margin-left: 190px;
}


.topbar {
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
    box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
    background: #fff;
    height: 64px;
}
.topbar .navbar{
    height: 64px;
}

.left-sidebar {
    position: absolute;
    width: 190px;
    z-index: 10;
    height: calc(100% - 64px);
    top: 64px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);
    box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);
    
}


#main-wrapper[data-layout="horizontal"] .left-sidebar {
    display: none;
}
#main-wrapper[data-layout="horizontal"] .page-wrapper {
    margin-left: 0px;
}

@media (max-width: 1199.98px) {
    #main-wrapper .page-wrapper {
        margin-left: 37px;
    }

    #main-wrapper .left-sidebar {
        width: 37px; 
    }
    #main-wrapper.show-sidebar .left-sidebar,
    #main-wrapper .left-sidebar:hover {
        width: 190px; 
    }
    #main-wrapper .left-sidebar:hover {
        width: 190px; 
    }
    
    #main-wrapper .left-sidebar .hide-menu{
        display: none; 
    }
    
    #main-wrapper.show-sidebar .left-sidebar .hide-menu,
    #main-wrapper .left-sidebar:hover .hide-menu{
        display: unset; 
    }
    #main-wrapper .left-sidebar .dropdown-toggle::after {
        display: none; 
    }
}
@media (max-width: 767.98px) {
    #main-wrapper .page-wrapper {
        margin-left: 0px;
    }
    #main-wrapper .left-sidebar {
        display: none; 
    }
    #main-wrapper.show-sidebar .left-sidebar {
        display: unset; 
    }
}


/*HOME PAGE (BASEE SUR LANDING PAGE)*/
.home-page, .main-page{
    min-height: calc(100vh - (64px + 64px));
}
.home-page header{
    background:url(../../images/background_test.jpg) no-repeat;
    background-size:cover;
    background-blend-mode: multiply; 
    background-color: rgb(209, 209, 209);
    /*background-attachment: fixed;*/
    background-position: center 100%;
}
.home-page header{
    position:relative;
   padding-top:8rem;
    padding-bottom:8rem;
    text-align: center;
}
.home-page header{
    color: white;
    text-shadow: 0 0 20px #fff;
}
#home-recherche{
    /*margin-top: -6rem !important;;*/
}
#home-contact{
    background:url(../../images/background_test.jpg) no-repeat;
    background-size:cover;
    background-blend-mode: multiply; 
    background-color: rgb(209, 209, 209);
    /*background-attachment: fixed;*/
    background-position: center 0;
}

/*header.masthead h1{font-size:2rem}@media (min-width:768px){header.masthead{padding-top:12rem;padding-bottom:12rem}header.masthead h1{font-size:3rem}}.showcase .showcase-text{padding:3rem}.showcase .showcase-img{min-height:30rem;background-size:cover}@media (min-width:768px){.showcase .showcase-text{padding:7rem}}.features-icons{padding-top:7rem;padding-bottom:7rem}.features-icons .features-icons-item{max-width:20rem}.features-icons*/
/* WIZARD */
.nav-wizard .nav-link {
    display: flex;
    align-items: center;
    padding: 2rem;
}
@media (max-width:960px){
    .nav-wizard .nav-link {padding: .2rem;}
}
.nav-wizard .nav-link .wizard-step-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    flex-shrink: 0;
    margin-right: 1rem;
    border-radius: 0.35rem;
    background-color:white;
    color: var(--primary);
}
.nav-wizard .nav-link .wizard-step-text {
    line-height: 1;
    text-align: left;
}
.nav-wizard .nav-link .wizard-step-text .wizard-step-text-name {
    font-size: 1rem;
    margin-bottom: 0.25rem;
    /*color: white;*/
}
.nav-wizard .nav-link.active .wizard-step-text .wizard-step-text-details {
    color: rgba(255, 255, 255, 0.5);
}
.nav-wizard .nav-link .wizard-step-text .wizard-step-text-details {
    font-weight: 400;
    font-size: 0.875rem;
    color: #69707a;
}
@media (max-width:960px){
    .wizard-step-text-details{display:none}
}
.nav-wizard .nav-link .wizard-step-text {
    line-height: 1;
    text-align: left;
}

/* IMAGES PAGE ACCUEIL */
.showcase-img {
    min-height: 30rem;
}
.showcase-img.bg-cibles{
    background:url(../../images/cibles.jpg) no-repeat center center;
    background-size: cover;
}
.showcase-img.bg-plantes{
    background:url(../../images/fleurs.jpg) no-repeat center center;
    background-size: cover;
}
.showcase-img.bg-produits{
    background:url(../../images/produits.jpg) no-repeat center center;
    background-size: cover;
}

.showcase-text {
    padding: 3rem;
}
@media (min-width:768px){
    .showcase-text{padding:7rem}
}

.footer{
    height: 64px;
}