bonjour j'ai un souci j'ai plusieurs div avec un menu et un contenu de page mais j'ai l'impression que il les mets les uns aux dessus des autres


voici mon 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
 
<!--
description des styles de mise en page
-->
 
 
<style type="text/css">
 
 
 
#entete {
        width: 100%;
        border-bottom: 1px solid blue;
        }
 
#nav{
        font-family: arial;
        font-size: 14px;
        color: black;
        left: 10px;
        top: 220px;
        margin-top: 5px;
        width: 220px;
        }
 
#nav a:hover:before 
        { 
        content:" » ";
        }
 
#contenu
        {
        margin-left: 210px;
        margin-right: 170px;
        margin-top: 10px;
        }
 
#pp
        {
        margin-top : 600px;
        width: 100%; clear: both;
        text-align: center;
        border-top: 1px solid blue;
        border-bottom: 1px solid blue;
        }
 
h1      {
        font-family: Verdana;
        font-size: 18px;
        color: black;
        }
 
p       {
        text-align:center;
        font-family: verdana;
        font-size: 12px;
        color: black;
        }
        
a.bouton2:link{
        width:150px;
        height:20px;
        text-decoration:none;
        color:white;
        text-align:center;
        font-weight:bold;
        background-color:#000080;
        padding:5px;
        border-style:inset;
        border-width:2px;
        border-color:silver
        }
 
a.bouton2:visited{
        width:150px;
        height:20px;
        text-decoration:none;
        color:white;
        text-align:center;
        font-weight:bold;
        background-color:#0066FF;
        padding:5px;
        border-style:outset;
        border-width:2px;
        border-color:silver
        }
 
a.bouton2:hover{
        width:150px;
        height:20px;
        text-decoration:none;
        color:white;
        text-align:center;
        font-weight:bold;
        background-color:#0000FF;
        padding:5px;
        border-style:outset;
        border-width:2px;
        border-color:silver
        }
 
.bouton2{text-align:center;padding:5px;}
 
.astuce {
        color:red;
        font-weight:bold;
        background-color:transparent;
                }
.astuce:before {content:url(style/lightmov.gif)}
.astuce:after {content:" ! "}
 
 
 
 
</style>