-div { border: 1px solid red; margin: 1px; }
.page {
position: absolute;
top: 0px;
left: -300px;
width: 600px;
margin-left: 50%;
}
.img_post {
max-width: 588px;
}
.post {
background-color: #DDD;
margin: 3px;
padding: 3px;
}
.commentaires {
border: 2px solid #DDD;
margin: 3px;
padding: 1px;
}
.nom {
color: #999;
font-face: sans-serif;
font-size: 10pt;
line-height: 12pt;
}
.commentaires .titre {
color: black;
font-face: serif;
font-style: italic;
font-size: 14pt;
line-height: 14pt;
}
.post .titre {
text-align: center;
color: black;
font-face: serif;
font-weight: bold;
font-size: 24pt;
line-height: 14pt;
}
.texte {
color: black;
font-face: serif;
font-size: 12pt;
line-height: 14pt;
}
.liens a {
font-size: 8pt;
line-height: 10pt;
text-decoration: none;
color: #666;
}
.liens a:hover {
font-style: italic;
text-decoration: underline;
}
.tetiere {
top: 0px;
width: 600px;
height: 100px;
background-color: #DDD;
color: black;
font-family: sans-serif;
font-size: 36pt;
font-weight: bold;
text-align: center;
}
.promotion {
top: 150px;
width: 600px;
font-size: 8pt;
color: gray;
}