@charset "utf-8";
/* CSS Document */


.CibleErreur {
	padding: 15px;
	margin-bottom: 20px;
  margin-top: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #A94442;
	background-color: #F2DEDE;
	border-color: #EBCCD1;
}

.CibleInfo {
	padding: 15px;
	margin-bottom: 20px;
  margin-top: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708F;
	background-color: #D9EDF7;
	border-color: #BCE8F1;
}

.CibleSuccess {
	padding: 15px;
	margin-bottom: 20px;
  margin-top: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: darkgreen;
	background-color: #5cb85c;
	border-color: #0a0;
}

/*https://css-tricks.com/data-uris/*/
.CibleHautDroite {
	background-image:url("cible500x500.png");
	float: left;
	background-repeat:no-repeat;
}

.CibleLien {

}

.CibleDocument {
  margin: 0 0 10px 0;
  padding: 10px;
  background: #ddd;
  display: block;
  color: #000;
  border-radius: 4px;
}

.CiblePanel {
  padding: 4px;
}

.CibleTitre {
  margin: 14px 0 0 0;
}

.CibleTable {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: sans-serif;
  font-size: small;
}

.CibleTable th, .CibleTable td {
  border: 1px solid #ddd;
  padding: 8px;
}

.CibleTable th {
  font-weight: bold;
}

.CibleTable tbody tr:nth-child(even)  td {
  background-color: #f6f6f6;
}

.CibleDetailDecompte {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: sans-serif;
  font-size: x-small;
  margin: 0;
}

.CibleDetailDecompte .cell-libelle {
  width: 20%;
  min-width:20%;
}

.CibleDetailDecompte .cell-date {
  width: 15%;
  min-width:10%;
}

.CibleDetailDecompte .cell-number {
  width: 15%;
  min-width:15%;
  text-align: right;
}

.CibleForm {
	
}

.CibleNoWrap {

}

.CibleLabel {
  margin-right: 10px;
  font-weight:bold;
}

/* Carte TP */
.cartefb {
  border: 10px solid #2A5F99;
  border-radius: 20px;
  background-color: #2A5F99;
  min-width: 490px;
  max-width: 980px;
  line-height: normal;
}

.cartefb th, .cartefb td {
  border: none;
}

/* Je ne sais pas pourquoi mais un <p> est ajouté dans le rendu de la carte */
.cartefb p {
  display: none;
}

/* Fonts de la carte */
.cartefb, .cartefb table tr th {
  font-size: 8px;
  font-family: Verdana, Geneva, sans-serif;
}

/* Bloc du haut de la carte */
.cartefb .carte-haut {
  height: 90px;
}

/* Bloc arrondi */
.cartefb .panel {
  border-radius:10px;
  background-color:#dfdfdf;
  margin: 5px;
}

/* on decolle le div du panel mutuelle du bord */
.cartefb .panel-mutuelle div{
  padding: 5px;
  text-align: left;
}

.cartefb .table-administratif {
  width: 100%;
  border-collapse:separate;
}

/* Hauteur pour les deux panels du haut */
.cartefb .carte-haut .table-administratif, .cartefb .carte-haut .panel-mutuelle {
  height: 80px;
  min-height: 80px;
}

.cartefb .carte-haut .table-administratif {
  height: 80px;
  min-height: 80px;
}

.cartefb .panel-top-left {
  float: left;
  width: 40%;
}

.cartefb .panel-top-right {
  float: left;
  width: calc(100% - 40% - 19px);
}

/* reset le float */
.cartefb .carte-bas {
  clear: both;
}

/* tableau infos administratives */
.cartefb .table-administratif td {
  -border: 1px solid #2A5F99;
  padding: 2px;
}

.cartefb .table-administratif tr:last-child td{
  border-bottom: none!important;
}

.bordure-right {
  border-right: 1px solid #2A5F99!important;
}

.bordure-bottom {
  border-bottom: 1px solid #2A5F99!important;
}

.cartefb .libelle{
  color: Red;
  font-weight: lighter;
}

.cartefb .surligne{
  background-color: #fff;
}

.cartefb .surligne2{
  background-color: #FFDCDC;
}

/* tableau beneficiaires et garanties */
.cartefb .beneficiaires {
  font-size: 8px;
  font-family: Verdana, Geneva, sans-serif;
  width: calc(100% - 10px);
  border-collapse:separate;
  border: 0;
}

/* bordure pour marquer les colonnes */
.cartefb .beneficiaires td, .cartefb .beneficiaires th {
  border-right:solid #2A5F99 1px;
  border-bottom: none!important;
  padding: 2px;
  line-height: normal;
  height: 1em;
  background: none;
}

/* supprime la bordure sur la derni�re colonne */
.cartefb .beneficiaires td:last-child, .cartefb .beneficiaires th:last-child {
  border-right: none;
}

/* supprime la bordure sur la separation nom / prenom */
.cartefb .beneficiaires td:first-child {
  border-right: none;
}

/* une ligne sur deux en blanc */
.cartefb .beneficiaires tr:nth-child(even) {
  background-color: white;
}

.cartefb .panel-texte {
  padding: 5px;
}




#table-wrapper {
  position:relative;
}
#table-scroll {
  height:150px;
  overflow:auto;  
  margin-top:20px;
}
#table-wrapper table {
  width:100%;
    
}

#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}

ul.cbl-button-group {
  margin: 0;
	border-bottom: 1px solid #ccc;
}

ul.cbl-button-group li{
	display: inline;
	padding: 5px;
}

/*
ul.cbl-button-group {
 padding:0;
 margin:0;
 list-style-type:none;

 }
.cbl-button-group li {
 margin-left:2px;
 float:left; 
 }
 ul.cbl-button-group li a {
 display:block;
 float:left;   
 width:150px;
 background-color:#de0029;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
height: 2em;
 }
*/

.cbl-action-widget .cbl-item-container .cbl-action-button .cbl-button {
  color: #fff!important;
  background: #2A5F99;
  text-decoration: none;
  
    border: 0px;
    display: inline-block;
    padding: 14px 22px 13px 22px;
    margin: 0 0px 10px;
    font-size: 13px;
    line-height: 13px;
    text-transform: none;
}

.cbl-action-widget .cbl-item-container .cbl-action-button {
   /* float: right;*/
    /*padding: 40px 0 0;*/
}

.cbl-action-widget .cbl-item-container {
    /*padding: 41px 0 44px;*/
    text-align: left;

}



.cbl-form-panel {
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}

.cbl-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;    
}

.cbl-overlay span {
    padding: 5px;
    border-radius: 5px;
    color: #000;
    background-color: #fff;
    position:relative;
    top:50%;
}

#selection-typeutilisateur {
  list-style-type: none;
  padding-right: 10px;
}

#selection-typeutilisateur>li {
  cursor: pointer;
  padding: 5px;
  color: #000;
  transition: background-color 0.5s ease;
}

#selection-typeutilisateur>li:hover {
  color: #fff;
}

#selection-typeutilisateur>li.adherents {
  background-color: #ff6600;
}
#selection-typeutilisateur>li.adherents:hover {
  background-color: #ff892d;
}

#selection-typeutilisateur>li.pfs {
  background-color: #0099ff;
}
#selection-typeutilisateur>li.pfs:hover {
  background-color: #33aeff;
}

#selection-typeutilisateur>li.groupes {
  background-color: #00cc00;
}
#selection-typeutilisateur>li.groupes:hover {
  background-color: #33d900;
}

#selection-typeutilisateur>li:before {    
  font-family: 'FontAwesome';
  content: '\f054';
  color: #000;
  margin-right: 5px;
  margin-left: 5px;
  transition: margin .4s ease-in-out;
}

#selection-typeutilisateur>li:hover:before {    
  margin-left: 9px;
  color: #fff;
}

#mire-connexion {
  display: none;
}

#mode-connexion {
  display: none;
}

.cbl-clear {
  clear:both;
}

.cbl-panel {
  margin-top: 20px;
}

.cbl-action-widget .cbl-item-container .cbl-action-button .cbl-button:hover {
  background: #F3B63A;
  color: #fff;
  border: 0;
}