@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;
}


/* -Mise en place du formulaire*/
/* TODO Encapsuler dans une classe */
/* dl
{
  margin: 0px;
  padding: 0px;
  border:1px outset green;
  width:100%;
  overflow: hidden;
  background: #ff0;
}
dt
{
  margin: 0px;
  padding: 0px;
 border:1px outset green; 
}

dd
{
  margin: 0px 0px;
  padding: 0px;
  border:1px outset red;  
} */


dl {
  display: inline-flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 1000px;      /* set the container width*/
  overflow: visible;
  border:1px outset lightgray;
  padding:10px;
  margin-left: 0px;
}
dt {
  flex: 0 0 25%;
  text-overflow: ellipsis;
  overflow: hidden;
}
dd {
  flex:0 0 75%;
  margin-left: auto;
  text-align: left;
  text-overflow: ellipsis;
  overflow: visible;
}

.gone {
	display: none;
}

.fa{
color: lightgray; !important
}

.TBL_SIBREXIT_ORANGE {
background-color: #ffa500;
}

.TBL_SIBREXIT_JAUNE {
background-color: yellow;
}

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

.TBL_SIBREXIT_ROUGE {
background-color: #ff8080;
}

.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;
}



/*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*/    
}