/* CSS Document */
@charset "UTF-8";
/* INPUT */
input.def, input.big {
	background-color:rgba(240,240,240,0.6);
	border: thin inset #999;
	color: #333;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
input.def {
	/*margin:4px 6px;*/	padding:4px 0px 4px 6px; font-size:.8em;
}
input.big {
	margin:4px 6px;	padding:8px 0px 8px 10px; font-size:1em;
}
input.def:hover, input.big:hover { background-color:rgba(240,240,240,.9); }
/* BOUTON */
input.bdef {
	/*margin:4px;*/
	padding:10px 16px;
	border: thin outset #333;
	color: #CCC;
	-webkit-box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
	-moz-box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
	-o-box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
	box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:url(../img/style/bd.jpg);
}
input.bdef:hover {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 2px rgba(10,10,10,0.6);
	-moz-box-shadow: 1px 1px 2px rgba(10,10,10,0.6);
	-ms-box-shadow: 1px 1px 2px rgba(10,10,10,0.6);
	-o-box-shadow: 1px 1px 2px rgba(10,10,10,0.6);
	box-shadow: 1px 1px 2px rgba(10,10,10,0.6);
}
input.bmin {
	/*margin:4px;*/
	padding:4px 6px;
	border: thin outset #333;
	color: #CCC;
	-webkit-box-shadow: 3px 3px 3px rgba(10,10,10,0.6);
	-moz-box-shadow: 4px 4px 4px rgba(10,10,10,0.6);
	-o-box-shadow: 4px 4px 4px rgba(10,10,10,0.6);
	box-shadow: 3px 3px 3px rgba(10,10,10,0.6);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	background:url(../img/style/bd.jpg);
}
input.bmin:hover {
	color: #FFF;
	-webkit-box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
	-moz-box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
	-ms-box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
	-o-box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
	box-shadow: 2px 2px 3px rgba(10,10,10,0.6);
}
input.bopt {
	padding:4px 6px;
	border: thin outset #333;
	color: #000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
/* ::: SELECT ::: */
select.sel-nav {
	height:36px;
	width:96%;
	background-color:rgba(240,240,240,0.8);
	border: thin inset #999;
	margin:4px 0px;
	font-size:.8em;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}
select.sel-nav option { color:#999; }
select.def {
	background-color:rgba(240,240,240,0.6);
	border: thin inset #999;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	height:26px;
	font-size:.8em;
	border-radius: 8px;
}
select.def:hover { background-color:rgba(240,240,240,.9); }
select.qte {
	background-color:rgba(240,240,240,0.6);
	border: thin inset #333;
	padding-left: 6px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	min-width:140px;
	height:40px;
	font-size:1em;
	border-radius: 8px;
}
select.qte:hover { background-color:rgba(240,240,240,.9); }
/* TEXTAREA */
textarea.def {
	background-color:rgba(240,240,240,0.6);
	border:thin inset #333;
	padding: 6px 0px 6px 6px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	border-radius:8px;
}
textarea.def:hover { background-color:rgba(240,240,240,.9); }
/* ::: [ Desktop (large) ] ::: */
@media (min-width: 1281px) {
	
}
/* ::: [ Smartphone paysage, Tablette (Std portrait, Small paysage) ] ::: */
@media (min-width: 480px) and (max-width:959px) {
	input.bdef { padding:8px 14px; }
}
/* ::: [ Smartphone portrait ] ::: */
@media (max-width: 479px) {
	input.bdef { padding:6px 10px; }
}