/*
StyleSheet Name: Cssb
Description: Used to give basis on web project
*/
/**
 * Table of Contents:
 *
 * I   - Import tools
 * II  - Variables
 * III - Structure
 * 0.0 - Reset
 * 1.0 - Body
 * 2.0 - Typography
 * 3.0 - Elements/Modules
 * 4.0 - Themes
 */
/*----------------------------------------------------------------*        I_Import tools
\*----------------------------------------------------------------*/
/*----------------------------------------------------------------*        II_Variables
\*----------------------------------------------------------------*/
/*breakpoints*/
/* color-shema */
/*----------------------------------------------------------------*        III_Structure
\*----------------------------------------------------------------*/
/*html, body {*/
/*    margin: 0px;*/
/*    padding: 0px;*/
/*}*/

.btn-block {
    display: block;
    word-wrap: break-word;
    white-space: normal !important;
}

/**
 * Masterhead
 */
#masthead {
    padding-top: 40px;
}

/*#masthead h1 {*/
/*    font-size: 30px;*/
/*    line-height: 1;*/

/*}*/

/*#masthead .well {*/
/*    margin-top: 5px;*/
/*}*/

.thumbnail__img {
    max-height: 200px !important;
}

.thumbnail__description {
    font-style: oblique;
    font-size: 0.8em;
}

.thumbnail__check {
    color: green;
    font-size: 2em;
    padding: 10px;
}

/**
 * Navigation
 */
.navbar-bright {
    background-color: #5180BF;
    color: #fff;
}

.affix-top, .affix {
    position: static;
}

#sidebar {
    border: 1px solid #5180BF;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        margin-top: 30px;
    }

    #sidebar.affix {
        position: fixed;
        top: 70px;
        width: 23%;
    }

    hr {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 0;
        border-top: 3px solid #f7b40e;
    }
}

#sidebar li.active {
    border: 0 #eee solid;
    border-right-width: 5px;
    background-color: white;
}

.navbar-brand {
    padding: 0;
}

.head__box {
    height: 70px;
    background-color: #5180BF;
    color: white;
}

.head__box h3 {
    margin: 0;
    padding: 10px;
}

/**
 * sections
 */
.service .panel-heading {
    background-color: #5180BF;
}

.service .panel-body a {
    background-color: #FFF; /*#D86203*/
    border-color: #FFF; /*#D86203*/
}

.footer{ /* Code CSS footer */
    position: relative;
    bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    line-height: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.footer > p{ /* Code paragraphes dans le footer */
    margin: 0.3%;
    font-size: 11px;
    text-align: center;
}

.footer > p > br{ /* Non-affichage des espaces dans le footer en affichage PC */
    display: none;
}

@media (max-width: 550px){ /*code pour garder la taille du texte assez grande format 4:3 */
    .footer > p{
        font-size: 2vw;
    }
}