html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
}
body{
	width:100%;
	height:100%;
}
ul{
	list-style:none;
}
#container{
	width:450px;
	height:400px;
	margin:0 auto;
	border:1px solid #ccc;
	border-radius: 3px;
	padding:5px;
	position: relative;
}
#tete{
/*en haut à gauche*/
	position: absolute;
	width:154px;
	height:154px;
	top: 4px;
	left: 4px;
	border: 2px solid #CCC;
	padding:2px;
}
#elements{
/*en haut à droite*/
	position: absolute;
	top: 4px;
	right: 4px;
	border: 2px solid #CCC;
	padding:2px;
	overflow:auto;
	width: 280px;
}
#elements li{
	float:left;
	padding:0 10px;
}
#colors{
/* en bas à droite */
	position: absolute;
	bottom: 4px;
	right: 4px;
	border: 2px solid #CCC;
	padding:2px;
	overflow:auto;
	width: 280px;
}
#colors li{
	float:left;
	padding:0 10px;
}

#element{
/* milieu droite */
	position: absolute;
	top: 90px;
	right: 4px;
	border: 2px solid #CCC;
	padding:2px;
	width: 280px;
	height: 240px;
}

#save{
	/* sous l'image */
	position: absolute;
	top: 180px;
	left: 4px;
}

.button{
 /* joli style de bouton :) */
}