/*
Algofly css 
@mhun - www.mh1.fr
28/02/17
v1.1
*/
/* ---------------- FONTS ---------------- */
/* Icones Algofly */

@font-face {
    font-family: 'algofly';
    src: url('fonts/algofly-icons/algofly.eot');
    src: url('fonts/algofly-icons/algofly.eot#iefix') format('embedded-opentype'), url('fonts/algofly-icons/algofly.ttf') format('truetype'), url('fonts/algofly-icons/algofly.woff') format('woff'), url('fonts/algofly-icons/algofly.svg#algofly') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="algofly-"],
[class*=" algofly-"] {
    font-family: 'algofly';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.algofly-hotels:before {
    content: "\e800";
}
.algofly-voitures:before {
    content: "\e801";
}
.algofly-vols:before {
    content: "\e802";
}
.algofly-blog:before {
    content: "\e803";
}
.algofly-sejours:before {
    content: "\e900";
}
nav a span.algofly-sejours::before {
    font-size: 180%;
    line-height: 0;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/* ---------------- GLOBAL ---------------- */

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,
html a {
    -webkit-font-smoothing: antialiased
}
html {
    -ms-overflow-style: scrollbar
}
html {
    color: #263852;
    /*    font-size: 16px;
    font-size: 1em;
    font-size: 1rem;*/

    font-size: 100%;
    /*    font-size: 1.25vw; */

    line-height: 1.3750;
}
body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}
p {
    font-size: 16px;
    font-size: 1em;
    font-size: 1rem;
    line-height: 1.3750;
    /* 22px */

    margin: 0 0 1.3750em 0;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5 {
    font-weight: 300;
}
::-moz-selection {
    background: #dfdfdf;
    text-shadow: none;
}
::selection {
    background: #dfdfdf;
    text-shadow: none;
}
hr {
    float: none;
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dfdfdf;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
a:focus,
button:focus {
    outline: none;
    box-shadow: none;
}
a:active,
a:focus,
input,
button:focus {
    outline: 0;
    outline-style: none;
    outline-width: 0;
}
img {
    vertical-align: middle;
}
button {
    font-family: inherit;
    font-size: 100%;
    color: #ffffff;
    border: none;
    padding: 17px 20px;
    text-decoration: none;
    width: 100%;
}
button {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a,
button,
.transition {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a,
a:visited {
    color: #2cd5ff;
    text-decoration: underline;
}
a:hover {
    color: #2cd5ff;
    text-decoration: none;
    cursor: pointer;
}
:focus,
.focus {
    outline: 0;
}
table {
    width: 100%;
    border-collapse: collapse;
}
.display-b {
    display: block;
}
.header-container,
.base-container,
.footer-container {
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
}
.base-container {
    z-index: 0;
}
.footer-container {
    z-index: 0;
}
.wrapper {
    width: 100%;
    max-width: 1280px;
    /* 1140px - 10% for margins */

    margin: 0 auto;
}
.base .wrapper.grid {
    max-width: 1300px;
}
header .wrapper,
footer .wrapper {
    position: relative;
}
.footer-credits.wrapper {
    max-width: 840px;
    padding: 20px 30px;
}
.footer-credits p {
    margin-bottom: 10px;
    line-height: 1.2;
}
.header-container a,
.footer-container a {
    text-decoration: none;
}
/* ---------------- BUTTONS ---------------- */
.btn .fake ,
button,
.btn a
{
    display: block;
    border: 2px solid;
    text-decoration: none;
    padding: 20px;
    color: inherit;
    overflow: hidden;
}

.btn.btn-big .fake,
button.btn-big,
.btn-big a {
    display: block;
    border: 8px solid;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 21px;
    text-decoration: none;
    padding: 20px;
    color: inherit;
}
.btn.btn-big-full .fake,
button.btn-big-full,
.btn-big-full a
 {
    display: block;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 21px;
    text-decoration: none;
    padding: 20px;
    color: #ffffff;
}
.btn.btn-small .fake,
button.btn-small,
.btn-small a
 {
    display: block;
    font-size: 13px;
    text-decoration: none;
    padding: 5px 10px;
    color: inherit;
}
.btn.btn-round a span.icon,
.btn.btn-round span.icon.arrow-round {
    float: none;
    text-align: center;
}
.btn.btn-round span.icon.arrow-round {
    display: block;
    border: 4px solid;
    font-weight: bold;
    margin: 15px auto;
    margin: 15% auto;
    padding: 14px 13px;
    width: 60px;
    height: 60px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
button.btn {
    text-align: left;
}
.btn .fake span.icon,
button.btn span.icon,
.btn a span.icon {
    float: right;
    text-align: right;
    max-width: 22%;
}
.btn .fake span.icon-left,
button.btn span.icon-left,
.btn a span.icon-left {
    float: left;
    text-align: left;
}
button.btn-big.btn-alerte,
button.btn-big.btn-comparateur,
button.btn-comparateur a {
    text-transform: none;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    background: #c6e927;
    color: #ffffff;
    border: none;
    padding: 20px;
}
.btn-txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin-right: 3%;
    max-width: 85%;
}
.btn-txt.no-truncate {
    white-space: normal;
    overflow: visible;
}
.align-center .btn-txt {
    float: none;
    margin: 0 auto;
    margin-right: auto
}
.btn.tc{
    text-align: center;
}
/* ---------------- HEADER ---------------- */
/* logo */

.logo {
    float: left;
    padding: 24px 24px 0;
}
.logo .st0 {
    fill: #4FC9F0;
}
.logo .st1 {
    fill: #263852;
}
.footer-container .logo .st1 {
    fill: #FFFFFF;
}
.footer-container .logo {
    padding: 0;
    width: 100%;
}
.sidebar .widget.widget-social h3.soustitre .logo {
    padding: 5px 0;
    width: 70%;
}
.logo svg {
    width: 116px;
    height: 100px;
    width: 100%;
    max-width: 116px;
}
.footer-container .logo svg {
    height: auto;
}
/* Account */

.account {
    float: right;
    text-align: center;
    padding: 20px 30px;
}
a.icon-account i {
    font-size: 32px;
}
.account a,
.account a:visited {
    color: #263852;
}
.account a:hover {
    color: #2cd5ff;
}
/* Menu */

.hamburger {
    float: right;
}
.hamburger button {
    width: 100px;
    height: 100px;
    background: #f3f3f3;
    color: #263852;
    border: none;
    font-size: 32px;
    padding: 0;
}
.hamburger button:hover {
    background: #2cd5ff;
    color: #FFFFFF;
}
.nav-hamburger {
    display: none;
    position: absolute;
    right: 0;
    top: 100px;
    padding: 30px 30px 10px 30px ;
    background: #FBFBFB;
    border-top: 1px solid #dfdfdf;
    z-index: 20;
    /* -moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');*/
}
span.close {
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
}
.nav-account {
    display: none;
    position: absolute;
    right: 100px;
    top: 100px;
    padding: 30px;
    background: #FBFBFB;
    border-top: 1px solid #dfdfdf;
    z-index: 20;
}
.nav-hamburger ul,
.nav-account ul {
    margin: 0;
    list-style-type: none;
    padding-left: 0;
}
.nav-hamburger.toggled-on,
.nav-account.toggled-on {
    display: block;
}
.nav-hamburger ul li a,
.nav-account ul li a {
    padding: 10px 0;
    display: block;
    color: #263852;
}
.nav-hamburger ul li a:hover,
.nav-account ul li a:hover {
    color: #2cd5ff;
}
.nav-hamburger ul li a span.icon,
.nav-account ul li a span.icon {
    margin-right: 10px;
    float: left;
    width: 25px;
}
.nav-hamburger ul li a span span::before,
.nav-account ul li a span::before {
    font-size: 8px;
    width: 20px;
}
nav {
    float: left;
}
.navigation {
    display: block;
}
nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav ul li {
    display: block;
    float: left;
    position: relative;
}
nav ul ul {
    display: none;
    position: absolute;
    min-width: 200px;
    left: -50px;
    top: 100px;
    padding: 30px;
    background: #FBFBFB;
    border-top: 1px solid #dfdfdf;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
nav.touch_remover ul li:hover ul {
    display: block;
}
nav ul li.blog>a:hover::after,
nav ul li a.current::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 37px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13.5px 0 13.5px;
    border-color: #2cd5ff transparent transparent transparent;
    z-index: 2;
}
.sub-nav li a::after, .sub-menu li a::after, .menu-item a::after{
    content:none;
}

nav a {
    display: block;
    padding: 26px 15px;
    width: 100px;
    height: 100px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #263852;
}
nav a:visited {
    color: #263852;
}
nav a:hover,
nav a.current {
    color: white;
    background: #2cd5ff;
    text-decoration: none;
}
nav ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 37px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13.5px 0 13.5px;
    border-color: #2cd5ff transparent transparent transparent;
    z-index: -2;
    opacity: 0;
    -webkit-transition: bottom 0.3s ease 0.3s, opacity 0s ease 0.3s;
    -moz-transition: bottom 0.3s ease 0.3s, opacity 0s ease 0.3s;
    -o-transition: bottom 0.3s ease 0.3s, opacity 0s ease 0.3s;
    -ms-transition: bottom 0.3s ease 0.3s, opacity 0s ease 0.3s;
    transition: bottom 0.3s ease 0.3s, opacity 0s ease 0.3s;
}
nav ul li a:hover::after,
nav ul li a.current::after {
    opacity: 1;
    z-index: 20;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13.5px 0 13.5px;
    bottom: -13px;
}
nav ul ul li a {
    font-size: 12px;
    font-weight: 300;
    padding: 5px 0;
    display: block;
    color: #263852;
    text-align: left;
    width: 100%;
    height: auto;
}
nav ul ul a:hover,
nav ul ul a.current {
    color: #2cd5ff;
    background: none;
    text-decoration: none;
}
nav.navigation a span,
nav.navigation a i {
    display: block;
    clear: both;
    line-height: 1.4;
}
nav a span::before {
    font-size: 13px;
}
.nav-social {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.footer-nav {
    background: #263852;
    color: #FFFFFF;
    padding: 0;
    line-height: 1;
    padding: 15px 0;
}
.footer-nav h3 {
    margin: 7px 0;
    text-align: center;
}
.footer-nav ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
.footer-nav .nav-second {
    text-align: center;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.8333;
    padding: 7px 0;
}
.footer-nav .nav-second li {
    margin: 0 10px;
}
.footer-nav ul li {
    display: inline-block;
    vertical-align: middle;
}
.footer-nav ul li a {
    color: #FFFFFF;
}
.footer-nav .nav-social {
    font-size: 32px;
    text-align: center;
}
.footer-nav .nav-social .fa-facebook-square,
.footer-nav .nav-social .fa-twitter-square,
.footer-nav .nav-social .fa-instagram {
    color: #ffffff;
}
.footer-credits p {
    font-size: 13px;
}
.footer-credits p.small {
    font-size: 11px;
}
/* ==============
    Base
   ============== */

.base-container {
    background: url(../img/base/home-base-bg.jpg) no-repeat center center #f3f3f3;
    border-top: 1px solid #dfdfdf;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.home-sejours .base-container {
    background: url(../img/base/home-sejours-bg.jpg) no-repeat center center #f3f3f3;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.results-sejours .base-container {
    background: url(../img/base/home-sejours-bg.jpg) no-repeat center center #f3f3f3;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.home-oupartir .base-container {
    background: url(../img/base/home-oupartir-bg.png) no-repeat center center #f3f3f3;
    background: url(../img/base/home-oupartir-bg2.png) no-repeat center center #f3f3f3;
    background: url(../img/base/home-oupartir-bg3.jpg) no-repeat center center #f3f3f3;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
h1.baseline {
    color: #FFFFFF;
    font-size: 2.2rem;
    margin: 0;
    padding: 10px 30px 0 30px;
    position: relative;
    z-index: 1;
}
.base-container .module {
    background: #FFFFFF;
    padding: 20px;
    position: relative;
}
/* SEJOURS JANVIER 2017 */
/* PAGE .sejour */
/* PAGE .results-sejour */
/* .base-container .filtres */

.home-sejours .data-item .titre span {
  height: 42px;
  overflow: hidden;
}

.home-sejours .data-baisse {
  height: 56px;
}

.home-sejours .ui-selectmenu-menu .ui-menu {
  height: 275px;
}

.base-container .module .filtre_content {
    height: 133px;
    position: relative;
    border: 1px solid #dfdfdf;
}
.base-container .module .filtre_content .liste {
    height: 121px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.base-container .module .filtre_content .element_actif {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    left: 0;
    top: 0;
    right: 0;
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
}
.base-container .module .filtre_content .liste .element a {
    color: #263852;
}
.base-container .module .filtre_content .liste .element a.inactive {
    color: #7f8693;
    text-decoration: none;
    cursor:default;
}
.base-container .module .filtre_content .liste .element {
    margin-bottom: 1px;
}
.base-container .module .filtre_actif .liste {
    margin-top: 39px;
    height: 82px;
}
/* Sidebar filtres */

.filtres-user-liste {
    display: block;
    float: left;
    width: 100%;
}
.filtres-user-liste .user-filtre-actif a {
    text-decoration: none;
    color: inherit;
}
.filtres-user-liste .user-ajout-filtre a {
    color: #263852;
}
.filtres-user-liste .user-ajout-filtre a:hover {
    color: #2cd5ff;
}
.filtres-user-liste a:hover {
    text-decoration: none;
    color: #2cd5ff;
}
.filtres-user-liste .user-filtre {
    margin-bottom: 10px;
}
.base-container .module .icon-module {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    text-align: center;
    background-color: #f3f3f3;
    line-height: 2.5;
    font-size: 24px;
}
.base-container [class*="col-"] {
    padding: 10px;
}
.base-container [class*="col-"].p-l-0 {
    padding-left: 0;
}
.base-container .module.comparateur h2.titre {
    font-size: 32px;
    line-height: 1.2;
}
.base-container .module.bup {
    padding: 0;
}
.replace {
    background: none;
}
.bup iframe,
.bup img,
.bup svg,
.bup video {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.base-container .module.social {
    padding: 1px 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.base-container .module.social h2 {
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}
.base-container .nav-social {
    float: right;
    text-align: right;
}
.base-container .nav-social li {
    display: inline-block;
    font-size: 32px;
}
.base-container .voyagistes {
    font-size: 13px;
}
.btn-big.btn-comparateur,
.btn-comparateur a {
    text-transform: none;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    background: #c6e927;
    color: #ffffff;
    border: none;
    padding: 20px;
}
.btn-comparateur:hover i {
    -webkit-animation: fadeOutRight 1s infinite;
    animation: fadeOutRight 1s infinite;
}
.base-container .module.module-bottom {
    padding: 0;
}
.base-container .module.module-bottom a,
.base-container .module.module-bottom a:visited {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    display: block;
}
.base-container .module.module-bottom a:hover .square {
    background: #2cd5ff;
}
.base-container .module.module-bottom a:hover .square span.icon-big {
    /*  border:1px solid #FFFFFF;*/

    -webkit-animation: floating-text 1s ease alternate infinite;
    -moz-animation: floating-text 1s ease alternate infinite;
    -ms-animation: floating-text 1s ease alternate infinite;
    -o-animation: floating-text 1s ease alternate infinite;
    animation: floating-text 1s ease alternate infinite;
}
@ -webkit-keyframes floating-text {
    0% {
        -webkit-transform: translateY(.1em);
        text-shadow: 0 0 .5em rgba(255, 255, 255, .4), 0 0 .2em rgba(0, 0, 0, .3), 0 .3em .2em rgba(0, 0, 0, .3);
    }
    100% {
        text-shadow: 0 0 .5em rgba (255, 255, 255, .4), 0 0 .2em rgba (0, 0, 0, .3), 0 .5em .5em rgba (0, 0, 0, .3);
    }
}
@ -moz-keyframes floating-text {
    0% {
        -moz-transform: translateY(.1em);
        text-shadow: 0 0 .5em rgba(255, 255, 255, .4), 0 0 .2em rgba(0, 0, 0, .3), 0 .3em .2em rgba(0, 0, 0, .3);
    }
    100% {
        text-shadow: 0 0 .5em rgba (255, 255, 255, .4), 0 0 .2em rgba (0, 0, 0, .3), 0 .5em .5em rgba (0, 0, 0, .3);
    }
}
@ -ms-keyframes floating-text {
    0% {
        -ms-transform: translateY(.1em);
        text-shadow: 0 0 .5em rgba(255, 255, 255, .4), 0 0 .2em rgba(0, 0, 0, .3), 0 .3em .2em rgba(0, 0, 0, .3);
    }
    100% {
        text-shadow: 0 0 .5em rgba (255, 255, 255, .4), 0 0 .2em rgba (0, 0, 0, .3), 0 .5em .5em rgba (0, 0, 0, .3);
    }
}
@ -o-keyframes floating-text {
    0% {
        -o-transform: translateY(.1em);
        text-shadow: 0 0 .5em rgba(255, 255, 255, .4), 0 0 .2em rgba(0, 0, 0, .3), 0 .3em .2em rgba(0, 0, 0, .3);
    }
    100% {
        text-shadow: 0 0 .5em rgba (255, 255, 255, .4), 0 0 .2em rgba (0, 0, 0, .3), 0 .5em .5em rgba (0, 0, 0, .3);
    }
}
@ keyframes floating-text {
    0% {
        transform: translateY(.1em);
        text-shadow: 0 0 .5em rgba(255, 255, 255, .4), 0 0 .2em rgba(0, 0, 0, .3), 0 .3em .2em rgba(0, 0, 0, .3);
    }
    100% {
        text-shadow: 0 0 .5em rgba (255, 255, 255, .4), 0 0 .2em rgba (0, 0, 0, .3), 0 .5em .5em rgba (0, 0, 0, .3);
    }
}
.base-container .module.module-bottom .square {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    height: 135px;
}
.base-container .module.module-bottom .square span.icon-big {
    position: absolute;
    top: 4px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    font-size: 60px;
    color: #ffffff;
    padding: 14px;
    padding: 12%;
    text-align: center;
}
.base-container .module.prix_inferieur.module-bottom .square span.icon-big {
    top: 5px;
}
.base-container .module.module-bottom .img-square {
    position: relative;
    width: 135px;
    height: 135px;
}
.base-container .module.module-bottom .img-square span.icon-big {
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    font-size: 60px;
    color: #ffffff;
    padding: 14px;
    padding: 12%;
    text-align: center;
}
.base-container .module.module-bottom .img-square:hover span.icon-big {
    border: 1px solid #FFFFFF;
}
.base-container .grid .module.module-bottom .text {
    padding: 20px 0 10px 20px;
}
.base-container .module.module-bottom h2 {
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 5px;
}
.base-container .module.module-bottom h3 {
    font-size: 15px;
}
.base-container .module.module-bottom .btn.btn-round {
    float: right;
}
.base-container .module.module-bottom .btn.btn-round span {
    display: block;
    border: 4px solid;
    font-weight: bold;
    margin: 15px auto;
    margin: 15% auto;
    padding: 14px 13px;
    width: 60px;
    height: 60px;
    text-align: center;
    float: none;
}
/* ==============
    Main
   ============== */

.main {
    position: relative;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}
.main h1 {
    font-size: 2em;
}
.main .content {
    padding: 0;
    width: 75%;
    max-width: 960px;
    border-right: 1px solid #dfdfdf;
}
.main .content.full {
    width: 100%;
    border-right: none;
    max-width: 100%;
}
.main .content .content {
    width: 66.66%;
    float: left;
    border-left: 1px solid #dfdfdf;
}
.home-sejours .data-item .titre span {
  height: 42px;
  overflow: hidden;
}

.home-sejours .data-baisse {
  height: 56px;
}

.home-sejours .ui-selectmenu-menu .ui-menu {
  height: 275px;
}
.content.left {
    float: left;
}
.trois-col .content.left {
    border-right: 1px solid #dfdfdf;
}
.results .content.left {
    padding: 0;
}
.content.right {
    float: right;
}
.content.center {
    border-right: none;
}
.main .section {
    padding: 30px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.main .section.first {
    padding-top: 0;
}
.main-head .big-titre {
    margin: 0;
    font-weight: 700;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    padding: 30px 0 30px 30px;
    background: #263852;
}
.main h2.big-titre,
.main .big-titre h2 {
    color: #FFFFFF;
    font-size: 32px;
    margin: 0;
}
.main h2.big-titre a,
.main .big-titre h2 a {
    text-decoration: none;
}
.main div.big-titre {
    color: #FFFFFF;
    padding: 20px 30px;
}
.main-head {
    background: #263852;
}
.main-head .btn-modifier {
    padding: 20px 30px;
    padding: 2.7% 30px;
}
.titre-nb-offres {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}
.titre-nb-offres span {
    font-size: 25px;
}
.breadcrumb {
    border-bottom: 1px solid #dfdfdf;
    background: #F3F3F3;
}
.breadcrumb div {
    float: left;
}
/* ==============
    Datas
   ============== */

.main .section p.vbig {
    font-size: 1.3125em;
    line-height: 1.4;
}
.data-item {
    display: block;
    overflow: hidden;
    width: 100%;
    border: 1px solid #dfdfdf;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.data-item:hover {
    border: 1px solid #2cd5ff;
}
.data-item .data-img {
    padding: 0;
    max-height: 155px;
}
.data-item .data-infos {
    overflow: hidden;
}
.data-titre-infos-prix-btn .titre span,
.data-titre-infos-prix-btn .pays span,
.data-titre-infos-prix-btn .prix span,
.data-titre-infos-prix-btn .btn span {
    display: block;
}
.data-item .city {
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
}
.data-item .city div {
    clear: both;
    width: 100%;
}
.data-item .city div.to {
    color: #2cd5ff;
}
.data-du-jour .data-item .infos div {
    float: left;
    width: 33.33%;
    font-size: 15px;
    line-height: 1.5;
}
.data-du-jour .data-item .infos div span {
    display: block;
    width: 100%;
    clear: both;
}
.data-du-jour .data-item .infos div span i {
    vertical-align: middle;
    font-size: 20px;
}
.data-item div.timeprice {
    line-height: 1.9;
}
.data-item .time {
    font-size: 13px;
}
.data-du-jour .data-item .price {
    font-size: 24px;
}
.data-item .price {
    font-weight: 700;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1;
    color: #2cd5ff;
}
.data-item .btn.btn-round span.icon.arrow-round {
    border: 4px solid;
    margin: 25px auto;
    margin: 22% auto;
}
.data-item a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.data-item a:hover .btn.btn-round span.icon.arrow-round {
    border: 4px solid #2cd5ff;
    color: #2cd5ff;
}
/* ==============
    Promo
   ============== */

.promo {
    position: relative;
}
.text-promo {
    position: absolute;
    text-align: center;
    padding: 40px;
    width: 100%;
}
.btn-promo {
    width: 50%;
    margin: 20px auto;
}
.widget-promo .text-promo {
    padding: 16px;
}
.sidebar .widget.widget-promo h2.titre {
    font-size: 14px;
}
.widget-promo .btn-promo {
    width: auto;
    margin: 0 auto;
}
/* ==============
    Video
   ============== */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */

    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#video-bg {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#video-bg>video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* 1. Pas de support d'object-fit */

@media ( min-aspect-ratio: 16/9) {
    #video-bg>video {
        height: 300%;
        top: -100%;
    }
}
@media ( max-aspect-ratio: 16/9) {
    #video-bg>video {
        width: 300%;
        left: -100%;
    }
}
/* 2. En cas de support d'object-fit, écrase les règles en (1) */

@ supports (object-fit: cover) {
    #video-bg>video {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
    }
}
/* ==============
    Sidebar
   ============== */

.main .sidebar {
    width: 25%;
    max-width: 320px;
    z-index: 10;
}
.main .sidebar[class*="col-"] {
    padding: 0;
}
.main .content.left .sidebar {
    width: 33.33%;
    max-width: 320px;
    z-index: 10;
    /* border-right: 1px solid #dfdfdf; */
}
.sidebar.left {
    float: left;
}
.sidebar.right {
    float: right;
}
.main .sidebar .widget {
    padding: 20px 30px;
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #dfdfdf;
}

.main .sidebar .widget.imgL300{
    padding: 20px 10px;
}
.main .sidebar .widget.last {
    border-bottom: none;
}
.sidebar .widget.bleu2 a {
    color: #263852;
}
.sidebar .widget.bleu2 a:hover {
    color: #ffffff;
}
.sidebar .widget h2.titre {
    font-size: 32px;
    font-weight: 700;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    margin: 15px 0;
}
.sidebar .widget.widget-video h2.titre {
    margin: 0 0 15px 0;
}
.sidebar .widget.widget-social h3.soustitre {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 21px;
    margin: 0;
    line-height: 1;
    font-weight: 300;
    text-transform: none;
}
.sidebar .widget.widget-social h3.soustitre span {
    font-size: 32px;
}
.widget-social ul li {
    display: inline-block;
    vertical-align: middle;
}
.widget-social .nav-social {
    font-size: 38px;
}
.main .sidebar .widget.bup {
    padding: 0;
    text-align: center;
}
.fa-facebook-square {
    color: #3b5998;
}
.fa-twitter-square {
    color: #00aced;
}
.fa-instagram {
    color: #000000;
}
.home .grid .group .blog-item {
    padding: 0 20px;
}
.home .blog-item .article-titre {
    line-height: 1.3750;
}
.sidebar .widget.alerte-list .alerte-list-items {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* ==============
    RESULTS
   ============== */

.big-titre .from,
.big-titre .to {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
}
.big-titre .from span,
.big-titre .to span {
    font-size: 23px;
}
.big-titre .details {
    margin-top: 5px;
}
/* RESULT LIST ITEMS */

.results .main .content.left .sidebar .widget.first,
.main .content.left .sidebar .widget.first,
.results .main .section.section-results-intro,
.main .section.section-results-intro {
    background: #f3f3f3;
    height: 80px;
    padding: 22px 30px;
}
.results .main .content.left .sidebar .widget.first {
    padding-right: 0;
}
.results .main .section.section-results-intro,
.main .section.section-results-intro {
    padding: 20px;
    padding-top: 20px;
    overflow: hidden;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1;
}
.results .main .section.section-results-intro select.form-control,
.main .section.section-results-intro select.form-control {
    float: left;
    max-width: 235px;
    margin-bottom: 0;
    height: auto;
}
.results .main .section.section-results-intro .ui-selectmenu-button,
.main .section.section-results-intro .ui-selectmenu-button {
    width: auto !important;
    min-width: 60%;
}
.results .main .section.section-results-intro label,
.main .section.section-results-intro label {
    margin-right: 10px;
    margin-top: 10px;
}
.results .main .section.section-results-intro .frais-supp,
.main .section.section-results-intro .frais-supp {
    margin-top: 10px;
}
.progressbar {
    position: relative;
    border: none;
    border-bottom: 1px solid #dfdfdf;
}
.progress-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    text-align: center;
    font-weight: 700;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.comparateur-container {
    display: none;
}
.section.section-progressbar,
.section.section-results {
    padding: 0;
}
.section.section-results {
    background: #f3f3f3;
}
.result-item {
	position: relative;
    background: #FFFFFF;
    margin-bottom: 30px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.result-item.last {
    margin-bottom: 0;
}
.result-item:hover {
    border: 1px solid #2cd5ff;
    /*  box-shadow: 0 0 60px 10px rgba(38, 56, 82, 0.15);*/
}
.result-item.first {
    border: 1px solid #2cd5ff;
}
.result-item .result-infos,
.result-item .result-infos .btn-group [class*="col-"] {
    padding: 0;
}
.result-item .result-infos [class*="col-"] {
    padding: 2px 0;
}
.result-item .result-prix {
    border-right: 1px solid #dfdfdf;
}
.result-item .ppp {
    font-size: 12px;
}
.result-item .ppp a {
    color: #7f8693;
}
.result-item .prix {
    font-size: 32px;
    font-weight: 700;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #2cd5ff;
    line-height: 1.1;
}
.result-item .result-prix a {
    text-decoration: none;
}
.result-item .marchand {
    font-size: 12px;
}
.result-item .marchand .marchand-link {
    margin-bottom: 5px;
    display: block;
}

.result-item .btn-group {
    border-bottom: 1px solid #dfdfdf;
}
.result-item .btn-group.btn-group.dds-amd-top {
    border-bottom: none;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.results-sejours .result-item .result-infos {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.results-sejours .result-item .btn-group.dds-amd-top .btn a {
    color: inherit;
}
.results-sejours .dialog-dds-amd-top .prix {
    font-weight: 700;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 19px;
    color: #2cd5ff;
}
.result-item .btn-group .btn a {
    border: none;
    padding: 8px 15px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    background: #fafafa;
}
.result-item .btn-group .btn a span {
    float: none;
    text-align: center;
}
.results-sejours .result-item .btn-group.dds-amd-top .btn a span {
    float: left;
    text-align: left;
}
.results-sejours .result-item .btn-group.dds-amd-top{
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

.btn.btn-result-amd, .btn.btn-result-top {
    border-left: 1px solid #dfdfdf;
}
.results-sejours .result-item .btn-group.dds-amd-top .btn a span.icon {
    float: right;
    text-align: right;
}
.result-item .btn-group .btn-result-ca a {
    color: #2cd5ff;
}
.result-item .btn-group .btn-result-edp a,
.result-item .btn-group .btn-result-cda a {
    color: #7f8693;
    border-right: 1px solid #dfdfdf;
}
.result-item .btn-group .btn-result-edp a:hover,
.result-item .btn-group .btn-result-ca a:hover,
.result-item.first .btn-group .btn-result-ca a {
    color: #ffffff;
    background: #2cd5ff;
}
.result-item .btn-group .btn-result-edp a:hover,
.result-item .btn-group .btn-result-cda a:hover,
.result-item.first .btn-group .btn-result-cda a,
.result-item.first .btn-group .btn-result-edp a {
    background: #7f8693;
    color: #FFFFFF;
    border-right: none;
}
.result-item .btn-group .btn-result-cda a i {
    font-size: 9px;
    border: 1px solid;
}
.results .tabs ul li {
    font-size: 11px;
}
.results .tabs ul li a span {
    float: right;
}
.results .tabs ul li.ui-state-active {
    background: #FFFFFF;
    border-bottom: none;
}
.results .tabs .tab {
    padding: 30px;
    position: relative;
    font-size: 13px;
    color: #7f8693;
}
.results .tabs .tab .voyagistes {
    font-size: 11px;
    line-height: 1.6;
}
.results .tabs span.icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
span.icon-close,
.btn-close {
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
span.icon-close:hover,
.btn-close:hover {
    opacity: 0.8;
}
.comparateur .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 21px;
}
.module .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 21px;
}
.btn-close-tri span.icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.result-item .result-infos .infos-vols {
    font-size: 14px;
    padding: 28px 20px;
    float: left;
}
.result-item .result-infos .md2{
    padding: 45px 20px;
}
.result-item .result-infos .md3{
    padding: 35px 20px;
}
.result-item .result-infos .md4{
    padding: 25px 20px;
}
.results .tabs .tab h4,
.result-item .result-infos .infos-vols h4 {
    text-transform: uppercase;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    margin: 0 0 5px 0;
}
.result-item .result-infos .infos-vols .time {
    text-align: center;
}
.result-item .result-infos .infos-vols .duree {
    text-align: right;
}
.result-item .bloc_vols_detail .vol_detail div,
.result-item .bloc_escale div {
    float: left;
    font-size: 15px;
}
.result-item .bloc_vols_detail .vol_detail .vol {
    clear: both;
}
.result-item .vol_duree {
    font-size: 17px;
    border-left: 8px solid;
    line-height: 1.5;
}
.result-item .vol_duree .comp {
    line-height: 1;
}
.result-item .vol_duree div,
.result-item .esc_duree strong {
    clear: both;
    padding-left: 10px;
}
.result-item .esc_duree {
    border-left: 4px dotted;
}
.results .tabs .tab .bloc_vols_detail h4 {
    margin-bottom: 20px;
}
.result-item .bloc_vols_detail,
.result-item .bloc_escale {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.result-item .tabs tbody tr:first-of-type {
    background: #2cd5ff;
    color: #FFFFFF;
}
.result-item .tabs th {
    text-align: left;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
}
.result-item .tabs td,
th {
    padding: 6px;
    border-bottom: 1px solid #dfdfdf;
}
.result-item .tabs thead {
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
}
.result-item .tabs thead th {
    text-align: center;
}
.result-item .tabs tbody {
    text-align: center;
    font-size: 11px;
}
/* FILTRES */

.sidebar .widget {
    position: relative;
}
.filtre-head,
.widget.widget-head {
    background: #263852;
    color: #FFFFFF;
}
.thermometer {
    width: 32px;
    height: 150px;
    display: block;
    font: bold 14px/152px helvetica, arial, sans-serif;
    background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #2cd5ff 50%, #2cd5ff 100%);
    border-radius: 22px 22px 0 0;
    border: 5px solid #dfdfdf;
    border-bottom: none;
    box-shadow: inset 0 0 0 4px #fff;
    color: #263852;
    margin: 0 auto 65px auto;
    position: relative;
}
/* Thermometer Bulb */

.thermometer:before {
    content: ' ';
    width: 54px;
    height: 54px;
    display: block;
    position: absolute;
    top: 137px;
    left: -16px;
    z-index: -1;
    /* Place the bulb under the column */

    background: #2cd5ff;
    border-radius: 44px;
    border: 5px solid #dfdfdf;
    box-shadow: inset 0 0 0 4px #fff;
}
/* This piece here connects the column with the bulb */

.thermometer:after {
    content: ' ';
    width: 14px;
    height: 7px;
    display: block;
    position: absolute;
    top: 141px;
    left: 4px;
    background: #2cd5ff;
}
.thermometer span {
    background: #f3f3f3;
    padding: 10px;
    position: relative;
    width: 20px;
    height: 20px;
    left: 40px;
    top: -20px;
}
.sidebar .filtres .widget h3,
.main .filtres .filtre h3 {
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    margin: 7px 0;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}
.sidebar .widgets-nb-offres h3.titre {
    padding: 0;
}
.sidebar .widget .filter {
    margin: 20px 0 0;
    color: #7f8693;
}
.sidebar .widget .filter span.prix {
    text-align: right;
    float: right;
    font-size: 16px;
    font-weight: 700;
    color: #2cd5ff;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.sidebar .widget .filter .best-prix {
    font-size: 32px;
    font-weight: 700;
    color: #2cd5ff;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.sidebar .widget .filter ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sidebar .widget-filtre .btn-conseil i {
    font-size: 80%;
}
.sidebar .widget .filter .voyagistes ul {
    margin-top: 30px;
}
.sidebar .widget .filter .voyagistes ul li {
    margin: 5px;
}
.sidebar .widget .filter .voyagistes ul li span {
    margin-left: 5px;
}
.btn.btn-filtres,
.btn.btn-tri {
    padding: 0;
}
.btn.btn-filtres {
    padding-right: 5px;
}
.btn.btn-tri {
    padding-left: 5px;
}
.filter-element {
    margin: 0 0 8px 0;
}
.filter-element label {
    font-size: 13px;
}
.filter-element.input-slider {
    margin-top: 20px;
}
.filter-element input[type=checkbox],
.filter-element input[type=radio] {
    margin-right: 8px;
    margin-top: 1px;
}
.btn-toggle,
[class*="btn-toggle-"] {
    position: absolute;
    top: 27px;
    right: 30px;
    cursor: pointer;
}
.btn-toggle:hover,
[class*="btn-toggle-"]:hover {
    color: #2cd5ff;
}
/* ==============
    BON PRIX
   ============== */

.bp-item {
    border-top: 1px solid #dfdfdf;
}
.statistiques .titre_pays a {
    text-decoration: none;
}
.statistiques a {
    color: #263852;
}
.statistiques a:hover {
    color: #2cd5ff;
}
.statistiques .titre_pays {
    border-top: 1px solid #dfdfdf;
}
.main-head .ui-selectmenu-button {
    margin-bottom: 0;
}
.main-head h3 {
    line-height: 2.1;
}
.main-head .ui-selectmenu-button {
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    background: none;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    min-width: 250px;
    max-width: 250px;
    color: #FFFFFF;
    padding: 0;
    margin: 6px 0 0 0;
    font-size: 32px;
    line-height: 1;
}
.main-head .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0;
    margin: 0;
}
.bon-prix .ui-selectmenu-menu #tri-menu.ui-menu {
    background: #263852;
    width: 100% !important;
}
.bon-prix #tri-menu.ui-menu .ui-menu-item {
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    background: none;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 16px;
    padding: 15px 20px;
    font-weight: 700;
}
.bon-prix #tri-menu.ui-widget-content .ui-state-hover,
.bon-prix #tri-menu.ui-widget-content .ui-state-focus {
    background: #2cd5ff;
}
.bon-prix .ville .ui-selectmenu-button span.ui-icon {
    right: 0;
    left: auto;
    margin-top: -18px;
    position: absolute;
    top: 50%;
}
.tableau_resultat {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    float: left;
}
.tableau_resultat a {
    color: #263852;
}
.tableau_resultat p {
    font-size: 90%;
}
.tableau_resultat .resultats_recherche {
    border: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    max-height: 450px;
    overflow-y: scroll;
}
.tableau_resultat .tetiere {
    color: #FFFFFF;
    padding: 10px 0;
}
.tableau_resultat .tetiere div {
    font-size: 0.7rem;
    border-right: 1px solid #ffffff;
}
.tableau_resultat .tetiere div:last-of-type {
    border-right: none;
}
.tableau_resultat .tetiere div,
.tableau_resultat .resultats_recherche div p {
    float: left;
    width: 20%;
    text-align: center;
    margin: 5px 0;
}
.tableau_resultat .resultats_recherche .mCSB_container div {
    border-bottom: 1px solid #dfdfdf;
}
.tableau_resultat .resultats_recherche .mCSB_container div.resultat_recherche_actif {
    background: #f3f3f3;
}
.tableau_resultat .tetiere,
.tableau_resultat .resultats_recherche div,
.tableau_resultat .resultats_recherche {
    display: block;
    width: 100%;
    clear: both;
    float: left;
}
.tableau_resultat .resultats_recherche div div div:hover {
    background: #F3f3f3;
}
/* ===============
    GRAPHIQUE
   =============== */

.main .section-graphique {
    padding: 0;
    position: inherit;
}
.graphique-head {
    border-bottom: 1px solid #dfdfdf;
}
.sidebar.right .alerte-list-items .alerte-item {
    margin-bottom: 5px;
}
.sidebar.right .alerte-list-items .btn a span.icon {
    float: none;
    text-align: center;
    display: block;
}
.graphique-img {
    position: static;
}
.module-voyagistes {
    z-index: 1000;
    cursor: move;
    position: absolute;
    top: 22.4%;
    left: 45%;
    background: #FFFFFF;
    max-width: 220px;
    width: 220px;
    height: 275px;
    -moz-box-shadow: 0px 0px 80px 0px rgba(101, 101, 101, 0.4);
    -webkit-box-shadow: 0px 0px 80px 0px rgba(101, 101, 101, 0.4);
    -o-box-shadow: 0px 0px 80px 0px rgba(101, 101, 101, 0.4);
    box-shadow: 0px 0px 80px 0px rgba(101, 101, 101, 0.4);
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=80);
}
.voy-toggle {
    cursor: pointer;
}
.voy-toggle:hover {
    color: #2cd5ff;
}
.module-voyagistes.toggled {
    height: auto;
}
.module-voyagistes-content {
    overflow: hidden;
    height: 275px;
}
.module-voyagistes.toggled .module-voyagistes-content {
    height: auto;
}
.module-voyagistes .haut {
    background: #263852;
    color: #FFFFFF;
    font-weight: 700;
    padding: 15px;
    float: left;
    width: 100%;
    position: relative;
}
.module-voyagistes::after {
    content: '';
    position: absolute;
    top: 22px;
    left: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 9px 8px 0;
    border-color: transparent #263852 transparent transparent;
    z-index: 12;
}
.module-voyagistes .haut .small {
    font-size: 70%;
}
.module-voyagistes .bas {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: #FFFFFF;
    width: 100%;
    z-index: 10;
}
.module-voyagistes.toggled .bas {
    position: relative;
    float: left;
}
.module-voyagistes .haut p {
    margin: 0;
    line-height: 1;
}
.module-voyagistes .voy {
    float: left;
    width: 100%;
    padding: 13px;
}
.module-voyagistes .voy:nth-child(even) {
    background: #f3f3F3;
}
.module-voyagistes .voy a {
    display: block;
}
.module-voyagistes .btn-comparateur {
    background: #FFFFFF;
}
.module-voyagistes .btn-comparateur:hover {
    background: #2cd5ff;
    color: #ffffff;
}
/* ===============
    ALERTE
   =============== */

.alerte .filtres {
    width: 100%;
}
.alerte .grid .group .filtre[class*="col-"] {
    padding: 30px;
    margin: 2.5%;
    border: 1px solid #dfdfdf;
}
.alerte .filtre h3.soustitre {
    font-size: 21px;
    margin-bottom: 20px;
}
.alerte .module.alerte {
    padding: 30px;
    border: 1px solid #2cd5ff;
    margin-bottom: 30px;
}
.module.connexion-inscription {
    padding: 30px;
    border: 1px solid #dfdfdf;
}
.alerte-item {
    background: #FFFFFF;
    margin-bottom: 30px;
    border: 1px solid #dfdfdf;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.alerte-item:hover {
    border: 1px solid #2cd5ff;
    /*  box-shadow: 0 0 60px 10px rgba(38, 56, 82, 0.15);*/
}
.alerte-item.first {
    border: 1px solid #2cd5ff;
}
.alerte-item.archived {
    background: #EFEFEF;
}
.alerte-item.archived input {
    background: #EFEFEF;
}
/* ===============
    MON COMPTE
   =============== */

.section-toggle {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #ffffff;
    cursor: pointer;
}
.section-toggle.toggled,
.section-toggle.toggled:hover {
    background: #ffffff;
}
.section-toggle:hover {
    background: #f3f3f3;
}
.section-content {
    border-top: 1px solid #dfdfdf;
    padding-top: 30px;
    margin-top: 25px;
    display: none;
}
.section-toggle.toggled .section-head {
    color: #2cd5ff;
}
.compte-premium label.titre_lign_premium {
    clear: both;
    display: block;
    margin-bottom: 10px;
}
.alerte-item .details div {}
/* ===============
    COOKIES BAR
   =============== */

.cookies-bar {
    background: #263852;
    color: #FFFFFF;
    width: 100%;
}
.cookies-bar p {
    font-size: 11px;
    margin: 0;
    padding: 6px 10px 10px 10px;
    line-height: 1;
}
.cookies-bar p a.btn-mini {
    font-size: 15px;
    float: right;
    color: #FFFFFF;
}
/* ===============
    ALL: IE Fixes
   =============== */
/* ==============
    animate.css
   ============== */

.animated.short {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}
/* ==========================================================================
   global
   ========================================================================== */

.bg-bleu1 {
    background: #263852;
    color: #FFFFFF;
}
.bg-bleu2 {
    background: #2cd5ff;
    color: #FFFFFF;
}
.bg-bleu3 {
    background: #7f8693;
    color: #FFFFFF;
}
.bg-gris {
    background: #dfdfdf;
    color: #263852;
}
.bg-gris2 {
    background: #f3f3f3;
    color: #263852;
}
.bg-vert {
    background: #c6e927;
    color: #FFFFFF;
}
.bg-rouge {
    background: #FF0037;
    color: #FFFFFF;
}
.bg-blanc {
    background: #FFFFFF;
    color: #263852;
}
.bleu1 {
    color: #263852;
}
.bleu2 {
    color: #2cd5ff;
}
.bleu3 {
    color: #7f8693;
}
.gris {
    color: #dfdfdf;
}
.gris2 {
    color: #dfdfdf;
}
.vert {
    color: #c6e927;
}
.rouge {
    color: #FF0037;
}
.blanc {
    color: #ffffff;
}
.b-bleu1 {
    border: 1px solid #263852;
}
.b-bleu2 {
    border: 1px solid #2cd5ff;
}
.b-bleu3 {
    border: 1px solid #7f8693;
}
.b-gris {
    border: 1px solid #dfdfdf;
}
.b-gris2 {
    border: 1px solid #fafafa;
}
.b-vert {
    border: 1px solid #c6e927;
}
.b-rouge {
    border: 1px solid #FF0037;
}
.b-blanc {
    border: 1px solid #ffffff;
}
.btn.bg-bleu1 a,
.btn.bleu1.full a,
.btn.bleu1 .fake:hover,
.btn.bleu1 a:hover {
    background: #263852;
    color: #FFFFFF;
    border: 2px solid #263852;
}
.btn.bg-bleu2 a,
.btn.bleu2.full a,
.btn.bleu2 .fake:hover,
.btn.bleu2 a:hover {
    background: #2cd5ff;
    color: #FFFFFF;
    border: 2px solid #2cd5ff;
}
.btn.bg-bleu3 a,
.btn.bleu3.full a,
.btn.bleu3 .fake:hover,
.btn.bleu3 a:hover {
    background: #7f8693;
    color: #FFFFFF;
    border: 2px solid #7f8693;
}
.btn.bg-blanc a,
.btn.blanc.full a,
.btn.blanc .fake:hover,
.btn.blanc a:hover {
    background: #ffffff;
    color: #263852;
    border: 2px solid #dddddd;
}
.btn.bg-bleu1 a:hover,
.btn.bleu1 .fake:hover,
.btn.bleu1.full a:hover {
    background: #2cd5ff;
    color: #FFFFFF;
    border: 2px solid #2cd5ff;
}
.btn.bg-bleu2 a:hover,
.btn.bleu2 .fake:hover,
.btn.bleu2.full a:hover {
    background: #263852;
    color: #FFFFFF;
    border: 2px solid #263852;
}
.btn.bg-bleu3 a:hover,
.btn.bleu3 .fake:hover,
.btn.bleu3.full a:hover {
    background: #2cd5ff;
    color: #FFFFFF;
    border: 2px solid #2cd5ff;
}
.btn.bg-vert a:hover,
.btn.bg-vert .fake:hover,
.btn.bg-vert.full a:hover {
  background: #c6e927;
  color: #FFFFFF;
  border: 2px solid #c6e927;
}
.btn.bg-blanc a:hover,
.btn.blanc .fake:hover,
.btn.blanc.full a:hover {
    background: #2cd5ff;
    color: #FFFFFF;
    border: 2px solid #2cd5ff;
}
.montserrat {
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.eras {
    font-family: "ErasITC-Demi", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
}
.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
.bold {
    font-weight: 700;
}
.titre,
.soustitre {
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.left-right-0 {
    left: 0;
    right: 0;
}
.top-10 {
    top: 10px;
}
/* 56px - The quick brown fox jumps over the lazy dog */

.text-56px {
    font-size: 3.5000em;
    /* 56px */

    line-height: 1.1786;
    /* 66px */
    /*margin-top: 0.3929em;  margin-bottom: 0.0000em;
*/
}
/* 43px - The quick brown fox jumps over the lazy dog */

.text-43px,
.main .section .promo h2 {
    font-size: 2.6875em;
    /* 43px */

    line-height: 1.0233;
    /* 44px */
    /*margin-top: 0.5116em;  margin-bottom: 0.0000em;
*/
}
/* 39px - The quick brown fox jumps over the lazy dog */

.text-39px {
    font-size: 2.4375em;
    /* 39px */

    line-height: 1.1282;
    /* 44px */
    /*margin-top: 0.5641em;  margin-bottom: 0.0000em;
*/
}
/* 32px - The quick brown fox jumps over the lazy dog */

.text-32px,
.main .section h2 {
    font-size: 2.0000em;
    /* 32px */

    line-height: 1.3750;
    /* 44px */
    /*margin-top: 0.6875em;  margin-bottom: 0.0000em;
*/
}
/* 21px - The quick brown fox jumps over the lazy dog */

.text-21px,
.main .section h3 {
    font-size: 1.3125em;
    /* 21px */

    line-height: 1.0476;
    /* 22px */
    /*margin-top: 1.0476em;  margin-bottom: 0.0000em;
*/
}
/* 20px - The quick brown fox jumps over the lazy dog */

.text-20px {
    font-size: 1.2500em;
    /* 20px */

    line-height: 1.1000;
    /* 22px */
    /* margin-top: 1.1000em;  margin-bottom: 0.0000em;
*/
}
/* 19px - The quick brown fox jumps over the lazy dog */

.text-19px,
.main .section p.big {
    font-size: 1.1875em;
    /* 19px */

    line-height: 1.1579;
    /* 22px */
    /*margin-top: 1.1579em;  margin-bottom: 0.0000em;
*/
}
/* 18px - The quick brown fox jumps over the lazy dog */

.text-18px {
    font-size: 1.1250em;
    /* 18px */

    line-height: 1.2222;
    /* 22px */
    /*margin-top: 1.2222em;  margin-bottom: 0.0000em;
*/
}
/* 17px - The quick brown fox jumps over the lazy dog */

.text-17px,
.main .section h4 {
    font-size: 1.0625em;
    /* 17px */

    line-height: 1.2941;
    /* 22px */
    /*  margin-top: 1.2941em;  margin-bottom: 0.0000em;
*/
}
/* 16px - The quick brown fox jumps over the lazy dog */

.text-16px,
.main .section h5 {
    font-size: 1.0000em;
    /* 16px */

    line-height: 1.3750;
    /* 22px */
    /*margin-top: 1.3750em;  margin-bottom: 0.0000em;
*/
}
/* 15px - The quick brown fox jumps over the lazy dog */

.text-15px {
    font-size: 0.9375em;
    /* 15px */

    line-height: 1.4667;
    /* 22px */
    /*margin-top: 1.4667em;  margin-bottom: 0.0000em;
*/
}
/* 14px - The quick brown fox jumps over the lazy dog */

.text-14px,
.main .section h6 {
    font-size: 0.8750em;
    /* 14px */

    line-height: 1.5714;
    /* 22px */
    /*margin-top: 1.5714em;  margin-bottom: 0.0000em;
*/
}
/* 13px - The quick brown fox jumps over the lazy dog */

.text-13px {
    font-size: 0.8125em;
    /* 13px */

    line-height: 1.6923;
    /* 22px */
    /*  margin-top: 1.6923em;  margin-bottom: 0.0000em;
*/
}
/* 12px - The quick brown fox jumps over the lazy dog */

.text-12px {
    font-size: 0.7500em;
    /* 12px */

    line-height: 1.8333;
    /* 22px */
    /*margin-top: 1.8333em;  margin-bottom: 0.0000em;
*/
}
/* 11px - The quick brown fox jumps over the lazy dog */

.text-11px {
    font-size: 0.6875em;
    /* 11px */

    line-height: 2.0000;
    /* 22px */
    /*margin-top: 2.0000em;  margin-bottom: 0.0000em;
*/
}
/* 10px - The quick brown fox jumps over the lazy dog */

.text-10px {
    font-size: 0.6250em;
    /* 10px */

    line-height: 2.2000;
    /* 22px */
    /*margin-top: 2.2000em;  margin-bottom: 0.0000em;
*/
}
/* 9px - The quick brown fox jumps over the lazy dog */

.text-9px {
    font-size: 0.5625em;
    /* 9px */

    line-height: 2.4444;
    /* 22px */
    /*margin-top: 2.4444em;  margin-bottom: 0.0000em;
*/
}
/* 8px - The quick brown fox jumps over the lazy dog */

.text-8px {
    font-size: 0.5000em;
    /* 8px */

    line-height: 2.7500;
    /* 22px */
    /*  margin-top: 2.7500em;  margin-bottom: 0.0000em;
*/
}
/*  GRID  */

.grid {
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0 auto;
}
.grid:after {
    /* Or @extend clearfix */

    content: "";
    display: table;
    clear: both;
}
.grid .wrapper {
    padding: 0;
}
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}
.row:before,
.row:after {
    content: "";
    display: table;
}
.row:after {
    clear: both;
}
.row {
    zoom: 1;
}
.col-8 {
    width: 8.33%;
}
.col-16 {
    width: 16.66%;
}
.col-20 {
    width: 20%;
}
.col-25 {
    width: 25%;
}
.col-30 {
    width: 30%;
}
.col-33 {
    width: 33.33%;
}
.col-40 {
    width: 40%;
}
.col-41 {
    width: 41.66%;
}
.col-45 {
    width: 45%;
}
.col-48 {
    width: 48%;
}
.col-50 {
    width: 50%;
}
.col-55 {
    width: 55%;
}
.col-58 {
    width: 58.33%;
}
.col-60 {
    width: 60%;
}
.col-66 {
    width: 66.66%;
}
.col-70 {
    width: 70%;
}
.col-75 {
    width: 75%;
}
.col-80 {
    width: 80%;
}
.col-83 {
    width: 83.33%;
}
.col-91 {
    width: 91.66%;
}
.col-100 {
    width: 100%;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    position: relative;
    z-index: 1;
}
.result-item [class*="col-"] {
  position: static;
}
[class*="col-m-"],
[class*="col-t-"] {
    width: 100%;
    float: left;
    padding: 15px;
}
.col-md-8 {
    width: 8.33%;
}
.col-md-16 {
    width: 16.66%;
}
.col-md-20 {
    width: 20%;
}
.col-md-25 {
    width: 25%;
}
.col-md-30 {
    width: 30%;
}
.col-md-33 {
    width: 33.33%;
}
.col-md-40 {
    width: 40%;
}
.col-md-41 {
    width: 41.66%;
}
.col-md-45 {
    width: 45%;
}
.col-md-48 {
    width: 48%;
}
.col-md-50 {
    width: 50%;
}
.col-md-55 {
    width: 55%;
}
.col-md-58 {
    width: 58.33%;
}
.col-md-60 {
    width: 60%;
}
.col-md-66 {
    width: 66.66%;
}
.col-md-70 {
    width: 70%;
}
.col-md-75 {
    width: 75%;
}
.col-md-80 {
    width: 80%;
}
.col-md-83 {
    width: 83.33%;
}
.col-md-91 {
    width: 91.66%;
}
.col-md-100 {
    width: 100%;
}
.col-d-8 {
    width: 8.33%;
}
.col-d-16 {
    width: 16.66%;
}
.col-d-20 {
    width: 20%;
}
.col-d-25 {
    width: 25%;
}
.col-d-30 {
    width: 30%;
}
.col-d-33 {
    width: 33.33%;
}
.col-d-40 {
    width: 40%;
}
.col-d-41 {
    width: 41.66%;
}
.col-d-45 {
    width: 45%;
}
.col-d-48 {
    width: 48%;
}
.col-d-50 {
    width: 50%;
}
.col-d-55 {
    width: 55%;
}
.col-d-58 {
    width: 58.33%;
}
.col-d-60 {
    width: 60%;
}
.col-d-66 {
    width: 66.66%;
}
.col-d-70 {
    width: 70%;
}
.col-d-75 {
    width: 75%;
}
.col-d-80 {
    width: 80%;
}
.col-d-83 {
    width: 83.33%;
}
.col-d-91 {
    width: 91.66%;
}
.col-d-100 {
    width: 100%;
}
.grid[class*="col-"],
.grid.p-0 [class*="col-"],
.grid .group [class*="col-"] {
    float: left;
    padding: 0;
}
.grid .row [class*="col-"] {
    padding: 0 7px 0 7px;
}
.grid .row [class*="col-"]:first-of-type {
    padding: 0 15px 0 0;
}
.grid .row [class*="col-"]:last-of-type {
    padding: 0 0 0 15px;
}
.grid .group .result-prix.grid[class*="col-"] {
    padding: 15px;
}
.m-0-auto {
    margin: 0 auto;
}
.m-0 {
    margin: 0;
}
.m-t-0 {
    margin-top: 0;
}
.m-b-0 {
    margin-bottom: 0;
}
.m-l-0 {
    margin-left: 0;
}
.m-r-0 {
    margin-right: 0;
}
.m-5 {
    margin: 5px;
}
.m-5-0 {
    margin: 5px 0;
}
.m-5-auto {
    margin: 5px auto;
}
.m-t-5 {
    margin-top: 5px;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-l-5 {
    margin-left: 5px;
}
.m-r-5 {
    margin-right: 5px;
}
.m-10 {
    margin: 10px;
}
.m-10-0 {
    margin: 10px 0;
}
.m-10-auto {
    margin: 10px auto;
}
.m-t-10 {
    margin-top: 10px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-15 {
    margin: 15px;
}
.m-15-0 {
    margin: 15px 0;
}
.m-15-auto {
    margin: 15px auto;
}
.m-t-15 {
    margin-top: 15px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-l-15 {
    margin-left: 15px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-20 {
    margin: 20px;
}
.m-20-0 {
    margin: 20px 0;
}
.m-20-auto {
    margin: 20px auto;
}
.m-t-20 {
    margin-top: 20px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-r-20 {
    margin-right: 20px;
}
.p-0 {
    padding: 0;
}
.p-t-0 {
    padding-top: 0;
}
.p-b-0 {
    padding-bottom: 0;
}
.p-l-0 {
    padding-left: 0;
}
.p-r-0 {
    padding-right: 0;
}
.p-5 {
    padding: 5px;
}
.p-t-5 {
    padding-top: 5px;
}
.p-b-5 {
    padding-bottom: 5px;
}
.p-l-5 {
    padding-left: 5px;
}
.p-r-5 {
    padding-right: 5px;
}
.p-10 {
    padding: 10px;
}
.p-10-0 {
    padding: 10px 0;
}
.p-t-10 {
    padding-top: 10px;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-l-10 {
    padding-left: 10px;
}
.p-r-10 {
    padding-right: 10px;
}
.p-15 {
    padding: 15px;
}
.p-t-15 {
    padding-top: 15px;
}
.p-b-15 {
    padding-bottom: 15px;
}
.p-l-15 {
    padding-left: 15px;
}
.p-r-15 {
    padding-right: 15px;
}
.p-20 {
    padding: 20px;
}
.p-20-0 {
    padding: 20px 0;
}
.p-t-20 {
    padding-top: 20px;
}
.p-b-20 {
    padding-bottom: 20px;
}
.p-l-20 {
    padding-left: 20px;
}
.p-r-20 {
    padding-right: 20px;
}
.p-30 {
    padding: 30px;
}
.p-30-0 {
    padding: 30px 0;
}
.p-t-30 {
    padding-top: 30px;
}
.p-b-30 {
    padding-bottom: 30px;
}
.p-l-30 {
    padding-left: 30px;
}
.p-r-30 {
    padding-right: 30px;
}
.m-t-d-block {
    display: block;
    visibility: visible;
}
.t-block,
.m-block {
    display: none;
    visibility: hidden;
}
.d-block {
    display: block;
    visibility: visible;
}
.d-none,
.t-none,
.m-none {
    display: none;
    visibility: hidden;
}
.b-box,
[class*="b-box-"] {
    border: 1px solid #dfdfdf;
    display: block;
    overflow: hidden;
}
.b-box-bleu2 {
    border: 1px solid #2cd5ff;
}
.b-none {
    border: none !important;
}

.b-t-1 {
    border-top: 1px solid #dfdfdf!important;
}

.b-t-0 {
    border-top: 0 solid transparent!important;
}

.b-b-1 {
    border-bottom: 1px solid #dfdfdf!important;
}

.b-b-0 {
    border-bottom: 0 solid transparent!important;
}

.b-l-1 {
    border-left: 1px solid #dfdfdf!important;
}

.b-l-0 {
    border-left: 0 solid transparent!important;
}

.b-r-1 {
    border-right: 1px solid #dfdfdf!important;
}

.b-r-0 {
    border-right: 0 solid transparent!important;
}
/* ==========================================================================
   jQuery UI
   ========================================================================== */
/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */

.ui-icon[class*=" fa-"] {
    /* Remove the jQuery UI Icon */

    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */

    text-indent: 0;
    /* Bump it up - jQuery UI is -8px */

    margin-top: -0.5em;
    width: auto;
    height: auto;
}
/* Allow use of icon-large to be properly aligned */

.ui-icon.icon-large {
    margin-top: -0.75em;
}
.ui-button-icon-only .ui-icon[class*=" fa-"] {
    /* Bump it - jQuery UI is -8px */

    margin-left: -7px;
}
.ui-autocomplete,
.ui-selectmenu-menu .ui-menu {
    border: 1px solid #f3f3f3;
    border-top: none;
}
.ui-menu .ui-menu-item {
    border-top: 1px solid #f3f3f3;
}
.ui-menu .ui-menu-item:first-of-type {
    border-top: 1px solid transparent;
}
.ui-menu .ui-menu-item.ui-state-hover,
.ui-menu .ui-menu-item.ui-state-focus {
    border-top: 1px solid #f3f3f3;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0;
}
/* algofly datepicker */

.ui-datepicker-prev span {
    background: none !important;
    background-position: 0px 0px !important;
}
.ui-datepicker-next span {
    background-image: none !important;
    background-position: 0px 0px !important;
}
.ui-datepicker a {
    text-decoration: none;
    display: block;
    padding: 0.2em 0.4em;
    cursor: pointer;
}
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover {
    background: none;
    border: none;
}
.ui-datepicker a.ui-state-hover {
    background: #2cd5ff;
    color: #FFFFFF;
}
.ui-datepicker-prev {
    float: left;
}
.ui-datepicker-next {
    float: right;
}
.ui-datepicker-prev:before {
    content: "\f104";
    font-family: 'FontAwesome';
    color: #ffffff;
    text-align: center;
}
.ui-datepicker-next:before {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #ffffff;
    text-align: center;
}
.ui-datepicker {
    width: 100%;
    padding: 0;
    max-width: 300px;
    display: none;
    border: 1px solid #f3f3f3;
    font-size: 13px;
}
.ui-datepicker .ui-datepicker-header {
    background: #263852;
    color: #FFFFFF;
    padding: 10px;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.ui-datepicker table thead {
    background: #f3f3f3;
}
.ui-datepicker table {
    margin: 0;
}
.ui-datepicker td span,
.ui-datepicker td a {
    padding: 10px;
    text-align: center;
}
.ui-datepicker th {
    padding: 15px 0;
    border: none;
}
.ui-datepicker td {
    border-top: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    padding: 0;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
    background: #2cd5ff;
    color: #ffffff;
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight {
    color: #2cd5ff;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    border: none;
}
.ui-state-disabled {
    opacity: 1;
}
.extra_title_datepicker {
    text-align: center;
    line-height: 2.8em;
    color: #FFFFFF;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
}
.ui-datepicker.aller .extra_title_datepicker,
.ui-datepicker.aller .ui-state-active,
.ui-datepicker.aller a.ui-state-hover {
    background-color: #c6e927;
}
.ui-datepicker.retour .extra_title_datepicker,
.ui-datepicker.retour .ui-state-active,
.ui-datepicker.retour a.ui-state-hover {
    background-color: #2cd5ff;
}
/* algofly dialogs */

#dialog-link {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
}
#dialog-link span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}
.dialog-content {
    width: 100%;
}
.ui-dialog {
    min-width: 400px;
    max-width: 1280px;
    margin: 0px;
    background: none;
}
.btn-dialog-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
}
.v-center .dialog-content {
    background: #ffffff;
}
/* dialog cda */

.dialog-cda .tabs-cda th {
    text-align: left;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
}
.dialog-cda .tabs-cda td,
th {
    border-bottom: 1px solid #dfdfdf;
}
.dialog-cda .tabs-cda thead {
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.dialog-cda .tabs-cda thead th {
    text-align: center;
}
.dialog-cda .tabs-cda tbody {
    text-align: center;
}
.dialog-cda .ui-tabs .ui-tabs-panel {
    padding: 30px;
}
.dialog-cda .ui-tabs .tab-header {
    display: block;
    float: left;
    width: 100%;
}
.dialog-cda .ui-tabs .ui-tabs-nav li {
    background: #fafafa;
    width: 25%;
    border-bottom: 1px solid #dfdfdf;
}
.dialog-cda .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.dialog-cda .ui-tabs .ui-tabs-nav li:hover {
    background: #2cd5ff;
}
.dialog-cda .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.dialog-cda .ui-tabs .ui-tabs-nav li:hover a {
    color: #ffffff;
}
.dialog-cda .ui-tabs .ui-tabs-nav li a {
    color: #2cd5ff;
}
.dialog-cda .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
}
.dialog-cda .ui-state-active a,
.dialog-cda .ui-state-active a:hover,
.dialog-cda .ui-state-active a:link,
.dialog-cda .ui-state-active a:visited {
    color: #FFFFFF;
    background: #2cd5ff;
}
.badge-1 {
    padding: 5px 11px;
}
.badge {
    padding: 5px 10px;
    background: #2cd5ff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    color: #ffffff;
    width: 30px;
    height: 30px;
}
.dialog-cda .ui-tabs .ui-tabs-nav li.ui-tabs-active .badge,
.dialog-cda .ui-tabs .ui-tabs-nav li:hover .badge {
    background: #ffffff;
    color: #2cd5ff;
}
.dialog-cda .tabs-cda #tabs-3 th,
.dialog-cda .tabs-cda #tabs-3 td {
    padding: 15px;
    padding: 2%;
}
.dialog-cda .tabs-cda #tabs-3 tbody tr:first-of-type {
    background: #2cd5ff;
    color: #FFFFFF;
}
.dialog-cda .tabs-cda #tabs-4 td,
.dialog-cda .tabs-cda #tabs-4 th {
    border-right: 1px solid #dfdfdf;
}
.dialog-cda .tabs-cda #tabs-4 td {
    padding: 0;
}
.dialog-cda .tabs-cda #tabs-4 td a {
    display: block;
    padding: 10px;
    padding: 33%;
}
.dialog-cda .tabs-cda #tabs-4 td a.no-deco {
    padding: 0;
    display: inline;
    text-align: center;
}
.prix-flexible {
    position: relative;
}
.prix-flexible .link-left {
    transform: rotate(270deg);
    transform-origin: left bottom;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: left bottom;
    position: absolute;
    left: -6px;
    bottom: -360px;
}
/* dialog video */

.dialog-video {
    min-height: 400px;
}
.dialog-video iframe {}
/* dialog connexion / inscription */

.ui-dialog .dialog-connexion,
.ui-dialog .dialog-inscription {
    background: #FFFFFF;
}
.connexion-sociale .btn-small a {
    border: 2px solid transparent;
    color: #ffffff;
}
.btn-facebook a {
    background: #3b5998;
}
.btn-ggplus a {
    background: #dd4b39;
}
.btn-facebook a:hover {
    background: #6d84b4;
    color: #ffffff;
}
.btn-ggplus a:hover {
    background: #DE6E60;
    color: #ffffff;
}
.ui-dialog .dialog-connexion h2 span.icon i,
.ui-dialog .dialog-inscription h2 span.icon i {
    font-size: 30px;
    vertical-align: text-bottom;
}
/* dialog cross selling */

.ui-dialog .dialog-cross-selling {} .square-content {
    font-size: 25px;
}
#icons {
    margin: 0;
    padding: 0;
}
#icons li {
    margin: 2px;
    position: relative;
    padding: 4px 0;
    cursor: pointer;
    float: left;
    list-style: none;
}
#icons span.ui-icon {
    float: left;
    margin: 0 4px;
}
/* dialog loading */

.ui-dialog.dialog-algofly-loading.ui-widget-content {
    min-width: auto;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.5);
}
.dialog-loading .dialog-content {
    width: 250px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.fakewindowcontain .ui-widget-overlay {
    position: absolute;
}
.ui-selectmenu-button span.ui-selectmenu-text {
    font-size: 13px;
    font-size: 0.8rem;
    font-size: 80%;
    padding: 12px 10px;
    display: block;
    line-height: 1;
    height: 38px;
}
.ville .ui-selectmenu-button span.ui-selectmenu-text {
    font-size: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
}
.ui-menu .ui-menu-item {
    font-size: 80%;
}
/* tooltips */

.tooltip a,
a.tooltip {
    text-decoration: none;
}
span.icon-tooltip i {
    vertical-align: middle;
    font-size: 22px;
}
.tooltip-content {
    padding: 20px;
    border: 1px solid #dfdfdf;
    font-size: 90%;
}
.tooltip-content.bleu1 {
    border: 1px solid #263852;
}
.tooltip-content.bleu2 {
    border: 1px solid #2cd5ff;
}
.tooltip-content.bleu3 {
    border: 1px solid #7f8693;
}
.tooltip-content.vert {
    border: 1px solid #c6e927;
    color: #263852;
}
.tooltip-content.rouge {
    border: 1px solid #FF0037;
    color: #263852;
}
.ui-tooltip p {
    font-size: 90%;
}
.ui-tooltip p:last-of-type {
    margin-bottom: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #dfdfdf;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select.form-control:focus,
textarea.form-control:focus,
input[type="text"].form-control:focus,
input[type="password"].form-control:focus,
input[type="datetime"].form-control:focus,
input[type="datetime-local"].form-control:focus,
input[type="date"].form-control:focus,
input[type="month"].form-control:focus,
input[type="time"].form-control:focus,
input[type="week"].form-control:focus,
input[type="number"].form-control:focus,
input[type="email"].form-control:focus,
input[type="url"].form-control:focus,
input[type="search"].form-control:focus,
input[type="tel"].form-control:focus,
input[type="color"].form-control:focus,
.inputbox:focus,
.form-control:focus {
    border-color: #2cd5ff;
    outline: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
select.valid,
textarea.valid,
input[type="text"].valid,
input[type="password"].valid,
input[type="datetime"].valid,
input[type="datetime-local"].valid,
input[type="date"].valid,
input[type="month"].valid,
input[type="time"].valid,
input[type="week"].valid,
input[type="number"].valid,
input[type="email"].valid,
input[type="url"].valid,
input[type="search"].valid,
input[type="tel"].valid,
input[type="color"].valid,
select.form-control.valid,
textarea.form-control.valid,
input[type="text"].form-control.valid,
input[type="password"].form-control.valid,
input[type="datetime"].form-control.valid,
input[type="datetime-local"].form-control.valid,
input[type="date"].form-control.valid,
input[type="month"].form-control.valid,
input[type="time"].form-control.valid,
input[type="week"].form-control.valid,
input[type="number"].form-control.valid,
input[type="email"].form-control.valid,
input[type="url"].form-control.valid,
input[type="search"].form-control.valid,
input[type="tel"].form-control.valid,
input[type="color"].form-control.valid,
.inputbox.valid,
.form-control.valid {
  border-color: #2cd5ff;
  outline: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}

select:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.inputbox:-moz-placeholder,
.form-control:-moz-placeholder {
    color: #263852;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.inputbox::-moz-placeholder,
.form-control::-moz-placeholder {
    color: #263852;
    opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.inputbox:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    color: #263852;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.inputbox::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #263852;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.inputbox,
textarea.form-control {
    height: auto;
}
/* Checkbox radio hack */

.input-checkbox,
.input-radio {
    opacity: 0;
    position: absolute;
}
.input-checkbox,
.checkbox label,
.input-radio,
.radio label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.checkbox label,
.radio label {
    position: relative;
    font-size: 13px;
    font-size: 0.8rem;
    font-size: 80%;
}
.ui-button-text-only .ui-button-text {
    font-size: 13px;
    font-size: 0.8rem;
    font-size: 80%;
}
.input-checkbox:checked+label,
.input-radio:checked+label {
    color: #263852;
}
.input-checkbox+label:before,
.input-radio+label:before {
    content: '';
    border: 1px solid #dfdfdf;
    display: inline-block;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    text-align: center;
    font-size: 8px;
    line-height: 1;
    padding: 3px 2px 3px 3px;
}
.input-checkbox:checked+label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #2cd5ff;
}
.input-radio+label:before {
    border-radius: 50%;
}
.input-radio:checked+label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #2cd5ff;
}
.input-checkbox:checked+label:before,
.input-radio:checked+label:before {
    border-color: #2cd5ff;
}
.input-checkbox:focus+label,
.input-radio:focus+label {
    outline: none;
    /* focus style */
}
.input-checkbox+label:before,
.input-radio+label:before {
    transform: scale(1) rotateZ(0deg);
    transition: all .3s ease-in;
    color: transparent;
}
.input-checkbox:checked+label:before,
.input-radio:checked+label:before {
    transform: scale(1) rotateZ(0deg);
    color: #2cd5ff;
}
/* IE8: Disable custom styling. */

.ie8 .checkbox label,
.ie8 .radio label {
    display: inline-block;
}
/* jquery ui checkbox radio style. */

.checkbox-group .input-checkbox+label:before,
.radio-group .input-radio+label:before {
    display: none;
    visibility: hidden;
}
.checkbox-group .input-checkbox:checked+label,
.radio-group .input-radio:checked+label {
    color: #2cd5ff;
}
.input-checkbox:focus+label,
.input-radio:focus+label {
    outline: none;
    /* focus style */
}
.form {} .form-control {} .form-control:focus,
.ui-selectmenu-button:focus {
    outline: none;
    box-shadow: none;
}
.nom-label {
    font-size: 80%;
    color: #7f8693;
}
/* all */

::-webkit-input-placeholder {
    color: #263852;
}
::-moz-placeholder {
    color: #263852;
}
/* firefox 19+ */

:-ms-input-placeholder {
    color: #263852;
}
/* ie */

input:-moz-placeholder {
    color: #263852;
}
input[type="password"].form-control,
input[type="email"].form-control,
input[type="text"].form-control,
input[type="date"].form-control,
select.form-control {
    font-size: 13px;
    font-size: 80%;
    width: 95%;
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #dfdfdf;
    line-height: 1.5;
    height: 40px;
}
input[type="password"].form-control.full,
input[type="email"].form-control.full,
input[type="text"].form-control.full,
input[type="date"].form-control.full,
select.form-control.full,
.last input[type="text"].form-control,
.last input[type="date"].form-control,
.last select.form-control {
    width: 100% !important;
}
.input-date.form-control,
input[type="date"].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px;
    height: 40px;
    cursor: pointer;
}
input.input-text.form-control,
input.input-date.form-control {
    font-family: FontAwesome, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    cursor: pointer;
}
input[type="checkbox"].form-control,
input[type="radio"].form-control {
    margin: 0 7px 0 0;
}
.ui-buttonset .ui-button,
.checkbox-group label,
.radio-group label {
    margin-right: 10px;
}
select.form-control,
.comparateur .ui-selectmenu-open {
    width: 95% !important;
    height: 42px;
    border-radius: 0px;
    background: transparent;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.comparateur .ui-selectmenu-button,
.ui-selectmenu-button,
.comparateur .ui-multiselect {
    margin-bottom: 15px;
    width: 95% !important;
}
.ui-selectmenu-button {
    margin-bottom: 0;
    width: 95% !important;
}
.breadcrumb .ui-selectmenu-button {
    margin-bottom: 0;
    width: 100% !important;
}
.comparateur .last .ui-selectmenu-button,
.last .ui-selectmenu-button {
    width: 100% !important;
}
.form-show {
    border: none;
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    color: #2cd5ff;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.filter .form-show {
    font-size: 16px;
    font-weight: 700;
    font-size: 16px;
}
input[type="checkbox"].form-control.small,
input[type="radio"].form-control.small {
    margin: 0 7px 7px 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /*safari and chrome*/

    select {
        line-height: 1;
        height: 42px;
        background: transparent;
    }
}
select::-moz-focus-inner {
    /*Remove button padding in FF*/

    border: 0;
    padding: 0;
}
@ -moz-document url-prefix () {
    /* targets Firefox only */

    select {
        padding: 15px0 !important;
    }
}
@media screen\0 {
    /* IE Hacks: targets IE 8, 9 and 10 */

    select {
        height: 42px;
        line-height: 42px;
    }
}
/* ==========================================================================
   Pagination
   ========================================================================== */

.pagination {
    width: 100%;
}
.pagination div {
    text-align: center;
    width: 12.5%;
    float: left;
    padding: 15px;
    padding: 4%;
    border: 1px solid transparent;
    display: inline-block;
    cursor: pointer;
}
.pagination .pagenb_selected {
    border: 1px solid #2cd5ff;
}
.pagination div:hover,
.pagination .previous a:hover,
.pagination .next a:hover {
    background: #2cd5ff;
    color: #ffffff;
}
.pagination .previous,
.pagination .next {
    border: 1px solid #dfdfdf;
    padding: 4%;
}
.pagination .previous a,
.pagination .next a {
    text-decoration: none;
    color: #dfdfdf;
}
.pagination a:visited {
    color: #ffffff;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.small {
    font-size: 80%;
}
.smaller {
    font-size: 60%;
}
.bigger {
    font-size: 180%;
}
.big {
    font-size: 120%;
}
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.show-1280,
.show-900,
.show-600 {
    display: none;
    visibility: hidden;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.disabled {
    color: #dfdfdf;
}
.fixed {
    position: fixed;
}
.round,
.btn-round a,
.btn-round span {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.float-none {
    float: none;
}
iframe.iframe-responsive,
img.img-responsive,
svg.svg-responsive,
video.video-responsive {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.truncate,
[class*="truncate-"] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}
.truncate-50px {
    width: 50px;
}
.truncate-100px {
    width: 100px;
}
.truncate-250px {
    width: 250px;
}
.truncate-50 {
    width: 50%;
}
.truncate-70 {
    width: 70%;
}
.truncate-80 {
    width: 80%;
}
.truncate-90 {
    width: 90%;
}
.truncate-100 {
    width: 100%;
}
.break-word {
    word-wrap: break-word;
}
.square-box {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #2cd5ff;
}
.square-box:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.square-content div {
    display: table;
    width: 100%;
    height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
}
.icon-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
}
a.no-deco {
    text-decoration: none;
    color: inherit;
}
.line-through {
    text-decoration: line-through;
    color: inherit;
}
.l-h-1 {
    line-height: 1;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.vertical-center.full {
    width: 100vw;
    width: 100%;
    height: 100vh;
}
.vertical-center {
    display: table;
}
.vertical-center-container {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 10;
}
.vertical-center-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.vertical-center-content .block {
    display: block;
    margin: 0 auto;
    background: #ffffff;
    width: 500px;
    width: 100%;
    max-width: 500px;
    -moz-box-shadow: 0px 0px 80px 0px rgba(101, 101, 101, 0.4);
    -webkit-box-shadow: 0px 0px 80px 0px rgba(101, 101, 101, 0.4);
    -o-box-shadow: 0px 0px 80px 0px rgba(101, 101, 101, 0.4);
    box-shadow: 0px 0px 80px 0px rgba(101, 101, 101, 0.4);
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=80);
}
ul li.current a {
    color: #2cd5ff;
}
.loading_dots {
    font-size: 1em;
    /* set size here */
}
.loading_dots span {
    background: transparent;
    border-radius: 50%;
    display: inline-block;
    height: 0.6em;
    width: 0.6em;
    -webkit-animation: loading_dots 1.8s infinite;
    -moz-animation: loading_dots 1.8s infinite;
    -ms-animation: loading_dots 1.8s infinite;
    animation: loading_dots 1.8s infinite;
}
.loading_dots span:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.loading_dots span:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.loading_dots span:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.loading_dots span:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -ms-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.loading_dots span:nth-child(5) {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
}
.loading_dots span:nth-child(6) {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.loading_dots span:nth-child(7) {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.loading_dots span:nth-child(8) {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
/*
  Define the animation for every efing vendor prefix
*/

@ -webkit-keyframes loading_dots {
    0% {
        background: transparent;
    }
    50% {
        background: #2CD5FB;
    }
    100% {
        background: transparent;
    }
}
@ -moz-keyframes loading_dots {
    0% {
        background: transparent;
    }
    50% {
        background: #2CD5FB;
    }
    100% {
        background: transparent;
    }
}
@ -ms-keyframes loading_dots {
    0% {
        background: transparent;
    }
    50% {
        background: #2CD5FB;
    }
    100% {
        background: transparent;
    }
}
@ keyframes loading_dots {
    0% {
        background: transparent;
    }
    50% {
        background: #2CD5FB;
    }
    100% {
        background: transparent;
    }
}
/* ==========================================================================
  Override
   ========================================================================== */
/* Font awesome */

.fa-border {
    border: 2px solid;
    padding: .2em .25em .15em;
    border-radius: 50%;
}
/* Hover.css */
/* ==========================================================================
   Media queries
   ========================================================================== */

@media screen and (max-width: 1280px) {
    .d-block,
    .m-t-d-block .t-d-block {
        display: block;
        visibility: visible;
    }
    .m-block,
    .m-t-block,
    .t-block {
        display: none;
        visibility: hidden;
    }
    .d-none,
    .t-none,
    .m-none {
        display: none;
        visibility: hidden;
    }
    .base-container [class*="col-"] {
        padding: 10px;
    }
    .hide-1280 {
        display: none;
        visibility: hidden;
    }
    .show-1280 {
        display: block;
        visibility: visible;
    }
    .main {
        border: none;
    }
    .base-container .module.module-bottom h2 {
        font-size: 22px;
    }
    .base-container .module.module-bottom h3 {
        font-size: 13px;
    }
    .bon-prix .main h2.big-titre,
    .main-head .ui-selectmenu-button {
        font-size: 28px;
    }
}
@media screen and (max-width: 1100px) {
    .hide-1100 {
        display: none;
        visibility: hidden;
    }

    .show-1100 {
        display: block;
        visibility: visible;
    }
}
@media screen and (max-width: 950px) {
    .col-t-8 {
        width: 8.33%;
    }
    .col-t-16 {
        width: 16.66%;
    }
    .col-t-20 {
        width: 20%;
    }
    .col-t-25 {
        width: 25%;
    }
    .col-t-30 {
        width: 30%;
    }
    .col-t-33 {
        width: 33.33%;
    }
    .col-t-40 {
        width: 40%;
    }
    .col-t-41 {
        width: 41.66%;
    }
    .col-t-45 {
        width: 45%;
    }
    .col-t-48 {
        width: 48%;
    }
    .col-t-50 {
        width: 50%;
    }
    .col-t-55 {
        width: 55%;
    }
    .col-t-58 {
        width: 58.33%;
    }
    .col-t-60 {
        width: 60%;
    }
    .col-t-66 {
        width: 66.66%;
    }
    .col-t-70 {
        width: 70%;
    }
    .col-t-75 {
        width: 75%;
    }
    .col-t-80 {
        width: 80%;
    }
    .col-t-83 {
        width: 83.33%;
    }
    .col-t-91 {
        width: 91.66%;
    }
    .col-t-100 {
        width: 100%;
    }
    .col-md-8 {
        width: 8.33%;
    }
    .col-md-16 {
        width: 16.66%;
    }
    .col-md-20 {
        width: 20%;
    }
    .col-md-25 {
        width: 25%;
    }
    .col-md-30 {
        width: 30%;
    }
    .col-md-33 {
        width: 33.33%;
    }
    .col-md-40 {
        width: 40%;
    }
    .col-md-41 {
        width: 41.66%;
    }
    .col-md-45 {
        width: 45%;
    }
    .col-md-48 {
        width: 48%;
    }
    .col-md-50 {
        width: 50%;
    }
    .col-md-55 {
        width: 55%;
    }
    .col-md-58 {
        width: 58.33%;
    }
    .col-md-60 {
        width: 60%;
    }
    .col-md-66 {
        width: 66.66%;
    }
    .col-md-70 {
        width: 70%;
    }
    .col-md-75 {
        width: 75%;
    }
    .col-md-80 {
        width: 80%;
    }
    .col-md-83 {
        width: 83.33%;
    }
    .col-md-91 {
        width: 91.66%;
    }
    .col-md-100 {
        width: 100%;
    }
    .m-t-block,
    .t-block {
        display: block;
        visibility: visible;
    }
    .m-d-block,
    .m-block,
    .d-block {
        display: none;
        visibility: hidden;
    }
    .d-none,
    .t-none,
    .m-none {
        display: none;
        visibility: hidden;
    }
    .data-item hr {
        margin: 5px 0;
    }
    .titre-nb-offres {
        line-height: 1.8;
    }
    .main h2.big-titre,
    .main .big-titre h2 {
        color: #FFFFFF;
        font-size: 24px;
        margin: 0;
    }
    .big-titre .from,
    .big-titre .to {
        font-size: 16px;
    }
    .btn a {
        padding: 10px 20px;
    }
    .btn-small a {
        padding: 5px 10px;
    }
    .account {
        padding: 35px 30px 20px 30px;
        width: 100px;
        height: 100px;
    }
    .main .content .content,
    .main .content {
        width: 100%;
        border-right: none;
        max-width: 100%;
    }
    .main .sidebar {
        display: none;
        visibility: hidden;
    }
    .main .content .sidebar {
        display: block;
        visibility: visible;
    }
    .hide-900 {
        display: none;
        visibility: hidden;
    }
    .show-900 {
        display: block;
        visibility: visible;
    }
    h1.baseline {
        font-size: 3vw;
        padding: 10px 0 0 30px;
    }
    .base-container .module.module-bottom .text {
        padding: 0 30px;
        width: 100%;
    }
    .base-container .module.module-bottom .btn.btn-round a {
        border: none;
        padding: 0;
        width: auto;
        height: auto;
    }
    .base-container .module.module-bottom .text h2 {
        font-size: 17px;
        margin-bottom: 0;
    }
    .base-container .module.module-bottom .text h3 {
        font-size: 13px;
    }
    .base-container .module.module-bottom {
        height: auto;
    }
    .base-container .module.module-bottom .btn.btn-round a,
    .base-container .module.module-bottom .text {
        margin: 0;
    }
    .base-container .module.module-bottom .btn.btn-round span {
        float: none;
    }
    .main .content.left .sidebar {
        width: 100%;
        max-width: 100%;
        border-right: none;
    }
    .main .content.left .sidebar .widget {
        padding: 20px;
        width: 50%;
        float: left;
        clear: none;
        border-right: 1px solid #dfdfdf;
    }
    .main .content.left .sidebar .widget.widget-filtre-sejour {
        width: 100%;
    }
    .filtres-user-liste .user-filtre-actif a {
        padding: 3px 5px;
        border: 1px solid currentColor;
        margin-right: 5px;
    }
    .main .content.left .sidebar .widget .filtres-user-liste .user-filtre .user-ajout-filtre,
    .filtres-user-liste .user-filtre .soustitre {
        display: none;
        visibility: hidden;
    }
    .filtres-user-liste .user-filtre,
    .filtres-user-liste .user-filtre .user-filtre-actif {
        display: block;
        float: left;
    }
    .results .main .content.left .sidebar .widget.first {
        padding-right: 25px;
    }
    .results .main .big-titre {
        padding: 20px;
    }
    .results .main .section.section-results-intro {
        padding: 20px;
    }
    .main .content.left .sidebar .widget.first {
        width: 100%;
        height: auto;
    }
    .results .main .content.left .sidebar .widget.first,
    .results .main .section.section-results-intro {
        height: auto;
    }
    .results .main .section.section-results-intro .ui-selectmenu-button {
        margin-bottom: 0;
        float: left;
    }
    .home-sejours .main .data-item .data-baisse-img {
        border-bottom: 1px solid #dfdfdf;
    }
    .result-item {
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
    }
    .result-item .result-prix {
        border-right: none;
    }
}
@media screen and (max-width: 800px) {
    .logo svg {
        max-width: 70px;
    }
    nav a {
        padding: 17px 8px;
        width: 79px;
        height: 79px;
    }
    nav a span::before {
        font-size: 10px;
    }
    nav ul li>a:hover::after,
    nav ul li a.current::after {
        display:none; /* inactivation du petit triangle en mode mobile */
        bottom: -8px;
        left: 31px;
        border-width: 8px 9.5px 0 9.5px;
    }
    nav ul ul {
        left: -60px;
        top: 79px;
    }
    header .account {
        padding: 23px 5px 5px 5px;
        width: 79px;
        height: 79px;
    }
    a.icon-account i {
        font-size: 32px;
    }
    .nav-account,
    .nav-hamburger {
        top: 79px;
        width: 100%;
        right: 0;
    }
    .hamburger button {
        width: 79px;
        height: 79px;
        background: #f3f3f3;
        color: #263852;
        font-size: 25px;
    }
    img.img-logo {
        width: 70px;
    }
}
@media screen and (max-width: 600px) {
    .hide-600 {
        display: none;
        visibility: hidden;
    }
    .show-600 {
        display: block;
        visibility: visible;
    }
    /* INACTIVE DDC

  .ui-datepicker {
      display:none;
      visibility:hidden;
    }
  */
    .fa-m-big{
        font-size: 1.5em;
    }

    .ui-dialog {
        position: fixed;
        width: 100% !important;
        width: 100vw !important;
        max-width: 100% !important;
        max-width: 100vw !important;
        height: 100% !important;
        height: 100vh !important;
        min-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        /* has to be scroll, not auto */

        -webkit-overflow-scrolling: touch !important;
        -webkit-text-size-adjust: none !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
    }
    .ui-dialog-content {
        min-width: auto;
        position: fixed;
        width: 100% !important;
        width: 100vw !important;
        max-width: 100% !important;
        max-width: 100vw !important;
        height: 100% !important;
        height: 100vh !important;
        min-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        /* has to be scroll, not auto */

        -webkit-overflow-scrolling: touch !important;
        -webkit-text-size-adjust: none !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
    }
    .ui-dialog.v-center {
        background: none;
    }
    .dialog-loading.ui-dialog-content {
        background: none;
    }
    .v-center .dialog-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .module-voyagistes {
        position: relative;
        top: auto;
        left: auto;
        max-width: 100%;
        width: 100%;
        height: auto;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        filter: none;
    }
    .module-voyagistes-content {
        height: auto;
        margin-top: 20px;
    }
    .module-voyagistes::after {
        display: none;
        visibility: hidden;
    }
    .module-voyagistes .bas {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 15px;
        background: #FFFFFF;
        width: 100%;
        float: left;
        border-top: 1px solid #dfdfdf;
    }
    .ui-datepicker {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1000 !important;
    }
    body {
        position: relative;
        font-size: 90%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        /* has to be scroll, not auto */

        -webkit-overflow-scrolling: touch;
        -webkit-text-size-adjust: none;
    }
    html.no-scroll,
    html.no-scroll body {
        height: 100vh;
        overflow-x: hidden;
        overflow-y: hidden;
        -webkit-overflow-scrolling: none;
        -webkit-text-size-adjust: none;
    }
    .grid .row [class*="col-"] {
        padding: 0;
    }
    .grid .row [class*="col-"]:first-of-type {
        padding: 0;
    }
    .grid .row [class*="col-"]:last-of-type {
        padding: 0;
    }
    .col-8,
    .col-16,
    .col-20,
    .col-25,
    .col-30,
    .col-33,
    .col-40,
    .col-41,
    .col-45,
    .col-48,
    .col-50,
    .col-55,
    .col-58,
    .col-60,
    .col-66,
    .col-70,
    .col-75,
    .col-80,
    .col-83,
    .col-91,
    .col-100 {
        width: 100%;
    }
    .col-m-8 {
        width: 8.33%;
    }
    .col-m-16 {
        width: 16.66%;
    }
    .col-m-20 {
        width: 20%;
    }
    .col-m-25 {
        width: 25%;
    }
    .col-m-30 {
        width: 30%;
    }
    .col-m-33 {
        width: 33.33%;
    }
    .col-m-40 {
        width: 40%;
    }
    .col-m-41 {
        width: 41.66%;
    }
    .col-m-45 {
        width: 45%;
    }
    .col-m-48 {
        width: 48%;
    }
    .col-m-50 {
        width: 50%;
    }
    .col-m-55 {
        width: 55%;
    }
    .col-m-58 {
        width: 58.33%;
    }
    .col-m-60 {
        width: 60%;
    }
    .col-m-66 {
        width: 66.66%;
    }
    .col-m-70 {
        width: 70%;
    }
    .col-m-75 {
        width: 75%;
    }
    .col-m-80 {
        width: 80%;
    }
    .col-m-83 {
        width: 83.33%;
    }
    .col-m-91 {
        width: 91.66%;
    }
    .col-m-100 {
        width: 100%;
    }
    .col-md-8 {
        width: 8.33%;
    }
    .col-md-16 {
        width: 16.66%;
    }
    .col-md-20 {
        width: 20%;
    }
    .col-md-25 {
        width: 25%;
    }
    .col-md-30 {
        width: 30%;
    }
    .col-md-33 {
        width: 33.33%;
    }
    .col-md-40 {
        width: 40%;
    }
    .col-md-41 {
        width: 41.66%;
    }
    .col-md-45 {
        width: 45%;
    }
    .col-md-48 {
        width: 48%;
    }
    .col-md-50 {
        width: 50%;
    }
    .col-md-55 {
        width: 55%;
    }
    .col-md-58 {
        width: 58.33%;
    }
    .col-md-60 {
        width: 60%;
    }
    .col-md-66 {
        width: 66.66%;
    }
    .col-md-70 {
        width: 70%;
    }
    .col-md-75 {
        width: 75%;
    }
    .col-md-80 {
        width: 80%;
    }
    .col-md-83 {
        width: 83.33%;
    }
    .col-md-91 {
        width: 91.66%;
    }
    .col-md-100 {
        width: 100%;
    }
    .btn.m-l-5 {
        margin-left: 0;
    }
    .btn.m-l-10 {
        margin-left: 0;
    }
    .btn.m-l-15 {
        margin-left: 0;
    }
    .btn.m-l-20 {
        margin-left: 0;
    }
    .btn.m-r-5 {
        margin-right: 0;
    }
    .btn.m-r-10 {
        margin-right: 0;
    }
    .btn.m-r-15 {
        margin-right: 0;
    }
    .btn.m-r-20 {
        margin-right: 0;
    }
    .m-t-d-block,
    .m-block,
    .m-t-block,
    .m-d-block {
        display: block;
        visibility: visible;
    }
    .t-block,
    .t-d-block,
    .d-block {
        display: none;
        visibility: hidden;
    }
    .d-none,
    .t-none,
    .m-none {
        display: none;
        visibility: hidden;
    }
    big {
        font-size: 100%;
    }
    .logo svg {
        display: none;
        visibility: hidden;
    }
    .comparateur .ui-selectmenu-button,
    .comparateur .ui-multiselect,
    .ui-selectmenu-button {
        width: 100% !important;
    }
    .footer-nav [class*="col-"] {
        padding: 0;
    }
    .main .content .content,
    .main .content {
        width: 100%;
        border-right: none;
    }
    .main .content.left .sidebar {
        width: 100%;
    }
    .sidebar {
        display: none;
        visibility: hidden;
    }
    .main .content.left .sidebar {
        width: 100%;
        max-width: 100%;
        display: block;
        visibility: visible;
    }

    .results-sejours .main .content.left .sidebar {
        display: none;
        visibility: hidden;
    }
    input[type="text"].form-control,
    input[type="email"].form-control,
    input[type="password"].form-control,
    input[type="date"].form-control,
    select.form-control {
        width: 100%;
    }
    select.form-control,
    .comparateur .ui-selectmenu-open {
        width: 100% !important;
    }
    .header-container {
        border-bottom: 1px solid #dfdfdf;
    }
    nav a {
        padding: 12px 8px;
        width: 47px;
        height: 47px;
    }
    nav a span::before {
        font-size: 10px;
    }
    nav ul li.blog>a:hover::after,
    nav ul li a.current::after {
        display:none; /* inactivation du petit triangle en mode mobile */

        bottom: -8px;
        left: 15px;
        border-width: 8px 9.5px 0 9.5px;
    }
    nav ul ul {
        left: -75px;
        top: 47px;
    }
    header .account {
        padding: 11px 5px 5px 5px;
        width: 39px;
        height: 47px;
    }
    a.icon-account i {
        font-size: 24px;
    }
    .nav-account,
    .nav-hamburger {
        /*top:47px;
      right:0;*/
    }
    .nav-account,
    .nav-hamburger {
        top: 0;
        position: fixed;
        width: 100%;
        right: 0;
        left: 0;
        height: 100%;
        height: 100vh;
        z-index: 100;
        font-size: 1.5em;
    }
    .hamburger button {
        width: 47px;
        height: 47px;
        background: #f3f3f3;
        color: #263852;
        font-size: 19px;
    }
    .logo {
        padding: 3px;
    }
    .logo a {
        width: 40px;
        height: 40px;
        display: block;
        background: url(../img/logo-mob.png) no-repeat center;
    }
    img.img-logo {
        width: 70px;
    }
    .footer-nav .nav-social {
        text-align: center;
    }
    h1.baseline {
        display: none;
        visibility: hidden;
    }
    .page-404 h1.baseline {
        display: block;
        visibility: visible;
        font-size: 6vw;
        padding: 30px;
    }
    .base-container {
        padding-bottom: 0;
    }
    .base-container [class*="col-"] {
        padding: 0;
    }
    .base-container .col-75 {
        width: 100%;
        padding: 0;
    }
    .base-container .col-100.comparateur-container {
        padding: 0;
    }
    .base-container .module.comparateur h2.titre {
        font-size: 21px;
        line-height: 1.2;
    }
    .base-container fieldset.radio-group.first {
        font-size: 13px;
    }
    .base-container .grid .module.module-bottom .text {
        padding: 20px;
    }
    .base-container .module.module-bottom {
        height: auto;
        border-top: 1px solid #dfdfdf;
    }
    .base-container .module.module-bottom .btn.btn-round span {
        padding: 0;
        border: none;
        margin: 0;
        height: auto;
        width: auto;
        text-align: right;
    }
    .base-container .module.module-bottom .btn.btn-round a {
        border: none;
        padding: 0;
        width: auto;
        height: auto;
        text-align: right;
    }
    .comparateur .btn-close {
        top: 10px;
        right: 13px;
    }
    .base-container .module .icon-module {
        width: 47px;
        height: 47px;
        font-size: 18px;
    }
    .main h2.big-titre,
    .main .big-titre h2 {
        color: #FFFFFF;
        font-size: 24px;
        margin: 0;
        padding: 20px 30px;
    }
    .main-head .ville {
        padding: 0 30px 30px 30px;
    }
    .bon-prix .main h2.big-titre {
        padding-bottom: 10px;
        font-size: 24px;
    }

    .big-titre .blanc {
        font-size: 12px;
    }

    .big-titre .from,
    .big-titre .to {
        font-size: 18px;
        float: left;
        margin: 0 10px 0 0;
    }
    .big-titre .details {
        margin-top: 4px;
        float: left;
        font-size: 12px;
    }
    .main div.big-titre {
        padding: 15px;
    }
    .main-head .btn-modifier {
        padding: 0 20px 20px;
    }
    .results .main .content.left .sidebar .widget.first,
    .results .main .section.section-results-intro {
        padding: 10px 20px;
        position: relative;
    }

    .results .main .big-titre {
        padding: 10px 20px;
    }

    .sidebar .widgets-nb-offres h3.titre {
        line-height: 1.3;
    }
    .results .main .section.section-results-intro .frais-supp {
        float: left;
        text-align: left;
    }
    .main-container .main .content.left .filtre,
    .main-container .main .content.left .sidebar .widget {
        padding: 10px 30px;
        width: 100%;
        float: left;
        clear: none;
        margin: 0;
        border-right: none;
    }
    .main-container .main .content.left .filtre {
        border: none;
        border-bottom: 1px solid #dfdfdf;
    }
    .sidebar .widget-filtre h3.soustitre,
    .alerte .filtre h3.soustitre,
    .sidebar .widget-filtre span.btn-toggle {
        font-size: 13px;
    }
    .sidebar .widget-filtre .btn-toggle,
    [class*="btn-toggle-"] {
        top: 19px;
    }
    .main .section .promo h2 {
        font-size: 1.3em;
        line-height: 1.0233;
        margin: 0;
    }
    .main .section .promo p.big {
        font-size: 13px;
    }
    .result-item{
        margin-bottom: 15px;
    }

  .result-item .btn-group.btn-group.dds-amd-top {
    border-bottom: none;
    position: relative;
    bottom: auto;
    right: auto;
    left: auto;
  }

  .results-sejours .result-item .result-infos {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
  }

  .results-sejours .result-item .result-infos .infos.small {
    padding-top: 0;
  }
    .result-item .bloc_vols_detail .vol_detail div,
    .result-item .bloc_escale div {
        font-size: 12px;
    }
    .result-item .bloc_vols_detail .vol_detail .vol {
        margin-bottom: 10px;
    }
    /*
    Label the data
    */

    .result-item .tabs td:nth-of-type(1):before {
        content: "Prix";
    }
    .result-item .tabs td:nth-of-type(2) {
        display: none;
    }
    .result-item .tabs td:nth-of-type(3):before {
        content: "Durée vol";
    }
    .result-item .tabs td:nth-of-type(4) {
        display: none;
    }
    .result-item .tabs td:nth-of-type(5):before {
        content: "Escale(s)";
    }
    .result-item .tabs td:nth-of-type(6) {
        display: none;
    }
    .result-item .tabs td:nth-of-type(7):before {
        content: "Note";
    }
    .dialog-cda #tabs-3 td:nth-of-type(1):before {
        content: "Prix";
    }
    .dialog-cda #tabs-3 td:nth-of-type(2) {
        display: none;
    }
    .dialog-cda #tabs-3 td:nth-of-type(3):before {
        content: "Durée vol";
    }
    .dialog-cda #tabs-3 td:nth-of-type(4) {
        display: none;
    }
    .dialog-cda #tabs-3 td:nth-of-type(5):before {
        content: "Escale(s)";
    }
    .dialog-cda #tabs-3 td:nth-of-type(6) {
        display: none;
    }
    .dialog-cda #tabs-3 td:nth-of-type(7):before {
        content: "Note";
    }
    .dialog-cda .tabs-cda #tabs-4 td a,
    .dialog-cda .tabs-cda #tabs-4 td a.no-deco {
        display: block;
    }
    #tabs-4 table {
        display: table;
    }
    #tabs-4 thead {
        display: table-header-group;
    }
    #tabs-4 tbody {
        display: table-row-group;
    }
    #tabs-4 tr {
        display: table-row;
    }
    #tabs-4 td,
    #tabs-4 th {
        display: table-cell;
    }
    /* Force table to not be like tables anymore */

    .result-item .tabs table,
    .result-item .tabs thead,
    .result-item .tabs tbody,
    .result-item .tabs th,
    .result-item .tabs td,
    .result-item .tabs tr,
    .table table,
    .table thead,
    .table tbody,
    .table th,
    .table td,
    .table tr {
        display: block;
    }
    .table table,
    .result-item .tabs table {
        float: left;
        width: 100%;
        font-size: 75%;
    }
    /* Hide table headers (but not display: none;, for accessibility) */

    .table thead tr,
    .result-item .tabs thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .table td,
    .result-item .tabs td {
        /* Behave  like a "row" */

        border: none;
        border-bottom: 1px solid #dfdfdf;
        position: relative;
        padding-left: 50%;
        text-align: right;
    }
    .table td:before,
    .result-item .tabs td:before {
        /* Now like a table header */

        position: absolute;
        /* Top/left values mimic padding */

        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
    }
    .table th,
    .result-item .tabs th {
        background: #f3f3f3;
    }
    .result-item .result-infos .infos-vols {
        font-size: 13px;
        padding: 10px;
    }
    .result-item .result-infos .infos-vols .duree,
    .result-item .result-infos .infos-vols .time {
        text-align: left;
    }
    .result-item .btn-group {
        border-top: 1px solid #dfdfdf;
    }
    .result-item.first .btn-group {
        border: none;
    }
    .result-item .result-infos .infos-vols {
        display: none;
        visibility: hidden;
    }
    .result-item .btn-group {
        /*border-bottom:none;*/
    }
    .separateur {
        height: 18px;
    }
    .main .filtres {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #FFFFFF;
        z-index: 100;
        overflow: scroll;
    }
    .alerte .module.inscription[class*="col-"] {
        padding: 15px 0 0 0;
    }
    .btn-facebook[class*="col-"] {
        padding: 0 0 15px 0;
    }
    .btn-ggplus[class*="col-"] {
        padding: 0;
    }
    button.btn-big,
    .btn-big a {
        border: 4px solid;
        font-size: 16px;
        padding: 15px 20px;
    }
    button.btn-big-full,
    .btn-big-full a {
        font-size: 16px;
        padding: 15px 20px;
    }
    .ui-buttonset .ui-button,
    .checkbox-group label,
    .radio-group label {
        margin-right: 0;
    }
    .radio-group .ui-widget,
    .checkbox-voyagistes {
        font-size: 0.8rem;
    }
    .alerte .module.alerte {
        padding: 0;
        border: none;
        margin-bottom: 30px;
    }
    .overflow-h-m {
        overflow: hidden;
    }
    .overflow-v-m {
        overflow: visible;
    }
    #zone_de_recherche {
        background-image: none;
    }
}
@media screen and (max-height: 600px) {}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* ==============
    ariane
   ============== */

.ariane-container {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 7px 0;
    height: 30px;
    overflow: visible;
}
.ariane {
    background: none;
    font-size: 12px;
}
.ariane a,
.ariane span,
.ariane div {
    float: left;
}
.ariane a {
    color: #263852;
    text-decoration: underline;
}
.ariane a:hover {
    color: #2cd5ff;
    text-decoration: none;
}
.ariane .ui-selectmenu-button {
    min-width: 170px !important;
    background: none;
    border: none;
    margin-bottom: 0;
}
.ariane .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0;
    padding-top: 2px;
    height: auto;
}
.ariane a span {
    text-decoration: underline;
}
.ariane span {
    padding: 0 7px;
}
.ariane span span,
.ariane span.p-0 {
    padding: 0;
}
.ariane-destination {
    height: 47px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
/* ==============
    widget
   ============== */

.main .sidebar .widget.p-0 {
    padding: 0;
}
.widget.widget-bup img,
.widget.widget-img img {
    width: 100%;
}
/* ==============
    global
   ============== */

@media screen and (max-width: 600px) {
    .main [class*="col-"][class*="p-"],
    .main [class*="col-"] {
        padding: 10px 20px;
    }
    .page-plus-de-suivi .data-infos .col-75 {
        padding: 10px;
    }
}
ul.none {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
ul.inline li {
    display: inline-block;
}
ul.full li {
    width: 100%;
    clear: both;
}
ul li a {
    display: block;
}
#container_blog .article ul li a {
    display: inline;
}
.bg-bleu2 a {
    color: #263852;
}
.base-container .module.comparateur h2.like-h3,
.main h2.big-titre.like-h3,
.main .big-titre h2.like-h3,
.main .section h2.like-h3,
.sidebar .widget h2.titre.like-h3 {
    font-size: 1.3125em;
    line-height: 1.0476;
}
@media screen and (max-width: 600px) {
    .base-container .module.comparateur h2.like-h3,
    .main h2.big-titre.like-h3,
    .main .big-titre h2.like-h3,
    .main .section h2.like-h3,
    .sidebar .widget h2.titre.like-h3 {
        padding: 0;
    }
}
.big-titre {
    margin: 0;
    font-weight: 700;
    font-family: 'Montserrat', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    padding: 30px 0 30px 30px;
    background: #263852;
}
#img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
#img-bg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
}
.destination .base-container .module {
    background: rgba(255, 255, 255, 0.85);
}
.home.destination .base-container .module {
    background: rgba(255, 255, 255, 1);
}
.sidebar.right .best-prix-list-items .best-prix-item {
    margin-bottom: 5px;
}
.best-prix-item {
    background: #FFFFFF;
    margin-bottom: 30px;
    border: 1px solid #dfdfdf;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.best-prix-item:hover {
    border: 1px solid #2cd5ff;
    /*  box-shadow: 0 0 60px 10px rgba(38, 56, 82, 0.15);*/
}
.best-prix-item.first {
    border: 1px solid #2cd5ff;
}
.destination .tableau {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    float: left;
}
.destination .tableau div p.prix span {
    display: block;
    clear: both;
}
.destination .tableau div p .prix-prix {
    font-size: 120%;
}
.destination .tableau p img {
    padding-top: 6px;
    max-width: 100%;
}
.destination .tableau p a {
    text-decoration: none;
}
.destination .tableau p.time a {
    color: #263852;
}
.destination .tableau p.prix,
.destination .tableau p.time,
.destination .tableau p.date {
    padding-top: 0;
}
.destination .tableau div {
    width: 100%;
}
.destination .tableau p.un {
    width: 12.5%;
}
.destination .tableau p.deux {
    width: 6.2%;
}
.destination .tableau p.trois {
    width: 12%;
}
.destination .tableau p.quatre {
    width: 21%;
    text-align: center;
}
.destination .tableau p.cinq {
    width: 15.6%;
    text-align: left;
}
.destination .tableau p.six {
    width: 9.4%;
}
.destination .tableau p.sept {
    width: 10.7%;
}
.destination .tableau p.huit {
    width: 12.5%;
}
@media screen and (max-width: 600px) {
    .destination .tableau p.un,
    .destination .tableau p.trois,
    .destination .tableau p.quatre,
    .destination .tableau p.sept,
    .destination .tableau p.huit {
        width: 20%;
    }
    .destination .tableau p.deux,
    .destination .tableau p.cinq,
    .destination .tableau p.six {
        width: 0%;
    }
}
.destination .tableau p.btn {
    padding-top: 2px;
}
.destination .tableau p.small {
    font-size: 80%;
}
.destination .tableau {
    border: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}
.destination .tableau .tetiere {
    color: #FFFFFF;
    padding: 10px;
}
.destination .tableau .tetiere .ui-selectmenu-button {
    margin-bottom: 0;
    float: left;
}
.destination .tableau .tetiere .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 10px;
    height: auto;
}
.destination .tableau .tetiere div:last-of-type {
    border-right: none;
}
.destination .tableau div p {
    float: left;
    width: 14%;
    margin: 5px 0;
    font-size: 100%;
}
.destination .tableau .mCSB_container div {
    border-bottom: 1px solid #dfdfdf;
}
.destination .tableau .tetiere,
.destination .tableau div,
.destination .tableau {
    display: block;
    width: 100%;
    clear: both;
    float: left;
}
.inline-b {
    display: inline-block;
}
.input-checkbox+label:before,
.input-radio+label:before {
    background: #ffffff;
}
.select-like {
    position: relative;
    float: left;
    max-height: 455px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.select-like:hover {
    margin-top: -7px;
    margin-left: -7px;
    z-index: 10;
}
.select-like .list-item {
    display: none;
    visibility: hidden;
}
.select-like .list-item.first {
    display: block;
    visibility: visible;
}
.select-like:hover .list-item {
    display: flex;
    visibility: visible;
    background: #ffffff;
    padding: 8px 10px;
    clear: both;
}
button.btn-smaller,
.btn-smaller a {
    display: block;
    font-size: 11px;
    text-decoration: none;
    padding: 3px 5px;
    color: inherit;
    line-height: 1;
}
.block {
    display: block;
    visibility: visible;
}
.pointer {
    cursor: pointer;
}

.underline{
    text-decoration: underline;
}

.main .avantage_premium{
    border-color: #2cd5ff !important;
    border-width: 4px;
    border:solid;
    padding: 10px;
}

.upgrade_icon{
    font-size: 2em;
}

.A380 {
    display: block;
    background-size: 40px 40px;
    background: url(../img/resultat_comparateur/A380.png) no-repeat left top;
}

.A350 {
    display: block;
    background-size: 40px 40px;
    background: url(../img/resultat_comparateur/A350.png) no-repeat left top;
}

.A330 {
    display: block;
    background-size: 40px 40px;
    background: url(../img/resultat_comparateur/A330.png) no-repeat left top;
}


.B787 {
    display: block;
    background-size: 40px 40px;
    background: url(../img/resultat_comparateur/B787.png) no-repeat left top;
}


.B777 {
    display: block;
    background-size: 40px 40px;
    background: url(../img/resultat_comparateur/B777.png) no-repeat left top;
}


.B737 {
    display: block;
    background-size: 40px 40px;
    background: url(../img/resultat_comparateur/B737.png) no-repeat left top;
}

/* multiselect */
.ui-multiselect {
    width:95%!important;
    border-radius: 0px;
    background: transparent;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    font-size: 13px;
    font-size: 80%;
    padding: 12px 10px;
    display: block;
    line-height: 1;
    height: 38px;
    text-align:left;
    margin-bottom: 15px;
}

.last .ui-multiselect {
    width:100%!important;
}

.ui-multiselect span.ui-icon-carat-1-s {
    float:right;
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
    left:-9999px;
    position:absolute !important;
    top: auto !important;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding:5px !important;
}

.ui-multiselect-header {
    display:none;
    margin-bottom:3px;
    padding:3px 0 3px 4px;
}

.ui-multiselect-header ul {
    font-size:0.9em;
}

.ui-multiselect-header ul li {
    float:left;
    padding:0 10px 0 0;
}

.ui-multiselect-header a {
    font-size: 13px;
    font-size: 80%;
    display: block;
    line-height: 1.5;
    text-decoration:none;
}

.ui-multiselect-header a:hover {
    text-decoration:underline;
}

.ui-multiselect-header span.ui-icon {
    float:left;
}

.ui-multiselect-header .ui-multiselect-close {
    float:right;
    padding-right:0;
    text-align:right;
}

.ui-multiselect-menu {
    padding:0;
    position:absolute;
    text-align: left;
    display:none;
}

.ui-multiselect-checkboxes {
    background: #ffffff;
    overflow-y:auto;
    height:auto !important;
    position:relative;
    border: 1px solid #f3f3f3;
    border-top: none;
    z-index: 100;
}

.ui-multiselect-checkboxes label {
    border:1px solid transparent;
    padding:8px 10px;
}

.ui-multiselect-checkboxes label:hover {
    color:#2cd5ff;
    border:1px solid transparent;
    cursor:pointer;
}

.ui-multiselect-checkboxes label input {
    position:relative;
    margin-right:10px;
    top:3px;
}

.ui-multiselect-checkboxes label img {
    height: 30px;
    vertical-align: middle;
    padding-right: 3px;
}

.ui-multiselect-checkboxes li {
    clear:both;
    list-style: none;
    padding-right:3px;
    border-top: 1px solid #f3f3f3;
    padding: 0;
}

.ui-multiselect-checkboxes .ui-multiselect-optgroup {
    padding: 3px;
}

.ui-multiselect-columns {
    display: inline-block;
    vertical-align: top;
}

.ui-multiselect-checkboxes .ui-multiselect-optgroup a {
    border-bottom:1px solid;
    cursor: pointer;
    display:block;
    font-weight:bold;
    margin:1px 0;
    padding:3px;
    text-align:center;
    text-decoration:none;
}


@media screen and (max-width: 600px) {
    .ui-multiselect {
        width: 100% !important;
        margin-bottom:5px;
    }
    .last:last-of-type .ui-multiselect {
        margin-bottom:20px;
    }
}

@media print{
    .ui-multiselect-menu {
        display: none;
    }
}
/* end multiselect */


/* inspiration  */
.inspi .btn-group .btn a.bleu1{
    background: #263852;
    color: #FFFFFF;
}

.inspi .btn-group .btn a.bleu2{
    background: #2cd5ff;
    color: #FFFFFF;
}

.results-sejours .inspi .btn-group.dds-amd-top .btn a {
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
}

.results-sejours .inspi .btn-group.dds-amd-top .btn a span {
    float: none;
    text-align: center;
}

/* end inspiration  */