.tinynav { display: none }
select.tinynav {
  background-color: #F9FBFC;
  border: 1px solid #aaa;
  padding: 3px;
  color: #555;
}
/** 
 *  <1000px : ==780px== 
 **/

@media all and (max-width:1001px) {
  #page-wrapper {
    width: 780px;
    margin: 0 auto;
/*    border : 1px solid #FFAA31;*/
  } 
  /*
   * cols
   */
  #main .col-gutter-right{

    padding-right: 10px;
  }
  #main .col-gutter-left{

    padding-left: 10px;
  }
  #main .cols-1, #main .cols-2, #main .cols-3, #main .cols-4, #main .cols-5,
  #main .cols-6, #main .cols-7, #main .cols-8, #main .cols-9, #main .cols-10{

    float: left;
    display: inline;
  }
  #main .cols-1{  width:  58px; } /* 98*1  */
  #main .cols-2{  width: 156px; } /* 98*2  */
  #main .cols-3{  width: 234px; } /* 98*3  */
  #main .cols-4{  width: 312px; } /* 98*4  */
  #main .cols-5{  width: 390px; } /* 98*5  */
  #main .cols-6{  width: 468px; } /* 98*6  */
  #main .cols-7{  width: 546px; } /* 98*7  */
  #main .cols-8{  width: 624px; } /* 98*8  */
  #main .cols-9{  width: 702px; } /* 98*9  */
  #main .cols-10{ width: 780px; } /* 98*10 */

  #main .cols-1.col-gutter-left,
  #main .cols-1.col-gutter-right{  width:  68px; } /* 98*1  - 20 */
  #main .cols-2.col-gutter-left,
  #main .cols-2.col-gutter-right{  width: 146px; } /* 98*2  - 20 */
  #main .cols-3.col-gutter-left,
  #main .cols-3.col-gutter-right{  width: 224px; } /* 98*3  - 20 */
  #main .cols-4.col-gutter-left,
  #main .cols-4.col-gutter-right{  width: 302px; } /* 98*4  - 20 */
  #main .cols-5.col-gutter-left,
  #main .cols-5.col-gutter-right{  width: 380px; } /* 98*5  - 20 */
  #main .cols-6.col-gutter-left,
  #main .cols-6.col-gutter-right{  width: 458px; } /* 98*6  - 20 */
  #main .cols-7.col-gutter-left,
  #main .cols-7.col-gutter-right{  width: 536px; } /* 98*7  - 20 */
  #main .cols-8.col-gutter-left,
  #main .cols-8.col-gutter-right{  width: 614px; } /* 98*8  - 20 */
  #main .cols-9.col-gutter-left,
  #main .cols-9.col-gutter-right{  width: 692px; } /* 98*9  - 20 */
  #main .cols-10.col-gutter-left,
  #main .cols-10.col-gutter-right{ width: 770px; } /* 98*10 - 20 */
  
  #main .cols-right {
    float:right;
  }
  
  .panel-default-full {
    padding-right: 0px;
  }

  html body.admin-menu {
    margin-top: 61px !important;
  }

  #main-menu>li>a {
    width: 60px;
  }
  #main-menu>li>a>span {
    width: 60px;
    font-size: .8em;
  }
  #search-block-form .container-inline input[type="text"] {
    width: 150px;
  }
  #subhead {
    width : 780px;
  }
  #footer #footer-inner {
    width: 780px;
  }
  .region-header-right .container-inline .container-inline{
    float: right;
    margin-bottom: 10px;
  }
/*
  #search-block-form .container-inline input[type=text],
  .region-header-left .container-inline #edit-actions{
    position: absolute;
  }

  #search-block-form .container-inline input[type=text]{ right: 34px; }
  .region-header-left .container-inline #edit-actions{ right: 6px; }
*/
  .region-footer-left{
    padding: 2px 14px 5px 0px;
  }
  .region-footer-top{
    width: 530px;
  }
  .region-footer-bottom{
    width: 510px;
  }
  .region-footer-top .menu li{
    margin: 0 5px;
  }
  .region-footer-bottom .menu{
    width: 160px;
    padding: 8px 0px 15px 10px;
  }

  .view-agenda-accueil #agenda_accueil_filter_by_link>li {
    width: 92px;
  }

  .view-actualites-accueil .item-list>ul>li {
    width: 239px;
    height: 81px;
  }
  
  .date-nav-wrapper .pager .date-prev {
    left: 253px;
  }
  .date-nav-wrapper .pager .date-next {
    right: 278px;
  }

  
  .view.calendar-mini {
    width: 234px;
  }
  
  
  body.page-bibliotheque #subhead {
    width: 726px;
  }
  
  #concerte-file-biblio-form #edit-base {
    margin-top: -102px;
  }
  
  #concerte-file-biblio-form #edit-archivew {
    width: 90%;
  }
  
  #concerte-file-biblio-form #edit-date-content>.form-item-date-choice>label {
    height:auto;
  }
  
  #concerte-file-biblio-form table.data-table tr th.ico {
    width: 4%;
  }
  
  #concerte-file-biblio-form .legend1{
    width: 90%;
    
  
    margin: 11px auto 0;
}
  
  #user-register-form {
    width: 100%;
  }
  
  .evt-col {
    width:65%;
  }
  
}
/**
 *  < 800px : ==580px== 
 */
@media all and (max-width:801px) {
  #page-wrapper {

    width: 580px;
    margin: 0 auto;
    padding-top: 30px;
  }
  
  #header-center{

    text-align: left !important;
    margin-left: 250px;
  }
  #header #logo{

    margin-left: 20px;
  }
  #header-right{
    padding: 10px 0 0 10px;
    right: auto;
    left: 0;
  }
  #main-menu > li > a{

    height: 55px;
    margin-top: 40px;
  }
  #main-menu > li > a > span{

    height: 55px;
  }

  .region-header-right .container-inline .container-inline{
    margin-top: 20px;
  }
  
  /*
   * cols
   */
  #main .col-gutter-right{
    padding-right: 0px;
  }
  #main .col-gutter-left{
    padding-left: 0px;
  }
  #main .cols-1, #main .cols-2, #main .cols-3, #main .cols-4, #main .cols-5,
  #main .cols-6, #main .cols-7, #main .cols-8, #main .cols-9, #main .cols-10{
    float: left;
    display: inline;
  }

  #main .cols-1,
  #main .cols-2,
  #main .cols-3, 
  #main .cols-4,
  #main .cols-5,
  #main .cols-6, 
  #main .cols-7,
  #main .cols-8, 
  #main .cols-9, 
  #main .cols-10,
  #main .cols-1.col-gutter-left,
  #main .cols-1.col-gutter-right,
  #main .cols-2.col-gutter-left,
  #main .cols-2.col-gutter-right,
  #main .cols-3.col-gutter-left,
  #main .cols-3.col-gutter-right,
  #main .cols-4.col-gutter-left,
  #main .cols-4.col-gutter-right,
  #main .cols-5.col-gutter-left,
  #main .cols-5.col-gutter-right,
  #main .cols-6.col-gutter-left,
  #main .cols-6.col-gutter-right,
  #main .cols-7.col-gutter-left,
  #main .cols-7.col-gutter-right,
  #main .cols-8.col-gutter-left,
  #main .cols-8.col-gutter-right, 
  #main .cols-9.col-gutter-left,
  #main .cols-9.col-gutter-right,
  #main .cols-10.col-gutter-left,
  #main .cols-10.col-gutter-right,
  .panel-commission-left,
  .panel-commission-right
  { width: 100%; } 

  html body.admin-menu {
    margin-top: 0px !important;
  }
  
  #subhead {
    width : 525px;
  }

  #search-block-form .container-inline{
    display: inline;
    float: right;
  }
  .region-footer-left {
    padding: 2px 14px 5px 50px;
  }
  
  #footer-rte-logo {
    margin-bottom: 20px;
  }
  .region-footer-top{
    width: 540px;
  }
  .region-footer-top .menu {
    padding-top: 12px;
  }
  .view-agenda-accueil .views-exposed-form #agenda_accueil_filter_by_link>li {
    width: 110px;
  }
  
  .tinynav { 
    display: block 
  }

  #admin-menu-menu ,
  #admin-menu-icon ,
  #admin-menu-account,
  .toolbar-shortcuts ul.menu
  { 
    display: none 
  }
  
  .tinynav1 { display: none  } /* main menu ... */
  
  #admin-menu {
    position: relative;
    display: block;
    background: transparent;
    border: none;
    box-shadow: none;
  }
  #admin-menu-wrapper {
    width: 580px;
    margin: 5px auto;
  }
  
  #admin-menu .shortcut-toolbar{
    display:block;
    background : transparent;
    padding: 0;
  }
  #admin-menu .shortcut-toolbar #toolbar{
    width: 580px;
    box-shadow: none;
    margin: 5px auto;
    padding:0;
  }
  
  #admin-menu .shortcut-toggle {
    display: none;
  }
  
  .search-form {
    position:static;
  }
  .spelling-suggestions {
    position:static;
  }
  
  .date-nav-wrapper .pager .date-prev {
    left: 152px;
  }
  .date-nav-wrapper .pager .date-next {
    right: 178px;
  }
  
  .calendar-legend td.color_legend {
    width: 53px;
  }
  .view.calendar-mini {
    width: 400px;
    margin: 0px auto;
  }
  
  #main .pane-derniers-evenements h2.pane-title, 
  #main .pane-derniers-evenements-panel-pane-1 h2.pane-title {
    margin-left: 10px;
  }
  .view-derniers-evenements {
    margin-left: 40px;
  }
  
  body.page-bibliotheque #subhead {
    width: 526px;
  }
  
/*  #concerte-file-biblio-form .formboxgoinner {
    position: absolute;
    top: 757px;
    right: 28px;
  }*/
  #concerte-file-biblio-form #edit-base {
    margin-top: 0px;
  }
  #concerte-file-biblio-form .legend1 {
    width:auto;
  }
  #edit-name + div.description:hover,
  #edit-mail + div.description:hover{
    width: 140px;
  }

  .evt-col {
    width:80%;
  }
  
} 
/**
 *  < 600px : ==300px== 
 */
@media all and (max-width:601px) {
  
  body {
/*    background-color : #FFAA31;*/
  }
  
  #page-wrapper {
    width: 300px;
    padding-top: 90px;
    background-color : white;
  } 
  

  
  #main-menu .submenu a {
    font-size: 1.1em;
    line-height: 1.2em;
  }


  #user-login-form .container-inline input[type=text], 
  #user-login-form .container-inline input[type=password] {
    width: 84px;
  }
  input::-moz-focus-inner { border:0; padding:0 }
  
/*  #main-menu { display: none; }
  .tinynav1 { display: block;  }  main menu ... */
  
  #subhead {
    width : 245px;
    margin-top:15px;
  }
  #subhead #breadcrumb {
    padding: 0 0 8px;
  }

  .region-header-right .container-inline .container-inline{
    margin-top:0px;
  }
  
  .region-footer-top {
    width: 269px;
  }
  .region-footer-top .menu li {
    width: auto;
  }
  .region-footer-bottom {
    width: 240px;
  }
  .view-liste-des-membres .views-row {
    width:100%;
  }

  .region-footer-bottom .menu {
    width: 100%;
  }
  
  .region-footer-top .menu li.first {
    margin-left: 5px;
  }
  
  
  #search-block-form .form-text, #user-login-form .form-text, #search-form #edit-basic .form-text {
    font-size: 1.4em;
  }
  
  .view-agenda-accueil .views-exposed-form #agenda_accueil_filter_by_link>li ul>li a {
    line-height: 1.2em;
  }
  .view-actualites-accueil .item-list>ul>li {
    width: 95%;
    height: 66px;
  }
  .cols-7 .view-actualites.actualites-block .item-list>ul>li {
    width: 95%;
    min-height: 66px;
    margin-bottom: 10px;
  }
  
  #admin-menu-wrapper {
    width: 300px;
    padding: 0px;
  }
  #admin-menu-wrapper select {
    margin :5px 0;
  }
  #admin-menu .shortcut-toolbar #toolbar{
    width: 300px;
  }
  
  
  .agenda-popup-cal {
    width: 280px;
  }
  
  #search-form #edit-basic .form-text {
    width: 198px;
  }
  
  .date-nav-wrapper .pager .date-prev {
    left: 15px;
  }
  .date-nav-wrapper .pager .date-next {
    right: 39px;
  }
  
  .calendar-legend td.color_legend {
    width: 14px;
  }
  .calendar-legend td.color_legend div {
    width: 100%;
  }
  
  .calendar-calendar .month-view table {
    table-layout: fixed;
  }
  .calendar-calendar .year-view>table {
    display:block;
  }
  .calendar-calendar .year-view>table>tbody>tr {
    display:inline-block;
    float: left;
  }
  .calendar-calendar .year-view>table>tbody>tr>td,
  .calendar-calendar .year-view>table>tbody>tr>th {
    display:block;
    float: left;
    width:300px;
  }
  
  .view.calendar-mini {
    width: 100%;
    margin:0px;
  }
  .view-liste-des-membres #edit-sort-links {
    position: static;
  }
  .view-liste-des-membres .view-content {
    margin-left: 20px;
  }
  
  .page-concertations .view-concertations #filter_type_concertation {
    margin: 0px auto;
    width: 272px;
  }
  .page-concertations .view-concertations #filter_type_concertation li {
    height: 22px;
    padding: 8px 8px 0 8px;
    margin: 0 2px 0 0;
    font-size: 1.0em;
    line-height: 1.0em;
  }
  .page-concertations .view-concertations .views-submit-button {
    width: 100%;
    padding-right:0px;
  }
  
  .page-concertations .view-concertations #edit-term-node-tid-depth-wrapper {
    float: none;
  }
  .page-concertations #edit-term-node-tid-depth{
    display: block;
    margin:5px auto;
/*    width:50%;*/
  }
  .node-type-concertation .cols-7 .node-concertation div.content-supwrapper {
    margin-left: 5px;
  }
  .node-type-concertation .cols-7 .node-concertation .content-wrapper .commission{
    display : block;
  }
/*  select{
    -webkit-appearance: menulist-text;
    -webkit-appearance: listbox;
  }*/
  
  .content .field-name-body img{
    max-width : 280px !important; 
/*    height : calc !important;
    width: expression(this.width > 280 ? "280px" : true) !important; */
    width: auto !important;
    height: auto !important;
  }
  
  #image_accueil_message {
    background-size: contain;
  }
  
  #main form input[type=text] {
    width: 95%;
  }
  
  #edit-field-documents-und-table {
/*    width: 100%;*/
    table-layout: fixed;
    
  }
  #edit-field-documents-und-table th:first-child {
    width : 57%;
  }
  
  #edit-field-documents-und-table .description{
    white-space: normal;
  }
  
  
  body.page-bibliotheque #subhead {
    width: 246px;
  }
  
  #concerte-file-biblio-form table.data-table tr th.ico,
  #concerte-file-biblio-form table.data-table tr td.icone-fich { width: 8%; }
  #concerte-file-biblio-form table.data-table tr th.nom,
  #concerte-file-biblio-form table.data-table tr td.nom { width: 92%;}
  #concerte-file-biblio-form table.data-table tr th.type,
  #concerte-file-biblio-form table.data-table tr td.type  { width: 0%; display:none;}
  #concerte-file-biblio-form table.data-table tr th.com,
  #concerte-file-biblio-form table.data-table tr td.com  { width: 0%; display:none;}
  #concerte-file-biblio-form table.data-table tr th.tag,
  #concerte-file-biblio-form table.data-table tr td.tag  { width: 0%; display:none;} 
  #concerte-file-biblio-form table.data-table tr th.action,
  #concerte-file-biblio-form table.data-table tr td.action  { width: 0%; display:none; }
  
  #concerte-file-biblio-form .form-item-search input {
    width: 98%;
  }
  
  #concerte-file-biblio-form #edit-base {
    margin-top: 20px;
  }
  
  #concerte-file-biblio-form #edit-rech {
    margin-top: 0px;
    margin-right: 0px;
    float: none;
    width: 300px;
  }
  #concerte-file-biblio-form .form-item-search {
    padding:0px;
    float:none;
  }
  
/*  #concerte-file-biblio-form .formboxgoinner {
    position: absolute;
    top: 0px;
    right: 0px;
  }*/
  
  #concerte-file-biblio-form .legend1 {
    display:none;
  }
  
  
  table.data-table {
    table-layout: fixed;
  }
  table.data-table td {
    word-wrap: break-word;
  }
  
  table.data-table td div.div-file-name {
    height: auto;
    white-space: normal;
    word-wrap: break-word;
  }
  
  #edit-name + div.description, #edit-mail + div.description {
    display: block;
    position: relative;
  }
  
  
  .term-reference-tree-button, .no-term-reference-tree-button {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
  }
  .block .field-widget-term-reference-tree ul .form-item, .field-widget-term-reference-tree ul .form-item {
    width: 77%;
    display: inline-block;
    vertical-align: baseline;
  }
  
  ul.list_com_gt li ,
  ul.list_com_gt_archiv li {
    width : 90%
  }
  
  .bibliolarge .item-list {
    margin-right: 5px;
    width: 100%;
  }
  
  .concertations-gt .view-content>.item-list {
    width: 100%;
  }
  .list-split-wrap .item-list {
    width:auto;
  }
  #concerte-com-genere-block-gt-evt-form ul.node-list>li {
    width: 100%;
  }
  #block_gt_evt_container {
    float: none;
    /* margin-top : 10px; */ 
  }
  
  .evt-col {
    width:70%;
  }
  
}


/* ------------------------------------------------------------------------------------- */
/**                      Styling for user login block                                    */
@media (max-width: 601px) {
  #block-user-login .form-item,
  #block-user-login .form-actions {
    display: block;
  }
  #block-user-login form input[type="text"],
  #block-user-login form input[type="password"],
  #block-user-login form input.form-submit {
    display: block;
    width: 100%;
  }
}

/* ------------------------------------------------------------------------------------- */
/**                  			 Styling for User Edit pages                                   */

@media all and (max-width:801px) {
  .page-user div.password-confirm,
  .page-user #main .password-strength {
    position: relative;
    margin-top: 1.5em;
  }
}
@media (max-width: 601px) {
  .page-user .region-content {
    display: block;
  }

  .page-user .region-content .block {
    display: block;
    width: auto;
    padding: 0;
  }
}