body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
}

b, strong {
    font-weight: 500;
}
.text-big{
    font-size:40px;
}


/* Hack de Bootstrap pour avoir 800px de large dans le content (uniquement sur ou partir mois pour le moment) */
@media (min-width: 1200px) {
    #contenu_page.col-lg-8, #contenu_blog.col-lg-8{
        width: 70%;
    }
    #sidebar.col-lg-4{
        width: 30%;
    }
}
/* Fin Hack de Bootstrap */

@media (max-width: 991px) {
    header .navbar-header {
        float: none;
    }
    header .navbar-toggle {
        display: block;
    }
    header .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    header .navbar-collapse.collapse {
        display: none!important;
    }
    header .navbar-collapse.collapse.in {
        display: block!important;
    }
    header .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    header .navbar-nav>li, header #menu.navbar-default .navbar-nav.navbar-right {
        float: none!important;
    }
    header .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

  
}

.nav-tabs>li>a {
     border-radius: 10px 10px 0 0;
}

.quefaire, table tr td{
    font-size: 15px;
}
 

a:hover,img:hover,div.caption:hover, span.ob_lien:hover {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* HACKS POUR LES LIENS OBFUSCATION
*/

span.ob_lien{
    cursor: pointer;
}

footer span.ob_lien{
    color: #FFF;
    font-weight: 600;
}
footer span.ob_lien:hover{
    color: #003c5a;
    text-decoration: underline;
}
.dropdown-menu>li>span.ob_lien {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}
.nav>li>span.ob_lien{
    position: relative;
    display: block;
}
.navbar-nav>li>span.ob_lien {
    line-height: 20px;
}
span.ob_lien.btn.btn{
    font-weight: normal;
}
/* END */


.navbar-brand {
    padding: 0px;
    height: 95px;
}

.navbar-brand > img {
    height: 100%;
    padding: 15px;
    width: auto;
}

.navbar-header-collapse ul li a{
    opacity:0.7;
}
.navbar-header-collapse ul li a:hover,.navbar-header-collapse.in ul li a{
    opacity:1;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #149bd7;
}
.navbar-header-collapse .dropdown-menu a{
    opacity:1;
}

blockquote, .bs-callout.bs-callout-info  {
    border-left-color: #003C5A;
    border-width: 6px;
    background: #dfe9f5;
    border-bottom-right-radius: 15px;
}

.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #EEE;
}

.bs-callout.bs-callout-success {
    border-left-color: #00c864;
}

.progress {
    box-shadow: none;
}

.table > thead > tr > th {
    /*line-height: 30px;*/
    color: #003C59;
    vertical-align: middle;
}

.table > tbody > tr > td {
    padding: 8px;
    vertical-align: middle;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th,
.table.climat > thead > tr > th {
    border-bottom-width: 1px;
}

.table.weather > tbody > tr > td {
    padding: 5px;
}

.tab-pane .table.villes > tbody > tr > td {
    border-top-color: #f9f9f9;
}

.panel > .panel-heading,
#content h3.panel-title {
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
}
.panel > .panel-heading,
#content h3.panel-title:before {
    content:'';
    margin-right:0;
}

.panel > .panel-heading,
#content h3.panel-title small{
    text-transform: none;
}

.panel.panel-info>.panel-heading, #content .panel.panel-info>.panel-heading h3.panel-title{
    color:#31708f;
    text-transform: initial;
}

.label,
.badge {
    padding: 5px 10px;
    font-weight: 500;
    font-size: 80%;
}
.badge-green{
    background-color: #00A04F;
}

.label-primary, footer, #sejours .carousel .box, #circuits .carousel .box, .panel-default > .panel-heading, .progress-bar-info, #zoom.bg-info a:hover .caption, #searchBox .input-group-btn .btn, #sidebar h4, .navbar-default .navbar-toggle, .ui-menu .ui-menu-item-wrapper.ui-state-active, .box, #sommaire  {
    background-color: #149bd7;
}

.label-primary-invert{
    background-color: #DFE9F5;
    color: #777!important;
    font-weight: 400;
}

.bg-primary{
    background-color: #149bd7!important;
}

.tabweather .col-sm-4 {
    background-color: #FFF;
}

.bg-info {
    /*background-color: #dfe9f5!important;*/
    /*background-color:#EFF4FA!important;*/
    background-color:#f9f9f9!important;
}
.bg-info.coronavirus,.bg-info-light {
    background-color: #DFE9F5!important;
}

.bg-secrets {
    background-color: #027FFE!important;
}

.bg-incontournables {
    background-color: #E74C3B!important;
}

.bg-nature {
    background-color: #06BF00!important;
}

.bg-famille {
    background-color: #FFAA55!important;
}

.bg-insolite {
    background-color: #7F00FF!important;
}

#breadcrumb, .carousel .box, .table > thead > tr, .ui-widget.ui-widget-content, .tabweather .col-sm-4.middle, #map {
    background-color: #dfe9f5;
}
#sidebar .list-group .list-group-item{
    background-color: #fff;
}
.label-success,
.progress-bar-success,
.panel-success > .panel-heading{
    background-color: #00c864;
}


.panel-success-full > .panel-heading,
.label-success-full {
    background-color: #00A04F;
}

.label-warning,
.progress-bar-warning,
.panel-warning > .panel-heading {
    background-color: #fa9600;
}

.label-danger,
.progress-bar-danger,
.panel-danger > .panel-heading{
    background-color: #fa3232;
}

.panel-danger-full > .panel-heading,
.label-danger-full {
    background-color: #C82828;
}

.label-info, .panel-primary > .panel-heading {background-color: #003c5a; }

.panel-primary {border-color: #003c5a;}

.alert-primary, .text-primary, #content .carousel-control, #mois .carousel-control, h2 span,
h3 span, .light-blue, #content h3, .content h3, #envies h3, .text-primary, #page-title p a:hover, .bg-primary .col-sm-4 a h2, .wp-caption-text a, #page-title.white h1 {
    color: #149bd7;
}

#content h1, div#content_header h1{
    color:#003C5A;
}
.alert-white{
    background-color: #fff;
}

#content .carousel-control svg, #mois .carousel-control svg{
	background: #003c5a;
    border-radius: 5px;
    color: #fff;
}

#mois .carousel-control{
    position:relative;
    width:30px;
}

#mois .carousel-control.left .svg-inline--fa, #mois .carousel-control.right .svg-inline--fa {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.underline{
    text-decoration: underline;
}

.text-primary-dark{
	color:#003c5a!important;
}


.alert-black,
.text-black {
    color: #000!important;
}



.alert-success,
.text-success{
    color: #00c864;
}

.text-success-full {
    color: #00A04F;
}

.alert-warning,
.text-warning {
    color: #fa9600;
}

.alert-danger,
.text-danger{
    color:#fa3232;
}

.text-danger-full{
    color:#C82828;
}

.bs-callout-info,
.alert-primary, .panel-primary {
    background: rgba(20, 155, 215, 0.1);
}

.alert-success,
.table > tbody > tr.success,
.table > tbody > tr.success > td,
.bg-success,
.table > tbody > tr > td.success,
.bs-callout-success,
.panel-success .panel-body, .panel-success-full .panel-body {
    background: rgba(0, 200, 100, 0.1);
}

.table > tbody > tr.success-full,
.table > tbody > tr > td.success-full,
.bg-success-full {
    background: rgba(0, 200, 100, 0.3);
}

.table > tbody > tr.danger-full,
.table > tbody > tr > td.danger-full,
.bg-danger-full {
    background: rgba(250, 50, 50, 0.3);
}

.alert-warning,
.table > tbody > tr.warning,
.table > tbody > tr.warning > td,
table.table-hover > tbody > tr.warning > td,
.table > tbody > tr > td.warning,
.bg-warning,
.panel-warning .panel-body {
    background: rgba(250, 150, 0, 0.1);
}

.alert-danger,
.table > tbody > tr.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr > td.danger,
.bg-danger,
.panel-danger .panel-body, .panel-danger-full .panel-body {
    background: rgba(250, 50, 50, 0.1);
}

#content h3.panel-title,
#copyright p,
.caption p,
.caption h6,
#liste-vols a.btn,
#carte .panel,
#carte .panel-body,
#searchbar .input-group-lg,
#searchbar .submit,
.searchbar .input-group-lg,
.searchbar .submit,
.ui-menu .ui-menu-item,
#content .alert h3,
#blog .date span {
    margin: 0;
}

a, span.ob_lien,
#content ul:not(.nav-tabs) li:not(.smiley) .svg-inline--fa {
    font-weight: 500;
    color: #149bd7;
}

a:hover,
span.ob_lien:hover,
#top-vols .box,
.nav-tabs > li > a,
#search .yellow a,
.tabweather .col-sm-4 h5,
.tabweather .col-sm-4 h6,
#content .fa-3x.fa-pull-left,
h2,
#content h2,
#content #votes h4,
#content h1 small,
/*div#content_header h1 small,*/
h3.dark-blue,
#carte .panel-body h3,
#liste-vols .bg-info .box,
.bg-dark .box,
#search .yellow .box,
#copyright a,
.bg-primary .col-sm-4 a h2, .bg-primary .col-sm-4 a p, #comments label, #comments .comment .fn, #comments .comment .says, #comments .comment .svg-inline--fa, #comments a#cancel-comment-reply-link {
    color: #003c5a;
}

#page_header a,
#content p a,
#a-propos a,
#liens a,
.liste_texte a,
table tr td a,
table#listeVilles tr td span.ob_lien,
dd.reponse span.ob_lien {
    /*text-decoration: underline;*/
}

ul {
    padding-left: 0;
}

ul li {
    list-style: none;
    line-height: 1.5;
}

#liens ul li:before,
footer ul.pages li:before,
#content ul:not([class]) li:before, ul.liste li:before, ul.liste_texte li:before {
    content: "\e258";
    margin-right:5px;
    font-weight: normal;
    font-size: 80%;
    font-family: 'Glyphicons Halflings';
}

#content ul:not([class]) li.icon-flight:before{
    content: "\e108";
    padding-left: 5px;
}
#content ul:not([class]) li.icon-car:before{
    content: "\e024";
    padding-left: 5px;
}
#content ul:not([class]) li.icon-hotel:before{
    content: "\e219";
    padding-left: 5px;
}
#content ul:not([class]) li.icon-check:before{
    content: "\e084";
    padding-left: 5px;
}


#content ul:not([class]) li:before, #content ul.liste_texte li:before {
    color: #149bd7;
}

ul ul {
    padding-left: 20px;
}
#content ul ul:not([class]) li:before, #content ul ul.liste_texte li:before {
    color: #595959;
}


.nav-tabs li a:hover,
#content .nav-tabs > li.active > a {
    color: #149bd7;
    background-color: #f9f9f9;
}

#content .tab-content .active,
.meteo_box {
    background-color: #f9f9f9;
}

table.weather > tbody > tr.hidden-xs > td {
    border-top: none;
}

.tabweather .col-sm-4 {
    padding: 5px;
    margin: 10px 0;
}


.tabweather .col-sm-4 h5 {
    font-size: 20px;
    font-weight: 600;
    margin-top:0;

}
#content .tabweather h3{
    margin-bottom:5px!important;
}
#content .tabweather h5:before, #content .tabweather h4:before, #content .tabweather h3:before{
    content:"";
    margin-right:0;
}


.tabweather .col-sm-4 h5 {
    font-size: 20px;
    font-weight: 600;
    margin-top:0;
}

.tabweather .col-sm-4 h6 {
    line-height: 30px;
    font-size: 18px;
}

.tabweather td a {
    font-weight: inherit;
}

.tabweather .row {
    margin: 15px 0;
}

.tabweather .meteo_nuit{
    background-color: #006699; 
    color:#FFF; 
}
.tabweather .meteo_nuit h5 {
    font-size: 20px;
    font-weight: 600;
    color:#FFF; 
}

.tabweather .meteo_nuit h6 {
    line-height: 30px;
    font-size: 18px;
    color:#FFF; 
}

.weather th,
.weather td {
    text-align: center;
    padding: 5px 0;
    vertical-align: bottom!important;
}

#graphiquesjs.table > tbody > tr > td:first-of-type {
    vertical-align: middle!important;
}

#graphiquesjs.table > tbody > tr > td .svg-inline--fa {
    margin-right: 5px; 
}

#graphiquesjs.table > tbody > tr > td span.visible-xs {display: inline-block!important;}

.weather span.label {
    padding: 5px;
    display: block;
    font-size: 100%;
}

h1,
h2,
h3 {
    margin-top: 0;
}

.h1, h1 {
    font-size: 40px;
}

.h2, h2 {
    font-size: 28px;
}

.h3, h3 {
    font-size: 22px;
}

h1 { font-weight:600; }
h2 { font-weight:500; }
h3 { font-weight:500; }
h4 { font-weight:500; }
h1 small { font-family: 'Fira Sans', sans-serif; font-weight:500; }
        

h2, #menu-pays .paysNav {
    margin-bottom: 15px;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 20px;
}


h4.numerotation {
   margin: 40px 0 20px;
   line-height: 1.6em;
}
h4.numerotation span.label, #content h3.numerotation span.label {
    /*vertical-align: middle;*/
    /*padding: 5px 12px;*/
    font-size: 100%;
    border-radius: 1em;
}



h2.numerotation {
   line-height: 1.4em;
}

#content h2.numerotation span.label {
    padding: 2px 15px;
    font-size: 100%;
    border-radius: 1em;
}

#content h3.numerotation:before{
    content: "";
    margin-right: 0;
}


h5, .h5{
    font-size: 16px;
}

#content h4.text-primary a, #content h3.text-primary a{ text-decoration: underline!important; }

#destinations h5:before,
#content h5:before,
#content h3:before,
.content h3:before
/*#content .caption h3:before,
#rubriques h3:before,
#thematiques h3:before*/ {
    content: "\e250";
    margin-right:5px;
    font-weight: normal;
    font-size: 80%;
    color: #003C5A;
    font-family: 'Glyphicons Halflings';
}
#content h3.accordeon:before
{
    content:'';
}

#content .panel-primary h3.panel-title:before{
    color: #fff;
}

#content h5.open:before,
#content h3.open:before{
    content: "\e252";
}

#thematiques a:hover .caption h3:before {
    color: #fff;
}

#content h4 {
    text-transform: uppercase;
}

span.title {
    padding: 10px 0;
    font-size: 18px;
    text-transform: uppercase;
}

span.title {
    line-height: 50px;
}

.bg-primary,
.bg-primary h2,
.bg-primary a,
.bg-dark,
.bg-dark h2,
#page-title,
footer,
#destinations .col-sm-4 h4 small,
.white,
.bg-primary .nav-tabs > li > a,
#sidebar .list-group .list-group-item:hover a,
#sidebar .list-group .list-group-item:hover a small,
#sidebar .list-group .list-group-item:hover small,
#sidebar .list-group .list-group-item:hover b,
#sidebar .list-group .list-group-item a:hover,
#sidebar h4,
form.bg-primary label,
#carte h2 small,
#page-title small,
#searchBox p.title,
.modal-content .close,
#searchBox .input-group-btn .btn,
#sidebar .widget ul li a:hover,
#search h3,
#liens a,
.box.dark a,
#blog .col-md-4 a:hover .caption,
#continent .col-sm-6 a:hover .caption,
.destinations .col-sm-6 a:hover .caption,
#pays .col-sm-6 a:hover .caption,
a.scrollup .svg-inline--fa,
footer a,
#liens ul li .svg-inline--fa,
.box a,
#sejours .carousel .box a:not([class]),
#circuits .carousel .box a:not([class]),
#rubriques p.titre, 
.bg-primary .col-sm-4 a:hover h2, .bg-primary .col-sm-4 a:hover p {
    color: #FFF;
}

.bg-dark,
#page-title,
#sidebar .list-group .list-group-item:hover,
#searchBox .input-group-btn .btn:hover,
.navbar-default .navbar-toggle:hover,
#mois .box:hover,
/*
#rubriques a:hover .caption,
#thematiques a:hover .caption,
#blog a:hover .caption,
#thematiques-mois a:hover .caption,
#continent a:hover .caption,
.destinations a:hover .caption,
#pays a:hover .caption,
*/
#villes .col-sm-6 a:hover,
.grid-display-list .col-sm-6 a:hover,
#top-vols .box a.btn.btn-primary:hover,
.bg-info a.btn.btn-primary:hover,
.box a.btn.btn-primary:hover,
a.btn.btn-primary.blue:hover,
#sidebar .list-group a.active,
#sidebar .list-group a:hover,
.box.dark,
/*
.bg-primary a:hover .caption,
#villes a:hover .caption,
.grid-display-list a:hover .caption,
#autres-villes a:hover .caption,
*/
#destination-mois h4,
#top-15 h4,
#top-15-suite h4,
/*
#zoom .caption,
.col-sm-4 a:hover .caption, 
*/
#carousel .carousel-caption:hover
/*
#guides.bg-primary .col-sm-4 a .caption 
*/
{
    background-color: #003c5a;
    color: #FFF;
}

.bg-white{
    background-color: #fff;
}

table.villes > tbody > tr,
#search .yellow .box, .pw-jumbo-counter {
    background-color: #FFF;
}

#content h3,.content h3 {
    margin: 40px 0 20px;
}

.alert-info {
    color: #333;
}

section,
footer,
aside.aside,
div#page-title,
div#content,
nav.section {
    padding: 25px 0;
}

div#content_header,
article#content{
    padding: 10px 0 25px 0;
}

section#breadcrumb,
section#top-15,
section#top-15-suite,
#content section, 
#latest {
    padding: 0;
}
 
#content section.bordered, div.bordered, aside.bordered, #content nav.bordered {
    border-radius: 10px;
    /*box-shadow: 0px 1px 4px #bdc1c6;*/
    box-shadow: 0 0 3rem #eee;
    padding: 10px;
}

#content section.bordered:not(.bg-info):not(.bg-info-light):not(.bg-success):not(.bg-warning):not(.bg-danger), div.bordered:not(.bg-info):not(.bg-info-light):not(.bg-success):not(.bg-warning):not(.bg-danger), aside.bordered:not(.bg-info):not(.bg-info-light):not(.bg-success):not(.bg-warning):not(.bg-danger) {
    background-color:#fff;
}

#content, #content_header, #carte_touristique, .content_bg{
    background-color:#F5F8FC;
}

#content section.bordered h2, div.bordered h2, aside.bordered h2{
    margin-top:0!important;
}
#content section.bordered .tabweather, div.bordered .tabweather, aside.bordered .tabweather,
#content section.bordered .tabcities, div.bordered .tabcities, aside.bordered .tabcities,
#content section.bordered .graph, #content section.bordered .panel-group, #content section.bordered .carte_image, .content .bordered .carte_image
{

    margin:auto -10px!important;
}

.wp-block-image.size-full, .wp-block-gallery{
    margin-left:-10px!important;
    margin-right:-10px!important;
    margin-bottom:10px;
}

.wp-block-gallery .wp-block-image.size-full{
    margin:auto!important;
}

#content section.bordered .panel-group .panel .panel-heading{
    border-radius:0;
    border:0;
}

#content section.bordered .legende, .content .bordered .legende{
     margin:auto -10px -10px!important;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
}
#content section.bordered .no-radius-top, .content .bordered .no-radius-top{
     margin-bottom:0!important;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
}



#content section.bordered .map,#content section.bordered #map,.content .bordered .map, #content section.bordered .large_image{
    margin:auto -10px!important;
    width:auto;
}


#content section.bordered .pub, div.bordered .pub, aside.bordered .pub, #content section.encart .pub, .blog_content .bordered .optidigital-ad-center{
    margin:20px -10px!important;
}

#content section.bordered .pub.sousmeteo{
    margin-top:0!important;
}

.panel {
    border-radius: 10px;
}

.panel-heading {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.panel-body{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#content .col-md-6 {
    margin-bottom: 20px;
}

#pays,
#carte {
    padding: 30px 0 0 0;
}



.bg-primary .nav-tabs > li > a {
    border: none!important;
}

.bg-primary .nav-tabs > li.active > a,
.bg-primary .nav-tabs > li > a:hover,
.navbar-default .navbar-toggle .icon-bar,
#liste-vols.bg-info .box,
.bg-info .box a.btn.btn-primary,
.bg-dark .carousel .box,
.bg-dark a.btn.btn-primary,
.bg-dark span.ob_lien.btn.btn-primary,
.bg-primary a.btn.btn-primary,
.box a.btn.btn-primary,
.bg-primary button.submit:hover,
#search .blue button.submit:hover,
#sidebar .list-group .list-group-item:hover a.btn.btn-primary, #menu-pays .nav-tabs a.more:hover,
#page-title.white, #guides.bg-primary .col-sm-4 a:hover .caption {
    color: #003c5a;
    background-color: #FFF;
}

#page-title.avec-image{
    padding-top:0;
    padding-bottom:0;
    background-size: cover;
    background-position: center center;
}
#page-title.avec-image h1, #page-title.avec-image small, #page-title.avec-image p{
    text-shadow: 0px 0px 6px #000;
    color:#fff;
} 
#page-title.avec-image p{
    font-size:19px;
}
#page-title.avec-image div.container h1 small{
    display:block;
    margin-top:10px;
}

#page-title.avec-image div.container{
    background: rgba(0, 0, 0, 0.3);
    padding: 10px;
    border-radius: 10px;
}

#carte .panel,
#carte .panel-body {
    padding: 0;
}

#carte .panel-body h3 {
    margin: 15px 0;
}

#carte .panel-body h3:before {
    content: '';
}

#pays p,
#budget p,
#carte h2,
#carte p {
    margin-bottom: 20px;
}

#map,.map {
    width: 100%;
    height: 600px;
    position: relative;
}

section#carte #map,section#carte .map,section#carte_touristique #map {
    height: 740px;
}

#map, .map {
    background: #B5D0D0!important;
    font-size: 16px;
    color: #149bd7;
    font-weight: 500;
}
#map table tr td{
    font-size:14px;
    text-align: center;
}
#map table thead tr td{
    font-size:12px;
    text-align: center;
}
#map h5{
    font-size: 22px;
}
#map a.btn.btn-default{
    color: #FFF;
    font-size:14px;
    background-color: #003c5a;
}
#map a.btn.btn-default:hover{
    background-color: #149bd7;
}

.graph {
    height: 300px;
    margin-bottom: 20px;
}

#sidebar .list-group .list-group-item {
    margin: 0;
    display: inline-block;
    width: 100%;
}

#sidebar .list-group .list-group-item a:hover {
    background: none;
    text-decoration: none;
}

#sidebar .list-group h6 {
    font-size: 16px;
    margin: 0 0 5px 0;
}

#sidebar .list-group h6 a small,
#sidebar .list-group.vols small {
    display: block;
    margin-top: 5px;
}

#sidebar h4 {
    padding: 15px;
    margin-bottom: 0;
    float: left;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#sidebar h4 svg {
    display: none;
}

#sidebar .widget_list h4 {
    margin-bottom: 0;
    padding: 15px;
    float: left;
    width: 100%;
    background-color:#003c5a;
}
#sidebar .widget_list ul {
    padding: 10px 5px 0;
    background:#fff;
    color:#fff;
    clear:both;
}
#sidebar .widget_list ul li:before {
    color: #003C59;
}
#sidebar .widget_list ul li.bg-red:before {
    color: #fff;
}
#sidebar .widget_list a{
    text-decoration:underline;
    font-size: 115%;
}
#sidebar .widget_list a.important{
    font-size: 135%;
}
#sidebar .widget_list a:hover {
   /* color:#eee; */
}

#sidebar .widget_list li .svg-inline--fa{
    color:#fff!important;
}

#sidebar h4#ads,
#sidebar h4.uneligne {
    line-height: 2;
}

/*#sidebar .widget {float: left;}*/

form.bg-primary button.submit,
#liste-vols .svg-inline--fa.fa-plane {
    margin-bottom: 10px;
}

form.bg-primary small.white {
    margin-top: 10px;
}

form label {
    font-weight: 500;
}


#carte #legende svg-inline--fa {
    background-color: #FFF;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    color: #149bd7;
    line-height: 50px;
}

#carte #legende ul li {
    display: inline;
    margin-left: 15px;
}

#carte h2 small {
    margin-top: 20px;
    display: block;
}


.meteo_box {
    margin: 5px;
    padding: 10px;
}

.legende {
    padding: 10px;
    font-size: 16px;
    text-align: center;
}

#continent .col-sm-6 .caption,
.destinations .col-sm-6 .caption,
#pays .col-sm-6 .caption,
#rubriques .col-sm-6 h3 {
    font-size: 24px;
    margin-bottom: 0;
}

#continent #buttons,
.destinations #buttons {
    margin: 30px 0;
}


#choix h3 {
    margin: 25px 0 10px 0;
}

#page-title {
    text-align: center;
}

#page-title.image {
    text-shadow: 0 0 5px rgba(0, 0, 0, .8);
}

#page-title small {
    font-size: 75%;
}

#homepage p,
#page-title p {
    font-size: 17px;
    margin: 10px 0 0 0;
}

.navbar-default {
    background-color: #FFF;
    margin-bottom: 0;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
}

#langue {
    position: static;
}

#langue img {
    height: 20px;
}

#menu #langue ul li {
    display: inline-block;
}

#menu #langue ul li a {
    padding: 10px;
    border-bottom: none;
}

#menu #langue ul li a:hover {
    text-decoration: none;
}

#menu #langue .dropdown-menu-right {
    right: 0;
    left: auto;
    width: 100vw;
    min-width: 100vw;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.open > a,
.navbar-default .navbar-nav > li > span.ob_lien, .navbar-default .navbar-nav > li.open > span.ob_lien  {
    color: #003c5a;
    font-weight: 600;
    text-align: center;
    padding: 10px 20px;
    /*border-right: 2px solid #FFF;*/
    margin: 5px;
    border-radius:10px;
}

.bg-primary a .caption,
.bg-dark a .caption,
#sommaire .sommaireNav > li > a:hover {
    color: #149bd7;
    background-color: #FFF;
}


.navbar-nav li.dropdown a:hover,
.navbar-nav li.dropdown span.ob_lien:hover,
.dropdown-menu a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > span.ob_lien,
#langue ul li.active a,
#langue ul li a:hover,
#sommaire .dropdown-menu li a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > span.ob_lien:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .dropdown > a.dropdown-toggle:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > span.ob_lien,
#top-vols .box a.btn.btn-primary,
a.btn.btn-primary:hover,
span.ob_lien.btn.btn-primary:hover,
.bg-info a.btn.btn-primary,
.box.dark a.btn.btn-primary:hover,
button.submit:hover,
.bg-dark a:hover .caption,
.meteo_box:hover, .caption,
/*#rubriques.bg-dark .col-sm-6 a:hover .caption,*/ 
input.submit:hover {
    color: #FFF;
    background-color: #149bd7;
}


#menu .navbar-right .dropdown-menu,
.modal-dialog,
.ui-menu {
    padding: 0;
    margin: 0;
}

#menu .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
    background-color: #f5f5f5;
}

/* Carousel */

.carousel.flexible .items {
    display: none;
}

.carousel.flexible .carousel-inner .item-inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
}

.carousel.flexible .carousel-inner .item .item-inner {
    padding: 0 10px;
}


.carousel-control {
    width: 30px;
}

#sejours-cicuits-carousel{
	margin: 0 1px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
	z-index:999;
}

#content .carousel-control.left {
    margin-left: -16px;
}

#content .carousel-control.right {
    margin-right: -16px;
}



#content .carousel-control.left .svg-inline--fa,
#content .carousel-control.right .svg-inline--fa {
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    position: absolute;
    left: 0;
}

#menu .svg-inline--fa.fa-3x {
    display: block;
    font-size: 35px;
    margin: 0 auto 10px;
}

.dropdown-menu li a, .dropdown li span.ob_lien {
    border-bottom: 1px solid #FFF;
    color: #003c5a;
    padding: 10px;
}


#menu .dropdown li a .svg-inline--fa, #menu .dropdown li span.ob_lien .svg-inline--fa {
    margin-top: 5px;
}


.dropdown-menu li:last-of-type span.ob_lien,
.dropdown-menu li:last-of-type a,
#menu-pays .nav-tabs,
#menu-categories  .nav-tabs {
    border-bottom: none;
}

#menu .dropdown-menu li a small {
    text-transform: none;
    font-style: italic;
}

.villes .dropdown-menu li a,
#sommaire .dropdown-menu li a,
#menu-pays .dropdown-menu li a {
    padding: 10px;
    color: #003c5a;
    background-color: #f5f5f5;
    border-bottom: 1px solid #FFF;
}

#sommaire .dropdown-menu li a {
    display: block;
}

#sommaire .dropdown-menu ul {
    padding-left: 0;
}

#sommaire .dropdown-menu ul li a, #menu-pays a.more:hover, #menu-categories a.menu:hover {
    text-decoration: none;
}

#sommaire .dropdown-menu ul li a .svg-inline--fa {
    margin-left: 20px;
}

#menu-pays, #menu-categories {
    background-color: #149bd7;
    padding: 10px 0 0 0;
	height: 70px;
    overflow:hidden;
}

#menu-pays .dropdown.more a .svg-inline--fa,
#menu-pays .dropdown.more a i,
#menu-pays .more i, #menu-categories a.menu .glyphicon {
    font-size: 2em;
}

#menu-pays .nav-tabs a.more {margin-right: 0!important;}

#menu-pays .nav-tabs > li > a, #menu-pays .nav-tabs a.more,
#categories.nav-tabs li a, #menu-categories a.menu {
    color: #FFF;
    font-weight: 500;
    padding: 10px;
    border: none;
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    line-height: 20px;
    text-transform: inherit;
    font-size: 15px;
    background: rgba(0, 60, 90, 0.7);
    margin-right: 10px;
}

#categories.nav-tabs li:first-child a{
	background: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, .8);
    text-align: center;
	text-transform: uppercase;
}
#categories.nav-tabs li:first-child a:hover{
	color: #FFF;
}

.nav-tabs > .dropdown > a {
    margin-right: 0!important;
}

#menu-pays .svg-inline--fa,
#menu-pays i,
#menu-categories .menu .glyphicon,
#categories .svg-inline--fa {
    margin: 5px 10px 5px 0;
    float: left;
}

#menu-pays .dropdown-toggle i {
    margin: 5px;
}

#menu-pays .dropdown.more a.dropdown-toggle, #menu-pays .nav-tabs a.more, #menu-pays .paysNav a, #categories li a {
    line-height: 40px;
}

#menu-pays .paysNav a, #categories li a {
    background: rgba(0, 60, 90, 0.7);
    color: #FFF;
}

#menu-pays li.flag {
    padding: 0 10px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    text-shadow: 0 0 3px rgba(0, 0, 0, .8);
    max-width:185px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#menu-pays li.flag img {
    height: 25px;
    display: block;
    margin: 5px auto;
}

#menu-pays li a:hover,
#menu-pays li.active a,
#menu-pays li.dropdown a:hover,
#categories li a:hover,
#categories li.active a,
#menu-categories a.menu:hover
{
    color: #003c5a;
    background-color: #F5F8FC;
}

.searchbar, #searchbar {
    padding: 15px 0;
    background-color: #149bd7; /*#878787; */
}

#searchbar .input-group-lg,
#searchbar .submit,
.searchbar .input-group-lg,
.searchbar .submit {
    width: 100%;
}


.modal-header {
    border-bottom: none;
}

p.title {
    font-size: 40px;
}

#searchBox .modal-dialog, #ModalFB .modal-dialog {
    width: 100%;
    height: 100%;
}

.modal-backdrop {
    opacity: 0.85 !important;

}

#searchBox .modal-dialog .modal-content, #ModalFB .modal-dialog .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

#searchBox .modal-body, #ModalFB .modal-body {
    text-align: center;
    margin-top: 5%;
    color: #FFF;
}

#searchBox .modal-body form  {
    margin: 0 auto;
    float: none;
    width: 80%;
}

#searchBox .modal-body form .input-group-btn {
    width: 1%!important;
}

.modal-content .close {
    opacity: 1;
    font-size: 40px;
}

.modal-content .close:hover {
    transform: rotate(180deg);
}

#carte .panel,
#sidebar .list-group .list-group-item,
.dropdown-menu,
.navbar-default,
#searchBox .modal-content {
    border: none;
    border-radius: 0;
}

#sidebar .list-group .list-group-item {
    /*border: none;*/
    border-radius: 0;
}

#sidebar .list-group .list-group-item.all-link, .cursor-pointer {
    cursor:pointer;
}



.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-toggle,
#searchBox .input-group-btn .btn,
.input-group-addon,
.form-control,
#search .panel-heading,
.alert,
a.btn.btn-primary,
span.ob_lien.btn.btn-primary,
button.submit,
.ui-widget.ui-widget-content,
#search .panel-heading,
.responsive-table td,
.panel > .panel-heading,
#content h3.panel-title {
    border: none;
}

.navbar-default .navbar-toggle {
    padding: 10px;
    margin-top: 30px;
}

a.btn.btn-primary,span.ob_lien.btn.btn-primary,
button.submit, input.submit {
    background-color: #003c5a;
    text-transform: uppercase;
    text-decoration: none!important;
    /*margin: 0 0 5px 0;*/
    font-size: 16px;
    padding: 10px 15px;
    color: #FFF;
    border-radius: 10px;
    border:1px solid #003c5a;
}


a.btn.btn-primary-invert {
    background-color: #DFE9F5;
    border-color:#DFE9F5;
    text-transform: uppercase;
    text-decoration: none!important;
    margin: 0 5px 5px 0;
    font-size: 15px;
    padding: 6px 10px;
    color: #003C59;
    border-radius: 10px;
}

a.btn.btn-primary-light {
    background-color: #003c5a;
    border-color:#DFE9F5;
    text-transform: uppercase;
    text-decoration: none!important;
    margin: 0 5px 5px 0;
    font-size: 15px;
    padding: 6px 10px;
    color: #fff;
    border-radius: 10px;
}

a.btn.btn-primary-invert:hover{
    background-color: #003c5a;
    color:#fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
}

a.btn.btn-primary:hover,a.btn.btn-primary-light:hover{
    background-color: #159BD7;
    color:#fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
}

.btn-success {
    color: #fff;
    background-color: #ff561c;
    border-color: #e54d19;
    border-width: 3px;
    border-radius: 15px !important;
    display:block;
}
.btn-success:hover  {
    color: #333;
    background-color: #fff;
    border-color: #e54d19;
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
}
.btn-success:focus, .btn-success:active, .btn-success:active:focus  {
    color: #fff;
    background-color: #e54d19;
    border-color: #e54d19;
    box-shadow: rgba(0, 0, 0, 0.25) 0 15px 15px;
}
.btn-success:hover svg{
    color: #e54d19!important;
}

button.submit {
    margin: 10px 0 0;
    font-size: 140%;
    font-weight: 600;
    text-transform: none;
    border-radius: 10px;
}

#search button.submit {
    width: 100%;
}

.affix {
    top: 0;
    width: 100%;
    z-index: 999;
    position: fixed;
}

#menu-pays.affix + #content .container {
   padding-top: 70px;
}

.sticky {
    position: relative; /* I am the fallback */

    /* Give it everything you got! (use an auto prefixer...) */
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;

    top: 15px; 
}

.sticky-top-75 {

    top: 75px!important; 
}

.sticky-no-menu {
    position: relative; /* I am the fallback */

    /* Give it everything you got! (use an auto prefixer...) */
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;

    top: 15px; 
}


.sticky-top {
    position: relative; /* I am the fallback */

    /* Give it everything you got! (use an auto prefixer...) */
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;

    top: 0; 
    z-index: 999;
}

section#search {
    /*background: url(../images/bg-search.jpg) no-repeat center;*/
    background: url(../images/montgolfiere.jpg) no-repeat bottom;
    background-size: cover;
}

section#budget {
    background: url(../images/bg-budget.jpg) no-repeat center;
    background-size: cover;
}

section#vols {
    background: url(../images/bg-vols.jpg) no-repeat center;
    background-size: cover;
}

/* Range Slider */

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    top: -6px;
    margin-left: -12px;
    margin-right: -12px;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 24px;
    display: block;
    border: 0;
    background-position: 0 0;
    top: 0;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 215000000 !important;
}
    


.ui-menu {
    list-style: none;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 10px;
}

.ui-autocomplete-category {
    background-color: #f9f9f9;
    font-weight: bold;
    padding: 15px 10px;
    line-height: 1.5;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0;

    color: #FFF;
}

.ui-menu.ui-widget.ui-widget-content {
    border: 1px solid #EEE;
    background-color: #FFF;
}

.ui-menu .ui-menu-item {
    border-bottom: 1px solid #EEE;
    padding: 0;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 10px;
    font-size: 16px;
}

.ui-menu .ui-menu-item:last-of-type {
    border-bottom: none;
}

.ui-widget.ui-widget-content .ui-widget-header {
    background: #fa9600;
}


.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ui-slider-horizontal {
    height: 10px;
    margin: 5px 12px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none;
    background-color: #003c5a;
}


#search h3 .svg-inline--fa {float:left; font-size: 50px; margin-right: 15px;}

#search h3 {
    margin-bottom: 20px;
}

#search h3 small {
    margin-top: 5px;
    display: block;
    font-size: 70%;
    font-style: italic;
    color: #FFF;
}

#search a.activite {
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    display: block;
}

#search #temp,
#search #tempmer {
    width: 100%;
}

.input-group-lg {
    margin-bottom: 10px;
    width: 100%;
    padding: 0;
}

.input-group-lg .form-control {
    padding: 10px;
    font-size: 16px;
}

.input-group-lg .form-control.big {
    padding: 27px 10px;
    font-size: 16px;
}

.input-group-lg > .input-group-addon {
    /*color: #FFF;*/
    width: 45px;
    padding: 10px 0;
    background-color: #F5F8FC;
}

#search .yellow .radio {
    margin-bottom: 15px;
}

#search .yellow a {
    font-weight: 600;
    font-size: 18px;
    text-decoration: underline;
    display: inline;
}

#search .yellow h4 {
    text-transform: uppercase;
}


#search .yellow .box {
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: left;
}

select {
  -webkit-border-radius: 0px;    
}

#search .yellow .box .input-group:last-of-type,
#search .yellow .box .radio:last-of-type,
#menu-pays .nav-tabs > li,
#page-title h1,
#mois .input-group-lg,
#blog .caption h3,
#search .panel-group,
#search p.small,
.box p,
.progress,
.table.climat,
#sidebar .widget.vol h4, #weather.table {
    margin-bottom: 0;
}

form.bg-primary {
    padding: 20px;
    text-align: left;
}

#contenu_page form.bg-primary {
    padding: 10px;
}

#votes .input-group-addon {
    padding: 10px;
}

.pw-jumbo-counter {margin-bottom: 0;}
.pw-jumbo-counter .pw-jumbo-counter__inner {padding: 5px;}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #333333;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #333333;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #333333;
}

input::-moz-placeholder {
    /* Firefox 18- */
    color: #333333;
}

#search .blue,
#search .yellow {
    padding: 18px;
    width:100%;
}

#search .blue,
#budget form {
    background: rgba(20, 155, 215, 0.8);
}

#search .yellow {
    background: rgba(250, 190, 15, 0.8);
}

#search .panel-group .form-control {
    border: 1px solid #eee;
}

form p.small {
    font-style: italic;
}

form#calcul button.submit,form.calcul button.submit {
    margin-top: 26px;
}

#search .panel-heading {
    background-color: #eee;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#search .panel-heading .panel-title {
    font-size: 17px;
    color: #003c5a;
}

#search .panel-heading a::after,
#search .panel-heading a.collapsed:after,
#search .panel-heading a.collapsed:hover::after {
    content: "▼";
    float: right;
    color: #003c5a;
}

#search .panel-heading a.collapsed::after {
    content: "▶";
    /* adjust as needed, taken from bootstrap.css */
}

#search #collapseFive label {
    display: block;
}

p.prix {
    font-size: 30px;
}

#type .col-xs-3 a {
    display: inline-block;
    margin: 5px 0;
}


#sejours h4,
#circuits h4 {
    text-align: center;
    font-size: 20px;
    margin-top: 0;
	text-transform: none;
	/*height: 70px;*/
    overflow: hidden;
}

#sejours a p.label.bg-dark {
    position: absolute;
    top: 0;
    left: 10px;
}

#sejours .box,
#circuits .box {
    margin-top: 0;
}

#package .col-sm-4 {
    background-color: #F6F6F6;
}

#package .col-sm-4.middle {
    color: #FFF;
    background-color: #149bd7;
}

#package {
    margin: 30px 0;
}

#package .col-sm-4 {
    padding: 15px;
}

#package h4 {
    font-weight: 600;
    line-height: 24px;
}

#package ul li {
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    padding: 15px 0;
    display: block;
    border-bottom: 1px solid #FFF;
}

#package ul li .svg-inline--fa {
    margin-left: 10px;
}

#package .col-sm-4.middle ul li .svg-inline--fa {
    color: #FFF;
}

#package p.prix {
    font-size: 24px;
    font-weight: 600;
}

#package p.prix small {
    display: block;
}


img.icon {
    float: left;
    margin-right: 10px;
}


#content img.icon,
#liste-vols img.icon,
#menu-pays img {
    height: 30px;
}

#content #sidebar img.icon {
    height: 50px;
}

#breadcrumb #sommaire img.icon {
    margin-left: 20px;
    height: 15px;
}


#sejours p.prix small {
    font-size: 16px;
    text-transform: uppercase;
    display: block;
}

#sejours p.prix,
#circuits p.prix {
    color: #FFF;
    font-size: 25px;
}



#top-vols a,
#liste-vols p.ville,
#votes p.titre {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}

#top-vols a.btn {
    font-weight: 400;
}

#top-vols p.date,
#votes p.votes {
    font-size: 16px;
    text-transform: uppercase;
}



#votes .input-group-lg {
    width: 69%;
    margin-right: 10px;
    float: left;
}

#votes .submit {
    margin-top: 0;
    float: left;

}

#votes h4 {
    margin-top: 0;
}


#top-vols p.duree,
#liste-vols p.date,
#circuits p.duree {
    font-size: 14px;
    font-style: italic;
    text-transform: uppercase;
}

#liste-vols span.label,
#sejours p.label,
#circuits p.label-warning,
#top-vols .box a.label,
#votes p.label,
#top-vols .box p.label.white {
    color: #FFF;
    display: inline-block;
    margin: 10px 0;
    letter-spacing: 1px;
    padding: 10px 15px;
}


#sejours p.label {
    letter-spacing: 0;
    font-size: 17px;
}

#liste-vols span.label-warning,
.widget .vols .label-success,
#circuits p.label-warning {
    font-size: 25px;
}

#liste-vols span.label-success,
#top-vols a.label,
#votes p.label-success {
    font-size: 30px;
}

.widget .vols .label-success, #menu-pays a.more {
    float: right;
}

#menu-pays a.more {
    border-radius: 4px 4px 0 0 ;
}

#top-vols .box p.label.white {
    background-color: #FFF;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
}


#liste-vols hr {
    border-color: #FFF;
}

#liste-vols h3,
#liste-vols h2 {
    margin-bottom: 20px;
}

#liste-vols .box {
    text-transform: uppercase;
}


#stats .svg-inline--fa,
.stats .row .svg-inline--fa {
    margin: 20px 0;
}

#stats p.lead {
    text-transform: uppercase;
    font-size: 20px;
}

#content .alert h3 {
    text-align: left;
}

#stats small,
#liste-vols small,
.stats small,
#circuits small {
    display: block;
}

#stats .col-sm-6 p {
    font-size: 30px;
    font-weight: 500;
}

#stats p small,
#stats .col-5 p,
.stats p small {
    font-size: 20px;
    font-weight: normal;
}

#stats,
.stats {
    text-transform: uppercase;
}

#stats p.count,
#stats p.counted,
.stats p {
    font-size: 35px;
    font-weight: 700;
    margin: 5px 0;
}

#heure a.btn.btn-primary {
    width: 50px;
}

#continent h3,
.destinations h3,
#liste h3 {
    margin: 25px 0;
}

#liste a {
    background-color: #EEE;
    padding: 20px 15px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0;
    color: #003c5a;
}

#liste a img,
.col-5 .box img {
    display: block;
    margin: 0 auto 15px auto;
}

#liste a:hover {
    background-color: #FFF;
    color: #149bd7;
    text-decoration: none;
}

.col-5 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    width: 20%;
}

p.number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #FFF;
    font-size: 30px;
    line-height: 50px;
    margin: 0 auto;
    color: #003c5a;
    font-weight: 600;
    margin-bottom: 10px;
}

a.name {
    text-transform: uppercase;
    font-size: 18px;
    color: #FFF;
}


.classement {
    font-size: 20px;
}

#breadcrumb{
    background-color:#F5F8FC;
}

.breadcrumbs_container{
    position: relative;
}

#breadcrumb .breadcrumb a {
    color: #666;
    font-weight: normal;
}

#breadcrumb .breadcrumb {
    background: none;
    margin-bottom: 0;
    padding: 10px 60px 10px 0;
    /*float: left;*/
    white-space: nowrap;
    overflow-x: scroll;
    font-size:90%;
}

#breadcrumb .breadcrumb > li + li::before {
    content: "\e258";
    color:#878787;
    font-size: 55%;
    font-weight:bold;
    font-family: 'Glyphicons Halflings';
}

#breadcrumb .breadcrumbs_erase{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #F5F8FC);
}

.blog .date {
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #003c5a;
    padding: 10px;
    text-align: center;
}

.caption h6 {
    font-size: 16px;
    line-height: 20px;
}

.date span {
    /*display: block;*/
    text-transform: uppercase;
    color: #FFF;
}

.blog .date span.jour {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.blog .date span.mois {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.blog .date span.an {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}


.caption h6,
.caption h4,
#content .caption h3 {
    margin: 0;
    color:#fff;
}
#content .caption h3::before{
    content:'';
    margin:0;
    font-family: inherit;
}

#sejours .col-sm-4 a,
#circuits .col-sm-4 a,
#top-15 .col-sm-6 a,
#top-15-suite .col-sm-6 a,
#top-15 .col-xs-6 a,
#top-15-suite .col-xs-6 a,
#destination-mois .col-sm-4 a {
    margin: 0!important;
}

section:not(#content) [class*='col-'] > a, section:not(#content) [class*='col-'] > span.ob_lien,
aside:not(#content) [class*='col-'] > a, aside:not(#content) [class*='col-'] > span.ob_lien {
    margin: 10px 0;
    overflow: hidden;
    display: block;
    position: relative;
}

section [class*='col-'] > a:hover img:not(.img-thumbnail), aside [class*='col-'] > a:hover img:not(.img-thumbnail) {
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    transition: all 0.5s ease-in-out;
}

#destinations .col-sm-4 h4 {
    position: absolute;
    display: block;
    bottom: 20px;
    right: 0;
    padding: 10px;
    background: rgba(20, 155, 215, 0.9);
    width: 80%;
    color: #FFF;
    float: right;
}


#sejours-carousel .col-xs-12 a,
#circuits-carousel .col-xs-12 a {
    
}


/* Tailles des pubs selon les devices */

.pub{
    max-width:960px;
    min-height:180px;
    margin:15px auto;
}

.pubbg{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background-color: #f9f9f9;
}

#content .pub{
    margin:0 auto;
}

.publi{
    display:block!important;
    width:100%!important;
}

.bordered .pub, .encart .pub{
    margin:15px auto;
}

.pub-mobile-top{
    min-height: 135px;
    max-height:180px;
    margin-top:20px;
    margin-bottom:20px;
}

.pub-mobile-top-in-content{
    min-height: 135px;
    max-height:180px;
    padding:0;
    margin:0;
    padding-top:1em;
    padding-bottom:1em;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin: 20px -10px!important;
}
.optidigital-wrapper-div{
    min-height:60px!important;
}

.pub-billboard{
    min-height: 285px;
    max-height: 350px;
    display: flex; /* contexte sur le parent */
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */
/*    background-color: #f5f8fc;
    background-image: url('/partir/images/bg-init-ad.png');
    background-size: 170px 50px;
    background-repeat: no-repeat;
    background-position: center;*/
}
.pub-billboard.top{
    /*border-top: 1px solid #DFE9F5;
    border-bottom: 1px solid #DFE9F5;*/
    /*margin-bottom:20px;*/
    /*background-color: #fff;*/
/*    background-image: url('/partir/images/bg-init-ad-transparent.png');
    background-size: 170px 50px;
    background-repeat: no-repeat;
    background-position: center;*/
}
.pub-billboard.dark{
    /*background:#fff;
    margin-top:20px;*/
    margin-bottom:20px;
    /*border-top: 1px solid #DFE9F5;
    border-bottom: 1px solid #DFE9F5;*/
/*    background-image: url('/partir/images/bg-init-ad-transparent.png');
    background-size: 170px 50px;
    background-repeat: no-repeat;
    background-position: center;*/
}
.pub-billboard .container{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0;
    padding-right:0;
}

.pub.taillefixe{
    min-height: 120px;
    /*max-height: 330px;*/
    display: flex; /* contexte sur le parent */
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */
/*    background-image: url('/partir/images/bg-init-ad.png');
    background-size: 170px 50px;
    background-repeat: no-repeat;
    background-position: center;*/
}

.pub.taillefixebig{
    min-height: 180px;
    /*max-height: 420px;*/
    display: flex; /* contexte sur le parent */
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */
    /*background-image: url('/partir/images/bg-init-ad.png');
    background-size: 170px 50px;
    background-repeat: no-repeat;
    background-position: center;*/
}

.Content_1,.Content_2,.Content_3,.Content_4,.Content_5,.Content_6,.Content_7,.Content_8,.Content_9,.Content_10,.Mobile_Pos1,.Mobile_Pos2,.Mobile_Pos3,.Mobile_Pos4,.Mobile_Pos5,.Mobile_Pos6,.Mobile_Pos7,.Mobile_Pos8,.Mobile_Pos9,.Mobile_Pos10,.Billboard_1{
    margin-top: 0!important;
    margin-bottom: 0!important;
}

#circuits_containeur{
    min-height:540px;
}

#content #contenu_page .js-evwidget-itineraries{
    height:380px;
    margin: 0 -10px!important;
}


@media screen and (max-width: 667px) {

    .pub.taillefixe, #contenu_blog .optidigital-ad-center{
        min-height: 150px;
    }

    .pub.taillefixebig{
        max-height: 650px;
        height: 650px;
        display:block;
        background-position: top 1.5em center;
    }

    .pub.taillefixebig .pub_sticky{
        position:sticky;   
        top: 0; 
    }

    #circuits_containeur{
        min-height:750px;
    }

    #content #contenu_page .js-evwidget-itineraries{
        height:480px;
    }

    .container .pub:not(.bordered .pub), #contenu_blog .optidigital-ad-center{
        /*border-top:1px dashed #ddd;
        border-bottom:1px dashed #ddd;
        background-color: #f5f8fc;
        padding-top:1.5em;
        padding-bottom:1.5em;
        margin:20px -13px!important;*/
    }
    /*
    .container .pub::before, #contenu_blog .optidigital-ad-center::before{
        content:'Annonce';
        font-size:14px;
        text-align: center;
        display: block;
        color:#ddd;
        margin: 0 auto 10px;
    }
    */


    /*
    TABLEAU QUI COLLAPSENT SUR MOBILE
    */
    .table-responsive-collapse thead {
        display:none;
    }

    .table-responsive-collapse tr{
        display: block;
        margin-bottom: 0px;
    }

    .table-responsive-collapse.table-bordered>tbody>tr>td{
        border:0;
        border-bottom:1px solid #eff4fa;
        padding-right:0;
        padding-left:0;
    }
    .table-responsive-collapse.table-bordered>tbody>tr>td.region{
        border:0;
        border-bottom:0;
        padding-right:10px;
        padding-left:10px;
    }
    .table-responsive-collapse.table-bordered{
        border:0;
    }

    .table-responsive-collapse td {
        display: block;
        text-align: right;
    }
    .table-responsive-collapse td.region {
        text-align: left;
        background-color: #eff4fa;
    }

    .table-responsive-collapse td:before {
        content: attr(data-label);
        padding-right:10px;
        /*color:#333;*/
        float: left;
        font-weight: bold;
        font-size: 80%;
    }


}

.pub.taillefixe .optidigital-ad-center{
}

/*
.pub .pub_bg::before{
    content:" - Publicité - "!important;
    font-size: 70%;
    opacity: 80%;
    text-align:center!important;
    margin:0;
}
*/


section:not(#content) [class*='col-'] a:hover, aside:not(#content) [class*='col-'] a:hover {
    text-decoration: none;
}

#listeMois1,
#listeMois2 {
    margin-top: 20px;
}

.box {
    padding: 20px 15px;
    color: #eee;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    box-shadow: 0 0 3rem #eee;
    border-radius: 10px;
}


@media screen and (min-width: 1200px) {

    .row-flex{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}


.row.is-flex { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class^='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.row.is-flex:after,
.row.is-flex:before {
    display: none;
}
/*
.caption {
    padding: 10px;
    position: relative;
    height: 100%;
}
*/
.bg-primary a .caption, .bg-dark a .caption, .caption {
    padding: 10px 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}
.bg-primary a .caption:hover, .bg-dark a .caption:hover, .caption:hover{
    background-color: rgba(0,0,0,0.65);
    transition: all 0.5s ease-in-out;
}
.caption:hover h6, .caption:hover h3, .caption:hover h2, .caption:hover h4 {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.5s ease-in-out;
}


.caption h6, .caption h3, .caption h4, .caption h2 {
    margin:0;
    padding:0 5px;
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
.caption h6::after, .caption h3::after, .caption h4::after {
    content: "\e131";
    margin-top:10px;
    font-weight: normal;
    color: #fff;
    font-family: 'Glyphicons Halflings';
    display: block;
    font-size: 150%;
}

/*
.caption h3:before {
    content:"";
}
*/

.bg-primary a .caption, .bg-dark a .caption, a .caption{
    color:#fff;
}


#mois .box .svg-inline--fa {
    margin-bottom: 20px;
}

#mois #carousel-oupartir .box{
    height:450px;
}

#mois #carousel-oupartir .box p{
    margin: 0 0 10px;
    font-size:90%;
}
#mois #carousel-oupartir .label{
    display: block;
    margin-bottom: 5px;
}
/*
#mois .box a {
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
}

#mois .row a:hover {
    text-decoration: none;
    color: #FFF;
}
*/
#mois .col-sm-4 a .svg-inline--fa {
    display: block;
    margin: 0 auto 15px auto;
}

#destination-mois .col-sm-4,
#top-15 .col-sm-6,
#top-15-suite .col-sm-6,
#top-15 .col-xs-6,
#top-15-suite .col-xs-6,
#villes .col-sm-4,
.grid-display-list .col-sm-4 {
    overflow: hidden;
    display: block;
    margin: 15px 0;
}

#destination-mois h4,
#top-15 h4,
#zoom .caption {
    font-weight: 600;
    margin: 0;
    padding: 10px;
    height: 100%;
}

#destination-mois .caption,
#top-15 .caption,
#top-15-suite .caption {
    opacity: 0;
    font-size: 16px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    }

#destination-mois .caption:hover,
#top-15 .caption:hover,
#top-15-suite .caption:hover {
    opacity: 1;
}

#destination-mois .caption .svg-inline--fa,
#top-15 .caption svg-inline--fa,
#top-15-suite .caption svg-inline--fa {
    margin: 0 auto 10px auto;
}

.climat5 .caption,
.climat4 .caption {
    background: rgba(0, 200, 100, 0.85);
}

.climat3 .caption {
    background: rgba(250, 150, 0, 0.85);
}

.climat1 .caption,
.climat2 .caption {
    background: rgba(250, 50, 50, 0.85);
}



#liens {
    background-color: #878787;
    color: #FFF;
}

.tabbable.padding .tab-pane,
.tabweather .tab-pane {
    padding: 15px;
}

.table.climat > tbody > tr > td{
    border-bottom: 1px solid #dfe9f5;
}

.table.climat {
    border-left: 1px solid #dfe9f5;
    border-right: 1px solid #dfe9f5;
}

/*
.tab-pane .table > tbody > tr > td {
    border-top: 1px solid #003c5a;
}
*/

footer h5 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

footer ul.social li {
    display: inline-block;
    font-size: 40px;
    margin-right: 10px;
}

ul#social li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

ul#social li:last-of-type {
    margin-right: 0;
}

ul#social {
    clear: both;
    padding-left: 0;
}

ul#social li a:hover .svg-inline--fa {
    color: #149bd7;
}

ul#social li a .fa-facebook-square {
    color: #3B5998;
}

ul#social li a .fa-twitter-square {
    color: #1DA1F2;
}

ul#social li a .fa-google-plus-square {
    color: #DB4437;
}

ul#social li a .fa-envelope-square {
    color: #878787;
}

ul#social li a .fa-tumblr-square {
    color: #35465c;
}

#copyright {
    color: #003c5a;
    background-color: #FFF;
    padding: 10px 0;
}

.scrollup {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 99;
    text-align: center;
    background-color: #003c5a;
    cursor: pointer;
    border-radius: 50%;
}


.scrollup:hover {
    background-color: #878787;
}

.carousel .box .btn {
    white-space: inherit;
}

#sommaire {
    margin:4px 0 4px 0;
    padding: 4px 15px;
    border-radius:10px;
    background-color: transparent;
    text-align:center;
}
#sommaire.dropdown a{
    /*color:#fff;*/
}

/*
abbr[data-original-title], abbr[title] {
    text-decoration: none;
}
*/
#climat tr td {
    padding: 15px 10px;
}

/*.label,*/
.btn {
        white-space: normal;
		text-decoration: none!important;
        margin: 0 0 5px;
        box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

#coronavirus_containeur{
    display: inline-block;
    min-height: 70px;
}
.coronavirus a{
    text-transform: uppercase;
}
.corona-block{ 
     display:block; 
}


#page_header{
    margin-bottom: 40px;
    margin-top: 10px;
    /*background: linear-gradient(to bottom, #fff, #F5F8FC);*/
    /*background-color: rgba(255, 255, 255, 0.7);*/
    /*padding: 20px 10px 10px 10px;*/
    /* border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;*/
    /*background: #f4f4f4;*/
    /*border-radius: 10px;*/
    /*box-shadow: 0px 1px 4px #c1c1c1;*/
}
#page_header h1{
    text-align: center;
    margin-top:20px;

}
#page_header h1 small{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    
    color:#149bd7;
    line-height: 1.2em;

    /*color:#003C5A;
    opacity: 0.8;*/
}
#page_header_blog h1 small{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    
    line-height: 1.2em;

    color:#149bd7;
    line-height: 1.2em;

    /*color:#003C5A;
    opacity: 0.8;*/
}
#page_header_blog h1 small:before{
        content: "\e013";
        margin-right:5px;
        font-weight: normal;
        font-size: 80%;
        color: #003C5A;
        font-family: 'Glyphicons Halflings';
}

#page_header p{
  /*  text-align: center; */
    font-size: 16px;
    margin-top: 20px;
}


@media screen and (max-width: 767px) {

    /*
    #content, #content_header, #carte_touristique, .content_bg {
        background-color: #fff;
        
    }
    */
    /*
    article#content #page_header, #content_header #page_header {
        background: #fff;
        margin:0 -10px 10px;
        text-align: center;
    }
    */
    /*
    article#content.blog_content #page_header{
        margin:0 -10px;
        text-align: center;
    }
    */
    article#content.blog_content #page_header, article#content #page_header, #content_header #page_header{
            margin-bottom: 30px!important;
    }

    .lead {
        font-size: 19px;
    }

    #content h2 i.fas{
        min-width: 28.75px!important;
        display:inline-block;
    }



    #content section.bordered, div.bordered, aside.bordered,
    #content section.encart, div.encart, aside.encart, aside.comparateur{
        margin:auto -10px;
        border-radius:10px;
        /*margin:auto -15px;
        border-radius:0;*/

        /*box-shadow:none;*/
    }



    .panel-heading{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .panel-body{
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

     #content section.bordered .map,#content section.bordered #map{
        margin:auto -14px!important;
        width:auto;
    }

    #content section.bordered .legende {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }


    #sommaire {
        /* margin: 0;
       width: 100%;*/
       margin: 3px 0 0 0;
       padding: 5px 10px;
       
       /* background: #169CD7; */
       border-radius: 10px;
       

    }

    #sommaire .dropdown-menu>li>a{
        white-space: normal;
    }

    #breadcrumb .breadcrumb{
        /*width: 80%;*/
        font-size: 90%;
        
    }

    /*

     #breadcrumb .breadcrumb ::after{
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(90deg, rgba(9,9,121,0) 85%, rgba(255,255,255,1) 100%);
    }
    */
    #breadcrumb{
        background-color:#F2F6FB; 
    }

    #breadcrumb .breadcrumbs_erase{
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #F2F6FB);
    }

    #menu-pays li a:hover, #menu-pays li.active a, #menu-pays li.dropdown a:hover, #categories li a:hover, #categories li.active a, #menu-categories a.menu:hover {
        color: #003c5a;
        background-color: rgba(255, 255, 255, 0.8);
    }
    
    .coronavirus_containeur .corona-block{ 
        display:block; 
    }

    #coronavirus_containeur .corona-block{
        padding: 0 5px 0 0;
        float:left;
    }

    #coronavirus_row{
        margin-top:-25px!important;
        margin-bottom:20px!important;
    }


    .coronavirus .alert-primary { 
        padding: 5px; 
        margin-bottom:2px; 
        border-radius: 0;
    }
    
    .coronavirus { 
        /*background-color: #f4f4f4;*/
        padding-right: 0;
        padding-left: 0;
        min-height:50px;
        max-height:50px;
        border-radius:0!important;
        box-shadow: none!important;
        margin-right: -15px;
        margin-left: -15px;
        /*margin-top: -25px;*/
    }
    
    #coronavirus_containeur{
        
        margin-left:0;
        min-height: 24px;
        overflow: hidden;

    }
    
    #coronavirus_containeur .corona-block.text-muted{
        display:none;
    }

    #coronavirus_containeur abbr{
        text-decoration:none;
    }



    #page-title.avec-image div.container{
        border-radius:0;
        padding:15px;
    }
     


	#menu .dropdown-menu > li > a,
    #menu .dropdown-menu > li > span.ob_lien,
	/*.label,*/
	.btn {
			white-space: normal;
	}

    ul#social li a .svg-inline--fa {
        font-size: 50px;
    }

    .col-5 {
        width: 100%;
    }

     .col-5.col-5-xs {
        width: 33.3333%;
    }

    h1 {
        font-size: 30px;
    }
    h2, .h2 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 17px;
    }
    h6 {
        font-size: 16px;
    }
    h1 small {
        font-size: 70%;
    }

    #page-title.avec-image p{
        font-size:16px;
    }

    #page-title.avec-image p{
        font-size:16px;
    }

    #page_header{
        /*padding:0;*/
    }
    /*
    #page_header h1, #page_header p{
        text-align: left;
    }
    */
    #page_header p.nomargintop{
        text-align: center;
    }
    #page_header h1 small:before{
        content: "\e080";
        margin-right:5px;
        font-weight: normal;
        font-size: 80%;
        color: #003C5A;
        font-family: 'Glyphicons Halflings';
    }
    /*
    #page_header .bloc_auteur_haut{
        width: 100%;
    }
    */
    /*
    #page_header .bloc_auteur_haut .speech-bubble-top:after{
        left: 10%;
        border:0;
        margin:0;
    }
    */
    #carte_touristique {
        text-align: left!important;
    }

    .navbar-brand {
        height: 80px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 23px;
        background-color: #aaa;
    }
    #page-title small {
        margin-top: 10px;
    }

    a.box { /* EDIT small, a.box { */
        display: block;
    }

    .table .label {
        display: inline-block;
    }
    #votes .input-group-lg {
        width: 100%;
    }
    #slider-range {
        margin-bottom: 10px;
    }

    .box .number,
    .box .name,
    #liste-vols p.ville {
        float: left;
    }
    .col-5 .box .number {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
    }
    .box .name {
        margin-left: 10px;
        width: 70%;
        text-align: left;
    }
    .box .classement {
        margin-top: 5px;
        float: right;
    }
    .box .classement .svg-inline--fa {
        margin: 0 auto;
        display: block;
    }
    .col-5 .box {
        float: left;
        width: 100%;
        margin: 5px 0;
        padding: 10px;
    }

    #liste-vols .svg-inline--fa.fa-plane {
        float: left;
        margin-right: 10px;
        font-size: 25px;
    }
    .col-5 .box a.btn.btn-primary.white {
        float: right;
    }

    #menu #langue ul li a,
    #sommaire, #langue .visible-xs {
        display: inline-block!important;
    }
    #langue img {
        margin: 0 10px 0 0;
    }
    #search .blue,
    #searchbar .input-group,
    .search .blue,
    .searchbar .input-group {
        margin-bottom: 10px;
    }
    #menu.navbar-default .navbar-nav > li > a, #menu.navbar-default .navbar-nav > li > span.ob_lien {
        text-align: left;
        line-height: 35px;
    }

    #map, .map {
        height: 400px;
    }
    section#carte #map, section#carte .map, section#carte_touristique #map{
        height: 400px;
    }

    /*
    #content section.bordered .map,#content section.bordered #map{
        margin:auto -27px!important;
        width:auto;
    }
    */

    #menu .svg-inline--fa.fa-3x {
        display: inline-block;
        float: left;
        margin-right: 10px;
    }
    

    .responsive-table table,
    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table th,
    .responsive-table td,
    .responsive-table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive-table tbody td {
        /* Behave  like a "row" */
        position: relative;
        padding-left: 50%;
    }


    .responsive-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 15px;
        width: 30%;
        text-align: left;
    }

    .responsive-table .weather tr td:first-of-type {
        background-color: #EEE;
    }

    /*
	Label the data
	*/
    .responsive-table td:nth-of-type(2):before {
        content: "Janvier";
    }
    .responsive-table td:nth-of-type(3):before {
        content: "Février";
    }
    .responsive-table td:nth-of-type(4):before {
        content: "Mars";
    }
    .responsive-table td:nth-of-type(5):before {
        content: "Avril";
    }
    .responsive-table td:nth-of-type(6):before {
        content: "Mai";
    }
    .responsive-table td:nth-of-type(7):before {
        content: "Juin";
    }
    .responsive-table td:nth-of-type(8):before {
        content: "Juillet";
    }
    .responsive-table td:nth-of-type(9):before {
        content: "Août";
    }
    .responsive-table td:nth-of-type(10):before {
        content: "Septembre";
    }
    .responsive-table td:nth-of-type(11):before {
        content: "Octobre";
    }
    .responsive-table td:nth-of-type(12):before {
        content: "Novembre";
    }
    .responsive-table td:nth-of-type(13):before {
        content: "Décembre";
    }
	
	.responsive-table #listeVilles tr td small span {display: inline-block!important;}
	
	#menu-pays .paysNav a,
	#menu-categories .paysNav a {
		background: rgba(0, 60, 90, 1);
		color: #fff;
		border:1px solid rgba(0, 60, 90, 1);
		border-top:0;
		z-index:10;
	}
	

    table .label {
        display: block;
        white-space: normal;
    }

    #content a.pull-right.btn.btn-primary {
        float: left!important;
        
    }
    #content a.pull-left.btn.btn-primary {
        margin-right: 5px;
    }

    #map, .map {
        background-size: 90% auto;
    }
    
    #search h3 {
        font-size: 20px;
    }
    #liste a img,
    .col-5 .box img {
        float: left;
        display: inline-block;
        height: 50px;
        margin: 0 10px 0 0;
    }
    

    #vols-carousel .carousel-inner .active.left {
        left: -50%;
    }
    #vols-carousel .carousel-inner .next {
        left: 50%;
    }
    #vols-carousel .carousel-inner .prev {
        left: -50%;
    }
    #vols-carousel .active > div {
        display: none;
    }
    #vols-carousel .active > div:first-child {
        display: block;
    }

    #vols-carousel .active > div:first-child + div {
        display: block;
    }

    #sejours-carousel .carousel-inner .active.left,
    #circuits-carousel .carousel-inner .active.left {
        left: -100%;
    }
    #sejours-carousel .carousel-inner .next,
    #circuits-carousel .carousel-inner .next {
        left: 100%;
    }
    #sejours-carousel .carousel-inner .prev,
    #circuits-carousel .carousel-inner .prev {
        left: -100%;
    }
    #sejours-carousel .active > div,
    #circuits-carousel .active > div {
        display: none;
    }
    #sejours-carousel .active > div:first-child,
    #circuits-carousel .active > div:first-child {
        display: block;
    }
    

    #menu .dropdown li a, #menu .dropdown li span.ob_lien {
        padding:10px;
    }
    #menu .dropdown li a .svg-inline--fa, #menu .dropdown li span.ob_lien .svg-inline--fa {
        margin-bottom: 5px;
    }
    
        .weather span.label {display: inline-block;}

    /*
    #content h1 small, div#content_header h1 small {
        display: inline-block;
    }
    */

    #optionTemp .col-md-6 {
        margin-bottom: 15px;
    }

    #search h3 .svg-inline--fa {
        margin-right: 10px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important;
    }
    .navbar-header {
        float: none;
    }

    .tabweather img.img-responsive {
        max-width: 120px;
        margin: 0 auto;
    }

    
    .tabweather .col-sm-4 {
        padding: 5px;
        margin: 0;
    }
    .tabweather .meteo_nuit {
        margin: 0;
    }
    .tabweather .col-sm-4 h6, .tabweather .meteo_nuit h6{
        margin: 5px 0;
        line-height: normal;
    }

     .tabweather .col-sm-4 h6 svg.fa-2x, .tabweather .meteo_nuit h6 svg.fa-2x{
        font-size: 1.5em;
     }

     .tabweather .meteo_nuit h5 {
        margin-top: 5px;
    }

    .tabweather .row {
        margin: 0;
    }


    #menu .open .dropdown-menu > li > a {
        padding: 15px;
        color: #003c5a;
    }
    /*.carousel-control {
        display: none!important;
    }*/
}

@media only screen and (max-width: 768px) {
    
    /*#content h1 small, div#content_header h1 small {display: inline-block;}*/
    
      #optionTemp .col-md-6 {margin-bottom: 15px;}
    
    #search .svg-inline--fa.fa-4x {
		font-size: 40px;
		margin: 5px 5px 0 0;
	}

  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .navbar-header .collapse, .navbar-toggle {
    display:block !important;
  }
  .navbar-header {
    float: none;
  }
    
    .tabweather img.img-responsive {max-width: 120px; margin: 0 auto;}
    
    #menu .open .dropdown-menu > li > a {padding: 15px; color: #003c5a;}
}

@media screen and (min-width: 768px) {
	

    .row.is-flex-desktop { 
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .row.is-flex-desktop > [class^='col-'] {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
    }

    .row.is-flex-desktop:after,
    .row.is-flex-desktop:before {
        display: none;
    }


    #page-title.avec-image{
        padding-top: 70px;
        padding-bottom: 70px;
    }

	#langue img {
        margin: 10px 5px;
    }
	
    #langue a.dropdown-toggle img {
		margin: 22px 5px;
	}

    #package .col-sm-4.middle,
    .tabweather .col-sm-4.middle {
        transform: scale(1.05);
        z-index: 2;
    }
    #vols-carousel .carousel-inner .active.left {
        left: -25%;
    }
    #vols-carousel .carousel-inner .next {
        left: 25%;
    }
    #vols-carousel .carousel-inner .prev {
        left: -25%;
    }
    #vols-carousel .active > div:last-child {
        display: none;
    }
    #top-vols #vols-carousel .active > div:last-child,
    #vols-carousel .active > div:first-child {
        display: block;
    }

    #vols-carousel .active > div:first-child + div {
        display: block;
    }

    #sejours-carousel .carousel-inner .active.left,
    #circuits-carousel .carousel-inner .active.left {
        left: -33.3%;
    }
    #sejours-carousel .carousel-inner .next,
    #circuits-carousel .carousel-inner .next {
        left: 33.3%;
    }
    #sejours-carousel .carousel-inner .prev,
    #circuits-carousel .carousel-inner .prev {
        left: -33.3%;
    }
    #sejours-carousel .active > div:first-child,
    #circuits-carousel .active > div:first-child {
        display: block;
    }
    #sejours-carousel .active > div:first-child + div,
    #circuits-carousel .active > div:first-child + div {
        display: block;
    }
	/*
    #sejours-carousel .active > div:last-child,
    #circuits-carousel .active > div:last-child {
        display: none;
    }
    */
    #menu .dropdown li a, #menu .dropdown li span.ob_lien {
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 65px 10px 10px
	}
	
	.container{
		padding-right: 5px;
    	padding-left: 5px;
	}


}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .col-5 {
        width: 33.333333%;
    }
    .legende .col-5 {
        width: 20%;
    }
    #map, .map {
        height: 400px;
    }
    section#carte #map, section#carte .map, section#carte_touristique #map{
        height: 550px;
    }
    #budget form button.submit {
        margin-top: 26px;
    }
    #menu.navbar-default .navbar-nav.navbar-right {
        float: left!important;
        margin-left: -15px;
    }
   
    #menu.navbar-default .navbar-nav > li > a, #menu.navbar-default .navbar-nav > li > span.ob_lien {
        padding: 10px 19px;
    }


    #sidebar h4 {
        line-height: 35px;
    }

    #top-15 .caption svg-inline--fa, #top-15-suite .caption svg-inline--fa  {
    margin: 0 auto 5px auto;
}

}

@media screen and (min-width: 992px) {

    #top-vols #vols-carousel .carousel-inner .active.left {
        left: -16.66666667%;
    }
    #top-vols #vols-carousel .carousel-inner .next {
        left: 16.66666667%;
    }
    #top-vols #vols-carousel .carousel-inner .prev {
        left: -16.66666667%;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #cout .col-5,
    #continent .col-5,
    .destinations .col-5,
    #listeVille .col-5 {
        width: 25%;
    }
    #villes .col-5 {
        width: 33.333333%
    }
    #sidebar.col-md-4 {
        padding-right: 5px;
    }
    #map, .map {
        height: 500px;
    }
    section#carte #map, section#carte .map, section#carte_touristique #map{
        height:600px;
    }
    #sidebar ul.list-group.vols small.text-muted {
        display: block;
    }

    #menu.navbar-default .navbar-nav > li > a, #menu.navbar-default .navbar-nav > li > span.ob_lien {
        padding: 15px 9px;
    }

    #sejours-carousel p.label,
    #circuits-carousel p.label {
    }

    .weather span.label {padding: 4px;}

  

}

/* =============================
BLOG css
============================= */


.wp-block-group{
    padding:10px;
    margin-top:40px;
    border-radius: 10px;
}
#content.blog_content .wp-block-group h2{
    margin-top:0!important;
}

/* Carousel Homepage */

#carousel .carousel-control.left, #content #gallery .carousel-control.left {
    margin-left: 0;
}

#carousel .carousel-control.right, #content #gallery .carousel-control.right {
    margin-right: 0;
}

#content #gallery .carousel-control {
    color: #FFF;
}

#carousel .carousel-caption {
    bottom: 75px;
    background-color: #149bd7;
    padding: 20px;
    text-align: left;
    text-shadow: none;
}

#carousel .carousel-caption a h2, #carousel .carousel-caption a p {
    color: #FFF;
    margin-bottom: 0;
    text-decoration: none;
}

#carousel .picture {height: 450px; background-position: center; background-size:cover; background-repeat: no-repeat; }


.slideshow-window {
    border: none!important;
    border-radius: 0!important;
}

.caption p.auteur, #carousel .carousel-caption a p {margin-top: 10px;}


/* Pagination */

.navigation.pagination {
    margin: 20px auto;
}

.nav-links .page-numbers {
    background-color: #FFF;
    padding: 10px 15px;
    color: #003c5a;
}

.page-numbers.current, .page-numbers:hover {color: #FFF; background-color: #003c5a; text-decoration: none;}


/* Commentaires */

#commentform {
    color: #333;
}

#comments {
    padding: 20px;
    margin-bottom: 20px;
}

#comments .comment {
    background-color: #F7F7F7;
    padding: 15px;
    margin-bottom: 20px;
    color: #003;
}

#comments .comment .depth-2 {
    margin-top: 20px;
    background-color: #FFF;
}

#comments .comment img.avatar {
    float: left;
    margin: 0 15px 10px 0;
}


#content #comments h3, .input-group-btn button.btn.submit {margin-top: 0;}


/* Video Responsive */

.video-container, .embed-youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.video-container iframe, .video-container object, .video-container embed, .embed-youtube iframe { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.video-container, .wp-audio-shortcode, #content h2 {margin: 20px 0;}


/* Menu Categories */

#menu-categories a.menu {
    border-radius: 4px 4px 0 0;
    float: right;
    line-height: 40px;
    margin-right: 0 !important; 
}

#categories li a {
    background: rgba(0,60,90,.7);
    color: #fff;
    line-height: 40px;
}

.bg-light {background-color: #F9F9F9;}


/* YOAST Breadcrumb */

#breadcrumb .breadcrumb_last {color: #777;}


/* Alignement Images */

.alignleft {float:left; margin: 0 20px 20px 0;}
.alignright {float:right; margin: 0 0 20px 20px;}


/* Caption */

.wp-caption-text {
    background-color: #EEE;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 20px;
}

/* Autres */

p.titre {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    color: #003c5a;
}

#page-title p a {color: #FFF; text-decoration: underline;}

.col-sm-4 a .caption h2 {color: #FFF; font-size: 26px;}


@media screen and (max-width: 640px) {
    #categories {
        margin-bottom: 15px; 
    }

}

/* =============================
MODAL ekko-lightbox
============================= */

.ekko-lightbox .modal-dialog{
	margin: 0 auto;
    background: #fff;
    color: #000;
	text-align:left;
}

.ekko-lightbox .modal-header{
    border-bottom: 1px solid #e5e5e5;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999999999;
    width: 100%;
    background: #FFF;
}

.ekko-lightbox .modal-header h4{
	color: #149bd7;
	font-size: 30px;
	font-family: inherit;
    font-weight: 500;
	margin:0;
}

.ekko-lightbox .modal-dialog .modal-body{
	background: #f5f8fc;
    color: #000;
	text-align:left;
	margin-top:0;
}
.ekko-lightbox .modal-dialog .modal-body h3{
	margin-top: 20px;
}

.ekko-lightbox .modal-body form {
    width: 100%;
}

.ekko-lightbox  .modal-content .close {
    color: #000;
}

.modal-dialog .modal-body{
	margin-top:0;
}

/* =============================
Spacer, margin
============================= */

.clear-marginbot{
	margin-bottom:0!important;
}

.marginbot5{
    margin-bottom:5px!important;
}
.marginbot10{
	margin-bottom:10px!important;
}
.marginbot20{
	margin-bottom:20px!important;
}
.marginbot25{
    margin-bottom:25px!important;
}
.marginbot30{
	margin-bottom:30px!important;
}
.marginbot40{
	margin-bottom:40px!important;
}

.clear-margintop{
	margin-top:0!important;
}

.margintop10{
	margin-top:10px!important;
}

.margintop20{
	margin-top:20px!important;
}

.margintop30{
	margin-top:30px!important;
}

.margintop40{
	margin-top:40px!important;
}

.nopadding{
	padding:0!important;	
}

.padding5{
    padding:5px;    
}

.padding10{
    padding:10px!important;    
}

.paddingtop10{
    padding-top:10px;    
}

.paddingtop1{
    padding-top:1px;    
}

.padding10{
    padding:10px;    
}

.padding15{
    padding:15px;    
}

.padding20{
    padding:20px;    
}

.paddingside20{
    padding-right:20px; 
    padding-left:20px;    
}

.nopaddingtop{
    padding-top:0!important;    
}
.nopaddingbottom{
    padding-bottom:0!important;    
}
.nopaddingright{
    padding-right:0!important;    
}
.nopaddingleft{
    padding-left:0!important;    
}

.widthmin{
    width:1%;
}

.minwidth50{
    min-width:50px;
}

.textshadow{
    text-shadow: 0 1px 1px #000;
}

.nomargintop { margin-top:0!important; }
.nomarginbottom { margin-bottom:0!important; }
.nomarginleft { margin-left:0!important; }
.nomarginright { margin-right:0!important; }
.nomargin { margin:0!important; }

.margintop10 { margin-top:10px!important; }
.marginbottom10 { margin-bottom:10px!important; }
.marginleft10 { margin-left:10px!important; }
.marginright10 { margin-right:10px!important; }

.margintop5 { margin-top:5px!important; }
.marginbottom5 { margin-bottom:5px!important; }
.marginleft5 { margin-left:5px!important; }
.marginright5 { margin-right:5px!important; }

.margin10 { margin:10px!important; }
.margin10 { margin:5px!important; }

.bg-info-dark{
    background-color: #666666;
    color:#F5F5F5;
}

.bg-devis{ 
    background: #F5F8FC;
    padding: 10px;
    margin: 10px 10px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-right: 2px solid #149BD7;
    border-radius: 20px;
    border-bottom: 2px solid #149BD7;
}
.bg-devis .h3{
    color:#003C5A!important;
}
.text-devis{
    color:#FF551C!important;
}
.label-devis{
    background: #149BD7;
    text-transform: uppercase;
}

.alert-dark{
    background-color: #878787;
    color:#F5F5F5;
}

.alert-grey{
    background-color: #cbdbef;
}




/* =============================
Styles divers
============================= */

.no-radius-top{
	border-top-right-radius:0!important;
	border-top-left-radius:0!important;
    border-bottom-right-radius:10px!important;
    border-bottom-left-radius:10px!important;

}

.radius-bottom{
    border-top-right-radius:0!important;
    border-top-left-radius:0!important;
    border-bottom-right-radius:10px!important;
    border-bottom-left-radius:10px!important;

}

#filtres{
	line-height: 1.8;
	margin-bottom:0;
}
#filtres .label-info {
    display: inline-block;
}
.text-white{
	color:#fff!important;
}
.text-white a,.text-white a:hover{
	color:#fff;
}

#map .gm-style-iw,.map .gm-style-iw{
	color:#000;
}
#map,.map{
	text-align:center;
}
h2 svg{
	color:#55778C;
}

#content h3.popover-title {
	margin:0;	
}

ul.dropdown-langues{
	 width: 100%; text-align: center; left:0; right:0;
}

.dropdown-menu{
	min-width:200px;
}

figure.alignnone, figure img{
    width: 100%!important;
}

figure.aligncenter img
{
    max-width: 100%!important;
}

/* 
--------------------------
Jquery Flipclock 
--------------------------
*/

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em 0;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }



@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }



/* 
------------------------
TIMELINE (TOUR DU MONDE) 
------------------------
*/


.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eee;
  left: 50%;
  margin-left: -1.5px;
}

.tldate {
  display: block;
  width: 200px;
  background: #414141;
  border: 3px solid #212121;
  color: #ededed;
  margin: 0 auto;
  padding: 3px 0;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);
}

.timeline li {
  margin-bottom: 25px;
  position: relative;
}

.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after {
  clear: both;
}
.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}

/** timeline panels **/
.timeline li .timeline-panel {
  width: 46%;
  float: left;
  background: #fff;
  border: 1px solid #d4d4d4;
  padding: 20px;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

/** panel arrows **/
.timeline li .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline li .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
  top:0;
  right:0;
  display: none;
  border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
  float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}


/** timeline circle icons **/
.timeline li .tl-circ {
  position: absolute;
  top: 23px;
  left: 50%;
  text-align: center;
  background: #66A4C6;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 30px;
  font-size: 120%;
  font-weight: 500;
  margin-left: -16px;
  border: 3px solid #EEEEEE;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  z-index: 99999;
}
.timeline li .tl-circ.transport {
  background: #fff;
  color: #414141;
  border: 3px solid #eee;
  background-position:center center;
  background-repeat:no-repeat;
}
.timeline li .tl-circ.transport.avion {
  background-image: url('/partir/images/tourdumonde/avion.png');
}
.timeline li .tl-circ.transport.voiture {
  background-image: url('/partir/images/tourdumonde/voiture.png');
}
.timeline li .tl-circ.transport.autre {
  background-image: url('/partir/images/tourdumonde/autre.png');
}
.timeline li .tl-circ.transport.bateau {
  background-image: url('/partir/images/tourdumonde/bateau.png');
}
.timeline li .tl-circ.transport.bus {
  background-image: url('/partir/images/tourdumonde/bus.png');
}
.timeline li .tl-circ.transport.pied {
  background-image: url('/partir/images/tourdumonde/pied.png');
}
.timeline li .tl-circ.transport.taxi {
  background-image: url('/partir/images/tourdumonde/taxi.png');
}
.timeline li .tl-circ.transport.train {
  background-image: url('/partir/images/tourdumonde/train.png');
}
.timeline li .tl-circ.transport.velo {
  background-image: url('/partir/images/tourdumonde/velo.png');
}



/** timeline content **/

.tl-body p, .tl-body ul {
  margin-bottom: 0;
}

.tl-body > p + p {
  margin-top: 5px;
}

.tl-heading {
	border-bottom: 1px dashed #eee;
	margin-bottom:15px;
}
.tl-heading h4 {
	margin-top:0;
}

/** media queries **/
@media (max-width: 991px) {
  .timeline li .timeline-panel {
    width: 44%;
  }
}

@media (max-width: 700px) {
  .page-header h1 { font-size: 1.8em; }
  
  ul.timeline:before {
    left: 40px;
  }
  
  .tldate { width: 140px; }

  ul.timeline li .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;

  }
  ul.timeline > li > .tldate {
    margin: 0;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}


/* 
------------------------
LIGHTBOX 
------------------------
*/

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
  position: relative;
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.ekko-lightbox .modal-footer {
  text-align: left;
}

/*
EXPLORATEUR DE DESTINATIONS
*/
    
.stepwizard-step p {
    margin-top: 10px;  
    font-weight: bold;
    color:#003c5a;  
    font-size: 95%;
}
.stepwizard-step p.text-muted {
    color:#888;
}

.stepwizard-row {
    display: table-row;
}

.btn-primary{
    background-color: #003c5a;
    border:0;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
    width:33.33%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

    .explore .explore_item .photo{
        background-size: cover;
        background-position: center center;
        height:450px;
        margin:5px;
        border-radius:10px;
    }
    .explore .explore_item .photo span{
        margin:10px;
        float:right;
        opacity:0.8;
        
    }
    .form-explore label, .form-explore select.form-control{
        display:block;
        font-size:120%;
        height:auto;
        width: 100%;
    }

    .explore_oupartir .form-explore label, .explore_oupartir .form-explore select.form-control{
        font-size:120%;
    }

    @media screen and (max-width: 650px) {
        .explore .explore_item .photo{
            height:300px;
        }
        .form-explore .checkbox input[type=checkbox]{
            position:relative;
            margin-left:0;
        }
    }

    .form-explore .form-group{
        margin-bottom:20px;
    }

    .form-explore .checkbox label{
        /*background-color:#9b9b9b;*/
        padding:5px;
        margin:5px;
        border-radius:5px;
    }
    .form-explore .checkbox.en_famille label.active{
        background-color:#FFAA55;
    }
    .form-explore .checkbox.nature label.active{
        background-color:#06BF00;
    }
    .form-explore .checkbox.patrimoine label.active{
        background-color:#E74C3B;
    }
    .form-explore .checkbox.plage label.active{
        background-color:#e0cda9;
    }
    .form-explore .checkbox.vienocturne label.active{
        background-color:#333;
        color:#fff;
    }
    .form-explore .checkbox.budget label.active{
        background-color:#5B7A5A;
        color:#fff;
    }
    .form-explore .checkbox.topmeteo label.active{
        background-color:#fcec4f;
    }
    .form-explore .checkbox.sport label.active{
        background-color:#337AB7;
        color:#fff;
    }
    .form-explore .checkbox.covid label.active{
        background-color:#FFEBEA;
        color:#000;
    }

    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
        background-color: #169CD7;

    }

    .valign{
        display: flex;
        align-items: center;
    }
    
/*
Carrousel activités
*/


.activites-group{
    position: relative;
    padding-left:30px;
    padding-right:30px;

}

    .activites-group > .row {
  overflow-x: auto;
  white-space: nowrap;
  display:block;
}


.activites-group > .row > .col-250 {
  display: inline-block;
  float: none;
  width:250px;
  margin:auto 10px;
  vertical-align:top;
}

.activites-group  > .row > .col-250 > .bg-white{
     white-space: initial;
}
.activites-group  div.activite_titre{
     height:82px;
     overflow: hidden;
}
.activites-group .image_contenant .btn{
    margin: 5px;
}

.activites-group button.btn-navig{
    border:0;
}

.image_bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(117,190,218,.5);
    padding: 5px;
    color: #fff;
}

/* 
------------------------
CSS perso 
------------------------
*/

aside.comparateur .nav-tabs{
    border:0;
    padding-left: 10px;
    margin-bottom: -1px;
}
#content aside.comparateur .tab-comparateur li a:hover, 
#content aside.comparateur .tab-comparateur>li.active>a{
    border-radius:10px 10px 0 0;
}


.sd-cmp-26Kgb .sd-cmp-3ScGE{
    color:#ccc!important;
}
.sd-cmp-WgGhS button .sd-cmp-16t61.sd-cmp-3cRQ2{
    font-weight: bold!important;
    font-size:120%!important;
}
.sd-cmp-WgGhS button .sd-cmp-16t61.sd-cmp-18g3C, .sd-cmp-zVRlg .sd-cmp-sEQLO {
    border: 0!important;
}
.sd-cmp-zVRlg .sd-cmp-sEQLO.sd-cmp-tQ9c3.sd-cmp-1SL26{
    font-size:16px!important;
}

.sd-cmp-zVRlg .sd-cmp-sEQLO.sd-cmp-2CdTR.sd-cmp-1SL26{
    border:1px solid #003C59!important;
    padding:9px!important;
    background-color:#fff!important;
    color: #003C59!important;
}

.galery-items img, #destinations img{
    width:100%;
}

#overlay_redirect {
  display: flex;
  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,.9); /* Black background with opacity */
  z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */

}
#overlay_redirect .overlay_container {
  margin:auto;
}


.text-muted {
    color: #777!important;
}

.bg-red{
    background: #FF551C;
    color: #fff;
    margin-right: -5px;
    margin-left: -5px;
}
.bg-red a{
    color: #fff;
}
.paddingtop5
{
    padding-top: 5px;
}
.paddingbottom5
{
    padding-bottom: 5px;
}
.borderradius{
    border-radius: 5px;
}
.borderradiusbottom{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.text-capital{
    text-transform: capitalize;
}

div.texte_intro_oualler p{ 
    margin-top:0!important; 
}

.bgnone{
    background: none!important;
}

.tabweather .row .row {
    margin: 0;
}

.alert {
    padding: 10px;
    border-radius: 10px;
}

.titre_comparateur{
     padding: 10px;
    border-radius: 10px 10px 0 0;
}



.bloc_auteur_haut{
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    opacity: 0.9;
}

.bloc_auteur_haut img {
    width:25px;
    height:25px;
    float:left;
    margin-right:5px;
}

.bloc_auteur_haut .speech-bubble,.bloc_auteur_haut .simple-bubble {
    position: relative;
    float: left;
    display:inline-block;
    background: #dfe9f5;
    color: #777;
    border-radius: 10px;
    padding:5px;
    box-shadow: 1px 1px 3px #ccc;
}

.bloc_auteur_haut .speech-bubble {
    margin-left: 30px;
    height:60px;
}

.bloc_auteur_haut .speech-bubble a,.bloc_auteur_haut .simple-bubble a{
    color: #777;
}
.bloc_auteur_haut .speech-bubble:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-right-color: #dfe9f5;
    border-left: 0;
    margin-top: -15px;
    margin-left: -15px;
}

.bloc_auteur_haut .speech-bubble-top {
    position: relative;
    float: left;
    display:inline-block;
    background: #fff;
    color: #777;
    border-radius: 10px;
    padding:0.4em;
}

.bloc_auteur_haut .speech-bubble-top a{
    color: #777;
}
.bloc_auteur_haut .speech-bubble-top:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    margin-top: -15px;
    margin-left: -15px;
}



.speech-bubble-container{
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    opacity: 0.9;
}

.speech-bubble-container .speech-bubble-top-info {
    position: relative;
    float: left;
    display:inline-block;
    background: #fff;
    color: #777;
    border-radius: 10px;
    font-size: 12px;
    padding:0.4em;
}

.speech-bubble-container .speech-bubble-top-info a{
    color: #777;
}
.speech-bubble-container .speech-bubble-top-info:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    margin-top: -15px;
    margin-left: -15px;
}






.bloc_bubble_devis .speech-bubble-top {
    position: relative;
    float: left;
    display:inline-block;
    background: #fff;
    border: #ff551c solid 1px;
    color: #777;
    border-radius: 10px;
    padding:0.4em;
}

/*.bloc_bubble_devis .speech-bubble-top a{
    color: #777;
}*/
.bloc_bubble_devis .speech-bubble-top:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #ff551c;
    border-top: 0;
    margin-top: -15px;
    margin-left: -15px;
}





#page-title.avec-image .bloc_auteur_haut{
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0;
}

#page-title.avec-image .bloc_auteur_haut .speech-bubble {
    background: #99ABB7;
    color:#333;
    box-shadow: 1px 1px 4px #555;
}

#page-title.avec-image .bloc_auteur_haut .speech-bubble:after {
    border-right-color: #99ABB7;
}

#page-title.avec-image .bloc_auteur_haut .speech-bubble a{
    color:#111;
    text-decoration: underline;
}

#page-title.avec-image .bloc_auteur_haut .speech-bubble .text-muted{
    /*display:none;*/
    color:#444;
}


@media screen and (max-width: 600px) {

    .bloc_auteur_haut .speech-bubble {
        
    }

}




.ui-autocomplete-loading {
    background: white url("/partir/images/loader_32x32.gif") right 10px center no-repeat;
  }
.ui-helper-hidden-accessible{
    display:none;
}

.encart .quefaire i.fas{
    display:inline-block;
    height: 1em;
}
.encart .quefaire i.fas.fa-2x{
    width:37px;
}



.inline-block{
    display:inline-block;
}

.width100percents{
    width: 100%;
}

.list-tags{
    text-align: center;
}
.list-tags a{
    color: #023C59;
    text-decoration: underline;
}


.list-tags .tag-size-0{
    font-size: 80%;
}
.list-tags .tag-size-1{
    font-size: 110%;
}
.list-tags .tag-size-2{
    font-size: 140%;
}
.list-tags .tag-size-3{
    font-size: 170%;
}
.list-tags .tag-size-4{
    font-size: 200%;
}


figure.oualler-carte{
    text-align: center;

} 

figure.oualler-carte figcaption{
    text-align: center;
    font-size:80%;
    color:#999;
}

figure.oualler-carte img{
   /* max-width:350px;*/
}


#content h4.bg, #content h3.bg, #content .bordered h3:not(.panel-title,.text-white)  {
    margin: 30px 0px 20px 0px;
    /*background: #eff4fa;*/
    padding: 0 5px;
    line-height: 1.4;
    clear:both;
    border-radius: 1px;
    /*font-size:22px;*/
    display: inline-block;
    border-left: 6px solid #149bd7;
}
#content .bordered .tabweather h3{
    border-radius: 0;
    margin:0;
    display: block;
    border-left:0;
}
#content h3.bg:before, #content .bordered h3:before{
    content:'';
    margin-right:0;
}
#content .bordered h4.bgtitle, #content .bordered h3.bgtitle  {
    margin: 20px -10px;
    background: #dfe9f5;
    padding: 10px 10px;
    line-height: 1.4;
    clear:both;
    border-left:none;
    display:block;
}

#content .bordered h3.first {
    margin-top: 0;
}


.accordeon_conteneur{
    border-left: 6px solid #dfe9f5;
    border-right: 6px solid #dfe9f5;
    border-bottom: 6px solid #dfe9f5;
    background-color: #F5F8FC;
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#content .bordered h4.accordeon, #content .bordered h3.accordeon, #content h4.accordeon, #content h3.accordeon  {
    display: block;
    margin: 20px 0 0 0; /*margin: 20px -10px;*/
    background: #dfe9f5;
    padding: 10px 10px;
    line-height: 1.4;
    clear:both;
    /*border-radius: 5px;*/
}



div.accordeon_conteneur h4:first-child{ margin-top:0; }

div.accordeon_conteneur h4:before, section.conseils h4:before {
    content: "\e250";
    margin-right:5px;
    font-weight: normal;
    font-size: 80%;
    color: #003C5A;
    font-family: 'Glyphicons Halflings';
}

/*.bg-info-degrade{
    background: linear-gradient(to bottom, #fff, #f2f6fb);
}*/
.bg-info-degrade-inverse,.bg-info-degrade{
    /*background: linear-gradient(to bottom, #f2f6fb, #fff);*/
    background: #f2f6fb;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
}

figure figcaption{
    text-align: -webkit-right;
    color: #999;
    font-size: 90%;
}


div.table-fixed-container{
    position: relative;
}

div.table-fixed-container table.table-fixed{
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0; 
    width:150px;
    min-width:150px;
    max-width:150px;
}

div.table-fixed-container .fixed-column{
    background-color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px; 
    white-space: nowrap;
}

div#breadcrumb i.fas{
    min-width: 17px;
    display:inline-block;
}

.width-150{
    width:150px;
    min-width:150px;
    max-width:150px;
}

.uppercase_big{
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #fff;
    font-size: 18px;
    color: #003c5a;
}

#content h2 i.fas{
    min-width: 34px;
    display:inline-block;
}

/*
#meteo_content{
    min-height:800px;
}
*/
.label-normaltextsize{
    font-size: 100%!important;
}

#content section ol.liste_texte {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
#content section ol.liste_texte li {
  margin: 0 0 15px 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
#content section ol.liste_texte li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: #888;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}

.verybig{
    font-weight: bold;
    font-size:50px;
}

.bs-callout.bs-callout-info h4:first-child{
    margin-top:10px;
}

.tabbable.tabweather{
    margin: auto -15px;
}

#content .tabbable.tabvols .nav-tabs > li.active > a{
    background-color: #fff;
}
#content .tabbable.tabvols .nav-tabs{
    border:0;
}

#content .tabbable.tabvols .nav-tabs>li>a:hover{
        border-color: #eee #eee #fff;
        background-color:#eee;
}

#content .tabcities .nav-tabs > li.active > a{
    background-color: #dfe9f5;
}
#content .tabcities .nav-tabs{
    border:0;
}

#content .tabcities .nav-tabs>li>a:hover{
        border-color: #eee;
        background-color:#eee;
}


.highcharts-container {
    margin:0 auto;
}

.panel-footer {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.panel-body, .panel-footer {
    padding: 10px;
}
.panel-default {
    border-radius: 10px;
}


aside .pub{
    margin-top:0;
}


.image_contenant {
    position: relative;
    text-align: left;
}

.image_texte {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size:110%!important;
    line-height: 170%;
}
.image_texte .opacite{
    opacity: 0.7;
}

.image_copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 75%!important;
    background-color: rgba(117, 190, 218, 0.5);
    padding: 2px;
    color:#fff;
}
.image_copyright a{
  color:#fff;
  font-weight:normal;
}

.label-white
{
    background-color: #fff;
    color:#003c5a;
}
.label-dark
{
    background-color: #003c5a;
    color:#fff;
}



.list_avis .label-list{
    display:block;
    border-radius:0;
    white-space: normal;
}
.list_avis .label-list.enavant{
    font-size:95%;
}
.list_avis .label-list.opacite90, .opacite90{
    opacity:0.9;
}
.list_avis .label-list.opacite80, .opacite80{
    opacity:0.8;
}
.list_avis .label-list.opacite70, .opacite70{
    opacity:0.7;
}
.list_avis .label-list.opacite60, .opacite60{
    opacity:0.6;
}
.list_avis .label-list.opacite50, .opacite50{
    opacity:0.5;
}
.list_avis .label-list.opacite40{
    opacity:0.4;
}
.list_avis .label-list.opacite30{
    opacity:0.3;
}
#content ul.list_avis li.label-list .svg-inline--fa{
    color:#777;
}
.list_avis .label-list small{
    font-size: 75%;
}


sub.asterisque{
    top: -15px;
    font-size:20px;
}



/* hack pour que les liens avec ancre tiennent compte du menu fixe */
/*
@media screen and (min-width: 768px) {

    #content #contenu_page h2:not(.no-anchor-margin){
        padding-top: 80px;
        margin-top: -80px;
    }
}
*/

.btn-white{
    background:#fff;
    color:#333;
}
.btn-white:hover{
    background:#c1c1c1;
    color:#000;
}

#content .encart_activites{
    border: 2px solid#dfe9f5;
    box-shadow: 0 0 1rem #eee;
    padding: 10px;
    border-radius: 10px;
}

#content .encart{
  background-color:#dfe9f5; /*#149bd7;*/
  box-shadow: 0 0 3rem #eee;
  padding:10px;
  /*color:#fff;*/
  border-radius:10px;
}
#content .encart h2 {
  /*color:#fff;*/
  margin-top: 0;
}
#content .encart svg, #content .encart a, #content .encart .text-primary, #content .encart h3, #content .encart h4 {
 /* color:#fff;*/
}

#content .encart ul:not([class]) li:before, #content .encart a:hover, #content .encart ul.liste_texte li:before{
   /* color:#003C5A; */
}

#content .encart small {
  /*color:#eee;*/
}

.expand-button{
}

.special-text, .special-text2 {
  position: relative;
  max-height: 200px;
  overflow: hidden;
  transition: max-height 1s ease;
  
}
.special-text.long {
  max-height: 300px;  
}

.special-text.court {
  max-height: 150px;  
}

.special-text.treslong {
  max-height: 1300px;  
}

.special-text.-expanded,.special-text2.-expanded{
  max-height: 600vh;
}

.special-text.-expanded.treslong{
  max-height: 3000vh;
}

.special-text:not(.-expanded)::after, .special-text2:not(.-expanded)::after {
  content: '';
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.special-text.treslong:not(.-expanded)::after {
  top: 1100px;
}

.encart .special-text:not(.-expanded)::after {
    background: linear-gradient(rgba(223,233,245, 0), rgba(223,233,245, 1));
}

.reduire-echelle-75{
    transform: scale(0.75);
}

.text-small{
    font-size: 85%;
}


.italic{
    font-style: italic;
}

hr{
	clear:both;
}

#content.blog_content hr:not(.separation){
    border:0;
    padding:0;
    margin:0;
    height:0;
}

#content.blog_content h2{
    margin: 40px 0 20px!important;
}

#content.blog_content #comments{
    margin-top:40px;
}

hr.separation {
    border: 0;
    height:30px;
    margin:0;
}
/*
hr.separation:after {
    content: "";
    position: relative;
    top: 55%;
    display: block;
    border-top: 2px dotted #e1e1e1;
    margin-top: -3px;
}
hr.separation {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    height: 40px;
    width: 100%;
    background-image: url(https://www.ou-et-quand.net/partir/images/plane-hr-bg.png);
    background-repeat: no-repeat;
    background-position: 10%;
    position: relative;
    overflow: hidden;
}
*/
.oualler-list{
  margin-bottom:20px;
}
.oualler-list .image{
  padding: 10px 0 10px 10px;
  text-align:center;
}


#coronavirus_row{
    margin-top:-10px;
    margin-bottom:25px;
 }

.coronavirus{
    /*background: #f4f4f4;*/
    /*border-radius: 10px;*/
    box-shadow: 0 0 3rem #eee;
    padding: 4px 15px;
    border-radius:10px;
}


#menu-pays ul li i.fas, 
#menu-categories ul li i.fas{ min-width:37.5px; }

div.tabweather ul.nav-tabs li i.fas{
    min-width:20px;
    display:inline-block;
}

#menu ul li i.fa-3x{ min-height:45px; display: block;} 

#content h1, div#content_header h1{clear:both;}



img.pull-right {margin-left: 20px;}
img.pull-left {margin-right: 20px;}

/*
.noteclimat_1_5, .noteclimat_2_5,.noteclimat_1_4,.noteclimat_2_4 { 
	background: repeating-linear-gradient(
	  30deg,
	  rgba(250, 50, 50, 0.3),
	  rgba(250, 50, 50, 0.3) 50%,
	  rgba(0, 200, 100, 0.3) 50%,
  	  rgba(0, 200, 100, 0.3) 100%
)!important; 
}
*/

/* Vert et Rouge */
.table.climat .noteclimat_1_5, .table.climat .noteclimat_2_5,.table.climat .noteclimat_1_4,.table.climat .noteclimat_2_4 { 
    background: linear-gradient(
      0deg,
      rgba(250, 50, 50, 0.3) 27%,
      rgba(250, 150, 0, 0.2) 37%,
      rgba(250, 150, 0, 0.2) 64%,
      rgba(0, 200, 100, 0.2) 74%,
      rgba(0, 200, 100, 0.2) 100%
)!important; 
}
.table.climat .noteclimat_1_5:hover, .table.climat .noteclimat_2_5:hover,.table.climat .noteclimat_1_4:hover,.table.climat .noteclimat_2_4:hover { 
    background: linear-gradient(
      0deg,
      rgba(250, 50, 50, 0.4) 27%,
      rgba(250, 150, 0, 0.4) 37%,
      rgba(250, 150, 0, 0.3) 64%,
      rgba(0, 200, 100, 0.3) 74%,
      rgba(0, 200, 100, 0.3) 100%
)!important; 
}

/* Vert et Orange */
.noteclimat_3_5,.noteclimat_3_4 { 
	background: repeating-linear-gradient(   
        0deg,   
        rgba(250, 150, 0, 0.2),   
        rgba(250, 150, 0, 0.2) 45%,   
        rgba(0, 200, 100, 0.2) 55%,     
        rgba(0, 200, 100, 0.2) 100%
)!important; 
}
.table.climat .noteclimat_3_5:hover,.table.climat .noteclimat_3_4:hover { 
    background: repeating-linear-gradient(   
        0deg,   
        rgba(250, 150, 0, 0.3),   
        rgba(250, 150, 0, 0.3) 45%,   
        rgba(0, 200, 100, 0.3) 55%,     
        rgba(0, 200, 100, 0.3) 100%
)!important; 
}
.noteclimat_4_5 { }

/* Orange et Rouge */
.noteclimat_1_3, .noteclimat_2_3 { 
	background: repeating-linear-gradient(
	  0deg,
	  rgba(250, 50, 50, 0.3),
	  rgba(250, 50, 50, 0.3) 45%,
	  rgba(250, 150, 0, 0.2) 55%,
	  rgba(250, 150, 0, 0.2) 100%
)!important;
}
.table.climat .noteclimat_1_3:hover, .table.climat .noteclimat_2_3:hover { 
    background: repeating-linear-gradient(
      0deg,
      rgba(250, 50, 50, 0.4),
      rgba(250, 50, 50, 0.4) 45%,
      rgba(250, 150, 0, 0.3) 55%,
      rgba(250, 150, 0, 0.3) 100%
)!important;
}



.noteclimat_1_2 {}

.table.climat .success:hover{
    background-color: rgba(0, 200, 100, 0.3);
}
.table.climat .success-full:hover{
    background-color: rgba(0, 200, 100, 0.4);
}
.table.climat .warning:hover{
    background-color: rgba(250, 150, 0, 0.4);
}
.table.climat .danger:hover{
    background-color: rgba(250, 50, 50, 0.3);
}
.table.climat .danger-full:hover{
    background-color: rgba(250, 50, 50, 0.4);
}


div.container_tabs{
   height:44px;
   overflow:hidden;
}

div.container_tabs .nav-tabs>li{
    left: 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid transparent;
}


@media screen and (max-width: 650px) {

    /*
    .nav-tabs{ visibility:hidden; }

    ul.nav.nav-tabs li:first-child {
    visibility: visible;
    }
    */

    .activites-group {
        padding-left: 0;
        padding-right: 0;
    }

    figure.oualler-carte img{
        max-width:100%;
    }

    .oualler-list-item .col-md-6{
        padding:0;
    }

    #menu-pays .container, #menu-categories .container{
        padding-right:0;
        padding-left: 0;
    }

    #menu-pays, #menu-categories{
        padding:0;
    }

    ul.nav-tabs {
        border-bottom: none;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }
    .nav-tabs>li{
        float:none;
        margin-bottom: 0;
    }

    ul.nav-tabs::-webkit-scrollbar {
        display: none; 
    }

    div.container_tabs{
        margin-bottom:10px;
    }


    #menu-pays li.flag, #menu-categories  li:first-child {
        /*display:none;*/
        position: absolute;
    }

    #menu-pays .nav-tabs>li:nth-child(2), #menu-categories .nav-tabs>li:nth-child(2){
        margin-left: 185px;
    }

    #menu-pays .nav-tabs>li, #menu-categories .nav-tabs>li{

        margin-top: 5px;
        padding-left: 5px;
    }

    #menu-pays .nav-tabs>li>a, #menu-categories .nav-tabs>li>a{
        border-radius: 10px;
    }

    .nav.nav-tabs>li{
        display: inline-block;
    }

    .nav-tabs>li>a{
        border-radius:5px;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
        border: 1px solid #ddd;
    }
    div.container_tabs  .nav-tabs>li>a{
        background-color: #f9f9f9;
    }

    #content .tabbable.tabvols .nav-tabs>li.active>a, #content .tabbable.tabvols .nav-tabs>li.active>a:focus, #content .tabbable.tabvols .nav-tabs>li.active>a:hover,
    #content .tabweather .nav-tabs>li.active>a, #content .tabweather .nav-tabs>li.active>a:focus, #content .tabweather .nav-tabs>li.active>a:hover{
        border: 1px solid #ddd;
        background-color: #dfe9f5;
    }

    div.container_tabs .nav-tabs>li{
        left:15px;
        padding-right: 10px;
    }
    div.container_tabs .nav-tabs>li:last-child{
        padding-right: 50px;
    }
    
    #content .tabbable.tabvols  div.container_tabs{
        margin: 0 -15px 20px;
    }


    div.container_table_erase{
        position: relative;
    }
    div.container_tabs{
        margin: 0 -5px 20px;
        position: relative;
        height:45px;
    }
    div.container_table_erase .table-responsive{
        padding-right:50px;
        border:0;
    }
    div.container_tabs .erase, div.container_table_erase .erase  {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 100%;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    } 

    #page_header .label{
        display: block;
        border-radius:0;
    }

    .list-inline li{
        display:block;
        margin-bottom:10px;
    }

    span.ob_lien_mobile {
        font-weight: 600;
        color: #149bd7;
        text-decoration: underline;
        cursor: pointer;
    }

}










.carousel-inner .active.left {
  left: -33%;
}
.carousel-inner .next {
  left: 33%;
}
.carousel-inner .prev {
  left: -33%;
}
.carousel-multi .carousel-inner > .item {
  transition: 500ms ease-in-out left;
}
.carousel-multi .carousel-inner .active.left {
  left: -33%;
}
.carousel-multi .carousel-inner .active.right {
  left: 33%;
}
.carousel-multi .carousel-inner .next {
  left: 33%;
}
.carousel-multi .carousel-inner .prev {
  left: -33%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-multi .carousel-inner > .item {
    transition: 500ms ease-in-out all;
    backface-visibility: visible;
    transform: none!important;
  }
}

.tab-comparateur li a:hover, #content .tab-comparateur > li.active > a{
    color: #f9f9f9;
    background-color: #149bd7;
    border: 1px solid #149bd7;
    border-bottom-color: transparent;
    border-radius: 4px 4px 0 0;
}

#content .bg-primary h3{
    color:#fff;
}



/* Pages Où aller */

 .bg-primary .btn-default{
      color:#000;
    }

    .galery-items a.item-img{
        margin: 0!important;
            overflow: hidden;
    display: block;
    position: relative;
      }
      .galery-items .item{
      margin-bottom: 20px;
      padding-bottom:20px;
      text-align: center;
    }
    .galery-items h4{
      padding:20px;
    }
    #content .bg-primary a:hover .svg-inline--fa{
      color:#23527c;
    }

     .bg-primary .btn-default{
      color:#000;
    }
    #content ul li.bg-primary .svg-inline--fa{
      color:#fff;
    }
    #content ul li.bg-primary a:hover .svg-inline--fa{
      color:#23527c;
    }

.bg-map {
    background-image: url(/partir/images/bg-map.jpg);
    background-size: cover;
    background-position: center;
    padding: 30px 0;
    margin-bottom: 20px;
    text-align:center;
}


/*
Outil tour du monde
*/

   .etapes_sortable .well {
		border-left:15px solid #66A4C6;   
   }
	   
   
   body.dragging, body.dragging * {
	  cursor: move !important;
	}
	
	.dragged {
	  position: absolute;
	  opacity: 0.5;
	  z-index: 2000;
	}
	
	div.sortable .placeholder {
	  position: relative;
	  width:100%;
	  height:50px;
	  border:1px dashed #000;
	  margin-bottom:20px;
	}
	div.sortable .placeholder:before {
	  position: absolute;
	  /** Define arrowhead **/
	}
	
	div.sortable .well:hover {
		cursor: move !important;
		border-top:1px solid #000;
	  border-bottom:1px solid #000;
	  border-right:1px solid #000;
	  border-left:15px solid #000;  
	}
	
	fieldset {
		padding: 14px;
		margin: 20px 0 20px 0;
		border: 1px solid #149bd7;
		min-width: 0;
	}
	legend {
		width: auto;
		padding: 5px 10px;
		margin-bottom: 20px;
		font-size: 21px;
		color: #fff;
		border: 0;
		background-color: #149bd7;
	}
	
/*
COOKIE CHOICE
*/

#cookieChoiceInfo a, .cookieChoiceInfo{
	color:#333;	
}
#cookieChoiceInfo #cookieChoiceDismiss {
    margin-left: 14px;
    background-color: #5cb85c;
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}


/*!Don't remove this!
 * jQuery DCalendar and DCalendar Picker plugin styles
 * 
 * Author: Dionlee Uy
 * Email: dionleeuy@gmail.com
 *
 * Date: Thursday, May 12 2016
 */


.calendar-overlay {
	position: fixed;
	top: 0; bottom: 0;
	left: 0; right: 0;
	background-color: rgba(10,10,10,.7);
	z-index: 100001;
	overflow: hidden;
	display: none;
}
.calendar-wrapper {
	font-family: Arial, sans-serif;
	font-size: 14px;
	position: relative;
	width: 280px;
}
	.calendar-wrapper.picker {
		position: absolute;
		left: 50%;
		top: 10%;
		min-width: 280px;
		opacity: 1;
		overflow: hidden;
		border-radius: 2px;
		-o-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		transform: translateX(-50%) scale(1);
		-o-transform: translateX(-50%) scale(1);
		-moz-transform: translateX(-50%) scale(1);
		-webkit-transform: translateX(-50%) scale(1);
	    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
	    -o-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
	    -moz-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
	    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
		transition: transform .25s ease, opacity .25s ease;
		-o-transition: -o-transform .25s ease, opacity .25s ease;
		-moz-transition: -moz-transform .25s ease, opacity .25s ease;
		-webkit-transition: -webkit-transform .25s ease, opacity .25s ease;
	}
		.calendar-wrapper.picker.load {
			/*bottom: -32px;*/
			opacity: 0;
			transform: translateX(-50%) scale(1.05);
			-o-transform: translateX(-50%) scale(1.05);
			-moz-transform: translateX(-50%) scale(1.05);
			-webkit-transform: translateX(-50%) scale(1.05);
		}
.calendar-head-card {
	font-size: 18px;
	padding: 16px;
}
	.calendar-head-card .calendar-year,
	.calendar-head-card .calendar-date-wrapper { 
		color: rgb(220,220,220);
		display: block;
	}
	.calendar-head-card .calendar-date-wrapper {
		font-size: 30px;
		cursor: pointer;
	}
		.calendar-head-card .calendar-date-wrapper:hover { color: #fff; }
.calendar-container {
	background-color: #fff;
	padding: 10px;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}
.calendar-top-selector {
	display: table;
	width: 100%;
	color: rgb(50,50,50);
}
	.calendar-top-selector span {
		display: table-cell;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
	}
	.calendar-top-selector .calendar-curr-month { padding-bottom: 4px; }
.calendar-next, .calendar-prev {
	font-family: 'Times New Roman';
	font-size: 24px;
	width: 14%;
	color: rgb(50,50,50);
}
.calendar-grid {
	position: relative;
	overflow: hidden;
	transition: all .25s ease;
	-o-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-webkit-transition: all .25s ease;
}
	.calendar-grid .calendar-labels {
		display: table;
		width: 100%;
		visibility: visible;
		opacity: 1;
		transition: opacity .25s ease;
		-o-transition: opacity .25s ease;
		-moz-transition: opacity .25s ease;
		-webkit-transition: opacity .25s ease;
	}
		.calendar-grid .calendar-labels.invis { visibility: hidden; opacity: 0; }
		.calendar-grid .calendar-labels span {
			display: table-cell;
			width: 14%;
			text-align: center;
			color: rgb(50,50,50);
			font-size: 11px;
			padding: 8px 0 4px 0;
			vertical-align: middle;
		}
	.calendar-grid .calendar-date-holder { 
		position: relative;
		width: 260px;
		height: 213px;
		overflow: hidden;
	}
.calendar-date-holder .calendar-dates {
	position: absolute;
	display: table;
	left: 0;
	width: 100%;
	transition: margin-left .3s cubic-bezier(0.4, 0.0, 0.2, 1), transform .3s ease, opacity .3s ease;
	-o-transition: margin-left .3s cubic-bezier(0.4, 0.0, 0.2, 1), transform .3s ease, opacity .3s ease;
	-moz-transition: margin-left .3s cubic-bezier(0.4, 0.0, 0.2, 1), transform .3s ease, opacity .3s ease;
	-webkit-transition: margin-left .3s cubic-bezier(0.4, 0.0, 0.2, 1), transform .3s ease, opacity .3s ease;
}
	.calendar-date-holder .calendar-dates.hasmonths {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transform: scale(.5);
		-o-transform: scale(.5);
		-moz-transform: scale(.5);
		-webkit-transform: scale(.5);
	}
	.calendar-date-holder .calendar-dates.left { margin-left: -260px; }
	.calendar-date-holder .calendar-dates.right { margin-left: 260px; }
	.calendar-date-holder .calendar-dates.months {
		position: relative;
		opacity: 1;
	}
		.calendar-date-holder .calendar-dates.months.load {
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			transform: scale(1.5);
			-o-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-webkit-transform: scale(1.5);
		}
	.calendar-date-holder .calendar-dates .cal-row { display: table-row; }
	.calendar-date-holder .calendar-dates .date {
		display: table-cell;
		width: 14%;
		text-align: center;
		color: rgb(50,50,50);
	}
		.calendar-date-holder .calendar-dates .date a {
			text-decoration: none;
			display: block;
			color: inherit;
			padding: 6px;
		    margin: 1px;
			outline: none;
			border: 2px solid transparent;
			transition: all .3s;
			-o-transition: all .3s;
			-moz-transition: all .3s;
			-webkit-transition: all .3s;
		}
    	.calendar-date-holder .calendar-dates .date.disabled a { cursor: not-allowed; color: rgb(200,200,200); }
		.calendar-date-holder .calendar-dates .date:not(.disabled):not(.selected) a:hover { border-color: rgb(100,100,100); }
		.calendar-date-holder .calendar-dates .date:not(.disabled):not(.selected) a:active { border-color: rgb(50,50,50); }
		.calendar-date-holder .calendar-dates .date.current a {
			color: #fff;
			font-weight: bold;
		}
		.calendar-date-holder .calendar-dates .date.pm, .calendar-dates .date.nm { color: rgb(150,150,150); }
		.calendar-date-holder .calendar-dates .date.selected a {
			color: #000;
		}
		.calendar-date-holder .calendar-dates .date.month a {
			display: block;
			padding: 24px 0;
		}

/* Color theme */
.calendar-wrapper[data-theme='blue'] .calendar-head-card { background-color: #149bd7; }
.calendar-wrapper[data-theme='blue'] .calendar-date-holder .calendar-dates .date.current a { color: #fff; }
.calendar-wrapper[data-theme='blue'] .calendar-date-holder .calendar-dates .date.selected a { border-color: #149bd7; }
.calendar-wrapper[data-theme='blue'] .calendar-date-holder .calendar-dates .date.selected a:hover { border-color: #149bd7; }
.calendar-wrapper[data-theme='blue'] .calendar-date-holder .calendar-dates .date.selected.current a { color: #fff; }

.calendar-wrapper[data-theme='red'] .calendar-head-card { background-color: #c62828; }
.calendar-wrapper[data-theme='red'] .calendar-date-holder .calendar-dates .date.current a { color: #d32f2f; }
.calendar-wrapper[data-theme='red'] .calendar-date-holder .calendar-dates .date.selected a { border-color: #d32f2f; }
.calendar-wrapper[data-theme='red'] .calendar-date-holder .calendar-dates .date.selected a:hover { border-color: #b71c1c; }
.calendar-wrapper[data-theme='red'] .calendar-date-holder .calendar-dates .date.selected.current a { color: #d32f2f; }

.calendar-wrapper[data-theme='purple'] .calendar-head-card { background-color: #6a1b9a; }
.calendar-wrapper[data-theme='purple'] .calendar-date-holder .calendar-dates .date.current a { color: #7b1fa2; }
.calendar-wrapper[data-theme='purple'] .calendar-date-holder .calendar-dates .date.selected a { border-color: #7b1fa2; }
.calendar-wrapper[data-theme='purple'] .calendar-date-holder .calendar-dates .date.selected a:hover { border-color: #4a148c; }
.calendar-wrapper[data-theme='purple'] .calendar-date-holder .calendar-dates .date.selected.current a { color: #7b1fa2; }

.calendar-wrapper[data-theme='indigo'] .calendar-head-card { background-color: #283593; }
.calendar-wrapper[data-theme='indigo'] .calendar-date-holder .calendar-dates .date.current a { color: #303f9f; }
.calendar-wrapper[data-theme='indigo'] .calendar-date-holder .calendar-dates .date.selected a { border-color: #303f9f; }
.calendar-wrapper[data-theme='indigo'] .calendar-date-holder .calendar-dates .date.selected a:hover { border-color: #1a237e; }
.calendar-wrapper[data-theme='indigo'] .calendar-date-holder .calendar-dates .date.selected.current a { color: #303f9f; }

.calendar-wrapper[data-theme='teal'] .calendar-head-card { background-color: #00695c; }
.calendar-wrapper[data-theme='teal'] .calendar-date-holder .calendar-dates .date.current a { color: #00796b; }
.calendar-wrapper[data-theme='teal'] .calendar-date-holder .calendar-dates .date.selected a { border-color: #00796b; }
.calendar-wrapper[data-theme='teal'] .calendar-date-holder .calendar-dates .date.selected a:hover { border-color: #004d40; }
.calendar-wrapper[data-theme='teal'] .calendar-date-holder .calendar-dates .date.selected.current a { color: #00796b; }

.calendar-wrapper[data-theme='green'] .calendar-head-card { background-color: #2e7d32; }
.calendar-wrapper[data-theme='green'] .calendar-date-holder .calendar-dates .date.current a { color: #388e3c; }
.calendar-wrapper[data-theme='green'] .calendar-date-holder .calendar-dates .date.selected a { border-color: #388e3c; }
.calendar-wrapper[data-theme='green'] .calendar-date-holder .calendar-dates .date.selected a:hover { border-color: #1b5e20; }
.calendar-wrapper[data-theme='green'] .calendar-date-holder .calendar-dates .date.selected.current a { color: #388e3c; }
/* End color theme */

body[datepicker-display='on'] {
	overflow: hidden;
}

@media (max-width: 350px) {
	.calendar-wrapper {
		max-width: 100%;
	}
}



/*
Toolbar de changement d'unité ou de devise
*/

.bot_toolbar{
    display:none;
    position:fixed;
    top:0;
    right: 40px; 
    min-width:180px;
    z-index:998;
    background:#003c5a;
    text-align:center;
    border-radius:0 0 5px 5px;
    color:#fff;
}
.bot_toolbar span{
    cursor: pointer;
    display:block;
    padding:5px 15px;
}
.bot_toolbar span a{
    color:#fff;
}
.bot_toolbar span i,.bot_toolbar span svg{
    padding-left:3px;
}
.bot_toolbar .bot_toolbar_form{
    display:none;
    margin-bottom:5px;
}




/* leaflet */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
    }
.leaflet-container {
    overflow: hidden;
    }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
      -webkit-user-drag: none;
    }
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
    background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast;
    }
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0;
    }
.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
    }
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
    max-width: none !important;
    max-height: none !important;
    }

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
    }
.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    /* Fallback for FF which doesn't support pinch-zoom */
    touch-action: none;
    touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none;
}
.leaflet-container {
    -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
    filter: inherit;
    visibility: hidden;
    }
.leaflet-tile-loaded {
    visibility: inherit;
    }
.leaflet-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    z-index: 800;
    }
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
    -moz-user-select: none;
    }

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
    }
.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
    }


/* control positioning */

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
    pointer-events: auto;
    }
.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    }
.leaflet-top {
    top: 0;
    }
.leaflet-right {
    right: 0;
    }
.leaflet-bottom {
    bottom: 0;
    }
.leaflet-left {
    left: 0;
    }
.leaflet-control {
    float: left;
    clear: both;
    }
.leaflet-right .leaflet-control {
    float: right;
    }
.leaflet-top .leaflet-control {
    margin-top: 10px;
    }
.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
    }
.leaflet-left .leaflet-control {
    margin-left: 10px;
    }
.leaflet-right .leaflet-control {
    margin-right: 10px;
    }


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity;
    }
.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
       -moz-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
    }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
    }
.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    }
.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform;
    }
.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
       -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
            transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
    }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
    -webkit-transition: none;
       -moz-transition: none;
            transition: none;
    }

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
    }


/* cursors */

.leaflet-interactive {
    cursor: pointer;
    }
.leaflet-grab {
    cursor: -webkit-grab;
    cursor:    -moz-grab;
    cursor:         grab;
    }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair;
    }
.leaflet-popup-pane,
.leaflet-control {
    cursor: auto;
    }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:         grabbing;
    }

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
    pointer-events: none;
    }

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
    pointer-events: auto;
    }

/* visual tweaks */

.leaflet-container {
    background: #ddd;
    outline: 0;
    }
.leaflet-container a {
    color: #0078A8;
    }
.leaflet-container a.leaflet-active {
    outline: 2px solid orange;
    }
.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255,255,255,0.5);
    }


/* general typography */
.leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    }


/* general toolbar styles */

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 4px;
    }
.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
    }
.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    }
.leaflet-bar a:hover {
    background-color: #f4f4f4;
    }
.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }
.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
    }
.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
    }

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    }
.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    }
.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    }

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
    }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
    font-size: 22px;
    }


/* layers control */

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 5px;
    }
.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
    }
.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px;
    }
.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
    }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
    }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
    }
.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
    }
.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px;
    }
.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
    }
.leaflet-control-layers label {
    display: block;
    }
.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
    }

/* Default icon URLs */
.leaflet-default-icon-path {
    background-image: url(images/marker-icon.png);
    }


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin: 0;
    }
.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    }
.leaflet-control-attribution a {
    text-decoration: none;
    }
.leaflet-control-attribution a:hover {
    text-decoration: underline;
    }
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px;
    }
.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
    }
.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
    }
.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    }
.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
    }
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
    }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    box-shadow: none;
    }
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    }


/* popup */

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px;
    }
.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
    }
.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
    }
.leaflet-popup-content p {
    margin: 18px 0;
    }
.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none;
    }
.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;

    margin: -10px auto 0;

    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    }
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: white;
    color: #333;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    }
.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
    }
.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999;
    }
.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    }

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1;
    }
.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;

    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
    }
.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px;
    }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
    }


/* div icon */

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
    }


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    }
.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto;
    }
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: "";
    }

/* Directions */

.leaflet-tooltip-bottom {
    margin-top: 6px;
}
.leaflet-tooltip-top {
    margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px;
    }
.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff;
    }
.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff;
    }
.leaflet-tooltip-left {
    margin-left: -6px;
}
.leaflet-tooltip-right {
    margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px;
    }
.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff;
    }
.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff;
    }