couleur de fond dans un fieldset

bonjour j'ai un petit probleme pour la couleur de fond de mon fieldset

http://www.developpez.net/forums/att...1&d=1150446902

Je voudrais que le fond blanc soit à l'interieur de mon fieldset et qui ne déborde pas au dessus.. je sais que c'est normal vu qu'il colore la ligne de <legend>Connexion</legend> mais je n'arrive pas à regler le probleme...

voici mon code :

Code:

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
<?php
//on démare une session
session_start();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="design_principal.css" rel="stylesheet" media="screen" type="text/css" title="site"/>
 
 
<title>Application intranet - index</title>
</head>
<body>
<?php
//connexion à la base de donnée
mysql_connect("localhost", "root", "");
mysql_select_db("sofiap");
?>
<!--<div id="corps">-->
<fieldset>
<legend> Connexion</legend>
<form action="index.php" method="post"name="form">
<div class="row">
<label>Agence : </label>
<select name="agence">
<option value="rien">--- Choisissez une agence ---</option>
<?php
//connexion à la base de donnée
        mysql_connect("localhost", "root", "");
        mysql_select_db("sofiap");
        
//on récupere les agences
$retour=mysql_query('Select num_agence,nom_agence from agence');
while($donnees=mysql_fetch_array($retour)){
?>
<option value="<?php echo $donnees['num_agence'];?>"><?php echo $donnees['nom_agence'];?></option>
<?php
}//while
mysql_close();
?>
</select>
</div>
<div class="row">
<label>Nom : </label>
<input name="nom" type="text" value="" >
</div>
<div class="row">
<label>Prenom : </label><input name="prenom" type="text"  >
</div>
<div class="row">
<label>Mot de passe : </label><input name="mot_de_passe" type="password">
</div>
<div class="row">
<input name="reset" type="reset" value="Réinitialiser" class="bouton">
<input name="enregistrer" type="submit" value="Valider" class="bouton">
</div>
</form>
</fieldset>
<!--</div>-->
<?php
if(isset($_POST['enregistrer'])){
        //traitement du formulaire
        if($_POST['nom']!='' and $_POST['prenom']!='' and $_POST['mot_de_passe']!='' and $_POST['agence']!='rien'){
        //connexion à la base de donnée
        mysql_connect("localhost", "root", "");
        mysql_select_db("sofiap");
        $nom=$_POST['nom'];
        $prenom=$_POST['prenom'];
        $mot_de_passe=$_POST['mot_de_passe'];
        
        $retour=mysql_query('Select id_utilisateur from utilisateur where nom="'.$nom.'" and prenom="'.$prenom.'" and password="'.$mot_de_passe.'"');
 
        if($donnees = mysql_fetch_array($retour)){
        // utilisateur identifié,initialisation de la variable session et redirection vers la page de recherche de dossier
        $_SESSION['utilisateur']=$donnees['id_utilisateur'];
        ?>
        <meta http-equiv="refresh" content="0;url=http://127.0.0.1/application intranet/recherche_dossier.php?agence=<?php echo $_POST['agence'];?>">
 
        <?php
        mysql_close();
        }
        else  {
        print '<script language="javascript">';
    print 'alert("L\'identifiant n\'existe pas !");';
    print '</script>' ;
        }
        }
        else {
        print '<script language="javascript">';
    print 'alert("Vous devez remplir tous les champs !");';
    print '</script>' ;
        }
}
?>
 
</body>
</html>

design-principal

Code:

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
body {
        background-color:#3571a6;
}
 
body{
        color: #666633;
}
table 
{
margin:5px;; /* Centre le tableau */
border: 2px outset gray; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}
th /* Les cellules d'en-tête */
{
        border: 1px solid black;
        padding:5px;
        padding-left:10px;
        padding-right:10px;
        background-color:#CCCCCC;
        color:#000033;
        font-size: 1.15em;
}
 
td /* Les cellules normales */
{
   border: 1px solid black;
   font-size:1.05em;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
h1, h2 {
        color: #663300;
}
 
h3, h4, h5, h6 {
        color: #996633;
}
 
a {
  color: #336600;
}
 
#corps
{
        width: 800px;
        margin: 0px auto;
        background-color:#ebf9ff;
 
}
#corps p
{
text-align:center;
font-size:20px;
}
#corps em
{
font-size:17px;
}
 
div.row {
        clear: both;
         padding-top: 10px;
 }
 
label {
        float: left;
        width: 170px;
        text-align: right;
        font-size:1.2em;
        margin-right:35px;
 }
 
.input {
        float: right;
        width: 335px;
        height:40px;
        text-align: left;
        font-size:1.2em;
 }
legend{
        font-size:1.3em;
        color:#dccf00;
        }
 
fieldset{
margin:2px;
background-color:#ffffff;
}
.bouton{
        width:125px;
        margin-left:20px;
        margin-right:52px;
        margin-top:10px;
        margin-bottom:10px;
        color:#000066;
        font-size:1em;
        }
 
.bouton_grand{
        width:200px;
        margin-left:20px;
        margin-right:52px;
        margin-top:20px;
        margin-bottom:10px;
        color:#000066;
        font-size:1em;
}
.donnee
{
font-size:1.15em;
color:#993300
}