.puce-20 {
    width: 20px
    }
.clear-both {
    display: block;
    clear: both
    }
.cache {
    display: none !important
    }
.display-block {
    display: block
    }
.display-table {
    display: table
    }
.display-table-cell {
    display: table-cell
    }
.small-font {
    font-size: 70%
    }
.medium-font {
    font-size: 85%
    }
.no-border {
    border: 0 none
    }
a {
    text-decoration: none
    }
ul, li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
    }
#global-carto {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden
    }
#overlay-loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/bundles/ayalineezcarteinteractive/images/bg_menu_black.png);
    z-index: -1
    }
#overlay-loading img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    right: 0;
    margin: auto;
    bottom: 0
    }
#google-map {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0
    }
#menu-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    /*background-color: #666565;*/
    z-index: 1;
    color: #000
    }
#menu-droite {
    position: absolute;
    top: 100px;
    right: 0;
    bottom: 0;
    width: 30px;
    /*background-color: #666565;*/
    z-index: 1
    }
#menu-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    /*background-color: #666565;*/
    z-index: 1;
    color: #FFF
    }
.section-menu {
    background: url(/bundles/ayalineezcarteinteractive/images/bg_menu_black.png);
    color: #FFF !important;
    position: relative;
    box-shadow: 0 0 5px #3b3a3a;
    -moz-box-shadow: 0 0 5px #3b3a3a;
    -webkit-box-shadow: 0 0 5px #3b3a3a;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc)
    }
.section-menu:hover, .section-menu.active {
    color: #08BFFF !important;
    position: relative;
    text-shadow: 0 0 6px #08BFFF;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc)
    }
#detail-produit {
    position: absolute;
    top: 50px;
    left: 20px;
    display: none;
    width: 240px;
    padding: 5px 10px;
    border: 2px solid #e1e1e0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc);
    background: white
    }
#detail-produit .control {
    display: block;
    border-bottom: 1px solid #e1e1e0;
    padding-bottom: 5px;
    cursor: move
    }
#detail-produit .control .puce-categorie {
    font-size: 90%;
    font-weight: bold
    }
#detail-produit .control .puce-categorie img {
    display: block;
    float: left;
    margin-right: 5px
    }
#detail-produit .control .puce-close {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    background: url(/bundles/ayalineezcarteinteractive/images/puce_close.png) no-repeat 50% 50%
    }
#detail-produit .content {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block
    }
#detail-produit .content .adresse {
    font-size: 70%;
    color: #585855;
    font-weight: normal
    }
#detail-produit .content .intitule {
    font-size: 90%;
    color: #363636;
    font-weight: normal
    }
#detail-produit .content .web-mail {
    font-size: 70%;
    font-weight: normal
    }
#detail-produit .content .web-mail a {
    color: #585855
    }
#detail-produit .content .tel-fax {
    font-size: 70%;
    color: #585855;
    font-weight: normal
    }
#detail-produit .new-photos .new-photo {
    display: block;
    float: left;
    width: 50px;
    height: 40px;
    margin: 1px
    }
#detail-produit .centre-valise .centre-carte {
    display: block;
    float: left;
    background: url(/bundles/ayalineezcarteinteractive/images/icon_centrerCarte.png) no-repeat 50% 100%;
    width: 100px;
    height: 60px
    }
#detail-produit .centre-valise .ajout-valise {
    display: block;
    float: right;
    background: url(/bundles/ayalineezcarteinteractive/images/icon_ajouterValise.png) no-repeat 50% 100%;
    width: 100px;
    height: 60px
    }
#detail-produit .centre-valise .retirer-valise {
    display: block;
    float: right;
    background: url(/bundles/ayalineezcarteinteractive/images/icon_retirerValise.png) no-repeat 50% 100%;
    width: 100px;
    height: 60px
    }
#valise-container {
    display: none;
    position: absolute;
    bottom: 30px;
    width: 250px;
    background: white;
    border: 2px solid #e1e1e0;
    border-bottom: 0 none;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc)
    }
#ma-valise {
    position: absolute;
    bottom: 0;
    left: 0
    }
#valise-titre {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 228px;
    text-align: left;
    color: #FFF;
    padding-left: 25px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-transform: uppercase;
    text-decoration: none
    }
#valise-elements {
    display: block;
    max-height: 400px;
    overflow-y: auto
    }
#valise-elements .element-valise {
    color: #585855;
    display: block;
    position: relative;
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e1e1e0
    }
#valise-elements .element-valise .valise-adresse {
    color: #585855;
    font-size: 70%;
    margin: 3px 0
    }
#valise-elements .element-valise .valise-elt-image {
    display: block;
    position: relative;
    float: left;
    width: 40px;
    max-height: 40px;
    margin-right: 5px;
    padding: 2px;
    border: 1px solid #e1e1e0
    }
#valise-elements .element-valise .valise-elt-titre {
    font-size: 80%;
    color: #343434;
    display: block;
    padding-bottom: 2px
    }
#valise-elements .element-valise .remove-valise {
    display: block;
    float: right;
    width: 10px;
    height: 9px;
    margin-top: 3px;
    cursor: pointer;
    background: url(/bundles/ayalineezcarteinteractive/images/icon_XrevmoveValise.png) no-repeat 0 0
    }
#valise-controls {
    display: table;
    width: 100%;
    text-align: center
    }
#valise-export-gpx {
    font-size: 70%;
    color: #585855;
    padding: 5px 10px 50px 10px;
    display: table-cell;
    background: url(/bundles/ayalineezcarteinteractive/images/icon_exporterValise.png) no-repeat 50% 100%;
    width: 33%;
    text-decoration: none
    }
#valise-affiche-pictos {
    font-size: 70%;
    color: #585855;
    padding: 5px 10px 50px 10px;
    display: table-cell;
    background: url(/bundles/ayalineezcarteinteractive/images/icon_afficherValise.png) no-repeat 50% 100%;
    /*    width: 33%;*/
    text-decoration: none
    }
#valise-tracer-itineraire {
    font-size: 70%;
    color: #585855;
    padding: 5px 10px 50px 10px;
    display: table-cell;
    background: url(/bundles/ayalineezcarteinteractive/images/icon_itineraireValise.png) no-repeat 50% 100%;
    /*    width: 34%;*/
    text-decoration: none
    }
#menu-droite > ul > li {
    margin-top: 0;
    position: relative
    }
#menu-droite > ul > li + li {
    margin-top: 0
    }
#menu-droite > ul > li > a, #menu-droite > ul > li > .sous-menu > ul > li > a, #menu-droite > ul > li > .sous-menu > ul > li > .sous-menu > ul > li > a {
    display: block;
    color: #FFF;
    text-decoration: none
    }
#menu-droite > ul > li > .sous-menu {
    position: absolute;
    right: 30px;
    top: 0
    }
#menu-droite > ul > li > .sous-menu > ul > li > .sous-menu {
    position: absolute;
    right: 100%;
    top: 0
    }
#menu-droite > ul > li > .sous-menu > ul > li > a {
    display: block;
    margin: 2px 0;
    display: block;
    padding-left: 55px;
    padding-top: 7px;
    padding-bottom: 7px
    }
#menu-droite > ul > li > .sous-menu > ul > li .titre-sous-menu {
    display: block;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid grey
    }
#menu-droite > ul > li > .sous-menu > ul > li .titre-sous-menu img {
    display: block;
    margin-right: 8px;
    float: left
    }
#menu-droite > ul > li > .sous-menu > ul > li .titre-sous-menu .text {
    display: block;
    padding-top: 7px
    }
#menu-droite > ul > li > .sous-menu > ul > li > a.active {
    color: #ffa405;
    text-shadow: 0 0 6px #ffa405;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc)
    }
#menu-droite .sous-menu {
    background: url(/bundles/ayalineezcarteinteractive/images/bg_menu.png);
    min-width: 200px;
    display: none;
    margin-right: 1px;
    color: #FFF;
    padding: 20px;
    position: relative;
    box-shadow: 0 0 5px #3b3a3a;
    -moz-box-shadow: 0 0 5px #3b3a3a;
    -webkit-box-shadow: 0 0 5px #3b3a3a;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc)
    }
#menu-droite .sous-menu > ul {
    display: block
    }
#menu-droite .sous-menu a {
    color: #FFF;
    display: block
    }
#menu-droite .sous-menu label {
    color: #FFF;
    white-space: nowrap
    }
#menu-droite .sous-menu label {
    color: #FFF;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    padding-right: 20px
    }
#menu-droite .sous-menu label .categ-name {
    cursor: pointer;
    display: block;
    padding-bottom: 3px
    }
#menu-droite .sous-menu label img {
    display: block;
    float: left;
    margin-right: 3px
    }
#menu-droite .sous-menu label:hover, #menu-droite .sous-menu label.active {
    color: #ffa405
    }
#afficher-titre {
    display: block;
    width: 6px;
    padding: 12px;
    text-transform: uppercase;
    word-wrap: break-word;
    margin: 1px auto;
    text-align: center
    }
#outils-titre {
    display: block;
    width: 6px;
    padding: 12px;
    text-transform: uppercase;
    word-wrap: break-word;
    margin: 1px auto;
    text-align: center
    }
.marker-geocode-infos span {
    display: block;
    font-family: "Quattrocento";
    font-size: 70%;
    font-weight: normal;
    color: #827f7f;
    text-align: left
    }
.marker-geocode-infos .geocode-titre {
    display: block;
    padding-bottom: 10px;
    font-family: "Quattrocento";
    font-size: 90%;
    font-weight: bold;
    color: #4e4c4c;
    text-align: center
    }
#directions-details {
    position: absolute;
    top: 50px;
    left: 320px;
    display: none;
    width: 250px;
    padding: 5px 10px;
    border: 2px solid #e1e1e0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc);
    background: white;
    z-index: 2
    }
#directions-details .control {
    display: block;
    border-bottom: 1px solid #e1e1e0;
    padding-bottom: 5px;
    cursor: move
    }
#directions-details .control .puce-close {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    background: url(/bundles/ayalineezcarteinteractive/images/puce_close.png) no-repeat 50% 50%
    }
#directions-details .directions-details-titre {
    font-size: 90%;
    font-weight: bold
    }
#directions-details .directions-details-content {
    font-size: 70%;
    font-weight: normal;
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden
    }
#directions-details .directions-details-content .route-segment-allsteps {
    display: none;
    padding: 3px 8px;
    margin-top: 7px;
    border-top: 1px solid #d5d3d3
    }
#directions-details .directions-details-content .route-segment-step {
    padding: 4px 2px;
    display: block;
    border-bottom: 1px solid #d5d3d3
    }
#directions-details .directions-details-content .route-segment-step.no-border {
    border: 0 none
    }
#directions-details .directions-details-content .route-segment-step p {
    padding: 0;
    margin: 0
    }
#directions-details .directions-details-content .route-segment {
    display: block;
    margin: 7px 0;
    padding: 4px 0 4px 0;
    border: 1px solid #d5d3d3;
    border-right: 0 none;
    position: relative;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc)
    }
#directions-details .directions-details-content .route-segment-content {
    display: block;
    padding: 5px 3px 0 5px
    }
#directions-details .directions-details-content .show-route-instractions {
    display: block;
    padding: 5px 3px 0 5px;
    float: right;
    color: #0094db;
    font-style: italic
    }
#creer-trajet-form .display-table {
    padding-top: 7px
    }
#creer-trajet-form label {
    margin-bottom: 3px
    }
#creer-trajet-form .display-table a {
    display: block;
    padding: 4px 2px 0 2px;
    text-decoration: none
    }
#outils-recherche-form {
    display: block;
    margin-bottom: 7px
    }
#outils-geocode {
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icon_recherche_perimetre.png) no-repeat 0 50%
    }
#outils-creer-trajet {
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icon_trajet_personnalise.png) no-repeat 0 50%
    }
#outils-recherche {
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icon_recherche_globale.png) no-repeat 0 50%
    }
#creer-trajet-reset {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_effacer.png) no-repeat 50% 100%
    }
#creer-trajet-laststep {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_annuler.png) no-repeat 50% 100%
    }
#creer-trajet-afficher-details {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_details.png) no-repeat 50% 100%
    }
#outils-recherche-reset {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_reinitialiser.png) no-repeat 50% 100%
    }
#outils-recherche-lastsearch {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_precedent.png) no-repeat 50% 100%
    }
#outils-recherche-showAll {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_refresh.png) no-repeat 50% 100%
    }
#delete-markers-geocode {
    height: 20px;
    width: 20px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_effacer.png) no-repeat 50% 100%;
    background-size: 100%;
    padding: 5px 0 0 0
    }
.submit-puce-loupe {
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
    border: 1px solid transparent;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_loupe.png) no-repeat 50% 50%;
    background-size: 100%
    }
.submit-puce-loupe:hover {
    margin-bottom: 2px;
    border: 1px solid #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(/bundles/ayalineezcarteinteractive/css/pie.htc)
    }
.detail-street-view {
    display: block;
    float: right;
    width: 60px;
    height: 70px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_sreet_view.png) no-repeat 50% 50%
    }
.detail-close-street-view {
    display: block;
    float: right;
    width: 60px;
    height: 70px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_sreet_view_close.png) no-repeat 50% 50%
    }
.effacer-marqueurs-fiches {
    display: block;
    padding: 9px 0 9px 20px;
    border-top: 1px solid grey;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icon_balai.png) no-repeat 0 50%
    }
.reinitialiser-ma-recherche {
    display: block;
    margin-top: 15px;
    padding: 9px 0 9px 20px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icon_rafraichi.png) no-repeat 0 50%
    }
.ui-slider-horizontal {
    height: 5px
    }
.ui-slider .ui-slider-handle {
    height: 12px;
    width: 10px;
    cursor: pointer
    }
.outils-recherche-proximite-rayon-slider {
    padding: 8px 0
    }
#outils-recherche-proximite-rayon-label {
    width: 150px;
    color: white;
    float: left
    }
#outils-recherche-proximite-rayon {
    font-family: "Quattrocento";
    background: none;
    background-image: none;
    background-color: transparent;
    width: 60px;
    border: 1px solid white;
    color: white
    }
#outils-recherche-proximite-reset {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_reinitialiser.png) no-repeat 50% 100%
    }
#outils-recherche-proximite-lastsearch {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_precedent.png) no-repeat 50% 100%
    }
#outils-recherche-proximite-showAll {
    height: 40px;
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icone_refresh.png) no-repeat 50% 100%
    }
#sous-menu-outils-recherche-proximite {
    width: 280px
    }
#sous-menu-outils-recherche-proximite .submit-puce-loupe {
    float: right
    }
#outils-recherche-proximite {
    background: url(/bundles/ayalineezcarteinteractive/images/menu/icon_recherche_a_proximite.png) no-repeat 0 50%
    }
/*** Ajout criteres de recherche ***/
.liste-criteres {
    padding-left: 22px
    }
.critere {
    padding-bottom: 5px
    }
#afficher-titre.section-menu .hide-menu {
    display: none
    }
#afficher-titre.section-menu.sub-menu-visible .hide-menu {
    display: block
    }
#afficher-titre.section-menu.sub-menu-visible .show-menu {
    display: none
    }
@media (max-width: 600px) {
    #menu-droite > ul > li > .sous-menu > ul > li > .sous-menu {
        position: absolute;
        right: 0;
        top: 162px;
        width: 83%
        }
    #menu-droite {
        position: absolute;
        top: 50px
        }
    #menu-droite .sous-menu label {
        color: #FFF;
        white-space: normal;
        cursor: pointer;
        display: block;
        font-size: 15px;
        padding-right: 20px
        }
    #overlay-loading img {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        right: 0;
        margin: auto;
        bottom: 0
        }
    }
.reinitialiser-ma-recherche {
    padding: 0 0 9px 55px;
    background-size: 32px;
    font-size: 95%
    }
/*fin*/