body {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
position: relative;
}
b, strong {
font-weight: 500;
}
/* Hack de Bootstrap pour avoir 800px de large dans le content (uniquement sur ou partir mois pour le moment) */
@media (min-width: 1200px) {
#contenu_page.col-lg-8, #contenu_blog.col-lg-8{
width: 70%;
}
#sidebar.col-lg-4{
width: 30%;
}
}
/* Fin Hack de Bootstrap */
.quefaire, table tr td{
font-size: 15px;
}
.nav-tabs>li>a {
border-radius: 10px 10px 0 0;
}
a:hover,img:hover,div.caption:hover, span.ob_lien:hover {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/* HACKS POUR LES LIENS OBFUSCATION
*/
span.ob_lien{
cursor: pointer;
}
footer span.ob_lien{
color: #FFF;
font-weight: 600;
}
footer span.ob_lien:hover{
color: #003c5a;
text-decoration: underline;
}
.dropdown-menu>li>span.ob_lien {
display: block;
clear: both;
font-weight: 400;
line-height: 1.42857143;
white-space: nowrap;
}
.nav>li>span.ob_lien{
position: relative;
display: block;
}
.navbar-nav>li>span.ob_lien {
line-height: 20px;
}
span.ob_lien.btn.btn{
font-weight: normal;
}
/* END */
.navbar-brand {
padding: 0px;
height: 95px;
}
.navbar-brand > img {
height: 100%;
padding: 15px;
width: auto;
}
.navbar-header-collapse ul li a{
opacity:0.7;
}
.navbar-header-collapse ul li a:hover,.navbar-header-collapse.in ul li a{
opacity:1;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #fff;
background-color: #149bd7;
}
.navbar-header-collapse .dropdown-menu a{
opacity:1;
}
blockquote, .bs-callout.bs-callout-info {
border-left-color: #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: #003C59;
vertical-align: middle;
}
.table > tbody > tr > td {
padding: 8px;
vertical-align: middle;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th,
.table.climat > thead > tr > th {
border-bottom-width: 1px;
}
.table.weather > tbody > tr > td {
padding: 5px;
}
.bg-white{
background-color: #fff;
}
.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%;
}
.badge-green{
background-color: #00A04F;
}
.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;
}
.label-primary-invert{
background-color: #DFE9F5;
color: #777!important;
font-weight: 400;
}
.bg-primary{
background-color: #149bd7!important;
}
.tabweather .col-sm-4 {
background-color: #FFF;
}
#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: #dfe9f5;
}
.bg-info {
background-color: #dfe9f5!important;
}
.bg-info.coronavirus {
background-color: #eee!important;
}
.bg-secrets {
background-color: #027FFE!important;
}
.bg-incontournables {
background-color: #E74C3B!important;
}
.bg-nature {
background-color: #06BF00!important;
}
.bg-famille {
background-color: #FFAA55!important;
}
.bg-insolite {
background-color: #7F00FF!important;
}
.label-success,
.progress-bar-success,
.panel-success > .panel-heading{
background-color: #00c864;
}
.panel-success-full > .panel-heading,
.label-success-full {
background-color: #00A04F;
}
.label-warning,
.progress-bar-warning,
.panel-warning > .panel-heading {
background-color: #fa9600;
}
.label-danger,
.progress-bar-danger,
.panel-danger > .panel-heading{
background-color: #fa3232;
}
.panel-danger-full > .panel-heading,
.label-danger-full {
background-color: #C82828;
}
.label-info, .panel-primary > .panel-heading {background-color: #003c5a; }
.panel-primary {border-color: #003c5a;}
.alert-primary, .text-primary, #content .carousel-control, #mois .carousel-control, h2 span,
h3 span, .light-blue, #content h3, .content h3, #envies h3, .text-primary, #page-title p a:hover, .bg-primary .col-sm-4 a h2, .wp-caption-text a, #page-title.white h1 {
color: #149bd7;
}
#content h1, div#content_header h1{
color:#003C5A;
}
#content .carousel-control svg{
background: #003c5a;
border-radius: 5px;
color: #fff;
}
.underline{
text-decoration: underline;
}
.text-primary-dark{
color:#003c5a!important;
}
.alert-black,
.text-black {
color: #000!important;
}
.alert-success,
.text-success{
color: #00c864;
}
.text-success-full {
color: #00A04F;
}
.alert-warning,
.text-warning {
color: #fa9600;
}
.alert-danger,
.text-danger{
color:#fa3232;
}
.text-danger-full{
color:#C82828;
}
.bs-callout-info,
.alert-primary, .panel-primary {
background: rgba(20, 155, 215, 0.1);
}
.alert-success,
.table > tbody > tr.success,
.table > tbody > tr.success > td,
.bg-success,
.table > tbody > tr > td.success,
.bs-callout-success,
.panel-success .panel-body, .panel-success-full .panel-body {
background: rgba(0, 200, 100, 0.1);
}
.table > tbody > tr.success-full,
.table > tbody > tr > td.success-full,
.bg-success-full {
background: rgba(0, 200, 100, 0.3);
}
.table > tbody > tr.danger-full,
.table > tbody > tr > td.danger-full,
.bg-danger-full {
background: rgba(250, 50, 50, 0.3);
}
.alert-warning,
.table > tbody > tr.warning,
.table > tbody > tr.warning > td,
table.table-hover > tbody > tr.warning > td,
.table > tbody > tr > td.warning,
.bg-warning,
.panel-warning .panel-body {
background: rgba(250, 150, 0, 0.1);
}
.alert-danger,
.table > tbody > tr.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr > td.danger,
.bg-danger,
.panel-danger .panel-body, .panel-danger-full .panel-body {
background: rgba(250, 50, 50, 0.1);
}
#content h3.panel-title,
#copyright p,
.caption p,
.caption h6,
#liste-vols a.btn,
#carte .panel,
#carte .panel-body,
#searchbar .input-group-lg,
#searchbar .submit,
.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,
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,
table tr td a {
text-decoration: underline;
}
ul {
padding-left: 0;
}
ul li {
list-style: none;
line-height: 1.5;
}
#liens ul li:before,
footer ul.pages li:before,
#content ul:not([class]) li:before, ul.liste li:before, ul.liste_texte li:before {
content: "\e258";
margin-right:5px;
font-weight: normal;
font-size: 80%;
font-family: 'Glyphicons Halflings';
}
#content ul:not([class]) li.icon-flight:before{
content: "\e108";
padding-left: 5px;
}
#content ul:not([class]) li.icon-car:before{
content: "\e024";
padding-left: 5px;
}
#content ul:not([class]) li.icon-hotel:before{
content: "\e219";
padding-left: 5px;
}
#content ul:not([class]) li.icon-check:before{
content: "\e084";
padding-left: 5px;
}
#content ul:not([class]) li:before, #content ul.liste_texte li:before {
color: #149bd7;
}
ul ul {
padding-left: 20px;
}
#content ul ul:not([class]) li:before, #content ul ul.liste_texte li:before {
color: #595959;
}
.nav-tabs li a:hover,
#content .nav-tabs > li.active > a,
#carte .nav-tabs > li.active > a {
color: #149bd7;
background-color: #f9f9f9;
}
#content .tab-content .active,
.meteo_box {
background-color: #f9f9f9;
}
table.weather > tbody > tr.hidden-xs > td {
border-top: none;
}
.tabweather .col-sm-4 {
padding: 5px;
margin: 10px 0;
}
.tabweather .col-sm-4 h5 {
font-size: 20px;
font-weight: 600;
margin-top:0;
}
#content .tabweather h3{
margin-bottom:5px!important;
}
#content .tabweather h5:before, #content .tabweather h4:before, #content .tabweather h3:before{
content:"";
margin-right:0;
}
.tabweather .col-sm-4 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;
}
#content .tabcities .nav-tabs > li.active > a{
background-color: #dfe9f5;
}
#content .tabcities .nav-tabs{
border:0;
}
#content .tabcities .nav-tabs>li>a:hover{
border-color: #eee;
background-color:#eee;
}
.weather th,
.weather td {
text-align: center;
padding: 5px 0;
vertical-align: bottom!important;
}
#graphiquesjs.table > tbody > tr > td:first-of-type {
vertical-align: middle!important;
}
#graphiquesjs.table > tbody > tr > td .svg-inline--fa {
margin-right: 5px;
}
#graphiquesjs.table > tbody > tr > td span.visible-xs {display: inline-block!important;}
.weather span.label {
padding: 5px;
display: block;
font-size: 100%;
}
h1,
h2,
h3 {
margin-top: 0;
}
.h1, h1 {
font-size: 40px;
}
.h2, h2 {
font-size: 28px;
}
h1 { font-weight:600; }
h2 { font-weight:500; }
h3 { font-weight:500; }
h4 { font-weight:500; }
h1 small { font-family: 'Fira Sans', sans-serif; font-weight:500; }
h2, #menu-pays .paysNav {
margin-bottom: 15px;
}
.h4, .h5, .h6, h4, h5, h6 {
margin-top: 20px;
}
h4.numerotation {
margin: 40px 0 20px;
}
h4.numerotation span.label {
vertical-align: middle;
padding: 5px 12px;
font-size: 100%;
border-radius: 1em;
}
h5, .h5{
font-size: 16px;
}
#content h4.text-primary a, #content h3.text-primary a{ text-decoration: underline!important; }
#content h5:before,
#content h3:before,
.content h3:before
/*#content .caption h3:before,
#rubriques h3:before,
#thematiques h3:before*/ {
content: "\e250";
margin-right:5px;
font-weight: normal;
font-size: 80%;
color: #003C5A;
font-family: 'Glyphicons Halflings';
}
#content h4 {
text-transform: uppercase;
}
span.title {
padding: 10px 0;
font-size: 18px;
text-transform: uppercase;
}
span.title {
line-height: 50px;
}
.bg-primary,
.bg-primary h2,
.bg-primary a,
.bg-dark,
.bg-dark h2,
#page-title,
footer,
#destinations .col-sm-4 h4 small,
.white,
.bg-primary .nav-tabs > li > a,
#sidebar .list-group .list-group-item:hover a,
#sidebar .list-group .list-group-item:hover a small,
#sidebar .list-group .list-group-item:hover small,
#sidebar .list-group .list-group-item:hover b,
#sidebar .list-group .list-group-item a:hover,
#sidebar h4,
form.bg-primary label,
#carte h2 small,
#page-title small,
#searchBox p.title,
.modal-content .close,
#searchBox .input-group-btn .btn,
#sidebar .widget ul li a:hover,
#search h3,
#liens a,
.box.dark a,
#blog .col-md-4 a:hover .caption,
#continent .col-sm-6 a:hover .caption,
.destinations .col-sm-6 a:hover .caption,
#pays .col-sm-6 a:hover .caption,
a.scrollup .svg-inline--fa,
footer a,
#liens ul li .svg-inline--fa,
.box a,
#sejours .carousel .box a:not([class]),
#circuits .carousel .box a:not([class]),
#rubriques p.titre,
.bg-primary .col-sm-4 a:hover h2, .bg-primary .col-sm-4 a:hover p {
color: #FFF;
}
.bg-dark,
#page-title,
#sidebar .list-group .list-group-item:hover,
#searchBox .input-group-btn .btn:hover,
.navbar-default .navbar-toggle:hover,
#mois .box:hover,
/*
#rubriques a:hover .caption,
#thematiques a:hover .caption,
#blog a:hover .caption,
#thematiques-mois a:hover .caption,
#continent a:hover .caption,
.destinations a:hover .caption,
#pays a:hover .caption,
*/
#villes .col-sm-6 a:hover,
.grid-display-list .col-sm-6 a:hover,
#top-vols .box a.btn.btn-primary:hover,
a.btn.btn-primary-invert: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,
aside.aside,
div#page-title,
div#content,
nav.section {
padding: 25px 0;
}
div#content_header,
article#content{
padding: 10px 0 25px 0;
}
section#breadcrumb,
section#top-15,
section#top-15-suite,
#content section,
#latest {
padding: 0;
}
#content section.bordered, div.bordered, aside.bordered, #content nav.bordered {
border-radius: 10px;
/*box-shadow: 0px 1px 4px #bdc1c6;*/
box-shadow: 0 0 3rem #eee;
padding: 10px;
}
#content section.bordered:not(.bg-info), div.bordered:not(.bg-info), aside.bordered:not(.bg-info) {
background-color:#fff;
}
#content, #content_header, #carte_touristique, .content_bg{
background-color:#F5F8FC;
}
#content section.bordered h2, div.bordered h2, aside.bordered h2{
margin-top:0!important;
}
#content section.bordered .tabweather, div.bordered .tabweather, aside.bordered .tabweather,
#content section.bordered .tabcities, div.bordered .tabcities, aside.bordered .tabcities,
#content section.bordered .graph, #content section.bordered .panel-group, #content section.bordered .carte_image, .content .bordered .carte_image{
margin:auto -10px!important;
}
#content section.bordered .panel-group .panel .panel-heading{
border-radius:0;
border:0;
}
#content section.bordered .legende, .content .bordered .legende{
margin:auto -10px -10px!important;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#content section.bordered .no-radius-top, .content .bordered .no-radius-top{
margin-bottom:0!important;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#content section.bordered .map,#content section.bordered #map,.content .bordered .map, .large_image{
margin:auto -10px!important;
width:auto;
}
#content section.bordered .pub, div.bordered .pub, aside.bordered .pub, #content section.encart .pub{
margin:20px -5px!important;
}
#content section.bordered .pub.sousmeteo{
margin-top:0!important;
}
.panel {
border-radius: 10px;
}
.panel-heading {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.panel-body{
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#content .col-md-6 {
margin-bottom: 20px;
}
#pays,
#carte {
padding: 30px 0 0 0;
}
.bg-primary .nav-tabs > li > a {
border: none!important;
}
.bg-primary .nav-tabs > li.active > a,
.bg-primary .nav-tabs > li > a:hover,
.navbar-default .navbar-toggle .icon-bar,
#liste-vols.bg-info .box,
.bg-info .box a.btn.btn-primary,
.bg-dark .carousel .box,
.bg-dark a.btn.btn-primary,
.bg-dark span.ob_lien.btn.btn-primary,
.bg-primary a.btn.btn-primary,
.box a.btn.btn-primary,
.bg-primary button.submit:hover,
#search .blue button.submit:hover,
#sidebar .list-group .list-group-item:hover a.btn.btn-primary, #menu-pays .nav-tabs a.more:hover,
#page-title.white, #guides.bg-primary .col-sm-4 a:hover .caption {
color: #003c5a;
background-color: #FFF;
}
#page-title.avec-image{
padding-top:0;
padding-bottom:0;
background-size: cover;
background-position: center center;
}
#page-title.avec-image h1, #page-title.avec-image small, #page-title.avec-image p{
text-shadow: 2px 2px 2px #000;
color:#fff;
}
#page-title.avec-image p{
font-size:19px;
}
#page-title.avec-image div.container h1 small{
display:block;
margin-top:10px;
}
#page-title.avec-image div.container{
background: rgba(0, 0, 0, 0.3);
padding: 10px;
border-radius: 10px;
}
#carte .panel,
#carte .panel-body {
padding: 0;
}
#carte .panel-body h3 {
margin: 15px 0;
}
#carte .panel-body h3:before {
content: '';
}
#pays p,
#budget p,
#carte h2,
#carte p {
margin-bottom: 20px;
}
#map,.map {
width: 100%;
height: 600px;
position: relative;
}
section#carte #map,section#carte .map,section#carte_touristique #map {
height: 740px;
}
#map, .map {
background: 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%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#sidebar h4 svg {
display: none;
}
#sidebar .widget_list h4 {
margin-bottom: 0;
padding: 15px;
float: left;
width: 100%;
background-color:#003c5a;
}
#sidebar .widget_list ul {
padding: 10px 5px 0;
background:#fff;
color:#fff;
clear:both;
}
#sidebar .widget_list ul li:before {
color: #003C59;
}
#sidebar .widget_list ul li.bg-red:before {
color: #fff;
}
#sidebar .widget_list a{
text-decoration:underline;
font-size: 115%;
}
#sidebar .widget_list a.important{
font-size: 135%;
}
#sidebar .widget_list a:hover {
/* color:#eee; */
}
#sidebar .widget_list li .svg-inline--fa{
color:#fff!important;
}
#sidebar h4#ads,
#sidebar h4.uneligne {
line-height: 2;
}
/*#sidebar .widget {float: left;}*/
form.bg-primary button.submit,
#liste-vols .svg-inline--fa.fa-plane {
margin-bottom: 10px;
}
form.bg-primary small.white {
margin-top: 10px;
}
form label {
font-weight: 500;
}
#carte #legende svg-inline--fa {
background-color: #FFF;
border-radius: 50%;
width: 50px;
height: 50px;
margin-right: 5px;
color: #149bd7;
line-height: 50px;
}
#carte #legende ul li {
display: inline;
margin-left: 15px;
}
#carte h2 small {
margin-top: 20px;
display: block;
}
.meteo_box {
margin: 5px;
padding: 10px;
}
.legende {
padding: 10px;
font-size: 16px;
text-align: center;
}
#continent .col-sm-6 .caption,
.destinations .col-sm-6 .caption,
#pays .col-sm-6 .caption,
#rubriques .col-sm-6 h3 {
font-size: 24px;
margin-bottom: 0;
}
#continent #buttons,
.destinations #buttons {
margin: 30px 0;
}
#choix h3 {
margin: 25px 0 10px 0;
}
#page-title {
text-align: center;
}
#page-title.image {
text-shadow: 0 0 5px rgba(0, 0, 0, .8);
}
#page-title small {
font-size: 75%;
}
#homepage p,
#page-title p {
font-size: 17px;
margin: 10px 0 0 0;
}
.navbar-default {
background-color: #FFF;
margin-bottom: 0;
}
.dropdown-menu {
padding: 0;
margin: 0;
}
#langue {
position: static;
}
#langue img {
height: 20px;
}
#menu #langue ul li {
display: inline-block;
}
#menu #langue ul li a {
padding: 10px;
border-bottom: none;
}
#menu #langue ul li a:hover {
text-decoration: none;
}
#menu #langue .dropdown-menu-right {
right: 0;
left: auto;
width: 100vw;
min-width: 100vw;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.open > a,
.navbar-default .navbar-nav > li > span.ob_lien, .navbar-default .navbar-nav > li.open > span.ob_lien {
color: #003c5a;
font-weight: 600;
text-align: center;
padding: 10px 20px;
/*border-right: 2px solid #FFF;*/
margin: 5px;
border-radius:10px;
}
.bg-primary a .caption,
.bg-dark a .caption,
#sommaire .sommaireNav > li > a:hover {
color: #149bd7;
background-color: #FFF;
}
.navbar-nav li.dropdown a:hover,
.navbar-nav li.dropdown span.ob_lien:hover,
.dropdown-menu a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > span.ob_lien,
#langue ul li.active a,
#langue ul li a:hover,
#sommaire .dropdown-menu li a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > span.ob_lien:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .dropdown > a.dropdown-toggle:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > span.ob_lien,
#top-vols .box a.btn.btn-primary,
a.btn.btn-primary:hover,
span.ob_lien.btn.btn-primary:hover,
.bg-info a.btn.btn-primary,
.box.dark a.btn.btn-primary:hover,
button.submit:hover,
.bg-dark a:hover .caption,
.meteo_box:hover, .caption,
/*#rubriques.bg-dark .col-sm-6 a:hover .caption,*/
input.submit:hover {
color: #FFF;
background-color: #149bd7;
}
#menu .navbar-right .dropdown-menu,
.modal-dialog,
.ui-menu {
padding: 0;
margin: 0;
}
#menu .navbar-right .dropdown-menu {
left: 0;
right: auto;
background-color: #f5f5f5;
}
/* Carousel */
.carousel.flexible .items {
display: none;
}
.carousel.flexible .carousel-inner .item-inner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-grow: 0;
flex-shrink: 0;
}
.carousel.flexible .carousel-inner .item .item-inner {
padding: 0 10px;
}
.carousel-control {
width: 30px;
}
#sejours-cicuits-carousel{
margin: 0 1px;
}
.carousel-control.left,
.carousel-control.right {
background-image: none;
z-index:9999999999
}
#content .carousel-control.left {
margin-left: -16px;
}
#content .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,
#categories .svg-inline--fa, #menu-categories .menu .glyphicon {
margin: 5px 10px 5px 0;
float: left;
}
#menu-pays .dropdown.more a.dropdown-toggle, #menu-pays .nav-tabs a.more, #menu-pays .paysNav a, #categories li a {
line-height: 40px;
}
#menu-pays .paysNav a, #categories li a {
background: rgba(0, 60, 90, 0.7);
color: #FFF;
}
#menu-pays li.flag {
padding: 0 10px 0 0;
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #FFF;
text-shadow: 0 0 3px rgba(0, 0, 0, .8);
max-width:185px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#menu-pays li.flag img {
height: 25px;
display: block;
margin: 5px auto;
}
#menu-pays li a:hover,
#menu-pays li.active a,
#menu-pays li.dropdown a:hover,
#categories li a:hover,
#categories li.active a,
#menu-categories a.menu:hover
{
color: #003c5a;
background-color: #F5F8FC;
}
.searchbar, #searchbar {
padding: 15px 0;
background-color: #149bd7; /*#878787; */
}
#searchbar .input-group-lg,
#searchbar .submit,
.searchbar .input-group-lg,
.searchbar .submit {
width: 100%;
}
.modal-header {
border-bottom: none;
}
p.title {
font-size: 40px;
}
#searchBox .modal-dialog, #ModalFB .modal-dialog {
width: 100%;
height: 100%;
}
.modal-backdrop {
opacity: 0.85 !important;
}
#searchBox .modal-dialog .modal-content, #ModalFB .modal-dialog .modal-content {
height: auto;
min-height: 100%;
border-radius: 0;
box-shadow: none;
background: none;
}
#searchBox .modal-body, #ModalFB .modal-body {
text-align: center;
margin-top: 5%;
color: #FFF;
}
#searchBox .modal-body form {
margin: 0 auto;
float: none;
width: 80%;
}
#searchBox .modal-body form .input-group-btn {
width: 1%!important;
}
.modal-content .close {
opacity: 1;
font-size: 40px;
}
.modal-content .close:hover {
transform: rotate(180deg);
}
#carte .panel,
#sidebar .list-group .list-group-item,
.dropdown-menu,
.navbar-default,
#searchBox .modal-content {
border: none;
border-radius: 0;
}
#sidebar .list-group .list-group-item {
/*border: none;*/
border-radius: 0;
}
#sidebar .list-group .list-group-item.all-link, .cursor-pointer {
cursor:pointer;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-toggle,
#searchBox .input-group-btn .btn,
.input-group-addon,
.form-control,
#search .panel-heading,
.alert,
a.btn.btn-primary,
span.ob_lien.btn.btn-primary,
button.submit,
.ui-widget.ui-widget-content,
#search .panel-heading,
.responsive-table td,
.panel > .panel-heading,
#content h3.panel-title {
border: none;
}
.navbar-default .navbar-toggle {
padding: 10px;
margin-top: 30px;
}
a.btn.btn-primary,span.ob_lien.btn.btn-primary,
button.submit, input.submit {
background-color: #003c5a;
text-transform: uppercase;
text-decoration: none!important;
/*margin: 0 0 5px 0;*/
font-size: 16px;
padding: 10px 15px;
color: #FFF;
border-radius: 5px;
border:1px solid #003c5a;
}
a.btn.btn-primary-invert {
background-color: #DFE9F5;
border-color:#DFE9F5;
text-transform: uppercase;
text-decoration: none!important;
margin: 0 5px 5px 0;
font-size: 15px;
padding: 6px 10px;
color: #003C59;
border-radius: 5px;
}
a.btn.btn-primary-light {
background-color: #003c5a;
border-color:#DFE9F5;
text-transform: uppercase;
text-decoration: none!important;
margin: 0 5px 5px 0;
font-size: 15px;
padding: 6px 10px;
color: #fff;
border-radius: 5px;
}
a.btn.btn-primary-invert:hover{
background-color: #003c5a;
color:#fff;
}
a.btn.btn-primary:hover,a.btn.btn-primary-light:hover{
background-color: #159BD7;
color:#fff;
}
button.submit {
margin: 10px 0 0;
font-size: 140%;
font-weight: 600;
text-transform: none;
border-radius: 10px;
}
#search button.submit {
width: 100%;
}
.affix {
top: 0;
width: 100%;
z-index: 999;
position: fixed;
}
#menu-pays.affix + #content .container {
padding-top: 70px;
}
.sticky {
position: relative; /* I am the fallback */
/* Give it everything you got! (use an auto prefixer...) */
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 15px;
}
.sticky-no-menu {
position: relative; /* I am the fallback */
/* Give it everything you got! (use an auto prefixer...) */
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 15px;
}
.sticky-top {
position: relative; /* I am the fallback */
/* Give it everything you got! (use an auto prefixer...) */
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;
z-index: 999;
}
section#search {
background: url(../images/bg-search.jpg) no-repeat center;
background-size: cover;
}
section#budget {
background: url(../images/bg-budget.jpg) no-repeat center;
background-size: cover;
}
section#vols {
background: url(../images/bg-vols.jpg) no-repeat center;
background-size: cover;
}
/* Range Slider */
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 24px;
height: 24px;
border-radius: 50%;
cursor: pointer;
top: -6px;
margin-left: -12px;
margin-right: -12px;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 24px;
display: block;
border: 0;
background-position: 0 0;
top: 0;
height: 100%;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
z-index: 215000000 !important;
}
.ui-menu {
list-style: none;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 10px;
}
.ui-autocomplete-category {
background-color: #f9f9f9;
font-weight: bold;
padding: 15px 10px;
line-height: 1.5;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: 0;
color: #FFF;
}
.ui-menu.ui-widget.ui-widget-content {
border: 1px solid #EEE;
background-color: #FFF;
}
.ui-menu .ui-menu-item {
border-bottom: 1px solid #EEE;
padding: 0;
}
.ui-menu .ui-menu-item-wrapper {
padding: 10px;
font-size: 16px;
}
.ui-menu .ui-menu-item:last-of-type {
border-bottom: none;
}
.ui-widget.ui-widget-content .ui-widget-header {
background: #fa9600;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.ui-slider-horizontal {
height: 10px;
margin: 5px 12px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: none;
background-color: #003c5a;
}
#search h3 .svg-inline--fa {float:left; font-size: 50px; margin-right: 15px;}
#search h3 {
margin-bottom: 20px;
}
#search h3 small {
margin-top: 5px;
display: block;
font-size: 70%;
font-style: italic;
color: #FFF;
}
#search a.activite {
font-size: 18px;
font-weight: 600;
color: #FFF;
display: block;
}
#search #temp,
#search #tempmer {
width: 100%;
}
.input-group-lg {
margin-bottom: 10px;
width: 100%;
padding: 0;
}
.input-group-lg .form-control {
padding: 10px;
font-size: 16px;
}
.input-group-lg .form-control.big {
padding: 27px 10px;
font-size: 16px;
}
.input-group-lg > .input-group-addon {
/*color: #FFF;*/
width: 45px;
padding: 10px 0;
background-color: #F5F8FC;
}
#search .yellow .radio {
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;
}
#contenu_page form.bg-primary {
padding: 10px;
}
#votes .input-group-addon {
padding: 10px;
}
.pw-jumbo-counter {margin-bottom: 0;}
.pw-jumbo-counter .pw-jumbo-counter__inner {padding: 5px;}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #333333;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #333333;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #333333;
}
input::-moz-placeholder {
/* Firefox 18- */
color: #333333;
}
#search .blue,
#search .yellow {
padding: 18px;
width:100%;
}
#search .blue,
#budget form {
background: rgba(20, 155, 215, 0.8);
}
#search .yellow {
background: rgba(250, 190, 15, 0.8);
}
#search .panel-group .form-control {
border: 1px solid #eee;
}
form p.small {
font-style: italic;
}
form#calcul button.submit,form.calcul button.submit {
margin-top: 26px;
}
#search .panel-heading {
background-color: #eee;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#search .panel-heading .panel-title {
font-size: 17px;
color: #003c5a;
}
#search .panel-heading a::after,
#search .panel-heading a.collapsed:after,
#search .panel-heading a.collapsed:hover::after {
content: "â–¼";
float: right;
color: #003c5a;
}
#search .panel-heading a.collapsed::after {
content: "â–¶";
/* adjust as needed, taken from bootstrap.css */
}
#search #collapseFive label {
display: block;
}
p.prix {
font-size: 30px;
}
#type .col-xs-3 a {
display: inline-block;
margin: 5px 0;
}
#sejours h4,
#circuits h4 {
text-align: center;
font-size: 20px;
margin-top: 0;
text-transform: none;
height: 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: 26px;
font-weight: 700;
margin: 5px 0;
}
#heure a.btn.btn-primary {
width: 50px;
}
#continent h3,
.destinations h3,
#liste h3 {
margin: 25px 0;
}
#liste a {
background-color: #EEE;
padding: 20px 15px;
text-align: center;
font-size: 15px;
font-weight: 600;
margin: 10px 0;
color: #003c5a;
}
#liste a img,
.col-5 .box img {
display: block;
margin: 0 auto 15px auto;
}
#liste a:hover {
background-color: #FFF;
color: #149bd7;
text-decoration: none;
}
.col-5 {
position: relative;
min-height: 1px;
float: left;
padding-right: 15px;
padding-left: 15px;
width: 20%;
}
p.number {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #FFF;
font-size: 30px;
line-height: 50px;
margin: 0 auto;
color: #003c5a;
font-weight: 600;
margin-bottom: 10px;
}
a.name {
text-transform: uppercase;
font-size: 18px;
color: #FFF;
}
.classement {
font-size: 20px;
}
#breadcrumb{
background-color:#F5F8FC;
}
.breadcrumbs_container{
position: relative;
}
#breadcrumb .breadcrumb a {
color: #666;
font-weight: normal;
}
#breadcrumb .breadcrumb {
background: none;
margin-bottom: 0;
padding: 10px 60px 10px 0;
/*float: left;*/
white-space: nowrap;
overflow-x: scroll;
font-size:90%;
}
#breadcrumb .breadcrumb > li + li::before {
content: "\e258";
color:#878787;
font-size: 55%;
font-weight:bold;
font-family: 'Glyphicons Halflings';
}
#breadcrumb .breadcrumbs_erase{
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #F5F8FC);
}
/*
#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,
#destination-mois .col-sm-4 a {
margin: 0!important;
}
section:not(#content) [class*='col-'] > a, section: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) {
-moz-transform: scale(1.25);
-webkit-transform: scale(1.25);
transform: scale(1.25);
transition: all 0.5s ease-in-out;
}
#destinations .col-sm-4 h4 {
position: absolute;
display: block;
bottom: 20px;
right: 0;
padding: 10px;
background: rgba(20, 155, 215, 0.9);
width: 80%;
color: #FFF;
float: right;
}
#sejours-carousel .col-xs-12 a,
#circuits-carousel .col-xs-12 a {
}
.pub{
max-width:803px;
min-height:90px;
margin:15px auto;
}
#content .pub{
margin:0 auto;
}
.bordered .pub, .encart .pub{
margin:15px auto;
}
.pub.taillefixe{
min-height: 160px;
max-height: 430px;
display: flex; /* contexte sur le parent */
flex-direction: column; /* direction d'affichage verticale */
justify-content: center; /* alignement vertical */
}
.pub.taillefixebig{
min-height: 220px;
max-height: 520px;
display: flex; /* contexte sur le parent */
flex-direction: column; /* direction d'affichage verticale */
justify-content: center; /* alignement vertical */
}
.Content_1,.Content_2,.Content_3,.Content_4,.Content_5,.Content_6,.Content_7,.Content_8,.Content_9,.Content_10,.Mobile_Pos1,.Mobile_Pos2,.Mobile_Pos3,.Mobile_Pos4,.Mobile_Pos5,.Mobile_Pos6,.Mobile_Pos7,.Mobile_Pos8,.Mobile_Pos9,.Mobile_Pos10,.Billboard_1{
margin-top: 0!important;
margin-bottom: 0!important;
}
.pub-mobile-top{
min-height:100px;
max-height:150px;
background-color: #f9f9f9;
padding:0;
margin:0;
}
.pub-billboard{
min-height: 250px;
max-height: 350px;
display: flex; /* contexte sur le parent */
flex-direction: column; /* direction d'affichage verticale */
justify-content: center; /* alignement vertical */
background-color: #f5f8fc;
}
.pub-billboard.top{
border-top: 1px solid #DFE9F5;
border-bottom: 1px solid #DFE9F5;
margin-bottom:20px;
background-color: #fff;
}
.pub-billboard.dark{
background:#fff;
margin-top:20px;
margin-bottom:20px;
border-top: 1px solid #DFE9F5;
border-bottom: 1px solid #DFE9F5;
}
.pub-billboard .container{
padding-top:10px;
padding-bottom:10px;
}
#circuits_containeur{
min-height:540px;
}
.js-evwidget-itineraries{
height:380px;
margin: 0 -10px!important;
}
@media screen and (max-width: 1199px) {
.pub.taillefixe{
min-height: 250px;
}
.pub.taillefixebig{
max-height: 650px;
height: 650px;
display:block;
}
.pub.taillefixebig .pub_sticky{
position:sticky;
top: 0;
}
#circuits_containeur{
min-height:750px;
}
.js-evwidget-itineraries{
height:480px;
}
}
.pub.sousmeteo{
background-color: #f9f9f9;
margin:0;
padding:0 5px 10px 5px;
}
section:not(#content) [class*='col-'] a:hover {
text-decoration: none;
}
#listeMois1,
#listeMois2 {
margin-top: 20px;
}
.box {
padding: 20px 15px;
color: #eee;
margin: 10px 0;
text-align: center;
width: 100%;
box-shadow: 0 0 3rem #eee;
border-radius: 10px;
}
@media screen and (min-width: 1200px) {
.row-flex{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.row.is-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.is-flex > [class^='col-'] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}
.row.is-flex:after,
.row.is-flex:before {
display: none;
}
/*
.caption {
padding: 10px;
position: relative;
height: 100%;
}
*/
.bg-primary a .caption, .bg-dark a .caption, .caption {
padding: 10px 0;
text-align: center;
position: absolute;
bottom: 0;
height: 100%;
width: 100%;
background-color: transparent;
background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}
.bg-primary a .caption:hover, .bg-dark a .caption:hover, .caption:hover{
background-color: rgba(0,0,0,0.65);
transition: all 0.5s ease-in-out;
}
.caption:hover h6, .caption:hover h3, .caption:hover h2, .caption:hover h4 {
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.5s ease-in-out;
}
.caption h6, .caption h3, .caption h4, .caption h2 {
margin:0;
padding:0 5px;
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
}
.caption h6::after, .caption h3::after, .caption h4::after {
content: "\e131";
margin-top:10px;
font-weight: normal;
color: #fff;
font-family: 'Glyphicons Halflings';
display: block;
font-size: 150%;
}
/*
.caption h3:before {
content:"";
}
*/
.bg-primary a .caption, .bg-dark a .caption, a .caption{
color:#fff;
}
.caption h6, .caption h3, .caption h2, .caption h4 {
margin:0;
}
.caption h3:before {
content:"";
}
.bg-primary a .caption, .bg-dark a .caption, a .caption{
color:#fff;
}
#mois .box .svg-inline--fa {
margin-bottom: 20px;
}
#mois #carousel-oupartir .box{
height:450px;
}
#mois #carousel-oupartir .box p{
margin: 0 0 10px;
font-size:90%;
}
#mois #carousel-oupartir .label{
display: block;
margin-bottom: 5px;
}
/*
#mois .box a {
font-size: 24px;
display: block;
margin-bottom: 10px;
}
#mois .row a:hover {
text-decoration: none;
color: #FFF;
}
*/
#mois .col-sm-4 a .svg-inline--fa {
display: block;
margin: 0 auto 15px auto;
}
#destination-mois .col-sm-4,
#top-15 .col-sm-6,
#top-15-suite .col-sm-6,
#top-15 .col-xs-6,
#top-15-suite .col-xs-6,
#villes .col-sm-4,
.grid-display-list .col-sm-4 {
overflow: hidden;
display: block;
margin: 15px 0;
}
#destination-mois h4,
#top-15 h4,
#top-15-suite h4,
#zoom .caption {
font-weight: 600;
margin: 0;
padding: 10px;
height: 100%;
}
#destination-mois .caption,
#top-15 .caption,
#top-15-suite .caption {
opacity: 0;
font-size: 16px;
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
#destination-mois .caption:hover,
#top-15 .caption:hover,
#top-15-suite .caption:hover {
opacity: 1;
}
#destination-mois .caption .svg-inline--fa,
#top-15 .caption svg-inline--fa,
#top-15-suite .caption svg-inline--fa {
margin: 0 auto 10px auto;
}
.climat5 .caption,
.climat4 .caption {
background: rgba(0, 200, 100, 0.85);
}
.climat3 .caption {
background: rgba(250, 150, 0, 0.85);
}
.climat1 .caption,
.climat2 .caption {
background: rgba(250, 50, 50, 0.85);
}
#liens {
background-color: #878787;
color: #FFF;
}
.tabbable.padding .tab-pane,
.tabweather .tab-pane {
padding: 15px;
}
.table.climat > tbody > tr > td{
border-bottom: 1px solid #dfe9f5;
}
.table.climat {
border-left: 1px solid #dfe9f5;
border-right: 1px solid #dfe9f5;
}
/*
.tab-pane .table > tbody > tr > td {
border-top: 1px solid #003c5a;
}
*/
footer h5 {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
footer ul.social li {
display: inline-block;
font-size: 40px;
margin-right: 10px;
}
ul#social li {
display: inline-block;
margin: 0 10px 10px 0;
}
ul#social li:last-of-type {
margin-right: 0;
}
ul#social {
clear: both;
padding-left: 0;
}
ul#social li a:hover .svg-inline--fa {
color: #149bd7;
}
ul#social li a .fa-facebook-square {
color: #3B5998;
}
ul#social li a .fa-twitter-square {
color: #1DA1F2;
}
ul#social li a .fa-google-plus-square {
color: #DB4437;
}
ul#social li a .fa-envelope-square {
color: #878787;
}
ul#social li a .fa-tumblr-square {
color: #35465c;
}
#copyright {
color: #003c5a;
background-color: #FFF;
padding: 10px 0;
}
.scrollup {
display: none;
width: 50px;
height: 50px;
position: fixed;
bottom: 50px;
right: 20px;
z-index: 99;
text-align: center;
background-color: #003c5a;
cursor: pointer;
border-radius: 50%;
}
.scrollup:hover {
background-color: #878787;
}
.carousel .box .btn {
white-space: inherit;
}
#sommaire {
margin:4px 0 4px 0;
padding: 4px 15px;
border-radius:10px;
background-color: transparent;
text-align:center;
}
/*
#sommaire {
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;
margin: 0 0 5px;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
#page_header{
margin-bottom: 40px;
margin-top: 10px;
/*
margin-bottom: 30px;
background: linear-gradient(to bottom, #fff, #F5F8FC);
padding: 25px 10px 10px 10px;
/* border-bottom: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;*/
/*background: #f4f4f4;*/
/*border-radius: 10px;
/*box-shadow: 0px 1px 4px #c1c1c1;*/
}
#page_header h1{
text-align: center;
margin-top:20px;
}
#page_header h1 small{
display: block;
margin-top: 10px;
margin-bottom: 10px;
color:#149bd7;
line-height: 1.2em;
/*color:#003C5A;
opacity: 0.8;*/
}
#page_header p{
text-align: center;
font-size: 16px;
margin-top: 20px;
}
@media screen and (max-width: 767px) {
#sommaire {
/* margin: 0;
width: 100%;*/
margin: 3px 0 0 0;
padding: 5px 10px;
/* background: #169CD7; */
border-radius: 10px;
}
#sommaire .dropdown-menu>li>a{
white-space: normal;
}
#breadcrumb .breadcrumb{
/*width: 80%;*/
font-size: 90%;
}
/*
#breadcrumb{
background-color:#F2F6FB;
}
*/
#breadcrumb .breadcrumbs_erase{
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #F2F6FB);
}
#menu-pays li a:hover, #menu-pays li.active a, #menu-pays li.dropdown a:hover, #categories li a:hover, #categories li.active a, #menu-categories a.menu:hover {
color: #003c5a;
background-color: #fff;
}
/*
#sommaire {
margin: 0;
width: 100%;
}
#breadcrumb .breadcrumb{
width: 100%;
}
*/
#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;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 16px;
}
h1 small {
font-size: 70%;
}
/*
#content, #content_header, #carte_touristique, .content_bg {
background-color: #fff;
}
*/
/*
article#content #page_header, #content_header #page_header {
background: #fff;
margin:0 -10px 40px;
}
*/
article#content #page_header, #content_header #page_header{
margin-bottom: 30px!important;
}
#page-title.avec-image p{
font-size:16px;
}
#content #page_header{
/*margin-bottom: 30px;
margin-top:0;
padding: 0;
border-bottom: 0;
border-right: 0;*/
/*background: #fff;*/
/*border-radius: 0;*/
}
#page_header h1, #page_header p{
text-align: left;
}
#page_header p.nomargintop{
text-align: center;
}
#page_header h1 small:before{
content: "\e080";
margin-right:5px;
font-weight: normal;
font-size: 80%;
color: #003C5A;
font-family: 'Glyphicons Halflings';
}
.navbar-brand {
height: 80px;
}
.navbar-default .navbar-toggle {
margin-top: 23px;
background-color: #aaa;
}
#page-title small {
margin-top: 10px;
}
a.box { /* EDIT small, a.box { */
display: block;
}
.table .label {
display: inline-block;
}
#votes .input-group-lg {
width: 100%;
}
#slider-range {
margin-bottom: 10px;
}
.box .number,
.box .name,
#liste-vols p.ville {
float: left;
}
.col-5 .box .number {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 20px;
}
.box .name {
margin-left: 10px;
width: 70%;
text-align: left;
}
.box .classement {
margin-top: 5px;
float: right;
}
.box .classement .svg-inline--fa {
margin: 0 auto;
display: block;
}
.col-5 .box {
float: left;
width: 100%;
margin: 5px 0;
padding: 10px;
}
#liste-vols .svg-inline--fa.fa-plane {
float: left;
margin-right: 10px;
font-size: 25px;
}
.col-5 .box a.btn.btn-primary.white {
float: right;
}
#menu #langue ul li a,
#sommaire, #langue .visible-xs {
display: inline-block!important;
}
#langue img {
margin: 0 10px 0 0;
}
#search .blue,
#searchbar .input-group,
.search .blue,
.searchbar .input-group {
margin-bottom: 10px;
}
#menu.navbar-default .navbar-nav > li > a, #menu.navbar-default .navbar-nav > li > span.ob_lien {
text-align: left;
line-height: 35px;
}
#map, .map {
height: 300px;
}
section#carte #map, section#carte .map, div#carte_touristique #map{
height: 400px;
}
#content section.bordered, div.bordered, aside.bordered,
#content section.encart, div.encart, aside.encart, aside.comparateur{
margin:auto -10px;
border-radius:5px;
/*margin:auto -15px;
border-radius:0;*/
box-shadow:none;
}
.panel-heading{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.panel-body{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#content section.bordered .map,#content section.bordered #map{
margin:auto -14px!important;
width:auto;
}
#content section.bordered .legende {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#menu .svg-inline--fa.fa-3x {
display: inline-block;
float: left;
margin-right: 10px;
}
.responsive-table table,
.responsive-table thead,
.responsive-table tbody,
.responsive-table th,
.responsive-table td,
.responsive-table tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.responsive-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsive-table tbody td {
/* Behave like a "row" */
position: relative;
padding-left: 50%;
}
.responsive-table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
left: 15px;
width: 30%;
text-align: left;
}
.responsive-table .weather tr td:first-of-type {
background-color: #EEE;
}
/*
Label the data
*/
.responsive-table td:nth-of-type(2):before {
content: "Janvier";
}
.responsive-table td:nth-of-type(3):before {
content: "Février";
}
.responsive-table td:nth-of-type(4):before {
content: "Mars";
}
.responsive-table td:nth-of-type(5):before {
content: "Avril";
}
.responsive-table td:nth-of-type(6):before {
content: "Mai";
}
.responsive-table td:nth-of-type(7):before {
content: "Juin";
}
.responsive-table td:nth-of-type(8):before {
content: "Juillet";
}
.responsive-table td:nth-of-type(9):before {
content: "Août";
}
.responsive-table td:nth-of-type(10):before {
content: "Septembre";
}
.responsive-table td:nth-of-type(11):before {
content: "Octobre";
}
.responsive-table td:nth-of-type(12):before {
content: "Novembre";
}
.responsive-table td:nth-of-type(13):before {
content: "Décembre";
}
.responsive-table #listeVilles tr td small span {display: inline-block!important;}
#menu-pays .paysNav a,
#menu-categories .paysNav a {
background: rgba(0, 60, 90, 1);
color: #fff;
border:1px solid rgba(0, 60, 90, 1);
border-top:0;
z-index:10;
}
table .label {
display: block;
white-space: normal;
}
#content a.pull-right.btn.btn-primary {
float: left!important;
}
#content a.pull-left.btn.btn-primary {
margin-right: 5px;
}
#map, .map {
background-size: 90% auto;
}
#search h3 {
font-size: 20px;
}
#liste a img,
.col-5 .box img {
float: left;
display: inline-block;
height: 50px;
margin: 0 10px 0 0;
}
#vols-carousel .carousel-inner .active.left {
left: -50%;
}
#vols-carousel .carousel-inner .next {
left: 50%;
}
#vols-carousel .carousel-inner .prev {
left: -50%;
}
#vols-carousel .active > div {
display: none;
}
#vols-carousel .active > div:first-child {
display: block;
}
#vols-carousel .active > div:first-child + div {
display: block;
}
#sejours-carousel .carousel-inner .active.left,
#circuits-carousel .carousel-inner .active.left {
left: -100%;
}
#sejours-carousel .carousel-inner .next,
#circuits-carousel .carousel-inner .next {
left: 100%;
}
#sejours-carousel .carousel-inner .prev,
#circuits-carousel .carousel-inner .prev {
left: -100%;
}
#sejours-carousel .active > div,
#circuits-carousel .active > div {
display: none;
}
#sejours-carousel .active > div:first-child,
#circuits-carousel .active > div:first-child {
display: block;
}
#menu .dropdown li a, #menu .dropdown li span.ob_lien {
padding:10px;
}
#menu .dropdown li a .svg-inline--fa, #menu .dropdown li span.ob_lien .svg-inline--fa {
margin-bottom: 5px;
}
.weather span.label {display: inline-block;}
#content h1 small {
display: inline-block;
}
#optionTemp .col-md-6 {
margin-bottom: 15px;
}
#search h3 .svg-inline--fa {
margin-right: 10px;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
.navbar-header .collapse,
.navbar-toggle {
display: block !important;
}
.navbar-header {
float: none;
}
.tabweather img.img-responsive {
max-width: 120px;
margin: 0 auto;
}
.tabweather .col-sm-4 {
padding: 5px;
margin: 0;
}
.tabweather .meteo_nuit {
margin: 0;
}
.tabweather .col-sm-4 h6, .tabweather .meteo_nuit h6{
margin: 5px 0;
line-height: normal;
}
.tabweather .col-sm-4 h6 svg.fa-2x, .tabweather .meteo_nuit h6 svg.fa-2x{
font-size: 1.5em;
}
.tabweather .meteo_nuit h5 {
margin-top: 5px;
}
.tabweather .row {
margin: 0;
}
#menu .open .dropdown-menu > li > a {
padding: 15px;
color: #003c5a;
}
.carousel-control {
display: none!important;
}
}
@media only screen and (max-width: 768px) {
#content h1 small {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;}
.bot_toolbar_mobile{
opacity:70%;
}
#menu .open .dropdown-menu > li > a {padding: 15px; color: #003c5a;}
}
@media screen and (min-width: 768px) {
.row.is-flex-desktop {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.is-flex-desktop > [class^='col-'] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}
.row.is-flex-desktop:after,
.row.is-flex-desktop:before {
display: none;
}
#page-title.avec-image{
padding-top: 70px;
padding-bottom: 70px;
}
#langue img {
margin: 10px 5px;
}
#langue a.dropdown-toggle img {
margin: 22px 5px;
}
#package .col-sm-4.middle,
.tabweather .col-sm-4.middle {
transform: scale(1.05);
z-index: 2;
}
#vols-carousel .carousel-inner .active.left {
left: -25%;
}
#vols-carousel .carousel-inner .next {
left: 25%;
}
#vols-carousel .carousel-inner .prev {
left: -25%;
}
#vols-carousel .active > div:last-child {
display: none;
}
#top-vols #vols-carousel .active > div:last-child,
#vols-carousel .active > div:first-child {
display: block;
}
#vols-carousel .active > div:first-child + div {
display: block;
}
#sejours-carousel .carousel-inner .active.left,
#circuits-carousel .carousel-inner .active.left {
left: -33.3%;
}
#sejours-carousel .carousel-inner .next,
#circuits-carousel .carousel-inner .next {
left: 33.3%;
}
#sejours-carousel .carousel-inner .prev,
#circuits-carousel .carousel-inner .prev {
left: -33.3%;
}
#sejours-carousel .active > div:first-child,
#circuits-carousel .active > div:first-child {
display: block;
}
#sejours-carousel .active > div:first-child + div,
#circuits-carousel .active > div:first-child + div {
display: block;
}
/*
#sejours-carousel .active > div:last-child,
#circuits-carousel .active > div:last-child {
display: none;
}
*/
#menu .dropdown li a, #menu .dropdown li span.ob_lien {
font-size: 16px;
text-transform: uppercase;
padding: 10px 65px 10px 10px
}
.container{
padding-right: 5px;
padding-left: 5px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.col-5 {
width: 33.333333%;
}
.legende .col-5 {
width: 20%;
}
#map, .map {
height: 400px;
}
section#carte #map, section#carte .map, section#carte_touristique #map{
height: 550px;
}
#budget form button.submit {
margin-top: 26px;
}
#menu.navbar-default .navbar-nav.navbar-right {
float: left!important;
margin-left: -15px;
}
#menu.navbar-default .navbar-nav > li > a, #menu.navbar-default .navbar-nav > li > span.ob_lien {
padding: 10px 19px;
font-size:80%;
}
#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;
font-size:80%;
}
#sejours-carousel p.label,
#circuits-carousel p.label {
}
.weather span.label {padding: 4px;}
}
/* =============================
MODAL ekko-lightbox
============================= */
.ekko-lightbox .modal-dialog{
margin: 0 auto;
background: #fff;
color: #000;
text-align:left;
}
.ekko-lightbox .modal-header{
border-bottom: 1px solid #e5e5e5;
position: sticky;
top: 0;
left: 0;
z-index: 999999999;
width: 100%;
background: #FFF;
}
.ekko-lightbox .modal-header h4{
color: #149bd7;
font-size: 30px;
font-family: inherit;
font-weight: 500;
margin:0;
}
.ekko-lightbox .modal-dialog .modal-body{
background: #f5f8fc;
color: #000;
text-align:left;
margin-top:0;
}
.ekko-lightbox .modal-dialog .modal-body h3{
margin-top: 20px;
}
.ekko-lightbox .modal-body form {
width: 100%;
}
.ekko-lightbox .modal-content .close {
color: #000;
}
.modal-dialog .modal-body{
margin-top:0;
}
/* =============================
Spacer, margin
============================= */
.clear-marginbot{
margin-bottom:0!important;
}
.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;
}
.paddingbot10{
padding-bottom:10px;
}
.paddingbot20{
padding-bottom:20px;
}
.paddingtop10{
padding-top:10px;
}
.paddingtop1{
padding-top:1px;
}
.padding10{
padding:10px;
}
.padding15{
padding:15px;
}
.padding20{
padding:20px;
}
.paddingside20{
padding-right:20px;
padding-left:20px;
}
.nopaddingtop{
padding-top:0!important;
}
.nopaddingbottom{
padding-bottom:0!important;
}
.nopaddingright{
padding-right:0!important;
}
.nopaddingleft{
padding-left:0!important;
}
.widthmin{
width:1%;
}
.minwidth50{
min-width:50px;
}
.textshadow{
text-shadow: 0 1px 1px #000;
}
.nomargintop { margin-top:0!important; }
.nomarginbottom { margin-bottom:0!important; }
.nomarginleft { margin-left:0!important; }
.nomarginright { margin-right:0!important; }
.nomargin { margin:0!important; }
.margintop10 { margin-top:10px!important; }
.marginbottom10 { margin-bottom:10px!important; }
.marginleft10 { margin-left:10px!important; }
.marginright10 { margin-right:10px!important; }
.margintop5 { margin-top:5px!important; }
.marginbottom5 { margin-bottom:5px!important; }
.marginleft5 { margin-left:5px!important; }
.marginright5 { margin-right:5px!important; }
.margin10 { margin:10px!important; }
.margin10 { margin:5px!important; }
.bg-info-dark{
background-color: #666666;
color:#F5F5F5;
}
.alert-dark{
background-color: #878787;
color:#F5F5F5;
}
.alert-grey{
background-color: #cbdbef;
}
/* =============================
Styles divers
============================= */
.no-radius-top{
border-top-right-radius:0!important;
border-top-left-radius:0!important;
border-bottom-right-radius:10px!important;
border-bottom-left-radius:10px!important;
}
#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;
}
/*
------------------------
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
------------------------
*/
.borderradiusbottom {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
aside.comparateur .nav-tabs{
border:0;
padding-left: 10px;
margin-bottom: -1px;
}
#content aside.comparateur .tab-comparateur li a:hover,
#content aside.comparateur .tab-comparateur>li.active>a{
border-radius:10px 10px 0 0;
}
.sd-cmp-26Kgb .sd-cmp-3ScGE, .sd-cmp-JnaLO .sd-cmp-1pO44{
color:#ccc!important;
}
.sd-cmp-WgGhS button .sd-cmp-16t61.sd-cmp-3cRQ2{
font-weight: bold!important;
font-size:120%!important;
}
.sd-cmp-WgGhS button .sd-cmp-16t61.sd-cmp-18g3C, .sd-cmp-zVRlg .sd-cmp-sEQLO {
border: 0!important;
}
.sd-cmp-zVRlg .sd-cmp-sEQLO.sd-cmp-tQ9c3.sd-cmp-1SL26{
font-size:16px!important;
}
.sd-cmp-zVRlg .sd-cmp-sEQLO.sd-cmp-2CdTR.sd-cmp-1SL26{
border:1px solid #003C59!important;
padding:9px!important;
background-color:#fff!important;
color: #003C59!important;
}
.galery-items img, #destinations img{
width:100%;
}
#overlay_redirect {
display: flex;
position: fixed; /* Sit on top of the page content */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.9); /* Black background with opacity */
z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
#overlay_redirect .overlay_container {
margin:auto;
}
.bg-red{
background: #cc0000;
color: #fff;
margin-right: -5px;
margin-left: -5px;
padding: 5px;
}
.bg-red a{
color: #fff;
}
.paddingtop5
{
padding-top: 5px;
}
.paddingbottom5
{
padding-bottom: 5px;
}
.borderradius{
border-radius: 5px;
}
#content h5.open:before,
#content h3.open:before{
content: "\e252";
}
.bgnone{
background: none!important;
}
.tabweather .row .row {
margin: 0;
}
.alert {
padding: 10px;
border-radius: 10px;
}
.titre_comparateur{
padding: 10px;
border-radius: 10px 10px 0 0;
}
.bloc_auteur_haut{
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
opacity: 0.9;
}
.bloc_auteur_haut img {
width:25px;
height:25px;
float:left;
margin-right:5px;
}
.bloc_auteur_haut .speech-bubble,.bloc_auteur_haut .simple-bubble {
position: relative;
float: left;
display:inline-block;
background: #dfe9f5;
color: #777;
border-radius: 10px;
padding:5px;
box-shadow: 1px 1px 3px #ccc;
}
.bloc_auteur_haut .speech-bubble {
margin-left: 30px;
height:60px;
}
.bloc_auteur_haut .speech-bubble a,.bloc_auteur_haut .simple-bubble a{
color: #777;
}
.bloc_auteur_haut .speech-bubble:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 15px solid transparent;
border-right-color: #dfe9f5;
border-left: 0;
margin-top: -15px;
margin-left: -15px;
}
.bloc_auteur_haut .speech-bubble-top {
position: relative;
float: left;
display:inline-block;
background: #fff;
color: #777;
border-radius: 10px;
padding:0.4em;
}
.bloc_auteur_haut .speech-bubble-top a{
color: #777;
}
.bloc_auteur_haut .speech-bubble-top:after {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 0;
height: 0;
border: 15px solid transparent;
border-bottom-color: #fff;
border-top: 0;
margin-top: -15px;
margin-left: -15px;
}
.speech-bubble-container{
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
opacity: 0.9;
}
.speech-bubble-container .speech-bubble-top-info {
position: relative;
float: left;
display:inline-block;
background: #fff;
color: #777;
border-radius: 10px;
font-size: 12px;
padding:0.4em;
}
.speech-bubble-container .speech-bubble-top-info a{
color: #777;
}
.speech-bubble-container .speech-bubble-top-info:after {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 0;
height: 0;
border: 15px solid transparent;
border-bottom-color: #fff;
border-top: 0;
margin-top: -15px;
margin-left: -15px;
}
#page-title.avec-image .bloc_auteur_haut{
display: inline-block;
margin-top: 20px;
margin-bottom: 0;
}
#page-title.avec-image .bloc_auteur_haut .speech-bubble {
background: #99ABB7;
color:#333;
box-shadow: 1px 1px 4px #555;
}
#page-title.avec-image .bloc_auteur_haut .speech-bubble:after {
border-right-color: #99ABB7;
}
#page-title.avec-image .bloc_auteur_haut .speech-bubble a{
color:#111;
text-decoration: underline;
}
#page-title.avec-image .bloc_auteur_haut .speech-bubble .text-muted{
/*display:none;*/
color:#444;
}
@media screen and (max-width: 600px) {
.bloc_auteur_haut .speech-bubble {
}
}
.ui-autocomplete-loading {
background: white url("/site/images/loader_32x32.gif") right 10px center no-repeat;
}
.ui-helper-hidden-accessible{
display:none;
}
.encart .quefaire i.fas{
display:inline-block;
height: 1em;
}
.encart .quefaire i.fas.fa-2x{
width:37px;
}
.inline-block{
display:inline-block;
}
.width100percents{
width: 100%;
}
#content h4.accordeon, #content h3.accordeon {
margin: 20px -10px;
background: #eee;
padding: 10px 10px;
line-height: 1.4;
}
div.accordeon_conteneur h4:first-child{ margin-top:0; }
div.accordeon_conteneur h4:before {
content: "\e250";
margin-right:5px;
font-weight: normal;
font-size: 80%;
color: #003C5A;
font-family: 'Glyphicons Halflings';
}
.bg-info-degrade{
background: linear-gradient(to bottom, #fff, #eee);
}
.bg-info-degrade-inverse{
background: linear-gradient(to bottom, #eee, #fff);
}
figure figcaption{
text-align: -webkit-right;
color: #999;
font-size: 90%;
}
div.table-fixed-container{
position: relative;
}
div.table-fixed-container table.table-fixed{
position: absolute;
z-index: 500;
top: 0;
left: 0;
width:150px;
min-width:150px;
max-width:150px;
}
div.table-fixed-container .fixed-column{
background-color:#fff;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
white-space: nowrap;
}
div#breadcrumb i.fas{
min-width: 17px;
display:inline-block;
}
.width-150{
width:150px;
min-width:150px;
max-width:150px;
}
.uppercase_big{
text-transform: uppercase;
text-shadow: 2px 2px 2px #fff;
font-size: 18px;
color: #003c5a;
}
#content h2 i.fas{
min-width: 34px;
display:inline-block;
}
.label-normaltextsize{
font-size: 100%!important;
}
#content section ol.liste_texte {
counter-reset: my-awesome-counter;
list-style: none;
padding-left: 40px;
}
#content section ol.liste_texte li {
margin: 0 0 15px 0;
counter-increment: my-awesome-counter;
position: relative;
}
#content section ol.liste_texte li::before {
content: counter(my-awesome-counter);
color: #fff;
font-size: 1.5rem;
font-weight: bold;
position: absolute;
--size: 32px;
left: calc(-1 * var(--size) - 10px);
line-height: var(--size);
width: var(--size);
height: var(--size);
top: 0;
background: #888;
border-radius: 50%;
text-align: center;
box-shadow: 1px 1px 0 #999;
}
.verybig{
font-weight: bold;
font-size:50px;
}
.bs-callout.bs-callout-info h4:first-child{
margin-top:10px;
}
.tabbable.tabweather{
margin: auto -15px;
}
#content .tabbable.tabvols .nav-tabs > li.active > a{
background-color: #fff;
}
#content .tabbable.tabvols .nav-tabs{
border:0;
}
#content .tabbable.tabvols .nav-tabs>li>a:hover{
border-color: #eee #eee #fff;
background-color:#eee;
}
#content .tabcities .nav-tabs > li.active > a{
background-color: #dfe9f5;
}
#content .tabcities .nav-tabs{
border:0;
}
#content .tabcities .nav-tabs>li>a:hover{
border-color: #eee;
background-color:#eee;
}
.highcharts-container {
margin:0 auto;
}
.panel-footer {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.panel-body, .panel-footer {
padding: 10px;
}
.panel-default {
border-radius: 10px;
}
aside .pub{
margin-top:0;
}
.image_contenant {
position: relative;
text-align: left;
}
.image_texte {
position: absolute;
top: 10px;
left: 10px;
font-size: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, .opacite90{
opacity:0.9;
}
.list_avis .label-list.opacite80, .opacite80{
opacity:0.8;
}
.list_avis .label-list.opacite70, .opacite70{
opacity:0.7;
}
.list_avis .label-list.opacite60, .opacite60{
opacity:0.6;
}
.list_avis .label-list.opacite50, .opacite50{
opacity:0.5;
}
.list_avis .label-list.opacite40{
opacity:0.4;
}
.list_avis .label-list.opacite30{
opacity:0.3;
}
#content ul.list_avis li.label-list .svg-inline--fa{
color:#777;
}
.list_avis .label-list small{
font-size: 75%;
}
sub.asterisque{
top: -15px;
font-size:20px;
}
.btn-white{
background:#fff;
color:#333;
}
.btn-white:hover{
background:#c1c1c1;
color:#000;
}
#content .encart{
background-color:#dfe9f5; /*#149bd7;*/
box-shadow: 0 0 3rem #eee;
padding:10px;
/*color:#fff;*/
border-radius:10px;
}
#content .encart h2 {
/*color:#fff;*/
margin-top: 0;
}
#content .encart svg, #content .encart a, #content .encart .text-primary, #content .encart h3, #content .encart h4 {
/* color:#fff;*/
}
#content .encart ul:not([class]) li:before, #content .encart a:hover, #content .encart ul.liste_texte li:before{
/* color:#003C5A; */
}
#content .encart small {
/*color:#eee;*/
}
.expand-button{
}
.special-text, .special-text2 {
position: relative;
max-height: 200px;
overflow: hidden;
transition: max-height 1s ease;
}
.special-text.long {
max-height: 300px;
}
.special-text.-expanded,.special-text2.-expanded{
max-height: 500vh;
}
.special-text:not(.-expanded)::after, .special-text2:not(.-expanded)::after {
content: '';
position: absolute;
top: 100px;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.encart .special-text:not(.-expanded)::after {
background: linear-gradient(rgba(223,233,245, 0), rgba(223,233,245, 1));
}
.reduire-echelle-75{
transform: scale(0.75);
}
.text-small{
font-size: 85%;
}
.italic{
font-style: italic;
}
hr{
clear:both;
}
#content.blog_content hr:not(.separation){
border:0;
padding:0;
margin:0;
height:0;
}
#content.blog_content h2{
margin: 40px 0 20px;
}
#content.blog_content #comments{
margin-top:40px;
}
hr.separation {
border: 0;
height:30px;
margin:0;
}
/*
hr.separation:after {
content: "";
position: relative;
top: 55%;
display: block;
border-top: 2px dotted #e1e1e1;
margin-top: -3px;
}
hr.separation {
margin-top: 40px;
margin-bottom: 40px;
border: 0;
height: 40px;
width: 100%;
background-image: url(https://www.ou-et-quand.net/partir/images/plane-hr-bg.png);
background-repeat: no-repeat;
background-position: 10%;
position: relative;
overflow: hidden;
}
*/
#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);
}
div.container_tabs{
height:44px;
overflow:hidden;
}
div.container_tabs .nav-tabs>li{
left: 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: 1px solid transparent;
box-shadow: rgba(0, 0, 0, 0.07) 0px -1px 1px, rgba(0, 0, 0, 0.07) 0px -2px 2px, rgba(0, 0, 0, 0.05) 0px -4px 4px;
}
@media screen and (max-width: 650px) {
/*
.nav-tabs{ visibility:hidden; }
ul.nav.nav-tabs li:first-child {
visibility: visible;
}
*/
#menu-pays .container, #menu-categories .container{
padding-right:0;
padding-left: 0;
}
#menu-pays, #menu-categories{
padding:0;
}
ul.nav-tabs {
border-bottom: none;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
width: 100%;
}
.nav-tabs>li{
float:none;
margin-bottom: 0;
}
ul.nav-tabs::-webkit-scrollbar {
display: none;
}
div.container_tabs{
margin-bottom:10px;
}
#menu-pays li.flag, #menu-categories li:first-child {
/*display:none;*/
position: absolute;
}
#menu-pays .nav-tabs>li:nth-child(2), #menu-categories .nav-tabs>li:nth-child(2){
margin-left: 185px;
}
#menu-pays .nav-tabs>li, #menu-categories .nav-tabs>li{
margin-top: 5px;
padding-left: 5px;
}
#menu-pays .nav-tabs>li>a, #menu-categories .nav-tabs>li>a{
border-radius: 10px;
}
.nav.nav-tabs>li{
display: inline-block;
}
.nav-tabs>li>a{
border-radius:5px;
}
#content .tabbable.tabvols .nav-tabs>li.active>a, #content .tabbable.tabvols .nav-tabs>li.active>a:focus, #content .tabbable.tabvols .nav-tabs>li.active>a:hover,
#content .tabweather .nav-tabs>li.active>a, #content .tabweather .nav-tabs>li.active>a:focus, #content .tabweather .nav-tabs>li.active>a:hover{
border: 1px solid #ddd;
background-color: #dfe9f5;
box-shadow: none;
}
div.container_tabs .nav-tabs>li>a{
background-color: #f9f9f9;
}
div.container_tabs .nav-tabs>li{
left:15px;
padding-right: 10px;
}
div.container_tabs .nav-tabs>li:last-child{
padding-right: 50px;
}
#content .tabbable.tabvols div.container_tabs{
margin: 0 -15px 20px;
}
div.container_tabs{
margin: 0 -5px 20px;
position: relative;
height:45px;
}
div.container_tabs .erase {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
#page_header .label{
display: block;
border-radius:0;
}
.list-inline li{
display:block;
margin-bottom:10px;
}
span.ob_lien_mobile {
font-weight: 600;
color: #149bd7;
text-decoration: underline;
cursor: pointer;
}
/*
TABLEAU QUI COLLAPSENT SUR MOBILE
*/
.table-responsive-collapse thead {
display:none;
}
.table-responsive-collapse tr{
display: block;
margin-bottom: 0px;
}
.table-responsive-collapse.table-bordered>tbody>tr>td{
border:0;
border-bottom:1px solid #eff4fa;
padding-right:0;
padding-left:0;
}
.table-responsive-collapse.table-bordered>tbody>tr>td.region{
border:0;
border-bottom:0;
padding-right:10px;
padding-left:10px;
}
.table-responsive-collapse.table-bordered{
border:0;
}
.table-responsive-collapse td {
display: block;
text-align: right;
}
.table-responsive-collapse td.region {
text-align: left;
background-color: #eff4fa;
}
.table-responsive-collapse td:before {
content: attr(data-label);
padding-right:10px;
/*color:#333;*/
float: left;
font-weight: bold;
font-size: 80%;
}
}
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(
45deg,
#fa3232,
#fa3232 30px,
#00c864 30px,
#00c864 60px
); }
.noteclimat_3_5,.noteclimat_3_4 {
background: repeating-linear-gradient(
45deg,
#fa9600,
#fa9600 30px,
#00c864 30px,
#00c864 60px
); }
.noteclimat_4_5 { }
.noteclimat_1_3, .noteclimat_2_3 {
background: repeating-linear-gradient(
45deg,
#fa3232,
#fa3232 30px,
#f0ad4e 30px,
#f0ad4e 60px
)}
.noteclimat_1_2 {}
.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;
box-shadow: none;
}
#content .bg-primary h3{
color:#fff;
}
/*
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;
}
/*!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: 'Open Sans', 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 {
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;
}
.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; }
body[datepicker-display='on'] {
overflow: hidden;
}
@media (max-width: 350px) {
.calendar-wrapper {
max-width: 100%;
}
}
*/
/* leaflet */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}