/dabblet.css

## dabblet.css

body {
background:rgb(43,127,192)
}

#search {
width:208px;
height:24px;
background:#F5F2F0;
box-shadow:1px 1px 2px rgba(0,0,0,.3) inset
}

#search .btn-left-loupe {
display:block;
background:url(http://www.littlemome.fr/template-loupe_png.png) no-repeat 0 0;
width:24px;
height:24px;
float:left;
margin:0
}

#search .btn-right-fleche {
display:block;
background:url(http://www.missionprovidence.com/french/images/60269144puce-fleche-png.png) no-repeat 0 0;
width:24px;
height:24px;
float:left;
margin:6px 0 0
}

#search input {
outline:0;
border:0
}

#search input[type=text] {
display:block;
font:300 12px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
background:none;
text-shadow:0 1px white;
float:left;
height:24px;
width:160px;
line-height:25px;
color:#666;
margin:0
}

## dabblet.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<body>
<form id="search" method="post">
	<div class="btn-left-loupe"></div>
	<input class="search_data" name="saisie" type="text" placeholder="Mots-Clefs..." required />
	<input class="btn-right-fleche" name="go" type="submit" value="" />
</form>
</body>
</html>

## settings.json
{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}

	body {
	background:rgb(43,127,192)
	}

	#search {
	width:208px;
	height:24px;
	background:#F5F2F0;
	box-shadow:1px 1px 2px rgba(0,0,0,.3) inset
	}

	#search .btn-left-loupe {
	display:block;
	background:url(http://www.littlemome.fr/template-loupe_png.png) no-repeat 0 0;
	width:24px;
	height:24px;
	float:left;
	margin:0
	}

	#search .btn-right-fleche {
	display:block;
	background:url(http://www.missionprovidence.com/french/images/60269144puce-fleche-png.png) no-repeat 0 0;
	width:24px;
	height:24px;
	float:left;
	margin:6px 0 0
	}

	#search input {
	outline:0;
	border:0
	}

	#search input[type=text] {
	display:block;
	font:300 12px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	background:none;
	text-shadow:0 1px white;
	float:left;
	height:24px;
	width:160px;
	line-height:25px;
	color:#666;
	margin:0
	}
	<!DOCTYPE html>
	<html lang="fr">
	<head>
	<meta charset="utf-8">
	<title>Example</title>
	</head>
	<body>
	<form id="search" method="post">
	<div class="btn-left-loupe"></div>
	<input class="search_data" name="saisie" type="text" placeholder="Mots-Clefs..." required />
	<input class="btn-right-fleche" name="go" type="submit" value="" />
	</form>
	</body>
	</html>