@import url('../fonts/font-awesome/css/all.min.css');
@import url('../fonts/poppins/poppins.css');
@import url('../fonts/roboto/roboto.css');
@import url('../fonts/dejavu/dejavu.css');
@import url('../fonts/dejavu/animosa.css');
/* @import url('../fonts/bko-icones/bko-icones.css'); Chargé explicitement pour permettre le versionning */ 

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

option.archive { color: grey; }

.u-prop__display--none { display: none; }

.u-icone-m { width: 2.5em; height: 2.5em; }

.u-prop__flex-justify-content__flex-start { justify-content: flex-start }
.u-prop__flex-justify-content__flex-end { justify-content: flex-end }
.u-prop__flex-direction--row { flex-direction: row; }
.u-prop__flex-direction--column { flex-direction: column; }
.u-prop__align--left { text-align: left; }
.u-prop__align--center { text-align: center; }
.u-prop__align--right { text-align: right; }
.u-prop__align--justify { text-align: justify; }
.u-prop__flex-1{
  flex: 1;
}

.u-prop__float--left { float: left; }
.u-prop__float--right { float: right; }


.u-prop__vertical-align--top { vertical-align: top; }
.u-prop__vertical-align--middle { vertical-align: middle; }
.u-prop__vertical-align--bottom { vertical-align: bottom; }

.u-prop__display--none { display: none; }
.u-prop__display--block { display: block; }
.u-prop__display--flex { display: flex; }
.u-prop__display--inline-block { display: inline-block; }
.u-prop__display--inline-block { display: inline-block; }

.u-ellipsis{
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.u-rotate-collapse-ouvert { 
  transform: rotate(90deg); 
  display: inline-block;
  transition: transform .3s ease;
}
.collapsed .u-rotate-collapse-ouvert { transform: rotate(0deg); }


.u-first-line-color-normal::first-line{ color: var(--text-body); }
.u-first-line-size-normal::first-line { font-size: 1rem; }


.u-fa-placeholder {
    visibility: hidden;
}

/*********/
/* Texte */
/*********/

.u-texte-petit { font-size: var(--small-font-size); }

/* hauteur de ligne */
.u-lh-1 { line-height: 1;}
.u-lh-125 { line-height: 1.25;}
.u-lh-15 { line-height: 1.5;}
.u-lh-2 { line-height: 2;}

/* attributs de texte */
.u-color-inherit { color: inherit; }

/* gestion des switch mobile/ordinateur */
.u-affsi-mobile { display: none; }
body.est-mobile .u-affsi-mobile { display: initial; }

.u-affsi-ordinateur { display: none; }
body.est-ordinateur .u-affsi-ordinateur { display: initial; }

/******************/
/* positionnement */
/******************/

.u-centrage-vert {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.u-centrage-horiz { margin: auto; }


/****************************/
/* Actions sur les éléments
 * de formulairs            */
/****************************/

.u-app-none
{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}

.u-frm--fond-colore
{
  background: #f2f2f2;
}

.u-frm--fond-colore .btn-outline-primary,
.u-frm--fond-colore .btn-outline-secondary
{
  background: white;
}


   
/*********************************/
/* pour les interractions mobile */
/*********************************/
.u-unselectable {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */       
}

.u-longtap-nodefault
{
  -webkit-touch-callout: none      /* disables the callout */
}


/*********************/
/*  Tweak bootstrap  */
/*********************/

.btn-nohover:hover {
  background: unset;
  color: unset;
}