/* bouton */
td {
	button, a, .button {
		&.secondaire, &.principal, &.btn_red {
			padding: 6px 8px;
		}
	}
}
button, .button {
	margin: 0px var(--space-base) 0px 0%;
	display:inline-block;
	word-break: keep-all !important; /* override table tr td {word-break: break-word;} */

    &.secondaire, &.principal, &.btn_red {
        padding: 8px 8px 8px 8px;
		border-radius: 8px;
    }
	
    &.btn_filtre {
        padding: 8px 20px 8px 40px !important;
        background-image: url(../IconeV2/Global/filter-white.svg);
        background-repeat: no-repeat;
        background-position: 15% center;
    }
	&.principal {
        background-color: var(--main-color-blue);
		border: 1px solid var(--main-color-blue); 
		font-weight: bold;
        color: #fff;

		&:hover, &:focus{
			background-color: var(--main-color-blue-hover);
            border: 1px solid var(--main-color-blue-hover); 
            font-weight: bold;
			color: #fff !important;
        }

		
		&.ajout {
			background-repeat: no-repeat;
			background-position: 5% 8px;
			padding: 8px 1% 8px calc(8px * 2 + 14px);
		}
    }
    &.secondaire {
		font-weight: bold;
		color: var(--main-color-blue) !important;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid var(--main-color-blue); /*var(--main-color-grey2); */
        &.ajout[data-toggle="collapse"],
		button.secondaire.ajout,
		a.secondaire.ajout {
            padding: 8px 1% 8px 3%;
        }

		&:hover, &:focus, &:disabled{
			background-color: var(--main-color-grey2);
		}
    }

	&.btn_red {
		background-color: rgba(0, 0, 0, 0);
		font-weight: bold;
		border: 1px solid var(--error);
		color: var(--error) !important;

		&:hover, &:focus, &:disabled{
			background-color: var(--main-color-grey2);
		}
	}
}

button.principal.editer {
	background-image:url(../IconeV2/Global/edition.svg);
	background-repeat:no-repeat;
	background-position: 15px -30px;
    padding: 8px 8px 8px 40px;
    position: absolute;
    right: 0px;
    top: 5px;
	}
button.secondaire.editer {
	background-image:url(../IconeV2/Global/edition.svg);
	background-repeat:no-repeat;
	background-position: 15px 6px;
    padding: 8px 8px 8px 40px;
    position: absolute;
    right: 0px;
    top: 5px;
	}
.block_edition button.principal.ajout {
    padding: 8px 8px 8px 40px;
    right: 0px;
    top: 5px;
	position: absolute;
    background-position: 16px 5px;
	}
button.last {
	margin: 0px;
}
button.contextuel {
	background-color: #D0D7E0;
	color: #0E0E0E;
	&:hover {
		background-color: #E2E7EF;
		color: #0E0E0E !important;
	}
	&:focus {
		background-color: #9FB1C9;
		color: #0E0E0E !important;
	}
}
button.secondaire.telecharger, a.secondaire.telecharger {
	background-image: url(../IconeV2/Global/download_blue.svg);
	background-repeat: no-repeat;
	background-position: 9px 10px;
	padding: 10px 1% 10px 3%;
	background-size: 18px;
}
.button_right {
	float: right;
}
.bottom_text{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
button.btn_recherche {
	background-color: transparent;
	position: absolute;
	top: 26%; right: 5px;
}

button.btn-reset {
	background-color: transparent;
	border: none;
}

button.close {
	position: absolute;
    right: 10px;
    top: 17px;
    font-size: 2.5rem;
}
.closed{
	position: absolute;
    right: 0px;
    top: -30%;
    padding: 8px 15px!important;
}
button.deleteImage{
	position: absolute;
	top: 100px;
}

.contenu .button, form a.button, #historique .button {
	text-align: center;
	display: inline-block;
}

.anim-btn-flash {
	animation-name: anim-btn-flash;
	animation-duration: .25s;
}

@keyframes anim-btn-flash {
	0% {background-color: var(--good-opac15);}
}