/* Feuille CSS - Chronologie */

/* ================================================================ 
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/pro-dropline-9.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
#chronologie {position:relative; font-size:12px; height:75px; width:505px; background:url("../images/body-menus.png") no-repeat center top; margin:auto; padding:0;}
#chronologie ul {padding:0; margin:0; list-style:none; width:505px; height:35px;}
#chronologie ul ul {padding:0; margin:0; list-style:none; width:505px; height:40px;}

#chronologie table {border-collapse:collapse; margin:-1px -20px 0 0; padding:0; width:0; height:0; font-size:1em;}

#chronologie li {float:left; height:35px;}
#chronologie li a,
#chronologie li a:link,
#chronologie li a:visited {float:left; display:block; margin-top:-2px; padding:0 0 0 37px; height:35px; color:#ddd; text-decoration:none; font-family:trebuchet, helvetica, sans-serif;}

#chronologie li a b {float:left; height:35px; display:block; padding:0 22px 0 10px;  cursor:pointer; display:inline; font-weight:normal;}
#chronologie li.current a {background-position:0 -35px; border-color:#fff; color:#F8F124;}
#chronologie li.current a b {background-position:100% -35px; color:#F8F124;}
#chronologie li ul {position:absolute; top:35px; left:-9999px; z-index:10; background:url(../images/mois.png) left bottom no-repeat;}
#chronologie li.current ul {left:0; z-index:1;  border-left:0px solid #7f7f7f}

#chronologie li a:hover {background-position:0 -70px; border-color:#000; color:#fff; cursor:pointer;}
#chronologie li a:hover b {background-position:100% -70px; border-color:#000; color:#fff;}

#chronologie li:hover > a  {background-position:0 -70px; border-color:#000; cursor:pointer;}
#chronologie li:hover > a b {background-position:100% -70px; border-color:#000; color:#fff;}

#chronologie li.current a:hover {background-position:0 -35px; border-color:#000;}
#chronologie li.current a:hover b {background-position:100% -35px; color:#F8F124;}
#chronologie li.current:hover a {background-position:0 -35px; border-color:#000;}
#chronologie li.current:hover a b {background-position:100% -35px; color:#F8F124;}

#chronologie ul :hover ul {left:0; border-left:0px solid #d0d0d0;}

#chronologie ul :hover ul.right li,
#chronologie ul li.current ul.right li {float:right;}

#chronologie ul :hover ul.blank {border-left:1px solid #e6e6e8;}

#chronologie ul li.current ul li,
#chronologie ul :hover ul li {padding-top:0px; padding-left:0px;}

#chronologie ul :hover ul li a {display:inline;  background:url(../images/bar.gif) right center no-repeat; padding:0 10px; margin-top:-10px; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#ddd; height:35px; line-height:34px;}
#chronologie ul :hover ul.right li a {background:url(../images/bar.gif) left center no-repeat;}


#chronologie ul li.current ul li a,
#chronologie li.current a:hover ul li a,
#chronologie li.current:hover ul li a	{display:inline; background: url(../images/bar.gif) right center no-repeat; padding:0 10px; margin-top:-10px; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#000; height:35px; line-height:34px;}

#chronologie ul li.current ul.right li a,
#chronologie li.current a:hover ul.right li a,
#chronologie li.current:hover ul.right li a {background:url(../images/bar.gif) left center no-repeat;}

#chronologie ul :hover ul li a.last,
#chronologie ul li.current ul li a.last,
#chronologie li.current a:hover ul li a.last,
#chronologie li.current:hover ul li a.last {background-image:none;}

#chronologie ul :hover ul li a.first,
#chronologie ul li.current ul li a.first,
#chronologie li.current a:hover ul li a.first,
#chronologie li.current:hover ul li a.first {margin-left:207px;}

#chronologie li ul li.current_sub a,
#chronologie li a:hover ul li.current_sub a,
#chronologie li:hover ul li.current_sub a,
#chronologie li a:hover ul li a:hover,
#chronologie li:hover ul li a:hover {color:#fff;}

#chronologie li.current ul li.current_sub a,
#chronologie li.current a:hover ul li.current_sub a,
#chronologie li.current:hover ul li.current_sub a,
#chronologie li.current a:hover ul li a:hover {color:#F8F124;}
#chronologie li.current:hover ul li a:hover {color:#fff;}


dl.evenements
{
margin: 2em 0;
padding: 0;
}

.evenements dt
{
position: relative;
left: 0;
top: 1.1em;
width: 7em;
}

.evenements dd
{
border-left: 1px solid #000;
margin: 0 0 0 6.8em;
padding: 0 0 .5em .5em;
text-align: justify;
}