/* color: rgb(0, 69, 92, 0.8); /** PANTONE BLEU 302 C */
/* color : rgb(196, 214, 0) !important; /** PANTONE VERT 382 C */

/**============================
            LAYOUT
=============================*/
html {
    overflow: auto;
}
html,body {
    font-family: 'Open Sans', serif;
}

.hero.is-info         {
    background: linear-gradient(
        rgba(0, 0, 0, 0.7) 2vh,
        rgba(0, 0, 0, 0.0),
        rgba(0, 0, 0, 0.0)
        ), url('../images/fond.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero .nav,
.hero.is-success .nav {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#footer {
    height: 5vh;
    padding: .5rem;
    margin: 0px auto;
    background-color: rgb(255,255,255, 0.7);
    min-width: 50vw;
    text-align: center;
    font-size: 0.9em;
    color : rgb(0, 69, 92); /** PANTONE BLEU 302 C */
    border-radius: .5rem .5rem 0px 0px;
}
#footer .lien:hover {
    color : rgb(0, 69, 92) !important; /** PANTONE BLEU 302 C */
    text-decoration: underline;
}
#logo_iso {
    height: 12vh;
}

/**=======================
        MENU
========================*/

.button.is-white.is-outlined {
    border-color: rgb(196, 214, 0) !important; /** PANTONE VERT 382 C */
}

@media screen and (max-width:1088px) {
    .hero.is-info .navbar-menu {
        background-color: #505050;
    }
}

.navbar-burger {
    color: #fff;
}
/**=======================
        MODULES
========================*/

.box {

    /*color: #090909;*/
    color: rgb(0, 69, 92) !important; /** PANTONE BLEU 302 C */
    font-weight: bolder;
    font-size: 1.3em;

    /*background-color: rgb(0, 21, 52); /** IE */
    /*background-color: rgb(0, 21, 52, 0.9);*/
    background: transparent;
    box-shadow:none;
}

.title {
    color: #000;
    text-shadow: rgb(0, 69, 92) 0.1rem 0 1rem; /** PANTONE BLEU 302 C */
    text-transform: uppercase;
}

.lien       {
    font-weight: bolder;
}
.lien:hover {
    color : rgb(196, 214, 0) !important; /** PANTONE VERT 382 C */
}

#mentions {
    color: #000;
}
#mentions a,
#mentions h3 {
    color: rgb(255, 255, 255);
}
#mentions h3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-weight: bolder;
}