html {
 padding:0;
 margin:0;
}
body {
 padding:0;
 margin:0;
 background-image:url(papier.jpg);
 background-attachment:fixed;
}
h1, h2 {
 color:#f00;
 text-align:center;
}
h3, h4, h5 {
 color:#00f;
 text-align:center;
}
b {
 color:#00f;
 font-weight:bold;
}
em {
 text-decoration:underline;
 font-style:normal;
}
a:link {
 color:#f00;
}
a:visited {
 color:#f0f;
}
a:active {
 color:#ff0;
 background-color:#00f;
} 
a:hover {
 color:#ff0;
 background-color:#00f;
}
img {
max-width: 100%;
height: auto;
}

iframe {
max-width: 100%;
}
.menu {
 position:absolute;
 left:0px;
 top:220px;
 bottom:0px;
 width:250px;
 background-image: url(cieljour.jpg);
 text-align:center;
 font-size:12pt;
 line-height:24px;
 font-family:arial,sans-serif;
 font-weight:bold;
}
.nouveau {
color:yellow;
background-color:blue;
}
.flotte {
float:left;
}

#contenu {
 height:auto;
 margin:0px 10px 10px 260px;
 text-align:justify;
 font-size:14pt;
 background-image:url(papier.jpg);
}
.centrage {
 text-align:center;
}

#Pensee {
 height:220px;
 text-align:center;
 margin:0px 0px 0px 0px;
 background-image:url(foudre.jpg); 
}

#Pensee a {
 color:#FF0;
 font-family:chalkboard,serif;
 font-size:20pt;
 font-weight:normal;
 text-decoration:none;
}

#Pensee a:hover {
 color:#f00;
 background-color:#00f;
}

@media (max-width: 480px) {

.menu {
 position:absolute;
 left:0px;
 top:800px;
 bottom:250px;
 width:100%
 }

#contenu {
 position:relative;
 height:auto;
 margin: 2200px 10px 10px 10px;
 }

}