/***************** XL 1200 *****************/
@media screen and (min-width: 1200px)
{
}
/***************** XL 1200 *****************/

@media screen and (max-width: 1750px)
{
    .footer .angle-bg {
        width: 53%;
    }
}
@media screen and (max-width: 1650px)
{
    .footer .angle-bg {
        width: 50%;
    }
}

/***************** LG 1200 *****************/
@media screen and (max-width: 1199px)
{
    .site-nav-inner {
        font-size: 14px;
    }
    .footer .angle-bg {
        width: 50%;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 20px 15px 15px 15px;
    }
}
/***************** LG 1200 *****************/

/***************** MD 990 *****************/
@media screen and (max-width: 991px)
{
    .logo{
        min-height: inherit;
        padding-top:25px;
        padding-bottom:25px;
        padding-left:15px;
        margin-bottom: 0px;
    }
    .logo:after {
        border-top: inherit;
        border-left: inherit;
        border-right: inherit;
    }
    .container.logo0 {
        max-width: 100%;
    }

    .site-navigation {
        background: #4D5055;
    }
    .site-nav-inner {
        background: none;
        top: 0;
        left: 10px;
        position: relative;
    }
    .accueil_bloc1 {
        margin-top: -40px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        background: #4D5055;
    }
    .footer_border:last-child {
        border-top: none;
    }
    .logo img {max-height: 60px;}
    .navbar .dropdown-menu {
        display: block;
    }
}
/***************** MD 990 *****************/


/***************** SM 768 *****************/
@media screen and (max-width: 767px)
{

    .logo{
        margin-bottom: 0px;
    }
    .accueil_bloc1 .bg_bleu {
        margin-bottom: 10px;
    }
    .accueil_bloc1 .bg_bleu img {
        max-width: 60px;
    }
    .accueil_bloc1 {
        margin-top: 10px;
    }
    .accueil_bloc3 {
        height: auto;
        padding-bottom: 50%;
    }
    .reference {
        margin: 20px;
        width: 110px;
    }
}
/***************** SM 768 *****************/


/***************** XS 576 *****************/
@media screen and (max-width: 575px)
{
    .reference {
        margin: 10px;
        width: 90px;
    }
    .size26 {
        font-size: 18px;
    }
}
/***************** XS 576 *****************/