/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
/*cadre sous l'image*/
.jumbotron {
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: rgb(245,245,245);
}

/*POUR GERER LA COULEUR ET TAILLE DES MENUS*/

.MenuBackGroundColor {
    /*le bandeau du menu*/
    background-color: rgb(245,245,245);
    min-height: 80px;
}
.navbar-inverse {
    /*background-color: aliceblue;*/
    /*la bordure basse du bandeau du menu*/
    border-color: rgb(70,110,200);
    border-bottom-width: 2px;
}

.TailleTexteMenu {
    font-size: 16px;
}
/*POUR GERER LA COULEUR DES MENUS*/
.nav > li {
    position: relative;
    display: block;
    height: 64px;
    /*couleur de fond des onglets*/
    background-color: transparent;
    /*couleur de texte des onglets*/
    color: blue;
    /*pour mettre une bordure ou non aux onglets*/
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}

    .nav > li:hover {
        background-color: #ddd;
        color: rgb(70,110,200) !important;
    }
    .nav > li > a:hover {
        color: rgb(70,110,200) !important;
    }

    /*Cette classe est utilisé pour désactiver les styles du hover sur le titre de l'onglet actif*/
    .nohover {
        pointer-events: none;
    }

.Ongletactif {
    background-color: rgb(70,110,200) !important;
    color: white;
}

/*Boite du menu qui apparait quand l'ecran est reduit*/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 9px; /*20px*/
    margin-bottom: 8px;
    /*background-color: transparent;*/
    background-color: rgb(70,110,200);
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.imgZoom {
    transition: transform .1s;
}

    .imgZoom:hover {
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari 3-8 */
        transform: scale(1.2);
    }



/* Responsive: Portrait tablets and up */
@media screen and (min-width: 1200px) {
    .jumbotron {
        margin-top: 0px;
    }

    .body-content {
        padding: 0;
    }
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #777;
    border-color: #fff
}

/*ONGLET DES LOGEMENTS*/
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    /*background-color: #f1f1f1;*/
    background-color: rgb(245,245,245);
}

    /* Style des buttons tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
        color: rgb(70,110,200);
    }

        /* background color des buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Style pour le tab actif */
        .tab button.active {
            /*background-color: #ccc;*/
            background-color: rgb(70,110,200);
            color: white;
        }

/* Contenu du tab */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}