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

/* -------------------------------------
 * - Fix
 * -------------------------------------
 */
#em-page a {
    font-family: inherit;
    letter-spacing: normal
}
#em-page a:hover {
    text-decoration: none
}
#em-page .btn,
.em-dlg-content .btn {
    height: auto;
    line-height: normal;
    text-transform: none;
    padding: 0;
    letter-spacing: normal
}
#em-page .title {
    letter-spacing: normal
}
body.search {
    width: auto
}
.em-dlg-content fieldset {
    border: none;
    margin: 0;
    padding: 0
}
#em-page .field,
.em-dlg-content .field {
    margin: 0;
    clear: none
}

/* =============================================================================
 * + Web fonts
 * =============================================================================
 */

/* -------------------------------------
 * - Futura regular et bold
 * -------------------------------------
 */
@font-face {
    font-family: "Futura";
    src: url("fnt/futura/futura.eot");
    src: url("fnt/futura/futura.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Futura";
    src: url("fnt/futura/futura-bold.eot");
    src: url("fnt/futura/futura-bold.eot#iefix") format("embedded-opentype");
    font-weight: bold;
    font-style: normal;
}

/* -------------------------------------
 * - Didot regular, bold et italic
 * -------------------------------------
 */
@font-face {
    font-family: "Didot";
    src: url("fnt/didot/didot.eot");
    src: url("fnt/didot/didot.eot#iefix") format("embedded-opentype")
         url("fnt/didot/didot.otf") format("otf")
         url("fnt/didot/didot.ttf") format("truetype")
         url("fnt/didot/didot.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Didot";
    src: url("fnt/didot/didot-bold.eot");
    src: url("fnt/didot/didot-bold.eot#iefix") format("embedded-opentype")
         url("fnt/didot/didot-bold.ttf") format("truetype")
         url("fnt/didot/didot-bold.woff") format("woff")
         url("fnt/didot/didot-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Didot";
    src: url("fnt/didot/didot-italic.eot");
    src: url("fnt/didot/didot-italic.eot#iefix") format("embedded-opentype")
         url("fnt/didot/didot-italic.ttf") format("truetype")
         url("fnt/didot/didot-italic.svg") format("svg")
         url("fnt/didot/didot-italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

/* -------------------------------------
 * - Icons font
 * -------------------------------------
 */
@font-face {
    font-family: "Icons";
    src: url("fnt/icons/icons.eot");
    src: url("fnt/icons/icons.eot#iefix") format("embedded-opentype")
         url("fnt/icons/icons.ttf") format("truetype")
         url("fnt/icons/icons.woff") format("woff")
         url("fnt/icons/icons.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
}


#em-page ::-webkit-input-placeholder,
.em-dlg-content ::-webkit-input-placeholder {
    color: #999;
}
#em-page :-moz-placeholder,
.em-dlg-content :-moz-placeholder {
    color: #999;
}
#em-page ::-moz-placeholder,
.em-dlg-content ::-moz-placeholder {
    color: #999;
    opacity: 1;
}
#em-page :-ms-input-placeholder,
.em-dlg-content :-ms-input-placeholder {
    color: #999;
}

body,
#em-page input,
#em-page select,
#em-page textarea,
#em-page button,
.em-dlg-content input,
.em-dlg-content select,
.em-dlg-content textarea,
.em-dlg-content button {
    color: #000;
    font: 12px "Futura", "Helvetica", "Arial", sans-serif;
}

#em-page select,
.em-dlg-content select {
    border: 1px solid #e2dfdd;
    padding: 7px 5px;
    width: 180px;
    font: 14px "Futura", "Helvetica", "Arial", sans-serif;
}

body {
    height: auto;
    background: #FFF;
    color: #000;
    border-top: 2px solid #f5be00;
    margin: auto!important
}

#em-page a,
#em-page button,
#em-page input[type=submit],
.em-dlg-content button,
.em-dlg-content input[type=submit] {
    color: inherit
}
#em-page a {
    outline: none!important
}

#em-page h3 {
    font-weight: 600;
    font-family: "Futura", "Helvetica", "Arial", sans-serif
}

#em-page {
    margin: auto;
    overflow: hidden;
    width: 100%;
    position: relative
}

#em-page #page-title {
    padding: 25px 0;
    clear: both;
    text-align: center
}

#em-page #page-title h1 {
    display: inline;
    padding: 3px 20px;
    font-size: 30px;
    font-family: "Didot", "Times", serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
}

#em-page #page-title .description {
    font-weight: 700;
    text-transform: uppercase;
    display: none
}

#em-page #breadcrumbs {
    clear: left;
    float: left;
    list-style: none;
    padding: 13px 0;
    width: 100%;
    color: #000;
    font-family: "Futura", "Helvetica", "Arial", sans-serif
}

#em-page #breadcrumbs li {
    float: left
}

#em-page #breadcrumbs li .arrow {
    margin: 0 5px
}

#em-page #main {
    clear: both;
    position: relative;
    width: 1000px;
    margin: auto
}
#em-page #content {
    clear: both
}
#em-page #aside {
    clear: left;
    float: left;
    height: 500px;
    overflow: hidden;
    width: 450px;
    position: relative
}
#em-page #aside .showmore {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 9px;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 10px;
    padding-top: 60px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.95)), color-stop(100%, rgba(255, 255, 255, 0.95)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}
#em-page #aside .showmore:hover {
    color: #df352c;
}
#em-page #aside .showmore span {
    display: block;
    width: 45px;
    height: 11px;
    margin: 0 auto;
    background: url(../img/sd/ico-arrow-down.png)no-repeat center
}
#em-page #wrapper {
    position: relative;
    z-index: 0;
    padding: 15px;
}
#em-page #copyright {
    color: #989ca7;
    float: right;
    font-size: 10px;
    padding: 10px;
    text-align: right
}
#em-page #copyright a {
    text-decoration: none
}
#em-page .clear {
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%
}
#em-page .map {
    clear: right;
    float: right;
    height: 500px;
    position: relative;
    width: 516px
}
#em-page .map.fullscreen {
    clear: left;
    float: left;
    width: 100%
}
#em-page .viewer {
    height: 100%;
    width: 100%
}
#em-page .btnsub {
    clear: both;
    padding: 10px 0
}
#em-page .map .leaflet-bar .leaflet-control-zoom-in {
    border-bottom: 1px solid #000;
    font-size: 20px;
    vertical-align: middle;
    line-height: 24px
}
#em-page .map .leaflet-bar .leaflet-control-zoom-out {
    font-size: 30px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 20px
}
#em-page .map .leaflet-bar a {
    color: #000;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    font-size: 16px;
    line-height: 26px
}
#em-page .map .leaflet-bar a:hover {
    color: #fff;
    background: #000
}
#em-page .map .leaflet-bar {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-bottom: 5px;
    border: 1px solid #000;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
#em-page .btnsmap a {
    background: #555;
    display: block;
    margin: 5px;
    padding: 6px
}
#em-page .btnsmap a.disabled {
    background: #AAA;
    cursor: default
}
#em-page .btnsmap span,
#em-page .btnswap span {
    background: no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 20px;
    height: 14px;
    position: relative;
    top: 1px
}
#em-page .btnswap a {
    display: none
}
#em-page .btnzoomout span {
    background-image: url(../img/sd/ico-zoom-out.png)
}
#em-page .btnzoomin span {
    background-image: url(../img/sd/ico-zoom-in.png)
}
#em-page .btnrefresh span {
    background-image: url(../img/sd/ico-reload.png)
}
#em-page .btnfullscreen span {
    background-image: url(../img/sd/ico-fullscreen.png)
}
#em-page .btnfullscreen.on span {
    background-position: bottom left
}
#em-page .btnwatchposition span {
    background-image: url(../img/sd/ico-watch-position.png)
}
#em-page .btnbackcartoclic span {
    background-image: url(../img/sd/ico-map.png)
}
#em-page .btnswap a {
    padding: 6px
}
#em-page .btnsmap .swaptitle,
#em-page .btnswap .swaptitle {
    display: inline-block;
    width: auto;
    text-indent: inherit;
    text-align: center
}
#em-page .btnlist .arrow {
    background-image: url(../img/sd/ico-arrowswap-up.png);
    position: relative;
    top: 3px
}
#em-page .btnmap .arrow {
    background-image: url(../img/sd/ico-arrowswap-down.png);
    position: relative;
    top: 3px
}
#em-page .btnlocalize .picto,
.em-dlg-content .btnlocalize .picto {
    height: 22px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/sd/ico-geoloc.png) no-repeat top left;
    margin-right: 10px
}
#em-page .btnlocalize span:last-child,
.em-dlg-content .btnlocalize span:last-child {
    vertical-align: middle;
}
#em-page .btn,
.em-dlg-content .btn {
    background: #000;
    border: 1px solid #000;
    cursor: pointer;
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}
#em-page .btn a {
    color: #fff
}
#em-page #searchform .btnlocalize {
    width: 165px;
    padding: 8px;
    font-weight: normal;
}
#em-page .btn:hover,
.em-dlg-content .btn:hover {
    /*background: #333;*/
    text-decoration: none;
}
#em-page .btnsmap .btnwatchposition {
    display: none
}
#em-page .hide,
#em-page .ms,
.em-dlg-content .ms {
    display: none
}
#em-page .photobackground {
    height: 942px; /*725px;*/
    position: absolute;
    top: 41px;
    width: 100%;
    background: #fff url(../img/sd/picture-body.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#em-page .leaflet-control-attribution a {
    color: #333!important
}
#em-page .uja-maj {
    text-transform: uppercase
}

/* ----- SURCHARGE HEADER UJA ----- */


/*#header .navigation .navigation-item li a,#header .navigation .mag-club a{font-family:nexaBold}
.reinsurance-top .reinsurance-top-item strong{font-family:nexaBold}*/


/* ----- AUTOCOMPLETE ----- */

.ui-menu .ui-menu-item {
    color: #000;
    font-family: "Futura", "Helvetica", "Arial", sans-serif
}
.ui-menu .ui-menu-item b {
    color: #000
}
.ui-front {
    z-index: 10004!important;
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #000
}

/* ----- GLOBALFORM ----- */

#em-page form label,
.em-dlg-content form label {
    display: none
}
#em-page form .radio label,
#em-page form .checkbox label,
.em-dlg-content form .radio label,
.em-dlg-content form .checkbox label {
    display: inline
}
#em-page form input[type=text],
#em-page form textarea,
.em-dlg-content form input[type=text],
.em-dlg-content form textarea {
    background: #FFF;
    border: none;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    /*font-weight:bold*/
}
#em-page form button,
.em-dlg-content form button {
    background: #FFF;
    border: 1px solid #000;
    padding: 8px 10px
}
#em-page form button,
#em-page form input,
.em-dlg-content form button,
.em-dlg-content form input[type=text] {
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
#em-page form .help,
#em-page form .comment {
    font-size: .8em
}
#em-page form .bloc,
.em-dlg-content form .bloc {
    float: left
}
#em-page form .bloc.opensunday {
    float: right
}
#em-page form .bloc.searchtext {
    margin-left: 10px;
}
#em-page form h4 {
    float: left;
    margin: 12px 20px;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
}
#em-page #fieldsearchcheckbox #searchcheckbox {
    background: url(../img/sd/ico-mode.png)no-repeat center;
    display: inline-block;
    width: 21px;
    height: 21px
}
#em-page #fieldsearchcheckbox.checked #searchcheckbox {
    background: url(../img/sd/ico-modechecked.png)no-repeat center;
    display: inline-block;
    width: 21px;
    height: 21px
}

/* ----- HOME ----- */

body.home #em-page #page-title {
    display: none
}
body.home #em-page #searchform {
    margin-bottom: 35px;
    margin-top: 100px
}
body.home #em-page #wrapper {
    display: none
}
body.home #em-page #content,
body.search #em-page #content,
body.region #em-page #content {
    height: 725px
}
body.home #em-page #content p {
    font-size: 14px;
    margin: 20px 0
}
body.home #em-page #content p:first-child {
    margin-top: 15px;
    font-family: "Didot", "Times", serif;
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
}
body.home #em-page #content .underline {
    height: 1px;
    margin: 30px 100px;
    background: #000;
}

/*body.home #em-page .text-content {
    padding:50px;
}*/

body.home #em-page .text-content,
#em-page #searchform,
#em-page #wrapper {
    height: 410px;
    width: 1000px;
    margin: auto;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    text-align: center;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.95);
    clear: both;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#888, Direction=180, Strength=5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body.home #em-page .text-content {
    height: auto;
    padding: 5px;
    border: 2px solid #000;
}
body.home #em-page .em-text-content-inner {
    height: 410px;
    padding: 50px;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body.home #em-page .index-body {
    height: 160px !important;
}

/* ----- SEARCHFORM ----- */

#em-page #searchform {
    clear: both;
    float: left;
    height: 98px;
    margin-top: 18px;
    font-size: 14px;
    border: 2px solid #000;
}
#em-page #searchform .em-searchform-inner {
    height: 42px;
    margin: 5px;
    padding: 20px;
    border: 1px solid #000;
}
#em-page #searchform .field {
    float: left;
}
#em-page #searchform .bloc #fieldsearchcountry {
    margin-right: 0;
}
#em-page #searchform #searchcountry {
    font-size: 14px;
}
#em-page #searchform .field input[type=text],
#em-page #wayform .field input[type=text],
.em-dlg-content #wayform .field input[type=text] {
    width: 240px;
    float: left;
    padding: 8px;
    height: 22px;
}
#em-page #searchform #fieldsearchtext,
#em-page #wayform #fieldwaytext,
.em-dlg-content #wayform #fieldwaytext,
#em-page #wayform #fieldwaydate,
.em-dlg-content #wayform #fieldwaydate {
    border: 1px solid #e9e3e5;
    margin-left: 10px;
    margin-right: 0;
    background: #fff;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#em-page #searchform #fieldsearchtext {
    width: 330px;
    margin-left: 0;
}
#em-page #searchform button,
#em-page #wayform button,
.em-dlg-content #wayform button {
    background: #000 url(../img/sd/ico-loupe.png) no-repeat 50% 50%;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    border: none;
    padding: 8px;
    float: right;
}
#em-page #searchform button:hover,
#em-page #wayform button:hover,
.em-dlg-content #wayform button:hover {
    background-color: #333;
}
#em-page #searchform button.ms {
    display: none;
}
#em-page #fieldsearchcheckbox {
    clear: left;
    margin-top: 12px;
    cursor: pointer;
    position: relative;
    bottom: 2px;
}
#em-page #fieldsearchcheckbox label {
    cursor: pointer;
    position: relative;
    top: 2px
}
#em-page #searchcountry,
#em-page #waycountry,
.em-dlg-content #waycountry,
#em-page #wayhour,
.em-dlg-content #wayhour,
#em-page #wayminute,
.em-dlg-content #wayminute {
    -webkit-appearance: none;
    cursor: pointer;
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #FFF
}

/* ----- SELECT ARROW SOUS WEBKIT ----- */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #em-page #fieldsearchcountry,
    #em-page #fieldwaycountry,
    .em-dlg-content #fieldsearchcountry,
    .em-dlg-content #fieldwaycountry,
    #em-page #fieldwayhour,
    #em-page #fieldwayminute,
    .em-dlg-content #fieldwayhour,
    .em-dlg-content #fieldwayminute {
        position: relative
    }
    #em-page #fieldsearchcountry:after,
    #em-page #fieldwaycountry:after,
    .em-dlg-content #fieldsearchcountry:after,
    .em-dlg-content #fieldwaycountry:after,
    #em-page #fieldwayhour:after,
    #em-page #fieldwayminute:after,
    .em-dlg-content #fieldwayhour:after,
    .em-dlg-content #fieldwayminute:after {
        position: absolute;
        right: 10px;
        top: 16px;
        content: "";
        background: url(../img/sd/ico-arrow-search.png)no-repeat center;
        width: 16px;
        height: 10px;
        pointer-events: none;
    }
}

/* ----- CARTOCLIC ----- */

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

/* ----- SEARCH ----- */

body.search #em-page #wrapper,
body.region #em-page #wrapper {
    height: 530px
}

/* ----- TOOLTIP ----- */

#em-page .tooltip {
    background: #FFF;
    float: left
}
#em-page .tooltip-header {
    background: #000;
    clear: both;
    float: left;
    width: 100%
}
#em-page .tooltip-body {
    clear: both;
    float: left;
    padding: 10px
}
#em-page .tooltip .btnclose {
    float: right;
    margin: 5px;
    padding: 5px
}
#em-page .tooltip .btnclose span,
.em-dlg-popin-close span {
    background: url(../img/sd/ico-close2.png) no-repeat top left;
    display: block;
    height: 20px;
    text-indent: -9999px;
    width: 20px
}
#em-page .tooltip.zoom {
    text-align: center
}
#em-page .tooltip.zoom p {
    clear: both;
    white-space: nowrap
}
#em-page .tooltip.zoom .linkzoom {
    margin-top: 10px
}
#em-page .tooltip.pois .tooltip-body,
#em-page .tooltip .slider-ctn .poi {
    width: 235px
}
#em-page .tooltip .poi {
    clear: both;
    float: left;
    width: 100%
}
#em-page .tooltip .linkrdv {
    margin-left: 10px
}
#em-page .tooltip .links {
    margin-top: 10px
}

/* MODE ACCORDEON */

#em-page .tooltip .cluster {
    float: left;
    width: 100%
}
#em-page .tooltip .cluster .headpoi {
    clear: both;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    width: 100%
}
#em-page .tooltip .cluster .headpoi.first-child {
    margin-top: 0
}
#em-page .tooltip .cluster .headpoi .info {
    float: left;
    width: 200px
}
#em-page .tooltip .cluster .headpoi .links {
    float: right;
    margin-top: 0
}
#em-page .tooltip .cluster .headpoi .links .btn {
    background: none;
    border-color: transparent transparent transparent #000;
    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
}
#em-page .tooltip .cluster .headpoi.open .links .btn {
    border-color: #000 transparent transparent;
    border-width: 6px 6px 0;
    margin-top: 4px
}
#em-page .tooltip .cluster .bodypoi {
    clear: both;
    float: left;
    width: 100%
}
#em-page .tooltip .cluster .bodypoi .info {
    display: none
}

/* MODE SLIDER */

#em-page .tooltip .slider {
    overflow: hidden;
    position: relative;
    width: 100%
}
#em-page .tooltip .slider-ctn {
    position: absolute;
    width: 99999em
}
#em-page .tooltip .slider-ctn .poi {
    clear: none;
    float: left;
    padding-right: 20px
}
#em-page .tooltip .slider-nav ul {
    list-style: none;
    margin-top: 10px;
    text-align: center;
    width: 100%
}
#em-page .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
}
#em-page .tooltip .slider-nav li.prev {
    background: none;
    text-indent: -9999px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12px 8px 0;
    border-color: transparent #888 transparent transparent
}
#em-page .tooltip .slider-nav li.next {
    background: none;
    text-indent: -9999px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #888
}
#em-page .tooltip .slider-nav li.on {
    background: #000
}
html.ie6 #em-page .tooltip .slider-nav li,
html.ie7 #em-page .tooltip .slider-nav li {
    display: inline
}

/* TOOLTIP LEAFLET */

#em-page .leaflet-top.leaflet-right {
    position: relative;
    top: 5px;
    right: 5px
}
#em-page .leaflet-popup-content-wrapper {
    background-color: rgb(255, 255, 255)!important;
    background-color: rgba(255, 255, 255, 0.95)!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important
}
#em-page .leaflet-popup-content {
    margin: 0px!important;
    width: 250px!important
}
#em-page .leaflet-popup-content table {
    width: 100%
}
#em-page .leaflet-popup-content .t {
    height: 20px;
    background: #000;
/*    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px*/
}
#em-page .leaflet-popup-content .poi {
    margin: 10px
}
#em-page .leaflet-popup-content-wrapper .poi,
#em-page #tooltip .poi {
    font-family: "Futura", "Helvetica", "Arial", sans-serif
}
#em-page .leaflet-popup-content-wrapper .agencyblock {
    width: 100%
}
#em-page .leaflet-popup-content-wrapper .agencyinfos {
    width: 100%
}
#em-page .leaflet-popup-content-wrapper .agencytell {
    margin: 5px 0
}
#em-page .leaflet-popup-content-wrapper .agencyhoraires {
    width: inherit
}
#em-page .leaflet-popup .links {
    clear: both;
    padding-top: 10px
}
#em-page .leaflet-popup .links .agencypicture {
    display: none;
    clear: both
}
#em-page .leaflet-popup .btn {
    display: inline-block!important;
    margin: 0!important;
    color: inherit;
    width: auto
}
#em-page .leaflet-popup .linkmore.btn {
    margin-right: 30px!important
}
#em-page .leaflet-popup .btnway.btn {
    margin-top: 10px!important
}
#em-page .leaflet-container a.leaflet-popup-close-button {
    color: #FFF!important;
    font-size: 18px;
    background: url(../img/sd/ico-close.png) no-repeat center;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 5px;
    right: 5px;
    text-indent: -9999px
}
#em-page .leaflet-popup-tip-container {
    display: none
}
#em-page #tooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1001;
    display: none;
    text-align: left;
    padding: 10px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#em-page #tooltip table {
    width: 100%
}
#em-page #tooltip .agencyblock {
    width: 60%
}
#em-page #tooltip .agencyposition {
    margin-bottom: 0
}
#em-page #tooltip .agencyinfos {
    width: 100%
}
#em-page #tooltip .agencytel {
    margin: 5px 0
}
#em-page #tooltip .leaflet-popup-close-button {
    width: 25px;
    height: 25px;
    top: -25px!important;
    right: 0;
    padding: 5px;
    background: #FFF
}
#em-page #tooltip .leaflet-popup-close-button .icoclosemap {
    background: url(../img/sd/ico-close-mob.png) no-repeat center;
    display: block;
    height: 15px;
    width: 15px
}
#em-page #tooltip .btn {
    width: inherit;
    margin-right: 30px!important;
    color: inherit
}
#em-page #tooltip .linkmore.btn {
    margin-top: 15px!important
}
#em-page #tooltip .links {
    float: right
}
#em-page #tooltip .agencypicture {
    background: url(../img/sd/picture-list.jpg) no-repeat center;
    width: 154px;
    height: 65px
}

/* ----- INDEXES ----- */

#em-page #indexes {
    clear: both;
    float: left;
    width: 100%
}
#em-page #indexes a {
    color: #000;
}
#em-page #indexes a:hover {
    color: #999;
}
#em-page .index.small {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%
}
#em-page .index.left {
    padding-right: 10px
}
#em-page .index.right {
    padding-left: 10px
}
#em-page .index-header {
    padding: 19px 0;
    color: #000;
}
#em-page .index-header h3 {
    font-weight: normal;
}
#em-page .index-body {
    /*border-top: 1px solid #eceef1*/
    padding-top: 15px;
    padding-bottom: 15px;
    display: block!important;
    color: #989ca7;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase
}
#em-page .index-body ul {
    list-style: none
}
body.home #em-page .index-body ul {}
#em-page .index-body li {
    line-height: 12px
}
#em-page .small .index-body ul {
    height: 96px
}
#em-page .index-city {
    font-size: 11px;
    color: #989ca7;
    text-transform: uppercase;
    padding-bottom: 15px
}
#em-page .index-city a {
    display: inline-block;
    margin-right: 50px
}
#em-page .index-city a:last-child {
    margin-right: 0
}

/* ----- SEARCHLIST ----- */

#em-page #agencies {
    height: 500px;
    list-style: none;
    width: 100%
}
#em-page #agencies .agencyinfos {
    padding-left: 55px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#em-page .agency {
    padding: 10px 0;
    text-align: left;
    border-bottom: 1px solid #000
}
#em-page .agency:first-child {
    padding-top: 0
}
#em-page .agency:last-child {
    border-bottom: none;
    padding-bottom: 0
}
#em-page li.agency.hover,
#em-page li.agency:hover {
    background: none
}
#em-page .agencyblock {
    float: left;
}
.web #em-page .agencyblock {
    max-width: 285px;
}

#em-page .agencyposition {
    float: left;
    margin-bottom: 10px;
    position: relative
}
#em-page .agencynumber {
    position: absolute;
    width: 29px;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    letter-spacing: -0.05em;
}
#em-page .agencypicto {
    width: 32px;
    height: 32px;
    margin-bottom: 3px;
    background: url(../img/sd/picto-poi-list-small.png) no-repeat 50% 50%;
}
#em-page .agencyinfos {
    width: 270px;
}
#em-page .agencylabel {
    font-size: 14px;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}
#em-page .agencylabel a {
    letter-spacing: 0.05em;
}
#em-page .agencylabel a:hover {
    color: #999;
}
#em-page .agencyaddress {
    margin-top: 5px;
    text-transform: uppercase;
}
#em-page .agencytel {
    margin: 10px 0;
    clear: both
}
#em-page .agencyhoraires {
    clear: both;
    margin-top: 5px
}
#em-page .agency .links {
    width: 154px;
    float: right
}
#em-page .agency .links .agencypicture {
    background: url(../img/sd/picture-list.jpg) no-repeat center;
    width: 154px;
    height: 65px
}
#em-page .agency .links .agencypicture-special {
    width: 154px;
    height: 65px
}
#em-page .agency .links .seolink.btn,
#em-page .agency .links .btnway,
#em-page .leaflet-popup .btn,
#em-page #tooltip .btn {
    display: block;
    border: none;
    background: none;
    color: #000;
    padding: 0;
    text-align: left;
    margin: 5px 0 0;
    text-decoration: none;
    font-weight: normal;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
            box-shadow: none;
}
/*#em-page .agency .links .seolink.btn:hover,
#em-page .leaflet-popup .btn:hover,
#em-page #tooltip .btn:hover {
    background-color: #333;
}*/
#em-page .leaflet-popup .linkmore,
#em-page .leaflet-popup .btnway {
    letter-spacing: 1.2px;
}
#em-page .leaflet-popup .linkmore:hover,
#em-page .leaflet-popup .btnway:hover {
    color: #666;
    background-color: transparent;
}
#em-page .leaflet-popup .linkmore:hover .ico-loupe,
#em-page .leaflet-popup .btnway:hover .ico-way {
    -webkit-opacity: 0.6;
       -moz-opacity: 0.6;
            opacity: 0.6;
}
#em-page .agency .links .seolink.btn {
    margin-top: 10px;
    width: auto
}

#em-page .agency .links .seolink.btn:hover,
#em-page .agency .links .btnway:hover {
    color: #999;
}
#em-page .agency .links .seolink.btn:hover .ico-loupe,
#em-page .agency .links .btnway:hover .ico-way {
    -webkit-opacity: 0.5;
       -moz-opacity: 0.5;
            opacity: 0.5;
}
#em-page .agency .links .btnway {
    margin-bottom: 0;
    width: auto
}

#em-page .agency .links .btnway span:last-child {
    position: relative;
    top: 2px
}
#em-page .links .ico-loupe {
    background: url(../img/sd/icon-magnifier-black.png) no-repeat center;
    width: 16px;
    height: 18px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}
#em-page .links .ico-way {
    background: url(../img/sd/icon-way-black.png) no-repeat center;
    width: 15px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 2px;
    vertical-align: middle
}

/* ----- DETAIL ----- */

body.detail #em-page #wrapper {
    height: inherit
}
body.detail #em-page #aside {
    float: none;
    width: 100%;
    height: inherit
}
body.detail #em-page #page-title {
    margin-bottom: -18px
}
body.detail #em-page .map {
    height: 275px;
    width: 100%;
    float: none;
    margin-top: 14px
}
body.detail #em-page .back {
    color: #fff;
    background: #000;
    text-transform: uppercase;
    font: 10px "Futura", "Helvetica", "Arial", sans-serif;
    font-weight: normal;
    letter-spacing: 1.2px;
    padding: 1px 5px;
    float: right;
    margin-bottom: 3px;
    margin-right: 4px
}
body.detail #em-page .back:hover {
    text-decoration: underline
}
body.detail #em-page .btnrdv {
    margin-top: 10px
}
body.detail #em-page .btnsocial,
body.detail #em-page .btnrdv,
body.detail #em-page .btnsub {
    margin-top: 10px;
    display: none
}
body.detail #em-page .day {
    display: table;
    margin: 2px 0
}
body.detail #em-page .titleday,
body.detail #em-page .infoday {
    display: table-cell
}
body.detail #em-page .titleday {
    width: 80px;
    text-align: left
}
body.detail #em-page .day.on {
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
}
body.detail #em-page .agency {
    float: left;
    border-bottom: none;
    width: 475px;
    height: auto;
    min-height: 339px;
    padding: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px;
    cursor: inherit
}
body.detail #em-page .agencyaddress {
    text-transform: uppercase
}
body.detail #em-page .agencyphoto {
    float: right;
    width: 480px;
    height: 345px;
    margin-bottom: 8px
}
body.detail #em-page .photodetail {
    background: url(../img/sd/picture-detail.jpg)no-repeat center;
    width: 100%;
    height: 100%;
    background-size: cover
}
body.detail #em-page .photodetail-special {
    width: 100%;
    height: 100%;
    margin: auto
}
body.detail #em-page .agencytitle {
    width: 100%;
    border-bottom: 1px solid #000;
    height: 60px
}
body.detail #em-page .agencylogo {
    background: url(../img/sd/logo-detail-small.png)no-repeat center;
    width: 230px;
    height: 54px;
    float: left;
}
body.detail #em-page .fb-like {
    float: right;
    margin-top: 14px
}
body.detail #em-page .agencyinfos {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left
}
body.detail #em-page .icohome {
    background: url(../img/sd/ico-home.png)no-repeat center;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    position: relative;
    top: 3px;
    margin-right: 10px
}
body.detail #em-page .agencydata {
    display: inline-block;
    width: 270px
}
body.detail #em-page .agencycity {
    text-transform: uppercase
}
body.detail #em-page .agencytel {
    float: right;
    margin-top: 0px;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    /*font-weight: bold;*/
    font-size: 18px;
    clear: none
}
body.detail #em-page .agencytel .icotel {
    background: url(../img/sd/ico-tel.png)no-repeat center;
    width: 13px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 3px
}
body.detail #em-page .agencyaction {
    margin: 10px 0;
    width: 100%;
    overflow: hidden;
}
body.detail #em-page .agencyaction form {
    display: inline-block;
    float: left;
}
body.detail #em-page .agencyaction p {
    margin-bottom: 5px
}
body.detail #em-page .agencyaction #newsletterform {
    float: right
}
body.detail #em-page .agencytitleschedule,
body.detail #em-page .agencytitleservices {
    clear: both;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    /*font-weight: bold;*/
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #000
}
body.detail #em-page .agencytitleservices {
    text-align: left;
    display: none
}
body.detail #em-page .opentxt {
    margin: 10px 0 5px
}
body.detail #em-page .icoschedule {
    background: url(../img/sd/ico-schedule.png)no-repeat center;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 10px
}
body.detail #em-page .agencyschedule {
    margin: 10px 0 5px;
    padding-left: 30px;
    width: 440px
}
body.detail #em-page .agencyscheduleex {
    font-style: italic;
    display: inline-block;
    text-decoration: underline;
    clear: both
}
body.detail #em-page .agencybloc {
    min-height: 345px
}
body.detail #em-page .agencyblocex {
    float: left;
    clear: both;
    width: 979px;
    padding-top: 15px;
    padding-bottom: 40px;
    display: none
}
body.detail #em-page .agencyblocex h2,
body.detail #em-page .agencyblocex p {
    text-align: left
}
body.detail #em-page .agencyblocex h2 {
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
}
body.detail #em-page .agencyblocex .agencytimes {
    width: 475px;
    float: left;
    padding-right: 20px;
    margin-right: 15px
}
body.detail #em-page .agencyblocex .agencytimesspecial {
    width: 470px;
    float: left;
}
body.detail #em-page .agencyblocex .agencytimesspecial p {
    line-height: 20px;
    padding-top: 4px
}
body.detail #em-page .agencyservicestitle {
    display: table;
    width: 100%;
    height: 35px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    border-collapse: separate;
    padding-top: 10px
}
body.detail #em-page .agencyservicestitle .title {
    display: table-cell;
    width: 33%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-family: "Futura", "Helvetica", "Arial", sans-serif
}
body.detail #em-page .agencyservicestitle .services.title {
    border-left: 1px dotted #000;
    border-right: 1px dotted #000
}
body.detail #em-page .agencyservicesblock .block {
    clear: both;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
}
body.detail #em-page .agencyservicesblock .presentation {
    text-align: left;
    padding: 10px 0;
    display: none
}
body.detail #em-page .agencyservicesblock .services {
    display: none
}
body.detail #em-page .agencyservices {
    font-size: 13px;
    list-style: none;
    clear: both
}
body.detail #em-page .agencyservices li {
    float: left;
    text-align: left;
    padding: 10px;
    padding-left: 0;
    list-style: none
}
body.detail #em-page .agencyservices li span:last-child {
    display: inline-block;
    position: relative
}
body.detail #em-page .agencyservices li .serviceslivraison {
    width: 180px
}
body.detail #em-page .agencyservices li .servicescarte {
    width: 100px;
    top: 15px
}
body.detail #em-page .agencyservices li .servicesretouch {
    width: 120px
}
body.detail #em-page .agencyservices li .servicespaiement {
    width: 130px;
    top: 8px
}
body.detail #em-page .agencyservices li .servicesrdv {
    width: 140px;
    top: 7px
}
body.detail #em-page .agencyservices .icoservices {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #999;
    margin-right: 10px;
    position: relative;
    float: left
}
body.detail #em-page .agencyservices .livraison {
    background: url(../img/sd/ico-livraison.png)no-repeat center;
    top: 3px
}
body.detail #em-page .agencyservices .serviceslivraison,
body.detail #em-page .agencyservices .servicesretouch {
    top: 8px!important
}
body.detail #em-page .agencyservices .carte {
    background: url(../img/sd/ico-carte.png)no-repeat center;
    bottom: 4px
}
body.detail #em-page .agencyservices .retouch {
    background: url(../img/sd/ico-retouche.png)no-repeat center;
    margin-right: 0
}
body.detail #em-page .agencyservices .paiement {
    background: url(../img/sd/ico-paiement.png)no-repeat center;
    margin-top: 3px
}
body.detail #em-page .agencyservices .rdv {
    background: url(../img/sd/ico-rdv.png)no-repeat center
}
body.detail #em-page .agencyservicesblock .iti {
    /*height: 160px;*/
    display: none
}
body.detail #em-page .agencyservicestitle .title.open {
    border-bottom: 2px solid #000;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    /*font-weight: bold;*/
}
body.detail #em-page .agencyservicesblock .block.open {
    display: block
}
body.detail #em-page .presentation .block1 span {
    display: none
}

/* ----- WAY ----- */

body.way #em-page #content {
    height: 725px
}
body.way #em-page #wrapper {
    height: 530px
}
body.way #em-page .btnsub {
    display: none
}
/*body.way #em-page .btnlist .arrow {
    top: 13px
}*/
#em-page #wayinfo {
    padding: 20px;
    font-size: 14px;
    background: #000;
    color: #fff;
}
#em-page #wayinfo .info {
    margin-top: 10px
}
#em-page #waylist {
    width: 100%;
    margin-top: 5px
}
#em-page #waylist ul {
    list-style: none
}
#em-page #waylist li {
    cursor: pointer;
    padding: 10px 0;
    min-height: 30px;
    text-align: left;
    border-bottom: 1px solid #000
}
#em-page #waylist li:last-child {
    border: none
}
#em-page #waylist .time {
    float: left;
    font-style: italic;
    margin-bottom: 5px;
    margin-right: 10px
}
#em-page #waylist .distance {
    font-style: italic;
    margin-bottom: 5px
}
#em-page #waylist .instruction {
    clear: left;
    display: block
}
#em-page #waylist .btn {
    float: right;
    margin-left: 15px;
    padding: 5px;
    background: none;
    border: none;
    width: auto
}
#em-page #waylist .btn span {
    display: block;
    text-indent: -9999px;
    background: url(../img/sd/ico-zoom-step.png) no-repeat top left;
    width: 20px;
    height: 20px
}
#em-page #waylist .station,
#em-page #waylist .transit,
#em-page #waylist .line {
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
}

/* ----- WAYFORM ----- */

#em-page .iti #em-page {
    width: 100%
}
#em-page .iti #em-page #main {
    width: 100%
}
#em-page .iti #wrapper {
    padding: 0;
    width: 100%;
    background-color: inherit;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#888, Direction=0, Strength=0)
}
#em-page #wayform {
    padding: 10px 0;
    font-size: 14px;
    display: table;
    width: 100%
}
#em-page #wayform #mode,
#em-page #wayform #departure {
    display: table-cell
}
#em-page #wayform .paneltoswap .bloc:last-child {
    float: right
}
#em-page #wayform #mode {
    width: 200px
}
#em-page #wayform #arrival,
#em-page #wayform #wayformbuttons,
.em-dlg-content #wayform #wayformbuttons {
    display: none
}
#em-page #wayform .field {
    float: left
}
#em-page #wayform .btnlocalize {
    margin-top: 20px;
    width: 200px;
    padding: 8px;
    font-weight: normal;
}
#em-page #wayform #fieldwaytext {
    width: 315px
}
#em-page #wayform h3,
.em-dlg-content #wayform h3 {
    clear: both;
    padding-bottom: 5px;
    padding-top: 10px;
    text-transform: uppercase;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    font-weight: normal;
    text-align: left
}
#em-page #wayform #departure h3 {}
#em-page #wayform h4,
.em-dlg-content #wayform h4 {
    /*font-style: italic;*/
    margin: 0;
    float: none;
    text-align: left;
    margin-bottom: 2px;
    font-weight: normal;
}
#em-page #wayform .name,
#em-page #wayform .address {
    display: block;
    text-transform: uppercase;
}
#em-page #wayform .modeblock {
    margin-top: 30px
}
#em-page #fieldwaycity {
    float: left;
    margin-left: 10px
}
#em-page #fieldwaystreet {
    float: left
}
#em-page #waystreet {
    width: 200px
}
#em-page #waycity {
    width: 195px
}
#em-page #wayformbuttons {
    clear: both;
    padding-top: 10px
}
#em-page #wayformbuttons button {
    margin-left: 10px
}
#em-page #mode .btn,
.em-dlg-content #mode .btn {
    padding: 0px;
    border: none;
    background: none;
    display: inline-block;
    width: auto
}
#em-page #fieldwaycar.btn,
.em-dlg-content #fieldwaycar.btn {
    border-right: 0;
    margin-right: 15px
}
#em-page #fieldwaypedestrian.btn,
.em-dlg-content #fieldwaypedestrian.btn {
    border-right: 0;
    margin-right: 15px
}
#em-page #fieldwaytransport.btn,
.em-dlg-content #fieldwaytransport.btn {}
#em-page #mode .btn input,
.em-dlg-content #mode .btn input {
    display: none
}
#em-page #mode label,
.em-dlg-content #mode label {
    display: block;
    float: left;
    margin-left: 5px;
    margin-right: 20px
}
#em-page #mode .btn label,
.em-dlg-content #mode .btn label {
    margin: 0;
    text-indent: -9999px;
    background: no-repeat center;
    cursor: pointer
}
#em-page #mode .btn .checkbox,
.em-dlg-content #mode .btn .checkbox {
    background-image: url(../img/sd/ico-mode.png);
    width: 21px;
    height: 21px;
    margin-right: 5px
}
#em-page #mode .checked.btn .checkbox,
.em-dlg-content #mode .checked.btn .checkbox {
    background-image: url(../img/sd/ico-modechecked.png);
    width: 21px;
    height: 21px
}
#em-page #fieldwaycar.btn .icocar,
.em-dlg-content #fieldwaycar.btn .icocar {
    background-image: url(../img/sd/ico-car.png);
    width: 42px;
    height: 13px;
    position: relative;
    top: 3px
}
#em-page #fieldwaypedestrian.btn .icopedestrian,
.em-dlg-content #fieldwaypedestrian.btn .icopedestrian {
    background-image: url(../img/sd/ico-pedestrian.png);
    width: 13px;
    height: 20px
}
#em-page #fieldwaytransport.btn .icotransport,
.em-dlg-content #fieldwaytransport.btn .icotransport {
    background-image: url(../img/sd/ico-transport.png);
    width: 18px;
    height: 20px
}
#em-page #wayformbuttons a,
#em-page #mode .field {
    float: left;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
#em-page #wayhour,
.em-dlg-content #wayhour,
#em-page #wayminute,
.em-dlg-content #wayminute {
    width: 115px;
}
#em-page #fieldwayhour,
.em-dlg-content #fieldwayhour {
    margin-right: 5px;
}
#em-page #wayform #datetime,
.em-dlg-content #wayform #datetime {
    display: none;
}
#em-page #wayform.transport #datetime {
    width: 250px;
    display: table-cell;
}
.em-dlg-content #wayform.transport #datetime {
    display: block;
}
#em-page #wayform.transport .btnlocalize {
    margin-top: 0;
}
#em-page #wayform.transport .paneltoswap .bloc {
    float: none;
    text-align: left;
}
#em-page #wayform.transport h4,
#em-page #wayform #datetime h4 {
    margin-top: 5px;
}
#em-page #wayform #fieldwaydate,
.em-dlg-content #wayform #fieldwaydate {
    width: 236px;
    margin-left: 0;
}
#em-page #wayform #waydate,
.em-dlg-content #wayform #waydate {
    width: 214px;
}
.em-dlg-content #wayform #datetime .field {
    float: left;
    margin-right: 5px;
}
.em-dlg-content #wayform #datetime .clear,
.em-dlg-content #wayform #datetime h4 {
    display: none;
}

/* ----- EMAILFORM -----*/

#em-page #fieldemailsender {
    float: left
}
#em-page #fieldemailrecipients,
#em-page #fieldemailnewsletter {
    float: left;
    border: 1px solid #e2dfdd;
    border-right: 0;
    margin-right: 0;
    background: #FFF;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#em-page #fieldemailrecipients input[type=text],
#em-page #fieldemailnewsletter input[type=text] {
    padding: 8px;
    width: 170px;
    font: 12px Arial, "Helvetica Neue", Helvetica, serif;
    color: #000;
    height: 14px
}
#em-page #fieldemailrecipients ::-webkit-input-placeholder {
    color: #999;
}
#em-page #fieldemailrecipients :-moz-placeholder {
    color: #999;
}
#em-page #fieldemailrecipients ::-moz-placeholder {
    color: #999;
    opacity: 1
}
#em-page #fieldemailrecipients :-ms-input-placeholder {
    color: #999;
}
#em-page #fieldemailnewsletter ::-webkit-input-placeholder {
    color: #999;
}
#em-page #fieldemailnewsletter :-moz-placeholder {
    color: #999;
}
#em-page #fieldemailnewsletter ::-moz-placeholder {
    color: #807a72;
    opacity: 1
}
#em-page #fieldemailnewsletter :-ms-input-placeholder {
    color: #807a72
}
#em-page #fieldemailmessage {
    clear: both;
    padding-top: 10px
}
#em-page #emailmessage {
    height: 90px;
    max-height: 150px;
    max-width: 418px;
    width: 418px
}
#em-page #emailform button,
#em-page #newsletterform button {
    border: 1px solid #e2dfdd;
    background: #000;
    color: #fff;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 10px;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    height: 32px;
    line-height: 32px;
    float: left
}
#em-page #emailform .text {
    margin-bottom: 10px
}

/* ----- SMSFORM ----- */

#em-page #smsform .comment {
    clear: both;
    padding-top: 10px
}
#em-page #smsform button {
    margin-left: 10px
}
#em-page #smsform .text {
    margin-bottom: 10px
}
#em-page #fieldsmssender {
    float: left
}
#em-page #smssender {
    width: 150px
}

/* ----- POPIN -----*/

.em-dlg-wait {
    display: none
}
.em-dlg-wait-img {
    filter: Alpha(Opacity=20);
    height: 46px;
    opacity: .2;
    width: 46px
}
.em-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
}
.em-dlg-popin {
    box-shadow: 0 0 10px #444;
    display: none;
    min-width: 300px;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    padding: 1px;
    background: #FFF
}
.em-dlg-popin-close {
    color: #FFF;
    cursor: pointer;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}
.em-dlg-header {
    background: #000;
    color: #FFF;
    line-height: 20px;
    padding: 10px;
    text-transform: uppercase;
    font-size: 16px;
    min-height: 40px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.em-dlg-content {
    background: #FFF;
    overflow: hidden;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
}
.em-dlg-message {
    padding: 10px;
    float: left
}
.em-dlg-popin-sms .em-dlg-message {
    float: left
}
.em-dlg-popin .left {
    float: left;
    width: 250px
}
.em-dlg-popin .right {
    float: right;
    margin-left: 10px;
    width: 170px
}
.em-dlg-content #listAddressAmbiguous li {
    cursor: pointer
}
.em-dlg-content #listAddressAmbiguous li:hover {
    background: #f5be00
}
.em-dlg-content #wayform {
    min-width: 585px
}
.em-dlg-content #wayform #arrival,
.em-dlg-content #wayform #departure,
.em-dlg-content #wayform #mode {
    display: block
}
.em-dlg-content #wayform #mode {
    width: inherit
}
.em-dlg-content #wayform #departure,
.em-dlg-content #wayform #arrival {
    float: left;
    clear: both;
    position: relative
}
.em-dlg-content #wayform #departure {
    margin-top: 3px
}
.em-dlg-content #wayform #arrival {
    width: 100%
}
.em-dlg-content #wayform .modeblock {
    margin-top: 5px
}
.em-dlg-content #wayform .modeblock .btn {
    box-shadow: none;
}
.em-dlg-content #wayform #fieldwaycountry {
    float: left
}
.em-dlg-content #wayform #fieldwaytext {
    width: 235px;
    float: left
}
.em-dlg-content #wayform .field input[type=text] {
    width: 175px
}
.em-dlg-content #wayform .btnlocalize {
    padding: 8px
}
.em-dlg-content #wayform h3 {
    font-size: 14px
}
.em-dlg-content #wayform h4 {
    margin-bottom: 5px
}
.em-dlg-content #wayform .paneltoswap .bloc {
    position: relative;
    top: 5px
}
.em-dlg-content #wayform .paneltoswap .bloc:last-child {
    margin-left: 20px;
    top: -16px
}
.em-dlg-content #wayform .paneltoswap .bloc:last-child .field {
    display: inline-block
}
.em-dlg-content #wayform #waycountry,
.em-dlg-content #fieldwaycountry {
    width: 145px
}
.em-dlg-content #wayform .name {
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}
.em-dlg-content #wayform .address {
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
}
#em-page #divAddressAmbiguous p {
    padding-bottom: 10px
}
#em-page #listAddressAmbiguous {
    height: 60px
}
#em-page #listAddressAmbiguous li {
    cursor: pointer
}

/* ----- STEP WAY ----- */

#em-page #stepsmain {
    clear: both;
    height: 30px;
    position: relative;
    z-index: 1000;
}
#em-page #steps {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #F0F0F0;
    padding: 0 15px;
    text-align: center
}
#em-page #steps .linkstep {
    vertical-align: top;
    display: block;
    padding: 6px 0
}
#em-page #steps .linkstep span {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-family: "Futura", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
}
#em-page #steps.on .linkstep span {
    border-width: 10px 10px 0 10px;
    border-color: #000 transparent transparent transparent
}
#em-page #stepscontent {
    padding-bottom: 10px;
    text-align: left;
    display: none;
}
#em-page #stepsmargin {
    display: table;
    width: 100%
}
#em-page #stepscontent .stepnav,
#em-page #stepscontent .step {
    display: table-cell;
    vertical-align: middle
}
#em-page #stepscontent .stepnav {
    width: 1px
}
#em-page #stepscontent .btnprev span {
    text-indent: -9999px;
    font-size: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #000 transparent transparent;
    display: inline-block;
    vertical-align: top;
    margin-left: -2px;
    margin-right: 2px
}
#em-page #stepscontent .btnnext span {
    text-indent: -9999px;
    font-size: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #000;
    display: inline-block;
    vertical-align: top;
    margin-right: -2px;
    margin-left: 2px
}
#em-page #stepscontent .step {
    width: 100%
}
#em-page #stepscontent .stepbody {
    padding: 0 15px;
    font-size: 12px;
    word-break: break-word
}

/* ----- JSCROLLPANE LIB ----- */

#em-page .jspContainer,
.em-dlg-content .jspContainer {
    overflow: hidden;
    position: relative;
    -ms-touch-action: pinch-zoom;
}
#em-page .jspPane,
.em-dlg-content .jspPane {
    position: relative
}
#em-page .jspVerticalBar,
.em-dlg-content .jspVerticalBar {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 9px
}
#em-page .index-body .jspVerticalBar,
.em-dlg-content .index-body .jspVerticalBar {
    width: 5px
}
#em-page .jspHorizontalBar,
.em-dlg-content .jspHorizontalBar {
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    visibility: hidden;
    width: 100%
}
#em-page .jspCap,
.em-dlg-content .jspCap {
    display: none
}
#em-page .jspHorizontalBar .jspCap,
.em-dlg-content .jspHorizontalBar .jspCap {
    float: left
}
#em-page .jspTrack,
.em-dlg-content .jspTrack {
    background: #dde;
    position: relative
}
#em-page .jspDrag,
.em-dlg-content .jspDrag {
    background: #bbd;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0
}
#em-page .jspHorizontalBar .jspTrack,
#em-page .jspHorizontalBar .jspDrag,
.em-dlg-content .jspHorizontalBar .jspTrack,
.em-dlg-content .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}
#em-page .jspArrow,
.em-dlg-content .jspArrow {
    background: #50506d;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -20000px
}
#em-page .jspArrow.jspDisabled,
.em-dlg-content .jspArrow.jspDisabled {
    background: #80808d;
    cursor: default
}
#em-page .jspVerticalBar .jspArrow,
.em-dlg-content .jspVerticalBar .jspArrow {
    height: 5px
}
#em-page .jspHorizontalBar .jspArrow,
.em-dlg-content.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 5px
}
#em-page .jspVerticalBar .jspArrow:focus,
.em-dlg-content .jspVerticalBar .jspArrow:focus {
    outline: none
}
#em-page .jspCorner,
.em-dlg-content .jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}
html.ie6 #em-page .jspCorner,
html.ie6 .em-dlg-content .jspCorner {
    margin: 0 -3px 0 0
}

/* ----- JSCROLLPANE ----- */

#em-page .jspTrack,
.em-dlg-content .jspTrack {
    background: none
}
#em-page .index-body .jspTrack,
.em-dlg-content .index-body .jspTrack {
    background: #f5f3f1
}
#em-page .jspDrag,
.em-dlg-content .jspDrag {
    background: #000;
    width: 6px;
    margin-left: 3px
}
#em-page .index-body .jspDrag,
.em-dlg-content .index-body .jspDrag {
    width: 6px;
    margin-left: 0px
}

/* ----- PRINT ----- */

@media print {
    body {
        background: none!important
    }
    #em-page .jspPane {
        position: static!important;
        width: 100%!important
    }
    #em-page .jspContainer,
    #em-page #waylist,
    #em-page #aside {
        height: auto!important;
        overflow: visible!important;
        width: 100%!important
    }
    #em-page .tablet .map {
        margin-left: 25px
    }
    #em-page #searchform,
    #em-page .btnsmap,
    #em-page #indexes,
    #em-page #breadcrumbs,
    #em-page .btn,
    #em-page .btnsub,
    #em-page #page-title {
        display: none;
        visibility: hidden
    }
    #em-page #wayinfo {
        border-bottom: 5px solid #000;
        color: #000
    }
    #em-page #waylist li {
        border-bottom: 1px solid #888
    }
}

/* =============================================================================
 * + Media tablette
 * =============================================================================
 */
@media only screen and (max-width: 1025px) {
    /* ----- GLOBAL ----- */
    body,
    #em-page input,
    #em-page select,
    #em-page textarea,
    #em-page button,
    .em-dlg-content input,
    .em-dlg-content select,
    .em-dlg-content textarea,
    .em-dlg-content button {
        font-size: 14px
    }
    body {
        border-top: none
    }
    #em-page #page {
        width: 100%
    }
    #em-page #wrapper {
        margin-bottom: 20px
    }
    #em-page #breadcrumbs {
        display: none
    }
    #em-page #page-title h1 {
        font-size: 25px
    }
    #em-page #aside,
    #em-page #agencies #em-page #waylist {
        clear: both;
        float: none;
        height: auto;
        width: 100%;
        margin-top: 10px
    }
    #em-page #content {
        padding: 0 50px
    }
    #em-page #copyright {
        margin-right: 50px;
        color: #FFF;
        display: none
    }
    #em-page #searchform {
        height: 124px;
        margin-bottom: 0;
        margin-left: 0;
    }
    #em-page #searchform .em-searchform-inner {
        height: 68px;
    }
    #em-page #searchform .field {
        margin-right: 0
    }
    #em-page #searchform .searchbloc {
        clear: both;
        width: 100%
    }
    #em-page #searchform .searchbloc .bloc {
        width: 23%
    }
    #em-page #searchform .searchbloc .bloc.searchtext {
        width: 45%;
        float: right
    }
    #em-page #searchform .searchbloc .btnlocalize {
        padding: 8px 0;
        width: 100%
    }
    #em-page #searchform .searchbloc #fieldsearchcountry {
        width: 100%
    }
    #em-page form .bloc.opensunday {
        float: none;
        clear: both
    }
    #em-page #fieldsearchcheckbox {
        margin-left: 0
    }
    #em-page #searchform #searchcountry {
        width: 100%
    }
    #em-page #searchform #fieldsearchtext {
        width: 100%
    }
    #em-page #wayform #fieldwaytext {
        width: 270px
    }
    #em-page #searchform .searchbloc .bloc:last-child {
        width: 43%;
        margin-left: 10px
    }
    #em-page #searchform .field input[type=text] {
        max-width: 80%;
        width: inherit
    }
    #em-page .photobackground {
        top: inherit
    }
    body.search #em-page #content,
    body.region #em-page #content {
        height: auto
    }
    body.home #em-page .text-content,
    #em-page #searchform,
    #em-page #wrapper {
        width: 100%
    }
    #em-page .iti.block #content {
        padding: 0
    }
    .em-dlg-content #wayform h3 {
        font-size: 16px
    }
    .em-dlg-content #wayform .paneltoswap .bloc {
        top: 8px
    }
    .em-dlg-content #wayform .paneltoswap .bloc:last-child {
        top: -21px
    }
    /* ----- HOME ----- */
    body.home #em-page .text-content {
        height: auto;
        padding: 20px;
        border: 2px solid #000;
    }
    body.home #em-page #content p:first-child {
        margin-top: 10px
    }
    body.home #em-page #aside {
        display: none!important
    }
    #em-page .map {
        clear: both;
        float: none;
        width: 100%
    }
    #em-page .tooltip.pois .tooltip-body,
    #em-page .tooltip .slider-ctn .poi {
        width: 265px
    }
    #em-page .tooltip .cluster .headpoi .info {
        width: 230px
    }
    #em-page #homemap {
        clear: both;
        width: 100%
    }
    #em-page #searchform #fieldsearchregion input {
        width: 95px
    }
    #em-page #indexes,
    #em-page .btnsmap .btnfullscreen,
    #em-page .btnsmap .btnrefresh {
        display: none
    }
    /* ----- SEARCH ----- */
    body.search #em-page #wrapper,
    body.region #em-page #wrapper {
        height: auto;
    }
    #em-page .agencyblock {
        width: 70%;
    }
    #em-page .agencyinfos {
        width: 100%;
    }
    #em-page #agencies .agencyinfos {
        padding-left: 65px
    }
    /* ----- TOOLTIP ----- */
    #em-page #tooltip .agencyinfos {
        padding-left: 65px;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    /* ----- DETAIL ----- */
    body.detail.tablet #em-page #aside {
        display: block!important
    }
    body.detail #em-page .back {
        margin-top: 5px
    }
    body.detail #em-page .agencylogo {
        background: url(../img/sd/logo-detail-mob.png) no-repeat center;
        background-size: 160px auto;
        width: 160px;
        height: 33px;
        margin-top: 5px
    }
    body.detail #em-page #aside {
        margin-top: 0
    }
    body.detail #em-page .agencyaction #newsletterform {
        float: none;
        margin-left: 30px
    }
    body.detail #em-page .agency {
        width: 100%;
        height: inherit;
        min-height: inherit;
        margin-bottom: 15px
    }
    body.detail #em-page .agencytitle {
        height: 45px
    }
    body.detail #em-page .fb-like {
        margin-top: 10px
    }
    body.detail #em-page .agencydata {
        width: 60%
    }
    body.detail #em-page .agencyphoto {
        float: none;
        clear: both;
        width: 100%
    }
    body.detail #em-page .photodetail-special {
        width: auto;
        height: 100%;
        margin-left: 0
    }
    body.detail #em-page .photodetail {
        margin: auto;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        min-height: 250px;
        max-height: 400px
    }
    body.detail #em-page .agencyservices {
        font-size: 12px
    }
    body.detail #em-page .agencyservices li .serviceslivraison {
        width: 160px
    }
    body.detail #em-page .agencyservices li .servicescarte {
        width: 85px;
        top: 15px;
    }
    body.detail #em-page .agencyservices li .servicesretouch {
        width: 105px;
    }
    body.detail #em-page .agencyservices li .servicespaiement {
        width: 115px;
        top: 16px;
    }
    body.detail #em-page .agencyservices li .servicesrdv {
        width: 125px;
        top: 7px;
    }
    body.detail #em-page .agencyservices .icoservices {
        margin-right: 7px;
    }
    body.detail #em-page .agencyservices .retouch {
        margin-right: 0
    }
    body.detail #em-page .agencyservicesblock .iti {
        height: auto
    }
    #em-page .iti.block #page {
        background: none
    }
    #em-page .iti.block #wayform #mode {}
    #em-page .iti.block #wayform #departure {}
    #em-page .iti.block #wayform .paneltoswap .bloc:last-child {
        float: left;
        width: 100%
    }
    #em-page .iti.block #wayform #fieldwaycountry {
        width: 35%
    }
    #em-page .iti.block #wayform #waycountry {
        width: 100%
    }
    #em-page .iti.block #wayform #fieldwaytext {
        width: 61%
    }
    #em-page .iti.block #wayform .field input[type=text] {
        width: 80%
    }
    #em-page #wayform h4,
    .em-dlg-content #wayform h4 {
        margin-top: 5px;
    }
    body.detail #em-page .agencyschedule {
        width: 95%
    }
    body.detail #em-page .column {
        display: inline-block;
        width: 48%;
        vertical-align: top;
        float: left
    }
    body.detail #em-page .day {
        margin: 10px 0
    }
    body.detail #em-page .day.d1,
    body.detail #em-page .day.d4 {
        margin-top: 0
    }
    body.detail #em-page .titleday,
    body.detail #em-page .infoday {}
    body.detail #em-page .agencybloc {
        min-height: inherit
    }
    body.detail #em-page .agencyblocex {
        width: 100%;
        padding-bottom: 15px
    }
    body.detail #em-page .agencyblocex .agencytimes {
        width: 100%;
        float: none;
        border-right: none;
        padding-right: 0px;
        margin-right: 0
    }
    body.detail #em-page .agencyblocex .agencytimesspecial {
        width: 100%;
        float: none;
        margin-top: 15px;
        clear: both
    }
    #em-page #emailform button,
    #em-page #newsletterform button {
        font-size: 12px
    }
    /* ----- WAYMAP ----- */
    body.way #em-page #content,
    body.way #em-page #wrapper {
        height: auto
    }
}

/* =============================================================================
 * + Media mobile
 * =============================================================================
 */
@media only screen and (max-width: 820px) {
    body,
    #em-page input,
    #em-page select,
    #em-page textarea,
    #em-page button,
    .em-dlg-content input,
    .em-dlg-content select,
    .em-dlg-content textarea,
    .em-dlg-content button {
        font-size: 14px;
    }
    #em-page #main {
        width: auto;
    }
    #em-page select,
    #em-page #searchform #fieldsearchtext,
    #em-page #wayform #fieldwaytext,
    .em-dlg-content select,
    .em-dlg-content #searchform #fieldsearchtext,
    .em-dlg-content #wayform #fieldwaytext,
    #em-page #wayform #fieldwaydate {
        /*border:2px solid #e2dfdd*/
    }
    #em-page .photobackground {
        background-position: 50% 0;
    }
    body.home #em-page #content {
        height: auto;
    }
    body.home #em-page .text-content,
    #em-page #searchform,
    #em-page #wrapper {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        filter: none;
        padding: 0;
        height: auto;
    }
    #em-page .fixfixed #page-title {
        position: absolute;
    }
    #em-page .btn {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    #em-page .btnlocalize span:last-child {
        font-size: 16px;
    }
    .em-dlg-popin {
        max-width: 300px;
        min-width: 220px;
    }
    #em-page .ms,
    .em-dlg-content .ms {
        display: block;
    }
    #em-page .ms.inline,
    .em-dlg-content .ms.inline {
        display: inline;
    }
    body.search #em-page #wrapper,
    body.region #em-page #wrapper {
        padding: 0
    }
    #em-page .map {
        height: 350px;
    }
    #em-page .map .leaflet-bar {
        border: 1px solid #000;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        /*border: 2px solid rgba(0, 0, 0, 0.2);*/
    }
    #em-page .map .leaflet-bar a {
        color: #000;
        width: 30px;
        height: 30px;
        /*-webkit-border-radius: 4px!important;
        -moz-border-radius: 4px!important;
        border-radius: 4px!important;*/
    }
    #em-page .map .leaflet-bar .leaflet-control-zoom-in {
        line-height: 30px;
/*        -webkit-border-bottom-left-radius: 0px!important;
        -moz-border-bottom-left-radius: 0px!important;
        border-bottom-left-radius: 0px!important;
        -webkit-border-bottom-right-radius: 0px!important;
        -moz-border-bottom-right-radius: 0px!important;
        border-bottom-right-radius: 0px!important;*/
    }
    #em-page .map .leaflet-bar .leaflet-control-zoom-out {
        line-height: 26px;
/*        -webkit-border-top-left-radius: 0px!important;
        -moz-border-top-left-radius: 0px!important;
        border-top-left-radius: 0px!important;
        -webkit-border-top-right-radius: 0px!important;
        -moz-border-top-right-radius: 0px!important;
        border-top-right-radius: 0px!important;*/
    }
    #em-page .map .leaflet-bar .leaflet-bar-part {
        line-height: 32px
    }
    #em-page .map .leaflet-bar a:hover {
        color: #fff;
    }
    #em-page #content {
        padding: 0;
    }
    #em-page #wrapper {
        margin-bottom: 0;
    }
    #em-page #page-title {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 0;
        padding: 10px;
        display: none;
    }
    #em-page #page-title .btnswap {
        margin: -6px 0 -6px 20px;
    }
    #em-page #page-title h1 {
        color: #000;
    }
    #em-page #page-title .description {
        display: block;
        line-height: 2px;
        display: none;
    }
    #em-page #page-title h1 {
        font-size: 20px;
    }
    #em-page #main {
        min-height: 100px;
        padding: 5px 25px;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: inherit;
    }
    #em-page #aside {
        position: relative;
        z-index: 2;
        background: #FFF;
        margin-top: 0;
    }
    #em-page #searchform {
        display: none;
        padding: 5px;
    }
/*    #em-page #searchform .btn:hover,
    #em-page #wayform .btnlocalize:hover,
    #em-page #wayform .btn.submit.ms:hover,
    #em-page .btnway.btn.ms:hover,
    #em-page #stepsmargin .btn:hover,
    .em-dlg-content #wayform .btnlocalize:hover,
    .em-dlg-content #wayform .btn.submit.ms:hover,
    .em-dlg-content .btnway.btn.ms:hover {
        background: #333;
    }*/
    /* -------------------------------------
     * - Formulaire de recherche
     * -------------------------------------
     */
    #em-page #searchform .em-searchform-inner {
        height: auto;
        padding: 20px;
    }
    #em-page #searchform .searchbloc #fieldsearchtext {
        width: 100%;
        margin: 0;
        margin-top: 10px;
        margin-bottom: 30px
    }
    #em-page #searchform .field {
        margin-bottom: 10px;
        margin-right: 0
    }
    #em-page #searchform .field input[type=text] {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        float: left;
        padding: 7px 5px;
        width: 100%;
        max-width: inherit;
        height: 36px
    }
    #em-page #searchform button,
    #em-page #wayform button,
    .em-dlg-content #wayform button {
        width: 34px;
        height: 34px;
    }
    #em-page #searchform button.ms,
    #em-page .btnway.btn.ms,
    #em-page #wayform .btn.submit.ms,
    .em-dlg-content .btnway.btn.ms,
    .em-dlg-content #wayform .btn.submit.ms {
        float: none;
        display: block;
        width: 100%;
        height: 40px;
        margin-top: 30px;
        text-indent: inherit;
        text-align: center;
        font-family: "Futura", "Helvetica", "Arial", sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        background-image: none;
    }
    #em-page #searchform #fieldsearchtext button,
    #em-page #wayform #fieldwaytext button,
    .em-dlg-content #wayform #fieldwaytext button {
        display: none;
    }
    #em-page #searchform #fieldsearchcheckbox {
        text-align: left;
        display: none
    }
    #em-page form h4 {
        font-size: 16px;
        float: none;
        clear: both;
        margin: 0;
        padding: 12px;
        font-weight: normal;
    }
    #em-page #searchform .searchbloc .bloc {
        width: 100%
    }
    #em-page #searchform .searchbloc .bloc.searchtext {
        width: 100%;
        margin-left: 0
    }
    #em-page #page,
    #em-page #aside,
    #em-page #agencies,
    #em-page .map {
        width: 100%
    }
    #em-page #breadcrumbs,
    #em-page #copyright,
    #em-page .btn.off,
    #em-page .btnsmap .btnbackcartoclic,
    #em-page #searchform #fieldsearchregion input {
        display: none
    }
    #em-page .leaflet-control-attribution.leaflet-control {
        font-size: 10px
    }
    /* ----- AUTOCOMPLETE ----- */
    .ui-front {
        width: 245px
    }
    /* HOME */
    body.home #em-page #main {
        padding: 25px;
        width: 100%;
        height: 390px
    }
    body.home #em-page #searchform {
        display: block;
        height: inherit;
        margin: 0;
        /*padding:15px 10px;*/
        margin-top: 3%
    }
    body.home #em-page .text-content {
        display: none
    }
    body.home #em-page #content p:first-child {
        font-size: 25px
    }
    #em-page #homemap,
    body.home #em-page #aside {
        display: none!important
    }


    /* SEARCH */
    #em-page .btnsmap .btn {
        width: auto
    }
    #em-page .btnswap {
        float: right;
        width: 100%;
        padding: 0;
        background: #000;
        border: none;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box
    }
    #em-page .btnswap:hover {
        background-color: #333;
    }
    #em-page .btnswap a {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;

        font-weight: normal;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
        background: none;
        border: none;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    #em-page .btnsmap span, #em-page .btnswap .swaptitle {
        position: static;
        display: block;
        line-height: 40px;
        height: auto;
    }

    #em-page .btnswap .left,
    #em-page .btnswap .right {
        position: absolute;
        top: 50%;
        margin-top: -7px;
    }

    #em-page .btnswap .left {
        left: 10px;
    }

    #em-page .btnswap .right {
        right: 10px;
    }

    #em-page .btnsmap .btnwatchposition {
        display: block
    }

    #em-page .btnsmap .btnrefresh {
        display: none
    }

    #em-page #agencies {
        padding: 50px 10px 10px;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px
    }
    #em-page #agencies .agencyhoraires {
        width: inherit
    }
    #em-page #agencies .agencyinfos {
        width: inherit;
        padding-left: 55px
    }
    #em-page .agencydistance {
        font-size: 11px
    }
    /* TOOLTIP */
    #em-page .tooltip .btnclose {
        float: right;
        margin: 5px;
        width: auto
    }
    #em-page .tooltip .linkrdv {
        clear: both;
        margin-left: 0;
        margin-top: 10px
    }
    #em-page .leaflet-popup .btn {
        width: auto
    }
    #em-page #tooltip {
        font-size: 12px
    }
    #em-page #tooltip .agencyinfos {
        padding-left: 55px
    }
    /* DETAIL */
    #em-page .btnsocial a {
        display: inline-block;
        width: auto
    }
    #em-page .btnsub {
        display: none
    }
    #em-page .btnway {
        margin-top: 20px
    }
    #em-page .btnway.btn.ms {
        border: none;
        margin-top: 0;
        padding: 10px 20px;
        font-weight: 400;
    }
    body.detail #em-page #wrapper {
        background: #FFF
    }
    body.detail #em-page #aside {
        height: auto
    }
    body.detail #em-page .agency {
        padding-bottom: 20px;
        height: inherit;
        min-height: inherit;
        padding: 10px;
        margin-bottom: 0
    }
    body.detail #em-page .btnsmap .btnfullscreen {
        display: block
    }
    body.detail #em-page .back {
        display: none
    }
    body.detail #em-page #page-title {
        margin-bottom: 0
    }
    body.detail #em-page .agencytitle {
        height: 40px
    }
    body.detail #em-page .agencylogo {
        background: url(../img/sd/logo-detail-mob.png)no-repeat center;
        background-size: 160px auto;
        width: 160px;
        height: 33px;
        margin-top: 0
    }
    body.detail #em-page .fb-like {
        margin-top: 0;
        display: none
    }
    body.detail #em-page .agencydata {
        margin-bottom: 5px;
        width: inherit;
        padding-left: 30px;
        display: block;
        box-sizing: border-box
    }
    body.detail #em-page .agencyinfos {
        margin-top: 0
    }
    body.detail #em-page .agencytel {
        float: none;
        clear: both
    }
    body.detail #em-page .agencytel .icotel {
        margin-left: 5px;
        margin-right: 12px
    }
    body.detail #em-page .agencyaction #newsletterform {
        float: none;
        margin-top: 15px;
        margin-left: 0
    }
    body.detail #em-page .agencyaction form {
        width: 100%
    }
    body.detail #em-page .agencytitleschedule {
        padding-top: 10px
    }
    body.detail #em-page .agencyschedule {
        padding-left: 0
    }
    body.detail #em-page .icoschedule {
        display: none
    }
    body.detail #em-page .column {
        display: block;
        width: 100%;
        float: none
    }
    body.detail #em-page .day {
        margin: 5px 0
    }
    body.detail #em-page .agencyblocex {
        padding: 10px 0
    }
    body.detail #em-page .agencyservices {
        padding: 10px;
        padding-top: 0;
        font-size: 13px
    }
    body.detail #em-page .agencyservicestitle {
        display: none
    }
    body.detail #em-page .agencyservicesblock .presentation,
    body.detail #em-page .agencyservicesblock .services {
        display: block
    }
    body.detail #em-page .agencyservices li {
        width: 100%;
        padding: 5px
    }
    body.detail #em-page .agencyservices li span:last-child {
        width: 165px
    }
    body.detail #em-page .agencyservices .icoservices {
        margin-right: 10px
    }
    body.detail #em-page .agencyservices .retouch {
        margin-right: 10px
    }
    body.detail #em-page .agencytitleservices {
        display: block;
        margin-bottom: 5px
    }
    body.detail #em-page .agencyphoto {
        display: none
    }
    body.detail #em-page .map {
        margin-top: 5px
    }
    body.detail #em-page #agencytitlemap {
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 15px
    }
    body.detail #em-page .presentation .block2 {
        display: none
    }
    body.detail #em-page .presentation .block1 a {
        text-decoration: underline;
        color: blue
    }
    body.detail #em-page .presentation .block1 span {
        display: inline
    }
    #em-page #emailform button,
    #em-page #newsletterform button {
        width: 40px
    }
    /* WAYFORM */
    #em-page #wayform {
        display: block;
        padding: 10px;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    #em-page form .bloc,
    #em-page #wayform .paneltoswap .bloc:last-child {
        float: none
    }
    #em-page #wayform #mode,
    #em-page #wayform #departure,
    #em-page #wayform.transport #datetime {
        width: 100%;
        display: block
    }
    #em-page #wayform #mode {}
    #em-page #wayform #departure {
        margin-top: 0;
        margin-bottom: 10px
    }
    #em-page #wayform .btnlocalize {
        margin-top: 0;
        width: 100%
    }
    #em-page #wayform .modeblock {
        margin-top: 5px
    }
    #em-page #wayform .field input[type=text] {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: none;
        height: 36px
    }
    #em-page #wayform .field,
    #em-page #wayformbuttons a {
        float: none;
    }
    #em-page #wayform #datetime h4 {
        display: none;
    }
    #em-page #wayform #fieldwaydate {
        margin-top: 5px;
    }
    #em-page #mode .field {
        float: left;
        width: auto;
    }
    #em-page #fieldwaypedestrian.btn {
        margin-right: 25px;
    }
    #em-page #fieldwaycity,
    #em-page #wayformbuttons button,
    .em-dlg-content #wayformbuttons button {
        margin: 10px 0 0;
    }
    #em-page #wayform #waycountry {
        width: 100%;
    }
    #em-page #wayform #fieldwaytext {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    #em-page #wayform #arrival,
    #em-page #wayform #wayformbuttons {
        display: block;
    }
    #em-page #wayform h4 {
        text-align: center;
        font-style: inherit;
    }
    #em-page #wayform h4:first-child {
        display: none;
    }
    #em-page #wayform .info {
        text-align: left;
    }
    #em-page #wayform .agencylogo {
        background: url(../img/sd/logo-detail-mob.png) no-repeat center;
        background-size: 160px auto;
        width: 160px;
        height: 33px;
        margin-bottom: 5px;
    }
    #em-page #wayform .btn.submit.ms,
    .em-dlg-content #wayform .btn.submit.ms {
        margin-top: 10px;
    }
    #em-page #wayform #linkinvert {
        display: none;
    }
    #em-page #wayform .fieldscont {
        display: table;
        width: 100%;
        margin-bottom: 5px;
    }
    #em-page #wayform #datetime .field {
        display: table-cell;
        padding-right: 5px;
    }
    #em-page #wayform #datetime #fieldwaydate {
        display: block;
        width: 100%;
        float: none;
    }
    #em-page #wayform #waydate,
    .em-dlg-content #wayform #waydate {
        width: 100%;
    }
    #em-page #wayform #datetime #fieldwayminute {
        padding-right: 0;
    }
    .ui-datepicker a {
        font-size: 1em;
    }
    #em-page #wayhour,
    .em-dlg-content #wayhour,
    #em-page #wayminute,
    .em-dlg-content #wayminute {
        width: 100%;
    }
    /* WAY */
    #em-page #wayinfo {
        background: none;
        color: inherit;
        text-align: center;
        clear: both;
        font-size: inherit;
    }
    #em-page #waylist li {
        line-height: 18px;
    }
    #em-page #wayinfo .info {
        margin-top: 5px;
        display: none;
    }
    #em-page #waylist,
    #wayinfo {
        padding: 10px;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #em-page #waylist .time,
    #waylist .distance {
        float: right;
        font-style: italic;
        text-align: right;
    }
    #em-page #waylist .time {
        margin-left: 10px;
        width: inherit;
        margin-bottom: 0;
        margin-right: 0;
    }
    #em-page #waylist .distance {
        margin-left: 20px;
        width: inherit;
        margin-bottom: 0;
    }
    #em-page #waybtnsub,
    #em-page #waylist .btn {
        display: none
    }
    #em-page .btnswap #wayinfo {
        padding: 0
    }
    body.way #em-page .stepnav .btn {
        padding: 5px 10px;
    }
    body.way #em-page .stepnav .btn:hover {
        background: #FFF;
    }
}
@media only screen and (max-width: 500px) {
    #em-page .agency .agencyblock,
    #em-page .agency .links {
        float: none;
    }
    #em-page .agency .links {
        width: 100%;
        margin-top: 10px;
    }
    #em-page .agencyblock {
        width: 100%;
    }
    body.way #em-page #aside {
        font-size: 12px;
    }
    body.way #em-page .btnlist .arrow {
        top: 10px;
    }
    #em-page #tooltip .poi {
        line-height: 14px;
    }
    #em-page #tooltip .agencyaddress {
        margin-top: 2px;
    }
    #em-page #tooltip .agencyblock {
        width: 100%;
    }
    #em-page #tooltip .agencyposition {
        margin-bottom: 5px;
    }
    #em-page #tooltip .agencyinfos {
        margin-bottom: 0;
    }
    #em-page #tooltip .agencytel {
        margin: 3px 0;
        padding-top: 0;
    }
    #em-page #tooltip .links {
        float: none;
        clear: both;
    }
    #em-page #tooltip .agencypicture {
        display: none;
    }
    #em-page #tooltip .btn {
        display: inline-block!important;
        margin: 0!important;
        color: inherit;
    }
    #em-page #tooltip .linkmore.btn {
        margin-right: 30px!important;
        margin-top: 5px!important;
    }
    #em-page #tooltip .btnway.btn {
        margin-top: 5px!important;
    }
    #em-page #waylist {
        margin-top: 0;
    }
    #em-page #steps .linkstep span {
        font-size: 12px;
    }
}

/* COOKIE BAR */

#em-page #cookie-bar {
    bottom: 0;
    background: #eeeeee;
    height: auto;
    width: auto;
    color: #333333;
    text-align: left;
    padding: 5px 30px 5px 20px;
    z-index: 10000;
    margin: 0;
    border-bottom: 1px solid white;
    position: relative
}
#em-page #cookie-bar p {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #333333;
}
#em-page #cookie-bar a {
    color: black;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    padding: 0;
    margin: 2px 0px;
}
#em-page #cookie-bar .cb-enable {
    background-color: white;
    color: red;
    padding: 2px 6px;
    top: 4px;
    right: 5px;
    position: absolute
}
#em-page #cookie-bar .cb-disable {
    background: #990000;
}
#em-page #cookie-bar .cb-disable:hover {
    background: #bb0000;
}
#em-page #cookie-bar .cb-policy {
    background: none;
    text-decoration: underline
}
#em-page #cookie-bar .cb-policy:hover,
#em-page #cookie-bar .cb-enable:hover {
    text-decoration: underline
}

/* CLUSTER */

#em-page .leaflet-cluster-anim .leaflet-marker-icon,
#em-page .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

/* MARKERS */

#em-page .marker-cluster,
#em-page .marker-icon {
    text-align: center;
    font: 16px "Futura", "Helvetica", "Arial", sans-serif;
    line-height: 20px;
    letter-spacing: -1px;
    color: #fff;
}
#em-page .marker-cluster {
    width: 44px !important;
    height: 28px !important;
    padding: 5px 0 0;
    background: url(../img/sd/picto-cluster.png) no-repeat 0 0;
}
#em-page .marker-icon {
    width: 42px !important;
    height: 34px !important;
    padding: 5px 3px 0 0;
    background: url(../img/sd/picto-poi.png) no-repeat 0 0;
}
#em-page .marker-icon-detail {
    width: 64px !important;
    height: 48px !important;
    padding: 5px 3px 0 0;
    background: url(../img/sd/picto-poi-logo.png) no-repeat 0 0;
}
#em-page .target-icon {
    background: url(../img/sd/picto-cible.png) no-repeat left top;
    width: 13px!important;
    height: 13px!important
}
#em-page .step-icon {
    background: url(../img/sd/picto-step.png) no-repeat left top;
    width: 15px!important;
    height: 28px!important
}
#em-page .me-icon {
    background: url(../img/sd/picto-me.png) no-repeat left top;
    width: 15px !important;
    height: 15px !important;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}
@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}
@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

/* ----- 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) {
    #em-page .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
    }
    #em-page .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
    }
    #em-page .btnbackcartoclic span {
        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
    }
    #em-page .btnrefresh span {
        background-image: url(../img/hd/ico-reload.png);
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }
    #em-page .btnwatchposition span {
        background-image: url(../img/hd/ico-watch-position.png);
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }
    #em-page .btnfullscreen span {
        background-image: url(../img/hd/ico-fullscreen.png);
        -moz-background-size: 20px 40px;
        -o-background-size: 20px 40px;
        -webkit-background-size: 20px 40px;
        background-size: 20px 40px
    }
    #em-page .leaflet-container a.leaflet-popup-close-button {
        background-image: url(../img/hd/ico-close.png);
        -moz-background-size: 10px 10px;
        -o-background-size: 10px 10px;
        -webkit-background-size: 10px 10px;
        background-size: 10px 10px
    }
    #em-page .tooltip .btnclose span,
    .em-dlg-popin-close span {
        background-image: url(../img/hd/ico-close2.png);
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }
    #em-page .btnlocalize .picto,
    .em-dlg-content .btnlocalize .picto {
        background-image: url(../img/hd/ico-geoloc.png);
        -moz-background-size: 18px 22px;
        -o-background-size: 18px 22px;
        -webkit-background-size: 18px 22px;
        background-size: 18px 22px
    }
    #em-page #searchform button,
    #em-page #wayform button,
    .em-dlg-content #wayform button {
        background-image: url(../img/hd/ico-loupe.png);
        -moz-background-size: 16px 18px;
        -o-background-size: 16px 18px;
        -webkit-background-size: 16px 18px;
        background-size: 16px 18px
    }
    body.detail #em-page .agencylogo,
    #em-page #wayform .agencylogo {
        background-image: url(../img/hd/logo-detail-mob.png);
        -moz-background-size: 160px 33px;
        -o-background-size: 160px 33px;
        -webkit-background-size: 160px 33px;
        background-size: 160px 33px
    }
    #em-page #fieldsearchcheckbox #searchcheckbox,
    #em-page #mode .btn .checkbox,
    .em-dlg-content #mode .btn .checkbox {
        background-image: url(../img/hd/ico-mode.png);
        -moz-background-size: 21px 21px;
        -o-background-size: 21px 21px;
        -webkit-background-size: 21px 21px;
        background-size: 21px 21px
    }
    #em-page #fieldsearchcheckbox.checked #searchcheckbox,
    #em-page #mode .checked.btn .checkbox,
    .em-dlg-content #mode .checked.btn .checkbox {
        background-image: url(../img/hd/ico-modechecked.png);
        -moz-background-size: 21px 21px;
        -o-background-size: 21px 21px;
        -webkit-background-size: 21px 21px;
        background-size: 21px 21px
    }
    #em-page #fieldwaycar.btn .icocar,
    .em-dlg-content #fieldwaycar.btn .icocar {
        background-image: url(../img/hd/ico-car.png);
        -moz-background-size: 42px 13px;
        -o-background-size: 42px 13px;
        -webkit-background-size: 42px 13px;
        background-size: 42px 13px
    }
    #em-page #fieldwaypedestrian.btn .icopedestrian,
    .em-dlg-content #fieldwaypedestrian.btn .icopedestrian {
        background-image: url(../img/hd/ico-pedestrian.png);
        -moz-background-size: 13px 20px;
        -o-background-size: 13px 20px;
        -webkit-background-size: 13px 20px;
        background-size: 13px 20px
    }
    #em-page .links .ico-loupe {
        background-image: url(../img/hd/ico-loupe.png);
        -moz-background-size: 16px 18px;
        -o-background-size: 16px 18px;
        -webkit-background-size: 16px 18px;
        background-size: 16px 18px
    }
    #em-page .links .ico-way {
        background-image: url(../img/hd/ico-way.png);
        -moz-background-size: 15px 13px;
        -o-background-size: 15px 13px;
        -webkit-background-size: 15px 13px;
        background-size: 15px 13px
    }
    body.detail #em-page .agencytel .icotel {
        background-image: url(../img/hd/ico-tel.png);
        -moz-background-size: 13px 18px;
        -o-background-size: 13px 18px;
        -webkit-background-size: 13px 18px;
        background-size: 13px 18px
    }
    body.detail #em-page .icohome {
        background-image: url(../img/hd/ico-home.png);
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }
    body.detail #em-page .icoschedule {
        background-image: url(../img/hd/ico-schedule.png);
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }
    body.detail #em-page .agencyservices .livraison {
        background-image: url(../img/hd/ico-livraison.png);
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px
    }
    body.detail #em-page .agencyservices .carte {
        background-image: url(../img/hd/ico-carte.png);
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px
    }
    body.detail #em-page .agencyservices .retouch {
        background-image: url(../img/hd/ico-retouche.png);
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px
    }
    body.detail #em-page .agencyservices .paiement {
        background-image: url(../img/hd/ico-paiement.png);
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px
    }
    body.detail #em-page .agencyservices .rdv {
        background-image: url(../img/hd/ico-rdv.png);
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px
    }
    #em-page .btnlist .arrow {
        background-image: url(../img/hd/ico-arrowswap-up.png);
        -moz-background-size: 20px 14px;
        -o-background-size: 20px 14px;
        -webkit-background-size: 20px 14px;
        background-size: 20px 14px
    }
    #em-page .btnmap .arrow {
        background-image: url(../img/hd/ico-arrowswap-down.png);
        -moz-background-size: 20px 14px;
        -o-background-size: 20px 14px;
        -webkit-background-size: 20px 14px;
        background-size: 20px 14px
    }
    #em-page #tooltip .leaflet-popup-close-button .icoclosemap {
        background-image: url(../img/hd/ico-close-mob.png);
        -moz-background-size: 15px 15px;
        -o-background-size: 15px 15px;
        -webkit-background-size: 15px 15px;
        background-size: 15px 15px
    }
    #em-page #fieldsearchcountry:after,
    #em-page #fieldwaycountry:after,
    .em-dlg-content #fieldsearchcountry:after,
    .em-dlg-content #fieldwaycountry:after.em-dlg-content #fieldwaycountry:after {
        background-image: url(../img/hd/ico-arrow-search.png);
        -moz-background-size: 16px 10px;
        -o-background-size: 16px 10px;
        -webkit-background-size: 16px 10px;
        background-size: 16px 10px
    }
    #em-page #aside .showmore span {
        background-image: url(../img/hd/ico-arrow-down.png);
        -moz-background-size: 45px 11px;
        -o-background-size: 45px 11px;
        -webkit-background-size: 45px 11px;
        background-size: 45px 11px
    }
    #em-page .agencypicto {
        background-image: url(../img/hd/picto-poi-list-small.png);
        -moz-background-size: 32px 27px;
        -o-background-size: 32px 27px;
        -webkit-background-size: 32px 27px;
        background-size: 32px 27px
    }
    #em-page #waylist .btn span {
        background-image: url(../img/hd/ico-zoom-step.png);
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }
    #em-page .marker-cluster {
        background-image: url(../img/hd/picto-cluster.png);
        -moz-background-size: 45px auto;
        -o-background-size: 45px auto;
        -webkit-background-size: 45px auto;
        background-size: 45px auto;
    }
    #em-page .marker-icon {
        background-image: url(../img/hd/picto-poi.png);
        -moz-background-size: 45px auto;
        -o-background-size: 45px auto;
        -webkit-background-size: 45px auto;
        background-size: 45px auto;
    }
    #em-page .marker-icon-detail {
        background-image: url(../img/hd/picto-poi-logo.png);
        -moz-background-size: 64px auto;
        -o-background-size: 64px auto;
        -webkit-background-size: 64px auto;
        background-size: 64px auto;
    }
    #em-page .target-icon {
        background-image: url(../img/hd/picto-cible.png);
        -moz-background-size: 13px 13px;
        -o-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        background-size: 13px 13px
    }
    #em-page .step-icon {
        background-image: url(../img/hd/picto-step.png);
        -moz-background-size: 15px 28px;
        -o-background-size: 15px 28px;
        -webkit-background-size: 15px 28px;
        background-size: 15px 28px
    }
    #em-page .me-icon {
        background-image: url(../img/hd/picto-me.png);
        -moz-background-size: 15px 15px;
        -o-background-size: 15px 15px;
        -webkit-background-size: 15px 15px;
        background-size: 15px 15px
    }
    #em-page #fieldwaytransport.btn .icotransport,
    .em-dlg-content #fieldwaytransport.btn .icotransport {
        background-image: url(../img/hd/ico-transport.png);
        -moz-background-size: 18px 20px;
        -o-background-size: 18px 20px;
        -webkit-background-size: 18px 20px;
        background-size: 18px 20px;
    }
}