.cinebar {
  position: sticky;
  top: 0px;
  /* margin: 0px; */
  margin-bottom: 10px;
  padding: 16px;
  z-index: 3;
}

.hidden {
  display: none;
}

.cinebar .cinebar-item {
  margin: 2px; /* News utile pour cette ligne séparation entre les boutons de cinebar*/
  padding: 8px 26px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}
.cinebar .cinebar-type{
  margin: 2px; /* News utile pour cette ligne séparation entre les boutons de cinebar*/
  padding: 8px 26px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}

.cinebar .cinebar-cancel{
  margin: 2px; /* News utile pour cette ligne séparation entre les boutons de cinebar*/
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}

.cinebar-btn {
  border: none;
  display: inline-block;
  padding: 7px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.cinebar-btn:hover {
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.25);
}

.cinebar-check {
  border: none;
  display: inline-block;
  padding: 7px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.cinebar-btn  {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cinebar-btn:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.cinebar-btn.w3-disabled:hover,
.cinebar-btn:disabled:hover {
  box-shadow: none;
}

.itembaron {
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.25);
  background-color: #014EB2;
}

/* .filtre-item{
    display: inline-block;
    min-width: 50px;
    vertical-align: middle;
    border:1px;
    margin : 5px;
    padding: 5px 5px;
    user-select: none;
} */


table,
h1 {
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
}

thead {
  background-color: #007BFF; color: white;
}


.formulaire {
    display: none;
  }
/* entetes tableaux de formualire (sequence,…) : */
.formulaire thead {
  background-color: rgb(208, 216, 240);
}

input:disabled {
    background-color: #e0e0e0; /* couleur de fond grise */
    color: #6c757d;           /* couleur du texte gris */
    cursor: not-allowed;      /* curseur non autorisé */
}

input.majusc {
    text-transform: uppercase;
  }


.w3-table tr {
  line-height: 1.8ex;
}


/* pas de souligné des liens */
a:link {
  text-decoration: none;
}

.form-alert {
  color: rgb(143, 36, 95);
}

.form-alert-register {
  color: rgb(143, 36, 95);
}

.form-alert-forgotpassword {
  color: rgb(143, 36, 95);
}

.form-alert-conditiongeneralecheck{
  color: rgb(143, 36, 95);
}

.form-alert-createproject{
  color: rgb(143, 36, 95);
}

label {
  font-size: 90%;
  color: rgb(0, 112, 71);
}

/* Formulaires */
/* {
  box-sizing: border-box;
}*/

.header {
  border: 1px solid red;
  padding: 15px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

/* La */
[class*="col-"] {
  float: left;
  padding: 15px;
  /* border: 1px solid red;*/
}
/* la */

.col-1 {
  width: 8.33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
}


.button {
  background-color: #4caf50;
  border: none;
  color: white;
  padding: 14px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 20px;
  cursor: pointer;
}

.w3-input.strong {
  font-weight: bold;
}

.w3-modal-content{
  border-radius: 8px;
}

[draggable=true]{
  cursor: move;
}
table.listing {
  border-spacing: 0 2px;
  table-layout: fixed;
}
table.listing thead tr {
  background-color: #007BFF; color: white;
  text-align: left;
}
#preference_projet {
 padding: 5px;
 margin-left: 20px;
 background-color:rgb(255, 179, 179) ;
 border-radius: 4px;
 cursor : pointer
}

/* table.listing tr{
  border-bottom: 2px solid rgb(255, 255, 255);
} */
/* table.listing tr:nth-child(even) {background-color:  rgba(232, 232, 232, 0.634);} */

table.listing tr:not(.objet):nth-child(even) {background-color:  rgba(232, 232, 232, 0.634);}

/* table.listing tr:nth-child(odd) {background-color:  rgba(206, 206, 206, 0.112);} */

table.listing tr:not(.objet):nth-child(odd) {background-color:  rgba(206, 206, 206, 0.112);}

table.listing th {
  padding: 4px 0.5ex;
}
table.listing td {
  padding: 2px 0.5ex;
}


/* Menus contextuels */
.context-menu {
  position: absolute;
  text-align: center;
  background: lightgray;
  border: 1px solid black;
}
.context-menu ul {
  padding: 0px;
  margin: 0px;
  min-width: 150px;
  list-style: none;
}
.context-menu ul li {
  padding-bottom: 7px;
  padding-top: 7px;
  border: 1px solid black;
}
.context-menu ul li a {
  text-decoration: none;
  color: black;
}
.context-menu ul li:hover {
  background: darkgray;
}

.w3-input{
    padding: 4px;
    padding-bottom: 3px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
}


input[type=time] {
    border: none;
    border-bottom: 1px solid #ccc;
    padding-left : 4px;
    padding-top: 3px;
    padding-bottom: 2px;
    width: 100%;
}

/* input::-webkit-outer-spin-button, */
input::-webkit-inner-spin-button {
   /* Crashes Chrome on hover : */
    /* display: none; */
    -webkit-appearance: none;
    /* margin: 0; <-- Apparently some margin are still there even though it's hidden */
} 


/* sous-tableaux des pages formulaires (sequence/decor/objet) */
.page-table {
    font-size:90%;
    /* border-collapse: collapse; */
    width: -webkit-fill-available;
    display: table;
    margin: 16px;
}
.page-table tr {
  border-bottom: 1px solid #ddd;
}
.page-table tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}
.page-table td,
.page-table th {
  padding: 4px 6px;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

.page-table th {
    font-weight: normal;
    font-style: italic;
}


td.suppresionTexte .cell-content{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Cliquable {
  cursor: pointer;
}

.seq-link {
  cursor: pointer;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 0.85em;
  font-weight: 500;
  white-space: nowrap;
}

.Sélection {
  cursor: move;
}

.Déplacement {
  cursor: move;
}


#logo {
  width: 200px; /* Ajustez la largeur selon vos besoins */
  height: auto; /* Conserve les proportions de l'image */
  display: inline; /* Assure que l'image est un élément en ligne */
  vertical-align: middle; /* Aligne verticalement l'image au milieu */
}




.iconHeader {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  transition: all 0.3s ease;
    align-self: center; /* <-- aligné verticalement avec le texte */
}

.iconHeader:hover {
  transform: scale(1.1);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5));
}


#logout-icon {
  
  
  width: 45px;
  height: 45px;
}
#home-icon {
  width: 35px;
  height: 35px;
}


#logout-icon:hover {
  transform: scale(1.1);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5));
}
.header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px; /* marge gauche-droite */
}

.header-left,
.header-center,
.header-right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1; 
  justify-content: center; /* pour centrer le texte dans le bloc */
}

.header-left {
  justify-content: flex-start;
}
.header-right {
  justify-content: flex-end;
}

.PdT-day-preview td {
  height: 44px;
  border: 2px red;
  background: rgba(255, 0, 0, 0.08);
}

.PdT-day-preview .preview-label {
  font-weight: 600;
  opacity: 0.85;
}

.day-preview-overlay {
  position: absolute;
  height: 14px;
  border: 2px dashed red;
  background: rgba(255, 0, 0, 0.12);
  border-radius: 999px;
  pointer-events: none;
  z-index: 9999;
  transform: translateY(-50%); /* centre sur la frontière */
}

.day-preview-overlay span {
  font-weight: 600;
  padding-left: 12px;
  line-height: 44px;

}

tr.PdT-day-ghost {
  background: rgba(59, 130, 246, 0.08);
  border: 2px dashed #3b82f6;
  height: 2.5rem;
  opacity: 0.7;
}
tr.PdT-day-ghost td {
  text-align: center;
  color: #3b82f6;
  font-style: italic;
  padding: 0.4rem;
  border: none;
}
.ghost-label {
  font-size: 0.85rem;
  letter-spacing: 0.05em;
}

tr.PdT-seq-ghost {
  background: rgba(16, 185, 129, 0.08);
  border: 2px dashed #10b981;
  height: 2rem;
  opacity: 0.7;
}
tr.PdT-seq-ghost td {
  text-align: center;
  color: #10b981;
  font-style: italic;
  padding: 0.3rem;
  border: none;
}

tr.objet-ghost {
  background: rgba(16, 185, 129, 0.08);
  border: 2px dashed #10b981;
  height: 2rem;
  opacity: 0.7;
}
tr.objet-ghost td {
  text-align: center;
  color: #10b981;
  font-style: italic;
  padding: 0.3rem;
  border: none;
}

/* Tablette */
@media (max-width: 1280px) {
.cinebar .cinebar-item {
  
  
  padding: 8px 16px;

}


}