/*!
* Preboot v2
*
* Open sourced under MIT license by @mdo.
* Some variables and mixins from Bootstrap (Apache 2 license).
*/
/**** Responsive****/
/**** Mode 380px ****/
@media only screen and (max-width : 380px){ 

  body{
    overflow-x: hidden;
  }
  #main #page-title h1{
    font-size: 2.5rem;
  }
  #main {
    max-width: 380px;
    padding: 0px 15px 15px;
    width: auto;
  }
  .region-after-content {
    padding: 0px 15px 15px;
  }
  #footer .region{
    max-width: 380px;
    padding: 0 10px;
    text-align: center;
  }
  #navigation{
    width: auto;
  }
  #nav{
    width: 44px;
  }
  #nav span{
    width: 18px;
    margin: 0 auto;
    display: block;
    padding-left: 0px;
    text-indent: -9999px;
  }

  /*-- Logo Mobile --*/
  #page #header #logo{
    text-align: center;
    width: 15%; 
    margin:0 auto;
    height: 100%;

  }
  
  .bx-wrapper .bx-controls {
    top: 28px;
  }

  #webring .region-webring{
    width: 245px;
  }
  #block-search-form #search-block-form,
  #webring .region-webring .block.block-search form > div {
    width: 161px !important;
  }
  #webring .region-webring .block.block-search form .form-item input{
    width: 124px;
  }
  .panels-zengrid-region-inside h2.pane-title label.picto,
  .panels-zengrid-region-inside h2.pane-title label.picto.none{
    padding-left: 5px;
  }
  .panels-zengrid-region-inside h2.pane-title {
    margin-top:10px;
  }

  /*-- Désactive 2 blocs fantomes en mobile qui créent un espace en le slider et le bloc "affichage"--*/
  #panel-zengrid-1-row-row-1,
  #panel-zengrid-1-row-53{display: none;}
  /*--------------------------------------------------------------------------------------------------*/

  /** slide home **/
  #box-slide-info{
    position: relative;
    padding: 15px;
  }
  #box-slide-info h3{
    text-align: center;
    padding-right: 0px;
  }
  #box-slide-info #slider-home-nav{
    position: inherit;
    right: inherit;
    top: inherit;
    text-align: center;
    margin-bottom: 10px;
  }
  /***/
  .node-type-webform fieldset{
    padding: 0 10px;
  }
  .node-type-webform .node-webform .form-item label{
    margin-bottom: 5px;
  }
  .node-type-webform .node-webform .form-item .form-text{
    max-width: 280px;
  }
  .form-textarea-wrapper textarea{
    max-width: 280px;
  }
  .node-type-webform fieldset.collapse-processed legend a{
    max-width: 264px;
  }
  .node-collection-object .module-collections a{
    margin-bottom: 10px;
  }
  #page .breadcrumb-container{
    padding-left: 10px;
  }
  .page-accueil .breadcrumb-container{
    display:none;
  }
  .page-accueil #panel-zengrid-1-row-53,
  .page-accueil #panel-zengrid-1-row-row-1{
   display:none;
  }
  .node .field.field-name-body {
    padding: 0 10px;
  }
  .group-sharing{
    position: inherit;
    bottom: inherit;
  }
  a.backtolist{
    margin-left: 0px;
  }

  .fields{overflow: hidden;}

  .view-filters{
    background: none;
    padding: 0;
  }
  .view-filters .fields-left,  .view-filters .fields-right{
    background-color: #F0EFEC;
    padding: 15px 15px 15px 25px;

  }
  .view-filters .fields-left{
    width: 100%;
  }
  .view-filters .fields-left , .view-filters .fields-left:before, .view-filters .fields-left:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  }
  .view-filters .fields-right{
    margin-top: 15px;
  }

  .view-filters label{
    margin-bottom: 10px;
  }
  .view-filters .fields-left label{
    width: 100%;
    margin-right: 0px;
    border-bottom: 1px solid #d2d0d1;
    padding-bottom: 15px;
    background: url("../img/btn_filter_mobile.jpg") no-repeat scroll right top ;
    cursor: pointer;
  }
  .view-filters .fields-left .form-item{
    display: none;
  }
  .view-filters .fields-left.open label{
    background: url("../img/btn_filter_mobile.jpg") no-repeat scroll right -22px ;
  }
  .view-filters .fields-left.open .form-item{
    display: block;
    margin-right: 0px;
  }
  .view-filters #edit-date-filter-value-wrapper, .view-filters .form-item{
    width: 100%;
    margin-bottom: 10px;
  }
  .view-filters .form-item.form-type-select{
    margin-bottom: inherit;
    width: auto;
  }

  .view-filters .view-mosaic, .view-filters .view-list{
    display: none;
  }
  .view-display-id-page_1.view-page-mosaic .view-filters .view-mosaic, .view-display-id-agenda.view-page-mosaic .view-filters .view-mosaic{
	  display: inline-block;
	  margin-bottom: 10px;
  }
  .view-display-id-agenda.view-page-mosaic .view-filters .view-mosaic{
	  background-position: left top;
  }
  .view-page-mosaic .view-filters .view-agenda{
	  margin-bottom: 10px;
  }
    .view-display-id-page_1.view-page-mosaic .view-filters .view-agenda{
	  margin-bottom: 10px;
  }
  .new-select{
    margin-bottom: 10px;
  }
  .new-select .select{
    min-width: 200px;
  }
  .view-page-mosaic .views-row{
    width: 100%;
  }

  /** **/
  .page-node .field-name-body{
    padding: 0 10px;
  }
  /** page objet selection**/
  .node-collection-object .module-collections label{
    padding-bottom: 10px;
  }
  .group-material-origin, .object-artist, .group-dimensions{
    width: 100%;
    display: block;
    padding-left: 0;
    background: none;
    border-bottom: 1px solid #d2d0d1;
    padding-bottom: 15px;
  }
  .object-artist, .group-dimensions{
    padding-top: 15px;
  }
  .node-collection-object .module-sharethis, .node-collection .module-sharethis{
    margin-right: 10px;
  }

  /** page list**/
  .view-page-list .views-row{
    padding: 0 10px;
  }
  .view-page-list .views-row .view-mode-page_list .img-a-la-une-row{
    display: none;
  }
  .view-mode-page_list .field-group-div {
    width: 100%;
  }
  
  /** page 404 **/
  .search404 , .search404:before, .search404:after,
  .btn404 , .btn404:before, .btn404:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  }
  .search404, .btn404{
    width: 100%;
    padding: 0 10px 40px 10px;
  }
  .search404 .form-item{
    width: 85%;
  }
  .search404 .form-item input{
    min-width: inherit;
    width: 100%;
  }
  .btn404 a{
    min-width: 200px;
    background-position: 96% center;

  }
  .btn404 a:first-child{
    margin-right: 0px;
    margin-bottom: 15px;
    padding: 10px 14px 11px 36px;
    background: url("../img/bg_button_left.png") no-repeat  4% center;
  }
  /** mode-box wysywig**/
  .field-name-body .embed .view-mode-box_1_x_1,
  .field-name-body .embed .view-mode-box_1_x_2,
  .field-name-body .embed .view-mode-box_2_x_2,
  .field-name-body .embed .view-mode-box_1_x_3, 
  .field-name-body .embed .view-mode-box_2_x_3,
  .field-name-body .embed .view-mode-box_1_x_4{
    width: 100%;

  }
  .field-name-body .embed .view-mode-box_1_x_4 img{
    height: 176px;
  }

  /** footer **/
  #footer #footer-menu li , #footer #footer-menu li:before, #footer #footer-menu li:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  }
  #footer #footer-menu li{
    line-height: 2em;
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 10px;
  }
  #footer #footer-menu li:nth-child(2n+1){
    border: 0 none;
    padding-left: 0;
  }
  /****/
  .view-mode-box_2_x_6 .diaporama-thumb,
  .view-mode-box_2_x_4 .diaporama-thumb,
  .view-mode-box_2_x_3 .diaporama-thumb{
    display: none;

  }
  /** slide mode display_frise**/
  .display_frise .collection-para-object{
    min-width: 714px;

  }
  #panel-webring .content .col ul{
    width: 100%;
    margin-left: 0 !important;
  }

  #footer .region-footer .block{
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;

  }

  #footer .region-bottom  .block-imageblock{
    width: 30%;
    text-align: center;
    margin: 0 0 15px 0;
    display: inline-block;
    float: none;
  }
  #footer .region-footer-partner{
    border-top: 1px solid #E8E8E8;
    padding-top: 15px;
  }

  /* bug 8874*/
  .region-header .bx-wrapper .bx-viewport,
  .region-header .bx-wrapper .bx-viewport img{
    height: 80px !important;

  }


  /** **/
  #footer .region-bottom #block-scn-rmngp-blocks-scn-rmngp-bottom-select-museums{
    float: none;
    margin: 0;
  }

  /** Region after content **/
  .region.region-after-content .block-panels-mini {
    width: 100%;
    margin: 0 auto !important;
    display: block;
  }

  .node-type-webform .node-webform .webform-component-textarea.form-item{
    padding-left: 10px;
  }
  .node-type-webform #edit-actions #edit-submit{
    width: 100%;
  }
  .node-type-webform .node-webform .form-item{
    margin: 3px 0;
  }
  .node-type-webform .node-webform .form-checkboxes{
    width: 100%;
  }
  .node-type-webform .node-webform .form-checkboxes .form-item label{
    width: auto;
    min-width: 75px;

  }
  .node-type-webform .node-webform .form-checkboxes .form-item{
    margin: 3px 0;
    width: auto;
    float: left;
  }
  .node-type-webform .node-webform .form-radios .form-item{
    margin: 0 10px 15px 0;
  }
  .node-type-webform .new-select{
    margin-bottom: 15px;
    width: 256px;
  }
  .node-type-webform .new-select .select{
    width: 235px;
  }
  .node-type-webform .node-webform .form-textarea-wrapper{
    width: 92%;
  }
  .node-type-webform fieldset.collapsed{
    padding: 0 10px;
  }

  .field-name-body blockquote{
    margin: 0 auto;
    padding: 0 10px;
  }
  .field-name-body blockquote p{
    text-align: center;
    padding: 60px 0;
  }
  .field-name-body blockquote:before{
    left: 0;
  }
  .view-page-mosaic .views-row .ds-1col{
    min-height: 275px;
  }

  #webring .region-webring #block-scn-rmngp-blocks-scn-rmngp-button-accessibility.block li{
    width: 59px;
  }
  #webring .region-webring #block-scn-rmngp-blocks-scn-rmngp-button-sharing.block a{
    width: 38px;
  }

  .node-event .group-description-bloc .group-sharing .module-sharethis,
  .node-event .group-description-bloc .group-sharing .btn-fcbk-link,
  .node-event .group-description-bloc .group-sharing .btn-contact-link,
  .node-event .group-description-bloc .group-sharing .btn-billetterie,
  .node-type-news .group-description-bloc .group-sharing .module-sharethis,
  .node-type-news .group-description-bloc .group-sharing .btn-fcbk-link,
  .node-type-news .group-description-bloc .group-sharing .btn-contact-link,
  .node-type-news .group-description-bloc .group-sharing .btn-billetterie{
    /*width: 100%;*/  
    margin: 10px 0;

  }

  /* bug 9527*/
  .view-page-mosaic .views-row{
    height: auto;
  }
  /** bug 9544**/
  .group-description-bloc .module-info-title{
    line-height: 2.2rem;
  }
  .page-newsletter #edit-subscribe, .page-newsletter #edit-unsubscribe{
    width: 100%;
    margin-right: 0;
    margin-left: 0px;
  }
  .node-news.view-mode-full .group-top-content, .node-event.view-mode-full .group-top-content{
    display: block;
  }
  .group-sharing .module-sharethis , .group-sharing .module-sharethis:before, .group-sharing .module-sharethis:after{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  }
  .node-news.view-mode-full .group-top-content .group-description-bloc,
  .node-news.view-mode-full .group-top-content .group-description-bloc:before,
  .node-news.view-mode-full .group-top-content .group-description-bloc:after,
  .node-event.view-mode-full .group-top-content .group-description-bloc,
  .node-event.view-mode-full .group-top-content .group-description-bloc:before,
  .node-event.view-mode-full .group-top-content .group-description-bloc:after{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  }
  .node-news.view-mode-full .group-top-content .group-description-bloc,
  .node-event.view-mode-full .group-top-content .group-description-bloc{
    padding: 15px 10px 55px 10px;
  }
  .block-sharethis{
    width: 90%;
  }
  .group-dimensions{
    border:none;
  }

  /** **/
  .object-thumb-gallery{
    display: none;
  }
  .group-gallery .object-gallery-img img{
    width: 75%;
  }
  .group-gallery .object-gallery-img .infos{
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    top: inherit;
    bottom: 0;
  }
  .group-gallery .bx-controls .bx-prev, .group-gallery .bx-controls .bx-next{
    bottom: 0;
    top: inherit;
  }

  .view-mode-box_2_x_2.node-diaporama .content-diaporama,
  .view-mode-box_2_x_3.node-diaporama .content-diaporama,
  .view-mode-box_2_x_6.node-diaporama .content-diaporama{
    height: auto;
  }
  .view-mode-box_2_x_2.node-diaporama .content-diaporama li,
  .view-mode-box_2_x_2.node-diaporama .content-diaporama li img,
  .view-mode-box_2_x_3.node-diaporama .content-diaporama li,
  .view-mode-box_2_x_3.node-diaporama .content-diaporama li img .view-mode-box_2_x_6.node-diaporama .content-diaporama li,
  .view-mode-box_2_x_6.node-diaporama .content-diaporama li img{
    height: auto;
  }
  .page-content .diaporama .infos,
  .page-content .content-diaporama .bx-controls-direction a{
    top: inherit;
    bottom:0;
  }
  .block-sharethis{
    left: 0;
    width: 100%;
    min-width: inherit;
    margin-left: inherit;
    z-index: 99;
  }
  .block-sharethis span{
    margin-left: 0px;
    margin-top: 3px;
  }

  .group-timeline .prev, .group-timeline .next{
    height: 40px;
  }

  /*
   *    AGENDA
   */
  
  .view-filters .fields-left .form-item.form-type-select{
    width: auto;
  }
  .view-filters .fields-left .form-item.form-type-select .form-select{
    width: auto;
  }
  .view-filters .fields-left .form-item.form-type-select span.select{
    width: auto;
  }

  .programmation-grid .content ul li div.resp-evts > div > div > div.img-a-la-une{
    display: none;
  }
  .programmation-grid .content ul li div.resp-day, .programmation-grid .content ul li div.resp-evts{
    display: block;
  }
  .programmation-grid .content ul li div.resp-evts{
    padding: 0;
    width: 98%;
    margin: 0 auto;
  }
  .programmation-grid .content ul li div.resp-day{
    line-height: 33px;
    width: 90%;
    margin: 0 auto;
  }
  .programmation-grid .content ul li > div > div.item-last{
    border: none;
  }
  .programmation-grid .content ul li div.group-overflow.field-group-div {
    padding: 5px 12px 12px 0;
  }
  .programmation-grid .content .days > ul > li{
    width: 100%;
    margin: 0 auto;
    padding-right: 1px;
  }
  .programmation-grid .content .days .field.field-name-body{
    padding-left: 0;
  }
  .programmation-grid .content .days ul li > div:first-child{
    margin-top: 10px;
  }
  .programmation-grid .content ul li .resp-evts > div{
    margin-bottom: 0;
  }
  .programmation-grid .content ul li .resp-day .itemday, .programmation-grid .content ul li .resp-day .itemmonth{
    display: inline;
  }
  .programmation-grid .content ul li .resp-day .itemday{
    padding-bottom: 0;
  }

  /** Fiche artiste **/
  .vocabulary-artistes .field-name-field-image {
    margin-bottom: 20px;
  }

  .vocabulary-artistes .field-name-field-image, .vocabulary-artistes .group-overflow {
    display: block;
    width: 100%;
  }

  .search-results .search-snippet-info {
    width: 100%;
  }

  .search-form input[type="text"],.search-form input[type="submit"] {
    width: 100%;
  }

  .form-checkboxes .form-item, .form-radios .form-item {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 10px;
  }

  .form-checkboxes .form-item, .form-radios .form-item {
    margin: 0;
    margin-bottom: 12px !important;
    display: block;
    text-align: left;
    float: left;
    clear: both;
  }
}