hr {border: 1px dotted #AD1E38; }

body { background: #a90d14;}

#struct {position: relative; top: -170px;}

td#content {background: #C45B60 url('../images/fond.jpg') no-repeat; color: #ffffff; font-family: arial; font-size: 12px;}
.categorie { background: url('../images/categorie.gif') no-repeat; font-size: 12px; color: #ffffff; font-weight: bold; margin: 16px 39px 1px 4px; padding: 0 2px 0 2px; text-align: left; line-height: 15px;}
.categorie a { background: url('../images/categorie.gif') no-repeat; font-size: 12px; font-weight: bold; color: #ffffff; display: block; text-decoration: none; padding: 0 2px 0 2px; line-height: 15px;}
.categorie a:visited, .categorie a:hover { text-decoration: none;}

.first { margin-top: 8px; }

.rubrique2 { background: #ffffff; font-size: 10px; color: #666666; margin: 0 39px 1px 4px; text-align: left; }
.rubrique2 a { background: #ffffff url('images/rubrique_off.gif') no-repeat; font-family: arial, arial; font-size: 10px; font-weight: bold; color: #666666; display: block; text-decoration: none; padding: 0 2px 0 2px; line-height: 15px;}
.rubrique2 a:visited { text-decoration: none;}
.rubrique2 a:hover { background: #ffffff url('../images/rubrique_on_v1.gif') no-repeat; text-decoration: none; color: #000000;}

.rubrique { background: #ffffff; font-size: 10px; color: #666666; margin: 0 39px 1px 4px; text-align: left; }
.rubrique a { background: #ffffff url('../images/rubrique_off.gif') no-repeat; font-family: arial; font-size: 9px; font-weight: bold; color: #666666; display: block; text-decoration: none; padding: 0 2px 0 2px; line-height: 15px;}
.rubrique a:visited { text-decoration: none;}
.rubrique a:hover { background: #ADB224 url('../images/rubrique_on_v2.gif') no-repeat; text-decoration: none; color: #ffffff;}

div#corps {width: 676px; }
div#contenu {padding: 10px;}
div#titre { }
div#titre .titre1, div#titre .titre1:hover, div#titre .titre1:visited { font-family: verdana; font-weight: normal; font-size: 16px; color: #FE9031; text-decoration: none;}
div#titre .titre2, div#titre .titre2:hover, div#titre .titre2:visited { font-family: verdana; font-weight: normal; font-size: 16px; color: #ffffff; text-decoration: none;}

div.clear-0 {clear: both; line-height: 0px; height: 0px;}
div.clear-10 {clear: both; line-height: 10px; height: 10px;}
div.clear-20 {clear: both; line-height: 20px; height: 20px;}

div.article-r {float: left; margin-right: 0px; margin-top: 10px; }
div.article-r a.titre_art, 
div.article-r a.titre_art:visited, 
div.article-r a.titre_art:hover {color: #AD1E38; font-size: 14px; font-weight: bold; text-decoration: none;}
div.article-r .surtitre {}
div.article-r img {}
div.article-r p {margin: 0; padding: 0;}

div.article {}
div.article .surtitre {font-size: 12px; font-weight: bold; padding: 5px;}
div.article .chapo {}
div.article .intro {}
div.article .ps {}
div.article .note {}

p.spip {color: #ffffff;}
a, a:hover, a:visited {color: #ffffff;}

.suite, .auteur { color: #ffffff; }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
z-index:50;
color: #ffffff; font-family: arial; font-size: 11px;
height: 216px; 
width: 174px;
margin: 0;
padding: 0;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:174px;
height: 189px;
border: 0;
z-index: 50;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:0px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#7E1416;
padding:0px;
margin:0px;
border: 0px;
height: 27px;
float: left;
z-index: 50;
}

/* get rid of the table */
.menu table {position:absolute; border: 0px; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display: block;
text-decoration:none;
width:174px;
height: 27px;
color:#000;
text-indent:0px;
z-index: 50;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:174px; w\idth:174px; margin: 0px; padding: 0px; height: 27px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#7E1416;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
	position:absolute;
	top:0;
	padding:0px;
	margin:0px;
	left:174px; 
	z-index: 50;
}
.menu ul ul li a, .menu ul ul li a:visited, .menu ul ul li a:link {
	color: #fff;
}
.menu ul ul li a:hover {
	color: #FE9031;
}

.menu ul ul li {
	height: 21px;
	line-height: 21px;
	background: url('../images/fond_menu.jpg');	
	color: white;
	text-indent: 5px;
	z-index: 50;
}
li.sub0 a, li.sub0 a:hover, li.sub0 a:visited  {
	display: block;
	height: 27px;
	line-height: 27px;	
	z-index: 50;
}
li.sub1 a, li.sub1 a:hover, li.sub1 a:visited  {
	display: block;
	text-decoration:none;
	width:174px;
	height: 21px;
	line-height: 21px;
	background: url('../images/fond_menu.jpg');	
	color: white;
	text-indent: 5px;
	z-index: 50;
}
li.sub1bis a, li.sub1bis a:hover, li.sub1bis a:visited  {	
	display: block;
	text-decoration:none;
	width:174px;
	height: 21px;
	line-height: 21px;
	background: url('../images/fond_menu_b.jpg');	
	color: white;
	text-indent: 5px;
	z-index: 50;
}
li.sub2 a, li.sub2 a:hover, li.sub2 a:visited  {	
	display: block;
	text-decoration:none;
	width:174px;
	height: 21px;
	line-height: 21px;
	background: url('../images/fond_menu2.jpg');	
	color: white;
	text-indent: 5px;
	z-index: 50;
}

li.sub0 a img { height: 27px; padding: 0px; margin: 0px; width: 174px; border: 0px; float: left; position: relative;}

.menu ul ul li a, .menu ul ul li a:link, .menu ul ul li a:visited, .menu ul ul li a:hover {
	text-indent: 10px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}