/* ----- 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:12px Arial,Helvetica,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{-webkit-appearance:none;border-radius:0}


/* ----- GLOBAL ----- */

::-webkit-input-placeholder{color:#9c9c9c;font-style:italic;font-weight:normal}
:-moz-placeholder{color:#9c9c9c;font-style:italic;font-weight:normal}
::-moz-placeholder{color:#9c9c9c;opacity:1;font-style:italic;font-weight:normal}
:-ms-input-placeholder{color:#9c9c9c;font-style:italic;font-weight:normal}
body,input,select,textarea,button{font:16px Helvetica,Arial,sans-serif}
.clear{clear:both;height:0;overflow:hidden;visibility:hidden;width:100%}
body{background:#efeede}
a:hover{text-decoration:none}
.ms{display:none}
/* body{overflow:hidden} */
/*html.webview, body.webview{overflow:visible; overflow-x:hidden } TODO CHECK during tests*/
#page{overflow-y: auto;overflow-x: hidden;width:100%;height: 100%;-moz-box-sizing: border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#page.hide{visibility:hidden}
#header,#footer{clear:both;margin-left:15px;margin-right:15px}
#header{border-bottom:3px solid #000;font-size:36px;text-transform:uppercase;padding:10px 0}
#footer{margin-top:25px;height:357px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../img/sd/imagefooter.jpg);background-repeat:no-repeat;background-position:50% -60px;position:relative}
#footer iframe{position:absolute;bottom:0;height:300px;background:#000}
/*#footer .footercontent p{margin-bottom:20px}
#footer .footercontent ul{list-style:none;margin-left:50px}*/
#wrapper{/* overflow-y:auto; car sinon double scroll */clear:both;margin:0 15px;background-image:url(../img/sd/imagefond.jpg);height:837px;background-size:cover;background-repeat:no-repeat;/*position:relative;*/padding:30px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#main{clear:both;float:left;/*min-height:500px;*/position:relative;width:100%}
.view.hide {display: none}
#copyright{clear:both;color:#888;font-size:12px;padding-top:10px;text-align:right;margin:0 15px;display:none}
#copyright a{color:#888;text-decoration:none}
#detailmap,#waymap{right:0;position:absolute;top:0;width:100%}
#search,#detail,#way{/*clear:both;float:left;*/width:100%;position:absolute}
#search,#detail{top:126px}
#way{top:0}
.hide #searchlist,.hide #detailpoi,.hide #wayctn,.hide #detailpoibuttons,.hide #waybuttons{display:none}
.viewer{height:100%;width:100%}
.mapbuttons a{background:#FFF;display:inline-block;padding:10px;border-color:#666}
.mapbuttons a:hover{background:#AAA}
.mapbuttons .btnbackcartoclic{display:none}
.mapbuttons a.disabled{background:#AAA;cursor:default}
.mapbuttons span{background:no-repeat top left;display:block;height:20px;text-indent:-9999px;width:20px}
.btnzoomout span{background-image:url(../img/sd/ico-zoom-out.png)}
.btnzoomin span{background-image:url(../img/sd/ico-zoom-in.png)}
/*.btnbackcartoclic span{background-image:url(../img/ico-retour-home.png)}*/
.btn{background:#FFF;border:1px solid #000;color:#702082;display:inline-block;padding:10px 16px;text-decoration:none;white-space:nowrap;text-transform:uppercase;font-size:18px;font-weight:bold;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.btn a{color:#702082}
.btn:hover{text-decoration:underline}
#header .logo a{background:url(../img/logo_wtw.png) no-repeat center/contain;width:158px;height:102px;display:inline-block}
#header .headertable{display:table}
#header .headertable div{display:table-cell;vertical-align:middle}
#header .headertable .logo{width:193px}
#header .headertitle{border-left:1px solid #666;padding:15px 35px;display:inline-block;font-weight:100}
#searchmap{height:660px;width:64%;float:right;margin-left:1%}
.arrow {background:url(../img/sd/ico-arrow.png)no-repeat center;width:9px;height:10px;display:inline-block;margin-left:10px;position:relative}
.titleblock{color:#702082;font-weight:bold;text-align:left;text-transform:uppercase;clear:both}
.page-search #wrapper{height:846px}
/*
.reseaulogo{background-repeat:no-repeat;background-position:center right;background-size:contain;display:inline-block;width:90px}
.reseaulogo.acoa{background-image:url(../img/sd/ReseauLogo-Acoa.png);height:37px}
.reseaulogo.auto{background-image:url(../img/sd/ReseauLogo-Auto.png);height:47px}
.reseaulogo.alba{background-image:url(../img/sd/ReseauLogo-Alba.png);height:21px}
.reseaulogo.axia{background-image:url(../img/sd/ReseauLogo-Axia.png);height:38px}
.reseaulogo.best{background-image:url(../img/sd/ReseauLogo-Best.png);height:19px}
.reseaulogo.five{background-image:url(../img/sd/ReseauLogo-Five.png);width:55px;height:55px}
.reseaulogo.carg{background-image:url(../img/sd/ReseauLogo-Carg.png);height:24px}
.reseaulogo.autoplan{background-image:url(../img/ReseauLogo-Autoplan.png);height:70px}
*/
.reseaulogo{display:inline-block;max-width: 90px; max-height: 70px;}

/* ----- GLOBALFORM ----- */
form label{display:none}
form input[type=text],form textarea{background:#FFF;border:1px solid transparent;/*padding:19px 10px;*/width:100%}
form button{background:#555;border:1px solid #000;color:#FFF;padding:5px 10px}
form button,form input[type=text]{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
form .help,form .comment{font-size:.8em}

/* ----- HOME ----- */
.page-home #searchform{height:300px;top:238px;padding:60px 20px}

/* ----- SEARCHFORM ----- */
#searchform{clear:both;float:left;width:100%;background:#c8d7df;position:relative;z-index:2;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}
#searchform .field{float:left;margin-right:10px}
#searchform .checkboxbloc{width:100%;height:60px}
#searchform .checkboxbloc ul{list-style:none}
#searchform .checkboxbloc li{cursor:pointer}
#searchform .checkboxbloc span{display:inline;text-transform:uppercase;cursor:pointer}
#searchform .typebloc{color:#FFF;font-weight:bold;display:inline-block}
#searchform .typebloc .checkbox{background:#666;padding:20px;text-align:center;cursor:pointer}
#searchform .typebloc .checkbox:hover{background:#5b5b5b}
#searchform .typebloc .checkbox:active{background:#555}
#searchform .typebloc .checkbox.checked{background:#555}
#searchform .vhbloc{display:inline-block;border-left:1px solid #666;margin-bottom:14px;padding:5px 0}
#searchform .vhbloc .checkbox{margin:0 10px;cursor:pointer}
#searchform .vhbloc #fieldcourtoisiecheckbox{margin-right:0}
#searchform .typebloc .checkbox #carrosseriecheckbox,#searchform .typebloc .checkbox #vitragecheckbox{background:url(../img/sd/ico-nocheckround.png)no-repeat center;width:16px;height:16px;display:inline-block;margin-right:5px}
#searchform .typebloc .checkbox.checked #carrosseriecheckbox,#searchform .typebloc .checkbox.checked #vitragecheckbox{background:url(../img/sd/ico-checkround.png)no-repeat center;width:16px;height:16px;display:inline-block;margin-right:5px}
#searchform .vhbloc .checkbox #peinturecheckbox,#searchform .vhbloc .checkbox #courtoisiecheckbox{background:url(../img/sd/ico-nocheck.png)no-repeat center;width:16px;height:16px;display:inline-block;margin-right:5px;position:relative}
#searchform .vhbloc .checkbox.checked #peinturecheckbox,#searchform .vhbloc .checkbox.checked #courtoisiecheckbox{background:url(../img/sd/ico-check.png)no-repeat center;width:16px;height:16px;display:inline-block;margin-right:5px}
#searchform .searchbloc{margin-top:60px;display:table;width:100%}
#searchform .geoloc-container {display :none}
.geolocation-capable #searchform .geoloc-container {display:block}
#searchform .searchbloc .bloc,#searchform .searchbloc h4{float:left;display:table-cell}
#searchform .searchbloc .bloc.around{width:20%;min-width:145px}
#searchform .searchbloc .bloc .btnlocalize {width:100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.geolocation-capable #searchform .searchbloc .address{display:table;width:75%}
#searchform .searchbloc .address{width:100%}
#searchform .searchbloc .address input,#searchform .searchbloc .address .loupebloc{display:table-cell}
#searchform input{padding:19px 10px}
#searchform .searchbloc .address .loupebloc{vertical-align:middle;text-align:right;width:30px;padding:0 5px}
#searchform .searchbloc .address .loupe{background:url(../img/sd/ico-loupe.png)no-repeat center;width:24px;height:30px;display:inline-block;position:relative}
#searchform .searchbloc button{float:right;display:table-cell;width:20%}
#searchform .searchbloc h4{color:#702082;font-size:14px;margin:21px 0;text-align:center;width:5%}
#searchform #fieldsearchcity{display:table;width:29%;background:#FFF;margin-right:1%}
#searchform #fieldsearchstreet{display:table;width:49%;background:#FFF;margin-right:1%}
#searchform .submit,#wayform .submit{background:#702082;color:#FFF;border-color:transparent}
#searchform .submit:hover,#wayform .submit:hover{text-decoration:none;background:#661878}
#searchform .submit:active,#wayform .submit:active{text-decoration:none;background:#5d136e}
#searchform .btn{padding:18px 0 18px;text-align:center}
.page-search #searchform,.page-detail #searchform{display:table;border-collapse:separate}
.page-search #searchform .checkboxbloc,.page-detail #searchform .checkboxbloc{display:table-cell;width:612px;vertical-align:middle}
.page-search #searchform .searchbloc,.page-detail #searchform .searchbloc{margin-top:0}
.page-search #searchform .typebloc .checkbox,.page-detail #searchform .typebloc .checkbox{background:#666;padding:14px 20px;min-width:inherit}
.page-search #searchform .typebloc .checkbox:hover,.page-detail #searchform .typebloc .checkbox:hover{background:#5b5b5b}
.page-search #searchform .typebloc .checkbox:active,.page-detail #searchform .typebloc .checkbox:active{background:#555}
.page-search #searchform .typebloc .checkbox.checked,.page-detail #searchform .typebloc .checkbox.checked{background:#555}
.page-search #searchform #fieldvitragecheckbox,.page-detail #searchform #fieldvitragecheckbox{margin-right:0}
.page-search #searchform .typebloc,.page-detail #searchform .typebloc{display:inline-block;font-size:14px;float:left}
.page-search #searchform .vhbloc,.page-detail #searchform .vhbloc{margin:0;border-left:0;padding:0;font-size:13px;float:left}
.page-search #searchform .vhbloc .checkbox,.page-detail #searchform .vhbloc .checkbox{float:none}
.page-search #searchform #fieldpeinturecheckbox,.page-detail #searchform #fieldpeinturecheckbox{margin-bottom:12px}
.page-search #searchform .typebloc .checkbox #carrosseriecheckbox,.page-search #searchform .typebloc .checkbox #vitragecheckbox,.page-detail #searchform .typebloc .checkbox #carrosseriecheckbox,.page-detail #searchform .typebloc .checkbox #vitragecheckbox{top:0}
.page-search #searchform .vhbloc .checkbox #peinturecheckbox,.page-search #searchform .vhbloc .checkbox #courtoisiecheckbox,.page-detail #searchform .vhbloc .checkbox #peinturecheckbox,.page-detail #searchform .vhbloc .checkbox #courtoisiecheckbox{top:0}
.page-search #searchform .vhbloc .checkbox #peinturetitle,.page-search #searchform .vhbloc .checkbox #courtoisietitle,.page-detail #searchform .vhbloc .checkbox #peinturetitle,.page-detail #searchform .vhbloc .checkbox #courtoisietitle{top:2px;position:relative}
.page-search #searchform .searchbloc h4,.page-detail #searchform .searchbloc h4{margin:27px 0}
.page-search #searchform .btn,.page-detail #searchform .btn{font-size:14px;padding:13px 0px}
.page-search #searchform .searchbloc .address input,.page-search #searchform .searchbloc .address .loupebloc,.page-detail #searchform .searchbloc .address input,.page-detail #searchform .searchbloc .address .loupebloc{font-size:14px}
.page-search #searchform input,.page-detail #searchform input{padding:8px 10px}
.page-search #searchform .searchbloc button,.page-detail #searchform .searchbloc button{width:40%;padding:8px 0}
.geolocation-capable.page-search #searchform .searchbloc .address,.geolocation-capable.page-detail #searchform .searchbloc .address{width:60%;float:right}
.page-search #searchform #fieldsearchstreet,.page-detail #searchform #fieldsearchstreet{width:100%;margin-right:0;margin-bottom:1%}
.page-search #searchform #fieldsearchcity,.page-detail #searchform #fieldsearchcity{width:59%;margin-right:0}
.page-search #searchform .searchbloc .bloc.around,.page-detail #searchform .searchbloc .bloc.around{position:relative;top:14px;width:34%;min-width:152px;border-left:1px solid #666}
.page-search #searchform .searchbloc .bloc .btnlocalize,.page-detail #searchform .searchbloc .bloc .btnlocalize{width:90%;min-width:140px;margin-left:7%}
.page-search #searchform .searchbloc .bloc .btnlocalize .arrow,.page-detail #searchform .searchbloc .bloc .btnlocalize .arrow{margin-left:6px}

/* ----- home ----- */
/*#home{background:url(../img/europe.gif) no-repeat center center;}*/
#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:15px;box-shadow:0 0 10px #666;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.tooltip.zoom{text-align:center}
.tooltip.zoom .linkzoom{width:100%}
.tooltip.zoom p{white-space:nowrap}
.tooltip.zoom .btn{margin-top:15px;font-size:14px}
.tooltip.pois,.tooltip .slider-ctn .poi{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.tooltip .poi{clear:both;float:left;width:100%}
.tooltip-header{position:relative;float:right}
.tooltip-header .btnclose{border:transparent;padding:5px}
.tooltip-header .btnclose span{background:url(../img/sd/ico-close-black.png)no-repeat center;width:20px;height:20px;display:inline-block;text-indent:-9999px}
/* 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}
.tooltip .slider-nav ul{list-style:none;margin-top:10px;text-align:center;width:100%}
.tooltip .slider-nav li{background:#FFF;border:1px solid #702082;color:#702082;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:#702082}
.tooltip .slider-nav .next,.tooltip .slider-nav .prev{display:none}
* html .tooltip .slider-nav li{display:inline}
*+html .tooltip .slider-nav li{display:inline}

/* ----- SEARCHLIST ----- */
#searchlist{width:35%;height:660px;float:left;background:#FFF;overflow:hidden}
#searchlist ul{list-style:none;height:660px;overflow:auto;padding:0 15px}
#searchlist li{float:left;padding:15px 0;width:100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #666}
#searchlist li:last-child{border:none}
#searchlist .info,#searchlist .links,.tooltip .info,.tooltip .links{float:left;width:100%;position:relative}
#searchlist .links,.tooltip .links{margin-top:15px}
#searchlist .links .btn,.tooltip .links .btn,#detailpoi .btn{float:left;font-size:14px;padding:9px 16px}
#searchlist .links .selectrep, .tooltip .links .selectrep {width:284px;margin-top:10px;}
#searchlist .arrow,.tooltip .arrow{margin-left:6px}
#searchlist .agencyposition,.tooltip .agencyposition{position:relative;display:inline-block;float:left}
#searchlist .agencynumber,.tooltip .agencynumber{position:absolute;color:#666;font-weight:bold;top:11px;width:40px;z-index:2;text-align:center;font-size:18px}
#searchlist .agencypicto,.tooltip .agencypicto{background:url(../img/sd/picto-poi-liste.png)no-repeat center;width:40px;height:45px;display:inline-block;position:relative;top:2px;margin-right:5px}
#searchlist .infoprime,.tooltip .infoprime{margin-bottom:20px}
#searchlist .distance,.tooltip .distance{font-size:14px}
#searchlist .name,.tooltip .name,#detailpoi .name{font-weight:bold}
#searchlist .distance .linkdist a,.tooltip .distance .linkdist a{color:#701f82;text-decoration:underline}
#searchlist .reseaulogo,.tooltip .reseaulogo,#detailpoi .reseaulogo{float:right;margin-left:10px;margin-bottom:10px}
#searchlist .tel,.tooltip .tel{margin:10px 0;display:block;cursor:default}
#searchlist .icotel,.tooltip .icotel{display:none}
#searchlist .agencyhoraires,.tooltip .agencyhoraires{font-weight:bold}
#searchlist .linkdetail,.tooltip .linkdetail{margin-right:10px}
#searchlist .addressblock,.tooltip .addressblock{display:block}

/* ----- DETAIL ----- */
.page-detail #wrapper{height:727px}
#detailmap{height:240px;position:relative}
#detailpoi{background:#FFF;margin-top:15px;margin-bottom:30px;display:table;width:100%}
#detailpoi .info,#detailpoi .schedule,#detailpoi .blocservices{display:table-cell;padding:20px}
#detailpoi .info,#detailpoi .blocservices{width:30%}
#detailpoi .schedule{width:40%;padding:20px 40px}
#detailpoi .name,#detailpoi .addressblock,#detailpoi .phone,#detailpoi .fax{display:block}
#detailpoi .name{margin-bottom:5px}
#detailpoi .titleblock{margin-bottom:10px}
#detailpoi .buttons{margin:30px 0;}
#detailpoi .btn{margin-top:10px;margin-bottom:20px;clear:both;display:inline;float:none;margin-right:10px;}
#detailpoi .schedule .day{border-bottom:1px solid #666;padding:6px;display:table;width:100%;border-collapse:separate;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#detailpoi .schedule .day span{display:table-cell}
#detailpoi .schedule .day:last-child{border:none}
#detailpoi .schedule .day.on{background:#c8d7df}
#detailpoi .schedule .titleday{text-transform:uppercase;display:inline-block;width:100px}
#detailpoi .peinture,#detailpoi .courtoisie{margin:15px 0;display:table;width:100%}
#detailpoi .peinture span:last-child{position:relative;left:19px;display:table-cell;vertical-align:middle;padding-right:20px}
#detailpoi .courtoisie span:last-child{position:relative;left:14px;display:table-cell;vertical-align:middle;padding-right:20px}
#detailpoi .logopeinture{background:url(../img/sd/logo-peinture.png)no-repeat left;width:51px;height:34px;display:table-cell}
#detailpoi .logocourtoisie{background:url(../img/sd/logo-courtoisie.png)no-repeat left;width:56px;height:18px;display:table-cell}
/*#detailpoi .blocservices .titleblock:last-child{margin-top:25px}*/
#detailpoi .fieldsmssender,#detailpoi .fieldemailrecipients{width:65%;display:inline-block;background:#d7d6dd;height:34px}
#detailpoi .blocservices .services{margin-bottom:30px}
#detailpoi .blocservices  form input[type=text]{font-size:14px;height:34px;padding:7px;background:#d7d6dd}
#detailpoi .smsform .btn,#detailpoi .emailform .btn{border:transparent;color:#FFF;background:#702082;margin:0;padding:8px 16px;height:34px;width:35%;float:right}
#detailpoi .smsform .btn:hover,#detailpoi .emailform .btn:hover{text-decoration:none;background:#661878}
#detailpoi .smsform .btn:active,#detailpoi .emailform .btn:active{text-decoration:none;background:#5d136e}
#detailpoi .smsform,#detailpoi .emailform {float:left;margin:5px 0;width:100%}
#detailpoibuttons{display:none}
#detailpoibuttons a{float:left;margin-right:10px;display:none}

/* ----- WAY ----- */
#way{margin-top:0}
.page-way #searchform,.page-way #footer{display:none}
#waymap{height:500px;position:relative}
#wayctn{width:100%;background:#FFF;margin-top:15px;position:relative}
#wayinfo{padding:15px;text-align:center}
#wayinfo .info{margin-top:5px}
#wayinfo .info .transportType{text-transform:uppercase}
#wayinfo .address{display:table;width:100%;margin:15px 0;text-transform:uppercase}
#wayinfo .address strong{display:table-cell;vertical-align:middle}
#wayinfo .address .start,#wayinfo .address .arrival{width:50%;padding:0 10px}
#waylist ul{list-style:none;text-transform:uppercase}
#waylist li{padding:15px 0;min-height:27px;margin:0 15px;border-bottom:1px solid #666}
#waylist li:last-child{border:none}
#waylist .time{float:left;margin-bottom:5px;width:60px;color:#702082}
#waylist .distance{float:left;margin-bottom:5px;width:80px;color:#702082}
#waylist .instruction{clear:left;display:block}
#waylist .btn{float:right;margin-left:15px;text-indent:-9999px;background:url(../img/sd/picto-poi-wayroad.png)no-repeat center;width:25px;height:29px;display:inline-block;border:none;padding:0}
#waylist .first .btn{float:right;margin-left:15px;background:url(../img/sd/picto-start-wayroad.png)no-repeat center;width:27px;height:31px;display:inline-block;border:none;padding:0}
#waylist .last .btn{float:right;margin-left:15px;background:url(../img/sd/picto-finish-wayroad.png)no-repeat center;width:25px;height:28px;display:inline-block;border:none;padding:0}
#waybuttons{float:left;clear:both;padding:15px 0;width:100%}
#waybuttons a{float:left;padding:19px 40px}
#waybuttons #btnprint{float:right}
#waybuttons a .arrow{bottom:2px}
#waybuttons #btnbackdetail .arrow{background:url(../img/sd/ico-arrow-back.png)no-repeat center;width:9px;height:10px;display:inline-block;margin-right:10px;margin-left:0;position:relative}
#waybuttons .btn.close {display:none;}

/* ----- WAYFORM ----- */
#wayform{width:100%}
#wayform .btn{font-size:16px;padding:16px}
#wayform .geoloc-container {display:none}
.geolocation-capable #wayform .geoloc-container {display:block}
#wayform .title{clear:both;padding-bottom:15px;font-weight:inherit;text-transform:uppercase}
#wayform .title.or{font-size:12px;text-transform:uppercase;margin:15px 0;padding-top:10px;padding-bottom:10px}
#wayform input{padding:16px 10px}
/*#wayform #departure .title{padding-top:0}*/
#fieldwaycity{display:table;width:60%;background:#FFF;margin-bottom:10px}
#fieldwaystreet{display:table;width:90%;background:#FFF}
#waystreet{display:table-cell}
#waycity{display:table-cell}
#wayform .loupebloc{display:table-cell;vertical-align:middle;text-align:right;width:30px;padding:0 5px}
#wayform .loupe{background:url(../img/sd/ico-loupe.png)no-repeat center;width:24px;height:30px;display:inline-block;position:relative}
#wayform .name,#wayform .address{display:block;margin-bottom:5px}
#wayformbuttons{clear:both;padding-top:10px}
#wayformbuttons a{float:left}
#linkinvert{display:none}
.dlg-popin-way{width:100%;left:0!important;padding:0 15px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.dlg-popin-way .dlg-header{background:#c8d7df;color:inherit;font-size:24px}
.dlg-popin-way .dlg-popin-close{background:url(../img/sd/ico-close-black.png)no-repeat center;width:20px;height:20px;display:inline-block;right:22px}
.dlg-popin-way .dlg-content{background:#c8d7df}
.dlg-popin-way .dlg-message{padding-top:0}
#wayform{display:table;width:100%;border-collapse:separate}
#wayform #mode,#wayform #departure,#wayform #arrival{display:table-cell}
#wayform #mode{width:20%}
#wayform #departure{width:50%}
#wayform #arrival{width:30%;position:relative;padding-bottom:72px}
.no-geoloc #wayform #arrival {padding-bottom: 65px} 
#wayform #departure{padding:0 30px}
#wayform .info{background:#FFF;border:1px solid #000;padding:10px;min-height:130px}
#wayform .submit{position:absolute;bottom:0;right:0}
#mode .field{float:left}
#mode input{float:left;margin-top:1px;-webkit-appearance:radio}
#mode label{display:block;float:left;text-indent:-9999px}
#wayform #mode .checkbox{background:url(../img/sd/ico-nocheckround.png)no-repeat center;width:16px;height:16px;display:inline-block;position:relative;top:25px;margin-right:15px;cursor:pointer}
#wayform #mode .checked .checkbox{background:url(../img/sd/ico-checkround.png)no-repeat center;width:16px;height:16px;display:inline-block;position:relative;top:25px;margin-right:15px;cursor:pointer}
#wayform #mode input{display:none}
#wayform #mode .icocar{background:url(../img/sd/ico-car.png)no-repeat 40px center;width:100%;height:100%;display:inline-block;cursor:pointer;position:relative;top:-16px}
#wayform #mode .icopedestrian{background:url(../img/sd/ico-pedestrian.png)no-repeat 45px center;width:100%;height:100%;display:inline-block;cursor:pointer;position:relative;top:-16px}
#wayform #mode .field{clear:both;margin:15px 0}
#wayform #mode #fieldwaycar{width:125px;height:61px}
#wayform #mode #fieldwaypedestrian{width:105px;height:80px}

/* ----- EMAILFORM -----*/
#fieldemailsender{float:left}
#fieldemailrecipients{float:left;margin-left:10px}
#fieldemailmessage{clear:both;padding-top:10px}
#emailmessage{height:90px;max-height:150px;max-width:418px;width:418px}
#emailsender{width:150px}
#emailrecipients{width:246px}
#emailform button{margin-top:10px}
#emailform .text{margin-bottom:10px}

/* ----- SMSFORM ----- */
#smsform .comment{clear:both;padding-top:10px}
#fieldsmssender{float:left}
#smsform button{margin-left:10px}
#smsform .text{margin-bottom:10px}

/* ----- 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{display:none;min-width:300px}
.dlg-popin-close{color:#FFF;cursor:pointer;padding:10px;position:absolute;right:7px;top:7px;text-indent:-9999px;background:url(../img/sd/ico-close.png)no-repeat center;width:20px;height:20px;display:inline-block}
.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:#702082;color:#FFF;min-height:25px;padding:15px;text-transform:uppercase;font-size:20px}
.dlg-content{background:#FFF/*;max-width:450px*/;overflow:hidden}
.dlg-message{padding:15px}
#divAddressAmbiguous p{padding-bottom:10px}
#listAddressAmbiguous{max-height:100px}
#listAddressAmbiguous li{cursor:pointer}


/* ----- JSCROLLPANE LIB ----- */
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{background:red;height:100%;position:absolute;right:0;top:0;width:5px}
.jspHorizontalBar{background:red;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:#DDD}
.jspDrag{background:#444}

/* ----- IE9 ----- */
#searchform #fieldsearchcity,#searchform #fieldsearchstreet{height:59px}
.page-search #searchform #fieldsearchcity,.page-search #searchform #fieldsearchstreet,
.page-detail #searchform #fieldsearchcity,.page-detail #searchform #fieldsearchstreet{height:34px}
.page-search #searchform #fieldsearchcity .placeholder-container,.page-search #searchform #fieldsearchstreet .placeholder-container,
.page-detail #searchform #fieldsearchcity .placeholder-container,.page-detail #searchform #fieldsearchstreet .placeholder-container{height:34px!important;padding-top:8px!important;padding-bottom:12px!important;max-width:130px!important}
.page-search #searchform #fieldsearchcity .placeholder-container label,.page-search #searchform #fieldsearchstreet .placeholder-container label,
.page-detail #searchform #fieldsearchcity .placeholder-container label,.page-detail #searchform #fieldsearchstreet .placeholder-container label{height:34px!important;padding-top:8px!important;padding-bottom:12px!important}
.page-search #searchform #fieldsearchcity .placeholder-container input,.page-search #searchform #fieldsearchstreet .placeholder-container input,
.page-detail #searchform #fieldsearchcity .placeholder-container input,.page-detail #searchform #fieldsearchstreet .placeholder-container input{height:34px!important;padding-top:8px!important;padding-bottom:12px!important}
#detailpoi .fieldsmssender .placeholder-container{height:34px!important}
#detailpoi .fieldemailrecipients .placeholder-container{height:34px!important}
#fieldwaycity,#fieldwaystreet{height:52px}

/* ----- PRINT ----- */
@media print{
  #header {border-bottom:none;font-size:18px}
  #header .headertable{text-align: center;width: 100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  #header .logo a{display:none}
  #header .headertable > div {width: 100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  #header .headertitle {padding: 0;border-left:none}
  #page{padding:15px;overflow:visible;}
  #searchform,.mapbuttons,#detailpoibuttons,#waybuttons,#waylist .plan{display:none;visibility:hidden}
}

@media only screen and (min-width: 1600px) {
  #wrapper{margin:auto;width:100%;width:1400px}
  #header,#footer{margin-left:0;margin-right:0}
  #header .headertable{width:1400px;margin:auto}
  #footer{width:1400px;margin:auto;margin-top:27px}
  .page-home #searchform{padding:60px 30px}
  .page-home #searchform .checkboxbloc label{font-size:18px}
  .page-home #searchform .typebloc .checkbox{min-width:155px;padding:19px 10px 18px}
  .page-home #searchform .typebloc .checkbox:last-child{margin-right:20px}
  .page-home #searchform .vhbloc .checkbox{margin:0 20px}
  .page-home #searchform #carrosseriecheckbox,.page-home #searchform #vitragecheckbox{top:1px}
  .page-home #searchform #peinturecheckbox,.page-home #searchform #courtoisiecheckbox{top:1px}
  .dlg-popin-way{width:80%;margin:0 10%}
}

@media only screen and (max-width: 1200px) {
  /*body{background:red}*/
  #search,#detail{top:159px}
  /* ----- SEARCHFORM ----- */
  #searchform input{font-size:14px}
  #searchform .btn{font-size:16px;padding:18px 0 17px}
  #searchform #fieldsearchcity{width:32%}
  #searchform #fieldsearchstreet{width:45%}
  #searchform .searchbloc button{width:21%}
  #searchform .searchbloc h4{margin:20px 0}
  #searchform .typebloc{display:inline-block;float:left}
  #searchform .vhbloc{margin:0;border-left:0;padding:0;float:left}
  #searchform .vhbloc .checkbox{float:none}
  #searchform #fieldpeinturecheckbox{margin-top:6px;margin-bottom:10px}
  #searchform #peinturecheckbox,#searchform #courtoisiecheckbox{top:0px}
  .page-search #searchform input,.page-detail #searchform input{padding:13px 10px}
  .page-search #searchform .checkboxbloc,.page-detail #searchform .checkboxbloc{display:block;width:100%}
  .page-search #searchform #fieldpeinturecheckbox,.page-detail #searchform #fieldpeinturecheckbox{margin-top:0}
  .page-search #searchform .searchbloc .bloc.around,.page-detail #searchform .searchbloc .bloc.around{border:none;width:20%;min-width:145px;top:0}
  .page-search #searchform .searchbloc .bloc .btnlocalize,.page-detail #searchform .searchbloc .bloc .btnlocalize{width:100%;min-width:inherit;margin-left:0}
  .page-search #searchform .searchbloc h4,.page-detail #searchform .searchbloc h4{display:table-cell;margin:14px 0}
  .geolocation-capable.page-search #searchform .searchbloc .address,.geolocation-capable.page-detail #searchform .searchbloc .address{width:75%}
  .page-search #searchform #fieldsearchstreet,.page-detail #searchform #fieldsearchstreet{width:43%;margin-bottom:0;margin-right:1%}
  .page-search #searchform #fieldsearchcity,.page-detail #searchform #fieldsearchcity{width:35%;margin-right:1%}
  .page-search #searchform .searchbloc button,.page-detail #searchform .searchbloc button{width:20%;padding:13px 0}
  /* ----- SEARCHLIST ----- */
  .page-search #wrapper{height:879px}
  .page-search #searchlist{font-size:14px}
  #searchlist .links .btn{padding:9px 0;width:49%;margin:0}
  #searchlist .links .selectrep{width:100%;margin-top:10px;}
  .tooltip .links .selectrep {width:auto;margin-top:10px;}
  #searchlist .links .linkway,#searchlist .links .linkrdv{float:right}
  /* ----- TOOLTIP ----- */
  .tooltip.pois{font-size:14px}
  .tooltip .links .btn{padding:9px}
  /* ----- DETAIL ----- */
  .page-detail #wrapper{height:756px}
  #detailpoi{font-size:14px}
  #detailpoi .name{margin-bottom:10px}
  #detailpoi .schedule{padding:20px}
  #detailpoi .schedule .titleday{width:90px}
  #detailpoi .blocservices form input[type=text]{font-size:13px}
  #detailpoi .smsform .btn, #detailpoi .emailform .btn{font-size:12px;padding:8px 10px}
  /* ----- WAY ----- */
  #waybuttons a{font-size:16px;padding:12px 16px}
  #waybuttons a .arrow{bottom:0}
  /* ----- IE9 ----- */
  #searchform #fieldsearchcity,#searchform #fieldsearchstreet{height:56px}
  .page-detail #searchform #fieldsearchcity .placeholder-container,.page-detail #searchform #fieldsearchstreet .placeholder-container{height:44px!important;padding-top:14px!important;padding-bottom:12px!important}
  .page-search #searchform #fieldsearchcity,.page-search #searchform #fieldsearchstreet,
  .page-detail #searchform #fieldsearchcity,.page-detail #searchform #fieldsearchstreet{height:44px}
  .page-search #searchform #fieldsearchcity .placeholder-container,.page-search #searchform #fieldsearchstreet .placeholder-container,
  .page-detail #searchform #fieldsearchcity .placeholder-container,.page-detail #searchform #fieldsearchstreet .placeholder-container{height:44px!important;padding-top:14px!important;padding-bottom:12px!important}
  .page-search #searchform #fieldsearchcity .placeholder-container label,.page-search #searchform #fieldsearchstreet .placeholder-container label,
  .page-detail #searchform #fieldsearchcity .placeholder-container label,.page-detail #searchform #fieldsearchstreet .placeholder-container label{height:44px!important;padding-top:14px!important;padding-bottom:12px!important}
  .page-search #searchform #fieldsearchcity .placeholder-container input,.page-search #searchform #fieldsearchstreet .placeholder-container input,
  .page-detail #searchform #fieldsearchcity .placeholder-container input,.page-detail #searchform #fieldsearchstreet .placeholder-container input{height:44px!important;padding-top:14px!important;padding-bottom:12px!important}
}

@media only screen and (max-width: 992px) {
  /*body{background:green}*/
  #search,#detail{top:189px}
  #page{margin-bottom:0}
  #header,#footer{margin-left:0;margin-right:0}
  #footer{display:none}
  #header{font-size:30px;padding:10px 15px}
  #wrapper{height:600px;margin:0}
  #searchmap{width:100%;margin-left:0;height:500px}
  .page-home #searchform{padding:20px;height:auto;top:160px}
  .page-home #footer{display:block}
  /*.page-home #way{display:none}*/
  #searchform .searchbloc{margin-top:30px}
  #searchform .typebloc .checkbox{background:#666;padding:14px 20px;min-width:inherit}
  #searchform #fieldvitragecheckbox{margin-right:0}
  #searchform #fieldvitragecheckbox{margin-right:0}
  #searchform .typebloc{display:inline-block;font-size:14px;float:left}
  #searchform .vhbloc{margin:0;border-left:0;padding:0;font-size:13px;float:left}
  #searchform .vhbloc .checkbox{float:none}
  #searchform .typebloc .checkbox #carrosseriecheckbox,#searchform .typebloc .checkbox #vitragecheckbox,#searchform .typebloc .checkbox.checked #carrosseriecheckbox,#searchform .typebloc .checkbox.checked #vitragecheckbox{position:relative;top:-1px}
  #searchform .vhbloc .checkbox #peinturecheckbox,#searchform .vhbloc .checkbox #courtoisiecheckbox,#searchform .vhbloc .checkbox.checked #peinturecheckbox,#searchform .vhbloc .checkbox.checked #courtoisiecheckbox{position:relative;top:-1px}
  #searchform #fieldpeinturecheckbox{margin-top:2px}
  #searchform #carrosseriecheckbox,#searchform #vitragecheckbox{top:0}
  #searchform #peinturecheckbox,#searchform #courtoisiecheckbox{top:0}
  #searchform .searchbloc .bloc.around{position:relative;top:24px;width:25%}
  #searchform .searchbloc .bloc .btnlocalize{width:100%}
  #searchform .searchbloc .bloc .btnlocalize .arrow{margin-left:6px}
  #searchform .btn{font-size:14px;padding:13px 0px}
  #searchform .searchbloc .address input,#searchform .searchbloc .address .loupebloc{font-size:14px}
  #searchform input{padding:13px 10px}
  #searchform .searchbloc button{width:40%}
  .geolocation-capable #searchform .searchbloc .address{width:70%;float:right}
  #searchform #fieldsearchstreet{width:100%;margin-right:0;margin-bottom:1%}
  #searchform #fieldsearchcity{width:59%;margin-right:0}
  #searchform .searchbloc h4{margin:14px 0;position:relative;top:24px;max-width:inherit}
  .page-search #searchform input,.page-detail #searchform input{padding:8px 10px}
  .page-search #searchform .checkboxbloc,.page-detail #searchform .checkboxbloc{display:block;width:100%}
  .page-search #searchform #fieldpeinturecheckbox,.page-detail #searchform #fieldpeinturecheckbox{margin-top:0}
  .page-search #searchform .searchbloc .bloc.around,.page-detail #searchform .searchbloc .bloc.around{border:none;width:20%;min-width:145px;top:14px}
  .page-search #searchform .searchbloc .bloc .btnlocalize,.page-detail #searchform .searchbloc .bloc .btnlocalize{width:100%;min-width:inherit;margin-left:0}
  .page-search #searchform .searchbloc h4,.page-detail #searchform .searchbloc h4{display:table-cell;margin:14px 0;position:relative;top:14px}
  .page-search #searchform .searchbloc .bloc.around,.page-detail #searchform .searchbloc .bloc.around{width:25%}
  .geolocation-capable.page-search #searchform .searchbloc .address,.geolocation-capable.page-detail #searchform .searchbloc .address{width:70%}
  .page-search #searchform #fieldsearchstreet,.page-detail #searchform #fieldsearchstreet{width:100%;margin-bottom:1%}
  .page-search #searchform #fieldsearchcity,.page-detail #searchform #fieldsearchcity{width:59%}
  .page-search #searchform .searchbloc button,.page-detail #searchform .searchbloc button{width:40%;padding:8px 0}
  /* ----- SEARCHLIST ----- */
  #searchlist .infoprime,.tooltip .infoprime{margin-bottom:30px}
  .page-search #searchlist{overflow:inherit;width:100%;height:inherit;margin-top:15px;margin-bottom:30px}
  #searchlist ul{overflow:inherit;height:inherit}
  #searchlist .links .btn{width:auto;padding:9px 16px}
  #searchlist .links .linkdetail{margin-right:10px}
  #searchlist .links .linkway, #searchlist .links .linkrdv{float:left}
  #searchlist .links .selectrep {margin-left:10px;margin-top:0;}
  .tooltip .links .selectrep {margin-left:0;}
  /* ----- DETAIL ----- */
  .page-detail #wrapper{height:879px}
  #detailpoi{display:block}
  #detailpoi .info, #detailpoi .schedule, #detailpoi .blocservices{display:block;width:100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  #detailpoi .info .titleblock:first-child{display:inline-block;width:100px}
  #detailpoi .smsform, #detailpoi .emailform{float:none;margin:10px 0;width:50%}
  /* ----- WAYFORM ----- */
  .dlg-popin-way{padding:0 30px}
  .dlg-popin-way .dlg-popin-close{right:37px}
  #wayform #mode #fieldwaycar{margin-top:5px;width:110px}
  #wayform #mode #fieldwaypedestrian{width:90px;height:80px}
  #wayform #mode .icocar{background:url(../img/sd/ico-car-tab.png)no-repeat 35px center}
  #wayform #mode .icopedestrian{background:url(../img/sd/ico-pedestrian-tab.png)no-repeat 40px center}
  #fieldwaycity{width:90%}
  /* ----- WAY ----- */
  .page-way #wrapper{height:879px}
  #wayctn{font-size:14px}
    /* ----- IE9 ----- */
  #searchform #fieldsearchcity,#searchform #fieldsearchstreet{height:44px}
  .page-search #searchform #fieldsearchcity,.page-search #searchform #fieldsearchstreet,
  .page-detail #searchform #fieldsearchcity,.page-detail #searchform #fieldsearchstreet{height:34px}
  .page-search #searchform #fieldsearchcity .placeholder-container,.page-search #searchform #fieldsearchstreet .placeholder-container,
  .page-detail #searchform #fieldsearchcity .placeholder-container,.page-detail #searchform #fieldsearchstreet .placeholder-container{height:34px!important;padding-top:10px!important;padding-bottom:12px!important}
  .page-search #searchform #fieldsearchcity .placeholder-container label,.page-search #searchform #fieldsearchstreet .placeholder-container label,
  .page-detail #searchform #fieldsearchcity .placeholder-container label,.page-detail #searchform #fieldsearchstreet .placeholder-container label{height:34px!important;padding-top:10px!important;padding-bottom:12px!important}
  .page-search #searchform #fieldsearchcity .placeholder-container input,.page-search #searchform #fieldsearchstreet .placeholder-container input,
  .page-detail #searchform #fieldsearchcity .placeholder-container input,.page-detail #searchform #fieldsearchstreet .placeholder-container input{height:34px!important;padding-top:10px!important;padding-bottom:12px!important}
}

@media only screen and (max-width: 768px) {
  body{overflow:hidden;background-image:url(../img/sd/imagefond.jpg);background-size:initial;background-repeat:no-repeat;/*background-position:0 75px;background-size:cover*/}
  /*body{background:blue}*/
  #main {height:100%;-moz-box-sizing: border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  .ms{display:block}
  #search,#detail{top:0px}
  #header{margin:0;padding:5px 15px;background:#efeede}
  #header .headertitle{border:none;font-size:20px;padding:0;padding-left:25px}
  #header .headertable .logo{width:102px}
  #header .logo a{background:url(../img/logo_wtw.png)no-repeat center/contain;width:102px;height:66px;display:inline-block}
/*  #main{position:static}*/
  #wrapper{margin:0;padding:15px;/*;min-height:540px;*/height:inherit;background:none}
/*  #search, #detail, #way{top:0;left:0;float:left;clear:both}*/
  #footer,.page-home #footer{display:none}
  .mapbuttons{position:absolute;top:10px;right:10px;
  /*TODO CHECK obligé de mettre les boutons en absolu car sinon cela crée un scroll qui réduit la carte (effet de bord)*/
  background:#FFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px 1px #999;box-shadow:0 0 3px 1px #999}
  .mapbuttons a{display:block;padding:5px;margin:5px;border:none}
  .btnzoomin.btn{border-bottom:1px solid #e6e6e6;margin-bottom:0;padding-bottom:10px}
  .btnzoomout.btn{border-top:1px solid #e6e6e6;margin-top:0;padding-top:10px}
  #searchmap{float:left;height:inherit}
  .page-home #searchform{top:inherit;padding:15px 30px;margin-bottom:15px}
  #searchform .btn{font-size:16px;padding:12px 0 11px}
  #searchform .checkboxbloc{height:inherit}
  #searchform .typebloc{width:100%;padding-bottom:20px;border-bottom:1px solid #666}
  #searchform .typebloc .checkbox{margin-right:0;width:100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  #searchform #fieldvitragecheckbox{margin-top:10px}
  #searchform .vhbloc{width:100%;margin-top:20px;font-size:14px}
  #searchform .vhbloc .checkbox{margin:0;display:table}
  #searchform .vhbloc .checkbox span:last-child{display:table-cell;vertical-align:middle;padding-left:10px}
  #searchform .vhbloc .checkbox #peinturecheckbox,#searchform .vhbloc .checkbox #courtoisiecheckbox,#searchform .vhbloc .checkbox.checked #peinturecheckbox,#searchform .vhbloc .checkbox.checked #courtoisiecheckbox{display:table-cell;vertical-align:middle}
  #searchform .searchbloc .bloc.around{top:inherit;width:100%}
  #searchform .searchbloc h4{top:inherit;width:100%}
  .geolocation-capable #searchform .searchbloc .address{width:100%}
  #searchform #fieldsearchstreet{margin-bottom:10px}
  #searchform #fieldsearchcity{width:100%;margin-bottom:10px}
  #searchform .searchbloc button{float:left;width:100%}
  .page-search #wrapper,.page-detail #wrapper{height:inherit}
  .page-search #searchform,.page-detail #searchform{display:none}
  #search{margin-top:0}
  #searchbtn,#detailbtn,#waybtn{background:#c8d7df;text-align:center;padding:10px 30px}
  .page-search .btnbackcartoclic,.page-detail .btnbackcartoclic,.page-way .btnbackcartoclic{background:#702082;color:#FFF;border-color:transparent;width:100%;padding:12px 16px;font-size:16px}
  .page-search .btnbackcartoclic:hover,.page-detail .btnbackcartoclic:hover,.page-way .btnbackcartoclic:hover{text-decoration:none;background:#661878}
  .page-search .btnbackcartoclic:active,.page-detail .btnbackcartoclic:active,.page-way .btnbackcartoclic:active{text-decoration:none;background:#5d136e}
  .btnswap{width:100%;float:left;clear:both}
  .btnswap a{background:#702082;color:#FFF;border-color:transparent;width:100%;font-size:16px;height:50px}
  .btnswap .btn-show-list {padding:14px 16px;/* margin-bottom:15px */}
  .btnswap a:hover{text-decoration:none;background:#661878}
  .btnswap a:active{text-decoration:none;background:#5d136e}
  .btnswap .icolist{background:url(../img/sd/ico-list.png)no-repeat center;width:25px;height:15px;display:inline-block;position:relative;top:1px;margin-right:10px}
  .btnswap .icomap{background:url(../img/sd/ico-map.png)no-repeat center;width:20px;height:20px;display:inline-block;position:relative;top:3px;margin-right:10px}
  .btnswap .off{display:none}
  .btn-show-map{display:none;}
  .list-opened .btn-show-list{display:none;}
  .list-opened .btn-show-map{display:inline-block}
  /*
  .reseaulogo{width:60px}
  .reseaulogo.acoa{background-image:url(../img/sd/ReseauLogo-Acoa-mob.png);height:25px}
  .reseaulogo.auto{background-image:url(../img/sd/ReseauLogo-Auto-mob.png);height:31px}
  .reseaulogo.alba{background-image:url(../img/sd/ReseauLogo-Alba-mob.png);height:14px}
  .reseaulogo.axia{background-image:url(../img/sd/ReseauLogo-Axia-mob.png);height:25px}
  .reseaulogo.best{background-image:url(../img/sd/ReseauLogo-Best-mob.png);width:70px;height:15px}
  .reseaulogo.five{background-image:url(../img/sd/ReseauLogo-Five-mob.png);width:45px;height:45px}
  .reseaulogo.carg{background-image:url(../img/sd/ReseauLogo-Carg-mob.png);height:16px}
  .reseaulogo.autoplan{background-image:url(../img/ReseauLogo-Autoplan.png);height:24px}
  */
  .reseaulogo{max-width:60px}
  /* ----- SEARCHLIST ----- */
  #searchlist{display:none}
  #searchlist .infoprime,.tooltip .infoprime{margin-bottom:20px}
  #searchlist .links .btn,.tooltip .links .btn{padding:9px 0;width:49%;margin:0}
  #searchlist .links .selectrep, .tooltip .links .selectrep {width:100%;margin-top:10px;}
  #searchlist .links .linkway,.tooltip .links .linkway,#searchlist .links .linkrdv,.tooltip .links .linkrdv{float:right;width:49%}
  #searchlist .addressblock,.tooltip .addressblock,#detailpoi .addressblock{float:left;width:75%}
  #searchlist .tel,.tooltip .tel{margin:10px 0;display:block;cursor:pointer;float:right;margin:0;position:relative;top:-4px;text-align:right}
  #searchlist .numbertel,.tooltip .numbertel,#detailpoi .numbertel{display:none}
  #searchlist .icotel,.tooltip .icotel,#detailpoi .icotel{background:url(../img/sd/ico-phone.png)no-repeat center;width:50px;height:50px;display:inline-block}
  #searchlist .agencyhoraires,.tooltip .agencyhoraires,#detailpoi .agencyhoraires{clear:both}
  .page-search #searchlist{margin-top:0;margin-bottom:15px}
  .page-search #searchlist ul{margin-top:0}
  .list-opened #searchlist {display:block}
  /* ----- TOOLTIP ----- */
  .tooltip.pois{font-size:13px}
  .dlg-popin{margin-left:15px;margin-right:15px;top:15px;bottom:15px;max-height: 100%;overflow: auto}
  .dlg-header{font-size:18px}
  .dlg-message{font-size:14px}
  /* ----- DETAIL ----- */
  #detail{margin-top:0}
  #detailmap{float:left;clear:both;display:none}
  .list-opened #detailpoi {display:block}
  #detailpoi{display:none;float:left;clear:both;margin-top:0;padding:0 15px;margin-bottom:0;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;margin-bottom:15px}
  #detailpoi .btn{margin-bottom:0;padding:9px 16px}
  #detailpoi .info,#detailpoi .schedule,#detailpoi .blocservices{padding:15px 0;float:left;clear:both}
  #detailpoi .info .titleblock:first-child{margin-bottom:15px}
  #detailpoi .schedule,#detailpoi .blocservices{border-top:1px solid #666}
  #detailpoi .info .phonefax{display:none}
  #detailpoi .fax{display:none}
  #detailpoi .phone{margin:10px 0;display:block;cursor:pointer;/*float:right;margin:0;position:relative;top:-30px;*/text-align:right}
  #detailpoi .buttons {margin:0;}
  #detailpoi .btn {float:left;white-space:normal;text-align:left;}
  #detailpoi .smsform, #detailpoi .emailform{width:100%}
  #detailpoi .blocservices .services{margin-bottom:0}
  #detail .blocservices .deliverform{display:none}
  /* ----- WAYFORM ----- */
  .dlg-popin-way .dlg-header{padding:15px 30px}
  .dlg-popin-way .dlg-message{padding:0 30px 15px}
  .dlg-popin.dlg-popin-way{margin-left:0;margin-right:0;padding:0 15px}
  .dlg-popin-way .dlg-popin-close{right:22px}
  #wayform{display:block}
  #wayform #mode label{float:none;margin:0}
  #wayform .title{padding-bottom:5px}
  #wayform .btn{width:100%;text-align:center}
  #wayform #mode,#wayform #departure,#wayform #arrival{display:block;width:100%;float:left;margin:10px 0}
  #wayform #mode{padding-bottom:15px;border-bottom:1px solid #666}
  #wayform #mode .field{margin:0;clear:none;background:#666;text-align:center}
  #wayform #mode .field:hover{background:#5b5b5b}
  #wayform #mode .field:active{background:#444}
  #wayform #mode .field.checked{background:#444}
  #wayform #mode #fieldwaycar{float:left;width:48%;height:55px;margin-top:0}
  #wayform #mode #fieldwaypedestrian{float:right;width:48%;height:55px}
  #wayform #mode .icocar{background:url(../img/sd/ico-car-mob.png)no-repeat center;width:100%;height:100%;display:inline-block;cursor:pointer;top:0}
  #wayform #mode .icopedestrian{background:url(../img/sd/ico-pedestrian-mob.png)no-repeat center;width:100%;height:100%;display:inline-block;cursor:pointer;top:0}
  #wayform #mode .checkbox,#wayform #mode .checked .checkbox{display:none}
  #wayform h4{text-align:center}
  #wayform #fieldwaycity,#wayform #fieldwaystreet{width:100%}
  #wayform #departure{padding:0}
  #wayform #arrival{margin-bottom:15px;padding-bottom:0}
  #wayform .info{min-height:inherit;border:none;-webkit-box-shadow:inset 1px 1px 5px 1px #7A7A7A;box-shadow:inset 1px 1px 5px 1px #7A7A7A}
  #wayform .submit{position:relative}
  /* ----- WAY ----- */
  .page-way #wrapper{height:inherit}
  #way{bottom:0}
  #waymap{display:block;position:absolute;top:64px;bottom:50px}
  #wayctn{font-size:14px;display:none;margin-top:0;float:left;clear:both}
  #waybuttons{display:none}
  #stepsmain{position: absolute;min-height: 50px;bottom: 0;right: 0;left: 0;z-index: 2;opacity: 0.97;}
  #stepsmain #steps{background:#FFF}
  #stepsmain #steps .linkstep{display:block;text-align:center;padding:5px 0;display:none}
  #stepscontent #stepsmargin{display:table;width:100%;min-height: 50px;background:#FFF}
  #stepscontent .stepnav,#stepscontent .step{display:table-cell;vertical-align:middle}
  #stepscontent .stepnav{width:45px}
  #stepscontent .stepnav.disabled {opacity: 0.25}
  #stepscontent .stepnav .btn {text-indent:-9999px;padding:22px;border:none}
  #stepscontent .stepnav .btnprev {background:url(../img/sd/ico-arrow-way-back.png)no-repeat center;width:15px;height:17px;display:inline-block;position:relative}
  #stepscontent .stepnav .btnnext {background:url(../img/sd/ico-arrow-way-next.png)no-repeat center;width:15px;height:17px;display:inline-block;position:relative}
  #stepscontent .step {word-break: break-word;background:#702082;padding:10px;font-size:13px;color:#FFF;text-transform:uppercase}
  #stepscontent .step #wayinfo{padding:0}
  #stepscontent .step #wayinfo .transportType {display: block;text-align: left}
  #stepscontent .step #wayinfo .modekm{text-transform:lowercase}
  #stepscontent .step #wayinfoMode{border-bottom:1px solid #FFF;padding-bottom:5px;margin-bottom:5px}
  #stepscontent .step #wayinfoSeparator{background:url(../img/sd/ico-arrow-separator.png)no-repeat center;width:16px;height:10px;display:inline-block}
}

@media only screen and (max-width: 325px) {
  .selectrep .arrow {display:none;}
}

@media only screen and (max-width: 320px) {
/*  body{background:purple}*/
  #header .headertitle{font-size:18px;padding-left:20px}
  .page-home #searchform{padding:10px 20px}
}

@media only screen and (max-height: 320px) {
/*  body{background:purple}*/
  #header .headertitle{font-size:18px;padding-left:20px}
  .page-home #searchform{padding:10px 20px}
}


/* ----- HD ----- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5),
	   only screen and (min-resolution: 1.5dppx) {
  .btnzoomout span{background-image:url(../img/hd/ico-zoom-out.png);-moz-background-size:20px 20px;-o-background-size:20px 20px;-webkit-background-size:20px 20px;background-size:20px 20px}
  .btnzoomin span{background-image:url(../img/hd/ico-zoom-in.png);-moz-background-size:20px 20px;-o-background-size:20px 20px;-webkit-background-size:20px 20px;background-size:20px 20px}
  #wayform #mode .icocar{background-image:url(../img/hd/ico-car.png);-moz-background-size:75px 61px;-o-background-size:75px 61px;-webkit-background-size:75px 61px;background-size:75px 61px}
  #wayform #mode .icopedestrian{background-image:url(../img/hd/ico-pedestrian.png);-moz-background-size:52px 80px;-o-background-size:52px 80px;-webkit-background-size:52px 80px;background-size:52px 80px}
  #searchlist .icotel,.tooltip .icotel,#detailpoi .icotel{background-image:url(../img/hd/ico-phone.png);-moz-background-size:50px 50px;-o-background-size:50px 50px;-webkit-background-size:50px 50px;background-size:50px 50px}
  .dlg-popin-way .dlg-popin-close{background-image:url(../img/hd/ico-close-black.png);-moz-background-size:20px 20px;-o-background-size:20px 20px;-webkit-background-size:20px 20px;background-size:20px 20px}
  .dlg-popin-close{background-image:url(../img/hd/ico-close.png);-moz-background-size:20px 20px;-o-background-size:20px 20px;-webkit-background-size:20px 20px;background-size:20px 20px}
  .tooltip-header .btnclose span{background-image:url(../img/hd/ico-close-black.png);-moz-background-size:20px 20px;-o-background-size:20px 20px;-webkit-background-size:20px 20px;background-size:20px 20px}
  .arrow {background-image:url(../img/hd/ico-arrow.png);-moz-background-size:9px 10px;-o-background-size:9px 10px;-webkit-background-size:9px 10px;background-size:9px 10px}
  #waybuttons #btnbackdetail .arrow{background-image:url(../img/hd/ico-arrow-back.png);-moz-background-size:9px 10px;-o-background-size:9px 10px;-webkit-background-size:9px 10px;background-size:9px 10px}
  #searchform .searchbloc .address .loupe,#wayform .loupe{background-image:url(../img/hd/ico-loupe.png);-moz-background-size:24px 30px;-o-background-size:24px 30px;-webkit-background-size:24px 30px;background-size:24px 30px}
  #searchform .typebloc .checkbox #carrosseriecheckbox,#searchform .typebloc .checkbox #vitragecheckbox,#wayform #mode .checkbox{background-image:url(../img/hd/ico-nocheckround.png);-moz-background-size:16px 16px;-o-background-size:16px 16px;-webkit-background-size:16px 16px;background-size:16px 16px}
  #searchform .typebloc .checkbox.checked #carrosseriecheckbox,#searchform .typebloc .checkbox.checked #vitragecheckbox,#wayform #mode .checked .checkbox{background-image:url(../img/hd/ico-checkround.png);-moz-background-size:16px 16px;-o-background-size:16px 16px;-webkit-background-size:16px 16px;background-size:16px 16px}
  #searchform .vhbloc .checkbox #peinturecheckbox,#searchform .vhbloc .checkbox #courtoisiecheckbox{background-image:url(../img/hd/ico-nocheck.png);-moz-background-size:16px 16px;-o-background-size:16px 16px;-webkit-background-size:16px 16px;background-size:16px 16px}
  #searchform .vhbloc .checkbox.checked #peinturecheckbox,#searchform .vhbloc .checkbox.checked #courtoisiecheckbox{background-image:url(../img/hd/ico-check.png);-moz-background-size:16px 16px;-o-background-size:16px 16px;-webkit-background-size:16px 16px;background-size:16px 16px}
  #waylist .btn{background-image:url(../img/hd/picto-poi-wayroad.png);-moz-background-size:25px 29px;-o-background-size:25px 29px;-webkit-background-size:25px 29px;background-size:25px 29px}
  #waylist .first .btn{background-image:url(../img/hd/picto-start-wayroad.png);-moz-background-size:27px 31px;-o-background-size:27px 31px;-webkit-background-size:27px 31px;background-size:27px 31px}
  #waylist .last .btn{background-image:url(../img/hd/picto-finish-wayroad.png);-moz-background-size:25px 28px;-o-background-size:25px 28px;-webkit-background-size:25px 28px;background-size:25px 28px}
  #searchlist .agencypicto,.tooltip .agencypicto{background-image:url(../img/hd/picto-poi-liste.png);-moz-background-size:40px 45px;-o-background-size:40px 45px;-webkit-background-size:40px 45px;background-size:40px 45px}
  #detailpoi .logopeinture{background-image:url(../img/hd/logo-peinture.png);-moz-background-size:51px 34px;-o-background-size:51px 34px;-webkit-background-size:51px 34px;background-size:51px 34px}
  #detailpoi .logocourtoisie{background-image:url(../img/hd/logo-courtoisie.png);-moz-background-size:56px 18px;-o-background-size:56px 18px;-webkit-background-size:56px 18px;background-size:56px 18px}
  .btnswap .icolist{background-image:url(../img/hd/ico-list.png);-moz-background-size:25px 15px;-o-background-size:25px 15px;-webkit-background-size:25px 15px;background-size:25px 15px}
  .btnswap .icomap{background-image:url(../img/hd/ico-map.png);-moz-background-size:20px 20px;-o-background-size:20px 20px;-webkit-background-size:20px 20px;background-size:20px 20px}
  #stepscontent .stepnav .btnprev{background-image:url(../img/hd/ico-arrow-way-back.png);-moz-background-size:15px 17px;-o-background-size:15px 17px;-webkit-background-size:15px 17px;background-size:15px 17px}
  #stepscontent .stepnav .btnnext{background-image:url(../img/hd/ico-arrow-way-next.png);-moz-background-size:15px 17px;-o-background-size:15px 17px;-webkit-background-size:15px 17px;background-size:15px 17px}
  #stepscontent .step #wayinfoSeparator{background-image:url(../img/hd/ico-arrow-separator.png);-moz-background-size:16px 10px;-o-background-size:16px 10px;-webkit-background-size:16px 10px;background-size:16px 10px}
/*
  .reseaulogo.acoa{background-image:url(../img/hd/ReseauLogo-Acoa.png);-moz-background-size:90px 37px;-o-background-size:90px 37px;-webkit-background-size:90px 37px;background-size:90px 37px}
  .reseaulogo.auto{background-image:url(../img/hd/ReseauLogo-Auto.png);-moz-background-size:90px 47px;-o-background-size:90px 47px;-webkit-background-size:90px 47px;background-size:90px 47px}
  .reseaulogo.alba{background-image:url(../img/hd/ReseauLogo-Alba.png);-moz-background-size:90px 21px;-o-background-size:90px 21px;-webkit-background-size:90px 21px;background-size:90px 21px}
  .reseaulogo.axia{background-image:url(../img/hd/ReseauLogo-Axia.png);-moz-background-size:90px 38px;-o-background-size:90px 38px;-webkit-background-size:90px 38px;background-size:90px 38px}
  .reseaulogo.best{background-image:url(../img/hd/ReseauLogo-Best.png);-moz-background-size:90px 19px;-o-background-size:90px 19px;-webkit-background-size:90px 19px;background-size:90px 19px}
  .reseaulogo.five{background-image:url(../img/hd/ReseauLogo-Five.png);-moz-background-size:55px 55px;-o-background-size:55px 55px;-webkit-background-size:55px 55px;background-size:55px 55px}
  .reseaulogo.carg{background-image:url(../img/hd/ReseauLogo-Carg.png);-moz-background-size:90px 24px;-o-background-size:90px 24px;-webkit-background-size:90px 24px;background-size:90px 24px}
  .reseaulogo.autoplan{background-image:url(../img/ReseauLogo-Autoplan.png);-moz-background-size:90px 24px;-o-background-size:90px 24px;-webkit-background-size:90px 24px;background-size:90px 24px}
*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 992px),
       only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 992px),
       only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 992px),
       only screen and (min-device-pixel-ratio: 1.5) and (max-width: 992px),
	   only screen and (min-resolution: 1.5dppx) and (max-width: 992px) {
  #wayform #mode .icocar{background-image:url(../img/hd/ico-car-tab.png);-moz-background-size:65px 53px;-o-background-size:65px 53px;-webkit-background-size:65px 53px;background-size:65px 53px}
  #wayform #mode .icopedestrian{background-image:url(../img/hd/ico-pedestrian-tab.png);-moz-background-size:39px 60px;-o-background-size:39px 60px;-webkit-background-size:39px 60px;background-size:39px 60px}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 768px),
       only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 768px),
       only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 768px),
       only screen and (min-device-pixel-ratio: 1.5) and (max-width: 768px),
	   only screen and (min-resolution: 1.5dppx) and (max-width: 768px) {
  #wayform #mode .icocar{background-image:url(../img/hd/ico-car-mob.png);-moz-background-size:44px 36px;-o-background-size:44px 36px;-webkit-background-size:44px 36px;background-size:44px 36px}
  #wayform #mode .icopedestrian{background-image:url(../img/hd/ico-pedestrian-mob.png);-moz-background-size:26px 41px;-o-background-size:26px 41px;-webkit-background-size:26px 41px;background-size:26px 41px}
  /*
  .reseaulogo.acoa{background-image:url(../img/hd/ReseauLogo-Acoa-mob.png);-moz-background-size:60px 25px;-o-background-size:60px 25px;-webkit-background-size:60px 25px;background-size:60px 25px}
  .reseaulogo.auto{background-image:url(../img/hd/ReseauLogo-Auto-mob.png);-moz-background-size:60px 31px;-o-background-size:60px 31px;-webkit-background-size:60px 31px;background-size:60px 31px}
  .reseaulogo.alba{background-image:url(../img/hd/ReseauLogo-Alba-mob.png);-moz-background-size:60px 14px;-o-background-size:60px 14px;-webkit-background-size:60px 14px;background-size:60px 14px}
  .reseaulogo.axia{background-image:url(../img/hd/ReseauLogo-Axia-mob.png);-moz-background-size:60px 25px;-o-background-size:60px 25px;-webkit-background-size:60px 25px;background-size:60px 25px}
  .reseaulogo.best{background-image:url(../img/hd/ReseauLogo-Best-mob.png);-moz-background-size:70px 15px;-o-background-size:70px 15px;-webkit-background-size:70px 15px;background-size:70px 15px}
  .reseaulogo.five{background-image:url(../img/hd/ReseauLogo-Five-mob.png);-moz-background-size:45px 45px;-o-background-size:45px 45px;-webkit-background-size:45px 45px;background-size:45px 45px}
  .reseaulogo.carg{background-image:url(../img/hd/ReseauLogo-Carg-mob.png);-moz-background-size:60px 16px;-o-background-size:60px 16px;-webkit-background-size:60px 16px;background-size:60px 16px}
  .reseaulogo.autoplan{background-image:url(../img/ReseauLogo-Autoplan.png);-moz-background-size:60px 16px;-o-background-size:60px 16px;-webkit-background-size:60px 16px;background-size:60px 16px}
  */
}

@media screen and (max-device-width: 768px){
  body{ /*TODO CHECK pour empêcher un agrandissement de la police d'écriture en mode paysage sur safari par exmeple*/
    -webkit-text-size-adjust: none;
  }
}