/**************************************************************
 Rooming'it - Logiciel de gestion de salles
 Copyright 2001-2020 Develop'it
 
 Version : 7.0.0
 Fichier : css/bouton.css
**************************************************************/

.floatlll > * { float: left; }
img { border: 0 none; }

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #6D9456;
	background-color: #ECF3E9;
	background-color: rgba( 18, 127, 168, 0.15);
	border-radius:2px;
}
input, textarea {
	padding:3px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #EAA500;
	transition: border-color 0.2s linear 0s;
}
input.TextCenter { text-align:center; }
select { height:22px; padding-right:5px; }
option {
	padding:2px;
}

/*************************** BarreBoutons ********************************/
.BarreBoutons {
	display:block;
	border:0;
	padding:10px 0px;
	margin: 0px 0;
}

/*************************** button ********************************/
button {
	margin-right:5px;
}
button, a.Bouton { white-space:nowrap; color: #333333; text-align:center; text-decoration:none !important; }
button img, a.Bouton img { vertical-align: middle; margin-bottom: .15em; }
a.Bouton:hover { background-color: #CCCCCC; text-decoration: none; cursor:pointer; }
button, a.Bouton {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #434343;
	cursor: pointer;
	height: 27px;
	line-height:24px;
	width:inherit;
	padding: 1px 7px;
	border-radius:2px;
	border: 1px solid #b4b4b4;
	user-select: none;
	outline:0;

	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
button:hover, button:focus, 
a.Bouton:hover, a.Bouton:focus {
	outline:0;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba( 230, 230, 230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba( 255,255,255,1)), color-stop(100%, rgba( 230, 230, 230,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba( 230, 230, 230,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba( 230, 230, 230,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba( 230, 230, 230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba( 230, 230, 230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=1 );
}

button::focus-inner,
button::-moz-focus-inner {
	outline:0;
	border: 0;
}
#BarreOutils button {
	margin-left:30px;
	padding: 0px 10px;
	height: 27px;
	line-height:24px;
}
[type=submit], [type=button], button {
	padding: 0px 10px;
}
[type=submit] img, [type=button] img, button img {
	margin-bottom:0.15em;
}
button.Petit {
	vertical-align:top;
	line-height:18px;
	height: 22px;
}

/*************************** MiniBouton et datepicker ********************************/
button.MiniBouton, button.ui-datepicker-trigger {
	vertical-align:top;
	padding:0 4px;
	margin:0;
	margin-bottom:3px;
	height:22px;
	width: 28px;
	line-height: 0px;
	margin-left:0.25em;
}
button.MiniBouton img, .ui-datepicker-trigger img {
	margin-top:1px;
}