body { font-family: Arial, Helvetica, sans-serif; text-align:center; min-width:840px; font-size: 12px; line-height: 24px; background-color:#eeeeee; color: #000000; }
h1 { font:bold 24px sans-serif,helvetica,Arial,verdana,serif; color:#996600; margin:2px 2px auto; }
h2 { font:bold italic 18px sans-serif,helvetica,Arial; color:#996600; margin:2px 0px; }
h3 { font-size:16px; color:#996600; }
h4 { font-size:14px; text-align:center; color:#996600; }
td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form { background-color: #CCCC99; }
img { border:0; }
li.none { list-style-type:none; }

a { color: #0055cc; text-decoration: none; }
a:hover { color: #ff6600; background-color: transparent; }
a.imglink:hover { color: #ff6600; background-color: transparent; }

.entete { font:bold 32px sans-serif,helvetica,Arial,verdana,serif; color:#ffffff; display:inline; }
.entete2 { font:bold italic 20px sans-serif,helvetica,Arial; color:#ffffff; display:inline; }
.titre { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 30px; color: #996600; display:block; }
.subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; color: #660000; font-style: oblique; }
.sidebar { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 3px; background-color: #FFFF99; }
.sidebarHeader { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #FFFF99; background-color: #999933; font-weight: bold; }
.sidebarFooter { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; background-color: #FFFF99; color: #990000; }
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 22px; color: #333333; background-color: #FFFF99; }
.legal { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #333333; }
.promo { font-family: Arial, Helvetica, sans-serif; color: #000033; }
.titlebar { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; background-color: #336699; }
.page_titre { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; }
.news_date { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; }
.navigation { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:57px; display:block; }
.navigation_haut   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:url(pic/speleo_haut.png) no-repeat 65px 0px; line-height:57px; display:block; }
.navigation_active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:url(pic/speleo_eteint.png) no-repeat 65px 0px; line-height:57px; display:block; }
.navigation_bas    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:url(pic/speleo_bas.png) no-repeat 65px 0px; line-height:57px; display:block; }
.navigation_vide { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:url(pic/speleo_haut.png) no-repeat 65px 0px; line-height:25px; display:block; }
.navig_horiz { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.sign { font:italic 12px sans-serif,helvetica,Arial; color:#000000; }

#cadre { position:relative; top:4px; left:0px; width:840px; text-align:left; min-height:700px; z-index:1; margin:10px auto; }

#menu { position:absolute; top:86px; left:-10px; width:140px; min-height:100px; padding:12px; border-right:1px solid #000000; border-left:1px solid #000000; background-color:#ffffff; z-index:5; }
#hautmenug { position:absolute; top:74px; left:-10px; width:20px; height:12px; background-image:url(pic/bord_sup_g.gif); z-index:2; }
#hautmenuc { position:absolute; top:74px; left:10px; width:126px; height:12px; background-image:url(pic/bord_sup_c.gif); z-index:2; }
#hautmenud { position:absolute; top:74px; left:136px; width:20px; height:12px; background-image:url(pic/bord_sup_d.gif); z-index:2; }
#basmenug { position:absolute; bottom:-12px; left:-1px; width:20px; height:12px; background-image:url(pic/bord_inf_g.gif); z-index:2; }
#basmenuc { position:absolute; bottom:-12px; left:19px; width:126px; height:12px; background-image:url(pic/bord_inf_c.gif); z-index:2; }
#basmenud { position:absolute; bottom:-12px; left:145px; width:20px; height:12px; background-image:url(pic/bord_inf_d.gif); z-index:2; }
#logosss { position:relative; bottom:-16px; left:8px; width:127px; height:126px; background-image:url(pic/logosss.png); z-index:6; }

#sous_menu{ position:absolute; top:67px; left:180px; background-color:transparent; z-index:6; }

#contenu { position:absolute; top:102px; left:170px; width:584px; min-height:100px; padding:18px; border-right:1px solid #000000; border-left:1px solid #000000; background-color:#ffffff; z-index:5; }
#hautcontenug { position:absolute; top:90px; left:170px; width:20px; height:12px; background-image:url(pic/bord_sup_g.gif); z-index:2; }
#hautcontenuc { position:absolute; top:90px; left:190px; width:592px; height:12px; background-image:url(pic/bord_sup_c.gif); z-index:2; }
#hautcontenud { position:absolute; top:90px; left:772px; width:20px; height:12px; background-image:url(pic/bord_sup_d.gif); z-index:2; }
#bascontenug { position:absolute; bottom:-12px; left:-1px; width:20px; height:12px; background-image:url(pic/bord_inf_g.gif); z-index:2; }
#bascontenuc { position:absolute; bottom:-12px; left:19px; width:582px; height:12px; background-image:url(pic/bord_inf_c.gif); z-index:2; }
#bascontenud { position:absolute; bottom:-12px; left:601px; width:20px; height:12px; background-image:url(pic/bord_inf_d.gif); z-index:2; }

#entete { position:absolute; top:0px; left:12px; width:757px; height:66px; background-color:#ff9a00; z-index:2; }
#textentete { position:absolute; top:10px; left:25px; background-color:#ff9a00; z-index:2; }

#image_entete { position:absolute; top:0px; left:650px; width:99px; height:66px; background-image:url(pic/image_entete.gif); z-index:5; }
#img_entete_g { position:absolute; top:0px; left:0px; width:12px; height:66px; background-image:url(pic/image_entete_g.gif); z-index:2; }
#img_entete_d { position:absolute; top:0px; left:769px; width:12px; height:66px; background-image:url(pic/image_entete_d.gif); z-index:2; }