Bonjour,

Je ne comprends pas pourquoi le champs "Voie" est décalé vers le haut par rapport aux champs "Numéro" et "Nom voie" alors que tous les éléments du css sont identiques aux autres ... même dans l'inspecteur de code du navigateur je ne trouve pas de différences !

Si quelqu'un peut m'aider, je vous en remercie !

Voici une copie d'écran qui montre le décalage du champs "voie" ainsi que de son label :
Nom : Capture du 2016-07-17 14:21:57.png Affichages : 1093 Taille : 10,4 Ko

Voici le html de cette partie :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<div class="container" ng-controller="clientCtrl">
	<div id="firstRow" class="row">
		<div class="col-sm-12" style="padding-right: 30px;">
		<div id="nouveauClient" style="text-align: center;">Créer un
			nouveau client</div>
		<div id="panelNouveauClient">
			<div class="encadre" style="height: 130px; min-width: 600px;">
				<div style="text-align: center;">
					<label style="color: #c7b988;">Identité</label><br />
				</div>
				<div>
					<div id="tablesInlineBlock" style="width: 49%;">
						<div id="tablesBlock">
							<label>Nom</label>
						</div>
						<div id="tablesBlock" style="min-width: 270px;">
							<input id="nouveauClientNom" type="text" class="form-control"
								ng-model="client_nom" style="width: 200px;" />
						</div>
					</div>
					<div id="tablesInlineBlock" style="width: 50%;">
						<div id="tablesBlock">
							<label>Prénom</label>
						</div>
						<div id="tablesBlock" style="min-width: 250px;">
							<input type="text" class="form-control"
								ng-model="client_prenom" style="width: 200px;" />
						</div>
					</div>
				</div>
			</div>
			<div class="encadre" style="min-width: 600px;">
				<div style="text-align: center;">
					<label style="color: #c7b988;">Adresse</label><br />
				</div>
				<div>
					<div id="tablesInlineBlock" style="width: 24%;">
						<div id="tablesBlock">
							<label>Numéro</label>
						</div>
						<div id="tablesBlock" style="min-width: 60px;">
							<input id="numVoie" type="text" class="form-control"
								ng-model="client_numVoie" maxlength="8" style="width: 110px;" />
						</div>
					</div>
					<div id="tablesInlineBlock" style="width: 30%;">
						<div id="tablesBlock">
							<label>Voie</label>
						</div>
						<div id="tablesBlock" style="min-width: 170px;">
							<select id="typeVoie" class="form-control"
								ng-model="client_typeVoie" style="width: 150px;">
								<option>Impasse</option>
								<option>Route</option>
								<option selected="selected">Rue</option>
								<option>Autre</option>
							</select>
						</div>
					</div>
					<div id="tablesInlineBlock" style="width: 45%;">
						<div id="tablesBlock">
							<label>Nom voie</label>
						</div>
						<div id="tablesBlock" style="min-width: 250px;">
							<input id="nomVoie" type="text" class="form-control"
								ng-model="client_nomVoie" />
						</div>
					</div>
				</div>
				<div>
					<div id="tablesInlineBlock" style="width: 49%;">
						<div id="tablesBlock">
							<label>Code postal</label>
						</div>
						<div id="tablesBlock" style="min-width: 90px;">
							<input id="codePostal" type="text" class="form-control"
								ng-model="client_codePostal" maxlength="5"
								style="width: 110px;" />
						</div>
					</div>
					<div id="tablesInlineBlock" style="width: 50%;">
						<div id="tablesBlock">
							<label>Ville</label>
						</div>
						<div id="tablesBlock" style="min-width: 290px;">
							<input id="ville" type="text" class="form-control"
								ng-model="client_ville" style="width: 250px;" />
						</div>
					</div>
				</div>
			</div>
 
			<div class="encadre" style="min-width: 600px;">
				<div style="text-align: center;">
					<label style="color: #c7b988;">Contacts</label><br />
				</div>
				<div>
					<div id="tablesInlineBlock" style="width: 49%;">
						<div id="tablesBlock">
							<label>Email</label>
						</div>
						<div id="tablesBlock" style="min-width: 270px;">
							<input id="nouveauClientEmail" type="text" class="form-control"
								ng-model="client_email" style="width: 200px;" />
						</div>
					</div>
					<div id="tablesInlineBlock" style="width: 50%;">
						<div id="tablesBlock">
							<label>Téléphone</label>
						</div>
						<div id="tablesBlock" style="min-width: 250px;">
							<input type="text" class="form-control"
								ng-model="client_telephone" maxlength="10" style="width: 200px;" />
						</div>
					</div>
				</div>
			</div>
 
			<span class="input-group-btn">
				<button class="btn btn-default"
					ng-click="nouveau_client(client_nom, client_prenom, client_email, client_telephone, client_numVoie, client_typeVoie, client_nomVoie, client_codePostal, client_ville);">
					Ajouter client</button>
			</span>
		</div>
		<table id="tableClients" class="table table-striped">
			<thead>
				<tr>
					<th>Nom</th>
					<th>Prénom</th>
					<th>Adresse</th>
					<th>Actions</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="client in clients">
					<td style="display: none;" ng-model="idClient">{{client.idClient}}</td>
					<td>{{erreurs.message}}{{client.nom}}</td>
					<td>{{client.prenom}}</td>
					<td>{{client.adresse.numeroVoie + ", " +
						client.adresse.typeVoie + " " + client.adresse.nomVoie + " " +
						client.adresse.codePostal + " " + client.adresse.ville}}</td>
					<td>
						<button class="btn btn-default"
							ng-click="modifier_client(client.idClient)">Modifier</button>
						<button class="btn btn-danger"
							ng-click="supprimer_client(client.idClient);">Supprimer</button>
					</td>
				</tr>
		</table>
	</div>
</div>
l'entête du fichier html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html ng-app="chezYenApp">
<head>
<meta charset="ISO-8859-1">
<title>Gestion des clients</title>
<link type="text/css" rel="stylesheet" href="../css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="../css/bootstrap-theme" />
<link type="text/css" rel="stylesheet" href="../css/header.css" />
<script type="text/javascript" src="../js/jquery-2.2.0.js"></script>
<script type="text/javascript" src="../js/angular.js"></script>
<script type="text/javascript" src="../js/angular-route.js"></script>
<script type="text/javascript" src="../js/gestion_clients.js"></script>
<script type="text/javascript" src="../js/chezYenDirective.js"></script>
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
 
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<link type="text/css" rel="stylesheet" href="../css/gestion_clients.css" />
<script>
	$(document).ready(function() {
		$("#nouveauClient").on('click', function() {
			console.log("clicked");
			$("#panelNouveauClient").slideToggle(600);
		});
	});
</script>
</head>
et voici le fichier gestion_clients.css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
@CHARSET "ISO-8859-1";
 
 
body {
	background-color: #0a0905;
}
 
 
 
#panelNouveauClient{
	display:none;
	margin-top:10px;
	color:#fff8d7;
}
 
#nouveauClient {
	min-width:600px;
	background-color: #c7b988;
	color:#0a0905;
	-webkit-border-radius:25px;
    border-radius: 25px;
    border: 2px solid #c90016; 
}
 
.encadre {
	-webkit-border-radius:25px;
    border-radius: 25px;
    border: 2px solid #fff8d7;
    padding: 20px;
    margin-bottom:10px;
}
 
#tablesInlineBlock {
	display:inline-block;
}
 
#tablesBlock {
	display:block;
}
 
#firstRow {
	margin-top:50px;
}
 
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: #fff8d7;
 }
 
 #tableClients {	
 	min-width:600px;
 	-webkit-border-radius:25px;
    margin-top:10px;
 }
 
 thead {
 	color:#c7b988;
    border: 2px solid #fff8d7; 
 }
 
 /* pop up de modification des données du client*/
 #fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}