html, body {
	 margin:0;
	 padding:0;
	 height: 100%;
	 width: 100%;
}


#background {
	 width : 100%;
	 height: 100%;
	 position: absolute;
}

#todo {
	 position: relative;
	 text-align: justify;
	 background: url(http://www.peintures-sculptures.fr/peinture.jpg) top center no-repeat;
	 width: 750px;
	 height: 520px;
     margin-left:auto;
     margin-right:auto;
	 font-size: 14px;
     border-style:solid;
     border-width:2px;
     border-color:#CCC;
	 padding-top: 30px;
}

#izquierda {
	 float: left;
	 margin-top: 2em;
	 width: 270px;
}

#izquierda-down {
	 float: left;
	 margin-top: 11em;
	 height:100px;
	 width: 270px;
}

#altura {
	 text-align: center;
	 font-size: 12px;
	 margin-top: -1em;
}

#texte-info {
	 font-size: 20px;
	 text-align: left;
	 margin-left: 3em;
}

#center {
	 text-align: center;
}

#derecha {
	 float: right;
	 width: 480px;
}

H2, H3, p {
	 text-align: center;
}

p {
	 font-size: 12px;
}

ul#menu {
	 list-style-type: none;
	  margin-top: -1em;
}

#menu a {
	 display: block;
	 margin: 1px 0;
	 margin-left: 1em;
	 color: black;
	 text-decoration: none;
	 line-height: 20px;
	 width: 150px;
	 border: 1px solid black;
	 background: #e1e1e1;
	 text-align: center;
	 font-weight: bold;
	 border-width: 1px 2px 2px 1px;
	 border-color: #cecece #4a4a4a #4a4a4a #cecece;
	 border-style: solid;
}

#menu a:hover {
	 border-width: 2px 1px 1px 2px;
	 border-color: #4a4a4a #cecece #cecece #4a4a4a;
}

.movie {
				width: 100%;
				height: 100%;
			}

div.movie {
				margin-left:15px;
				margin-top:-3em;
				width: 450px;
				height: 500px;
				text-align: center;
				border: 0px;
			}

#bajar {
				margin-top:7em;
			}