* {	padding:0;margin:0;}

body {
	background-image:url(http://jatS.fr/justeAtempsServices.png);
	background-color:#fffff;
	width: 90%; margin-left: auto;  margin-right: auto;
	font-family:Helvetica; font-size:1em;color:#223377;
}
a { font-weight: bold; color:#db3322; white-space: pre; }
a:link { color:#223377;}
a:visited { color:#773322;}
a:hover { text-decoration: overline; }
a:active { font-weight: normal; }

#topPAGE { clear:both;}
#topPAGE h1 {
	float:left; padding:10px 2px; margin-bottom:15px;
	font-size:1.2em; letter-spacing :5px; text-align:center;
	background-color:#223377;
}
#topPAGE h1 span {
	padding:3px 10px; white-space: pre;
	color:#ffffff;border-top: 3px solid #ffffff;border-bottom: 3px solid #ffffff;
}
#topPAGE h3 {
	float:left; width:30%; text-align:center;
	font-size:1.2em; letter-spacing :3px;
	color:#773322;
}
#topPAGE h2 {
	float:right; width:30%; text-align:right;
	font-size:1.1em; letter-spacing : 1px;
	color:#227733;
}

#topMENU { clear:both; height:20px; margin-bottom: 25px;}
#topMENU ul	{
	position:absolute; width:45%; text-align:left;
	background-color:#abcdef;  padding:5px 0;
	font-family:monospace; font-size:120%; letter-spacing : 2px;
}
#topMENU ul+ul	{
	margin-left:45%; text-align:right;
}
#topMENU li	{ display:inline; padding:0 10px;}

#mainPAGE { clear:both; width: 990px; margin:0 auto; }
#col01left {
	width:217px; float:left;  padding:20px 0 50px 0 ;
	min-height: 560px; text-align:right;
}
#col02main {
	width:550px; float:left; padding:20px 0 50px 0;
	border-left: 3px solid #db2233;
}
#col03right {
	width:200px; float:right;  padding:15px 0 ;
	min-height: 500px;
	background-color:#dbefff;
}

#botMENU { clear:both; padding:15px 0;  }
#botMENU ul	{
	border-top: 2px solid #abcdef;
	background-color:#ffffff;
	font-family:monospace; font-size:90%; letter-spacing : 2px;
	text-align:right; padding: 1px 10px 5px 0;
}
#botMENU li	{ display:inline; padding:5px;}

#botPAGE { clear:both;}
#botPAGE h1 {
	float:right; padding:2px 20px;
	font-size:80%;letter-spacing : 2px;
	color:#abcdef; background-color:#223377;
}
#botPAGE p {
	clear:both; float:right; padding:2px;
	font-size:80%;font-family:monospace; letter-spacing : 2px;
}

#botSITE {
	clear:both;
}
#botSITE form{
	float:right; text-align:right; padding: 20px 2px;
}


#col01left h2 { padding:10px 10px 20px 0;color:#db2233;}
#col01left h3 { padding:5px 10px;color:#223377; }
#col01left h4 { padding:20px 10px 0 0;color:#773322; }
#col01left h5 { padding:5px 10px;color:#117733;}
#col01left p { padding:5px 10px;color:#223377; font-size:110%;}

#col02main p {
	padding: 8px 0 0 15px;
	font-size:120%; line-height:150%;
}
#col02main h2 { padding: 10px 15px 0 15px; color:#227733;  white-space: pre; }
#col02main h3 { padding: 5px 15px;}
#col02main h4 { padding: 5px 15px; color:#db2233; }
#col02main h5 { padding: 5px 15px;}
#col02main ul { padding-left:30px;}
#col02main ul li { padding: 0 5px;}
#col02main li ul { padding-left:15px;}
#col02main ul li a { font-weight:normal; color:#773322; font-size: 90%; }
#col02main form input {
	border:1px solid #007B08;
	height:24px;
	font:12pt monospace;
	margin:0; padding:5px; width:520px;
}
#col02main form textarea {
	border:1px solid #007B08;
	height:200px;
	font:12pt monospace;
	margin:0; padding:5px; width:520px;
}
#col02main pre {
	min-height:380px;line-height:150%;
	padding: 8px 0 0 15px; margin-left:15px;
	border:1px solid #7B0008;
}

/*
#col02main div { float:right;width:auto; padding: 10px 0 20px 10px; }
#col02main div h3 { padding: 0 0 5px 0; font-size:90%;}
#col02main div p { font-size:100%; color:#000088; padding:10px 0; text-align:left;line-height:133%; }
#col02main div p a { font-weight: normal; color:#db3322; white-space: pre; }
*/

#col03right h2 { padding:10px;color:#223377; }
#col03right ul { padding-left:5px; list-style-type:none; }
#col03right ul li { padding: 5px 0;}
#col03right ul li a { font-weight:normal; color:#773322; font-size: 90%; }