@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    /* For IE6-8 */
    src: local('Material Icons'),
        local('materialicons-regular-webfont'),
        url('fonts/materialicons-regular-webfont.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway-webfont.eot');
    src: url('fonts/raleway-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/raleway-webfont.woff2') format('woff2'),
        url('fonts/raleway-webfont.woff') format('woff'),
        url('fonts/raleway-webfont.ttf') format('truetype'),
        url('fonts/raleway-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-webfont.eot');
    src: url('fonts/roboto-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-webfont.woff2') format('woff2'),
        url('fonts/roboto-webfont.woff') format('woff'),
        url('fonts/roboto-webfont.ttf') format('truetype'),
        url('fonts/roboto-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Roboto';
    font-size: min(max(4vw, 10pt), 12pt);
    color: #333333;
}

.font_size_-1 {
    font-size: min(max(4vw, 10pt), 10pt) !important;
}

.font_size_0 {
    font-size: min(max(4vw, 10pt), 12pt) !important;
}

.font_size_1 {
    font-size: min(max(4vw, 10pt), 14pt) !important;
}

.font_size_2 {
    font-size: min(max(4vw, 12pt), 16pt) !important;
}

h3 {
    font-size: min(max(6vw, 14pt), 20pt);
}

h2 {
    font-size: min(max(8vw, 16pt), 22pt);
}

.raleway_bold_font {
    font-family: 'Raleway';
    font-weight: bold;
}

.raleway_font {
    font-family: 'Raleway';
    font-weight: normal;
}

.roboto_bold_font {
    font-family: 'Roboto';
    font-weight: bold;
}

.roboto_font {
    font-family: 'Roboto';
    font-weight: normal;
}

.color-dark-blue {
    color: #16427B !important;
}

a {
    color: #16427B;
}

@media (min-width: 1300px) {
    .navbar {
      height: 9vh;
    }
}

@media (min-width: 1200px) {
  
    .just_tel {
        display: none;
    }

    .just_tel_flex {
        display: none;
    }

    .just_ordi {
        display: inline;
    }

    .just_ordi_flex {
        display: flex;
    }
}

@media (max-width: 1199px) {
    
    .navbar {
      padding-top: 10px !important;
    }
    ul.nav.navbar-nav > li.nav-item > a.nav-link {
      padding: 10px 10px;
      width: 100%;
    }
  
    .just_tel {
        display: inline;
    }

    .just_tel_flex {
        display: flex;
    }

    .just_ordi {
        display: none;
    }

    .just_ordi_flex {
        display: none;
    }
}


/* Navbar */
.navbar {
  font-size: large;
  padding-top: 0;
  padding-bottom: 0;
}

ul.nav.navbar-nav > li.nav-item {
  display: flex;
  align-items: stretch;
}
ul.nav.navbar-nav > li.nav-item > a.nav-link {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #16427B;
  font-size: large;
  font-weight: bold;
  position: relative;
}
ul.nav.navbar-nav > li.nav-item > a.nav-link:focus,
ul.nav.navbar-nav > li.nav-item > a.nav-link.active {
  background-color: rgba(22,66,123,0.1);
}
ul.nav.navbar-nav > li.nav-item > a.nav-link:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 0;
  height: 5px;
  /*background: rgba(22,66,123,0.1);*/
  transition: width .4s;
  content: '';
}
ul.nav.navbar-nav > li.nav-item > a.nav-link:hover:after,
ul.nav.navbar-nav > li.nav-item > a.nav-link.active:after {
  width: 100%;
}

/* Navbar header */
nav.navbar > div > div.navbar-header {
  padding-bottom: 10px;
}


/* creer une ligne verticale au milieu d'un div */
 .vline {
            border-left: 3px solid rgba(162, 179, 202, 0.2);
            height:100%;
            position:absolute;
            left:49%;
            top:0.5vh;
        }

/* change default top glyphicon-triangle-bottom (default 1px) F*/
 .glyphicon-triangle-bottom {
            top:-0.5vh;
        }

/* change defaut css button */
 .btn:focus,
        .btn:active:focus,
        .btn-sm:focus,
        .btn-sm:active:focus,
        .btn-lg:focus,
        .btn-lg:active:focus {
            outline: none !important;
            box-shadow: none !important;
        }

        .btn-primary {
            /*font-family:'Raleway';*/
            font-weight:bold;
            padding-left:1.2vw;
            padding-right:1.2vw;
            color:#16427B;
            background-color : white;
            border : 2px solid rgba(22, 66, 123, 0.4);
        }

        .btn-primary:hover {
            /*font-family:'Raleway';*/
            font-weight:bold;
            padding-left:1.2vw;
            padding-right:1.2vw;
            color:#16427B;
            background-color : white;
            border : 2px solid rgba(22, 66, 123, 0.4);
        }

        .btn-primary:active {
            /*font-family:'Raleway';*/
            font-weight:bold;
            padding-left:1.2vw;
            padding-right:1.2vw;
            color:#16427B !important;
            background-color : white !important;
            border : 2px solid rgb(148, 193, 31) !important;
        }

        .btn-primary:disabled {
            /*font-family:'Raleway';*/
            font-weight:bold;
            padding-left:1.2vw;
            padding-right:1.2vw;
            color:#16427B !important;
            background-color : white !important;
            border : 2px solid rgba(22, 66, 123, 0.4) !important;
        }

        .btn-primary:focus,
        .btn-primary:active:focus {
            /*font-family:'Raleway';*/
            font-weight:bold;
            padding-left:1.2vw;
            padding-right:1.2vw;
            color:#16427B;
            background-color : white;
            border : 2px solid rgba(22, 66, 123, 0.4);
        }

        @media (min-width: 1300px) and (min-height: 771px) {
            .leaflet-touch .leaflet-bar a {
                display:block;
                font-weight:bold;
                color:#16427B !important;
                background-color : white !important;
                border : 1px solid rgba(22, 66, 123, 0.4) !important;
            }
        }

        @media (max-height: 770px) {
            .leaflet-touch .leaflet-bar a {
                display:none;
            }
        }

        @media (max-width: 1299px) {
            .leaflet-touch .leaflet-bar a {
                display:none;
            }
        }

        .leaflet-left .leaflet-control {
            margin-left: 64vw;
        }

        .leaflet-top .leaflet-control {
            margin-top: 83.5vh;
        }

/* for checkbox */
 .form-check-input {
            height:1rem;
            width:1rem;
        }