html {
 padding:0;
 margin:0;
}

body {
 padding:0;
 margin:0;
 background-image:url(cieljour.jpg);
 background-attachment:fixed;
}

b {
 color:#f40;
 font-weight:bold;
}

em {
 text-decoration:underline;
 font-style:normal;
}

a:link {
 color:#00f;
}

a:visited {
 color:#f0f;
}

#menu1 {
 position:absolute;
 left:0px;
 top:0px;
 bottom:-200px;
 width:250px;
 background-image: url(cielnuit.jpg);
 text-align:center;
 font-size:14pt;
 line-height:25px;
 font-family:arial,sans-serif;
 font-weight:bold;
}

#menu1 a:link {
color:#88f;
}

#menu1 a:visited {
color:#88f;
}

#menu2 {
 position:absolute;
 left:0px;
 top:505px;
 bottom:-200px;
 width:250px;
 background-image: url(cielnuit.jpg);
 text-align:center;
 font-size:14pt;
 line-height:25px;
 font-family:arial,sans-serif;
 font-weight:bold;
}

#menu2 a:link {
color:#88f;
}

#menu2 a:visited {
color:#88f;
}

.flotte {
float:left;
}

#contenu {
 height:auto;
 margin:0px 10px 10px 280px;
 text-align:justify;
 font-size:14pt;
 color:#000;
 max-width: 800px;
 }

#contenu h1 {
 color:#f00;
 text-align:center;
}

#contenu h2 {
 color:#00f;
 text-align:center;
}

#contenu h3 {
 color:#00f;
 text-align:center;
}

#contenu a:link {
 color:#00f;
}

#contenu a:visited {
 color:#f0f;
}

#contenu img {
max-width: 100%;
height: auto;
}

@media (max-width: 480px) {

#menu1 {
 position:absolute;
 left:0px;
 top:0px;
 bottom: 250px;
 width:100%;
 background-image: url(cielnuit.jpg);
 text-align:center;
 font-size:14pt;
 line-height:25px;
 font-family:arial,sans-serif;
 font-weight:bold;
}

#menu1 img {
max-width: 45%;
min-height: 40px;
}

#menu2 {
display: none;
}

#contenu {
 height:auto;
 margin: 450px 10px 10px 10px;
 text-align:justify;
 font-size:14pt;
 max-width: 800px;
 }

}