Largeur d'un titre dans un formulaire

<form method="post" action="recherche.php" class="form02">
			<div class="titreform02">Connexion </div>
	
		
			<div id="corpForm">
	
				<p class="double">
					<label for="f1-user" class="oblig">Utilsateur </label>
				</p>
				<input type="text" id="f1-user" name="nom" onfocus="this.className='focus';" onblur="this.className='normal';" />
				
				<p class="double">
					<label for="f1-mdp" class="oblig">mot de passe </label>
				</p>
				
				<input type="text" id="f1-mdp" name="mdp" onfocus="this.className='focus';" onblur="this.className='normal';" />
				<input type="submit" value="OK" />
				
				
				
				
		
				<p class="double">
					<a href="#">Mot de passe oublié ?</a>
				</p>				
				
				


			</div> <!-- fin de corpform -->
			

			


		
		</form>

.form02 {
	width: 168px;
	/*padding: 5px 10px;*/
	/*background: lavender;*/
	/*color: midnightblue;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	border:1px solid black;
}


.titreform02 
{	/*** Mise en forme du titre  ***/
	color: white;
	background: orange;
	border-color:orange;
	height:15px;
	padding:1px;
}