/* bouttons de base et bouttons primary */
.btn {
    color: white !important;
    font-weight: 700;
    text-transform: uppercase;
    border: 0;
    /*margin : 10px;*/
    }

/* surcharge bootstrap a notre charte graphique */
.btn-primary{
    	color: #fff;
  		background-color: #FFBE00;
  		border-color: #FFBE00;
  		border-radius: 0;
      }
.btn-grey{
		color: #fff;
 		background-color: rgb(166,168,168);
 		border-color: rgb(166,168,168);
 		border-radius: 0;
}
.btn-primary:hover{
    	background-color: #21297a;
      }
      
/* liens formulaire (mot de passe oublie) */ 
.form a{
    	color: grey;
    	text-decoration: underline;
      }
      
/* font de tous les textes */
body, table{
      font-family: 'Asap', sans-serif !important;
      font-size: 12px !important;
      }
      

h1, h2{
      font-family: 'Asap', sans-serif !important;
      
      }
      /******************/
@supports (not(justify-content)) {
	h1,h2 {
		padding-top : 250px !important;
	}
} 
      /******************/
      

      
/*input a angle droit */
input{
      	border-radius: 0 !important;
      }


/* tableaux */
.table{
  border-top : 3px solid white;
  border-right : 3px solid white;
  border-left : 3px solid white;
}

.table-synthese td{
  /*color: white !important;*/
  border: 3px solid white !important;
  color: #00A0DC !important;
}

.table thead th{
  background-color: #21297a;
  /*color: white !important;*/
  border: 3px solid white;
}
.thead{
  background-color: #21297a;
  color: white !important;
  /* padding: 0.6rem;  (padding égal aux thead>th pour simuler un nouveau head dans le tab*/
}

.table tr{
  border-top: 2px solid     rgba(143,143,143,0.8);
  border-bottom: 2px solid      rgba(143,143,143,0.8);
}
.table td{
	/*a appliquer sur autre tab que liasse border-right: 1px dashed rgb(143,143,143); */
	padding: 0.3rem 0 !important;
	vertical-align: middle;
}
.table th{
	padding : 0.6rem
}

.table td, .table td a {
   color:   rgb(100,100,100);
}

/* texte en gras */
.font-w-light{
  font-weight: lighter !important;
}

/* texte en gras */
.bold{
  font-weight: 700 !important;
}

/*couleur des textes de tableau*/
.tab-text-blue{
  color: rgb(24,147,202) !important;
}
.tab-text-white
{
  color: white;
}
.tab-text-grey
{
  color: rgb(100,100,100);
}

/*suppression bordure droite*/
.no-border{
  border-right: 0 !important;
}


.souligne{
  text-decoration: underline;
}

/*point d'interrogation info bulle chiffres clés*/
.help{
  color: white !important;
  font-weight: 700;
  background-color: rgb(24,147,202);
  line-height: 1;
  padding: 0 4;
}
/*info bulle chiffres clés*/
.tooltip-inner {
  max-width: 500px !important;
  text-align: left;
}
.bs-tooltip-inner {
  text-align: left;
}
  
}
/*couleur de fond (pour certaines cellules de tableau) normalement remplace par la classe : liasse2*/
.bgc-grey{
  background-color: rgb(223,223,223) !important;
}
.bgc-white{
  background-color: white !important;
}

.FE-link{
  color: black;
}

.va-top{
  vertical-align: top !important;
}
.border-2-white{
  border: 2px solid white;
}
.border-r-white{
	border-right: 3px solid white;
}
.border-left{
  border-left: 2px solid grey !important;
}
.span-border-left{
  border-left: 3px solid rgba(143,143,143,0.8)
}
.span-border-right{
  border-right: 3px solid rgba(143,143,143,0.8)
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgb(255, 255, 255);
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: rgb(236, 238, 243);
}

.border-2-r-grey{
	border-right: 2px solid rgba(143,143,143,0.8) !important;
}

tr.liasse2, td.liasse2, p.liasse2, div.liasse2{
	background-color: rgb(236, 238, 243);
}

a{
	color: black !important;
}

.pagination li{
	padding: 0.5rem 0.4rem;
}
/** bordure au survol des liens ou au lien actif ***/
li a:hover, li a#active{
	border-bottom : 2px solid #ffbe00;
	padding-bottom : 0.2rem;
}

/****** tableaux liasses ******/

/** style des numeros de poste **/
.poste
{
    text-align: center;
    width: 40px;
    padding: .3rem !important;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
/** stle pour les TR total **/
.table .row-total td, .table .row-total{
	border-top: 2px solid #21297a  !important;
	border-bottom: 2px solid #21297a  !important;
	background-color: rgb(236, 238, 243);
  	font-weight: bold;
}
/* annule l'effet des border sur les td ou tr */
.no-border-bt td, .no-border-bt tr {
	border-top : 0 !important;
	border-bottom : 0 !important;
}

/** initialisation des span pour que leur bordures collent celles des td parentes et avoir des bordures qui ne prennent pas toute la hauteur  **/
.span-init{
	display: inline-block;
	width: 100%;
	padding: 0.3rem;
}

/** bordures des tableaux selon contexte **/
.border-r-dashed{
  border-right: 1px dashed rgba(143,143,143,0.8);
}
.border-l-dashed{
  border-left: 1px dashed rgba(143,143,143,0.8);
}
.border-r-grey{
  border-right: 1.5px solid rgba(143,143,143,0.8);
}
.td-border-r-grey{
  border-right: 3px solid rgba(143,143,143,0.8);
}
.td-border-r-grey{
	border-right: 2px solid rgba(143,143,143,0.8);
}

.border-l-grey{
	border-left: 1.5px solid rgba(143,143,143,0.8);
}

.border-blue{
	border-right: 3px solid #00A0DC !important;
	border-left: 3px solid #00A0DC !important;
}

.color-blue{
	color: #00A0DC !important;
}
.color-dark-blue{
  color: #21297a !important;
}
.couleur-jaune{
	color: #FFBE00;
}
/** ancien bleu fonce normalement plus utilisé maintenant **/
.darkblue{
	color: #000096 !important;
}
.bgc-darkblue{
	background-color: #000096 !important;
}
.col-blanc{
	color: #fff !important;
}

/** classes pour definir des largeurs en % **/
.w70pc{
  width: 70% !important;
}
.w60pc{
  width: 60% !important;
}
.w40pc{
  width: 40% !important;
}
.w20pc{
    width: 20% !important;
}
.w15pc{
  width: 15% !important;
}
.w10pc{
	width: 10% !important;
}
/*liasse 2033 tab 3 ( w10pc ecrase la derniere col)*/
.w8pc{
	width: 8% !important;
}
.w3pc{
	width: 3% !important;
}
.w6pc{
  width: 6% !important;
}

/** permet l'ecriture verticale **/
.rotation90{
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);  /* FF3.5+ */
    -o-transform: rotate(-90deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
}

.vertical-font{
  font-weight: 500;
  color: #21297a;
}

.alert-danger {
	background-color : transparent;
	border-color : transparent;
	padding-bottom:0px;
	font-weight : bold;
    font-size: 15px;
  	color: #FF0000;
}

.liste-societe .fa{
	font-size: 18 !important;
}
/** cube derriere le logo fontawesome suivant precedent etc **/
.cube {
	width: 35px;
	height: 35px;
	background-color: #00A0DC;
	padding: 0.5rem 0.6rem;
}
.cube-jaune {
	width: 35px;
	height: 35px;
	background-color: #FFBE00;
	padding: 0.5rem 0.6rem;
}
/** style des fleches de font awesome **/ 
.fa-arrow-right, .fa-arrow-left{
	color: white !important;
	font-size: 11px;
}
li a:hover{
	text-decoration: none;
}
/* permet de centrer un bloc qui ne prend pas 100% de la largeur de son parent */
.centrer{
	margin: 0 auto;
}

/******* fil d'ariane surveillance *******/
.ariane {
	width: 651px;
	margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
}

.ariane-item {
	padding: 10px 31px;
}

.ariane li{
	background-color: rgb(236, 238, 243);
	position: relative;
}
.ariane li:first-child{
	padding: 10px 52px
}

.ariane li.active{
	background-color: #21297a;
}

.ariane li a{
	color: rgb(102,102,102) !important;
}
.ariane li a:hover{
	border-bottom: 0;
}
.ariane li.active a, .ariane li.disabled a{
	color: white !important;
}

.ariane li:not(:last-child):after{
	content: '';
    position: absolute;
    right: -18px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 36px solid transparent;
    border-left: 18px solid rgb(236,238,243);
    border-top: 37px solid transparent;
    clear: both;
}
.ariane li.active:after{
	border-left: 18px solid #21297a;
}
.ariane li.active:before{
	border-bottom: 37px solid #21297a !important;
	border-top: 37px solid #21297a !important;
}


.ariane li:not(:first-child):before{
	content: '';
    position: absolute;
    left: -18px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-top: 37px solid rgb(236,238,243);
    clear: both;
}
.ariane li:not(:first-child):before{
	content: '';
    position: absolute;
    left: -18px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-bottom: 37px solid rgb(236,238,243);
    clear: both;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
  
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     .ariane li:not(:first-child):before{
  border-top: 37px solid rgb(236,238,243) !important;
  border-bottom: 37px solid rgb(236,238,243) !important;
  }
  .ariane li.active:before{
	border-bottom: 37px solid #21297a !important;
	border-top: 37px solid #21297a !important;
	}
	
}
 
/* surveillance etape 2, style du bloc info societe pour l'aligner au fil d'ariane */
.style-bloc-sup{
	background-color: rgb(236,238,243);
    padding: 20px;
    width: 616px;
}

.ariane li.disabled {
	background-color: rgb(102,102,102) !important;
}
.ariane li.disabled:before{
	border-top: 37px solid rgb(102,102,102) !important;
	border-bottom: 37px solid rgb(102,102,102) !important;
}

.ariane li.disabled:after{
	border-left: 18px solid rgb(102,102,102);
}

/*** ne pas surligner le lien au survol ****/
.td-none:hover{
	text-decoration : none;
}

/*** liens sur les dates de bilans en haut des liasses ***/
.contour-lien{
	background-color: #00A0DC;
    padding: 0.3rem 0.5rem;
}
.contour-lien-active{
	background-color: #21297a;
    padding: 0.3rem 0.5rem;
}
.fs-14{
	font-size: 14px !important;
}
.modal-header {
	background-color: #F5F5F5;
}

@media print {
	/* SCI : à l'impression, on réduit les marges, réduit les caractères... */
    .mt-5 { margin-top : 0px!IMPORTANT}
    .mb-5 { margin-bottom : 0px!IMPORTANT}
    .mt-4 { margin-top : 0px!IMPORTANT}
    .mb-4 { margin-bottom : 0px!IMPORTANT}
    
    /*Pour le panneau identité d'une société : on force l'alignement label+valeur sur une seule ligne au lieu du renvoi automatique à cause du responsive.*/
    .col-md-2{
    	-webkit-box-flex : 0;
    	flex : 0 0 16.666667%;
    	max-width:16.66%
    }
    
    .col-md-10{
    	-webkit-box-flex : 0;
    	flex : 0 0 83.333333%;
    	max-width:83.33%
    }
    
    .table{ 
    	width:630px;
    	margin-bottom : 0px;
     }
	.table td{
		padding: 0px !important;
		vertical-align: middle;
	}
	.table th{
		padding :0px
	}
	.span-init{
		padding: 0px;
	}
	body, table{
      font-size: 10px !important;
      }
    /*à l'impression, certaine rotation doivent être descendues de 200px.*/
    .rotation90-200 {
      position:relative;
      top:200px
    }
    
    h2 {font-size: 1rem}
}
.pointer {
	cursor: pointer;
    text-decoration: underline;
}
.borderless {
	border: 0px !important;
}

.overflow-auto {
	overflow-x: auto;
	width: 100%;
}