.hidden
		{
		display:none;
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
		}

.listingBar a
		{ color: black; }
		
.jz-strikeout	{ font-weight:normal; text-decoration:line-through }

.jz-font80p	{ font-size: 80% }

.jz-container
		{ 
		padding: 0;
		margin: 0;
		border: 0;
		}

.jz-maxcontainer {
		padding:0px;
		margin: 0px;
		border: 0px;

		position: absolute;

		top:	0px;
		bottom:	0px;
		height:	auto;

		left:	0px;
		right:	0px;
		width:	auto;

		overflow: hidden;
		}

.jz-overflowauto { overflow: auto }

.jz-vbar {
		background-color: ButtonFace;
		background-image: url(/static/icon/dblarrow.png) ;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		cursor: w-resize;
		}


.jz-vbar:hover {
		background-color: ButtonHighLight;
		}

.jz-vlinner { border: 2px ButtonFace inset; }

.jz-hidden
		{ display:none; }

.jz-focusrect
		{ cursor:default !important; }

.jz-focusrect:hover
		{ cursor:default !important; }
		
.jz-formalign {  } /* used on tables in forma to align names and input fields */

table.jz-formalign  { padding:10px; }

table.jz-formalign col.jz-col2 { width:100% }

.jz-simple-label
		{
		font-family:'Helvetica', Helvetica, sans-serif;
		font-size:8pt;
		font-style:normal;
		font-weight:normal;
		}

.LegendBlock
		{
		float:left;
		clear:both;
		border:0px solid black;
		margin:0px;
		}

.LegendElem
		{
		overflow:hidden;
		margin: 0.3em 0.2em 0em 0.2em;
		border-width:4px 0 0 0;
		border-style:solid;
		width:2em;
		height:0px;
		float:left;
		background:transparent;
		border-color:transparent;
		}


.LegendMnCond {
    
    font-family:Arial, Helvetica, sans-serif; font-size:7pt; color:black;
    background:url(/static/image/75white.png);
    border:1px solid black; 
    padding: 1px; 
    width:auto; height:7.5em;
    margin:0.5em;
    }


.LegendMnEtoile {
    
    font-family:Arial, Helvetica, sans-serif; font-size:7pt; color:black;
    background:url(/static/image/75white.png);
    border:1px solid black; 
    padding: 1px; 
    width:19em; height:8em;
    margin:0.5em;
    }


.LegendMnCond .LegendElem, .LegendMnEtoile .LegendElem {
    
        overflow:hidden;
        margin: 0.3em 0.2em 0em 0.2em;
        border-width:0 0 0 0;
        border-style:solid;
        width:2em;
        height:4px;
        float:left;
        }
        
.jz-star { 
    display: inline-block;
    width:12px; height: 12px;
    background-image: url(/static/image/jquery.ui.stars-12.png);
    }
.jz-star.jz-yellow { background-position: 0 -36px; }
.jz-star.jz-grey   { background-position: 0 -24px; }
/********************************************************/
/*** VX styles                                       ****/
/********************************************************/


/********************************************/
/********* Fiches synthese  *****************/


.ui-connector { width:0; height:0 ; padding:0 ; border:0 ; margin: 0; position:absolute }

/** ????   .vx-tooltip-container { position:absolute; padding:0; margin:0; border:0 }  */

.ui-tooltip .ui-dialog-titlebar-close {
    position:absolute;
    top:2px; right:2px ;
    background-color: rgba(255,255,255,0.50) ;
    }


/* ??? .ui-tooltip.ui-widget { font-size:80% } */



/*  ????  .vx-tooltip { max-width:200px; font-size:80% }  */



 /* style synthese */

.vx-synthese { 
    width: 250px; 
    margin: 30px 30px 30px 30px;

}


    
.vx-synthese .vx-picto {
    /*Style requirs pour les fiches de proximiter, pour eviter de deplacer le marquer au 'anchor pint' */ 
    margin-left:0px;
    margin-bottom:0px; 
    position: static;
    }

/************* Synthese ancien look *******************/

body .vx-synthese {
    font-size: 8pt ;
    padding: 2px;
}

.vx-synthese .vx-titre {
    border: 0px;
    background: #dddddd;
}

.vx-synthese .vx-titre-h2 {
    float:right;
    font-weight:normal;
}
.vx-synthese .vx-href a {
    color: #0000EE; /* overrider par le style je ne sait pas comment remettre valuer par default du browser ... */
}


/*
d-color: rgb(255, 255, 255); font-weight: normal; font-family: Arial; font-size: 8pt; border: 2px solid rgb(136, 136, 136)

*/
/********** Synthese proximiter  ************/

.vx-synthese-prox {  width:250px; }
.vx-synthese-prox table { border-collapse: collapse; width:100% }
.vx-synthese-prox td { font-size:90%; vertical-align:top }
.vx-synthese-prox td.vx-prox-col-dst{ font-size:90%;  }


/********* Synthese 'normal' *************************

.vx-synthese .vx-titre { font-weight:bold; background-color:#dddddd; margin:2px; padding-left:2px }
.vx-synthese .vx-titre-h1 {}
.vx-synthese .vx-titre-h2 { display:block; font-weight:normal }

    
.vx-synthese .vx-photo { padding:0px; margin:2px; width:125px; float:left; border:2px #888888 solid }

.vx-synthese.vx-synthese-parcours .vx-photo { width:100% }
 
.vx-synthese .vx-adresse { font-weight:normal; margin-left:2px; padding:2px; letter-spacing:-0.5px }

.vx-synthese .vx-desc { clear:left; font-weight:200; font-size:8pt; padding:2px; }

*/
/********* Synthese 'normal' **************************/

.vx-synthese .vx-titre {  }
.vx-synthese .vx-titre-h1 {}
.vx-synthese .vx-titre-h2 {  }

    
.vx-synthese .vx-photo { 
    padding:0px; margin:2px; width:125px; float:left; border:2px #888888 solid }

.vx-synthese.vx-synthese-parcours .vx-photo { 
    width: 242px /*  250-2*padding+ 2*border */;
    }
 
.vx-synthese .vx-adresse {  }

.vx-synthese .vx-desc { clear:left;  }



/**************** Synthese photos   **************/

.vx-synthese-photos  { width:300px; }
.vx-synthese-photos .vx-photo {
    padding:0px; margin:2px; 
    width: 292px; /* 300.-2*border+2*padding */ 
    border:2px #888888 solid;
    }
.vx-synthese-photos .vx-adresse { display:none }


/**************** Synthese parcours **************/

/*
.vx-pathhover {
     font-weight:bold; 
     background-color:#dddddd;
     margin:2px; 
     padding-left:2px;
     max-width:200px;
    }
*/



/******* ???? **************/

.vx-zone {
    border:0px; padding:0px; margin:0px;
    background-color:transparent;  /* a(88,88,90,.25); */
    }
    




/******** Pictos **************************/

/*** picto only  ******/
 

.vx-picto {
    display:block;
    position:absolute;

        /* Set offset by using negative margins  */
    margin-left:-13px;
    margin-bottom:-11px; 
    }
.vx-picto.vx-picto-inline {
    display:inline-block;
    position:inherit;
    padding: 0px;
    margin:0px;
    border:solid 0px transparent;
}


/*** picto in container  ******/

.vx-picto-container  {
    display:block;
    position:absolute;
    width:1px; height:1px;
    overflow:visible;

}



 .vx-picto-container .vx-picto {
    display:block;
    position:absolute;
    left: -15px;
    bottom:-13px;
    margin-left:0px;
    margin-bottom:0px; 
}
    
    
    
    
.vx-picto {

    width:26px;
    height:22px;
       
    -moz-border-radius: 11px;
    border-radius: 11px; 
    border-width: 2px;
    border-color: transparent; 
    border-style: solid;
    cursor: hand;
    background-repeat:no-repeat;
    }
    
    
.vx-picto.vx-hover {
     border-color: yellow;
    }
.vx-picto.vx-click {
     cursor:pointer;
    }
.vx-picto.vx-hover.vx-click {
     border-color: red;
    }


.vx-picto-nature-et-plein-air   { background-image: url('/static/icon/nature-pleinair-3-22x26.png'); }
.vx-picto-attraits-et-culture   { background-image: url('/static/icon/attraits-culture-22x26.png'); }
.vx-picto-agrotourisme  { background-image: url('/static/icon/agrotourisme-22x26.png'); }
.vx-picto-festivals-et-événements   { background-image: url('/static/icon/festivals-evenements-22x26.png'); }
.vx-picto-municipalités { background-image: url('/static/icon/municipalite-22x26.png'); }
.vx-picto-hébergements  { background-image: url('/static/icon/hebergement-22x26.png'); }
.vx-picto-restauration  { background-image: url('/static/icon/restauration-22x26.png'); }
.vx-picto-essence   { background-image: url('/static/icon/essence-22x26.png'); }
.vx-picto-stationnement { background-image: url('/static/icon/stationnement-22x26.png'); }
.vx-picto-halte,
   .vx-picto-halte-vélo { background-image: url('/static/icon/halte-22x26.png'); }

.vx-picto-relais,
 .vx-picto-relais-motoneige,
 .vx-picto-relais-quad { background-image: url('/static/icon/relais-22x26.png'); }

.vx-picto-autres,
 .vx-picto-automne { background-image: url('/static/icon/autres-22x26.png'); }

.vx-picto-photos    { background-image: url('/static/icon/photos-22x26.png'); }

.vx-picto-aeroport  { background-image: url('/static/icon/aeroport-22x26.png'); }
.vx-picto-autobus   { background-image: url('/static/icon/autobus-22x26.png'); }
.vx-picto-croisière { background-image: url('/static/icon/croisiere-22x26.png'); }
.vx-picto-information-touristique   { background-image: url('/static/icon/info-touristique-permanant-22x26.png'); }
.vx-picto-train   { background-image: url('/static/icon/train-22x26.png'); }
.vx-picto-traversier    { background-image: url('/static/icon/traversier-22x26.png'); }

.vx-picto-motoneige, 
 .vx-picto-club-motoneige, 
 .vx-picto-locateur-motoneige,
 .vx-picto-concessionnaire-motoneige  { background-image: url('/static/icon/motoneige-22x26.png'); }

.vx-picto-quad,  
 .vx-picto-club-quad     { background-image: url('/static/icon/quad-22x26.png'); }
 
.vx-picto-attention,
 .vx-picto-avertissement { background-image: url('/static/icon/avertissement-22x26.png'); }




.vx-picto-start, .vx-icon-startflag {
    
    background-image: url('/static/icon/drapeau-vert-40x35.png');
    
    width:35px;
    height:40px;
       
    -moz-border-radius: 10px;
    border-radius: 10px; 
    
    margin-left:-13px; /* add/substract bordewr */
    margin-bottom:-5px; 
}


.vx-picto-stop, .vx-icon-endflag {
    
    background-image: url('/static/icon/drapeau-fin-40x35.png');
    
    width:35px;
    height:40px;
       
    -moz-border-radius: 5px;
    border-radius: 5px; 
    
    margin-left:-13px; /* add/substract bordewr */
    margin-bottom:-5px; 
}

.vx-picto-loop, .vx-icon-loopflag {
    
    background-image: url('/static/icon/drapeau-vert-fin-40x35.png');
    
    width:35px;
    height:40px;
       
    -moz-border-radius: 5px;
    border-radius: 5px; 
    
    margin-left:-12px; /* add/substract bordewr */
    margin-bottom:-2px; 
}

.vx-picto-etablissement, .vx-icon-stop {
    /* def google icon */
    background-image: url('/static/icon/stop.png');
    
    width:20px;
    height:34px;
       
    -moz-border-radius: 10px;
    border-radius: 10px; 
    
    margin-left:-12px; /* add/substract bordewr */
    margin-bottom:0px; 
    

}

.vx-icon-start {
    /* def google icon */
    background-image: url('/static/icon/start.png');
    
    width:20px;
    height:34px;
       
    -moz-border-radius: 10px;
    border-radius: 10px; 
    
    margin-left:-12px; /* add/substract bordewr */
    margin-bottom:0px; 
    

}



.vx-picto-waypointn1, .vx-picto-waypointn2,.vx-icon-waypointn {
    /* def google icon */
    background-image: url('/static/marker/largeTDBlueIcons/blank.png');
    
    width:20px;
    height:34px;
       
    -moz-border-radius: 10px;
    border-radius: 10px; 
    
    margin-left:-12px; /* add/substract bordewr */
    margin-bottom:0px; 
    
    /* label position */
    text-align: center;
    padding-top: 2px;
    color:white;
    font-family: Segoe UI, Arial, sans-serif;
    /*

    var    G_DEFAULT_ICON=        { size: google.maps.Size(20,34) }
    $.WaypointN = Icon('WaypointN',{
        image:'/static/marker/largeTDBlueIcons/blank.png'},
        G_DEFAULT_ICON)
    */
}

.vx-picto-waypointn3, .vx-picto-waypointn4 {
    /* def google icon */
    background-image: url('/static/marker/largeTDBlueIcons/blank.png');
    
    width:20px;
    height:34px;
       
    -moz-border-radius: 10px;
    border-radius: 10px; 
    
    margin-left:-12px; /* add/substract bordewr */
    margin-bottom:0px; 
    
    /* label position */
    text-align: center;
    padding-top: 2px;
    color:white;
    font-size:70%;
    font-family: Segoe UI, Arial, sans-serif;
    
    /*

    var    G_DEFAULT_ICON=        { size: google.maps.Size(20,34) }
    $.WaypointN = Icon('WaypointN',{
        image:'/static/marker/largeTDBlueIcons/blank.png'},
        G_DEFAULT_ICON)
    */
}


/*
if (api=='gmap3') var    G_DEFAULT_ICON=        { size: google.maps.Size(20,34) }

    $.WaypointIcon = Icon('Waypoint',{
        image :     '/static/icon/info.png',
        hoverImage :    '/static/icon/info_focus.png',
        printImage :    '/static/icon/info.gif',
        iconAnchor:[8,8], infoWindowAnchor:[11,3]})
    $.SquareIcon = Icon('Square',{
        image:      '/static/icon/required.gif',
        hoverImage: '/static/icon/required.gif',
        iconAnchor:[2,4], infoWindowAnchor:[5,2]})
    $.EndIcon = Icon('End',{
        image:  '/static/icon/stop.png',
        shape:'right-top-box',
        fillColor: '#ff0000' , fillOpacity: 0.5, outlineWeight: 1, scale:0.5 },
        G_DEFAULT_ICON)
    $.StartIcon = Icon('Start',{
        image:'/static/icon/start.png',
        shape:'left-top-box',
        fillColor: '#00ff00' , fillOpacity: 0.5, outlineWeight: 1, scale:0.5 },
        G_DEFAULT_ICON)
    $.WaypointN = Icon('WaypointN',{
        image:'/static/marker/largeTDBlueIcons/blank.png'},
        G_DEFAULT_ICON)
    $.StartFlag = Icon('StartFlag',{
        image :         '/static/icon/drapeau-vert-40x35.png',
        hoverImage :    '/static/icon/drapeau-vert-40x35.png',
        printImage :    '/static/icon/drapeau-vert-40x35.gif',
        shadow :        '/static/icon/drapeau-ombre-40x50.png',
        iconAnchor:[10,35], infoWindowAnchor:[20,0] })
    $.EndFlag = Icon('StartFlag',{
        image :     '/static/icon/drapeau-fin-40x35.png',
        hoverImage :    '/static/icon/drapeau-fin-40x35.png',
        printImage :    '/static/icon/drapeau-fin-40x35.gif',
        shadow :        '/static/icon/drapeau-ombre-40x50.png',
        iconAnchor:[10,35], infoWindowAnchor:[20,0] })
    $.LoopFlag = Icon('StartFlag',{
        image :         '/static/icon/drapeau-vert-fin-40x35.png',
        hoverImage :    '/static/icon/drapeau-vert-fin-40x35.png',
        printImage :    '/static/icon/drapeau-vert-fin-40x35.gif',
        shadow :        '/static/icon/drapeau-ombre-40x50.png',
        iconAnchor:[10,35], infoWindowAnchor:[20,0] })
    $.smally = Icon('Waypoint',{
        image :     '/static/icon/yellowsml.png',
        hoverImage :    '/static/icon/redsml.png',
        printImage :    '/static/icon/yellowsml.gif',
        shadow :        '/static/icon/shadowsml.png',
        iconAnchor:[6,20], infoWindowAnchor:[6,0] })
    $.smallr = Icon('Waypoint',{
        image :     '/static/icon/redsml.png',
        hoverImage :    '/static/icon/yellowsml.png',
        printImage :    '/static/icon/redsml.gif',
        shadow :        '/static/icon/shadowsml.png',
        iconAnchor:[6,20], infoWindowAnchor:[6,0] })

    $.IconRouge=  Icon('Rouge',{ }, G_DEFAULT_ICON)


    update(IconsAttraits, {'Start':StartFlag,'Stop':EndFlag, 'Waypoint':WaypointIcon, 'WaypointN':WaypointN, '':smallr, 'Rouge':IconRouge})


*/






/* iframe infowwindow */
.vx-infowindow { border:0px; }
.vx-jqwindow { border:0px; }