#rub_service div.template-franceconnect-data {
	.franceconnect--button {
		display: block;
		width: 160px;
		background-image: url('../img/franceconnect-avatar.svg');
		background-repeat: no-repeat;
		background-size: auto 35px;
		padding: 5px 2px 5px 40px;;
		background-position: 5px center;
		font-size: 85%;
		cursor: pointer;
	}

	div.content {
		position: relative;
		input {
			width: 100%;
		}
	}

	.franceconnect--clear {
		position: absolute;
		right: 0;
		bottom: 0.5em;
		display: none;
	}

	.franceconnect--clear::before {
		font-family: FontAwesome;
		content: "\f057";
		color: $link-color;
	}

	.franceconnect--error {
		color: $error-color;
		font-size: 90%;
	}
}
