/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/*                                                                                     */
/*                                    CSS de l'appli                                   */
/*                                                                                     */
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/


.btn-add-fixed {
  width: 70px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4e9ce5 !important;
  border: none;
  padding: 0; /* empêche le décalage */
  line-height: 1; /* supprime le centrage vertical de Bootstrap */
  box-shadow: 0 4px 12px rgba(78, 156, 229, 0.5);
  z-index: 1050;
  transition: background-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}

.btn-add-fixed i {
  font-size: 22px;
  color: #fff;
  transition: transform 0.3s ease;
}

/* --- Survol du bouton --- */
.btn-add-fixed:hover {
  background-color: #2f80d1 !important;
  transform: scale(1.1);
}

.btn-add-fixed:hover i {
  transform: scale(1.2) rotate(360deg);
}

/* --- Infobulle stylisée --- */
.tooltip-inner {
  background-color: #ee1084 !important;
  color: #fff !important;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* Flèche couleur */
.bs-tooltip-top .tooltip-arrow::before { border-top-color: #ee1084 !important; }
.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #ee1084 !important; }
.bs-tooltip-start .tooltip-arrow::before { border-left-color: #ee1084 !important; }
.bs-tooltip-end .tooltip-arrow::before { border-right-color: #ee1084 !important; }

/* Fade-in smooth pour le tooltip */
.tooltip {
  opacity: 0;
  transition: opacity 0.25s ease;
}

.tooltip.show {
  opacity: 1;
}


.custom-select-anim {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;  
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
  border: 1px solid #4e9ce5;
  color: #4e9ce5;
  font-size: 13px;
  padding: 8px 34px 8px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center;
}


.custom-select-anim:hover {
  background-color: #cbe6fc;
  background: linear-gradient(#cbe6fc,#ffffff);
  transform: translateY(-2px) scale(1.03);
  animation: elasticHover 0.4s cubic-bezier(.36,.07,.19,.97) both;
  box-shadow: 0 4px 10px rgba(78,156,229,0.25);
}


.custom-select-anim:focus {
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(78,156,229,0.4);
  border-color: #4e9ce5;
  outline: none;
  animation: none;
}


.custom-select-anim:focus:not(:active) {
  animation: elasticReturn 0.45s cubic-bezier(.36,.07,.19,.97) both;
}


@keyframes selectFadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
.custom-select-anim option {
  animation: selectFadeIn 0.25s ease;
}


@keyframes elasticHover {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.04); }
  50%  { transform: scale(0.98); }
  70%  { transform: scale(1.03); }
  100% { transform: scale(1); }
}


@keyframes elasticReturn {
  0%   { transform: scale(1.1); }  
  100% { transform: scale(1); }
}


.custom-select-anim::-ms-expand {
  display: none;
}

.tooltip-inner {
  /*background-color: #5f9ed5 !important;*/
  background-color: #ee1084 !important;  
  color: #fff !important;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 6px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.50);
  border : 0px;
}


.bs-tooltip-top .tooltip-arrow::before { border-top-color: #ee1084 !important; }
.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #ee1084 !important; }
.bs-tooltip-start .tooltip-arrow::before { border-left-color: #ee1084 !important; }
.bs-tooltip-end .tooltip-arrow::before { border-right-color: #ee1084 !important; }


.tooltip {
  opacity: 0;
  transition: opacity 0.25s ease;
}

.tooltip.show {
  opacity: 1;
}


.btn-arrow-left {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4e9ce5;
  border: none;
  box-shadow: 0 4px 12px rgba(78, 156, 229, 0.5);
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.btn-arrow-left i {
  font-size: 22px;
  color: #fff;
  transition: transform 0.4s ease;
}

.btn-arrow-left:hover {
  background-color: #2f80d1;
  transform: scale(1.1);
  box-shadow: 0 6px 15px rgba(78,156,229,0.5);
}

.btn-arrow-left:hover i {
  transform: scale(1.3) rotate(360deg);
}




.skull-icon {
  position: fixed;
  font-size: 60px;
  color: #dc3545;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transform: scale(0.5);
  transition: all 0.5s ease-out;
}

/* Effet animé quand elle apparaît */
.skull-icon.active {
  opacity: 1;
  transform: scale(1.3) rotate(10deg);
}


.cloture-btn {
  position: relative;
  overflow: hidden;
  color: #000000;
  border-color: #dc3545;
  transition: all 0.3s ease;
}

/* Effet au survol : couleur + ombre + agrandissement */
.cloture-btn:hover {
  background-color: #dc3545;
  color: #fff !important;
  transform: scale(1.08);
  box-shadow: 0 0 12px rgba(220, 53, 69, 0.6);
}

/* Brillance animée (reflet qui traverse le bouton) */
.cloture-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
}


/* Animation au survol */
.cloture-btn:hover::before {
  animation: shine 0.8s forwards;
}

/* Définition de l’animation */
@keyframes shine {
  from {
    left: -75%;
  }
  to {
    left: 125%;
  }
}

/* Effet d’appui au clic */
.cloture-btn:active {
  transform: scale(0.95);
  box-shadow: 0 0 6px rgba(220, 53, 69, 0.3);
}



.cloture-btn2 {
  position: relative;
  overflow: hidden;
  background-color: #448bc9;
  color: #ffffff;
  border-color: #619dd5;
  transition: all 0.3s ease;
}

/* Effet au survol : couleur + ombre + agrandissement */
.cloture-btn2:hover {
  background-color: #619dd5;
  color: #ffffff !important;
  transform: scale(1.08);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
}

/* Brillance animée (reflet qui traverse le bouton) */
.cloture-btn2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
}

/* Animation au survol */
.cloture-btn2:hover::before {
  animation: shine 0.8s forwards;
}

/* Définition de l’animation */
@keyframes shine {
  from {
    left: -75%;
  }
  to {
    left: 125%;
  }
}

/* Effet d’appui au clic */
.cloture-btn2:active {
  transform: scale(0.95);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
}




.cloture-btn3 {
  position: relative;
  overflow: hidden;
  background-color: #48b461;
  color: #ffffff;
  border-color: #48b461;
  transition: all 0.3s ease;
}

/* Effet au survol : couleur + ombre + agrandissement */
.cloture-btn3:hover {
  background-color: #48b461;
  color: #ffffff !important;
  transform: scale(1.08);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
}

/* Brillance animée (reflet qui traverse le bouton) */
.cloture-btn3::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
}

/* Animation au survol */
.cloture-btn3:hover::before {
  animation: shine 0.8s forwards;
}

/* Définition de l’animation */
@keyframes shine {
  from {
    left: -75%;
  }
  to {
    left: 125%;
  }
}

/* Effet d’appui au clic */
.cloture-btn3:active {
  transform: scale(0.95);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
}




.cloture-btn4 {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  border-color: #dc3545;
  transition: all 0.3s ease;
}

/* Effet au survol : couleur + ombre + agrandissement */
.cloture-btn4:hover {
  background-color: #dc3545;
  color: #fff !important;
  transform: scale(1.08);
  box-shadow: 0 0 12px rgba(220, 53, 69, 0.6);
}

/* Brillance animée (reflet qui traverse le bouton) */
.cloture-btn4::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
}


/* Animation au survol */
.cloture-btn4:hover::before {
  animation: shine 0.8s forwards;
}

/* Définition de l’animation */
@keyframes shine {
  from {
    left: -75%;
  }
  to {
    left: 125%;
  }
}

/* Effet d’appui au clic */
.cloture-btn4:active {
  transform: scale(0.95);
  box-shadow: 0 0 6px rgba(220, 53, 69, 0.3);
}



.cloture-btn5 {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  border-color: #ff0000;
  background: #ff0000;
  border-radius: 6px;
  padding: 2px 15px;
  transition: all 0.3s ease;
}

/* Effet au survol : couleur + ombre + agrandissement */
.cloture-btn5:hover {
  background-color: #ff0000;
  color: #fff !important;
  transform: scale(1.08);
  box-shadow: 0 0 12px rgba(220, 53, 69, 0.6);
}

/* Brillance animée (reflet qui traverse le bouton) */
.cloture-btn5::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
}


/* Animation au survol */
.cloture-btn5:hover::before {
  animation: shine 0.8s forwards;
}

/* Définition de l’animation */
@keyframes shine {
  from {
    left: -75%;
  }
  to {
    left: 125%;
  }
}

/* Effet d’appui au clic */
.cloture-btn5:active {
  transform: scale(0.95);
  box-shadow: 0 0 6px rgba(220, 53, 69, 0.3);
}





 

/* Style de base du crâne */
._temp-skull {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  font-size: 28px;
  color: #ff0000; /* rouge sombre */
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  filter: blur(0px);
  transition: none;
}

/* Animation de dissolution */
@keyframes skull-dissolve {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0);
  }
  40% {
    opacity: 1;
    transform: translate(-50%, -60%) scale(1.15) rotate(-6deg);
    filter: blur(0.5px);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -90%) scale(1.6) rotate(12deg);
    filter: blur(6px);
  }
}



.item_login {
	color: #c9c7c7;
	font-size: 13px;
}	



.block_login {
  border:2px solid #666666;
  border-radius: 6px;
  background-color: #ffffff;
  padding: 10px 20px 20px 20px;
  margin:280px 0px 0px 0px;
  box-shadow: 0px 3px 10px #384f5f;
  height: 280px;
}  



.item_password {
	color: #093943;
	font-size: 13px;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
}	

.item_password:hover {
  color:#fe0036;
  text-decoration: underline;
}


.mainboard_menu {
  margin-top: 80px;
}  


.contact_link {
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color:#b51e1e;
}

.contact_link:hover {	
	text-decoration: underline;
}	

.tab_all {
	margin-top:0px;
	height:70vh;
	overflow-x: hidden;
	overflow-y: scroll;
	background: linear-gradient(to right,#1176d6,#80c0fc);
	background: linear-gradient(#eaeaea,#ffffff);
	border:1px solid #828282;
}	


.bg_alltitle {  
  border:1px solid #cccccc;
  border-radius: 6px;
  padding: 5px;
  background-color: #ffffff;
  background: linear-gradient(#ffffff,#eaeaea);
}  



.bg_alltitle2 {  
  background: linear-gradient(to right,#39aa19,#63de42,#39aa19);
  box-shadow: 0px 6px 6px #727271;
}  


.title_alltitle {  
  font-size: 22px;
  margin-bottom: 10px;  
  color:#4e9ce5;    
}  




.locataire_fiche_item {
	font-size: 14px;
	color:#3b76a1;
	text-decoration: none;
}

.locataire_fiche_title {
	font-size: 17px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #309ec6;
	text-decoration: underline;
	border:1px solid #778e95;
	border-radius: 4px;
	margin: 15px;
	height: 32px;
}

.locataire_fiche {
	border:1px solid #788b9d;
	border-top-right-radius: 6px;	
	/*height: 550px;*/
}


.locataire_footerfiche {
    border: 1px solid #8bc6f9;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 5px;
    height: 45px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* ombrage doux et diffus */
}

.ta_tab {
	text-align: right;
	margin-right: 0px;
	background-color: #ee1084;
	font-size: 13px;
  height: 38px;
}

.ta_l {
	text-align: left;
}


.ta_r {
	text-align: right;
}

.ta_rm5 {
	text-align: right;
	margin-right: 5px;
}


 .pad_l_30 {
 	padding-left: 30px;
 }

 .ta_c {
 	text-align: center;
 }

 .mt_n40 {
	margin-top: -40px;
}

.mt_n30 {
	margin-top: -30px;
}

 .mt_n20 {
	margin-top: -20px;
}


.mt_n15 {
	margin-top: -15px;
}


.mt_n10 {
	margin-top: -10px;
}


.mt_0 {
	margin-top: 0px;
}

.mt_5 {
	margin-top: 5px;
}


.mt_10 {
	margin-top: 10px;
}

.mt_14 {
	margin-top: 14px;
}

.mt_15 {
	margin-top: 15px;
}


.mt_20 {
	margin-top: 20px;
}

.mt_25 {
	margin-top: 25px;
}


.mt_30 {
  margin-top: 30px;
}

.mt_40 {
	margin-top: 40px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_10 {
	margin-left: 10px;
}

.ml_20 {
	margin-left: 20px;
}


.color_blanc {
	color:#ffffff;
}



.color_noir {
	color:#000000;
}

.color_gris {
	color:#dddddd;
}

.color_grisbleu {
	color:#778e95;
}



.color_bleu {
	color:#196093;
}

.color_male {
	color:#329bc9;
}

.color_female {
	color:#ef67b4;
}

.color_grisfonce {
  color:#424241;
}


.color_rouge {
	color:#fd0037;
}


.color_rougeclair {
	color:#fc6f8d;
}


.color_red {
	color:#ed53aa;
}

.color_vert {
	color:#149646;
}

.color_vertclair {
	color:#93c43a;	
}

.color_orange {
	color: #f08001;
}

.color_ocre {
	color:#da6000;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;    
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tab_locatairesfix{
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#ffffff, #cccccc);
	color: #4e9ce5;	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}


.tab_locataires{
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#ffffff, #cccccc);
	color: #4e9ce5;
	cursor: pointer;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}



.tab_locataires:hover  {
	border:1px solid #5e5d5d;
	background-color: #4e9ce5;
	background: linear-gradient(#4e9ce5, #1a5e9e);
	color: #ffffff;
	cursor: pointer;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}






.item_locataires {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	color:#3b76a1;
	background-color: #ededed;
	height: 36px;
	padding-top: 5px;
}

.item_locataires:hover {
    background-color: #ffffff;    
}	


.item_locatairesminus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-bottom: 1px solid #99cefc;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #f2f7fc;
	background: linear-gradient(#afd7fc, #e0f0fc);
	height: 26px;
	padding-top: 3px;
	font-size: 12px;
  margin-right: -1x;
  font-weight: normal;
}

.item_locatairesminus:hover {	
    background-color: #4e9ce5;    
    background: linear-gradient(to right,#2eba07,#d6fccc );
    background: linear-gradient(to left,#80c0fc, #337ec4,#80c0fc);
    background: linear-gradient(#afd7fc, #e0f0fc, #afd7fc);
    color:#ee1084;
    font-size: 11px;
    font-weight: bolder;
}




.item_locatairesminus2 {
  cursor: pointer;
  border-bottom: 1px dashed #4f4e4e;
  border-bottom: 1px solid #99cefc;
  border-left: 1px solid #b5b6b7;
  border-right: 1px solid #b5b6b7;
  color:#384f5f;
  background-color: #f2f7fc;
  background: linear-gradient(#afd7fc, #e0f0fc);
  height: 36px;
  padding-top: 3px;
  font-size: 12px;
  margin-right: -1x;
  font-weight: normal;
}

.item_locatairesminus2:hover { 
    background-color: #4e9ce5;    
    background: linear-gradient(to right,#2eba07,#d6fccc );
    background: linear-gradient(to left,#80c0fc, #337ec4,#80c0fc);
    background: linear-gradient(#afd7fc, #e0f0fc, #afd7fc);
    color:#ee1084;
    font-size: 11px;
    font-weight: bolder;
}


.item_locatairesminusend {
	cursor: pointer;
	border: 1px solid #4e9ce5;
	color:#384f5f;
	background-color: #4ec1f5;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}


.tab_loc {
	cursor: pointer;
	border:1px solid #5e5d5d;
	background-color: #17a2b8;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
}

.tab_loc:hover {
  color:#1d3754;
}


.tab_menu {
	border:1px solid #5e5d5d;
	background-color: #9cc0f9;	
	background: linear-gradient(to left,#41af23,#63de42,#41af23);
	background: linear-gradient(#ffffff, #cccccc);
	color: #5b5959;
	color:#4e9ce5;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menu:hover {
	background-color: #2f9ec6;
	color: #ffffff;		
	background: linear-gradient(to left,#63de42,#41af23);
	background: linear-gradient(#5589c3,#7bb7f7,#5589c3);
	background: linear-gradient(#afd7fc,#ffffff,#afd7fc);
	color: #5b5959;	
}	


.tab_menuactive {
	border:1px solid #5e5d5d;
	background-color: #788b9d;	
	background: linear-gradient(to right,#1176d6,#80c0fc);
	background: linear-gradient(#afd7fc,#ffffff,#afd7fc);
	color: #000000;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}

.tab_menuactive:hover {
	background-color: #2f9ec6;
	color: #000000;
	background: linear-gradient(to left,#1176d6,#80c0fc);
	background: linear-gradient(#afd7fc,#ffffff,#afd7fc);
}	


.zone_location0 {
	border-right: 0px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	

.zone_location1 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f2efef;
	height: 545px;
}	


.zone_location2 {
	border-right: 1px dashed #2f9ec6;
	background-color: #f7f7f7;
	height: 545px;
}	


.zone_location3 {
	border-right: 0px solid #dddddd;
	background-color: #f2efef;
	height: 545px;
}


.zone_location33 {
	border-right: 0px solid #dddddd;
	/*background-color: #f2efef;	*/
}

.zone_location5 {
	border-right: 1px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location6 {
	border-right: 0px dashed #2f9ec6;	
	height: 545px;
}	


.zone_location7 {
	border-right: 1px dashed #2f9ec6;	
	height: 530px;
}	



.location_title {
	font-size: 14px;
	font-weight: bolder;
	color:#4e9ce5;
	background-color: #ffffff;
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px 0px 5px 20px;
	border-radius: 180px;
	background: linear-gradient(#ffffff,#cccccc);
	/*box-shadow: 0px 2px 10px #000000;*/
}


.location_titlebleu {
	font-size: 15px;
	font-weight: bolder;
	color:#4e9ce5;
	background-color: #3b76a1;
	background: linear-gradient(#ffffff,#afd7fc);
	margin-top: 20px;
	border:1px solid #2f9ec6;
	padding: 5px 20px;
	border-radius: 160px;
	box-shadow: 0px 2px 10px #000000;
}


.location_titlerouge {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #ff0000;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}

.location_titlevert {
	font-size: 15px;
	font-weight: bolder;
	color:#ffffff;
	background-color: #2dbc64;
	margin-top: 20px;
	border:1px solid #000000;
	padding: 5px;
	border-radius: 4px;
}


.item_logement {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;		
}


.item_logement2 {
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}


.item_logement3 {
	cursor: pointer;
	color:#3b76a1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
	height: 20px;	
}

.item_logement3:hover {
	color:#093943;
	font-size: 14px;	
}

.item_logement4 {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;		
}

.item_logement5 {
	color:#4e9ce5;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;	
}


.item_logementbl {
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;		
}

.item_compte {
	margin: 15px 0px 0px 100px;
	font-size: 14px;
	color:#ffffff;
	cursor: pointer;
	text-decoration: none;
}

.item_compte:hover {
	color:#384f5f;	
	text-decoration: underline;
}

.fa_compte {
	margin-left: 0px;
	padding-top: 0px;
	color:#384f5f;
}


.fa_add {
	padding-top: 10px;
	cursor: pointer;
	color:#d88b32;
}	

.fa_add:hover {
	padding-top: 10px;
	cursor: pointer;
	color:#ffffff;
}	


.check_no {
	background-color: #fd0037;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.check_ok {
	background-color: #149646;
	color:#ffffff;
	border-radius: 4px;
	padding:5px;
	text-align: center;
	margin-left: 15px;
}

.item_telephone {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 42px;
	padding-top: 5px;
}

.item_telephone:hover {
    background-color: #ffffff;    
}	

.item_reglement {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	background: linear-gradient(to right,#7bbbf7,#d4f0fc);
	height: 36px;
	padding-top: 2px;
}








.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	cursor: pointer;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 13px;
	border-right: 0px dashed #2cb3db;
}


.title_loyerend:hover {
	color:#384f5f;	
}






.help_loyers {
	text-align: right; 
	background-color: #2f9ec6;	
	background: linear-gradient(to right,#4e9ce5,#eaeaea); 
	border:1px solid #ffffff;
	min-height: 200px;
	color:#3784cc;
	border-radius: 6px;
	padding: 5px;
	font-size: 15px;
	margin-top:80px;
}	

.btn_mois {
	cursor: pointer;
	background-color: #cccccc;
	margin: 3px;
	padding: 5px;
	border-radius: 4px;
	height:60px;
	width: 40px;
}

.btn_mois:hover {
	cursor: pointer;
	background-color: #ee1084;
}



.total_loyers {
	text-align: right; 	
	min-height: 200px;
	font-size: 13px;
	color:#ffffff;	
	margin-top: 25px;	
	border-radius: 6px;
	padding: 5px;
	z-index: 1000;
}	



.itm_loyer {
	text-align:right;
	font-weight: normal;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}

.item_loyer {
	text-align:right;
	font-weight: bolder;
	font-size: 15px;
	color: #093943;
	margin-top: 10px;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}



.fb {
	font-weight: bolder;
}

.item_reglt {
	color:#276694;
	font-size: 15px; 
	text-align:right;
	font-weight: bolder;
	margin-top: 10px;
}	

.item_printbox {
	color:#276694;
	font-size: 14px; 
	text-align:left;
	font-weight: normal;
	margin-top: 10px;
}	



.btn_papiers {	
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
}


.btn_papiers:hover {
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;	
  transform: scale(0.9);
}


.btn_papiers2 {	
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
}

.btn_papiers2:hover {
	cursor: pointer;
	background: transparent;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 0px #ffffff;  
    transform: scale(0.9) rotate(0.01turn);
}

.item_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #384f5f;
	color:#3b76a1;
	background-color: #ffffff;
	height: 27px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.item_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	

.mainboard_ticket {
	cursor: pointer;
	border-bottom: 1px dashed #ee1084;
	color:#3b76a1;
	background-color: transparent;
	height: 22px;
	padding-top: -5px;
	margin: 0px -1px 0px -1px;
}

.mainboard_ticket:hover {
    background-color: #ededed;   
    background: linear-gradient(to right,#63de42,#88f76a); 
}	


.zone_ticketcourt {
	height:180px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.zone_ticketlong {
	height:425px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
}	


.bloc_user {
	border:1px solid #1c6688;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top:70px;
	left:1180px;
	background-color: #efefef;
	background: linear-gradient(to left,#4e9ce5,#0f5faa);
	cursor: pointer;
	z-index: 1;
}	


.fa_flagnav {
	margin-top: 20px;
}



.title_color {
	font-size: 17px;
	color:#384f5f;
	margin:20px 0px;
	border-bottom: 2px solid #f08001;
}


.item_color {
	font-size: 16px;
	font-weight: normal;
	color:#2f9ec6;
	text-align: right;
}





.loyerinfo_bas {
	margin-top: 425px;
	text-align: right;
}	



.loyerinfo_haut {
	margin-top: 105px;
	text-align: right;
}	


.loyertotal_bas {
	 margin-top:395px;
	 text-align: center;
	 font-weight: bolder;
}

.loyertotal_haut {
	 margin-top:75px;
	 text-align: center;
	 font-weight: bolder;
}


.loyer_input {
	border:1px solid #cccccc;
	text-align: center;
}	


.item_moncompte {
  color:#093943;
  font-size: 14px;
  margin-top: 5px;
}

.helpref {
	background-color: #bdbdbd;
	background: linear-gradient(#0d344f,#0378c6);
	border:1px solid #1c6688;
	color:#ffffff;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 315px;
	left: 260px;
	z-index: 1000;
	height: 200px;
}



.helpref2 {
	background-color: #bdbdbd;
	background: linear-gradient(to left,#aed6fc,#ffffff);
	border:1px solid #1c6688;
	color:#4e9ce5;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 170px;
	left: 380px;
	height: 450px;
}



.helpref3 {
	background-color: #bdbdbd;
	background: linear-gradient(to left,#aed6fc,#ffffff);
	border:1px solid #1c6688;
	color:#4e9ce5;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	/*top: 170px;
	left: 380px;
	*/height: 440px;  
	z-index: 1000;
}


.helpref4 {
	background-color: #bdbdbd;
	background: linear-gradient(to left,#aed6fc,#ffffff);
	border:1px solid #1c6688;
	color:#4e9ce5;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	top: 230px;
	left: 250px;
	height: 410px;
	z-index: 1000;
}



.item_ref {
	cursor: pointer;	
	color:#4e9ce5;
	background-color: transparent;
	height: 28px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}

.item_ref2 {
	cursor: pointer;	
	color:#4e9ce5;
	background-color: transparent;
	height: 28px;
	padding-top: 8px;
	font-size: 11px;
	font-weight: normal;
}





.title_ref {
	color:#f72018;
	font-size: 16px;
	font-weight: normal;		
	text-align: center;
	padding : 10px 20px 10px 20px;
	border-bottom: 2px solid #2f9ec6;
	background-color: #ffffff;
	padding: 5px ;
	border-radius: 6px;
}

.com_check {
	font-size: 14px;
	color: #4b9bb8;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}

.com_check:hover {
	font-size: 14px;
	color: #2cb3db;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: underline;
}


.meubles_long {
	margin-top:0px;
	height:340px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	



.meubles_court {
	margin-top:0px;
	height:130px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #cccccc;
	border-radius:4px;
	padding:5px;
	background: linear-gradient(to right,#8cdd75,#fff);
}	


.item_addloc {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: normal;
}


.item_addloc:hover {
	font-size: 15px;
	color:#1c6688;
	cursor: pointer;
	font-weight: bolder;
}


.item_addloc2 {
	font-size: 15px;
	color:#a09f9f;
	cursor: pointer;
	font-weight: normal;
}

.bg_mainboardold {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
}	

.bg_mainboard {
	height: 300px;
	padding-top:50px;
	background-color: #d0d2d6;
	text-align: center;
	cursor: pointer;
	border:10px solid #ffffff;
	border-radius: 20px;
	margin: 20px;
}	

.bg_mainboard:hover {
	border:14px solid #ffffff;
}	


.item_assurances {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #cccccc;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances:hover {
    background-color: #ffffff;    
}	



.item_assurances2 {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #e5e5e5;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
}

.item_assurances2:hover {
    background-color: #ffffff;    
}	



.item_assurancesfin {
	cursor: pointer;
	border-bottom: 0px solid #4f4e4e;
	border-left: 0px solid #4f4e4e;
	color:#3b76a1;
	background-color: #ededed;
	height: 30px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bolder;
}



.assurances_action {
	height: 70px; 
	background-color: #206982;	
	background: linear-gradient(#afd7fc,#ffffff,#afd7fc);
	border:1px solid #6ba7db; 
	text-align: center;
	color:#5c90c6;
	font-size: 16px;
	border-radius: 6px;
	padding-top: 5px;
	cursor: pointer;
}	

.assurances_action:hover {
	background-color: #198ab7;	
	background: linear-gradient(#afd7fc,#ffffff);
	border:1px solid #3b75af; 	
	color:#384f5f;
	border-radius: 4px;
}	

.fa_chevron {
	color:#4ec1f5;
	cursor: pointer;
}

.fa_chevron:hover {
	color:#274fb5;
}


.new_top {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(#1b6cb7,#ffffff,#1b6cb7);
}


.new_top2 {
	display: flex;
    flex-direction: column;
    height: 100%;    
    position: relative;
    border: 1px solid #3b76a1;
    border-radius: 5px;
    background: linear-gradient(to right,#fff,#c6e0ff,#fff);
    height: 420px;
}

.step-container {
    display: flex;
    flex-direction: column;    
    height: 100%;
    border: 1px solid #3b76a1;
    border-radius: 5px;
    background: linear-gradient(to right,#fff,#c6e0ff,#fff);
    height: 440px;
}

.footer-step {
    padding-top: 15px;
    padding-bottom: 15px;
}


.new_top3 {
	border: 1px solid #3b76a1;
	border-radius: 5px;
	background: linear-gradient(to right,#fff,#c6e0ff,#fff);
	min-height: 420px;
}


.new_body {
	background: linear-gradient(#5589c3,#7bb7f7,#5589c3);
	color:#ffffff;
	font-size:22px;
	padding: 5px;
	padding-bottom: 10px;
}


.new_bodymodal {
	background: linear-gradient(#5589c3,#7bb7f7,#5589c3);
	color:#ffffff;
	font-size:16px;
	padding: 5px;
	padding-bottom: 10px;
}



.loc_bodymodal {
	background: linear-gradient(#5589c3,#7bb7f7,#5589c3);
	color:#ffffff;
	font-size:15px;
	padding: 5px;
	padding-bottom: 10px;
	font-weight: normal;
}



.new_help {		
	background-color:#e0eefc;
	background: linear-gradient(#afd7fc,#ffffff);
	padding: 5px;
	border-radius: 4px;
	font-size: 14px;
	color:#444444;
	border:1px solid #cccccc;
	min-height: 440px;
	height: 440px;
	max-height: 440px;
	overflow-x: hidden;
	overflow-y: scroll;
}	


.modal_title2 {
	background: linear-gradient(#279907,#fff);
}




.modal_title {
	background: linear-gradient(to right,#63de42,#279907);
	color:#ffffff;
	font-size: 18px;
	text-shadow: 0px 1px 3px #444444;
}


.modal_body {
	background: linear-gradient(#4e9ce5,#04417a,#99c9f7,#ffffff);
	background: linear-gradient(#4e9ce5,#99c9f7,#99c9f7,#ffffff);
}	



.modal_bodyloc {	
	background: linear-gradient(#4e9ce5,#ffffff);
	text-align: center;
}	


.dw_item {
  cursor: pointer;
  color:#444444;
}

.dw_item:hover {
  background-color: :#ffffff;
  border-radius: 80px;
  color:#4e9ce5;
}


.zone_backup2 {
	height:600px;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #4165d2;
	padding:5px;
	border-radius:4px;
}

.ta_c {
	text-align: center;
}

.mr_5 {
	margin-right: 5px;
}


.color_bleutitle {
	color: #4e9ce5;
}


.noloc {
	margin: 10px;	
	background: linear-gradient(#afd7fc,#ffffff );	
	color:#3f8cd3;
	border:1px solid #666666;
	border-radius:6px;			
	font-size:18px;
	text-align:center;
	font-weight: normal;
	padding:20px;
}

	

.end_off {
	margin-left:-15px;
	margin-top: 0px;
	background-color:#e5e5e5;
	background: linear-gradient(#619dd5,#ffffff );
	margin-right:-15px;
	margin-bottom:25px; 
	color:#3f8cd3;
	border:1px solid #666666;
	border-radius:6px;		
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	font-size:14px;
	text-align:center;
	font-weight: bolder;
	padding:20px;
}



.details_off {
	margin-left:-25px;
	margin-top: 0px;
	background-color:#e5e5e5;
	background: linear-gradient(#619dd5,#ffffff );
	margin-right:-25px;
	margin-bottom:25px; 
	color:#3f8cd3;
	border:1px solid #666666;
	border-radius:6px;			
	font-size:14px;
	text-align:center;
	font-weight: bolder;
	padding:5px 20px;
}

.chk_on {
  color:#4e9ce5;
  cursor: pointer;
  border:1px solid transparent;  
  padding: 1px 5px;
  font-size: 13px;
  height: 24px;
  border-radius: 6px;
}

.chk_on:hover {
  color:#2b62a0;
  background: linear-gradient(to right,#619dd5,#ffffff);  
  border:1px solid #4e9ce5;  
}


.chk_off {
	color:#666666;
  font-size: 13px;
}

.chk_off:hover {
	color:#666666;
}


.fasearch {
	margin-top: 10px;	
	color:#cccccc;	
}


#list_users, #list_immo, #list_doss {
	color:#4e9ce5;
	font-size: 13px;
	cursor: pointer;
}

.containeradd {
	margin-top: 20px;
	max-height: 430px;
	height: 430px;
}



.containeraddprobai {
	margin-top: 20px;	
	height: 830px;
}



.containeraddfin {
	margin-top: 20px;
	max-height: 430px;
	height: 430px;
	background: #ee1084;
}

#res_deleteloc {
	height: 40px;
	margin: 10px -20px 0px -10px;
}


.fichelocation {
	border-right: 1px dashed #4e9ce5;
	border-left: 1px dashed #4e9ce5;
	height: 540px;
}


.fichelocationoff {	
	height: 540px;
}

#res_detloc {
	height: 36px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -10px;
}



.bgindx {
	background-image: url("../img/bgindex3.jpg");
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}	



.item_minus {
	cursor: pointer;
	border-bottom: 1px dashed #4f4e4e;
	border-left: 1px solid #b5b6b7;
	border-right: 1px solid #b5b6b7;
	color:#384f5f;
	background-color: #f2f7fc;
	background: linear-gradient(to right,#80c0fc, #f2f7fc);	
	padding: 2px;
	font-size: 14px;
  margin-right: 0px;
}


.item_minus:hover {	
    background-color: #4e9ce5;    
    background: linear-gradient(to right,#2eba07,#d6fccc );
    background: linear-gradient(to left,#80c0fc, #337ec4,#80c0fc);
    color:#ffffff;
}


.item_minusend {
	cursor: pointer;
	border: 1px solid #4e9ce5;
	color:#384f5f;
	background-color: #4ec1f5;
	height: 28px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bolder;
    margin-right: -1x;
}

#res_ratt {
	height: 38px;
}

.loap {
	font-size:10px;
	padding: 2px 3px;
	margin: 10px 5px 0px 0px;
}


.loyitem {
	font-size: 14px;
	color: #4d82c1;
}



.modal_delete2top {
  background: #afd7fc;  
  color:#2cb3db;
  border :0px;
}

.modal_delete2end {
  background: #ffffff;  
  color:#2cb3db;
  border :0px;
}


.modal_delete2 {
  background: #343956;
  background: -webkit-linear-gradient(#afd7fc, #ffffff);  
  background: linear-gradient(#afd7fc, #ffffff);    
  color:#2cb3db;
  border :0px;
}



.bgc_b2b2b2 {
	background-color: #e5e9fc;
	background: linear-gradient(to left,#4e9ce5,#ffffff,#4e9ce5);
	color: #000000;
	min-height: 500px;
}


.param_btn {
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	padding: 5px;	 
  background: linear-gradient(to right,#4165d2,#4e9ce5,#4165d2);
  box-shadow: 0px 6px 6px #727271;
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1) ;
}

.param_btn:hover {
	text-align: center;
	padding: 5px;
	background: linear-gradient(to left,#e25904,#f9930c,#e25904);
	border:1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	transform: scale(1.1) ;
}


.list_backdb {
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
	background-color: #a0c1ea;
	color: #008ec2;
	padding: 5px;
	border-radius: 4px;
}



  .title_loyer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color:#619dd5;    
    height: 44px; /* Ajustable selon ton besoin */
    cursor: pointer; /* Pour montrer que c'est cliquable */
  }

  .month-row {
    margin: 0px 30px 0px 30px;
    margin-top: 30px;
    text-align: center;
    height: 44px;
    background: #eaeaea;
    box-shadow: 0px 2px 10px #000000;
    border-radius: 6px;
  }


   .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }

  .row.no-gutters > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }
  
  .cell_loyer input {
    border-radius: 0; /* pas d’arrondis entre les cellules */
    border-right: 1px solid #ccc; /* ligne de séparation fine */
    font-size: 13px;
    height: 38px;    
  }

  .cell_loyer:last-child input {
    border-right: none; /* pas de bordure à la fin */
  }

 .month-row {
    position: relative; /* nécessaire pour position absolue de la flèche */
}

#mois-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid red; /* couleur flèche */
    display: none;
    transition: all 0.3s ease;
    z-index: 1000;
}

.item_reglement {
     display: flex;          
    justify-content: flex-start;
    align-items: center;      
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    min-height: 40px;      
    border-bottom: 1px solid #eee;
    font-size: 12px;
}

.item_reglement div {
    flex: 0 0 auto;          /* empêche les colonnes de se casser */
}

.item_reglement .text-center {
    text-align: center;
}

#details_historique {
    overflow-x: hidden;      /* pas de scroll horizontal */
    word-wrap: break-word;   /* pour les textes longs */
}

.curspoint {
  cursor: pointer;
}








/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


.help_loyers {
	text-align: right; 
	background-color: #2f9ec6;	
	background: linear-gradient(to right,#4e9ce5,#eaeaea); 
	border:1px solid #ffffff;
	min-height: 200px;
	color:#3784cc;
	border-radius: 6px;
	padding: 5px;
	font-size: 11px;
	margin-top:95px;
	width: 100px;
}	


.total_loyers {
	text-align: right; 	
	min-height: 200px;
	color:#ffffff;	
	margin-top: 35px;	
	font-size: 13px;
	border-radius: 6px;
	padding: 5px;
	z-index: 1000;
}	

.item_totalloyer {
	text-align:left;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	margin-left: -15px;
	padding-left: -20px;
}






.title_loyerend {
	background-color:#ffffff;
	color:#718991;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	font-size: 11px;
	cursor: pointer;
	border-right: 0px dashed #2cb3db;
}


.title_loyerend:hover {
	color:#384f5f;	
}

.clo_list {	
	padding: 0px;
	text-align: center;
	align-content: center;
	align-items: center;
  padding-left: 7px;
}

.ta_tab {
	text-align: right;
	margin-right: 0px;
	background-color: #ee1084;
	font-size: 13px;
}

#mois-row {
    position: relative; /* nécessaire pour que la flèche se positionne correctement */
    z-index: 1000;
}




}


/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {


}