/* google map, lien-toggle, info-bulles */
#map-canvas {
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
}
#map-canvas input {
    width: auto;
}
body.tag #map-canvas,
body.page #map-canvas,
body.category #map-canvas {
    width:100%;
    height:500px;
}
body.single-post #map-canvas {
    float:right;
    width:48%;
    height:210px;
    margin-left: 0;
}
#map-warning {color:#5c5a56; margin-top:12px;}

#mode_selection {
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
    padding: 25px 0;
}
#mode_selection span{float:right; font-size:10pt; color:#908c86; padding: 8px 8px 0 0;}
#mode_selection a {
    float:right;
    padding:10px 40px;
    font-size:16px;
	font-weight:bold;
    text-align:center;
    text-decoration:none;
	border:solid 1px #222;
	color:#222;
}
#mode_selection a span {
    background-image: url(../images/mapsel.png);
	background-repeat: no-repeat;
	height:24px;
	float:none;
	font-size:1em;
	padding: 0;
	display:inline-block;
	vertical-align:middle;
	margin:-4px 15px 0 0;
}

#mode_selection a#toggle-list { margin-right:40px; }
#mode_selection a#toggle-list span {  width:25px;background-position:bottom left;  }
#mode_selection a#toggle-map span { width:23px;background-position:bottom right;  }
#mode_selection a:hover {color:#fff;background:#222;}
#mode_selection a#toggle-list:hover span { width:25px;background-position:top left; }
#mode_selection a#toggle-map:hover span { width:23px;background-position:top right; }
#mode_selection a#toggle-list.current span {background-position:top left !important;}
#mode_selection a#toggle-map.current span {background-position:top right !important}

#mode_selection a.map {}
#mode_selection a.current {color:#fff;background:#222;}

.map-bubble {
    font-size:10px;
    width: 338px;
    height: 132px;
    overflow: visible;
    padding-top:8px;
}
.map-bubble .thumb {
     position: relative;
     display:block;
     float:left;
     margin-right: 10px;
}

.map-bubble .projet .bordure,
.map-bubble .projet .bordure span {
    background-image: url(../images/new/projet-bordure-horiz.png)
}

.map-bubble .projet .bordure     {
    background-repeat: repeat-x;
    background-position: 0 -18px;
    width: 100%;
    height: 8px;
    position:absolute;
    left:0;
    top:-8px;
}

.map-bubble .projet .bordure span             {
    display:block;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    padding:0;
    height: 8px;
}

.map-bubble .projet .bordure span.left {
    background-position: left 0;
    width:23px;
    left: 0;
}
.map-bubble .projet .bordure span.right {
    background-position: 0 -36px;
    width:4px;
    right: 0;
}

.map-bubble img {
    width:122px;
    clear:right;
    float:left;
    /* margin: 0 10px 0 18px; */
    border: 3px solid #96958e;
}
.map-bubble h1 {font-size:10pt; color:#e02f23;}
.map-bubble h2 {font-size:8pt; color:#5c5a56; margin: 9px 0;}
.map-bubble p {font-size:10pt;font-weight:bold;}
.map-bubble .voir           {clear:both; text-align:right; margin-top:5px;}
.map-bubble .voir a         {font-size:9pt; font-weight:bold;}
.map-bubble .voir a:hover   {color:#e02f23;}



#map-legende {
    list-style-type:none;
    margin: 25px 0 30px 0;
    height:30px;
}
#map-legende li {
    float:left;
    height: 31px;
    line-height:32px;
    padding:0 14px 0 55px;
    position: relative; 
    text-align:right;
    margin-left: 30px;
}
#map-legende li.first {
    margin-left: 0;
}
#map-legende li span {
    position: absolute;
}
#map-legende li.marker span {
    width:39px;
    height:58px;
    left: 7px;
    top: -18px;
}
#map-legende li.property span { background:  url(../images/icomap.png) 0 0 no-repeat; }
#map-legende li.project span { background:  url(../images/icomap1.png) 0 0 no-repeat; }

#map-legende li.cluster {
    padding-left:72px;
}
#map-legende li.cluster span {
    background:  url(../images/icomap2.png) 0 0 no-repeat;
    width:39px;
    height:58px;
    left: 7px;
    top: -18px;
}