#body-site header{
    color: white;
    height: 35px;
    font-size: 10px;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    z-index: 99999;
}     
h1{ 
    margin: 0px;
}


/*
*   Menu Top (menu_principal)
*/

    #body-site header{
        background-color: #706d5a;

    }

    #body-site header .fa{
      font-size: 22px;  
    }

    #body-site header .row ul {
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-left: 0;
        list-style-type: none;
        margin-bottom: 0;
        list-style-position: outside;
        line-height: 1.6;
        margin: 0;
        padding: 0;
        font-weight: 400;
        height: 35px;
    }
    #body-site header .row nav > ul > li{
        display: inherit;
        width: 100%;
        font-size: inherit;
        margin: 0;
        padding: 0;
        text-align: center;
        height: 35px;
    }
    #body-site header .row nav > ul > li > a{
        text-decoration: none;
        color: white;
        margin: 0 auto;
        font-size: 14px;
        font-family: "Open Sans";
    }
    #body-site header .row nav > ul > li.active{
       background-color: #53a7ff;
    }
    #body-site header .row nav > ul > li:hover{
        background-color: #53a7ff;
        cursor: pointer;

        transition: all 0.5s;

    }


    #body-site header .row nav{
        display: inherit;
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        height: 35px;
        font-family: museo_sans_rounded500,sans-serif;

    }


    #body-site header .row nav > ul > li > a > i{

        float: left;
        margin: 6px 10px;

    }
    #body-site header .row nav > ul > li > a > span{

        height: 35px;
        line-height: 35px;
        float: left;
    }

    nav#nav-category{
        float: left;
    }
    nav#nav-empty{
        float: right;

    }
    nav#nav-toolbox{
        float: right;
    }

    #menu_principal{
        background-color: white;
        height: 82px;
        transition-property: visibility, opacity;
        transition-duration: 0s, 1s;
    }


    #menu_principal{
        width: 100%;
        position: relative;
        float: left;
     }
    #menu_principal > nav > ul{
        text-align: center;
        margin:  0px;
        padding: 0px;
    }

    #menu_principal > nav {

        width: 100%;
        float: left;
        position: relative;
        text-align: center;

    }


    #menu_principal > nav > ul > li#logo-menu-header{
        height: 51px;
        /* width: 90px; */
        margin: 0px 0px 0px 0px;
        
    }


    #menu_principal > nav > ul > li#logo-menu-header > a {
        margin: 0px;
        float: left;
        
    }


    #menu_principal > nav > ul > li#logo-menu-header > a > div {
        
        width: 100px;
        margin-top: 16px;
    }


    #menu_principal > nav > ul > li#logo-menu-header > a > div > img {
        height: 100%;
        max-height: 52px;
        width: auto;
        
    }



    #menu_principal > nav > ul > li {
        margin: 7px 0px;
        padding: 0px;
        display: inline-block;
    }
    #menu_principal svg,#menu_principal img,#menu_principal span{
        margin: 0 auto;
        text-align: center;
    }

    #menu_principal > nav > ul > li > a > div.pictogramme{
        width: 32px;
        display: inline-flex;
    }
    #menu_principal > nav > ul > li > a > span{
        float: left;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-family: "Open Sans";
        color: #918e75;
        font-weight: bold;
        text-transform: uppercase;
    }
          


/*
*   Titre + Slogan
*/

    #content-header{
        text-align: center;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 820px; 
        background-repeat: no-repeat;
        /* background-size: 100% 820px; */
        /* background-size: auto 820px; */
        background-size: cover;
        background-position: center center;
        /* background-position-y: -120px; */
            
        padding-top: 120px;
        height: 512px;
    }
    #content-header > picture{
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        overflow: hidden;
    }
    #content-header > picture > img{
        max-width: none;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: -941px;
        margin-left: 50% !important;
        width: auto;
        margin: 0 auto; 
        height: 886px;
    }
    #content-header > section{
        position: relative;
    }
    #bloc-logo-slogan{

        -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: fadein 1s; /* Firefox < 16 */
            -ms-animation: fadein 1s; /* Internet Explorer */
             -o-animation: fadein 1s; /* Opera < 12.1 */
                animation: fadein 1s;
    }
    #content-header > #bloc-logo-slogan{
        margin-top: 95px !important;
        padding-top: 30px;

    }
    #content-header #logo img{
        height: 150px;
    }
    #header-article-page #logo img{
        height: 150px;
    }

    
    #slogan {
        font-size: 48px;
        font-family: "Oswald";
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 60px;
    }

/*
*   Show Case 
*/

    #bloc-push-foward{
        width: 880px;
        margin: 0 auto;
    }

    #bloc-push-foward > article{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    #bloc-push-foward > .showcase_structure_two_and_one_bloc{
        height: 230px;
    }
    #bloc-push-foward > .showcase_structure_four_bloc{
        height: 190px;
    }
    #bloc-push-foward > .showcase_structure_four_bloc .title{
        float: left !important;

    }

    #bloc-push-foward > .shopwcase_bloc_p6{
        width: 47%;
    }
    #bloc-push-foward > .shopwcase_bloc_p12{
        width: 100%;
    }

    #bloc-push-foward > .shopwcase_bloc{
        background-color: white;
        text-align: left;
        float: left;
        margin-top: 16px;
        position: relative;

        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: fadein 2s; /* Firefox < 16 */
            -ms-animation: fadein 2s; /* Internet Explorer */
             -o-animation: fadein 2s; /* Opera < 12.1 */
                animation: fadein 2s;

    }

    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p6 .content-left
    {
        padding-left: 18px;
        padding-right: 10px;
        float: left;
        text-align: left;
    }
    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p6.content-left {
        margin-right: 3%;
    }

    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p6 .content-right
    {
        padding-left: 10px;
        padding-right: 18px;
        float: right;
        text-align: right;
    }
    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p6.content-right {
        margin-left: 3%;
        
    }
    
    #bloc-push-foward > .shopwcase_bloc > .background_image{
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;

    }
    #bloc-push-foward > .shopwcase_bloc > .background_image{
        width: 100%;

    }
    #bloc-push-foward > .shopwcase_bloc > .title{
        font-size: 31px;
        font-family: "Oswald";
        text-transform: uppercase;
        line-height: 1.2;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: 3%;
        float: left;
        z-index: 1;
        position: relative;
        padding-bottom: : 5px;
        padding-top: : 5px;
    }
    #bloc-push-foward > .shopwcase_bloc > .title.title-background{
        background-color: rgba(255, 255, 255, 0.8);
    }

    #bloc-push-foward > .shopwcase_bloc > .body > p{
        margin: 0px;
        padding: 0px;
    }
    #bloc-push-foward > .shopwcase_bloc > .body{
        font-family: "Open Sans";
        font-size: 14px;
        color: rgb(99, 99, 99);
        line-height: 1.286;
        text-align: left;
        width: 100%;
        z-index: 1;
        position: relative;
        float: left;
        width: 60%;
        margin-top: 10px;
    }
    #bloc-push-foward > .shopwcase_bloc .button{
        width: 92% !important;
        z-index: 1;
        position: relative;
        margin-top: 10px;
        padding: 0px 10px;
        height: 37px;
        text-align: center !important;
        line-height: 37px;
    }

    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p6 .button-footer{
        width: 225px;
        margin-top: 131px;
        float: right !important;
        position: absolute;
        left: 154px;
    }

    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p6 .button-footer > a > button{

        width: 225px !important;
        text-align: center !important;
    }



    #bloc-push-foward > .shopwcase_bloc .button{
        min-width: 155px;
        text-align: center;
        font-family: "Oswald";
        font-size: 16px;

    } 

    #bloc-push-foward > .shopwcase_bloc:nth-child(odd) .button{
        text-align: left;
        float: left;

    } 
    #bloc-push-foward > .shopwcase_bloc:nth-child(even) .button{
        text-align: right;
        float: right;
        width: auto;

    } 
    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p6:nth-child(even) button{
        padding-left: 10px;
        padding-right: 10px;

    }
    #bloc-push-foward > .shopwcase_bloc  button{
        width: 100%;
        z-index: 1;
        position: relative;
        float: left;
    }

    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p12{

        background-color: rgba(255, 255, 255, 0.8);
    }
    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p12 .title{
        background-color: initial;
        margin-left: 20px;
    }
    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p12 .body{
        width: 100%;
        margin-left: 20px;
    }
    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p12 .content-left {
        width: 97%;
        margin-left: 20px;
        float: left;
        margin-top: 10px;
    }
    article.shopwcase_bloc.showcase_structure_two_and_one_bloc.showcase_theme_clients.shopwcase_bloc_p12.content-left > span.title.title-background.content-left{
        width: 94% !important;
        margin-left: 0px;
        float: left;
        margin-top: 10px;k
        padding: 0px 20px;
    }

    #bloc-push-foward > .shopwcase_bloc.shopwcase_bloc_p12 .button {
        width: 50% !important;
    }
    #content-header article > span.background_image{
        display: none;
    }


/*
* Menu footer
*/

    #menu-dynamic-footer{
        width: 100%;
        position: relative;
        float: left;
     }
    #menu-dynamic-footer > nav > ul{
        text-align: center;
        margin:  0px;
        padding: 0px;
    }

    #menu-dynamic-footer > nav {

        width: 100%;
        float: left;
        position: relative;
        text-align: center;

    }
    #menu-dynamic-footer > nav > ul > li {
        margin: 12px 0px;
        padding: 0px;
        display: inline-block;
    }
    #menu-dynamic-footer svg,#menu_principal img,#menu_principal span{
        margin: 0 auto;
        text-align: center;
    }

    #menu-dynamic-footer > nav > ul > li > a > div.pictogramme{
        width: 32px;
        display: inline-flex;
    }
    #menu-dynamic-footer > nav > ul > li > a > div.pictogramme > img{
        margin: 0 auto;
    }
    #menu-dynamic-footer > nav > ul > li > a > span{
        float: left;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-family: "Open Sans";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-transform: uppercase;
    }

    #menu-dynamic-footer > nav > ul > li {

        width: 115px;
    }
    #menu-dynamic-footer > nav > ul > li > a > div.pictogramme{           
        border: 2px solid white;
        border-radius: 50%;
        padding: 15px;
        margin-bottom: 10px;    
    }


    .showcase_theme_clients{
        height: 230px !important;
    }