/**
* @file
* Overall specifications for Bartik.
*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Raleway:700,800');

body, html, #page, #page-wrapper {
    height: 100%;
    width: 100%;
}

body {
    min-height: 100%;
    line-height: 1.5;
    word-wrap: break-word;
    font-family: 'Roboto', /*"avantgardelt-book",*/ "Times New Roman", Times, serif !important;
    overflow: hidden;
}

h2 {
    color: #C04913;
}

h1 {
    color: #00528d;
    font-size: 2em;
}

h3, .heading-c {
    color: #95c238;
}

.backtop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(../../images/retour_haut.png) top left no-repeat;
    opacity: 0;
    z-index: 10;
}

.field--type-entity-reference {
    margin: 0 0 1.2em;
    font-family: inherit;
}

.cadre_transp {
    position: absolute;
    z-index: 2;
}

.node__title {
    padding: 5px 0 0 0;
}

.image-style-thumbnail {
    float: left;
    margin: 1px 10px 15px 0px;
}

.views-field views-field-field-date-d-ajout {
    font-size: 0.9em;
    font-weight: bold;
}

.node--type-agenda node--promoted {
}

.views-field-field-photo a {
    border-bottom: none;
}

.taxonomy-term h2 {
    pointer-events: none;
}

#block-logomrn,
#block-logomrncarre {
    right: 0;
    background: none;
}

#block-logomrn p {
    margin: 0;
}

#block-logomrncarre {
    display: none;
}

.controls {
    margin: 0 10px 0 0;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
}

#origin-input,
#destination-input {
    font-family: Roboto;
    font-size: 1em;
    padding: 10px 10px 10px 30px;
    text-overflow: ellipsis;
    width: 93%;
    position: relative;
    opacity: 1;
    height: 40px;
    margin: 0 10px 10px;
}

#origin-input, #destination-input {
    background: #fff url("../../images/spotlight-waypoint.png") 5px -65px no-repeat;
}

#origin-input:focus {
    background: #fff url("../../images/spotlight-waypoint.png") 5px 2px no-repeat;
}

#destination-input:focus {
    background: #fff url("../../images/spotlight-waypoint.png") 5px -32px no-repeat;
}

#origin-input:focus,
#destination-input:focus {
    border-color: #4d90fe;
}

#afficheInfosTrafic {
    background: #38373c;
    width: 70px;
    position: absolute;
    top: 40%;
    height: 200px;
    z-index: 3;
    left: 0;
    padding: 25px 0;
    overflow: hidden;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#afficheInfosTrafic h2 {
    color: #FFF;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    margin: 0 -142px 0 -150px;
    background: url(../../images/cone.png) top left no-repeat;
    padding: 6px 0 6px 50px;
    letter-spacing: 0.05em;
    user-select: none;
}

#right-panel {
    line-height: 20px;
    display: none;
}

#right-panel tr td {
    border: none;
}

#right-panel .adp-fullwidth tr td {
    border-radius: 5px;
}

#right-panel i {
    font-size: 12px;
}

.highlighted .layout-container #right-panel img {
    width: 60px;
}

#formulaireInscription {
    position: absolute;
    z-index: 100;
    top: 100px;
    left: 100px;
}

.adp-placemark {
    display: none;
}

.adp-summary, .adp-listheader {
    font-weight: bold;
}

#right-panel .adp-list {
    border: 0;
    padding: 0;
}

#right-panel .adp-listheader {
    color: #2C2C2C;
    font-size: 1.2em;
}

#right-panel .adp-legal {
    display: none;
}

#right-panel .adp-list tr {
    border: 0;
    color: white;
    border: 2px solid white;
}

#right-panel .adp-list tr:nth-child(1) {
    background: none;
}

#right-panel .adp-list tr:nth-child(2) {
    background: #84ca50;
}

#right-panel .adp-list tr:nth-child(3) {
    background: #f07d02;
}

#right-panel .adp-list tr:nth-child(4) {
    background: #e60000;
}

#right-panel .adp-list tr:nth-child(5) {
    background: #9e1313;
}

#right-panel .adp-list tr .adp-listsel {
    background: none;
}

.js-views-accodion-group-header {
    font-size: 1.429em;
}

#block-pictos {
    position: absolute;
    right: 192px;
}

#mode-selector {
    float: left;
    padding: 5px;
    margin: 0;
}

input[type=radio].css-checkbox {
    position: absolute;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-checkbox + label.css-label {
    padding: 6px 0 0 40px;
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 24px 48px;
    margin: 7px 0 10px 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 70px;
    position: relative;
    float: left;
    min-width: 1px;
    font-size: 1em;
}

input[type=radio].css-checkbox:hover + label.css-label {
    background-color: transparent;
}

input[type=radio] + label.css-label.walking {
    background-image: url(../../images/marche.png);
}

input[type=radio] + label.css-label.driving {
    background-image: url(../../images/voiture.png);
}

input[type=radio].css-checkbox:checked + label.css-label.walking,
input[type=radio].css-checkbox:checked + label.css-label.driving {
    background-position: 4px -22px;
    background-color: transparent;
}

input[type=radio].css-checkbox:checked + label.css-label:after {
    content: '';
    border-radius: 100%;
    position: absolute;
    background-color: #799f2b;
    left: 0;
    bottom: -5px;
    z-index: -1;
    margin: 0;
    height: 32px;
    width: 32px;
}

#edit-preview {
    display: none;
}

.gm-style-iw {
    top: 15px !important;
    left: 15px !important;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;
}

.gm-style .gm-style-iw {
    font-weight: initial;
}

.gm-style .gm-style-iw h1 {
    margin: 0;
    color: white;
    font-size: 1.4em;
}

.gm-style .gm-style-iw-t::after {
    top: 16px;
}

#iw-container .iw-title {
    padding: 10px;
    background-color: #38373c;
}

#iw-container .iw-content {
    line-height: 18px;
    margin-right: 1px;
    padding: 15px 5px 0px 15px;
    max-height: 110px;
    overflow-y: auto;
    overflow-x: hidden;
}

.unitName {
    text-decoration: underline;
}

.pac-container {
    background: #38373c;
    box-shadow: none;
    height: 205px;
    overflow: hidden;
}

.pac-item {
    padding: 5px 0;
    color: #f6f6f6;
}

.pac-icon {
    background: url(../../images/spotlight-waypoint.png) 0 -65px no-repeat;
    margin: -5px 5px 0 5px;
    height: 30px;
}

.pac-item:hover, .pac-item-selected {
    background: #799F2B;
}

.pac-item-query {
    color: #FFF;
}


#sidebar-first.sidebar .block .toggleButtons #toggleChargingUnit,
#sidebar-first.sidebar .block .toggleButtons #toggleParking,
#sidebar-first.sidebar .block .toggleButtons #toggleCyclic,
#sidebar-first.sidebar .block .toggleButtons #toggleTraffic,
#sidebar-first.sidebar .block .toggleButtons #toggleEvenement {
    padding: 23px 0 0 0;
    background-repeat: no-repeat;
    height: 30px;
    position: relative;
    float: left;
    background: url(../../images/choix_donnees.png) top left no-repeat;
    border: 0;
    width: 55px;
    text-indent: -29em;
    border-right: 1px solid white;
}

#sidebar-first.sidebar .block .toggleButtons #toggleCyclic {
    border-color: #38373c;
}

#sidebar-first.sidebar .block .toggleButtons #toggleTraffic {
    background-position: 3px -210px;
}

#sidebar-first.sidebar .block .toggleButtons #toggleChargingUnit {
    background-position: 13px 5px;
}

#sidebar-first.sidebar .block .toggleButtons #toggleParking {
    background-position: 15px -60px;
}

#sidebar-first.sidebar .block .toggleButtons #toggleCyclic {
    background-position: 6px -125px;
    width: 58px;
}

#sidebar-first.sidebar .block .toggleButtons #toggleEvenement {
    background-position: 2px -254px;
}

#sidebar-first.sidebar .block .toggleButtons #toggleTraffic:hover,
#sidebar-first.sidebar .block .toggleButtons #toggleTraffic.active,
#sidebar-first.sidebar .block .toggleButtons #toggleChargingUnit:hover,
#sidebar-first.sidebar .block .toggleButtons #toggleChargingUnit.active,
#sidebar-first.sidebar .block .toggleButtons #toggleParking:hover,
#sidebar-first.sidebar .block .toggleButtons #toggleParking.active,
#sidebar-first.sidebar .block .toggleButtons #toggleCyclic:hover,
#sidebar-first.sidebar .block .toggleButtons #toggleCyclic.active {
    background-color: #799f2b;
}

#sidebar-first.sidebar .block .toggleButtons #toggleChargingUnit:hover,
#sidebar-first.sidebar .block .toggleButtons #toggleChargingUnit.active {
    background-color: #17a5a7;
}

#sidebar-first.sidebar .block .toggleButtons #toggleEvenement:hover,
#sidebar-first.sidebar .block .toggleButtons #toggleEvenement.active {
    background-color: #fc4d14;
}

#sidebar-first.sidebar .block .toggleButtons #toggleParking:hover,
#sidebar-first.sidebar .block .toggleButtons #toggleParking.active {
    background-color: #1873b1;
}

#sidebar-first.sidebar .block .toggleButtons #toggleCyclic:hover,
#sidebar-first.sidebar .block .toggleButtons #toggleCyclic.active {
    background-color: #a10d59;
    border-color: #a10d59;
}

.cyclicsDispo {
    margin: 1.2em 0;
}

#block-selectiondinformationsaafficher, #block-itineraires {
    clear: both;
    overflow: hidden;

    background: #38373c;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    position: sticky;
}

#main-wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

body.page-node-2 #main-wrapper,
body.path-les-conseils-mobilite #main-wrapper {
    top: 120px;
}

/*affichage page détail Info trafic*/
body.page-node-detail #map {
    width: 100%;
}

/*affichage page courante*/
body.page-node-2, body.path-les-conseils-mobilite {
    overflow-y: visible;
}

body.page-node-2 #sidebar-first, body.path-les-conseils-mobilite #sidebar-first {
    position: unset;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

body.page-node-2 #sidebar-first .block-views-exposed-filter-blockfrontpage-block-infos-chantiers,
body.path-les-conseils-mobilite #sidebar-first .block-views-exposed-filter-blockfrontpage-block-infos-chantiers,
body.page-node-2 #sidebar-first .block-views-blockfrontpage-block-infos-chantiers,
body.path-les-conseils-mobilite #sidebar-first .block-views-blockfrontpage-block-infos-chantiers {
    display: none;
}

.tabs {
    position: relative;
    width: 100%;
    margin: var(--space-l) 0 !important;
    border: 0 !important;
}

.tabs p {
    margin: 0 !important;
}

.tabs input {
    position: absolute;
    z-index: 1000;
    width: 94px;
    height: 50px;
    left: 0px;
    top: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
    margin: 0;
}

.tabs input#tab-2 {
    left: 95px;
}

.tabs label {
    height: 20px;
    position: relative;
    padding: 15px 10px;
    float: left;
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 100;
    background: #38373c;
    width: 74px;
    margin: 0 1px 1px 0;
}

.tabs input:hover + label {
    background: #799f2b;
}

.tab-label-2 {
    z-index: 3;
}

.tabs input:checked + label {
    background: #799f2b;
}

.tabs .tab-label-1 {
    border-top-left-radius: 5px;
}

.tabs .tab-label-2 {
    border-top-right-radius: 5px;
}

.clear-shadow {
    clear: both;
    height: 0;
}

.contentAffichePanneau {
    position: relative;
    width: 100%;
    z-index: 5;
}

.contentAffichePanneau div {
    width: 100%;
    display: inline-flex;
    display: none;
}

.contentAffichePanneau div.content-1 {
    display: block;
}

.tabs input.tab-selector-1:checked ~ .contentAffichePanneau .content-1,
.tabs input.tab-selector-2:checked ~ .contentAffichePanneau .content-2 {
    display: block;
}

.form--inline .form-actions {
    clear: none;
}

#block-formulaireexposefrontpagepage-2 {
    display: none;
}

.view-display-id-block_travaux .view-header {
    margin: 20px 0;
    width: 100%;
}

a.cloche {
    font-weight: bold;
}

.cloche:before {
    font-weight: normal;
    content: "\1f56b";
    font-size: 2em;
    border-radius: 50%;
    background: #95c238;
    color: #FFF;
    margin: 0 10px 0 0;
    padding: 0 5px 5px;
}

h3.field-content {
    font-size: 1.4em;
    margin-top: 0.5em;
}

#block-carte .iw-title a {
    border-bottom: 1px solid;
}

.ui-dialog {
    position: absolute;
    color: #FFF;
    border: none;
    padding: 0;
}

.ui-widget-content, .ui-widget-content a {
    border: none;
}

.ui-widget-content a {
    text-decoration: underline;
}

.ui-dialog .ui-dialog-titlebar {
    font-weight: initial;
    border: 0;
    color: #FFF;
    background: none;
    text-transform: uppercase;
    font-size: 1.5em;
    padding: .4em .5em;
    background: #95c238;
}

.ui-dialog .ui-dialog-content {
    padding: 0em 1em;
}

.field--name-field-commune {
    color: #95c238;
    margin: 0 0 20px;
}

.view-travaux-json .pager {
    display: block;
    margin: 20px 0;
}

.view-travaux-json .pager__item {
    padding: 10px 0;
}

.pager a {
    background: #799f2b;
    color: #FFF;
    padding: 5px 7px;
    border-radius: 2px;
}

.pager a:hover, .pager__item.is-active a:hover {
    background: #3b3b3b;
    color: #FFF;
}

body.page-node-detail .ds-2col-stacked-fluid > .group-left,
body.page-node-detail .ds-2col-stacked-fluid > .group-right {
    /*width:48%;*/
    width: 100%;
    text-align: justify;
}

body.page-node-detail .ds-2col-stacked-fluid > .group-header .field--name-field-commune {
    font-size: 1.3em;
    margin: 0;
}

body.page-node-detail .ds-2col-stacked-fluid > .group-header .field--type-datetime {
    display: inline-flex;
}

body.page-node-detail .ds-2col-stacked-fluid > .group-header .field--name-field-date-debut:before {
    content: "Du";
    margin: 0 5px 0 0;
}

body.page-node-detail .ds-2col-stacked-fluid > .group-header .field--name-field-date-fin:before {
    content: "au";
    margin: 0 5px 0 0;
}

.group-left .field {
    margin: 10px 0 0;
}

.group-left .field--name-field-resume {
    font-weight: bold;
}

@media (min-width: 851px) {
    #main-wrapper {
        padding-left: 350px;
    }
}

a.pdf::before {
    width: 25px;
    height: 25px;
    background: url(/themes/Trafic/images/pdf.svg) no-repeat top center;
    background-size: auto;
    padding: 0 20px 0px 0;
    content: "";
    background-size: contain;
    float: left;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrlBig {
    background: #fff;
    color: #333;
    font-size: 13px;
    margin-bottom: 3px;
    margin-left: 7px;
    cursor: pointer;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlBig {
    padding: 15px !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    padding: 15px !important;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
    outline: 0.1rem dashed #1f1c00;
    outline-offset: 0.5rem;
}