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


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;
}

blockquote, .bs-callout.bs-callout-info  {
    border-left-color: #149bd7;
}

.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: #333333;
}

.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: 16px;
}

.label,
.badge {
    padding: 5px 10px;
    font-weight: 500;
    font-size: 80%;
}

.label-primary, .bg-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;
}

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

.bg-info, #breadcrumb, .carousel .box, .table > thead > tr, .ui-widget.ui-widget-content, .tabweather .col-sm-4.middle, #map, #sidebar .list-group .list-group-item {
    background-color: #EEE;
}

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

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

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

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

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

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

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

.underline{
    text-decoration: underline;
}

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

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

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

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

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

.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 .svg-inline--fa {
    font-weight: 600;
    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;
}

#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: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: 15px;
    margin: 15px 0;
}

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

.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;
}

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

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 {
    vertical-align: middle;
    padding: 5px 12px;
    font-size: 100%;
    border-radius: 1em;
}


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

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

#content h5: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 .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,
.input-group-lg > .input-group-addon,
#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;
}

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

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

.alert-info {
    color: #333;
}

section,
footer,
article#content,
aside.aside,
div#page-title,
div#content_header,
div#content,
nav.section {
    padding: 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;
    padding: 12px;
}

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

#content{
    background-color:#fdfdfd;
}

#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{

    margin:auto -12px!important;
}

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

#content section.bordered .legende{
     margin:auto -12px -12px!important;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
}
#content section.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{
    margin:auto -12px!important;
    width:auto;
}


#content section.bordered .pub, div.bordered .pub, aside.bordered .pub{
    margin:20px -12px!important;
}

#content section.bordered .pub.sousmeteo{
    margin:0 -12px -12px!important;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.panel {
    border-radius: 10px;
}

.panel-heading {
    border-top-left-radius: 10px;
    border-top-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: 2px 2px 2px #000;
    color:#fff;
} 
#page-title.avec-image p{
    font-size:19px;
}

#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: url(../images/map-loading.png) no-repeat center center;
    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%;
}

#sidebar .widget_list h4 {
    margin-bottom: 0;
    padding: 15px;
    float: left;
    width: 100%;
    background-color:#003c5a;
}
#sidebar .widget_list ul {
    padding: 20px 5px;
    background:#149bd7;
    color:#fff;
    clear:both;
}
#sidebar .widget_list ul li:before {
    color: #fff;
}
#sidebar .widget_list a{
    color:#fff;
    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: 18px;
    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-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 15px 20px;
    border-right: 2px solid #FFF;
}

.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:9999999999
}

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

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

.carousel-control.left .svg-inline--fa,
.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: #FFF;
}

.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,
.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: 5px;
    font-size: 16px;
    padding: 10px 15px;
    color: #FFF;
    border-radius: 5px;
}

button.submit {
    margin: 10px 0 0 0;
}

#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: 100px; 
}
.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: 25px; 
}

section#search {
    background: url(../images/bg-search.jpg) no-repeat center;
    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 > .input-group-addon {
    color: #FFF;
    width: 45px;
    padding: 10px 0;
}

#search .yellow .radio {
    font-size: 15px;
    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;
}

#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 {
    margin-top: 26px;
}

#search .panel-heading {
    background-color: #eee;
}

#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: 45px;
    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 .breadcrumb {
    background: none;
    margin-bottom: 0;
    padding: 10px 15px;
    float: left;
    white-space: nowrap;
    overflow-x: scroll;
    width: 80%;
}

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

.blog .date {
    position: absolute;
    top: 20px;
    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: 30px;
    font-weight: 700;
    line-height: 30px;
}

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

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


.caption h6,
.caption h4 {
    margin: 0;
}

#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);
}

#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 {
    
}

.pub{
    max-width:770px;
    min-height:90px;
    margin: 15px auto;
}

.pub.sousmeteo{
	background-color: #f9f9f9;
	margin:0;
	padding:0 5px 10px 5px;
}

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: #FFF;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}

.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%;
}

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

#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: 2px solid #eee;
}

.table.climat {
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
}

.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: 0 15px 0 0;
    padding: 10px 15px;
    background-color: #003c5a;
}
#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;
}

.coronavirus #coronavirus_containeur{
    display: inline-block;
    margin-left:10px;
}
.coronavirus a{
    text-transform: uppercase;
}

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

    #sommaire {
        margin: 0;
        width: 100%;
    }

    #breadcrumb .breadcrumb{
        width: 100%;
    }

    
    .coronavirus .corona-block{ 
        display:block; 
        padding: 0 5px;
    }
    .coronavirus .alert-primary { 
        padding: 5px; 
        margin-bottom:2px; 
        border-radius: 0;
    }
    
    .coronavirus { 
        background-color: #f4f4f4;
        padding-right: 0;
        padding-left: 0;
        
    }
    
    .coronavirus #coronavirus_containeur{
        min-height:20px;
        margin-left:0;
    }
    
    .coronavirus .corona-block.text-muted{
        display:none;
    }

    .coronavirus abbr{
        text-decoration:none;
    }



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


	#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%;
    }
    h1 {
        font-size: 32px;
    }
    h1 small {
        font-size: 70%;
    }
    .navbar-brand {
        height: 80px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 23px;
    }
    #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;
    }

    #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;
    }

    #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) {
	

    


    #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
============================= */


/* 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: #fff;
    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;
}

.marginbot10{
	margin-bottom:10px!important;
}
.marginbot20{
	margin-bottom:20px!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; }

.margin10 { margin:10px!important; }

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

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

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




/* =============================
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;

}

#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.aligncenter, figure img{
    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;
}


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


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: #F36463;
  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;
}

.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:150%!important;
}

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



.list_avis .label-list{
    display:block;
    border-radius:0;
}
.list_avis .label-list.enavant{
    font-size:95%;
}
.list_avis .label-list.opacite90{
    opacity:0.9;
}
.list_avis .label-list.opacite80{
    opacity:0.8;
}
.list_avis .label-list.opacite70{
    opacity:0.7;
}
.list_avis .label-list.opacite60{
    opacity:0.6;
}
.list_avis .label-list.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{
  background-color:#149bd7;
  /*box-shadow: 8px 8px 0px #003c5a;*/
  box-shadow: 4px 4px 4px #003c5a;
  padding:15px;
  color:#fff;
  border-radius:10px;
  margin-bottom: 20px;
}
#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 {
  position: relative;
  max-height: 200px;
  overflow: hidden;
  transition: max-height 1s ease;
  
}
.special-text.-expanded{
  max-height: 500vh;
}

.special-text: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));
}

.encart .special-text:not(.-expanded)::after {
    background: linear-gradient(rgba(20, 155, 215, 0), rgba(20, 155, 215, 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;
}

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

hr.separation {
    border: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*
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;
}


#page_header{
    margin-bottom: 30px;
    padding: 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;
}
#page_header h1 small{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
#page_header p{
    text-align: center;
    font-size: 17px;
    margin-top: 20px;
}


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

#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);
}



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

    .nav-tabs{ visibility:hidden; }

    ul.nav.nav-tabs li:first-child {
    visibility: visible;
    }

    #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;
    }

}







div.container_tabs{
   height:43px;
   overflow:hidden;
}

div.container_tabs .nav-tabs>li{
    left: 5px;
}


.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;
}

#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:100000;
    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;
}