@import url('reset.css');

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#004977; }
body, h1, #sections div a span { text-align:center; }
#content { text-align:left; }
#box { background-color:#d0dde6 }
h1 { background-color:#ffffff }
#sections div a { background-color:#ca0066; }
#sections div a:hover, #sections div.active a { background-color:#d84b93 }
h1 strong, ul.dates li a:hover, ul.dates li a.active, p a, #sections div a:hover, #sections div.active a { color:#ca0066 }
#sections div a, ul.dates li a { color:#004977; }
#implantation em { color:#ffffff }
h1 { font-size:26px; }
#sections div { font-size:11px }
ul.dates { font-size:14px; font-weight:bold }
#implantation em { font-family:Georgia, serif;font-size:22px; font-style:normal; top:-10px}
h1 span , div.item dl dt, #texte div.item{ display:none; }
#sections div a, #sections div a span, h1 a { display:block; }
#sections div a, ul.dates li a { text-decoration:none; }

#box, h1 { background-position:0 0; background-repeat:no-repeat; }

#box { width:770px; margin:0 auto; height:492px; background-image: url(../images/history_bg_box_implant.jpg); background-position:bottom }
#box.implant { background-image: url(../images/history_bg_box_implant.jpg); }
#box.region { background-image: url(../images/history_bg_box_region.jpg); }
#box.divers { background-image: url(../images/history_bg_box.jpg); }
#box.expansion { background-image: url(../images/history_bg_box_expans.jpg); }
#content { padding-top:32px; }
h1 { height:42px; background-image:url(../images/history_title_fr.gif) }
h1.en { background-image:url(../images/history_title_en.gif) }
h1 a { height:42px; width:100%; }

#sections { margin-left:44px; margin-top:1px }
#sections div { height:11px; float:left; border-right:1px solid #ffffff }
#implantation a, #implantation a span { width:151px }
#implantation a span { left:-20px; }
#implantation em { position:absolute; height:11px }
#region a, #region a span { width:65px }
#region a span { left:-9px; }
#divers a, #divers a span { width:332px }
#expans a, #expans a span { width:166px }
#sections div.last { border-right:0 }
#sections div a { position:relative; height:11px; z-index:3; cursor:pointer }
#sections div a span { position:absolute; padding-top:15px; z-index:10; cursor:pointer }

#texte { margin:62px 62px 0 62px; padding-top:2.0em; position:relative}
ul.dates { position:absolute; width:650px; top:0; }
ul.dates li { float:left; padding-right:11px; margin-right:11px; margin-bottom:4px; border-right:1px solid; }
ul.dates li.last { border-right:0; }
#texte div.item {clear:both; margin-right:40px; line-height:1.5 }
div.item dl dd { padding-bottom:10px}