body,td,th {
	color: #000;
}

a {
	color: #000;
	text-decoration:none;
}

body {
	background-color: #9debee;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	font: 13px/16px Helvetica, Arial, sans-serif;
	}

h1 {
	padding-top:10px;
	font: 16px/14px Helvetica, Arial, sans-serif;

} 


h2 {
	font: 12px/12px Helvetica, Arial, sans-serif;

} 

#colonne-1, #colonne-2, #colonne-3, #colonne-4, #colonne-5 {
	background-color:#9debee;
	position:absolute; 
	top:0; 
	width:20%;
	height:100%;
	float: left;
	min-height: 100%; 
	overflow-y: auto;
	background-image:url('../img/grad-back.png');
	background-repeat:repeat-y;
}

.retour {
	width:17px;
	height:17px;
	cursor:pointer;
	overflow:hidden;
	background-image:url('../img/back-to-top.png');
	margin-top:-20px;
	margin-bottom: 5%;
	margin-left: 5%;
}

#button {
	background-color:#FFFFFF;
	text-align:center;
	font: 12px Helvetica, Arial, sans-serif;
	color: #000000;
	padding:10px;
}


hr {
	margin-bottom:32px;
}



#c1body {
	background-color:#bea6ed;
}	

#c2body {
	background-color:#ee4036;
	color: #FFFFFF;
}	

#c3body {
	background-color:#262261;
	color: #FFFFFF;
}	

#c4body {
	background-color:#000000;
	color: #FFFFFF;
}	

#c5body {
	background-color:#006838;
	color: #FFFFFF;
}	

#colonne-1 {
	left:0;
	cursor:default;
}

#colonne-2 {
	left:20%; 
	cursor:normal;
}

#colonne-3 {
	left:40%; 
	cursor:normal;
}

#colonne-4 {
	left:60%; 
	cursor:normal;
}

#colonne-5 {
	left:80%; 
	cursor:normal;
}