/* Corps */
body{ margin: auto; background: #9DEBF4; }


/* Barre du haut */
div#top_bar1_1{ width: 12px; height: 40px; top: 0px; left: 0px; position: absolute; background: url("../images/style1/bar1.png"); background-repeat: no-repeat; }
div#top_bar1_2{ height: 40px; top: 0px; left: 12px; position: absolute; background: url("../images/style1/bar2.png"); background-repeat: repeat-x; }
div#top_hooky_bar{ width: 187px; height: 24px; top: 8px; position: absolute; }
div#top_connect_bar{ cursor: pointer; width: 207px; height: 24px; top: 12px; position: absolute; background: url("../images/style1/connect.png"); background-repeat: no-repeat; }
div:hover#top_connect_bar{ background: URL("../images/style1/connect_over.png") ; }
div#top_bar1_3{ cursor: pointer; width: 160px; height: 40px; top: 0px; position: absolute; background: url("../images/style1/titre1.png"); background-repeat: no-repeat; }
div#top_bar1_4{ height: 40px; top: 0px; position: absolute; background: url("../images/style1/bar2.png"); background-repeat: repeat-x; }
div#top_kdor_bar{ width: 161px; height: 24px; top: 8px; position: absolute; }
div#top_subscribe_bar{ cursor: pointer; width: 207px; height: 24px; top: 12px; position: absolute; background: url("../images/style1/subscribe.png"); background-repeat: no-repeat; }
div:hover#top_subscribe_bar{ background: URL("../images/style1/subscribe_over.png") ; }
div#top_kdorfree_bar{ width: 144; height: 24px; top: 8px; position: absolute; }
div#top_help_bar{ cursor: pointer; width: 121px; height: 24px; top: 12px; position: absolute; background: url("../images/style1/help.png"); background-repeat: no-repeat; display: block; }
div:hover#top_help_bar{ background: URL("../images/style1/help_over.png") ; }
div#top_bar1_5{ width: 12px; height: 40px; top: 0px; position: absolute; background: url("../images/style1/bar3.png"); background-repeat: no-repeat; }

div#top_bar_tools{ height: 62px; left: 34px; top: 40px; position: absolute; background: #FBBC28; }
div#top_bar_left_but{ height: 60px; left: 0px; top: 0px; position: absolute; }
img#top_bar_but_ret{ left: 0px; top: 1px; position: absolute; }
img#top_bar_but_next{ left: 50%; top: 1px; position: absolute; }
div#top_bar_right_but{ height: 60px; top: 0px; position: absolute; }
img#top_bar_but_refresh{ left: 0px; top: 1px; cursor: pointer; position: absolute; }
div#map_pub_bar_contained{ border-left: double; border-right: double; width: 468px; height: 60px; position: absolute; background: #EFD28B; }

/* Carte */
div#map_map{ top: 60px; position: absolute; overflow: hidden; border: double; border-color: #AB7D34; }
div#loading_pop{ width: 464px; height: 241px;  position: absolute; border: double; border-color: #AB7D34; background: url("../images/back/load.gif") #EFD28B; visibility: hidden; }
div#loading_pop_barre{ left: 4px; top: 214px; width: 457px; height: 23px;  position: absolute; background: url("../images/back/barre.gif"); }

/* Barre de gauche */
div#left_bar1_1{ width: 8px; height: 8px; left: 0px; top: 40px; position: absolute; background: url("../images/style1/bar13.png"); background-repeat: no-repeat; }
div#left_bar1_2{ left: 8px; top: 40px; position: absolute; text-align: left; background: #F3D503; overflow: hidden; }
div#favory_disconnected{ top: 60px; width: 220px; left: 10px; position: absolute; color: #AD7712; font-size: 16px; text-align: center; font-weight: bold; }
div#favory_add{ cursor: pointer; width: 254px; height: 16px; position: absolute; background: #E5AA3D; border: double; font-size: 12px; text-align: center; font-weight: bold; }
div:hover#favory_add{ background: #EBB850; }
div#favory_add_dir{ cursor: pointer; top: 22px; width: 254px; height: 16px; position: absolute; background: #E5AA3D; border: double; font-size: 12px; text-align: center; font-weight: bold; }
div:hover#favory_add_dir{ background: #EBB850; }
div#favory_del{ cursor: pointer; top: 44px; width: 254px; height: 16px; position: absolute; background: #E5AA3D; border: double; font-size: 12px; text-align: center; font-weight: bold; }
div:hover#favory_del{ background: #EBB850; }
div#favory_contained{ position: absolute; top: 66px; width: 98%; background: #E5B865; border-style: double; border-color: EBBA5E; overflow: hidden; }
div#favory_list{ position: absolute; top: 0px; left: 0px; width: 90%; height: 100px; }
div#scroll_bar_dot1{ position: absolute; top: 2px; left: 243px; width: 9px; height: 9px; background: url("../images/style1/puce.png"); background-repeat: no-repeat; }
div#scroll_bar_line{ position: absolute; top: 12px; left: 244px; width: 1px; border-color: #B78D17; border-style: double; margin: 0px; }
div#scroll_bar_dot2{ position: absolute; left: 243px; width: 9px; height: 9px; background: url("../images/style1/puce.png"); background-repeat: no-repeat; }
div#scroll_bar_button{ position: absolute; top: 14px; left: 243px; width: 9px; height: 11px; }
div#scroll_bar_button_top{ position: absolute; width: 9px; height: 3px; background: url("../images/style1/scroll_bar_top.png"); background-repeat: no-repeat; }
div#scroll_bar_button_center{ position: absolute; top: 3px; width: 9px; height: 3px; background: url("../images/style1/scroll_bar_center.png"); background-repeat: repeat-y; }
div#scroll_bar_button_bottom{ position: absolute; top: 6px; width: 9px; height: 5px; background: url("../images/style1/scroll_bar_bottom.png"); background-repeat: no-repeat; }
div#left_bar1_3{ width: 26px; height: 8px; top: 40px; position: absolute; background: url("../images/style1/bar14.png"); background-repeat: no-repeat; }
div#left_bar2_1{ width: 8px; left: 0px; top: 48px; position: absolute; background: url("../images/style1/bar15.png"); background-repeat: repeat-y; }
div#left_bar2_2{ width: 26px; top: 48px; position: absolute; background: url("../images/style1/bar16.png"); background-repeat: repeat-y; cursor: pointer; }
div#left_bar2_2_txt{ width: 26px; left: 0px; height: 480px; position: absolute; font-family: "Comic Sans MS"; font-size: 18px; text-align: center; font-weight: bold; color: #124E5A; cursor: pointer; }

/* Barre de droite */
div#right_bar1_1{ width: 152px; top: 40px; position: absolute; background: #FBBC28; }
div#clock{ border-style: groove; border-color: #D2AA1E; background: #EFEEB1; width: 100px; height: 24px; left: 25px; top: 8px; position: absolute; font-family: "Comic Sans MS"; font-size: 16px; text-align: center; font-weight: bold; color: #327E2A;}
div#right_bar1_2{ width: 8px; height: 8px; top: 40px; position: absolute; background: url("../images/style1/bar20.png"); background-repeat: no-repeat; }
div#right_bar2_1{ width: 8px; top: 48px; position: absolute; background: url("../images/style1/bar21.png"); background-repeat: repeat-y; }
div#right_infos{ width: 140px; height: 200px; left: 5px; top: 60px; position: absolute; font-family: "Comic Sans MS"; font-size: 16px; text-align: right; font-weight: bold; color: #2D6170;}
div#right_infos_members{ left: 4px; width: 24px; height: 24px; position: absolute; background: url("../images/icones/members.png"); background-repeat: no-repeat; }
div#right_infos_members_txt{ width: 100px; left: 24px; height: 26px; position: absolute; }
hr#right_infos_members_bar{ left: 4px; height: 3px; top: 30px; width: 140px; margin: 0px; position: absolute; }
div#right_infos_visitors{ left: 4px; top: 38px; width: 24px; height: 24px; position: absolute; background: url("../images/icones/visitors.png"); background-repeat: no-repeat; }
div#right_infos_visitors_txt{ width: 100px; left: 24px; top: 40px; height: 26px; position: absolute; }
hr#right_infos_visitors_bar{ left: 4px; height: 3px; top: 68px; width: 140px; margin: 0px; position: absolute; }
div#right_infos_connected{ left: 4px; top: 76px; width: 24px; height: 24px; position: absolute; background: url("../images/icones/connected.png"); background-repeat: no-repeat; }
div#right_infos_connected_txt{ width: 100px; left: 24px; top: 76px; height: 26px; position: absolute; }
hr#right_infos_connected_bar{ left: 4px; height: 3px; top: 106px; width: 140px; margin: 0px; position: absolute; }
div#right_infos_vips{ left: 4px; top: 114px; width: 24px; height: 24px; position: absolute; background: url("../images/icones/vips.png"); background-repeat: no-repeat; }
div#right_infos_vips_txt{ width: 100px; left: 24px; top: 114px; height: 26px; position: absolute; }
hr#right_infos_vips_bar{ left: 4px; height: 3px; top: 144px; width: 140px; margin: 0px; position: absolute; }
div#right_infos_kdos{ left: 4px; top: 152px; width: 24px; height: 24px; position: absolute; background: url("../images/icones/kdos.png"); background-repeat: no-repeat; }
div#right_infos_kdos_txt{ width: 100px; left: 24px; top: 152px; height: 26px; position: absolute; }
hr#right_infos_kdos_bar{ left: 4px; height: 3px; top: 182px; width: 140px; margin: 0px; position: absolute; }
div#deconnexion_button{ cursor: pointer; width: 140px; height: 20px; left: 5px; top: 60px; position: absolute; display: none; font-family: "Comic Sans MS"; font-size: 14px; text-align: center; font-weight: bold; color: #2D6170; border-style: double; }


/* Barre du bas */
div#bottom_bar1_1{ width: 16px; height: 35px; left: 0px; position: absolute; background: url("../images/style1/bar17.png"); background-repeat: no-repeat; }
div#bottom_bar1_2{ height: 35px; left: 16px; position: absolute; background: url("../images/style1/bar18.png"); background-repeat: repeat-x; }
div#bottom_bar1_3{ width: 16px; height: 35px; position: absolute; background: url("../images/style1/bar19.png"); background-repeat: no-repeat; }


/* Contenu de la map */
div#map_contained{ position: absolute; }
div#common_popup{ position: absolute; display: none; }
div#common_popup_bar1_1{ width: 24px; height: 24px; position: absolute; background: url("../images/style1/popup_left_up.png"); background-repeat: no-repeat; }
div#common_popup_bar1_2{ left: 24px; height: 24px; position: absolute; background: url("../images/style1/popup_up.png"); background-repeat: repeat-x; }
div#common_popup_bar1_3{ width: 24px; height: 24px; position: absolute; background: url("../images/style1/popup_right_up.png"); background-repeat: no-repeat; }
div#common_popup_bar2_1{ top: 24px; width: 4px; position: absolute; background: url("../images/style1/popup_left.png"); background-repeat: repeat-y; }
div#common_popup_bar2_2{ top: 24px; width: 4px; position: absolute; background: url("../images/style1/popup_right.png"); background-repeat: repeat-y; }
div#common_popup_bar3_1{ width: 6px; height: 6px; position: absolute; background: url("../images/style1/popup_left_down.png"); background-repeat: no-repeat; }
div#common_popup_bar3_2{ left: 6px; height: 6px; position: absolute; background: url("../images/style1/popup_down.png"); background-repeat: repeat-x; }
div#common_popup_bar3_3{ width: 6px; height: 6px; position: absolute; background: url("../images/style1/popup_right_down.png"); background-repeat: no-repeat; }
div#common_popup_connexion_contained{ left: 4px; top: 24px; position: absolute; background: #5758FE; display: none; }
div#common_popup_subscribe_contained{ left: 4px; top: 24px; position: absolute; background: #5758FE; display: none; }
div#common_popup_help_contained{ left: 4px; top: 24px; position: absolute; background: #E3DB95; display: none; }
div#common_popup_faq_contained{ left: 4px; top: 24px; position: absolute; background: #E3DB95; display: none; }
div#common_popup_contact_contained{ left: 4px; top: 24px; position: absolute; background: #E3DB95; display: none; }
div#common_popup_close{ cursor: pointer; width: 16px; height: 15px; top: 4px; position: absolute; background: url("../images/style1/popup_close.png"); background-repeat: no-repeat; }
div:hover#common_popup_close{ background: URL("../images/style1/popup_close_over.png") ; }

div#menu_popup{ left: 30%; top: 30%; width: 288px; height: 130px; position: absolute; display: none; }
div#menu_popup_bar1_1{ left:0px; top: 0px; width: 24px; height: 24px; position: absolute; background: url("../images/style1/popup_left_up.png"); background-repeat: no-repeat; }
div#menu_popup_bar1_2{ left: 24px; width: 240px; height: 24px; position: absolute; background: url("../images/style1/popup_up.png"); background-repeat: repeat-x; }
div#menu_popup_bar1_3{ left: 264px; width: 24px; height: 24px; position: absolute; background: url("../images/style1/popup_right_up.png"); background-repeat: no-repeat; }
div#menu_popup_bar2_1{ left:0px; top: 24px; width: 4px; height: 100px; position: absolute; background: url("../images/style1/popup_left.png"); background-repeat: repeat-y; }
div#menu_popup_bar2_2{ left: 284px; top: 24px; width: 4px; height: 100px; position: absolute; background: url("../images/style1/popup_right.png"); background-repeat: repeat-y; }
div#menu_popup_bar3_1{ left:0px; top: 124px; width: 6px; height: 6px; position: absolute; background: url("../images/style1/popup_left_down.png"); background-repeat: no-repeat; }
div#menu_popup_bar3_2{ top: 124px; width: 276px; left: 6px; height: 6px; position: absolute; background: url("../images/style1/popup_down.png"); background-repeat: repeat-x; }
div#menu_popup_bar3_3{ top: 124px; left: 282px; width: 6px; height: 6px; position: absolute; background: url("../images/style1/popup_right_down.png"); background-repeat: no-repeat; }
div#menu_popup_add_contained{ left: 4px; top: 24px; width: 280px; height: 100px; position: absolute; background: #E3DB95; display: none; }
div#menu_popup_add_but1{ position: absolute; left: 10px; top: 66px; width: 120px; border: double; background: #F3D503; cursor: pointer; }
div#menu_popup_add_but2{ position: absolute; left: 150px; top: 66px; width: 120px; border: double; background: #F3D503; cursor: pointer; }
div#menu_popup_add_grp_contained{ left: 4px; top: 24px; width: 280px; height: 100px; position: absolute; background: #E3DB95; display: none; }
div#menu_popup_add_grp_but1{ position: absolute; left: 10px; top: 66px; width: 120px; border: double; background: #F3D503; cursor: pointer; }
div#menu_popup_add_grp_but2{ position: absolute; left: 150px; top: 66px; width: 120px; border: double; background: #F3D503; cursor: pointer; }
div#menu_popup_del_contained{ left: 4px; top: 24px; width: 280px; height: 100px; position: absolute; background: #E3DB95; display: none; }
div#menu_popup_del_but1{ position: absolute; left: 10px; top: 66px; width: 120px; border: double; background: #F3D503; cursor: pointer; }
div#menu_popup_del_but2{ position: absolute; left: 150px; top: 66px; width: 120px; border: double; background: #F3D503; cursor: pointer; }
div#menu_popup_close{ cursor: pointer; left: 264px; width: 16px; height: 15px; top: 4px; position: absolute; background: url("../images/style1/popup_close.png"); background-repeat: no-repeat; }
div:hover#menu_popup_close{ background: URL("../images/style1/popup_close_over.png") ; }

div#menu_add_disconnected{ top: 20px; width: 260px; left: 10px; position: absolute; color: #AD7712; font-size: 16px; text-align: center; font-weight: bold; }
div#menu_add_grp_disconnected{ top: 20px; width: 260px; left: 10px; position: absolute; color: #AD7712; font-size: 16px; text-align: center; font-weight: bold; }
div#menu_del_disconnected{ top: 10px; width: 260px; left: 10px; position: absolute; color: #AD7712; font-size: 16px; text-align: center; font-weight: bold; }

/* Popup d'erreur */
div#popup_error{ top: 200px; left: 100px; width: 400px; height: 100px; position: absolute; background: #FEAAAA; border: medium double #FE5555; display: none; }
div#popup_error_close{ cursor: pointer; width: 16px; height: 15px; top: 80px; left: 380px; position: absolute; background: url("../images/style1/popup_close.png"); background-repeat: no-repeat; }
div:hover#popup_error_close{ background: URL("../images/style1/popup_close_over.png") ; }