body
{
/*    width: 1024px; */
/*    margin: auto; */
	margin-top: 20px;
	margin-bottom: 20px;
	background: url("../images/fond.png");
	margin:0; 
	padding:0;
	font-family:calibri, arial, "Arial Black", Arial, Verdana, serif;


}

div#colonne0 {
 	margin: auto;
	background: #222222;
	margin-top: 20px;
	margin-bottom: 30px;
	padding : 30px;
	border : solid 1px; 
	text-align: center ;
	color:lightgray;
	font-size:20px
	
}

div#colonne1 {
	float: left;
	width: 300px;
	margin-left:10px;
/* 	background: white; */
/* 	border : solid 1px; */
	
}


div#centre {
	margin-left: 320px;
	margin-right: 20px;
	border : solid 1px;
	padding : 4px;
/* 	background: url("../images/grad.png") repeat-x top left #ccc; */
	background:white;
}

div#footer {
	margin: auto;	
/* 	background: white; */
	margin-top: 10px;
	margin-bottom: 10px;
	padding : 10px;
/* 	border : doted 1px; */
	text-align: center ;
}


h1 {
color:darkblue;
}

a {
text-decoration:none;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: relative;
margin:auto;
}

#menu {
width: 280px;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
/* height: 20px; */
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;

}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#input1{
float:left;
}
#input2{
float:right;

}
#output1{
float:left;

}
#output2{
float:right;
}

div#robert{
margin-left:50px;
margin-right:50px;

background-color:lightgray;
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
font-size:14px;
/*text-indent:30px;*/
color:black;
padding:10px;
}