/* CSS - Petits écrans */



@media screen and (max-width: 1200px) {

    

    /* Header */

    

    .menu { /* Reset du Header-Desktop */

    background: none;

    position: relative;

    z-index: 1;

    top: 0px;

    margin-bottom: 0px;

    }

    

    .header-desktop{

        display: none;

    }

    

    .header-mobile{

        display: block;

    }

    

    .header-mobile .brand{

        padding: 10px 15px;

        width: 100%;

    }

    

    .header-mobile .brand p{

        font-size: 38px;

        font-family: 'Dosis';

        font-weight: 600;

        display: inline-block;

        color: #fff;

        margin: 0;

        padding: inherit;

    }

    

    .header-mobile .brand img{

        width: auto;

        max-height: 70px;

        padding: 10px 0px;

    }

    

    .header-mobile .menu{

        display: none;

    }

    

    .header-mobile .menu .main-menu li a{

        background: rgba(0, 0, 0, 0.30);

        display: block;            

        padding: 14px 30px;

        color: rgba(255, 255, 255, 0.5);

        font-weight: 600;

        text-transform: inherit;

    }

    

    .header-mobile .menu .main-menu li a:hover{

        background: rgba(0, 0, 0, 0.50);

        color: #fff;

    }

    

    .dropdown-menu {

        position: relative;

        top: 103%;

        left: 0;

        z-index: 1000;

        display: none;

        float: left;

        min-width: inherit;

        width: 100%;

        padding: 0;

        margin: 0;

        font-size: inherit;

        text-align: left;

        list-style: none;

        background-color: rgba(0, 0, 0, 0.15);

        -webkit-background-clip: padding-box;

        background-clip: padding-box;

        border: 0;

        border-radius: 0px;

        box-shadow: none;

}

    .dropdown-menu li a{

        font-weight: normal !important;

        padding-left: 40px !important;        

    }

    

    .header-mobile .menu .diviseur{

        width: 100%;

        height: 2px;

        background: rgba(0, 0, 0, 0.4);

    }

    

    .header-mobile .btn-menu-mobile{

        float: right;

        font-size: 29px;

        color: #fff;

        margin-right: 30px;

        padding-top: 15px;

        cursor: pointer;

        transition: 0.25s;

    }

    

    .header-mobile .btn-menu-mobile-active{

        color: rgba(0, 0, 0, 0.35) !important;

    }

    

    /* Autres */

    

    .carousel {

    position: relative;

    top: 0;

    }

    

    .vitrine {

    max-width: 360px;

    width: 100%;

    height: 400px;

    overflow: hidden;

    text-align: center;

    margin: auto;

    margin-top: 30px;

    margin-bottom: 30px;

    box-shadow: 0px 0px 4.85px 0.15px rgba(0, 0, 0, 0.15);

    display: block;

}

    .bandeau{

        display: none;

    }

    

    .page img{

        width: 100%;

        height: auto;

    }

    

    

}



/* -------------------------------------------------------------------- */



/* CSS Smartphone */



@media screen and (max-width: 767px) {

    



    /* Autres */

    

    .container .row .col-lg-8 .news_title h1 {

    font-size: 18px;

    margin-top: 30px; 

}

    

    .comment{

        text-align: center;

    }

    

    .comment img{

        margin: auto;

    }

    

    

}