@charset "UTF-8";
/* 20211128 Ajout des classes de Boostrap V3 pour possibilité de hidden selon taille du script */
:root {
    --usn-colDef: #006080;
	--usn-COLOR_TITRE: #004d99;
	--usn-COLOR_SPTITRE: #ff337e;
	--usn-COLOR_EQUIPE: #ffb3cf;
	--usn-COLOR_COUR1: #e6ccb3;
	--usn-COLOR_COUR2: #c2f0f0;
	--usn-COLOR_COUR_EA: #c6ecc6;
	--usn-COLOR_COURSE1: #ffb3cf;
	--usn-COLOR_SPTITRE1: #ff337e;
	--usn-COLOR_COURSE2: #e6ccb3;
	--usn-COLOR_SPTITRE2: #ac7139;
	--usn-COLOR_COURSE3: #b3d9ff;
	--usn-COLOR_SPTITRE3: #0080ff;
	--usn-COLOR_COURSE4: #c6ecc6;
	--usn-COLOR_SPTITRE4: #339933;
	
	--usn-COLOR_EVENROW1: #ffe6ef;
	--usn-COLOR_EVENROW2: #f2e5d9;
	--usn-COLOR_EVENROW3: #cce6ff;
	--usn-COLOR_EVENROW4: #ccffcc;
	
	--usn-COLOR_LABEL0: white;
	--usn-COLOR_LABEL1: white;
	--usn-COLOR_LABEL2: white;
	--usn-COLOR_LABEL4: #206020;
	
	--usn-COLOR_ENREG: #004d99;
	--usn-COLOR_ENREG_2: #ff6600;
	--usn-COLOR_ENREG_PANEL: #ff;
	--usn-COLOR_FLDOBLIG: #ffffb3;
	--usn-COLOR_FLDFACULT: white;
	--usn-COLOR_FLDOK: #80ff80;
	--usn-COLOR_FLDERR: #ff4d4d;
	--usn-COLOR_CONTAINER: #fff2e6;
	--usn-COLOR_WHITE: white;
	--usn-COLOR_BLACK: black;
	--usn-COLOR_BLUE: blue;
	--usn-COLOR_RED: red;
	--usn-COLOR_GREEN: green;
	--usn-COLOR_YELLOW: yellow;
	--usn-COLOR_ORANGE: orange;
}
/* */
@media (max-width: 576px) {
	.hidden-xs, .hidden-w-low {
	display: none !important;
	}
	.mb-2-low {
	  margin-bottom: 0.5rem !important;
	}
	.btn-size-when-low {
	  padding: 0.25rem 0.5rem;
	  font-size: 0.875rem;
	  border-radius: 0.2rem;
	}
	.w-btn-low {
	  padding: 0.25rem 0.5rem;
	  font-size: 0.5rem;
	  border-radius: 0.2rem;
	}
	.usn-fontsize {font-size: 0.75rem !important;}
	.usn-iconsize {font-size:18px !important;color:white;}
}
@media (max-width: 767px) {
	.hidden-sm, .hidden-w-low {
	display: none !important;
	}
	/* add 20240622 */
	.divText2{margin:0 !important;}
	.divText2 input {margin:0 0 4px 0 !important;}
	.fullAdhNum {display:none;}
	
	.mb-2-low {
	  margin-bottom: 0.5rem !important;
	}
	.btn-size-when-low {
	  padding: 0.25rem 0.5rem;
	  font-size: 0.875rem;
	  border-radius: 0.2rem;
	}
	.w-btn-low {
	  padding: 0.25rem 0.5rem;
	  font-size: 0.5rem;
	  border-radius: 0.2rem;
	}
	.usn-fontsize {font-size:1rem}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-md, .hidden-w-height {
	display: none !important;
	}
	.usn-fontsize {font-size:1rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-lg, .hidden-w-height {
	display: none !important;
	}
	.usn-fontsize {font-size:1rem}
}
@media (min-width: 1200px) {
	.hidden-xl, .hidden-w-height {
	display: none !important;
	}
	.usn-fontsize {font-size:1rem}
}
/* */
@media (max-width: 576px) {	/* 576px et au-dessous */
  .hidden-xs {
    display: none !important;
  }
  .testmedia {color:orange !important;}
}
@media (min-width: 577px) { /* 577px et au-dessus */
  .hidden-sm {
    display: none !important;
  }
  .testmedia {color:blue !important;}
}
@media (min-width: 768px) {
  .hidden-md {
    display: none !important;
  }
  .testmedia {color:yellow !important;}
}
@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
  .testmedia {color:green !important;}
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
  .testmedia {color:red !important;}
}

.usn-min-w {min-width:120px;}
.gras , .gras-1, .gras-2, .gras-3, .gras-4{font-size:1.1em; font-weight:700 !important}
.gras-1 {min-width:80px;}
.gras-2 {min-width:70px;}
.gras-3 {min-width:180px;}
.gras-4 {min-width:250px;}

.fonce {font-weight:600;}
/* Bordures arrondies css3 */
#divrond, .rond {
	border-radius:15px;
}
.rondG {
   border-radius:15px 0 0 15px;
}
.rondD {
	border-radius:0 15px 15px 0;
}