/*-----------------------------------------------------------------------------------*/
/* RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (max-width:1200px){}
@media (max-width:1200px) and (min-width:1100px){
  .navbar-default .navbar-nav > li > a{
    padding:0px 6px 8px 6px;
  }
}
@media (max-width:1100px) and (min-width:992px){
  .navbar-default .navbar-nav > li > a{
    padding:0px 6px 8px 6px;
  }
  .menu-grand-public h2{
    display:none;
  }
}
@media (max-width:992px){
  .navbar-header{
    width:100%;
    position:relative;
  }
  .navbar{
    border-bottom:1px solid #778188;
  }
  .navbar-collapse.collapse{
    display:none!important;
    overflow:visible!important;
  }
  .navbar-collapse.in{
    display:block!important;
    overflow:visible!important;
  }
  .navbar-toggle{
    display:block;
    z-index:999;
    margin:0;
    border-radius:0;
    border:1px solid #fff;
    background:#778188;
    position:absolute;
    right:15px;
    top:24px;
  }
  .navbar-toggle .icon-bar{
    color:#fff;
    border:1px solid #fff;
  }
  .navbar-nav > li{
    float:none;
  }
  .navbar-default .navbar-collapse.in ul{
    width:100%;
  }
  .navbar-default .navbar-collapse.in ul li{
    float:none;
    clear:both;
    width:100%;
    display:block;
  }
  .navbar-default .nav > li.menu-mon-compte{
    display:block;
  }
  .navbar-default .navbar-nav > li > a{
    font-size:1.2em;
    font-weight:400;
    padding:5px 15px;
    color:#778188;
    display:block;
  }
  .navbar-default .navbar-nav li.active-trail a.active-trail{
    padding:5px 30px;
  }
  .navbar-default .navbar-nav li.active-trail ul.dropdown-menu li.active-trail a.active-trail,
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
    padding:6px 12px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, 
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
    color:#778188;
    background-color:transparent;
  }
  .navbar-default .navbar-nav li.active-trail ul.dropdown-menu a.active-trail{
    color:#778188;
  }
  .header-top-nav{
    position:static;
    top:inherit;
  }
  .header-top-nav .pull-right{
    float:none !important;
  }
  .navbar-default .open .caret,
  .navbar-default .active-trail .caret{
    display:inline-block;
    position:absolute;
    left:12px;
    top:10px;
    border-top:6px solid transparent;
    border-bottom:6px dashed transparent;
    border-right:6px dashed transparent;
    border-left:6px solid #778188;
  }
  .navbar-nav > li > .dropdown-menu,
  .navbar-default .navbar-collapse.in ul.dropdown-menu{
    background:#dddddd;
  }
  .dropdown-menu{
    position:relative;
    top:0;
  }
  .dropdown-menu > li > a{
    color:#778188;
  }


  .user-menu .nav > li > a{
    padding:0 5px;
    font-size:0.9em;
  }
  .btn{
    word-wrap:break-word;
    white-space:inherit;
  }
  .addtoany_list > a:last-child{
    padding:0;
  }
  .addtoany_list a span.a2a_label{
    display:none;
  }
  .tab-content .views-tab-item{
    width:48%;
    padding:8px;
  }
  .first-sidebar-bar, .second-sidebar-bar{
    float:none;
    border:0 none;
  }
  #docsDownload .row-fluid{
    display:inline-block;
    width:49%;
    padding:5px;
    background:#eee;
    border:0 none;
  }
  .views-item-docs{
    float:left;
    width:46%;
  }
  h2.block-title-menu-display-active{
    background:#777;
    color:#fff;
    padding:5px 5px 5px 30px;
    position:relative;
    cursor:pointer;
  }
  h2.block-title-menu-display-active:before{
    position:absolute;
    content:"+";
    left:10px;
  }
  h2.block-title-menu-display-active:after{
    position:absolute;
    content:"=";
    right:10px;
  }
  h2.block-title-docsDownload-display-active{
    background:#777;
    color:#fff;
    padding:5px 5px 5px 30px;
    position:relative;
    cursor:pointer;
  }
  h2.block-title-docsDownload-display-active:before{
    position:absolute;
    content:"+";
    left:10px;
  }
  h2.block-title-docsDownload-display-active:after{
    position:absolute;
    content:"=";
    right:10px;
  }
  h2.block-title-link-display-active{
    background:#777;
    color:#fff;
    padding:5px 5px 5px 30px;
    position:relative;
    cursor:pointer;
  }
  h2.block-title-link-display-active:before{
    position:absolute;
    content:"+";
    left:10px;
  }
  h2.block-title-link-display-active:after{
    position:absolute;
    content:"=";
    right:10px;
  }
  h2.block-title-menu-contact-display-active{
    background:#777;
    color:#fff;
    padding:5px 5px 5px 30px;
    position:relative;
    cursor:pointer;
  }
  h2.block-title-menu-contact-display-active:before{
    position:absolute;
    content:"+";
    left:10px;
  }
  h2.block-title-menu-contact-display-active:after{
    position:absolute;
    content:"=";
    right:10px;
  }
  .second-sidebar-bar .block{
    margin-top:20px;
  }
  .second-sidebar-bar #block-menu-block-2.block {
    padding-bottom:0;
  }
}
@media (max-width:992px) and (min-width:768px){
  .user-menu .nav > li > a{
    padding:0 5px;
    font-size:0.9em;
  }
}
@media (max-width:860px){
  .accordion .field-name-field-lien .link-url, .accordion .field-name-field-lien .link-title{
    width: 100%;
    display: block;
    text-align: left;
  }
}
@media (max-width:768px){
  #block-block-3 h3{
    width: 290px;
    bottom: 25px;
  }
  #block-block-3 img{
    height: 100% !important;
  }
  .front .view-liste-des-membres .view-content{
    width: 100%;
  }
  #block-block-5 .block-hover{
    top: 50%;
  }
  .picto-calendar .jour{
    position: absolute;
    left: -15px;
    top: 0;
  }
  .img-event-wrapper{
    margin: 0;
  }
  .navbar-toggle{
    top:10px;
    right:10px;
  }
  .share.rteright{
    text-align:left;
  }
  .block-share .btn:first-child{
    margin:0 5px 0 0;
  }
  .user-menu .nav > li > a{
    padding:0 4px;
    font-size:0.9em;
  }
  .nav-tabs.nav-justified>li{
    float:none;
    display:table-cell;
    width:1%
  }
  .tab-content .views-tab-item{
    width:100%;
    padding:5px;
  }
  .navbar-nav{
    margin:0;
  }
  .navbar-collapse.collapse{
    overflow:visible !important
  }
  .sidebar-second #article-content, .page-taxonomy-term #article-taxonomy-content{
    border:0 none;
  }
  .flex-caption{
    position:relative;
    max-width:100%;
  }
  .main-slider .slides h2{
    font-size:1em;
  }
  .main-slider .flex-control-nav{
    display:none;
  }
  .thumbnail .caption{
    display:none;
  }
  #block-block-1 p.rteright{
    text-align:center;
  }
  .second-sidebar-bar .block{
    margin-top:15px;
  }
}
@media (max-width:620px){
  #docsDownload .row-fluid{
    width:100%;
  }
  .views-item-docs{
    float:none;
    width:98%;
  }
}
@media (max-width:570px){
  .view-display-id-page_1{
    width: 100%;
    margin-bottom: 50px;
  }
  .navbar-toggle{
    top:10px;
    right:10px;
  }
  .front .wrapper-container, .not-front .wrapper-container{
    padding-top:65px;
  }
  .user-menu .nav > li > a{
    padding:0 4px;
    font-size:0.9em;
  }
  .region-content .item-collection-box{
    height:auto;
    padding:5px;
  }
  body.sidebar-second #block-article .col-1 img, body.custom_block_turin #block-article .col-1 img {
    width: 100%;
    max-width: 100%;
  }
  .first-sidebar-bar .block h2, .second-sidebar-bar .block h2{
    font-size:1.1em;
  }

  .region-content .item-collection-legende h3{
    font-size:0.8em;
    padding:2px;
    line-height:1.2em;
  }
  #paragraphe-5 .field-name-field-contenu ul li{
  	display: block;
  }
  #block-block-4 ul.list-fa{
    padding: 10px;
  }
}
@media (max-width:420px){
  .navbar-toggle{
    top:10px;
    right:10px;
  }
  .front .wrapper-container, .not-front .wrapper-container{
    padding-top:60px;
  }
  #paragraphe-5 .field-name-field-contenu ul li{
  	display: block;
  }
}