textarea {
   resize: none;
}

.onglet{
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
	
	background-color: transparent;
	border-radius: 2px;
	border: solid 0px white;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	padding-left:0px;
	padding-right:0px;
	white-space: nowrap;
}
.onglet:hover{
	/*color:#01DFD7;*/
	border-bottom:2px solid white;
}
.onglet.active{
	color:#01DFD7;
    border-bottom:2px solid #01DFD7;
}

img.BUTTON:hover{
	opacity:0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
}
/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button,.button-top {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
		-webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
		background-color: transparent;
		border-radius: 4px;
		border: solid 1px #ccc;
		
		cursor: pointer;
		display: inline-block;			
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

	.button-top {
		color: silver;
		font-size:12px;
		height:22px;
		line-height: 24px;
		padding-left:5px;
		padding-right:5px;
		text-transform: uppercase;
	}
	
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,.button{
		color: #555;
		font-size:14px;
		line-height: 1;
		padding: 5px;
	}
	
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover,.button-top:hover {
			border-color: #01DFD7;
			color: #01DFD7;
		}
		

			input[type="submit"]:hover:active,
			input[type="reset"]:hover:active,
			input[type="button"]:hover:active,
			button:hover:active,
			.button:hover:active{
				background-color: rgba(0, 211, 183, 0.15);
			}
			
	.button-top:active {
		border-color: darkorange;
		color: darkorange;
	}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon,
		.button-top.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before,
			.button-top.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit,
		.button-top.fit {
			display: block;
			margin: 0 0 0.625em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small,
		.button-top.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big ,
		.button-top.big {
			font-size: 1.35em;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled,
		.button-top.disabled,
		.button_top:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}
		

/*** INPUT TEXT ****/

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 4px;
	border: solid 1px black;
	color: black;
	display: block;
	outline: 0;
	padding: 5px;
	text-decoration: none;
	width: 90%;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
	box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	border-color: darkorange;
}
input[type=text].error{
	border:1px solid red;
}

input[type=password].error{
	border:1px solid red;
}

.spanbtn{
	border-radius: 4px;
	border: solid 1px black;
	background:#F1F2F2;	
	color:#435055;
	padding:5px;
	white-space: nowrap;
}
.spanbtn:hover{	
	border-color: #1892C2;
	color: #1892C2;
	cursor:pointer;	
}
.spanbtn:active{	
	border-color: #D3DBDE;
	color: gray;
	cursor:pointer;	
}

.spanbtn2{
	border-radius: 4px;
	border: solid 1px black;
	background:#043C52;	
	color:white;
	padding:5px;
	white-space: nowrap;
}
.spanbtn2:hover{	
	border-color: #043C52;
	color: #1892C2;
	cursor:pointer;	
}
.spanbtn2:active{	
	border-color: #D3DBDE;
	color: gray;
	cursor:pointer;	
}

.error_field{
	color:black;
	font-weight:bold;
}
}