@media (max-width: 1115px) {
  #filterList-body{
	overflow: initial !important;
  }
  
  .header-menu-user .info{
	display:none;
  }


  * {
    box-sizing: border-box !important;
  }
 
  html,
  body {
    overflow: visible !important;
  }

  .header-logo {
	background: none;
  }
  .logo-link2 {
   display: none; 
}

  .header{
	background: url(/modules/account/image/header-mobile.png) no-repeat 0 0 #fff;
  }

  .header-menu-user {
	  padding: 5px;
  }
  .header-menu-user h2 {
    color: #a0354f;
  }
  .header-menu{
	padding: 0px;
  }
  .overAll{
	position: absolute;
	right: 10px;
	bottom: 35px;
}
  .header-menu-user .button {
    float: right;
    padding: 10px;
    background: #81007F;
    -webkit-box-shadow: 2px 2px 5px #4f102d;
    box-shadow: 2px 2px 5px #4f102d;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
}
.header-menu-user div.button:hover {
    background: #660064;
}
.header-menu-user .button a, .header-menu-user .button a:visited {
    color: #ABC500;
    text-decoration: none;
    text-transform: uppercase;
}
  .header-menu-item {
	padding: 0 5px 5px 5px;
	margin-top: 0;
  }
  
  .header-menu-item li {
	padding: 2px 5px;
	box-shadow: 2px 2px 5px #808080;
	border-radius: 5px;
	background: #D0D0D0;
	margin: 6px 7px 0 0;
  }
  
  /* popup */
  .x-window-default {
    max-width: 100% !important;
    width: 80% !important;
    left: 10% !important;
    top: 220px !important;
    height: auto !important;
    max-height: 80% !important;
    overflow: scroll !important;
  }
  
  .x-window-header-default-top,
  .x-window-body-default,
  .x-window-body-default table,
  .x-window-default .x-toolbar {
    width: 100% !important;
    height: inherit !important;
    position: static !important;
    overflow: visible !important;
    padding-bottom: 5px;
  }
  .x-window-body-default table td:first-child {
    width: 35% !important;
  }
  .x-window-header-default-top{
	  border: none;
  }
  .x-window-header-body-default span{
	  padding: 5px;
  }

  .x-window-header-horizontal .x-window-header-body,
  .x-window-header-horizontal .x-window-header-body .x-box-inner,
  .x-window-header-horizontal .x-window-header-body .x-box-inner > div {
    width: 100% !important;
    position: static !important;
    height: inherit !important;
    overflow: visible !important;
  }

  .x-window-header-horizontal .x-window-header-body .x-box-inner > div .x-tool {
    position: absolute !important;
    right: 4px !important;
    top: 4px !important;
    left: initial !important;
  }

  .x-window-header-text-container {
    width: 100% !important;
    position: static !important;
    height: inherit !important;
    /*overflow: visible !important;*/
  }
  
  
  /* popup renommage */ 
  #renameFile {
    top: 40% !important;
    position: fixed !important;
  }
  .x-css-shadow{
	  display: none !important;
  }
  
  .x-form-item-label {
    width: initial !important;
  }
  .loginmarger{
	  width: 100% !important;
  }
  
  .x-message-box .x-box-inner,
  .x-message-box .x-box-inner > div,
  .x-message-box .x-box-inner > div .x-container {
    height: inherit !important;
    width: 100% !important;
    position: static !important;
    overflow: visible !important;
  }
  
  .x-message-box .x-window-icon{
	  display: none;
  }
  
  
  /* all */
  .x-tab-bar,
  .x-tab-bar-strip {
    position: static !important;
  }

  .x-panel,
  .x-panel > div{
    width: 100% !important;
    height: initial !important;
    overflow: visible !important;
    position: static !important;
  }
  .x-grid-view,
  .x-grid {
    width: 100% !important;
    position: static !important;
  }
  
  #main-body,
  #main-body > div {
    width: 100% !important;
    top: 0 !important;
    overflow: visible !important;
  }
  
  .x-tab-bar-strip-default-horizontal,
  .x-tab-bar-body {
  	width: 100% !important;
  }
  
  .x-toolbar-item {
    position: static !important;
  }
  
  /* liste des candidatures */
  #candidatures-body .x-grid-header-ct > div,
  #candidatures-body .x-grid-header-ct > div > div {
	  width: 100% !important;

  }

  #candidatures-body .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(1),
  #candidatures-body .x-grid .x-grid-table tr th:nth-child(1) {
	  width: 8% !important;
  }
  #candidatures-body .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(2),
  #candidatures-body .x-grid .x-grid-table tr th:nth-child(2) {  /* statut */
	  width: 15% !important;
	  left: 8% !important;
  }
  #candidatures-body .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(3),
  #candidatures-body .x-grid .x-grid-table tr th:nth-child(3) {  /* ref offre */
	  width: 14% !important;
	  left: 23% !important;
  }
  #candidatures-body .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(4),
  #candidatures-body .x-grid .x-grid-table tr th:nth-child(4) {  /* partenaire */
	  width: 11% !important;
	  left: 37% !important;
  }
  #candidatures-body .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(5),
  #candidatures-body .x-grid .x-grid-table tr th:nth-child(5) {  /* type */
	  width: 11% !important;
	  left: 48% !important;
  }
  #candidatures-body .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(6),
  #candidatures-body .x-grid .x-grid-table tr th:nth-child(6) {  /* loyer */
	  width: 11% !important;
	  left: 59% !important;
  }
  #candidatures-body .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(7),
  #candidatures-body .x-grid .x-grid-table tr th:nth-child(7) {  /* surface */
	  width: 11% !important;
	  left: 70% !important;
  }
  #candidatures-body .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(8),
  #candidatures-body .x-grid .x-grid-table tr th:nth-child(8) {  /* ville */
	  width: 19% !important;
	  left: 81% !important;
  }
  
  #candidatures .x-toolbar,
  #candidatures .x-toolbar > div {
    width: 100% !important;
    position: static !important;
	height: initial !important;
    display: flex;
  }

  #candidatures .x-toolbar > div > div {
    justify-content: space-between;
	position: static !important;
    width: 100% !important;
    height: initial !important;
    display: flex;
}

  #candidatures .x-toolbar > div .x-box-item {
    display: inline-block;
	width: initial !important;
  }

  #candidatures .x-grid-view{
	  height: initial !important;
  }
  
 #candidatures .x-toolbar > div .x-box-item:nth-child(4), /* hide 'page' */
 #candidatures .x-toolbar .x-trigger-cell, /* hide nbpage selector */ 
 #candidatures .x-toolbar > div .x-box-item:nth-child(13) { /* hide "resultat par page" */
    display: none !important; 
  }
  
  #tbtext-1027,
  #tbtext-1034,
  #button-1037-btnEl{
    display: none !important; /* hide 'page' 'supprimer les filtres' and 'Résultats par page' in toolbar messages */
  }
  
  .x-toolbar input {
    min-width: 20px;
    max-width: 30px;
  }
  
  /* pieces justificatives */
  #tab-AttachmentsView-body .x-tabpanel-child .x-panel-body {
    display: flex;
    flex-direction: column;
	padding: 0px !important;
  }

  #tab-AttachmentsView-body #tab-attachment-form {
    order: 2;
  }
  #tab-AttachmentsView-body #tab-attachment-list {
    order: 1;
  }
  
  #tab-AttachmentsView-body .x-panel .x-box-inner,
  #tab-AttachmentsView-body .x-panel .x-box-inner > div {
    width: 100% !important;
  }

  #tab-AttachmentsView-body .x-panel .x-box-inner > div > div.x-column-header:nth-child(1),
  #tab-AttachmentsView-body .x-panel .x-grid-table th:nth-child(1){
	  width: 70% !important;
  }
  #tab-AttachmentsView-body .x-panel .x-box-inner > div > div.x-column-header:nth-child(2){
	  left: 70% !important;
	  width: 30% !important;
  }
  #tab-AttachmentsView-body .x-panel .x-grid-table th:nth-child(2){
	  width: 23% !important;
  }
  #tab-AttachmentsView-body .x-panel .x-grid-table th:nth-child(3){
	  width: 7% !important;
  }
  #tab-AttachmentsView-body .x-panel .x-box-inner > div > div.x-column-header:nth-child(3){
	  display : none;
  }

  #tab-AttachmentsView-body .x-grid-view{
	  height: initial !important;
  }
  
  #tab-AttachmentsView-body .x-grid-row {
    display: table-row !important;
  }

  .attachment-box {
	width: 100% !important;
  }

  .attachment-box .x-box-item {
    position: absolute !important;
  }

  .attachmentBox {
    box-shadow: none;
  }
  
  .attachmentBox .x-btn {
    margin-left: 0 !important;
  }

  .form-data .fieldset dt {
    width: 50% !important;
  }

  .x-grid-table {
    /*table-layout: initial !important;*/
    width: 100% !important;
  }
 
  .x-grid-cell-inner {
	  padding: 2px; 
  }
 
 
  /* candidature */
  #tab-candidature-body {
	  display: flex;
	  flex-direction: column;
  }
  .tab-DossierDetail {
	order: 2;  
  }
  .tab-InfoMessage {
	order: 1;  
  }
  
  /* candidature > messages */
  .tab-candidature .messages .x-grid-header-ct,
  .tab-candidature .messages .x-grid-header-ct > div {
	  width: 100% !important;
  }
  
  .tab-candidature .messages .x-toolbar,
  .tab-candidature .messages .x-toolbar > div {
    width: 100% !important;
    position: static !important;
	height: initial !important;
    display: flex;
  }

  .tab-candidature .messages .x-toolbar > div > div {
    justify-content: space-between;
	position: static !important;
    width: 100% !important;
    height: initial !important;
    display: flex;
  }

  .tab-candidature .messages .x-toolbar > div .x-box-item {
    display: inline-block;
	width: initial !important;
  }
  
  .tab-candidature .messages .x-toolbar > div .x-box-item:nth-child(4), /* hide 'page' */
  .tab-candidature .messages .x-toolbar .x-trigger-cell, /* hide nbpage selector */ 
  .tab-candidature .messages .x-toolbar > div .x-box-item:nth-child(13) { /* hide "resultat par page" */
    display: none !important; 
  }
  
  /* mes candidatures */
  #tab-DossiersGrid .x-toolbar,
  #tab-DossiersGrid .x-toolbar > div {
    width: 100% !important;
    position: static !important;
	height: initial !important;
    display: flex;
  }

  #tab-DossiersGrid .x-toolbar > div > div {
    justify-content: space-between;
	position: static !important;
    width: 100% !important;
    height: initial !important;
    display: flex;
  }

  #tab-DossiersGrid .x-toolbar > div .x-box-item {
    display: inline-block;
	width: initial !important;
  }
  
  #tab-DossiersGrid .x-toolbar > div .x-box-item:nth-child(4), /* hide 'page' */
  #tab-DossiersGrid .x-toolbar > div .x-box-item:nth-child(13),/* hide "resultat par page" */
  #tab-DossiersGrid .x-toolbar .x-trigger-cell, /* hide nbpage selector */ 
  #tab-DossiersGrid .x-toolbar > div .x-box-item:nth-child(16){ /* supprimer les filtres */
    display: none !important; 
  }
  
  /* mes messages */
  #tab-MessagesGrid{
	width: 100% !important;
    position: static !important;
	height: initial !important;
    display: flex;
  }
  #tab-MessagesGrid .x-panel .x-box-inner,
  #tab-MessagesGrid .x-panel .x-box-inner > div {
    width: 100% !important;
  }
  
  #messagesContent-placeholder{
	position: static !important;
  }
  #tab-MessagesGrid .x-grid-row {
    display: table-row !important;
  }
  
  #tab-MessagesGrid .x-grid-view {
    min-height: 40px;
  }

  #tab-MessagesGrid .x-toolbar,
  #tab-MessagesGrid .x-toolbar > div {
    width: 100% !important;
    position: static !important;
	height: initial !important;
    display: flex;
  }

  #tab-MessagesGrid .x-toolbar > div > div {
    justify-content: space-between;
	position: static !important;
    width: 100% !important;
    height: initial !important;
    display: flex;
  }

  #tab-MessagesGrid .x-toolbar > div .x-box-item {
    display: inline-block;
	width: initial !important;
  }
  
  #tab-MessagesGrid .x-toolbar > div .x-box-item:nth-child(4), /* hide 'page' */
  #tab-MessagesGrid .x-toolbar > div .x-box-item:nth-child(13),/* hide "resultat par page" */
  #tab-MessagesGrid .x-toolbar .x-trigger-cell, /* hide nbpage selector */ 
  #tab-MessagesGrid .x-toolbar > div .x-box-item:nth-child(16){ /* supprimer les filtres */
    display: none !important; 
  }
  
  /* les offres */
  #filterList-body{
	overflow: initial !important;
  }
  #tab-OffersGrid{
	width: 100% !important;
    position: static !important;
	height: initial !important;
    display: flex;
  }
  #tab-OffersGrid .x-panel .x-box-inner,
  #tab-OffersGrid .x-panel .x-box-inner > div {
    width: 100% !important;
  }
  
  #tab-OffersGrid .x-grid-view {
	  min-height: 40px;
  }
	   
  #tab-OffersGrid .x-grid-row {
    display: table-row !important;
  }
  
  #tab-OffersGrid .x-toolbar,
  #tab-OffersGrid .x-toolbar > div {
    width: 100% !important;
    position: static !important;
	height: initial !important;
    display: flex;
  }

  #tab-OffersGrid .x-toolbar > div > div {
    justify-content: space-between;
	position: static !important;
    width: 100% !important;
    height: initial !important;
    display: flex;
  }

  #tab-OffersGrid .x-toolbar > div .x-box-item {
    display: inline-block;
	width: initial !important;
  }
 
  .x-window-default .x-toolbar .x-box-inner,
  .x-window-default .x-toolbar .x-box-inner > div{
	width: 100% !important;
  }
  
  /*delete some colums*/
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) > div > div,
  #tab-OffersGrid .x-grid .x-grid-table tr th { 
	  width: 12% !important;
  }


  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) > div > div:nth-child(1),  /* partenaire */
  #tab-OffersGrid .x-grid .x-grid-table tr td:nth-child(1),
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(1),
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) > div > div:nth-child(2), /* reference */
  #tab-OffersGrid .x-grid .x-grid-table tr td:nth-child(2), 
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(2),
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) > div > div:nth-child(3), /* departement */
  #tab-OffersGrid .x-grid .x-grid-table tr td:nth-child(3), 
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(3),
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) > div > div:nth-child(7), /* Plafonds */
  #tab-OffersGrid .x-grid .x-grid-table tr td:nth-child(7),
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(7),
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) > div > div:nth-child(12), /* Date de visibilité */ 
  #tab-OffersGrid .x-grid .x-grid-table tr td:nth-child(12),
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(12){ 
	  display:none;
  }
  
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) > div > div:nth-child(4),
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(4) { /* Ville */
	  width: 26% !important;
	  left: 0% !important;
  }
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(5){ /* type */
	  left: 26% !important;
  }
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(6){ /*Surface */
	  left: 38% !important;  
  }
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(8),
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(8){ /* Loyer */
	 left: 50% !important;
	 width: 15% !important;
  }
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(9){ /* Colocation */ 
	  left: 65% !important;
  }
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(10){ /* DALO */
	  left: 77% !important;
  }
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(11),
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(11){ /* voir la fiche */
	  left: 89% !important;
	  width: 5% !important;
  }
  #tab-OffersGrid .x-grid .x-grid-header-ct .x-box-inner:nth-child(1) div div:nth-child(13),
  #tab-OffersGrid .x-grid .x-grid-table tr th:nth-child(13){ /* Nb de candidature en cours */ 
	  left: 95% !important;
	  width: 5% !important;
  }
  
 
   
  #tab-OffersGrid .x-toolbar > div .x-box-item:nth-child(4), /* hide 'page' */
  #tab-OffersGrid .x-toolbar > div .x-box-item:nth-child(13),/* hide "resultat par page" */
  #tab-OffersGrid .x-toolbar .x-trigger-cell, /* hide nbpage selector */ 
  #tab-OffersGrid .x-toolbar > div .x-box-item:nth-child(16){ /* supprimer les filtres */
    display: none !important; 
  }
  
  
  .icon-adddoc {
    background: url(/modules/account/image/interface/add-photo.png) no-repeat 0 0 !important;
  }

  .x-mask{
	  top: 200px !important;
  }
}