@include media-breakpoint-up(sm) {
  html {
    font-size: 50%;
  }
}
@include media-breakpoint-up(md) {
  html {
    font-size: 75%;
  }
}
@include media-breakpoint-up(lg) {
  html {
    font-size: 110%;
  }
}
body,html {
	margin: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000;
	background-color: #fff;
	padding-top: 5px;
}

.gone {
	display: none;
}

.TBL_SIBREXIT_ORANGE {
background-color: #ffa500;
}

.TBL_SIBREXIT_ORANGE_SIVEP {
border: 10px solid #ffa500 !important;
/*background-color: #000000;*/
}

.TBL_SIBREXIT_JAUNE {
background-color: yellow;
}

.TBL_SIBREXIT_VERT {
background-color: #80ff80;
}

.TBL_SIBREXIT_ROUGE {
background-color: #ff8080;
}

.TBL_SIBREXIT_VERTICAL {
  writing-mode: vertical-lr;
  vertical-align: middle;
  width: 91.05px;
}

.TBL_TD_LONGTEXT {
  word-wrap: break-word;
  min-width: 40px;
  max-width: 900px;
  white-space:normal;
}

.TBL_TD_DATE {
  word-wrap: break-word;
  min-width: 40px;
  max-width: 150px;
  white-space:normal;
}

.dijitMenuItem {
  /*background-color: yellow;*/
  /*overflow: visible;*/
  
}

.AL_RIGHT, .ALR
{
	text-align: right;
}
.AL_RIGHT_20
{
	text-align: right;
	padding:0 20px 0 20px;
}

.AL_LEFT, .ALL
{
	text-align: left;
}
.AL_LEFT_20
{
	text-align: left;
	padding:0 20px;
}

.AL_CENTER, .ALC 
{
	text-align: center;
}

.AL_CENTER_NO_PRINT 
{
	text-align: center;
}

/*.table-fixed thead {
    position: sticky;
    top: 0;
}

.table-fixed {
	display: block;
    overflow-y: scroll;
	height: 500px;
}*/


/*Couleur entete des tableaux bootstrap */
table.table tr th{background-color:#0080FF !important; font-color:white !important;}


.jumbotron {
 padding:0 0 0 0;
}

.jumbotron h4 {
	font-size: 180% !important;
}
.small {
  font-size: 50%;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 100px) {  
  .display-4 {font-size:1.5rem;} /*1rem = 16px*/
  .logo {height:75px;}
}

@media (min-width: 544px) {  
  .display-4 {font-size:1.5rem;} /*1rem = 16px*/
  .logo {height:75px;}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  .display-4 {font-size:2rem;} /*1rem = 16px*/
  .logo {height:100px;}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .display-4 {font-size:2.5rem;} /*1rem = 16px*/
  .logo {height:100px;}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  .display-4 {font-size:3rem;} /*1rem = 16px*/    
}