@media only screen and (max-width : 1200px) {
        .top-bar{padding-right: 10px;}
        .navbar-nav>li>a {padding-left: 10px; padding-right: 10px; font-size: 13px;}
    }
    @media only screen and (max-width : 992px) {
        .navbar-default .navbar-nav > .picto-nav.active,.navbar-right,.bloc-vert .arrow{display: none;}
        .navbar-nav>li>a {padding-left: 6px; padding-right: 6px; font-size: 12px;}
        #slider-accueil span.titre, #slider-accueil span.text {  left: 15%;font-size: 30px;  }
        #slider-accueil span.titre {top: 20px;}
        #slider-accueil span.text {top: 60px;}
        .nav-vertical{font-size: 12px;}
        .bloc-vert{border-radius: 6px 6px 0 0;}
        .bloc-bleu{border-radius: 0 0 6px 6px;}
        .bloc-vert,.bloc-bleu{padding: 20px; min-height: 250px;}
        .form-inline .form-control.selecter{width: 100%; border-radius: 4px;}
        .form-rech button.submiter {border-radius: 4px; margin-top: 7px;}
        .thumbnail {min-height: 0; }
        .form-inline.form-rech-col select.form-control{  width: 70%;  }
    }
    @media only screen and (max-width : 768px) {
        #slider-accueil{display: none}
        .logo-xs{text-align: center; margin-bottom: 30px;}
        .header .media-body{border: none;}
        .header{padding-top: 20px;}
        .header .header-top{margin-bottom: 15px;}
        .navbar-default .navbar-toggle .icon-bar{background-color: #FFF;}
        .content-page {margin: 10px 0;}
        .sousnav-vertical{left:0; top:0;}
        .nav-vertical-opqibi li a{padding: 2px 15px;}
        .navbar-nav{margin: 0;}
        .navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #FFF;}
        .navbar-second{padding: 0;}
        .navbar-second .navbar-toggle {background-color: #ECECEC; margin-right: 0;}
        .form-inline.form-rech-col select.form-control {display: inline-block;}
    }
    @media only screen and (max-width : 480px) {}
    @media only screen and (max-width : 320px) {}