.bloc img, .news-page img {		
    width: 100%;	
	height: auto;

    }


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

  

    .sword,.banner ul li:first-child,.banner ul li:last-child{

        display: none;

    }

    

    .banner ul .main {

    max-width: 1120px;

    max-height: inherit;

    height: auto;

    width: 100%;

    background: #00ae42;

    text-align: center;

    font-size: 32px;

    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);

    color: #fff;

    padding-top: 8px;

    vertical-align: middle;

    overflow: inherit;

    word-wrap: break-word;

}

    

    .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;

}

    

    .navbar {

    border-radius: 0px;

    top: 0px;

    z-index: 1;

    margin-bottom: 100px;

}

    

    .back-nav {

    background: #009a3d;

    width: 100%;

    height: 50px;

    top: 0;

    left: 0;

    display: none;

}

    

    .menu .container {

    padding-right: 0px;

    padding-left: 0px;

    margin-right: auto;

    margin-left: auto;

    width: 100%;

}

    

    .menu .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

    margin-right: 0px;

    margin-left: 0px;

}





    .connexion_bg {

        background: none;

}

    .page img{

        width: 100%;

        height: auto;

    }

    

    

}



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

    

    .banner ul .main {

        max-width: 1120px;

        max-height: inherit;

        height: auto;

        width: 100%;

        background: #00ae42;

        text-align: center;

        font-size: 32px;

        text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);

        color: #fff;

        padding-top: 8px;

        vertical-align: middle;

        overflow: inherit;

        word-wrap: break-word;

        margin-top: 50px;

}

    

    .nav > li {

        position: relative;

        display: block;

        text-align: center;

    }

    .dropdown-menu li{

        background: rgba(0, 102, 46, 0);

        margin-left: 0px;

        margin-right: 0px;

        margin-top: 5px;

        margin-bottom: 5px;

        text-align: left;

        border-radius: 5px;

        padding-top: 5px;

        padding-bottom: 5px;

    }

    

    .dropdown-menu li:hover{

        background: #00AE42;

    }

    

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #fff;

}

    

    .connexion_bg .button li:first-child{

        margin-top: 40px;

    }

    

    .navbar-default .navbar-toggle {

    border-color: #fff;

}

    

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #fff;

}



    .navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}

    .navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{

        background-color: #007836;

    }

    

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

    font-size: 18px;

    border-bottom: 0px;

    text-transform: uppercase;

    color: #fff;

    background: #00ae42;

    display: block;

    padding: 8px 15px;

    margin-bottom: -2px;

    margin-top: 30px;

    font-weight: normal;    

}

    

    .navbar {

    border-radius: 0px;

    top: 0px;

    z-index: 1;

    margin-bottom: 0px;

}

    

    .navbar-default .navbar-nav > li > a {

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    text-align: left;

    padding-top: 10px;

    padding-bottom: 10px;

}

    

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #fff;

    background-color: transparent;

}

    

    .comment{

        text-align: center;

    }

    

    .comment img{

        margin: auto;

    }

    

    

}