/* *********************** */
/* GOOGLE MAP             */
/* ********************* */

#mapmenu{ width:654px; height:49px;  }
#mapmenu .mapmenubottom{ height:15px; width:654px; background:url(../interface/googlemap/mapmenu_back.gif) repeat-x; font-size:1px; line-height:0.1em}

#mapmenu ul{ width:654px; height:34px; display:block; padding:0; margin:0}

#mapmenu ul li{ padding:0; margin:0; list-style:none; background-image: none; display:inline;}

#mapmenu ul li a{ background:url(../interface/googlemap/mapmenu.jpg) no-repeat; display:block; float:left; height:24px; font-size:14px; font-weight:bold; color:#EA2D30; background-color:inherit; text-transform:uppercase; text-align:center;   text-decoration:none; padding:10px 0 0 0; margin:0;}
#mapmenu ul li a:hover, #mapmenu ul li.active a{ color:#fff; background-color:inherit;text-decoration:none}

#mapmenu ul li a.item1{ width:106px; background:url(../interface/googlemap/mapmenu_item1.jpg) 0 0}
#mapmenu ul li a.item2{ width:85px; background:url(../interface/googlemap/mapmenu_item2.jpg) 0 0}
#mapmenu ul li a.item3{ width:125px; background:url(../interface/googlemap/mapmenu_item3.jpg) 0 0}
#mapmenu ul li a.item4{ width:86px; background:url(../interface/googlemap/mapmenu_item4.jpg) 0 0}

#mapmenu ul li a:hover.item1, #mapmenu ul li.active a.item1{ width:106px; background:url(../interface/googlemap/mapmenu_item1.jpg) 0 -34px}
#mapmenu ul li a:hover.item2, #mapmenu ul li.active a.item2{ width:85px; background:url(../interface/googlemap/mapmenu_item2.jpg) 0 -34px}
#mapmenu ul li a:hover.item3, #mapmenu ul li.active a.item3{ width:125px; background:url(../interface/googlemap/mapmenu_item3.jpg) 0 -34px}
#mapmenu ul li a:hover.item4, #mapmenu ul li.active a.item4{ width:86px;background:url(../interface/googlemap/mapmenu_item4.jpg) 0 -35px}

#mapmenu #m4 { display:none; }

#mapconteneur{ width:654px; height:475px; position:relative;  }


#map{ width:652px; height:475px; position: absolute; z-index:1; top:0; left:0; z-index:1; border-left:1px solid #ea4039;border-right:1px solid #ea4039; }

#mapfooter { width:654px ; height:5px; position:absolute; top:470px; left:0; z-index:2}


.googlecontent{ height:433px; width:653px;}

/* Google Tools */
.googletools{ height:6px; width:655px;   position:absolute; top:0; left:0; z-index:2	}
.googletools img{ padding:0; margin:0; border:none;}
.zoom{ width:82px; height:27px; margin:5px 0 0 5px}
.navig{ width:156px; height:27px; clear:both; margin:5px 0 0 0}
.navig a{ display:inline;}
.googletools .col1{ width:80px; height:39px; float:left;}
.googletools .col2{ width:400px; height:39px;float:left; }
.googletools .col2 p{ padding:10px 0 0 0;color:#333333; font-size:14px; margin:0  }
.googletools .col3{ width:160px; height:39px;float:left; }




/* ************ */
/* Tips        */
/* ********** */

/* Pour positionner le tip en hauteur, changer la valeur top:320px dans la ligne ci-dessous */


#tips1 {position:absolute; top:310px; left:465px; z-index:999}

.googletip{ width:180px;   }

.googletip .title  { width:140px; font-size:12px; color:#23508f; background-color:inherit; float:left; font-weight:bold;  }
.googletip .fermer { width:12px; height:12px; float:right; margin:0 8px 0 0}
* html  .googletip .fermer { margin:0 4px 0 0}
.googletip1{ width:180px; padding:0; height:5px; background: url(../interface/googlemap/googletip1.png) no-repeat; font-size:1px}
.googletip2{ width:170px; padding:0 0 0 10px;   background: url(../interface/googlemap/googletip2.png) repeat-y; color:#323232; background-color:inherit; font-size:11px}
.googletip3{ clear:both;width:180px; height:5px; background: url(../interface/googlemap/googletip3.png) no-repeat; font-size:1px; line-height:0.1em}

* html .googletip { background-color:#FFFFFF; color:#666666; background-image:none;}
* html .googletip1{ background-color:#FFFFFF; color:#666666; background-image:none;}
* html .googletip2{ background-color:#FFFFFF; color:#666666; background-image:none;}
* html .googletip3{ background-color:#FFFFFF; color:#666666; background-image:none;}

.googletip2 p{ margin:0; padding:5px 0 0 0;color:#333333; background-color:inherit; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.googletip2 a{ color:#e3433d; background-color:inherit; text-decoration:none;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.googletip2 a:hover{ text-decoration:underline;}

.picto { width:170px; height:15px; text-align:right; padding-right:10px;background: url(../interface/googlemap/googletip2.png) repeat-y;	}
* html .picto { background-image:none; }
/* ******************** */
/* Tout montrer        */
/* ****************** */

.toutmontrer{ width:180px; height:30px; background:url(../interface/googlemap/afficher_agence.png) no-repeat; position:absolute; top:50px; right:10px; z-index:999 }
.toutmontrer p{ margin:5px 0 0 0; padding:0 0 0 5px;color:#FFFFFF; background-color:inherit; line-height:1.6em }
.toutmontrer input{ float:left;}



/* *************************************** */
/* Bulle   Z-INDEX 16 a 20                */
/* ************************************* */
#bulle{ display:none;  z-index:10; position:absolute; width:418px; height:373px; top:0; left:0}
#bulle .background2{ position:absolute; z-index:10; width:418px; height:373px; top:0; left:0 	}


#bulle .background2{ position:absolute; z-index:10; width:418px; height:373px; top:0; left:0 	}
 
#bulle .contenubulle{ position:relative;}
#bulle .headerbulle{ background:url(../interface/googlemap/googleheader.png) no-repeat; width:400px; height:50px; position:absolute; top:10px; left:10px; z-index:20}





#bulle .titreville p{ font-size:14px;   color:#fff; background-color:inherit; float:left; margin:8px 0 0 115px; padding:0; line-height:19px }
* html #bulle .titreville p{ font-size:18px;   color:#fff; background-color:inherit; float:left; margin:8px 0 0 0; padding:0 0 0 115px; line-height:1em }

#bulle .fermer2 { 	z-index:30;	position:absolute; right:35px;	top: 25px;	width:12px; height:12px}
#bulle .boxonglets{	width:385px;	position:absolute;	z-index:21;	left: 16px;	top: 70px; }
#bulle .boxonglets ul.navonglet{ width:381px; padding-bottom:10px;  }
#bulle .boxonglets ul.navonglet  li{ display:inline; padding:0; margin:0; background-image:none!important  }
#bulle .boxonglets ul.navonglet  li a{ display:block; float:left; width:120px; background:url(../interface/googlemap/boxonglets.gif) no-repeat 0 -20px; font-size:0.9em; text-decoration:none; color:#333; background-color:inherit; text-align:center; height:17px; padding-top:0; margin:0 0 10px 0; font-weight:bold; border-right:1px solid #fff;}
#bulle .boxonglets ul.navonglet  li.aproximite a{ width:120px; border-right:none}
#bulle .boxonglets ul.navonglet li a:hover, #bulle .boxonglets ul.navonglet li.active a{ background-position:0 0; color:#fff;}
#bulle .boxonglets ul.navonglet  li.proximite a{ width:120px;}

#bulle 	.bulleinfos { width:380px; height:160px;overflow:hidden; overflow-x: hidden; overflow-y: auto; overflow : -moz-scrollbars-vertical; }
#bulle 	.bulleinfos p{ padding:0 10px 0 10px; color:#333333}
#bulle 	.bulleinfos ul{ float:left; margin:0 0 0 0}
#bulle 	.bulleinfos ul li{ display:list-item; color:#333333; background-color:inherit; background-image:none;   padding:0; margin:0; line-height:1em;}
#bulle 	.bulleinfos ul li a{ color:#DE002C; text-decoration:none; background-color:inherit}
#bulle 	.bulleinfos ul li a:hover{text-decoration: underline;}

#bulle #adresse{	position:absolute;	left: 1px;	top: 31px;	 }
#bulle #adresse .row{ width:100%; clear:both;  float:none;   }
#bulle #adresse .row .footer{ width:100%; clear:both;  float:none; background:url(../interface/googlemap/row.gif) no-repeat bottom ; height:1px; margin-bottom:0px  }
#bulle #adresse .row img.currentimage{ width:116px; height:116px; display:block; float:left; margin:0 15px 0 0}
#bulle #adresse .row ul{ margin:5px 0 5px 0; padding:0; display:block; width:295px; float:left;}
#bulle #adresse .row ul li{ padding:0 0 3px 30px; color:#333333; background-color:inherit; font-size:12px;  }
#bulle #adresse .row ul li strong{ color:#1e508f; background-color:inherit; font-size:12px; line-height:1.5em}

#bulle #services{ position:absolute; visibility:hidden;	left: 1px;	top: 31px;   }
#bulle #services .row{ width:100%; clear:both;  float:none;   }
#bulle #services .row .footer{ width:100%; clear:both;  float:none; background:url(../interface/googlemap/row.gif) no-repeat bottom ; height:1px; margin-bottom:0px  }
#bulle #services .row img{ width:35px; height:35px; float:left;  display:block; margin:5px 0 0 15px  }
#bulle #services .row ul{ margin:5px 0 5px 0; padding:0; display:block; width:295px; float:left;}
#bulle #services .row ul li{ padding:0 0 3px 30px; color:#333333; background-color:inherit; font-size:12px;  }
#bulle #services .row ul li strong{ color:#1e508f; background-color:inherit; font-size:12px; line-height:1.5em}


#bulle #aproximite{ position:absolute;visibility:hidden;	left: 1px;	top: 31px; }
#bulle #aproximite .row{ width:100%; clear:both;  float:none;   }
#bulle #aproximite .row .footer{ width:100%; clear:both;  float:none; background:url(../interface/googlemap/row.gif) no-repeat bottom ; height:1px; margin-bottom:0px  }
#bulle #aproximite .row ul{ margin:5px 0 5px 0; padding:0; display:block; width:320px; float:left;}
#bulle #aproximite .row ul li{ padding:5px 0 5px 30px; color:#333333; background-color:inherit; font-size:12px; line-height:1.2em}
#bulle #aproximite .row ul li strong{ color:#1e508f; background-color:inherit; font-size:12px; }



#bulle #tarifs{ position:absolute;visibility:hidden;	left: 1px;	top: 31px; }
#bulle #tarifs ul{ margin:10px 0 0 10px; width:334px; color:#333333; background-color:inherit; font-size:12px;}
#bulle #tarifs ul li{ margin:0 0 15px 0}
#bulle #tarifs ul li strong{color:#0A68B2; background-color:inherit;}



/* *********************** */
/* LEGENDE                */
/* ********************* */


.legende { color:#444; margin-left:150px} 
.legende p {font-size:11px;}
.legende p span{ vertical-align:super; margin:0 0 0 5px}
.legende p img{ margin:0 0 0 12px;}