/* Panneaux Bootstrap avec des éléments de navigation */
/* source: http://www.bootply.com/bbLgKtannv */
/* CSS used here will be applied after bootstrap.css */
/*
Using default Bootstrap 3 classes we zero out the top and
bottom padding .panel-heading ususally needs
*/
.panel-heading.nav.navbar-default{
    padding-top:0;
    padding-bottom:0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/*
Reintroduce 20px for .panel-title when a navbar is within .panel-heading.
This can be put back to @line-height-computed; in your LESS file which
is the default in type.less */
.panel-heading.nav.navbar-default h4{
    margin-top:20px;
    padding-right: 10px;
}

.panel-heading .nav.navbar-nav li a{
    padding-top: 20px;
}
/* /Panneaux Bootstrap avec des éléments de navigation */

/* Transitions vers le gris. */
.gris {
    filter: grayscale(100%); /* Firefox */
    -webkit-filter: grayscale(100%); /* autres navigateurs */
    -webkit-transition : -webkit-filter 0.2s linear;
    -moz-transition: filter 0.2s;
    -ms-transition: filter 0.2s;
    -o-transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
}

.gris:hover {
    filter: grayscale(0%); /* Firefox */
    -webkit-filter: grayscale(0%); /* autres navigateurs */
}
/* /Transitions vers le gris. */

/* bouton secret */
.caché {
    margin-top: 20px;
    display: inline-block;
}

.caché > div {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
}

.caché:hover > div {
    visibility: visible;
    opacity: 1;
}
/* /bouton secret */

/* Réduire les marges sur les champs de rechere des DataTables avec le style Bootstrap 3 */
.dt-bootstrap .dataTables_filter label {
    margin-bottom: -10px;
}

#titre {
    font-family: Abel, sans-serif;
    font-size: 5em;
    text-align: center;
    color: #5F6062;
    margin-top: -15px;
}

#titre > span::before {
    background-image: url("../img/logo_gipi.svg");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 70px;
    height: 70px;
    content: "";
    overflow: visible;
    position: absolute;
    margin-left: -80px;
    margin-top: 15px;
}