body {
	background : #ffffff ;
	font-family : Arial;
	font-size : 80% ;
	margin : 0 20% ;
}
#conteneur {
	position : absolute;
	top : 0;
	left : 50% ;
	margin-left : -300px;
	width : 600px;
}
h1 {
	padding : 20px;
	background : #fff url('tonio_bw.png') top left no-repeat;
	text-align : center ;
	text-indent : -5000px ;
	height : 85px ;
	padding : 0 ;
	margin : 30px 0 30px ;
}
h2 {
	background : #bbb url('fond.png') center left no-repeat ;
	color : #fff ;
	font-size : 110% ;
	padding : 3px 15px ;
	margin : 0  0 20px 0 ;
}
#menu {
	list-style : none ;
	width : 200px ;
	margin : 0 0 20px 0  ;
	padding : 0 ;	
}
#menu li a{
	background : #fff ;
	color: #666;
	text-decoration : none ;
	padding : 5px 10px 5px 5px;
	text-align : right;
	display:block;
	border-bottom : 1px solid #ddd ;
}
#menu li.tabs-selected a{
	border-color : #ffcc66 ;
}
#menu li a:hover{
	color:#333;
}
p {
	margin : 0 ;
	padding : 5px ;
}
#tonio {
	float : right;
	margin : -10px 70px 0 0;
	display : inline;
}
span.lettrine {
	font-size : 35px ;
	float : left ;
	color : #aaa; 
	padding : 5px 5px 4px 5px ;
	margin : 0 5px 1px 0 ;
	border : 1px solid #ddd ;
}
#contenu {
	border : 1px solid #ddd;
	padding : 20px ;
	margin-bottom : 20px ;
}
.tabs-hide { display: none; }
.fragment { background: transparent; margin-bottom:20px;}
#contenu #avertissement {
	clear : both;
	margin : 20px 0 0 ;
	padding : 10px;
	text-align : center;
	font-style : italic; 
	background : #eee ;
}
strong {
	font-weight : 500;
	color : #000 ;
}

.fragment ul{
	list-style : none;
	margin : 10px 0 10px 140px;
	padding : 0 ;
	width : 270px ;
}
.fragment ul li{
	margin : 0;
	padding : 0 ;
}
.fragment ul li a{
	display : block ;
	padding : 3px 10px 3px 25px;
	border-bottom : 1px solid #ddd ;
}
.fragment a {
	text-decoration : none;
	color : #666 ;
}
.fragment a:hover {
	text-decoration : underline ;
	background : #eee ;
	color : #333 ;
}