/* Modal */

@media (min-width:768px){
    .modal-lg{
        width:85%;
    }
}

/* Doc */

.bs-callout{
    padding:20px;
    margin:20px 0;
    border:1px solid #eee;
    border-left-width:5px;
    border-radius:3px;
    background-color:#F7F7F9;
}

.bs-callout h4{
    margin-top:0;
    margin-bottom:5px
}

.bs-callout p:last-child{
    margin-bottom:0
}

.bs-callout code{
    border-radius:3px
}

.bs-callout+.bs-callout{
    margin-top:-5px
}

.bs-callout-danger{
    border-left-color:#d9534f
}

.bs-callout-danger h4{
    color:#d9534f
}

.bs-callout-warning{
    border-left-color:#f0ad4e
}

.bs-callout-warning h4{
    color:#f0ad4e
}

.bs-callout-info{
    border-left-color:#5bc0de
}

.bs-callout-info h4{
    color:#5bc0de
}

/* Navbar */
.navbar-fixed-top {
    border-bottom:0px;
}

.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #69BFE1;
    font-weight: bold;
}

/* Custom Nav bar : */

.navbar-custom {
        background-color: #f57255;
        border-color: #f35836;
}
.navbar-custom .navbar-brand {
        color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
        color: #e6e6e6;
        background-color: transparent;
}
.navbar-custom .navbar-text {
        color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
        color: #ffffff;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
        color: #c0c0c0;
        background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
        color: #c0c0c0;
        background-color: #f35836;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
}
.navbar-custom .navbar-toggle {
        border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
        background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
        background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
        border-color: #f35633;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
        border-top-color: #c0c0c0;
        border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
        background-color: #f35836;
        color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
        border-top-color: #c0c0c0;
        border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
}
@media (max-width: 767) {
        .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
                color: #ffffff;
        }
        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
                color: #c0c0c0;
                background-color: transparent;
        }
        .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
        .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
                color: #c0c0c0;
                background-color: #f35836;
        }
        .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
        .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
        .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
                color: #cccccc;
                background-color: transparent;
        }
}
.navbar-custom .navbar-link {
        color: #ffffff;
}
.navbar-custom .navbar-link:hover {
        color: #c0c0c0;
}

/* Footer */

html{
    position:relative;
    min-height:100%;
}

body {
    padding-top:50px;
    margin-bottom:60px;
    /* position:relative; */
    padding-top:50px;
}


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

/* Surcouche Julien */

.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
        color: #FFF;
        background-color: #5BC0DE;
}

#logo {
        float: left;
        height: 50px;
        position: absolute;
        left: -177%;
        left: 2%;
}

@media (max-width:979px){
    .navbar-brand {
        display:none;
    }

    #logo {
        position:static;
        float:none;
        margin:auto;
        padding-right:50%;
    }
}

@media (max-width:767px){
    #logo {
        padding-left:12%;
        padding-right:0px;
    }
}

/* Side NavBar */

.bs-docs-sidenav{
    margin-top:20px;
    margin-bottom:20px
}

.bs-docs-sidebar .nav>li>a{
    display:block;
    padding:4px 20px;
    font-size:13px;
    font-weight:500;
    color:#999
}

.bs-docs-sidebar .nav>li>a:hover,.bs-docs-sidebar .nav>li>a:focus{
    padding-left:19px;
    color:#563d7c;
    text-decoration:none;
    background-color:transparent;
    border-left:1px solid #563d7c
}

.bs-docs-sidebar .nav>.active>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active:focus>a{
    padding-left:18px;
    font-weight:700;
    color:#563d7c;
    background-color:transparent;
    border-left:2px solid #563d7c
}

.bs-docs-sidebar .nav .nav{
    display:none;
    padding-bottom:10px
}

.bs-docs-sidebar .nav .nav>li>a{
    padding-top:1px;
    padding-bottom:1px;
    padding-left:30px;
    font-size:12px;
    font-weight:400
}

.bs-docs-sidebar .nav .nav>li>a:hover,.bs-docs-sidebar .nav .nav>li>a:focus{
    padding-left:29px
}

.bs-docs-sidebar .nav .nav>.active>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active:focus>a{
    padding-left:28px;
    font-weight:500
}

.back-to-top,.bs-docs-theme-toggle{
    display:none;
    padding:4px 10px;
    margin-top:10px;
    margin-left:10px;
    font-size:12px;
    font-weight:500;
    color:#999
}

.back-to-top:hover,.bs-docs-theme-toggle:hover{
    color:#563d7c;
    text-decoration:none
}

.bs-docs-theme-toggle{
    margin-top:0
}

@media (min-width:768px){
    .back-to-top,.bs-docs-theme-toggle{
        display:block
    }

}

@media (min-width:992px){
    .bs-docs-sidebar .nav>.active>ul{
        display:block
    }

    .bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{
        width:213px
    }

    .bs-docs-sidebar.affix{
        position:fixed;
        top:20px
    }

    .bs-docs-sidebar.affix-bottom{
        position:absolute
    }

    .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,.bs-docs-sidebar.affix .bs-docs-sidenav{
        margin-top:0;
        margin-bottom:0
    }

}

@media (min-width:1200px){
    .bs-docs-sidebar.affix-bottom,.bs-docs-sidebar.affix{
        width:263px
    }

}