body{font-family: Arial, Verdana, Helvetica, Sans-serif;}
H1{color: #ff0000; text-align: center;margin: 0}
ul{list-style-type: circle; margin-top: 5px; text-align: left}
div#page{margin-top: 2%;}
DIV#titre{text-align: center;height: 120px;}
div#menu{float: left;}

div#post1{
position: absolute;
top: 5%;
right: 0;
padding-left: 50px; padding-top: 20px;
background: url(img/post-it.jpg) no-repeat center;
width: 200px;
height: 140px;
font: 9pt "Lucida Handwriting","Comic Sans MS";
}
div#post2{
position: absolute;
top: 40%;
right: 0;
padding-left: 50px; padding-top: 20px;
background: url(img/post-it.jpg) no-repeat center;
width: 200px;
height: 140px;
font: 9pt "Lucida Handwriting","Comic Sans MS";

}
div#logo{ margin-left: 20px; padding-right: 20px; border-right: 1px solid red; text-align: right}
DIV#texte{width: 50%;margin: 0% auto;font-size: large; text-align: justify;}
div#texte_cptrendu{font-size: small; width: 50%; margin: 2px auto}
a:hover{ text-decoration: underline}
a{text-decoration: none; color: black}
span#dir{color: red; font-size: x-small}
strong{color: red}