/* FORCER AFFICHAGE PUB */
.qiota{
  float: left;
  top: -280px;
  width: 100%;
  padding: 10px;
}
.module-pub img {
  display: block ! important;
}
.mod_38763672 img {
 display: block ! important;
 margin: 0 auto;
}
.qiota_hidden {
  display:none;
}
#dialog_qiota {
  display:none;
  overflow: hidden;
  position: fixed;
  top: 10%;
  left: 30%;
  padding: .2em;
  outline: 0;
  z-index: 10000;
  width: 50%;
}
#dialog_qiota .modal-dialog #dqa_close_perso,
#qiota-dialog .ui-dialog #dqa_close_perso,
#dialog_qiota_auth #dqa_close_perso {
    display: inline-block;
    background: url(https://www.tourmag.com/var/style/close_ibox.png?v=1386252130);
    width: 20px;
    height: 20px;
}
#dialog_qiota .modal-dialog .close,
#qiota-dialog .ui-dialog .close,
#dialog_qiota_auth .close {
    position: fixed;
    right: 214px;
    top: 88px;
    z-index: 1000;
    cursor: pointer;
}
#dialog_qiota .modal-dialog .close {
    right: 20px;
    bottom: 0;
    position: absolute;
}
#qiota-dialog .ui-dialog .close {
    right: 50px;
    top: 0px;
    position: absolute;
}
@media (min-width: 1630px) {
  #dialog_qiota .modal-dialog .close {
    right: 214px;
    top: 88px;
    position: absolute;
  }
}
@media (max-width: 1200px) {
 .module-MOBI_titre img {display: inline-block ! important; }
}
@media (max-width: 800px) {
  .module-MOBI_titre img {display: inline-block ! important; }

  #dialog_qiota {
    top: 0%;
    left: 10%;
    width: 70%;
  }
  #dialog_qiota .modal-dialog .close {
    right: -2px;
    top: 90px;
    position: absolute;
  }
}
.module-MOBI_titre .qiotaBoxUser { line-height : 20px ! important; }
.module-MOBI_titre .connect { color: greenyellow;}
.module-MOBI_titre .qiotaBoxUserSub { font-size : 11px ! important; }

//Ajout de Style pour récupérer le rendu précédent
.fade {  opacity: 0;  -webkit-transition: opacity 0.15s linear;  -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in {  opacity: 1;}
// Kill the scroll on the body
.modal-open {  overflow: hidden;}

// Container that the modal scrolls within
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: @zindex-modal;
  -webkit-overflow-scrolling: touch;

  // Prevent Chrome on Windows from adding a focus outline. For details, see
  // https://github.com/twbs/bootstrap/pull/10951.
  outline: 0;

  // When fading in the modal, animate it to slide down
  &.fade .modal-dialog {
    .translate(0, -25%);
    .transition-transform(~"0.3s ease-out");
  }
  &.in .modal-dialog { .translate(0, 0) }
}
.modal-open .modal {  overflow-x: hidden;  overflow-y: auto; }
.modal-open {  overflow: hidden; }
.modal {  display: none;  overflow: hidden;  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1050;  -webkit-overflow-scrolling: touch;  outline: 0; }
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {  overflow-x: hidden;  overflow-y: auto; }
.modal-dialog {  position: relative;  width: auto;  margin: 10px; }
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1040;  background-color: #000; }
.modal-backdrop.fade {  opacity: 0;  filter: alpha(opacity=0); }
.modal-backdrop.in {  opacity: 0.5;  filter: alpha(opacity=50); }
.modal-header {  padding: 15px;  border-bottom: 1px solid #e5e5e5; }
.modal-header .close {  margin-top: -2px;}
.modal-title {  margin: 0;  line-height: 1.42857143;}
.modal-body {  position: relative;  padding: 15px;}
.modal-footer {  padding: 15px;  text-align: right;  border-top: 1px solid #e5e5e5;}
.modal-footer .btn + .btn {  margin-left: 5px;  margin-bottom: 0;}
.modal-footer .btn-group .btn + .btn {  margin-left: -1px;}
.modal-footer .btn-block + .btn-block {  margin-left: 0;}
.modal-scrollbar-measure {  position: absolute;  top: -9999px;  width: 50px;  height: 50px;  overflow: scroll; }
@media (min-width: 768px) {
  .modal-dialog {    width: 600px;    margin: 30px auto;  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {    width: 300px;}
}