@charset 'utf-8';

/* ============================================================================
MARK: Tables des matières
- Importation CSS
- Template
- Calendrier
- Regions
- Texte
- Largeur
- Couleur
- Hide
- Image
- Margin
- Table
- Liens / Icônes
- Cursor
- AJAX
- Puces
- Formulaire
- Lightbox
- Erreur
- Module Web
- Correctifs APEX
- jQuery Overcharge
- Bootstrap
============================================================================ */

/* ============================================================================
MARK: Importation CSS
============================================================================ */
@import url('lightbox.css');

/* ============================================================================
MARK: Template
============================================================================ */
/* Ecrans */
.topbar {
  float: none;
  padding: 0;
}

.context {
  margin: 5px 0 0 5px;
  font-weight: bold;
}

.frmMarginleft {
  margin-left: 10px;
}

/* ============================================================================
MARK: Calendrier
============================================================================ */
.ui-datepicker-title{
  background-color:rgba(62,158,241);
}
.ui-datepicker-prev{
  background-color:rgba(62,158,241);
}
.ui-datepicker-next{
  background-color:rgba(62,158,241);
}

/* ============================================================================
MARK: Regions
============================================================================ */
/*Modification du header des régions*/
.t-Region-header{
  background: linear-gradient(270deg, rgba(95,171,237,0.17690826330532217) 3%, rgba(62,158,241,0.6194852941176471) 31%, rgba(35,140,230,0.8127626050420168) 100%);
  height:40px;
}

/* =============================================================================
MARK: Texte
============================================================================= */
.autocomplete{
  border: 1px solid #f0ad4e;
}

.autocomplete:focus{
  border: 1px solid #f0ad4e !important;
}

.ajaxFormText{
  margin-top:4px;
  font-size:16px;
  margin-left:30px;
}

.txtBold {
  font-weight: bold;
}

/* =============================================================================
MARK: Largeur
============================================================================= */
.small{
width:155px;
}
.medium{
width:215px;
}
.dateLongue{
width:230px;
}
.mediumLarge{
width:300px;
}
.large{
width:400px;
max-width:100%;
}
.xLarge{
width:530px;
max-width:100%;
}
.searchType{
width:160px;
}
.datePicker{
width:180px;
}
.btnCreate{
width:80px; 
height:37px; 

}
.unitType{
width:190px;
}
.erreurCote{
width:70px;
margin-top:10px;
}
.pret{
width:128px;
height:32px;
margin-top:-200px;
margin-left:-11px;
}
.information{
margin-left:-90px;
margin-top:7px;
}
.checkbox{
margin-bottom:-16px;
}
.historique{
margin-left:-460px;
margin-top:6px;
}
.numero{
width:70px;
}
/* ============================================================================
MARK: Couleur
============================================================================ */
/*Dégradé du menu de navigation*/
.t-Header-branding {  
  background:linear-gradient(81deg, rgba(24,115,196,1) 0%, rgba(18,150,254,1) 38%, rgba(62,176,255,1) 64%, rgba(107,202,255,1) 99%);
}

/*Dégradé du header des pages en modal dialog*/
.ui-dialog .ui-dialog-titlebar {
  background: linear-gradient(270deg, rgba(95,171,237,0.17690826330532217) 3%, rgba(62,158,241,0.6194852941176471) 31%, rgba(35,140,230,0.8127626050420168) 100%)!important;;
}

/* Couleur grisée pour montrer quel tab est sélectionné*/
.t-Tabs-item.is-active
{
  background-color: #eeeeee;
}

.colorBlue {
  color: #428bca;
}

.colorBlueLight {
  color: #5bc0de;
}

.colorGreen {
  color: #5cb85c;
}

.colorOrange {
  color: #f0ad4e;
}

.colorGray {
  color: #a2a2a2;
}

.colorRed {
  color: #d9534f;
}

.colorWhite {
  color: #fff;
}

.colorBlack {
  color: #000;
}
.menuColorRed{
color:#EC7979!important;
}

/* ============================================================================
MARK: Image
============================================================================ */
.imgResponsive {
  max-width: 100%;
  height: auto;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ============================================================================
MARK: Margin
============================================================================ */
.p15TitleRight {
  margin-right: 5px;
font-size:24px;
}
.lov{
margin-top:20px;
}


/* ============================================================================
MARK: Table
============================================================================ */
.tableBordure {
  border: 1px solid #aaa;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 2px 0;
}

.tableBordure td,
.tableBordure th {
  border: 1px solid #aaa;
  vertical-align: top;
  padding: 4px;
}

.tableBordure th {
  color: #fff;
  background-color: #9cadcc;
}

.tableBordure .row:nth-child(even) {
  background: #f0f0f0;
}

.tableBordure .row:nth-child(even):hover {
  background: #cdf;
}

.tableBordure .row:nth-child(odd) {
  background: #f0f0f0;
}

.tableBordure .row:nth-child(odd):hover {
  background: #cdf;
}

.tableBordureWeb {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 2px 0;
}

.tableBordureWeb td,
.tableBordureWeb th {
  vertical-align: top;
  padding: 4px;
  min-width: 100px;
}

.tableBordureWeb th {
  color: #fff;
  background-color: #9cadcc;
}

.tableBordureWeb .row:nth-child(even) {
  background: #fcfdfd;
}

.tableBordureWeb .row:nth-child(even):hover {
  background: #cdf;
}

.tableBordureWeb .row:nth-child(odd) {
  background: #fcfdfd;
}

.tableBordureWeb .row:nth-child(odd):hover {
  background: #cdf;
}

.tableBordurePopup {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 2px 0;
}

.tableBordurePopup td,
.tableBordurePopup th {
  vertical-align: top;
  padding: 4px;
  min-width: 100px;
}

.tableBordurePopup th {
  color: #fff;
  background-color: #9cadcc;
}

.tableBordurePopup .row:nth-child(even) {
  background: #fcfdfd;
}

.tableBordurePopup .row:nth-child(even):hover {
  background: #cdf;
}

.tableBordurePopup .row:nth-child(odd) {
  background: #fcfdfd;
}

.tableBordurePopup .row:nth-child(odd):hover {
  background: #cdf;
}

.tableBordureNumber {
  text-align: right;
}

.tblFixed {
  table-layout: fixed;
}

/* ============================================================================
MARK: Liens / Icônes
============================================================================ */
.linkexit {
  background-image: url('images/exit.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linklov {
  background-image: url('images/lov.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkadd {
  background-image: url('images/add.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkpdf {
  background-image: url('images/pdf.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkedit {
  background-image: url('images/edit.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkdelete {
  background-image: url('images/delete.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkclock {
  background-image: url('images/clock.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkrero {
  background-image: url('images/rero.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkmodweb {
  background-image: url('images/modweb.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkprint {
  background-image: url(images/print.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkloupe {
  background-image: url(images/loupe.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkLedOrange {
  background-image: url(images/ledorange.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.linkLedRed {
  background-image: url(images/ledred.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.objUpdate {
  background-image: url('images/objupdate.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

.objDelete {
  background-image: url('images/objdelete.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

/* ============================================================================
MARK: AJAX
============================================================================ */
.icoLoading {
  background-image: url(images/ajax.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0 5px 20px;
  margin: 0;
}

/* ============================================================================
MARK: Cursor
============================================================================ */
.curPointer {
  cursor: pointer;
}

.curHelp {
  cursor: help;
}

.curMove {
  cursor: move;
}

.curProgress {
  cursor: progress;
}

.curText {
  cursor: text;
}

.curWait {
  cursor: wait;
}

/* ============================================================================
MARK: Lightbox
============================================================================ */
iframe {
  border: none;
}

#iframeFB {
  border: none;
}

/* ============================================================================
MARK: Erreur
============================================================================ */
.msgError {
  border: none;
  background: none;
  color: #f00;
  width: 380px;
  margin-top:5px;
}

.msgSuccess {
  border: none;
  background: none;
  color: #00f;
  width: 380px;
}

/* ============================================================================
MARK: Module Web
============================================================================ */
/* Général */
#P8_btnFiltrer {
  margin-bottom: 15px;
}
#P8_FRM_FILTRE input {
  width: 725px;
  padding: 3px 0px 0px 10px;
  border: 2px solid rgb(121, 183, 231);
}

#P8_IR_PRINT #apexir_WORKSHEET p {
  max-height: 60px;
  overflow: auto;
}

/* modWeb */
#modWebLogo li {
  display: inline;
  list-style: none;
  vertical-align: top;
  font-size: 20px;
}

#modWebImg {
  text-align: center;
}

#modWebImg img {
  max-height: 400px;
  max-width: 400px;
}

#modPopupImg {
  text-align: center;
}

#modPopupImg img {
  max-height: 400px;
  max-width: 400px;
}

/* =============================================================================
MARK: Spécifique par Musée
============================================================================= */
.bckImg100000 {
  background-image: url('modweb/modweb_bkimg100000.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  height: 650px;
}

.bckImg111 {
  background-image: url('modweb/modweb_bkimg111.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg13 {
  background-image: url('modweb/modweb_bkimg13.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg131 {
  background-image: url('modweb/modweb_bkimg131.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg14 {
  background-image: url('modweb/modweb_bkimg14.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg15 {
  background-image: url('modweb/modweb_bkimg15.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg151 {
  background-image: url('modweb/modweb_bkimg151.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg16 {
  background-image: url('modweb/modweb_bkimg16.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg17 {
  background-image: url('modweb/modweb_bkimg17.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg171 {
  background-image: url('modweb/modweb_bkimg171.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg18 {
  background-image: url('modweb/modweb_bkimg18.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg19 {
  background-image: url('modweb/modweb_bkimg19.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg191 {
  background-image: url('modweb/modweb_bkimg191.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg20 {
  background-image: url('modweb/modweb_bkimg20.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg21 {
  background-image: url('modweb/modweb_bkimg21.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
position:relative;
 margin-top:-30%;
  height: 650px;
z-index:-1;
}

.bckImg22 {
  background-image: url('modweb/modweb_bkimg22.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg23 {
  background-image: url('modweb/modweb_bkimg23.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg24 {
  background-image: url('modweb/modweb_bkimg24.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg29 {
  background-image: url('modweb/modweb_bkimg29.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg30 {
  background-image: url('modweb/modweb_bkimg30.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg31 {
  background-image: url('modweb/modweb_bkimg31.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg51 {
  background-image: url('modweb/modweb_bkimg51.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg52 {
  background-image: url('modweb/modweb_bkimg52.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg53 {
  background-image: url('modweb/modweb_bkimg53.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg54 {
  background-image: url('modweb/modweb_bkimg54.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg55 {
  background-image: url('modweb/modweb_bkimg55.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg56 {
  background-image: url('modweb/modweb_bkimg56.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg57 {
  background-image: url('modweb/modweb_bkimg57.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.bckImg71 {
  background-image: url('modweb/modweb_bkimg71.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  height: 650px;
}

.bckImg92 {
  background-image: url('modweb/modweb_bkimg92.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0;
  margin-top:-300px;
  height: 650px;
}

.imgMusee{
  width:210px;
}

/* =============================================================================
MARK: Correctifs APEX
============================================================================= */
.tabsObj1 .rc-blue-top {
  float: none;
}

.tabsObj1 .rc-body {
  float: none;
}

/* IG avec un datepicker */
.aIGDatepickerZIndex {
  z-index: 1000 !important;
}

.apex-item-select:focus, .apex-i.apex-item-select:focus, .apex-item-text:focus, .apex-item-textarea:focus
{
    z-index: auto !important;
}              

/* =============================================================================
MARK: jQuery Overcharge
============================================================================= */
/* Correctif conflit jQuery UI Apex avec notre jQuery UI */
.ui-dialog .ui-dialog-titlebar-close span {
  margin: -8px 0 0 -8px;
}

.ui-tooltip {
  opacity: 1;
}
.test{
  background-color: black;
color: blue;
}

/* =============================================================================
MARK: Bootstrap
============================================================================= */
/*.imageCarte{
  width:100%;
  height:100%;
  text-align:center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:30%;
}

.texteCarte {
  height: 20px; 
  margin-bottom: 5px !important;
  font-size: 15px;
}

.texteCarte p {
  margin: 0;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.divImage {
  width: 100%;
  height: auto; 
  max-height: 100px; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  overflow: hidden;
  margin-top: 20px;
}

.divImage img {
  max-width: 100%; 
  max-height: 100px;
  width: auto;
  height: auto;
  object-fit: contain; 
}

.titreCarte{
  margin-bottom:3%;
  margin-top: 0;
}
.carte{
  margin-top: 3%;
}
.texteEvenement{
  height:50px;
}

.row {
  display: flex; 
  flex-wrap: wrap; 
  align-items: flex-start;
}

.col-md-4, .col-md-8 {
  float: none !important; 
  box-sizing: border-box;
}*/

/* =============================================================================
MARK: MEDIA
============================================================================= */
@media only screen and (max-width: 1000px) {
  .xLarge{
    width:80%;
  }

  .large{
    width:75%;
  }

  .medium{
    width:70%;
  }
}

@media (max-width: 767px) {
  .row {
      display: flex;
      flex-direction: column; /* Forcer les colonnes à s'empiler verticalement */
  }

  .col-7, .col-md-7 {
      width: 100%; /* Prend toute la largeur */
      margin-bottom: 20px; /* Espacement en dessous pour séparer */
  }

  .col-5, .col-md-5 {
      width: 100% !important; /* Prend toute la largeur sur mobile */
      min-width: 100% !important;
      margin-bottom: 20px;
  }

  #modWebImg {
      margin: 20px 0; /* Espacement au-dessus et en dessous */
      text-align: center; /* Centrer le contenu */
  }

  #modWebImg img {
      display: block; /* Nécessaire pour que margin: auto fonctionne */
      margin: 0 auto; /* Centrer l'image */
      width: auto; /* Taille originale par défaut */
      max-width: 95%; /* Limiter à 95% de la largeur de l'écran */
      height: auto; /* Conserver les proportions */
  }

  #modWebImg > div:last-child {
      margin-top: 10px; /* Espacement entre l'image et la légende */
      text-align: center; /* Centrer la légende */
  }

  #t_Footer {
    display: none !important;
  }
}