/**** FEUILLE DE STYLE CARTE JS ************************************************************************************/ /*******************************************************************************************************************/ /**** GENERAL ************************************************************************************/
div#cartejs                                   { position:relative; }
div#cartejsmenu                               { height: 332px; position:relative; }
div.slide                                     { margin: 6px 0 0 -5px; width:473px; height:312px; display:block; z-index:500; }
.puce_xy                                      { position:absolute;  }


/* Info bulle */
div.bulle                                     { position:absolute; z-index:1000; display:none; background-color:#fff; }
div.bulle span                                { top:0!important; top:2px; left:20px; display:block; width:450px; position:absolute; z-index:500; border:1px solid #09d; background-color:#fff; color:#333; padding:0; text-decoration:none; }

p.comments                                    { background-color:#eee; }

div.bulle span table                          { width:450px; }
div.bulle span table thead td                 { background:#09d url(../images/laforet/bg/submit-cyan.png) repeat-x 0 50%; color:#fff; font-weight:bold; padding:5px 0 5px 8px; }
div.bulle span table tbody th                 { width:210px; }
div.bulle span table tbody th,
div.bulle span table tbody td                 { padding:5px; }
div.bulle span table tbody th img             { border:2px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; }
div.bulle span table td                       { text-align:left; vertical-align:top; font-size:12px; }
div.bulle span table td strong                { display:block; font-size:14px; }
div.bulle span table td .phone                { color:#09d; font-size:18px; font-weight:bold; margin:10px 0; padding-left:15px; background:url(../images/laforet/puces/phone.gif) no-repeat 0 3px; }
div.bulle span table div.tab_options ul       { margin:10px 0; padding:0; }
div.bulle span table div.tab_options a        { color:#333; text-decoration:none; }
div.bulle span table div.tab_options a:hover  { color:#09d; text-decoration:underline; }

div.closebulle                                { position:absolute; bottom:3px; right:1px; }
div.closebulle a                              { color:#fff; background:url(../images/laforet/bg/submit-blue.png) repeat-x 0 50%; padding:2px 10px; font-size:10px; text-decoration:none; }
div.closebulle a:hover                        { background:url(../images/laforet/bg/submit-cyan.png) repeat-x 0 50%; }

/* Select ville */
#select_carte_js                              { position:absolute; bottom:5px; right:20px; }
#select_carte_js select                       { width:200px; border:1px solid #ddd; padding:1px; background-color:#fff; }
#select_carte_js select:focus                 { border:1px solid #09d; color:#09d; }

/* Menu témoin des villes */
.menu_slide                                   { margin:10px 0 0 -5px; padding:0; width:457px; }
.menu_slide li                                { display:inline; margin:0 1px 0 0; padding:0; }
.menu_slide li a                              { padding:5px 5px; background:url(../images/laforet/cadre/onglet_b.gif) no-repeat 0 50%; color:#fff; }
.menu_slide li a:hover                        { text-decoration:none; background:url(../images/laforet/cadre/onglet_v.gif) no-repeat 0 50%; }
.menu_slide li a.actif                        { text-decoration:none; background:url(../images/laforet/cadre/onglet_j.gif) no-repeat 0 50%; font-weight:bold; }

/* Spécificité Laforet Sud Ouest */
#carte_sudouest div.slide                     { margin: 6px 0 0 -5px; width:473px; height:440px; display:block; z-index:500; }
#carte_sudouest .puce_xy img                  { width:15px; height:15px; }
#carte_sudouest div.bulle span                { left:13px; }