Impression et css

Bonjour,

J'ai des problèmes sur un site ou l'impression de la page ne marche pas tres bien. En effet mes textes sont coupés (sur le coté), il y a des saut de pages inopinés...(en bas de la seconde page). Et j'ai du mal a savoir comment régler
cela.

Pièce jointe 247844

Si vous avez une idée, elle est la bienvenue :)

Ci apres la feuille de style du print :

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
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
 
@page { size: portrait; } ;
@page { margin: 2cm } /* All margins set to 2cm */
 
html{font-family: arial;
font-size: 14px;
}
 
body {
    background: white;
    font-size: 12pt;
}
 
#menu {
    display: none;
}
 
#wrapper,
#content {
    width: auto;
    margin: 0 5%;
    padding: 0;
    border: 0;
    float: none !important;
    color: black;
    background: transparent none;
}
 
div#content {
    margin-left: 10%;
    padding-top: 1em;
    border-top: 1px solid #930;
}
 
div#mast {
    margin-bottom: -8px;
}
 
div#mast img {
    vertical-align: bottom;
}
 
a:link,
a:visited {
    color: #520;
    background: transparent;
    font-weight: bold;
    text-decoration: underline;
}
 
#content a:link:after,
#content a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
}
 
#content a[href^="/"]:after {
    content: " (http://www.alistapart.com" attr(href) ") ";
}