* { border:0; margin:0; padding:0; }
img { border:1px solid #3D3E30; }
a { color:#fff; text-decoration:underline; }
a:hover { color:#90A9F7; text-decoration:underline; }
margin:0 0 0 5px; padding:0 0 0 10px; }
.left { float:left; margin:0 10px 0 0; }
.right { float:right; margin:0 0 0 10px; }

body { background:#000 repeat-x top; font:11px "Trebuchet MS", Georgia, "Arial", Times, serif; color:#555; }

#entete { background:url('banniere-chitcatt.jpg'); height:222px; margin:0 auto; position:relative; width:750px; }
#entete:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; }
#entete a {color:#fff; text-decoration:none;}
#entete h1 { color:#fff; font-weight:normal; right:50px; position:absolute; top:35px; font:48px Impact, Verdana, serif;}
#entete h2 { color:#aaa; font-size:14px; font-weight:normal; right:50px; letter-spacing:-0.5px; position:absolute; top:85px; }
#entete h3 { color:#666; font-size:11px; font-weight:lighter; left:232px; letter-spacing:3px; position:absolute; top:181px; }
#entete ul { list-style:none; position:absolute; top:100px; }
#entete ul li { list-style:none; }
#entete ul li a { color:#fff; display:block; font-size:1.2em; font-weight:bold; height:20px; padding:10px; width:190px; }
#entete ul li a:hover { background:#FFF; color:#000; text-decoration:none; }

#contenu { height:auto; margin:0 auto; width:700px; }
#contenu:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; }

#barre { float:left; width:180px; }
#barre h1 { background:#000; color:#FFF; font-size:150%; font-weight:normal; line-height:20px; padding:0px; margin-bottom: 0px; margin-top: 15px;}
#barre p { background:#aaa; color:#000; display:block; font-size:90%; line-height:20px; margin:10px 0; padding:10px; }
#barre p a.more { display:block; text-align:right; }
#barre ul { margin:8px; }
#barre ul li { list-style:none; padding:0px; }
#barre ul li a { color:#999; display:block; padding:5px; text-decoration:none; }
#barre ul li a:hover { color:#DEDEDE; background:#333;}
#barre li ul{padding:0px; margin:0px 12px; }
#barre li ul li { list-style:circle; list-style-position:outside; margin-left: 10px; padding-left:0px;}
#barre li ul li a { color:#999; display:block; padding:2px 0px; text-decoration:none; }
#barre li ul li a:hover {color:#fff; background:#000; text-decoration: underline;}




#corps { float:right; width:502px; }
#corps p { color:#999; line-height:18px; padding-top:5px; text-align: justify; }
#corps h1 { color: #FFF; border-bottom:1px dashed #ccc;  font-size:150%; font-weight:normal; line-height:30px; padding:0px; margin-bottom: 5px; margin-top: 10px; }
#corps h2 { color: #FFF; font-size:120%; font-weight:normal; line-height:20px; padding:0px; margin-bottom: 0px; margin-top: 10px;}
#corps img {padding: 0px; margin: 0px; margin-top: 10px; border-color: #999;}
#corps code {font-size:120%;}
#corps ul, ol{padding: 0px; margin: 0px; padding-left: 40px; text-align: justify; line-height: 18px; margin-bottom: 5px; margin-top: 5px;}





#bas { margin:30px auto; width:700px; border:0px dashed #47533F; padding: 5px;}
#bas:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; }
#bas p {color:#DEDEDE;  font-size:90%; line-height:12px; padding:2px; text-align:center; }