body{font: 76% "Trebuchet MS",Arial,sans-serif; text-align:justify; background-color: #FFFFFF}
h1{margin: 0 0 0;color: #666666;font-size:200%; text-align:center; background:#CCCCCC}
h2{margin: 0 0 0;color: #666666;font-size:150%; text-align:justify}
h3{margin: 0 0 0;color: #000000;font-size:75%; text-align:right; background:#CCCCCC}
p{margin:0;padding:0;line-height: 1.5; font-size:110%;}
a{color: #666666; font-size: 130%; text-decoration:none}
a:hover{color: #333333; font-size: 130%; text-decoration:underline;}

/* div#container{width: 800px;min-width:100px;  margin:auto;}*/
div#container{
	width:800px;
	position:relative;
	margin-left:0;
	padding-left:0;
	left: 156px;
	top: 10px;

}
div#mask{border-width: 0px 1px 1px 1px;border-style: solid;border-color: black; margin:0 auto; background-image: url(image/bg.gif);}
div#sx {float:left; }
div#sx img{ margin:0 auto; padding : 10px;}
div#footer{margin: 0 0 0; font-size:100%; text-align:right; }
div#footer a{color: #000000; font-size:100%; text-decoration:none}

/*TAB BAR*/

div#navigation{
	/*background-color: white; */
	border-bottom: 1px solid #787878;
	padding-left: 30px
}
div#navigation ul{
	list-style-type: none;
	margin: 0;
	padding: 0
}
div#navigation li{
	display: inline;
	margin: 0;
	padding:0
}
div#navigation li a{
    font-size:150%;
	text-decoration: none;
	border: 1px solid #787878;
	padding: 0px 0.3em;
    background: #ffff66;
	color: #036
}
div#navigation li a:hover{
	background-color: #ffff99
}
div#navigation li#activelink a{
	font-size:150%;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #036
}


div#colonne{width:800px;overflow: auto;}
div#colonne div{float: left;width: 355px}

div#art {
    background-color: #FFFFFF;
	float:right;
	padding : 10px;
	width: 600px;
	
}
div#art img {background: white; margin : 5px;	border : 1px solid #000000;	padding : 2px;	float:right}