@font-face {
    font-family: TexGyreHeros;
    font-weight: bold;
    src: url("../fonts/texgyreheros-bold.otf") format("opentype");
}

/*
 * Font colors
 */

/* main */
html, h1, h2,
.action li, .ui-dialog .ui-dialog-titlebar,
#layer_selection h4,
#chimere_itinerary_content div.s{
    color:#444;
}

/* light */
h2, .cloud h4, #layer_selection, #layer_selection h4, #permalink,
#chimere_itinerary_panel label, .ui-menu .ui-menu-item a, #submited-window,
#welcome .footer a, label, .map_button a, #marker_hover_content, .notice{
    color:#929288;
}

/* light darker*/
#layer_selection li.head{
    color:#a7a799
}

/* activated */
#detail_footer, #detail_footer a, #chimere_itinerary h4,
h3.warn, .itinerary_label.itinerary_start, .itinerary_label.itinerary_end,
.action li.ui-state-active{
    color:#fff;
}
/* blue*/
.itinerary_label{
    color:#6f8196;
}

/* strong */

.welcome-dialog h2, .edit h3, h3, h4, legend{
    color:#000;
}

a, a:link, a:visited,
#footer .map-footer a, #footer .map-footer a:link,
#footer .map-footer a:visited,
#welcome .footer,
caption{
    color:#444;
}

/* alternat link */
.read_more,
.read_less{
    color:#a1a18b;
}

/* links */
a, a:link, a:visited,
#footer .map-footer a, #footer .map-footer a:link,
#footer .map-footer a:visited,
#welcome .footer,
caption{
    text-decoration:none;
    font-weight:bold;
    font-size:0.9em;
}

#detail_footer,
#detail_footer a{
    text-decoration:none;
    text-transform:uppercase;
    font-weight:normal;
    font-size:0.9em;
}

#detail_footer a {
    display: inline-block;
}

/*
 * Background colors
 */

/* default */
body, #content,
#sidebar,
.action li.ui-button,
#detail_content,
.news, #multimedia_form, #submited-window,
.dialog-content .content{
    background-color:#eee;
}

/* alternative background */
#layer_selection #layer_list li.head,
.welcome-dialog h2,
ul#multimedia_list_content li, #welcome .footer,
#action{
    background-color: #eaeaea;
}

#detail_footer{
    background-color:#9f9f89;
}


/* lighter */
a#ui-active-menuitem.ui-state-hover,
#chimere_itinerary_panel input[type=text]{
    background-color:#f0f0e9;
}

.read_more,
.read_less{
    background-color:#c1c1b0;
}

/* blue */
#chimere_itinerary h4, .roadmap_title{
    background-color:#6f8196;
}

/* light blue */
#chimere_itinerary_content div.s,
.itinerary_label{
    background-color:#dfe8f3;
}

/* green */
.itinerary_label.itinerary_start{
    background-color:#73a44b;
}

/* red */
h3.warn,
.itinerary_label.itinerary_end{
    background-color:#a53f3f;
}

/* light pink */
div.warning, .errorlist{
    background-color:#fed;
}

/* blank */
#edit-panel, #permalink,
#layer_selection h4, #chimere_itinerary_content div.n,
.edit h4{
    background-color:#fff;
}

h2, h3{
    background:none;
}

/*
 * Borders
 */
#layer_selection h4, ul#multimedia_list_content li, #layer_selection #layer_list,
#layer_selection #layer_list li, .itinerary_label .label, #footer-panel,
#detail_footer, #areas, #detail, #main-map, div.warning, #content,
.action li.selected, #content .olControlLayerSwitcher .layersDiv, #panel,
#map-footer, #utils-div, #action, #panel #categories, .main_category,
#page_title, #ul_categories .subcategories li, #action-panel,
ul.ui-autocomplete.ui-menu.ui-corner-all.ui-widget-content, .extra-criteria,
#chimere_itinerary_form, .welcome-logo, #permalink, #footer-panel{
    border-color:#999;
}

#id_transport_it span{
    border-color:#AAA;
}
/*
 * Images
 */

.action li{
    background:none;
}

/*
 * Opacity
 */

#chimere_itinerary_panel,
div#panel{
    opacity:1;
}

/*
 * Position, size, ...
 */

html, body{
    height:100%;
    overflow:hidden;
}

.ui-button,
.action li{
    padding:2px 18px;
}

h4{
    font-weight:bold;
}

hr.clean{
    display:none;
}

label{
    font-weight:bold;
    font-size:0.9em;
}

h3.warn{
    padding:0.3em;
    margin:0;
}

#permalink{
    display: none;
    position:absolute;
    z-index:20;
    right:280px;
    top:36px;
    width:auto;
    border-width:1px;
    border-style:solid;
    padding:2px 12px;
    font-weight:normal;
}

/* no title bar dialog */
.no-titlebar.ui-dialog,
.no-titlebar-simple.ui-dialog,
.no-titlebar-small.ui-dialog,
.welcome-dialog.ui-dialog{
    padding:0;
    margin:0;
}

.no-titlebar-simple.ui-dialog .ui-dialog-content{
    padding:0;
}

.no-titlebar-simple.ui-dialog .ui-dialog-content p{
    padding:0.5em 1em;
}

.no-titlebar.ui-dialog .ui-dialog-titlebar,
.no-titlebar-simple.ui-dialog .ui-dialog-titlebar,
.no-titlebar-small.ui-dialog .ui-dialog-titlebar,
.welcome-dialog.ui-dialog .ui-dialog-titlebar{
    background:none;
    padding:0;
    height:22px;
    position:absolute;
    z-index:100;
    border:none;
    color:transparent;
    font-size:0;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

.no-titlebar-simple.ui-dialog .ui-dialog-titlebar{
    right:10px;
}

.welcome-dialog.ui-dialog .ui-dialog-titlebar-close{
    right:10px;
    width:30px;
    height:30px;
    top:5px;
    background-image: url("../../chimere/img/close.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: transparent;
    border: 0 solid;
}

.welcome-dialog.ui-dialog .ui-widget-header .ui-icon{
    background-image:url(../images/popup/welcome_close.png);
    background-position:0 0;
    width:30px;
    height:30px;
}

.welcome-dialog.ui-dialog .ui-dialog-titlebar{
    width:100%;
    height:84px;
}

.no-titlebar-small.ui-dialog .ui-dialog-titlebar{
    width:280px;
}

.no-titlebar.ui-dialog .ui-dialog-titlebar{
    width:630px;
}

.no-titlebar.ui-dialog .ui-dialog-titlebar-close,
.no-titlebar.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close,
.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{
    background-image:url(../images/popup/close.png);
    background-position:center;
    width:100%;
    height:22px;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    border:none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

.no-titlebar-small.ui-dialog .ui-dialog-title {
    margin:0;
    height:auto;
}

#submited-window .ui-dialog-title {
    height:65px;
}

.no-titlebar-simple.ui-dialog .ui-dialog-titlebar-close .ui-icon{
    float:right;
}

.no-titlebar.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close .ui-icon{
    display:none;
}

#cluster_list .dialog-content{
    overflow: auto;
    max-height: 380px;
}

#welcome{
    opacity:1;
    padding:0;
}

.welcome-dialog .title{
    margin:0;
    text-align:left;
    height:10px;
}

.welcome-dialog .title h2{
    display:none;
}

.welcome-dialog h3, .welcome-dialog h4{
    padding:0 1em;
}

.ui-dialog.ui-widget{
    font-size:0.9em;
    padding:0;
    margin:0;
}

.welcome-dialog p{
    padding:0;
    margin:0;
}

.no-titlebar-small .ui-dialog-content.ui-widget-content{
    margin-top:22px;
}

.welcome-dialog .ui-dialog-content.ui-widget-content,
.no-titlebar .ui-dialog-content.ui-widget-content,
.no-titlebar-small .ui-dialog-content.ui-widget-content{
    position:static;
}

.no-titlebar .ui-dialog-content.ui-widget-content{
    /*background-image:url(../images/popup/title_frame.png);
    background-repeat:repeat-x;*/
    margin-top:22px;
    padding: 0;
}

#submited-window h2,
#submited-window h3,
#multimedia_form h2,
.no-titlebar .ui-dialog-content.ui-widget-content h2{
    margin:2px 0 12px 0;
    font-weight: bold;
    font-size: 20px;
    background-color: #fff;
    color: #000;
}

.content{
    padding: 1em;
}

#message .content{
    padding: 0;
}

a.close, a.close:link{
    font-size: 1.5em;
}

#message{
    position: absolute;
    z-index: 10000;
    right: 60px;
    top: 40px;
    max-width: 50%;
    display: none;
}

.news,
.dialog-content .content{
    overflow:auto;
    padding:1em;
    max-height:400px;
}

#multimedia_form{
    padding: 0;
}

#multimedia_form input[type=text]{
    width:250px;
    border:1px solid #e0e0d8;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    background-color:#e0e0d8;
}

.media-img{
    max-height: 200px;
    max-width: 300px;
}


#submited-window{
    padding: 0;
}

#submited-window h3,
#submited-window h2{
    margin: 0;
}

#submited-window h3{
    font-size: 1.2em;
    text-align: center;
}

/* autocomplete theming */
ul.ui-autocomplete.ui-menu.ui-corner-all.ui-widget-content{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    font-weight:normal;
    padding:0;
}

.ui-menu .ui-menu-item a{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    font-weight:normal;
}

a#ui-active-menuitem.ui-state-hover{
    background-image:none;
}

#search-listing{
    overflow: visible;
    height: calc(100vh - 210px);
    margin-bottom: 50px;
}

#search-listing img{
    vertical-align:middle;
}

#search-listing ul{
    padding:4px;
}

#search-listing ul li {
    padding: 0;
}

#logos{
    width:340px;
    margin-left:auto;
    margin-right:auto;
}

#welcome_message{
    padding:1em;
    margin:0;
    /* float:left;
    width:334px; */
}

#welcome_content{
    height:145px;
    overflow:auto;
    margin-bottom:1em;
}

.welcome-col{
    padding:1em;
    margin:0;
    float:left;
    width:430px;
}

.no-titlebar .footer{
    padding:0.3em 1em;
    font-size:0.9em;
}

.welcome-logo{
    border-top:1px solid;
}

#welcome .news{
    height:298px;
    overflow:auto;
    padding:10px
}

#welcome .footer{
    height:12px;
    padding:5px 30px;
    text-align:right;
    text-transform:uppercase;
    background-image:url(../images/plus.png);
    background-repeat:no-repeat;
    background-position:420px;
}

#welcome .footer a{
    font-size:12px;
}

.info{
    border:none;
    padding:0;
}

/* edition */

.fieldWrapper{
    padding:2px 7px;
}

.edit label.error{
    display:none;
}

.edit .error label.error{
    display:block;
}

.edit h3{
    text-align:left;
    font-size:1.4em;
    width:100%;
    border-bottom:1px solid;
    padding:0 0 0.4em 0;
    margin:0;
}

.edit h4{
    padding:1em 0;
    border-top:1px solid;
    border-bottom:1px solid;
    width:100%;
    cursor:pointer;
    margin-top:0.5em;
}

.edit .minified{
    background-image:url(../images/plus_on.png) ;
    background-repeat:no-repeat;
    background-position: 95% center;
}

.edit .maximized{
    background-image:url(../images/minus_on.png) ;
    background-repeat:no-repeat;
    background-position: 95% center;
}

.notice{
    padding:0.4em;
    font-size:0.8em;
    margin:0;
}

.remove-media{
    cursor:pointer;
}

#chimere_map_menu{
    padding:0;
}

#chimere_map_menu li{
    padding-left:20px;
    background-position:0 center;
    background-repeat:no-repeat;
}

#marker_hover_content{
    border-color:#c1c1b0;
    border-bottom-width:0;
    margin-bottom:11px;
}

#marker_hover{
    background-image:url("../images/bottom-arrow.png");
}

#map_menu_from{
    background-image:url("../images/menu/icon_from.png");
}

#map_menu_to{
    background-image:url("../images/menu/icon_to.png");
}

#map_menu_step{
    background-image:url("../images/menu/icon_add.png");
}

#map_menu_zoomin{
    background-image:url("../images/menu/icon_plus.png");
}

#map_menu_zoomout{
    background-image:url("../images/menu/icon_minus.png");
}

#map_menu_center{
    background-image:url("../images/menu/icon_center.png");
}

.simple #permalink{
    display:none;
}

.simple #layer_selection{
    top:10px;
    right:10px;
}

.simple #main-map .olControlPanPanel .olControlPanNorthItemInactive,
.simple #main-map .olControlPanPanel .olControlPanWestItemInactive,
.simple #main-map .olControlPanPanel .olControlPanEastItemInactive,
.simple #main-map .olControlPanPanel .olControlPanSouthItemInactive {
    position: absolute;
    height:20px;
}

.simple #main-map .olControlPanPanel .olControlPanNorthItemInactive {
    right:-50px;
}

.simple #main-map .olControlPanPanel .olControlPanEastItemInactive,
.simple #main-map .olControlPanPanel .olControlPanWestItemInactive {
    height:20px;
    top:18px;
}

.simple #main-map .olControlPanPanel .olControlPanEastItemInactive{
    right:-50px;
}

.simple #main-map .olControlPanPanel .olControlPanWestItemInactive {
    right:-25px;
}

.simple #main-map .olControlPanPanel .olControlPanSouthItemInactive {
    right:-50px;
    top:36px;
    height:30px;
}

.simple #sidebar{
    top:0;
}

.simple #panel{
    top:0;
    overflow:auto;
    overflow-x: hidden;
    height:100%;
}

.simple #panel #categories {
    display:block;
}

#frm-edit-marker{
    padding-bottom: 35px;
}

#content{
    border:none;
    padding:0;
}

#page_title{
    top:0;
    right:0;
    padding:0 30px;
    position:relative;
    border-bottom-width:1px;
    border-bottom-style:solid;
    background-color:#fff;
    display:none;
}

#page_title h1{
    text-align:right;
    padding:0;
    margin:0;
    font-size:40px;
    font-style:italic;
}

#page_title h2{
    text-align:right;
    padding:0;
    margin:0;
    font-style:italic;
    background-color:#fff;
}

#topbar{
    height:26px;
    padding:0;
    background-image:url('../images/background-top.png');
    background-repeat:repeat-x;
    display: none;
}

#header{
    padding:0;
    margin:0;
}

ul.action,
ul#action-2 {
    display:block;
    float: left;
    margin:0;
    padding:0;
}

#action-3 {
    float:right;
}

#action-3 li {
    padding:0;
}

#action-3.action li:hover{
    cursor:pointer;
    background-color:transparent;
    font-size:0;
}


ul.action li{
    display:block;
    float:left;
    margin:0;
    height:26px;
}

.action li:hover,
.action li label:hover{
    cursor:pointer;
}

ul#action{
    width:282px;
}

#panel #categories{
    clear:both;
    border-top-width:0;
    border-top-style:solid;
}

#action-panel .action li{
    padding:0;
    height:38px;
    width:138px;
    margin-top:22px;
    margin-right: 3px;
}

#action-panel.three .action li {
    padding: 0px;
    height: 38px;
    width: auto;
}

.action li{
    font-family: "TexGyreHeros", "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #c1c1b0;
    text-transform:uppercase;
    width:141px;
    display:block;
    padding:0;
    margin:0;
    font-size:1.1em;
    text-align:center;
}

.action li,
.action li a,
.action li label{
    margin-top:10px;
    border-width:0;
    color: #fff;
}

#topbar .action li a,
#topbar .action li a:link,
#topbar .action li a:visited,
#topbar .action li{
    line-height: 23px;
    font-size: 19px;
}

#action-panel li{
    border-radius: 10px 10px 0 0;
}

#action-panel li:first-child {
    border-radius: 0 10px 0 0;
}

#action-panel li:last-child {
    border-radius: 10px 0 0 0;
    margin-right: 0;
}

#topbar .action li:hover a,
#topbar .action li:hover a:link,
#topbar .action li:hover a:visited,
.action li:hover,
.action li:hover label,
.action li.state-active,
.action li.state-active label{
    background-color: #fff;
    color: #c1c1b0;
}

.action li label{
    width:92px;
    font-size:12px;
}

#action-3.action li,
#action-3.action li a{
    width:86px;
}

.action li .share a{
    color:transparent;
    font-size:0;
}

#action-3.action li.share-list li a,
#action-3.action li.share-list li,
#action-3.action li.share-list{
    width:auto;
    font-size: 0;
}

#action-3.action li.share-list li.shared,
#action-3.action li.share-list li.shared a{
    width:26px;
    margin:1px 0;
}

#topbar .action li.print-page a,
#topbar .action li.print-page{
    font-size: 0;
    color: transparent;
}

#topbar .action li.print-page{
    background-image:url(../images/buttons/button-print-off.png) ;
    background-repeat:no-repeat;
}

.action li.print-page.state-active,
.action li.print-page:hover{
    background-image:url(../images/buttons/button-print-on.png) ;
    background-repeat:no-repeat;
}

.action li.share-icon.state-active,
.action li.share-icon:hover{
    background-image:url(../images/buttons/button-share-on.png) ;
    background-repeat:no-repeat;
}

.action li.share-icon{
    background-image:url(../images/buttons/button-share-off.png) ;
    background-repeat:no-repeat;
}

.action li.share-send.state-active,
.action li.share-send:hover{
    background-image:url(../images/buttons/button-send-on.png) ;
    background-repeat:no-repeat;
}

.action li.share-send{
    background-image:url(../images/buttons/button-send-off.png) ;
    background-repeat:no-repeat;
}

.action li.help-page.state-active,
.action li.help-page:hover{
    background-image:url(../images/buttons/button-help-on.png) ;
    background-repeat:no-repeat;
}

.action li.help-page{
    background-image:url(../images/buttons/button-help-off.png) ;
    background-repeat:no-repeat;
}

/*
#action-categories.category-selected label{
    background-image:url(../images/check-active.png) ;
    background-repeat:no-repeat;
}

#action-categories.category-selected.state-active label,
#action-categories.category-selected:hover label{
    background-image:url(../images/check.png) ;
    background-repeat:no-repeat;
}

#action-categories.category-selected label{
    background-position:right center;
}
*/

#main-map{
    top: 0;
    bottom:0;
    height:auto;
}

.layer-switcher{
    top: 0.5em;
    right: 3.5em;
}

#layer_selection{
    top:40px;
    left:auto;
    right:90px;
}

#layer_selection h4{
    width:130px;
    padding:2px 20px;
    background-image:url('../images/display_option.png');
    background-repeat:no-repeat;
    text-align:left;
}

#layer_selection h4.opened{
    background-image:url('../images/display_option_open.png');
}

#layer_selection ul#layer_list{
    padding:0;
    width:170px;
    text-align:right;
}

#layer_selection ul#layer_list li.head{
    text-align:left;
}

#layer_selection ul#layer_list li{
    padding:2px 10px;
    border-bottom:1px solid;
}

#layer_selection ul#layer_list input{
    display:none;
}

#layer_selection ul#layer_list label:hover{
    cursor:pointer;
}

#layer_selection ul#layer_list li.selected{
    background-image:url('../images/check-small.png');
    background-position:left;
    background-repeat:no-repeat;
}

#edit-actions{
    display:none;
}

div#map-shadow{
    position:absolute;
    left:0;
    bottom:0;
    top:26px;
    width:15px;
    z-index:5;
}

div#map-shadow,
div#sidebar{
    background-color:transparent;
    background-image:url('../images/shadow.png');
    background-position:right;
    background-repeat:repeat-y;
}

div#sidebar{
    z-index:7;
    width:297px;
    top: 0;
    position:absolute;
    bottom:0;
    padding-right:15px;
    border-width:0 1px;
}

div#sidebar-container{
    background-color: white;
    width: 100%;
    height: 100%;
    background-image:url('../images/gradient.png');
    background-repeat:repeat-x;
    background-position:left bottom;
}

div#action-panel{
    display: none;
}

.action-button:hover{
    cursor: pointer;
    color: #999;
}

.action-button{
    position: absolute;
    background-color: #fff;
    z-index: 10;
    padding: 10px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #644e38;
}

#edit-button{
    top: 20px;
    left: 300px;
}

#routing-button{
    bottom: 40px;
    right: 40px;
    background-image: url('../images/itineraire.png');
    color: transparent;
}

#routing-button:hover{
    background-image: url('../images/itineraire-hover.png');
}

div#panel{
    position:absolute;
    width:282px;
    z-index:10;
    max-height:none;
    padding:0;
    padding-top: 190px;
    right:auto;
    bottom:26px;
    top: 0;
    border-width:0 1px;
    background-image:url('../images/logo.jpg');
    background-repeat:repeat-x;
    background-position:left top;
    background-color: transparent;
    overflow-x:hidden;
    background-color: #fff;
}

#footer-panel{
    text-align:center;
    bottom:0;
    position:absolute;
    width: 283px;
    height: 26px;
    font-size: 0.88em;
}

#footer-panel a{
    font-variant: small-caps;
}
/* share toolbar */

a.share_id_email_single{
    width:23px;
    overflow:hidden;
    background-image:url('../images/email.png');
    display:inline-block;
}
a.share_id_email_single{
    color:transparent;
    font-size:0;
}

ul.share {
    display: inline;
    text-align: center;
    font-style: normal;
    padding: 2px 0;
}

.sidebar-handler{
    height:55px;
    width:18px;
    position:absolute;
    background-position:left top;
}

#sidebar-handler-hide{
    bottom:102px;
    right:-4px;
    z-index:10;
    background-image:url('../images/handler-hide.png');
    background-repeat:no-repeat;
}

#sidebar-handler-show{
    bottom:102px;
    left:0px;
    z-index:6;
    background-image:url('../images/handler-show.png');
    background-repeat:no-repeat;
}

.sidebar-handler:hover{
    cursor:pointer;
}

div#panel #categories{
    width:auto;
}

ul#ul_categories{
    padding:0;
    width:auto;
}

#ul_categories li.main_category > span{
    display:block;
    height:40px;
    padding:0;
    margin:0;
}

#ul_categories li.main_category span{
    display:block;
}

#ul_categories li.main_category .subcategories li{
    padding:0;
    margin:0;
    overflow:hidden;
}

.triangle{
    display: block;
    float: left;
    margin-top: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 10px 10px;
    border-style: solid inset solid solid;
}

.toggle_category{
    margin-top:13px;
    margin-right:2px;
}

.control_image{
    visibility:hidden;
}

.map_button{
    display:none;
    z-index:20;
    top:40px;
    left:350px;
    position:absolute;
    background-color:#fff;
    padding:2px 20px;
    border:1px solid;
    border-color:#c1c1b0;
}

.main_category > span > label{
    display:block;
    width:242px;
    padding:0 20px;
    height:40px;
    line-height:40px;
    background-repeat:no-repeat;
    background-position:90% center;
    color:#fff;
}

.main_category.toggle_minus > span.category-selected > label{
    background-image:url('../images/minus_on.png');
}

#ul_categories .subcategories li label{
    display:block;
    padding:0.5em 1em;
    margin:0;
    font-weight:bold;
    background-color:#fff;
}

#ul_categories .subcategories li .selected label{
    color:#fff;
}

#ul_categories .subcategories input{
    display:none;
}



/* itinéraire */

#id_transport.ui-buttonset{
    margin-right:0;
}

#id_transport_it span,
#id_transport.ui-buttonset label{
    width:122px;
    height:25px;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    margin-left:1px;
    color:transparent;
    font-size:0;
}

#id_transport input{
    display: none;
}

#id_transport label:hover{
    cursor: pointer;
}

#id_transport label{
    font-size: 0;
    display: inline-block;
    width: 125px;
    height: 24px;
}

#id_transport_it span{
    margin-right:-3px;

}
#id_start_div, #id_end_div{
    padding:0 8px;
}

#id_transport_it{
    margin:7px 0;
}

#id_transport_it span{
    display:inline-block;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
}

#id_transport_it span#id_transport_it_foot,
label[for=id_transport_0]{
    background-image:url('../images/buttons/walk.png');
}

#id_transport_it span#id_transport_it_foot{
    display:none;
}

#id_transport_it span#id_transport_it_foot.selected,
label[for=id_transport_0]:hover,
label[for=id_transport_0][aria-pressed=true]{
    display:inline-block;
    background-image:url('../images/buttons/walk_on.png');
}

#id_transport_it span#id_transport_it_bicycle,
label[for=id_transport_1]{
    background-image:url('../images/buttons/bicycle.png');
}

#id_transport_it span#id_transport_it_bicycle{
    display:none;
}

#id_transport_it span#id_transport_it_bicycle.selected,
label[for=id_transport_1]:hover,
label[for=id_transport_1][aria-pressed=true]{
    display:inline-block;
    background-image:url('../images/buttons/bicycle_on.png');
}

#chimere_itinerary_panel input[type=text]{
    width:250px;
    border:none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

#search_routing,
#id_start_div label[for=id_start],
#id_end_div label[for=id_end],
label.step_label,
#frm-edit-route label.step_label{
    width:250px;
    height:25px;
    display:block;
    color:transparent;
    background-color:transparent;
    font-size:0;
    border:none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

#step_link a{
    font-size:0.9em;
    padding:0 8px;
}

#id_start_div label.start_label,
#id_end_div label.end_label,
#chimere_itinerary_panel label.step_label{
    height:25px;
    width:200px;
    display:block;
    font-size:0;
}

#id_start_div label.start_label{
    background-image:url('../images/buttons/form_start.png');
}

#id_end_div label.end_label{
    background-image:url('../images/buttons/form_finish.png');
}

#chimere_itinerary_panel label.step_label{
    color:transparent;
    font-size:0;
}
label.step_label{
    background-image:url('../images/buttons/form_step.png');
}

#search_routing{
    padding:8px;
    background-image:url('../images/buttons/search.png');
}

#add_multimedia_list{
    color:transparent;
    font-size:0;
    width:100%;
    position:absolute;
    left:0;
}

ul#multimedia_list_content li{
    width:210px;
    margin:0 7px;
}

#head_multimedia{
    background-image:url('../images/buttons/add.png');
    background-repeat:no-repeat;
    background-position:right center;
}

.extra-criteria{
    border-width:1px;
    border-style:solid;
    width:264px;
}

.extra-criteria .extra-label{
    height:25px;
    color:transparent;
    font-size:0;
    background-image:url('../images/buttons/extra_criteria.png');
    background-repeat:no-repeat;
}

.extra-criteria.opened .extra-label{
    background-image:url('../images/buttons/extra_criteria-open.png');
}

.extra-criteria ul{
    list-style:none;
    padding:10px 0;
    margin:0;
    font-weight:bold;
    font-size:0.9em;
}

.extra-form{
    display:none;
}

/* itinerary */

.itinerary_label.itinerary_start,
.itinerary_label.itinerary_end,
#chimere_itinerary h4{
    line-height:18px;
    padding:2px 8px;
}
.itinerary_label.itinerary_start .contener,
.itinerary_label.itinerary_end .contener{
    overflow:auto;
    width:1000px;
    height:36px;
    display:block;
}
#chimere_start_label,
#chimere_end_label{
    height:22px;
    width:230px;
    padding:2px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-binding:url('bindings.xml#ellipsis');
}

.nominatim-label{
    overflow:hidden;
    height:2.6em;
}

.itinerary_label.itinerary_start .label,
.itinerary_label.itinerary_end .label,
#chimere_itinerary h4{
    text-transform:uppercase;
}

#chimere_itinerary h4{
    display: inline-block;
}

ul#roadmap_toolbar, ul#roadmap_toolbar li{
    padding:0;
}

ul#roadmap_toolbar a img{
    vertical-align:bottom;
}
ul#roadmap_toolbar{
    margin: 0;
}

ul#roadmap_toolbar, ul#roadmap_toolbar ul, ul#roadmap_toolbar li{
    display:inline;
    list-style-type:none;
}

.itinerary_label{
    line-height:18px;
    font-style:normal;
    padding:0.5em;
    border-width:0;
    font-weight:bold;
}

.itinerary_label.itinerary_start,
.itinerary_label.itinerary_end{
}

.itinerary_label div.t{
    display:inline;
}

#chimere_itinerary{
    overflow:hidden;
}

#chimere_itinerary_panel{
    display:none;
    border-width:0;
    padding:0.5em;
    background-color: #fff;
}

#chimere_itinerary_form{
    padding: 0;
}

#chimere_itinerary_content{
    margin:0;
    height:auto;
    max-height:250px;
}

#chimere_itinerary_content span.j{
    display:none;
}

#chimere_itinerary_action ul{
    margin:0;
    padding:0;
}
#chimere_itinerary_action li{
    display:block;
    float:left;
    margin-top:5px;
}
#chimere_itinerary_action li a{
    height:24px;
    display:block;
    color:transparent;
    font-size:0;
}
#chimere_itinerary_modify{
    background-image:url('../images/buttons/modify.png');
    width:82px;
    margin-right:20px;
}
#chimere_itinerary_new{
    background-image:url('../images/buttons/new_search.png');
    width:160px;
}

#total_label_div{
    margin:0;
}

#chimere_total_label span.l,
#chimere_itinerary_content span.l{
    display:none;
}

#chimere_itinerary_content div.s{
    font-size:0.8em;
    padding:4px;
}

#chimere_itinerary_content div.n{
    font-size:0.9em;
    padding:4px;
}

#search-box{
    display: block;
    background-color: #fff;
    padding-bottom: 25px;
}

#search-box,
#search-nav{
    background-color:#fff;
}

#search-form{
    background-color: #eaeaea;
    margin: 0;
    padding: 5px 0 5px 15px;
    border-bottom: 0 solid transparent;
}

#search-form input{
    border: 0;
    background-color: #eaeaea;
    width: 210px;
    font-size: 0.85em;
}

#haystack-search{
    width:35px;
    height:28px;
    vertical-align:top;
    border: 0;
    background-color: #eaeaea;
    border-radius: 0;
    box-shadow: none;
}

#edit-panel {
    padding: 0;
}

#edit-panel label{
    font-size:0.9em;
}

#edit-panel h3,
#edit-panel h4,
#edit-panel .notice{
    margin:7px;
}

#edit-panel h3,
#edit-panel h4{
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    padding:5px;
    width:240px;
}

#frm-edit-marker h3,
#frm-edit-marker h4{
    background-color:#6f8196;
}

#frm-edit-route h3,
#frm-edit-route h4{
    background-color:#d38fac;
}

#frm-edit-event h3,
#frm-edit-event h4{
    background-color:#996998;
}

#frm-edit-marker label{
    font-weight:bold;
    color:#6f8196;
}

#frm-edit-route label{
    font-weight:bold;
    color:#d38fac;
}

#frm-edit-event label{
    font-weight:bold;
    color:#996998;
}

#frm-edit-marker textarea,
#frm-edit-marker input[type=email],
#frm-edit-marker input[type=text]{
    background-color:#dfe8f3;
    border:none;
}

#frm-edit-route textarea,
#frm-edit-route input[type=email],
#frm-edit-route input[type=text]{
    background-color:#f5e4eb;
    border:none;
}

#frm-edit-event textarea,
#frm-edit-event input[type=email],
#frm-edit-event input[type=text]{
    background-color:#f2e4f5;
    border:none;
}

#back-categories{
    color: #60543A;
    background-color: #eaeaea;
    font-weight: 900;
    padding: 0;
    width: 282px;
    position: fixed;
    bottom: 26px;
    left: 0;
    font-family: 'Numans';
    z-index: 10;
    display: none;
}

#back-categories:hover{
    cursor: pointer;
}

#back-categories .fa,
#back-categories p{
    display: inline-block;
    padding: 0;
    margin: 0;
}

#back-categories p{
    height: 26px;
    vertical-align: middle;
    padding-left: 0.3em;
}

#back-categories .fa{
    font-size: 2em;
    padding-top: 4px;
    padding-left: 12px;
}



input.hasDatepicker{
    background-image:url(../images/buttons/calendar.png) ;
    background-repeat:no-repeat;
    background-position:right;
    width:120px;
}

.ui-datepicker th{
    background-color:#996998;
}

#div_start_date{
    float:left;
}

#add_media,
#proposition_form_submit{
    padding: 15px 0;
    width:278px;
    display:block;
    height:25px;
    color:transparent;
    font-size:0;
    background-image:url(../images/buttons/validate.png) ;
    background-repeat:no-repeat;
    background-position:center;
}

#add_media{
    margin:1em 0;
}

#proposition_form_submit:hover{
    cursor:pointer;
}

.cloud{
    width:351px;
    padding:0;
    margin:0;
}

.simple .cloud img {
    display: inline;
}

div.cloud h4{
    margin:0;
    padding:0.3em;
    font-size:1.2em;
    text-align:center;
    background-image:url(../images/popup/title_frame.png);
    background-repeat:repeat-x;
    background-position:center bottom;
}

.cloud .description img{
    max-width: 300px;
}

.close_img{
    display:block;
    overflow:hidden;
    width: 100%;
    height:22px;
    background-image:url(../images/popup/close.png);
    background-position:center;
}
a.close_img{
    color:transparent;
    font-size:0;
}

.read_more,
.read_less{
    margin:0;
    text-align:right;
    padding-right:25px;
    font-weight:bold;
    line-height:22px;
}

.read_more:hover,
.read_less:hover{
    cursor:pointer;
}

.read_less,
.read_more{
    background-position:330px 5px;
    background-repeat:no-repeat;
}
.read_more{
    background-image:url(../images/plus_alt.png);
}
.read_less{
    background-image:url(../images/minus_alt.png);
}

#detail_content{
    overflow:auto;
    max-height:300px;
    padding:0;
}

#detail_start_date,
#detail_end_date,
#detail_content .description{
    padding:0 1em;
}

#detail_footer{
    text-align:center;
    border-top-width:1px;
    border-top-style:solid;
}

.description_long, .read_less{
    display:none;
}

.small-gallery{
    width:auto;
    margin-top:0;
}

.small-gallery p.legend{
    line-height:22px;
}

.small-gallery .media-player{
    padding:0 1em;
}

#frm-edit-route, #frm-edit-event{
    display:none;
}

#panel textarea{
    height:100px;
    width:250px;
}

input#id_name{
    width:250px;
}

select#id_categories{
    max-width:240px;
}

#itinerary_field #id_transport_div,
#itinerary_field #id_speed_div,
#itinerary_field .extra-criteria
{
    display:none;
}

.single-line label{
    display:inline-block;
    width:95px;
    /*IE7*/
    zoom:1;
    *display:inline;
}

.single-line input{
    width:150px;
}

#main-map .olControlScaleLine {
    left:300px;
}

#main-map .olControlPanPanel{
    right:60px;
    left:auto;
}

#main-map .olControlZoomPanel{
    right:51px;
    left:auto;
}

#main-map .olControlPanPanel .olButton,
#main-map .olControlZoomPanel .olButton {
    background-image: url('../images/map_sprite.png');
}

#main-map .olControlPanPanel .olControlPanNorthItemInactive {
    background-position:-4px -2px;
    width:50px;
    height:23px;
    right:-50px;
    left:auto;
}

#main-map .olControlPanPanel .olControlPanWestItemInactive {
    width:25px;
    background-position:-4px -20px;
    right:-25px;
    left:auto;
}

#main-map .olControlPanPanel .olControlPanEastItemInactive {
    width:25px;
    background-position:-29px -20px;
    right:-50px;
    left:auto;
}

#main-map .olControlPanPanel .olControlPanSouthItemInactive {
    background-position:-4px -38px;
    width:50px;
    right:-50px;
    left:auto;
}

#main-map .olControlZoomPanel .olControlZoomInItemInactive {
    top:-8px;
    left:-9px;
    background-position:-4px -60px;
    width:50px;
    height:22px
}

#main-map .olControlZoomPanel .olControlZoomOutItemInactive {
    top:14px;
    left:-9px;
    background-position:-4px -130px;
    width:50px;
    height:35px;
}

#main-map .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top:-40px;
    left:7px;
    background-position:-20px -23px;
    width:14px;
    height:16px;
    display:none;
}


/*
.olControlSimplePanZoom #slider,
.olControlSimplePanZoom #zoomin,
.olControlSimplePanZoom #zoomout,
.olControlSimplePanZoom #zoombar,
.olControlSimplePanZoom #panup,
.olControlSimplePanZoom #pandown {
    right:15px;
    left:auto;
}
.olControlSimplePanZoom #panright {
    right:14px;
    left:auto;
}

.olControlSimplePanZoom #panleft {
    right:39px;
    left:auto;
    background-position:-4px -17px;
    width:26px;
}

.olControlSimplePanZoom .button {
    background-image: url('../images/map_sprite.png');
}

.olControlSimplePanZoom #zoombar{
    width:50px;
    height:90px;
    background-position:-4px -75px;
}

.olControlSimplePanZoom #zoomin{
    width:50px;
    background-position:-4px -61px;
}
.olControlSimplePanZoom #pandown {
    width:50px;
    background-position:-4px -40px;
}
.olControlSimplePanZoom #panup{
    width:50px;
    background-position:-4px -5px;
}

.olControlSimplePanZoom #slider {
    width:50px;
    background-position:-60px -100px;
}
*/

#content .olControlLayerSwitcher .maximizeDiv,
#content .olControlLayerSwitcher .minimizeDiv {
    display:none;
}

#utils-div{
    left:auto;
    right:28px;
}

.properties{
    padding: 2px 1em;
}
.properties p{
    padding: 0;
    margin:0;
}

#waiting{
    top:0;
    height:100%;
    background-color:rgba(255, 255, 255, 0.4);
}

#waiting-content{
    margin-top:20%;
}

#categories li{
    padding: 0;
}

#categories li.main_category:hover{
    background-color: transparent;
}

#categories ul ul{
    padding-top: 0;
}

.subcategory label{
    border-radius: 0;
}

.main_category > span > label{
    width: 100%;
    background-position: 247px center;
}

.main_category.toggle_plus > span > label,
.main_category.toggle_minus > span > label{
    text-transform:uppercase;
}

#ul_categories .subcategories li .selected label,
.main_category.toggle_plus > span > label,
.main_category.toggle_minus > span > label{
    background-color:#777;
}

#ul_categories .subcategories li label{
    color:#777;
}

li.main_category > span > label{
    font-size: 0.8em;
}

#detail_footer{
    border-radius-bottom: 6px;
}

.popover h4{
    padding: 0.5em 1em;
}

.popover,
.popover-content{
    padding: 0;
}

.main-category-tick{
    position: absolute;
    margin-top: 12px;
    left: 218px;
    color: #CCC;
    left: 242px;
}

.main-category-tick:hover,
.main_category.full .main-category-tick{
    color: #1db11d;
}