* {	padding:0;margin:0;}

body {
	background-color:#fffff;
	margin-left: auto;  margin-right: auto;  width: 820px;
	font-family:Helvetica; font-size:1em;color:#223377;
}
a { font-weight: bold; color:#db3322; }
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;
	color:#223377;text-align:left;
	font-size:1.1em; letter-spacing : 5px;
	border-bottom: 2px solid #abcdef;
}
#topPAGE h2 {
	float:right; width:60%;
	color:#227733;text-align:right;
	font-size:1.1em; letter-spacing : 5px;
}
#topPAGE h2 span { color:#773322;font-size:70%; padding-right:40px; }

#topMENU { clear:both; padding:5px 0; }
#topMENU a:link { color:#abcdef;}
#topMENU a:visited { color:#fedcba;}
#topMENU ul	{
	background-color:#773322; letter-spacing : 2px;
	font-family:arial; font-size:80%;
	text-align:right; padding: 5px 10px;
}
#topMENU li	{ display:inline; padding:5px;}

#mainPAGE { clear:both; width: 800px; margin:0 auto; }
#col01	{ float:left; width:197px; text-align:right; }
#col02base {
	float:left; width:600px; padding:30px 0 ;
	min-height:600px; border-left: 3px solid #227733;
}
#col02galerie {
	float:left; width:600px; padding:30px 0 ;
	min-height:700px; border-left: 3px solid #000000;
}

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

#botPAGE { clear:both; padding-top:10px;}
#botPAGE a {
	float:left; text-align:center;	padding:4px;
	background-color:#223377; color:#ffffff;
	font-size:80%;
	text-decoration: none;
}
#botPAGE a span {
	background-color:#abcdef;
	color:#223377;
}
#botPAGE h1 {
	float:right;
	color:#fedcba;
	font-size:80%;
	padding:2px 20px;
	letter-spacing : 2px;
	background-color:#773322;
}
#botPAGE h1 span { color:#db3322;font-size:70%; padding-left:40px;
}
#botPAGE p { float:right; font-family:Monospace; font-size:90%; padding: 10px 0; text-align:right;
}

/*
*010101* Affichage à l'intérieur de la Colonne 01
*/

#col01 h1 { padding:25px 10px 00px 10px;color:#773322; }
#col01 h2 { padding:10px;color:#227733; }
#col01 h3 { padding:10px;color:#223377; }
#col01 h4 { padding:20px 10px 0 0;color:#773322; }
#col01 h5 { padding:5px 10px;color:#117733; font-size:110%;}
#col01 p { padding:5px 10px;color:#223377; font-size:110%;}
#col01 li { padding:10px;list-style-type:none;}

/*
*02base* Affichage à l'intérieur de la Colonne 02 BASE
*/

#col02base p {
	padding: 8px 0 0 15px;
	font-size:120%; line-height:150%;
}
#col02base h2 { padding-left:15px;}
#col02base form input {
	border:1px solid #007B08;
	height:24px;
	font:12pt monospace;
	margin:0 0 2px 0; padding:0; width:580px;
}
#col02base form textarea {
	border:1px solid #007B08;
	height:200px;
	font:12pt monospace;
	margin:0 0 2px 0; padding:0; width:578px;
}
#col02base pre {
	min-height:380px;line-height:150%;
	padding: 8px 0 0 15px; margin-left:15px;
	border:1px solid #7B0008;
}
#col02base div {
	clear:both;
	padding: 30px 0 15px 15px;
}
#col02base div p { font-size:90%; padding:0;}
#col02base div h3 { font-size:90%;}

/*
*02galerie* Affichage à l'intérieur de la Colonne 02 GALERIE
*/

#col02galerie	p {
	float:left;
	width:276px; border:0;padding:0; margin-left:15px; margin-bottom:10px;
	text-align:center;
	font-size:80%;
	background-color:#000000; color:#ffffff;
}
#col02galerie p img { width:256px; }