/* ----- RESET ----- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,hr,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;border-collapse:collapse;font-size:100%;margin:0;outline:none;padding:0;vertical-align:baseline}
textarea,select,input,button{border-collapse:collapse;font-size:100%;margin:0;outline:none;padding:0;vertical-align:baseline}
table,tbody,thead,tr,th,td{vertical-align:top}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader}
a img{border:none}
body{background:transparent;line-height:1}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
html,body{height:100%;width:100%}
body,input,select,textarea,button{color:#000;font:14px Arial,sans-serif}
::-moz-focus-inner{border:0;padding:0}
textarea{display:block;overflow:auto}
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline}
button{overflow:visible;width:auto}
a,button,input[type=submit]{cursor:pointer}
* html button,*+html button{line-height:1}
input{border-radius:0;}

.block_nav a{
  font-family: arial !important;
}



/* ----- GLOBAL ----- */
.clear{clear:both;height:0;overflow:hidden;visibility:hidden;width:100%}
body.page-wayform, body.page-wayform #page{height:auto !important;}
#page{margin:0;width:100%;height:100%;position:relative;}
#page.hide{visibility:hidden}
#header,#footer{background:#222;padding:10px;color:#FFF;clear:both}
#header{margin-bottom:10px}
#footer{margin:10px 0}
#wrapper{}
#main{}
#copyright{clear:both;color:#888;font-size:12px;padding-top:10px;text-align:right;width:100%}
#copyright a{color:#888;text-decoration:none}
#cartoclic,#searchmap,#detailmap{left:200px;position:absolute;top:0;right:0;bottom:0;}
#search,#detail,#way{width:100%;height:100%;}
#searchlist,#detailpoi{width:200px;}
#waymap{position:absolute;top:0;right:0;bottom:0;left:450px;}
#wayctn{width:450px;position:absolute;left:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;}
#cartoclic.hide, #wayform.hide, #way.hide, #detail.hide{display:none;}
#search.hide * {visibility:hidden !important;}
.hide #searchlist,.hide #detailpoi,.hide #wayctn,.hide #detailpoibuttons,.hide #waybuttons{display:none;}
.viewer{height:100%;width:100%}
.mapbuttons a{background:#FFF;display:block;margin:0px;padding:0px;color:#666;}
.mapbuttons a.disabled{cursor:default}
#detailmapbuttons span, #waymapbuttons span{background:no-repeat center center;display:block;height:20px;text-indent:-9999px;width:20px}
#detailmapbuttons .btnzoomout span, #waymapbuttons .btnzoomout span{background-image:url(../img/btn-zoomout.png); width:29px; height:29px;cursor:pointer;}
#detailmapbuttons .btnzoomin span, #waymapbuttons .btnzoomin span{background-image:url(../img/btn-zoomin.png); width:29px; height:29px;cursor:pointer;}
#detailmapbuttons .btnzoomout, #waymapbuttons .btnzoomout{border-top:none !important;}
#detailmapbuttons .btnfullscreen span{background-image:url(../img/btn-fullscreen.png); width:29px; height:29px;}
#waybtnprint span{background:url(../img/btn-print.png) no-repeat center center; width:29px; height:29px;}
.btnbackcartoclic span{background-image:url(../img/ico-retour-cartoclic.png)}
.btn{background:#555;border:1px solid #AFB692;color:#FFF;display:inline-block;padding:5px 10px;text-decoration:none;white-space:nowrap}
.btn a{color:#FFF}
.btn:hover{text-decoration:none;-moz-box-shadow: inset 0px 0px 3px 0px #AFB692;
-webkit-box-shadow: inset 0px 0px 3px 0px #AFB692;
-o-box-shadow: inset 0px 0px 3px 0px #AFB692;
box-shadow: inset 0px 0px 3px 0px #AFB692;}
.btngroup {margin:10px;-moz-box-shadow: 0px 0px 5px 0px #b4b995;
-webkit-box-shadow: 0px 0px 5px 0px #b4b995;
-o-box-shadow: 0px 0px 5px 0px #b4b995;
box-shadow: 0px 0px 5px 0px #b4b995;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#b4b995, Direction=NaN, Strength=5);}
#detailsidebuttons .btn {padding:5px; width:120px;font-size:12px;font-weight:bold;;font-family: Arial, sans-serif;}
#detailsidebuttons span.icon{ display:inline-block; width:25px; height:25px; vertical-align:middle; margin-right:7px; }
#detailsidebuttons span.label{ display:inline-block;vertical-align:middle; }
#btnway span.icon{background:url(../img/btn-way.png) no-repeat left top;}
#btnway2 span.icon{background:url(../img/btn-bv.png) no-repeat left top;}
#btnprint span.icon{background:url(../img/btn-print.png) no-repeat left top;}
#btnsms span.icon{background:url(../img/btn-mobile.png) no-repeat left top;}
#btnemail span.icon{background:url(../img/btn-mail.png) no-repeat left top;}
#btnway2, #btnprint, #btnsms, #btnemail {border-top:none;}

/* ----- GLOBALFORM ----- */
form label{display:none}
form input[type=text],form textarea{background:#FFF;border:1px solid #CCC;padding:5px; font-size:14px; font-family: Arial, sans-serif;}
form button{background:#555;border:1px solid #000;color:#FFF;padding:5px 10px}
form button,form input[type=text]{-moz-box-sizing:content-box;-ms-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
form .help,form .comment{font-size:.8em}

/* ----- SEARCHFORM ----- */
#searchform{clear:both;float:left;margin-bottom:10px;width:100%}
#searchform .field{float:left;margin-right:10px}
#searchform .field input{width:245px}
#searchform button{float:left}

/* ----- CARTOCLIC ----- */
#cartoclic{/*background:url(../img/europe.gif) no-repeat center center;*/background-color:#dfecf7;}
#bgcartoclic{height:500px;width:500px;margin:auto;}
#tooltipcartoclic{background:#FFF;display:none;left:10px;padding:10px;position:absolute;text-align:center;top:10px;z-index:10}
#tooltipcartoclicname{font-weight:700}
#tooltipcartoclicimplantation{margin-top:2px}

/* ----- TOOLTIP ----- */
.tooltip{background:#FFF;float:left;padding:10px}
.tooltip.zoom{text-align:center}
.tooltip.zoom p{white-space:nowrap}
.tooltip.zoom .btn{margin-top:10px}
.tooltip.pois,.tooltip .slider-ctn .poi{width:220px}
.tooltip .poi{clear:both;float:left;width:100%}
.tooltip .links{margin-top:10px}
.tooltip .linkway{margin-left:10px}
/* MODE ACCORDEON */
.tooltip .cluster{float:left;width:100%}
.tooltip .cluster .headpoi{clear:both;cursor:pointer;float:left;margin-top:10px;width:100%}
.tooltip .cluster .headpoi.first-child{margin-top:0}
.tooltip .cluster .headpoi .info{float:left;width:200px}
.tooltip .cluster .headpoi .links{float:right;margin-top:0}
.tooltip .cluster .headpoi .links .btn{background:none;border-color:transparent transparent transparent #222;border-style:solid;border-width:6px 0 6px 6px;display:block;font-size:0;height:0;margin-top:1px;padding:0;width:0;zoom:1}
.tooltip .cluster .headpoi.open .links .btn{border-color:#222 transparent transparent;border-width:6px 6px 0;margin-top:4px}
.tooltip .cluster .bodypoi{clear:both;float:left;width:100%}
.tooltip .cluster .bodypoi .info{display:none}
/* MODE SLIDER */
.tooltip .slider{overflow:hidden;position:relative;width:100%}
.tooltip .slider-ctn{position:absolute;width:99999em}
.tooltip .slider-ctn .poi{clear:none;float:left;padding-right:20px}
.tooltip .slider-nav ul{list-style:none;margin-top:10px;text-align:center;width:100%}
.tooltip .slider-nav li{background:#888;color:#FFF;cursor:pointer;display:inline-block;font-weight:700;height:16px;margin:0 2px;vertical-align:bottom;width:16px;zoom:1}
.tooltip .slider-nav li.on{background:#000}
* html .tooltip .slider-nav li{display:inline}
*+html .tooltip .slider-nav li{display:inline}

.ToolTipServicesContainer{/*min-width:160px*/;margin:0 10px;}
.ToolTipServicesBody{background-color:#FFF;border:1px solid #b4b995;-moz-box-shadow: 0px 0px 5px 0px #b4b995;-webkit-box-shadow: 0px 0px 5px 0px #b4b995;-o-box-shadow: 0px 0px 5px 0px #b4b995;box-shadow: 0px 0px 5px 0px #b4b995;filter:progid:DXImageTransform.Microsoft.Shadow(color=#b4b995, Direction=NaN, Strength=5);}
.ToolTipServicesLabel{display:inline-block;background-color:#FFF;padding:10px;margin:0px;font-weight:bold;font-size:14px;color:#666666;white-space:nowrap; font-family:Arial, sans-serif;}
.ToolTipServicesTimesCont{background-color:#f0f0ea;padding:10px;}
.ToolTipServicesTimesTitle{font-size:12px;font-weight:bold;line-height:15px;color:#666;min-width:200px;}
.ToolTipServicesTimes{display:table;width:100%;}
.ToolTipServicesTime{display:table-cell;padding-top:40px;background-color:#f0f0ea;text-align:center;width:33%;color:#666666;font-size:11px;}
.ToolTipServicesTime.multi{background: url(../img/picto-temps-multi.png) no-repeat center top;}
.ToolTipServicesTime.voiture{background: url(../img/picto-temps-voiture.png) no-repeat center top;}
.ToolTipServicesTime.pieton{background: url(../img/picto-temps-pieton.png) no-repeat center top;}

.ToolTipContainer{width:200px;background-color:#FFF;margin:10px 0;border:1px solid #b4b995;
-moz-box-shadow: 0px 0px 5px 0px #b4b995;
-webkit-box-shadow: 0px 0px 5px 0px #b4b995;
-o-box-shadow: 0px 0px 5px 0px #b4b995;
box-shadow: 0px 0px 5px 0px #b4b995;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#b4b995, Direction=NaN, Strength=5);}
.ToolTipBody{padding:10px;font-size:12px;color:#666;}
.ToolTipLabel{font-weight:bold;font-size:14px;color:#1a171b;/*font-family:"NeueLTStd-BdCn"*/;font-family:Arial,  sans-serif;line-height:1.2;margin-bottom:5px;}
.ToolTipAddress{font-family:Arial,  sans-serif;font-size:12px;}
.ToolTipWay {text-align:center;margin:10px 0;}
.ToolTipWay button{background-color:#E82830;color:white;border:none;padding:5px 15px;font-family: Arial, sans-serif;font-size:14px;}
.ToolTipSwap {margin:0 -10px;background:#f0f0ea url(../img/chevron.png) no-repeat 185px center; padding:3px 20px 3px 10px; cursor:pointer;font-weight:bold;font-family:Arial,  sans-serif;font-size:11px;}
.ToolTipSwap span.icon {display:inline-block;width:31px;height:31px;margin-right:10px;vertical-align:middle;}
.ToolTipSwap.pr span.icon{background:url(../img/picto-swap-pr.png) no-repeat left top;}
.ToolTipSwap.bv span.icon{background:url(../img/picto-swap-bv.png) no-repeat left top;}
.ToolTipSwap span.label{display:inline-block;vertical-align:middle;width:128px;}

/* ----- SEARCHLIST ----- */
#searchlist ul{list-style:none}
#searchlist li{float:left;padding:10px 0;width:100%}
#searchlist .info{float:left;padding:0 10px;/*width:440px*/}
#searchlist .links{float:right;padding:0 10px}
#searchlist .links .btn{clear:right;float:right}
#searchlist .links .linkdist{margin-top:5px}
#searchlist .odd{background:#EFEFEF}
#searchlist .address{display:block}

/* ----- DETAIL ----- */
#detailpoi{padding:10px 0;display:none;}
#detailpoi .name,#detailpoi .address,#detailpoi .phone{display:block}
#detailpoibuttons {position:absolute;left:0;top:0;bottom:0;width:200px;}
#detailpoibuttons a{float:left;margin-right:10px}
#detailpanel{background-color:#E82830;color:white;padding:10px;position:absolute;left:0;top:0;bottom:0;width:180px;}
#detailpanel h3{margin:10px auto 5px;font-size:15px;font-family: Arial, sans-serif;font-weight: normal;}
#detailpanel .scolaire{background:url(../img/picto-scolaire.png) no-repeat right top;}
#detailpanel .services{background:url(../img/picto-services.png) no-repeat right top;}
#detailpanel .pratique{background:url(../img/picto-pratique.png) no-repeat right top;}
#detailpanel .transports{background:url(../img/picto-transports.png) no-repeat right top;}
#detailpanel .loisirs{background:url(../img/picto-loisirs.png) no-repeat right top;}
#detailpanel .sante{background:url(../img/picto-sante.png) no-repeat right top;}
#detailpanel ul{margin-bottom:30px;}
#detailpanel li {font-weight:bold;cursor:pointer;margin-left:17px;list-style:none;background:url(../img/case-vide.png) no-repeat left 1px;margin-left:3px; padding-left:18px;margin-bottom:4px;font-family:Arial,  sans-serif; font-size:12px;}
#detailpanel li.checked {background:url(../img/case-pleine.png) no-repeat left top;}

/* ----- WAY ----- */
#waylist ul{list-style:none}
#waylist li{padding:10px;min-height:27px; background: #ecece4; border-top: 1px solid #fff;}
#waylist a{float:right;margin-left:15px;background:url(../img/iti-arrival.png) no-repeat left top; width:24px;height:24px;overflow:hidden;line-height:999em;}
#waylist .odd{background: #ecece4; border-top: 1px solid #fff;}
#waylist .time{float:left;font-style:italic;margin-bottom:5px;margin-right:10px;}
#waylist .distance{float:left;font-style:italic;margin-bottom:5px;width:80px}
#waylist .instruction{clear:left;display:block}
#waybuttons{clear:both;padding-top:10px; display:none;}
#waybuttons a{float:left;margin-right:10px}
#wayinfo{ background-color: #E82830; color: #FFF; padding: 10px; font-family: "NeueLTStd-BdCn"; font-size:14px;}

/* ----- WAYFORM ----- */
#wayform {padding:20px;width:420px;}
#wayform h3{clear:both;padding-bottom:5px;padding-top:10px}
#wayform #departure h3{padding-top:0}
#wayform #departure {background:url(../img/iti-departure.png) no-repeat left 3px;}
#wayform #arrival {background:url(../img/iti-arrival.png) no-repeat left 3px;}
#fieldwaycity{}
#fieldwaystreet{}
#waystreet{width:370px; padding:8px; border-color:#DCDDCC;margin-left:30px;}
#waycity{width:370px; padding:8px; border-color:#DCDDCC;margin-top:10px;margin-left:30px;}
#wayform .info{padding:8px;text-align:center;border:1px solid #DCDDCC;margin-top:10px;width:370px;color:#666;text-align:left;margin-left:30px;font-size:14px;font-family:Arial,  sans-serif;}
#wayform .name,#wayform .address{display:block}
#wayformbuttons{clear:both;padding-top:10px;background-color:#e9e9e1; padding:15px 20px;text-align:center;margin:15px -20px -20px -20px;}
#wayformbuttons a{}
#wayformbuttons button{}
#mode {text-align:center;margin:20px 0 10px;}
#mode .field{display:inline-block;margin-right:20px;}
#mode input{display:none;}
#mode label{display:block;cursor:pointer;min-width:45px;padding-top:35px;/*font-family:"NeueLTStd-BdCn"*/font-family: Arial, sans-serif;font-weight:normal;font-size:15px;color:#666;}
#mode label.checked{color:#E82830;}
#fieldwaytransport label{background:url(../img/iti-trans-off.png) no-repeat center top;}
#fieldwaycar label{background:url(../img/iti-car-off.png) no-repeat center top;}
#fieldwaypedestrian label{background:url(../img/iti-pieton-off.png) no-repeat center top;}
#fieldwaytransport label.checked{background:url(../img/iti-trans-on.png) no-repeat center top;}
#fieldwaycar label.checked{background:url(../img/iti-car-on.png) no-repeat center top;}
#fieldwaypedestrian label.checked{background:url(../img/iti-pieton-on.png) no-repeat center top;}
#wayTo {/*font-family:"NeueLTStd-BdCn"*/;font-family:Arial,  sans-serif; font-weight:bold; background-color:#000;color:#666;width:420px;font-size:12px;margin-bottom:15px;}
.ie8 #wayTo {font-size:12px;}
#wayTo div{display:inline-block;width:50%;text-align:center;padding:5px 0;cursor:pointer;}
#wayTo div.selected{background-color:#E82830;color:white;position:relative;}
#wayTo div.selected:after{content:"";width:0px;height:0px;bottom:-20px;position:absolute;left:85px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;border-top:10px solid #E82830;}
#wayMM  {margin-left:30px;}
#wayMM > div {margin-top:10px;}
#wayMM label {display:inline-block;font-weight:bold;width:50px;}
#wayMM select {border:1px solid #DCDDCC;padding:8px;color:#666;}
#wayModes {width: 335px;}
#wayDateType, #wayDateHH {margin-right:3px;}
#wayDateType {width:90px;}
#wayDateHH {width:74px;}
#wayDateMM {width:67px;}
#wayDate {width:74px;border:1px solid #DCDDCC;padding:9px;color:#666;margin-right:3px;height:16px;}


/* ----- EMAILFORM -----*/
#fieldemailsender{ }
#fieldemailrecipients{padding-top:10px;}
#fieldemailmessage{padding-top:10px;}
#emailmessage{height:50px; width:240px; padding:8px; border-color:#DCDDCC;}
#emailsender{width:240px; padding:8px; border-color:#DCDDCC;}
#emailrecipients{width:240px; padding:8px; border-color:#DCDDCC;}
#emailform button{}
#emailform .text{margin-bottom:10px}
.dlg-popin-email .dlg-content{width:300px;}

/* ----- SMSFORM ----- */
#smsform .comment{clear:both;padding-top:10px}
#fieldsmssender{float:left}
#smssender{width:240px; padding:8px; margin-bottom:15px;border-color:#DCDDCC;}
#smsform button{}
#smsform .text{margin-bottom:10px}
.dlg-popin-sms .dlg-content{width:300px;}
.dlg-popin-sms .text{line-height:1.5;}

/* ----- POPIN -----*/
.dlg-wait{display:none}
.dlg-wait-img{filter:Alpha(Opacity=20);height:46px;opacity:.2;width:46px}
.dlg-wait-img span{-moz-border-radius:46px;-webkit-border-radius:46px;background:#000 url(../img/loader.gif) no-repeat;border-radius:46px;display:block;height:46px;width:46px}
.dlg-popin{box-shadow:0 0 10px #afb692;display:none;min-width:300px}
.dlg-popin-close{color:#FFF;cursor:pointer;width:50px;height:30px;position:absolute;right:3px;top:-30px;background:#e9e9e1 url(../img/ico-close.png) no-repeat center center;overflow:hidden;line-height:999em;}
.dlg-popin-sms .dlg-message{float:left}
.dlg-popin .left{float:left;width:250px}
.dlg-popin .right{float:right;margin-left:10px;width:170px}
.dlg-header{background:#222;color:#FFF;min-height:15px;padding:10px;text-transform:uppercase;display:none;}
.dlg-content{background:#FFF;max-width:450px;overflow:hidden;border:1px solid #afb692;}
.dlg-message{padding:20px}
#divAddressAmbiguous p{padding-bottom:10px}
#listAddressAmbiguous{height:60px}
#listAddressAmbiguous li{cursor:pointer}

.popinTitle{font-weight:normal;font-size: 20px;color: #1a171b;font-family:"NeueLTStd-BdCn";text-transform:uppercase;margin-bottom:12px;}
.btn.red{background-color:#E82830;border:none;font-weight:normal;padding:10px 20px;font-size:18px;font-family: "NeueLTStd-BdCn";}
.buttonPane{background-color:#e9e9e1; margin:15px -20px -20px -20px;padding:15px 20px;text-align:center;}



/* ----- MODE DETAIL ----- */
#modedetail{}

/* ----- JSCROLLPANE LIB ----- */
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{height:100%;position:absolute;right:0;top:0;width:6px;margin-right:5px;}
.jspHorizontalBar{bottom:0;height:5px;left:0;position:absolute;width:100%}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#dde;position:relative}
.jspDrag{background:#bbd;cursor:pointer;left:0;position:relative;top:0}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;cursor:pointer;display:block;margin:0;padding:0;text-indent:-20000px}
.jspArrow.jspDisabled{background:#80808d;cursor:default}
.jspVerticalBar .jspArrow{height:5px}
.jspHorizontalBar .jspArrow{float:left;height:100%;width:5px}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}


/* ----- JSCROLLPANE ----- */
.jspTrack{background:none;}
.jspDrag{background:#444;background-color:rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

/* ----- PRINT ----- */
@media print{
  body{height:auto;}
	#searchform,.mapbuttons,#detailpoibuttons,#waybuttons,#waylist .plan{display:none;visibility:hidden}
	#waylist thead{border-bottom:5px solid #222;color:#222}
	#waylist tbody tr{border-bottom:1px solid #888}
	#page{padding:40px;height: auto;position: static;}
  #detail{height:auto;}
  #detailpanel{display:none;}
  #detailmap{left:0;}
  .hide{display:none !important;}
  #waymap{width:100% !important; display:block; clear:both; height:100%; position:static; margin:0; padding:0; }
  #wayctn{width:90%; display:block; clear:both; position:static; overflow:visible; margin:0; padding:0;border:1px solid #000; margin-top:20px;}
  #waylist{ width:auto; margin:0; padding:0; clear:both; display: block; }
  #waylist li{border-top:1px solid #000}
  #waylist li.odd{border-top:1px solid #000}
  #waylist li a {display:none;}
  #wayinfo{color:#000; font-family:sans-serif; width:90%;background:none;}
  #tomap{display:none;}
}