html, body, #page {
    font-family: 'Roboto', sans-serif;
    color: #000;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}
img {
    width: 100%
}

.krumo-root img {
    width: auto
}

.logo img {
    max-width: 357px;
}

.logo {
    text-align: center;
}

#navbar {
    position: relative;
    padding: 10px 0;
}

#nav {
    height: 40px;
    width: 40px;
    position: absolute;
    line-height: 40px;
    background-color: #fff;
    z-index: 9998;
    left: 10px;
    top: 10px;
    cursor: pointer;
    color: #003a87;
    font: normal normal normal 28px/1 FontAwesome;
    text-align: center;
    vertical-align: middle;
    -webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -o-transform: translate(0px);
    transform: translate(0px);
    -webkit-transition: -webkit-transform 600ms ease;
    -moz-transition: -moz-transform 600ms ease;
    -o-transition: -o-transform 600ms ease;
    transition: transform 600ms ease;
    -webkit-transition-property: -webkit-transform, left, right;
    -webkit-backface-visibility: hidden;
}

#nav:before {
    content: "\f0c9";
    line-height: 40px;
}

#nav.open:before {
    content: "\f00d";
    line-height: 40px;
    font-size: 18px;
}

.navbar-collapse nav {
    display: none;
}

.carousel.slide h2 {
    display: none;
}

h1 {
    font-size: 20px;
}


/*****/

.navbar-collapse nav {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9997;
    width: 290px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    background: #004990;
    color: #fff;
    right: auto;
    padding: 10px 10px 10px 50px;
    left: -290px;
    -webkit-transform: translate(-290px);
    -moz-transform: translate(-290px);
    -o-transform: translate(-290px);
    transform: translate(-290px);
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transition-property: -webkit-transform, left, right;
    -webkit-backface-visibility: hidden;
}

.open.navbar-collapse nav {
    left: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.navbar-collapse nav .menu {
    margin-top: 50px;
}

.navbar-collapse nav .menu li {
    display: block;
    width: 80%;
    margin: 0 auto 20px auto;
}

.navbar-collapse nav .menu li span {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.navbar-collapse .dropdown-menu {
    position: inherit;
    left: inherit;
    top: inherit;
    border-radius: 0;
    background-color: transparent;
    box-shadow: inherit;
    border: 0;
    margin-top: 20px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 20px;
}

.navbar-collapse .dropdown-menu a {
    color: #fff;
    font-size: 16px;
    white-space: inherit;
}

.nav .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.content-mobile,
.logo {
    -webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -o-transform: translate(0px);
    transform: translate(0px);
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transition-property: -webkit-transform, left, right;
    -webkit-backface-visibility: hidden;
}

body.open .content-mobile,
.open .logo {
    -webkit-transform: translate(290px);
    -moz-transform: translate(290px);
    -o-transform: translate(290px);
    transform: translate(290px);
}

body.open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 0;
    top: 0px;
}


/****/

.main-container {
    padding: 10px;
}

.page-resa .main-container {
    padding: 0px;
}

.page-follow-our-flights .main-container {
    padding: 10px 0;
}

.row {
    margin: 0
}

.col-sm-12 {
    padding: 0;
}

.page-header,
ol.breadcrumb {
    display: none;
}


/*****/

.menu-front-mobile ul.nav li {
    width: 45%;
    float: left;
    display: block;
    background-color: #004990;
    text-align: center;
    margin: 2.5%;
    min-height: 160px;
}

.menu-front-mobile ul.nav li:nth-child(2n) {
    /*margin-right: 0;*/
}

.menu-front-mobile ul.nav li:hover {
    background-color: #fecc00;
}

.menu-front-mobile ul.nav li a {
    color: #fff;
    padding-top: 110px;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/billets.png) no-repeat center center;
}

.menu-front-mobile ul.nav li:hover a {
    background: url(../images/billets_hover.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.contact a {
    background: url(../images/contact.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.contact:hover a {
    background: url(../images/contact_hover.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.gerer a {
    background: url(../images/gerer.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.gerer:hover a {
    background: url(../images/gerer_hover.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.client a {
    background: url(../images/client.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.client:hover a {
    background: url(../images/client_hover.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.nos-voles a {
    background: url(../images/vols.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.nos-voles:hover a {
    background: url(../images/vols_hover.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.nos-voles:hover a {
    background: url(../images/vols_hover.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.client a {
    background: url(../images/client.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.client:hover a {
    background: url(../images/client_hover.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.assistance a {
    background: url(../images/assistance.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.assistance:hover a {
    background: url(../images/assistance_hover.png) no-repeat center center;
}

.menu-front-mobile ul.nav li:hover a,
.menu-front-mobile ul.nav li a:hover,
.menu-front-mobile ul.nav li a:focus {
    background-color: transparent;
    color: #004990;
}

.footer {
    border-top: none;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 20px;
}


/****/

.box-interne {
    background: #004990;
    padding: 0 0 5px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.box-interne .interne {
    padding-top: 115px;
}

.box-interne .interne.billets {
    background: url(../images/billets_interne.png) no-repeat center 10px;
}

.box-interne .interne.contact {
    background: url(../images/contact_interne.png) no-repeat center 10px;
}

.box-interne .interne.gerer {
    background: url(../images/gerer_interne.png) no-repeat center 10px;
}

.box-interne .interne.client {
    background: url(../images/client_interne.png) no-repeat center 10px;
}

.box-interne .interne.assistance {
    background: url(../images/assistance_interne.png) no-repeat center 10px;
}

.box-interne .interne.nos-voles {
    background: url(../images/vols_interne.png) no-repeat center 10px;
}

.not-front .main-container>.row {
    background: #fff;
    padding: 15px 5px;
}

.bloc-webform-coordone {
    margin-top: 20px;
}

.bloc-webform-coordone .col-md-6,
.bloc-webform-coordone .col-md-12,
.webform-client-form .col-md-6,
.webform-client-form .col-md-12 {
    padding-left: 0;
    margin-bottom: 15px;
    float: left
}

.bloc-webform-coordone .col-md-6,
.webform-client-form .col-md-6 {
    width: 50%;
    float: left;
}

.node-type-webform .webform-client-form .col-md-6 {
    width: 100%;
}

.bloc-webform-coordone .col-md-12,
.webform-client-form .col-md-12 {
    width: 100%
}

.bloc-webform-coordone .form-email,
.webform-client-form .form-email {
    width: 100%;
    height: 46px;
    border-radius: 0;
    padding: 6px 12px;
    border: 0;
}

.form-control {
    height: 46px !important;
    border-radius: 0;
}

.btn-primary,
.form-envoyer,
.btn-form,
.btn-default {
    color: #fff;
    background-color: #00428b;
    border-color: #00428b;
    border-radius: 0;
}

#btn-render {
    width: 100%;
    margin: 20px 0
}

.btn-primary:hover,
.form-envoyer:hover {
    background-color: #fecc00;
    border-color: #fecc00;
    color: #00428b;
}

.form-reset {
    border-radius: 0;
    color: #5f5f5f;
}

.group-button {
    float: left;
    width: 100%;
    padding-right: 15px;
    text-align: right;
    margin-top: 15px
}

.mobile_bloc_reservation,
.assistance-a-la-reservation {
    color: #000;
    margin-bottom: 35px
}

.box-button {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px
}


/*.page-resa-my-booking #block-system-main,*/

.nouvelair_webform_assistance_reservation #block-system-main {
    display: none;
}

.open-form.page-resa #block-system-main,
.open-form.nouvelair_webform_assistance_reservation #block-system-main {
    -webkit-animation: fadeInFromNone 0.75s ease-out;
    -moz-animation: fadeInFromNone 0.75s ease-out;
    -o-animation: fadeInFromNone 0.75s ease-out;
    animation: fadeInFromNone 0.75s ease-out;
    display: block;
}

.mobile_bloc_reservation,
.box-button {
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}

.open-form .mobile_bloc_reservation,
.open-form .box-button {
    display: none;
}

#our-flights table input[type="text"] {
    width: 60% padding-left: 5px !important;
    width: auto;
    max-width: 65px;
}

#our-flights td,
#our-flights th {
    max-width: 80px;
    padding: 10px 1px;
    font-size: 10px;
    font-weight: bold;
}

#our-flights table input#num_flight,
#our-flights table input#dep_from,
#our-flights table input#dep_to {
    /*background: #f3f3f3;*/
}

#our-flights table .form-item-num-flight input[type="text"] {
    width: 90%;
    display: block;
    margin: 0 auto;
    float: inherit;
}

.follow-flight tbody td {
    font-size: 12px;
}

.btn-tel,
.btn-form {
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    cursor: pointer;
    clear: both;
}

.nouvelair_webform_assistance_reservation .btn-tel,
.nouvelair_webform_assistance_reservation .btn-form {
    padding: 8px;
}

.btn-reset,
.btn-submit {
    display: inline-block;
}

.btn-tel {
    background-color: #1ba300;
    color: #fff;
    /*margin-right: 15px*/
    margin: 5px auto;
}

.btn-reset {
    margin-right: 15px
}

.btn-tel a {
    color: #fff;
    text-decoration: none;
    background: url(../images/tel.png) no-repeat right center;
    padding: 5px 30px 5px 0
}

.btn-form .write-form-mobile {
    color: #fff;
    text-decoration: none;
    background: url(../images/edit-form.png) no-repeat right center;
    padding: 5px 30px 5px 0;
}

.group-button .webform-field-obligatoire {
    width: 100%;
    float: left;
    margin-top: 15px;
}

#ajax-tab-container {
    margin-bottom: 20px;
}

.page-follow-our-flights #ajax-tab-container ul.tabs {
    margin-bottom: 50px;
}

.page-follow-our-flights #ajax-tab-container ul.tabs li,
.page-follow-our-flights #ajax-tab-container ul.tabs .tab {
    border: 1px solid #bebebe;
    width: 25%;
}

#ajax-tab-container .tabs {
    width: 90%;
    margin: 0 auto;
}

.view-horaires-de-vols .views-field-vol-num-vol,
.view-horaires-de-vols .field_ville_arrivee,
.view-horaires-de-vols .field_ville_depart,
.view-horaires-de-vols .views-field-php,
.view-horaires-de-vols .views-field-php-1 {
    display: none;
}

.view-horaires-de-vols .views-field-vol-hdep,
.view-horaires-de-vols .views-field-vol-harr {
    font-size: 25px;
}

.view-horaires-de-vols .views-field-vol-hdep,
.view-horaires-de-vols .views-field-vol-duree-vol,
.view-horaires-de-vols .views-field-vol-harr {
    display: block;
    width: 33%;
    float: left;
}

.view-horaires-de-vols .views-field-php-2 {
    width: 100%;
    clear: both;
    text-align: center;
    display: block;
    overflow: hidden;
    border-top: 0;
    border-left: 0;
}

#ajax-tab-container .tabs li a,
#ajax-tab-container .tabs .tab a {
    background-color: #f4f4f4;
    width: 100% !important;
    display: block;
    font-size: 12px;
    padding: 5px;
    height: 75px;
    color: #414141;
}

#ajax-tab-container .tabs li a strong,
#ajax-tab-container .tabs .tab a strong {
    font-size: 32px;
    display: inline-block;
    line-height: 32px;
}

#ajax-tab-container .tabs li.active a,
#ajax-tab-container .tabs .tab.active a {
    background-color: #004899;
}

#our-flights table th {
    background-color: #004899;
}

.form-control.bootstrap-select {
    padding: 0;
}

.bootstrap-select .selectpicker {
    width: 100%;
    border-radius: 0;
    height: 46px;
    background-color: transparent;
    position: relative;
}

.bootstrap-select .caret {
    border: 0 none;
    font-size: 0;
    position: absolute;
    height: 12px;
    right: 10px !important;
    top: 16px !important;
    width: 20px;
    background: url(../images/pict-select.png) right center no-repeat !important;
}

.bootstrap-select .dropdown-menu {
    width: 100%;
    height: auto;
    border: 0;
}

.bootstrap-select .glyphicon {
    display: none;
}

.page-follow-our-flights .main-container .block-nouvelair-mobile {
    text-align: right;
}

#our-flights {
    min-height: inherit;
    margin-bottom: 25px
}

#our-flights table th {
    font-size: 10px;
    padding: 10px 1px;
    font-weight: bold;
}

fieldset.webform-component-fieldset {
    width: 100%;
    background-color: transparent;
    padding: 0;
    border: 0;
    box-shadow: none
}

fieldset.webform-component-fieldset .panel-title {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

fieldset.webform-component-fieldset .col-md-6 {
    width: 100%;
}

fieldset.webform-component-fieldset .panel-body,
fieldset.webform-component-fieldset .panel-heading {
    padding: 0;
}

.webform-container-inline.webform-datepicker>.form-type-select {
    width: 33%;
    margin-left: 0.33%;
    display: block;
    float: left;
}

html.js input.webform-calendar {
    display: none !important
}

.form-radios {
    text-align: center;
}


/*.form-radios .form-type-radio{
        padding: 7px;
        background-color: #ffffff;
}
.form-radios .form-type-radio .form-radio{
        margin-left: 0;
        opacity: 0;
}
*/

.form-radios .form-type-radio {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    margin: 0 2px;
    padding: 0;
}

.form-type-radios.form-group {
    margin-top: 15px
}

.form-radios input[type=radio] {
    display: none;
}

.form-radios input[type=radio]+label {
    display: inline-block;
    margin: -2px;
    padding: 5px 20px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.form-radios input[type=radio]:checked+label {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #00428b;
    color: #fff
}

.panel-default>.panel-heading {
    background-color: transparent;
    border: 0;
}

.well {
    border: none;
    width: 100%;
    float: left
}

.well .row-fluid .span9 .row-fluid {
    width: 100%;
}

.well .row-fluid .span6,
.well .row-fluid .span3 {
    width: 100%;
    display: block;
    vertical-align: middle;
    margin-right: 2%
}

.well .row-fluid .span3 .action {
    text-align: center;
}

.well .row-fluid .span3 .action .btn-nouvelair {
    float: inherit !important
}

.well .row-fluid img {
    width: auto;
}

#resa-results-container .span6 .label,
#resaQuote .span6 .label {
    font-size: 16px;
    color: #004990;
    display: inline-block;
    margin-top: 7px;
    padding: 0;
}

.well .row-fluid .span6 .span3 {
    margin-top: 10px;
    overflow: hidden;
    float: left;
    width: 100%;
}

#resa-results-container .span3 img,
#resaQuote .span3 img {
    float: left;
    display: none;
}

#resa-results-container .span9,
#resaQuote .span9 {
    font-size: 12px;
    color: #071126;
    margin-top: 10px;
}

#resa-results-container .span6 .span9 {
    border-left: 2px solid #ffcb08;
    padding-left: 5px;
    float: left;
    width: 100%;
}

#resa-results-container .span6 .span9 td.time {
    text-align: right;
}

#resa-results-container .englobe {
    padding: 5px 0;
}

#resa-results-container .englobe .num-vol {
    float: right;
}

#resa-results-container .span9 h3,
#resaQuote .span9 h3 {
    font-size: 14px;
    clear: inherit;
    display: inline;
    margin: 0;
    padding: 2px 0;
    color: #004990;
}

#resa-results-container .well .detail,
#resaQuote .well .detail {
    float: right;
    color: #004990;
    padding: 8px;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    clear: both;
    width: 100%;
    text-align: center;
}

#resa-results-container .well .detail span,
#resaQuote .well .detail span,
.scroll-to-form {
    display: inline-block;
    margin: 0 auto;
    border: solid 1px #e6e6e6;
    background: #fff;
    padding: 10px 35px 10px 10px;
    background: #fff url(../images/picto_fleche.png) 75px center no-repeat;
}

#resa-results-container .well .detail.other-prices span {
    background: #fff url(../images/picto_fleche.png) 94% center no-repeat;
}

#resa-results-container .well .vol-dispo-detail.panel {
    background: transparent;
    border: 0;
}

#resa-results-container .well .vol-dispo-detail .panel-body {
    float: left;
    width: 100%;
}

.scroll-to-form {
    text-transform: uppercase;
    background: #fff url(../images/picto_fleche.png) 95% center no-repeat;
    margin-bottom: 20px;
    color: #004990
}

.page-resa .content-buttom-right {
    display: none;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.page-resa .resa-pnr-form {
    float: left;
    width: 100%
}

.page-resa .resa-pnr-form .zone-formulaire .field-type-text label,
.page-resa .resa-pnr-form .zone-formulaire .field-type-country label,
.page-resa .resa-pnr-form .zone-formulaire .field-type-list-text label,
.page-resa .resa-pnr-form .zone-formulaire .form-item-mail label,
.page-resa .resa-pnr-form .zone-formulaire .form-item-conf-mail label {
    display: none;
}

.btn-nouvelair {
    background-color: #004990;
    margin-left: 0;
    color: #fff !important;
    display: block;
    border: 0;
    margin-top: 4px;
    text-decoration: none !important;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 12px;
    padding: 7px 12px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.btn2-nouvelair {
    background-color: transparent;
    color: #004990;
    margin-right: 5px;
    display: block;
    border: 0;
    margin-top: 0px;
    text-decoration: none !important;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 18px;
    padding: 5px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    display: inline-block;
    float: right;
}

.btn2-nouvelair:hover {
    color: #ddb203 !important;
}

#resa-results-container .span3 .price,
#resaQuote .span3 .price {
    font-size: 20px;
    color: #004990;
    text-align: center;
    margin-right: 30px;
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #434a54;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.flexibilite {
    clear: both;
    margin: 10px 0;
}

.flexibilite .form-type-select {
    width: 100%;
    float: left;
    margin-top: 26px;
}

.flexibilite .form-type-select {
    display: table;
}

.flexibilite .form-type-select label,
.flexibilite .form-type-select .form-select {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.flexibilite .form-type-select .chosen-container-single {
    min-width: 50%;
    display: table-cell;
}

.flexibilite .form-type-select:first-child {
    margin-top: 0
}

.bootstrap-select .dropdown-menu>li>a:hover,
.bootstrap-select .dropdown-menu>li>a:focus {
    border: 0;
}

.global-label-enfant,
.global-label-bebe {
    float: left;
    width: 100%;
    position: relative;
}

.label-enfant,
.label-bebe {
    position: absolute;
    font-size: 0.7em;
    font-style: italic;
    bottom: 8px;
    left: 0;
}

.chosen-container {
    width: 100% !important
}

.mobile_footer {
    font-style: 1.75em;
    font-weight: bold;
    text-align: center;
}

.mobile_footer p {
    text-align: left;
    padding: 0 20px;
    font-style: 1.75em;
}

.mobile_footer p span {
    font-size: 12px;
}

.webform-client-form {
    margin-top: 25px;
}

table.responsive {
    margin-bottom: 0;
}

.pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 30%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
}

.pinned table th,
.pinned table td {
    white-space: nowrap;
}

.pinned td:last-child {
    border-bottom: 0;
}

.node-type-conditions-g-n-rales {
    overflow-x: hidden;
}

.node-type-conditions-g-n-rales .pinned {
    background: #e5e5e3
}

.node-type-conditions-g-n-rales table {
    overflow-x: auto;
    display: block;
    width: 94%;
}

div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}

div.table-wrapper div.scrollable table {
    margin-left: 30%;
}

div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
}

table.sticky-enabled td,
table.sticky-enabled th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

table.sticky-enabled th:first-child,
table.sticky-enabled td:first-child,
table.sticky-enabled td:first-child,
table.sticky-enabled.pinned td {
    display: none;
}

.region-menu-mobile ul.links {
    padding-left: 10px;
}

.region-menu-mobile ul.links ul {
    margin-left: 15px;
}

.region-menu-mobile ul.links li {
    list-style: none;
    margin-bottom: 15px;
    color: #fff;
}

.region-menu-mobile ul.links li a,
.region-menu-mobile ul.links li span {
    color: #fff;
    font-weight: bold;
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    z-index: 9998;
    display: none;
    left: 0;
    top: 0;
}

.open-popin .overlay {
    display: block;
}

.region-page-bottom-bloc {
    display: none;
    position: fixed;
    z-index: 9999;
    background-color: #fff;
    padding: 20px;
    width: 200px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.region-page-bottom-bloc .btn-default {
    width: 100%
}

.region-page-bottom-bloc ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.region-page-bottom-bloc ul.custom-select {
    max-height: 3rem;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 30px;
    position: relative;
    background: #fff url(../images/picto_fleche.png) 95% 10px no-repeat;
    border: 1px solid #004990;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.region-page-bottom-bloc .custom-select.open {
    max-height: inherit;
    overflow: visible;
    width: 100%;
    z-index: 999;
    max-height: 250px;
}

.region-page-bottom-bloc ul.custom-select li {
    display: none;
}

.region-page-bottom-bloc .dd ul {
    width: 100%;
}

.region-page-bottom-bloc .dd ul li {
    padding-top: 10px;
}

.region-page-bottom-bloc .dd ul li img {
    width: 20px;
}

.region-page-bottom-bloc .dd .ddlabel {
    padding-left: 5px;
    color: #004990;
}

.region-page-bottom-bloc .dd .ddTitle span.ddTitleText {
    line-height: 22px;
}

.region-page-bottom-bloc .dd .ddlabel .ddlabel {
    padding-left: 15px;
    color: #004990;
}

.region-page-bottom-bloc .dd .ddChild {
    top: 30px !important;
    height: auto !important;
    width: 100%;
}

.region-page-bottom-bloc .dd {
    width: 100% !important;
}

.region-page-bottom-bloc .dd .ddTitle {
    border: 1px solid #004990;
    background: #fff url(../images/picto_fleche.png) 95% 10px no-repeat;
    height: 30px;
}

.region-page-bottom-bloc .dd .ddTitle span.ddTitleText img {
    max-width: 20px;
}

.region-page-bottom-bloc ul.custom-select li.active {
    padding-top: 0;
    position: absolute;
    top: 6px;
    line-height: 1em;
    display: block;
}

.region-page-bottom-bloc ul.open li {
    display: block;
}

.region-page-bottom-bloc li {
    list-style: none;
    margin-bottom: 10px;
    text-align: left;
    padding: 0 10px;
}

.region-page-bottom-bloc li a {
    color: #004990;
}

.page-resa-my-booking #b_container iframe {
    display: none;
}

.page-resa-my-booking .pull-right.noprint {
    width: 100%;
    margin: 5px 0;
}

.page-resa-my-booking .alert {
    display: block;
    float: left;
    width: 100%;
}

.page-resa-my-booking h1 {
    text-align: center;
}

#resa-confirmation h1 {
    text-align: center;
    line-height: 1.4;
}

.page-resa-my-booking .alert {
    padding: 5px;
    font-size: 13px;
    margin-bottom: 20px;
    /*border: 1px solid transparent;*/
    border-radius: 4px;
    /* background: none;
    border: none;*/
    overflow: hidden;
}

.alert-danger {
    clear: both;
    overflow: hidden;
}

.page-resa-my-booking .content-wrapper-confirmation {
    padding: 10px 5px;
}

.page-resa-my-booking .pull-right.noprint .btn-primary {
    width: 80%;
    display: block;
    margin: 5px auto;
}

.page-resa-my-booking .pull-right.noprint>button.btn-primary {
    display: none;
}

#our-flights table th span {
    padding: 5px 0 5px 1px !important;
}

.dep,
.arr,
.status {
    background: none;
}

#nouvelair-mobile-switch-language-device img {
    display: none;
}

.sticky-enabled {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}

input[type="date"] {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}

* {
    /* Disable selection/Copy of UIWebView */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
textarea {
    /* Exception for input areas */
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
}

.sticky-enabled::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.sticky-enabled::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

.page-node h2,
.page-node h3 {
    font-size: 16px;
    font-weight: bold;
}

.page-node .point-de-vente-page-unformatted .nav-tabs li {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    background: #fff;
    border: 1px solid #777;
}

.page-node .point-de-vente-page-unformatted .nav-tabs li a {
    color: #777777;
    border: 0;
    padding: 10px 5px;
    text-align: center;
    background: transparent;
    line-height: 1.2;
    font-size: 12px;
}

.page-node .point-de-vente-page-unformatted .nav-tabs li.active {
    background: #ffd503
}

@media screen and (max-width: 600px) {
    .logo img {
        max-width: 200px;
    }
    .box-button {
        width: 90%;
    }
    .nouvelair_webform_assistance_reservation .box-button {
        width: 100%
    }
    .well .row-fluid .span9 .row-fluid {
        display: block;
        width: 100%;
    }
    .well .row-fluid .span6,
    .well .row-fluid .span3 {
        width: 100%;
        padding: 0 10px;
        display: block;
        float: left;
        vertical-align: middle;
        margin-right: 0
    }
    #resa-results-container .span3 .price,
    #resaQuote .span3 .price {
        text-align: center;
        margin: 0;
        font-size: 22px;
    }
    .well .btn-nouvelair {
        width: 100%
    }
    .well .row-fluid .span3 {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .menu-front-mobile ul.nav li a {
        padding-top: 150px
    }
}

@media screen and (max-width: 540px) {
    .group-button .btn-tel,
    .group-button .btn-reset,
    .group-button .btn-submit {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
        text-align: center;
    }
    .group-button .btn-tel a,
    .group-button .btn-reset button,
    .group-button .btn-submit button,
    .form-envoyer {
        width: 100%;
    }
    .nouvelair_webform_assistance_reservation .group-button .btn-submit button {
        width: 80%
    }
    .flexibilite .form-type-select {
        width: 100%;
        margin-right: 0;
        float: left;
        margin-top: 5px;
    }
    .menu-front-mobile ul.nav li {
        min-height: 115px;
    }
    .menu-front-mobile ul.nav li a,
    .menu-front-mobile ul.nav li.gerer a,
    .menu-front-mobile ul.nav li.assistance a,
    .menu-front-mobile ul.nav li.nos-voles a,
    .menu-front-mobile ul.nav li.contact a,
    .menu-front-mobile ul.nav li.client a {
        padding-top: 60px;
        background-position: center 10px !important;
        background-size: 30% !important;
        line-height: 1.2;
    }
    .menu-front-mobile ul.nav li:hover a,
    .menu-front-mobile ul.nav li.gerer:hover a,
    .menu-front-mobile ul.nav li.assistance:hover a,
    .menu-front-mobile ul.nav li.nos-voles:hover a,
    .menu-front-mobile ul.nav li.contact:hover a,
    .menu-front-mobile ul.nav li.client:hover a {
        /*padding-top: 100px;
        background-position: center 20px;
        background-size: 30%;*/
    }
}

@media screen and (max-width: 400px) {
    .nouvelair_webform_assistance_reservation .btn-tel,
    .nouvelair_webform_assistance_reservation .btn-form {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px
    }
    label.new_module{
        padding-left: 5px !important;
        padding-right: 5px !important;

    }
}
input[name=tripType]:checked + label.new_module {
    padding: 16px 5px!important;
}
@media screen and (max-width: 410px) {

}
@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr;
}

.container-inline-date .date-padding,
.container-inline-date .form-item,
.container-inline-date .form-item input {
    width: 100%;
}

.date-depart .container-inline-date .datepicker,
.date-arrive .container-inline-date .datepicker {
    width: 100%;
    border-radius: 0;
    margin-bottom: 15px;
}

.date-depart .container-inline-date input.datepicker,
.date-arrive .container-inline-date input.datepicker {
    line-height: 42px;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}

.datepicker>div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #000000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #000000;
    background-color: #ffcd70;
    border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    background-image: none;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
    background-color: #ffdb99;
    border-color: #ffb733;
}

.datepicker table tr td.today:hover:hover {
    color: #000;
}

.datepicker table tr td.today.active:hover {
    color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    color: #000000;
    background-color: #f7ca77;
    border-color: #f1a417;
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    color: #000000;
    background-color: #f4bb51;
    border-color: #bf800c;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    background-image: none;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #f7ca77;
    border-color: #f1a417;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #555555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    color: #ffffff;
    background-color: #858585;
    border-color: #373737;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    background-image: none;
}

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
    background-color: #999999;
    border-color: #555555;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-image: none;
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
    background-color: #428bca;
    border-color: #357ebd;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-image: none;
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
    background-color: #428bca;
    border-color: #357ebd;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-group.date .input-group-addon i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: solid #cccccc;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 4px 5px;
}

#edit_depart_chosen {
    padding: 2px 0 2px 45px;
    background: url(../images/depart.png) no-repeat 5px center;
}

#edit_arrivee_chosen {
    padding: 2px 0 2px 45px;
    background: url(../images/arrivee.png) no-repeat 5px center;
}

.form-type-select.form-item-depart,
.form-type-select.form-item-arrivee {
    background-color: #fff;
    border: 1px solid #cccccc;
}

.form-item-depart .chosen-container-single .chosen-single,
.form-item-arrivee .chosen-container-single .chosen-single {
    border: none;
    box-shadow: inherit
}

.content-wrapper-confirmation .side-right-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    clear: both;
    color: #004990;
}

.detail-depart-arrivee,
.detail-10 {
    padding: 10px;
}

.page-resa-my-booking .detail-depart-arrivee,
.detail-10 {
    padding: 0;
}

.detail-10 .total {
    margin-bottom: 10px;
}

.content-buttom-right .table>tbody>tr {
    border-top: 1px solid #ddd
}

.content-buttom-right #resa-destination img {
    display: none;
}

.node-type-conditions-g-n-rales ul {
    padding-left: 20px;
}

#block-nouvelair-mobile-nouvelair-mobile-navigation {
    padding-top: 40px !important;
}

.node-type-conditions-g-n-rales table.desktop {
    border: 0;
    display: none !important;
    margin: 5px 0;
}

.node-type-conditions-g-n-rales table.mobile {
    border: 0;
    display: block !important;
    margin: 5px 0;
}

.node-type-conditions-g-n-rales table.mobile tr:first-child>td,
.node-type-conditions-g-n-rales table.mobile tr>td:first-child {
    font-weight: bold;
}

.node-type-conditions-g-n-rales table.desktop td,
.node-type-conditions-g-n-rales table.mobile td {
    padding: 2px;
    border: 1px solid #999;
}

.bcfieldtable {
    position: relative;
    margin: 5px 0;
    padding: 0 5px 0 0;
}

.bcfieldtable input,
.bcfieldtable select {
    width: 100%;
    height: 27px;
    padding: 5px 32px 5px 30px;
    border-radius: 0;
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

.bcfieldtable input#dep_to {
    background: url(../images/pict-arrive.png) no-repeat 5px center #f3f3f3;
}

.bcfieldtable input#dep_from {
    background: url(../images/pict-depart.png) no-repeat 5px center #f3f3f3;
}

.bcfieldtable input#num_flight {
    background: url(../images/pound.png) no-repeat 5px center #f3f3f3;
}

.page-follow-our-flights #show_all_dep_from_btn,
.page-follow-our-flights #show_all_dep_to_btn {
    float: left;
    border: none;
    height: 25px;
    width: 25px;
    outline: none;
    overflow: hidden;
    text-indent: -5000px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: url(../images/pict-select-pays.png) no-repeat center #f3f3f3;
    position: absolute;
    top: 1px;
    right: 6px;
    z-index: 1;
}

.bclistconfirmation {
    border: 1px solid #f5f5f5;
    border-radius: 7px;
    padding: 0;
    background: #fff;
    clear: both;
    margin: 10px auto;
    /*border-bottom:1px solid #004990; */
}

.bclistconfirmation div {
    padding: 2px 5px;
}

.bclistconfirmation .group-title {
    background: #004990;
    border-radius: 7px 7px 0 0;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}


/*.bclistconfirmation div:nth-child(even) {
}

.bclistconfirmation div:nth-child(odd) {
        background: #f5f5f5;
}*/

.bclistconfirmation2 label {
    padding: 2px 5px;
}

.bclistconfirmation2 label {
    display: block;
    width: 100%;
    clear: both;
    background: #f5f5f5;
    /*color: #FFCB08;*/
}

.offre-country.select-devise .scroll-to-form {
    background: #fff;
    border: solid 1px #ccc;
}

.nouvelair_webform_assistance_reservation .btn-reset {
    display: none;
}

.tooltip.right {
    left: -1200px !important;
}

#edit-aller {
    width: 100%;
}

#edit-aller .placeholderclass::before {
    width: 100%;
    content: attr(placeholder);
    background-color: #FFFFFF;
}

#edit-retour {
    width: 100%;
}

#edit-retour .placeholderclass::before {
    width: 100%;
    content: attr(placeholder);
    background-color: #FFFFFF;
}

#edit-retour .placeholderclass:hover::before {
    width: 0%;
    content: "";
}

#edit-aller .placeholderclass:hover::before {
    width: 0%;
    content: "";
}

#edit-retour .placeholderclass:focus::before {
    width: 0%;
    content: "";
}

#edit-aller .placeholderclass:focus::before {
    width: 0%;
    content: "";
}

label[for=edit-booking-devise] {
    float: left;
    margin-right: 20px;
    margin-top: 13px;
}

#edit-booking-devise {
    width: 80%;
    margin-bottom: 25px;
}

.node-type-webform.nouvelair_webform_assistance_reservation .webform-client-form .group-button {
    float: right;
    max-width: 185px;
}

@media screen and (max-width: 500px) {
    .node-type-webform.nouvelair_webform_assistance_reservation .webform-client-form .group-button {
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .node-type-webform.nouvelair_webform_assistance_reservation .webform-client-form .btn-submit button {
        width: 100%
    }
    .node-type-webform .webform-client-form .col-md-6,
    .node-type-webform .webform-client-form .col-md-12 {
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media screen and (max-width: 400px) {
    .i18n-en.nouvelair_webform_assistance_reservation .btn-tel,
    .i18n-en.nouvelair_webform_assistance_reservation .btn-form {
        width: 100%
    }
}

.node-type-conditions-g-n-rales .region-content {
    overflow-x: hidden;
}

.menu-front-mobile ul.nav li.contact,
.menu-front-mobile ul.nav li.client {
    display: none;
}

.menu-front-mobile ul.nav li.rentalcars a {
    background: url(../images/car.png) no-repeat center center;
}

.menu-front-mobile ul.nav li.bookings a {
    background: url(../images/hotel.png) no-repeat center center;
}

.nouvelair_webform_assistance_reservation .form-select,
.nouvelair_webform_assistance_reservation .form-select option {
    word-wrap: break-word;
}

.page-reserver .group-button {
    text-align: center;
}

.node-type-conditions-g-n-rales .colorbox-inline {
    display: none;
}

.node-type-conditions-g-n-rales a.mobile-inline {
    display: inline !important
}

.node-type-conditions-g-n-rales #tarif-service {
    display: none;
}

.page-resa .group3 .form-item-creer-un-compte {
    display: none;
}

.page-reserver .group-button {
    padding-right: 0
}

.nouvelair_webform_assistance_reservation.page-node-done #block-system-main {
    display: block;
}

.espace>span {
    padding-right: 10px
}
input[name=tripType] {
    position: absolute;
    visibility: hidden;
    display: none;
}

label.new_module {
    color: #ffffff;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 20px;
}

input[name=tripType] +  label.new_module  {
    display: inline-block;
    margin: -1px;
    padding: 10px 17px;
    background-color: #f9f9f9;
    border-color: #ffffff;
    color:#0054a5;
}

input[name=tripType]:checked +  label.new_module  {
    background-image: none;
    background-color: #0054a5;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 7px;
    padding: 10px 17px;
}

.radio-group {
    border: solid 3px #02489e;
    display: inline-block;
    margin: 20px;
    border-radius: 10px;
    overflow: hidden;
}
div#tripTypeArea {
    margin: -9px 0 4px 0;
    padding: 5px;
    border-top: 1px solid rgba(241, 241, 241, 0.55);
    border-bottom: 1px solid rgba(241, 241, 241, 0.55);
}
#franshise,
#tarif-service,
table.mobile {
    font-size: 11px;
}
#tripTypeArea{
    padding:10px 0;
}
.page-reserver-billet .nav>li>a{
    display:none;
}
div#selectpassager {
    display: none;
}

#panel-1 .col-xs-5,#panel-1 .col-xs-3 ,#panel-1 .col-xs-2  {
    width:100%!important;

}
#adultArea, #childArea, #infantArea{
    padding-right: 15px;
    padding-left: 15px;
}
.page-reserver-billet #panel-1 input[type="date"] {
    line-height: 37px;
    border-radius: 0;
    width: 100%;
    -webkit-appearance: textfield;
    margin-bottom: 15px;
    padding: 6px 12px;
    border: 1px solid #ccc;
}

.form-type-select label, .form-type-select .form-select {
    display: table-cell!important;
    width: 1000%!important;
    vertical-align: middle!important;
    float:left;
    padding-left:  0;
}
.form-type-select label{

    padding-top: 7px;
}

.form-type-select label span{
    font-size: 0.7em;
    font-style: italic;
    font-weight: 100;
}
.page-reserver-billet #panel-1 input[type="text"], .page-reserver-billet #panel-1 select{
    width: 100%;
    margin-bottom: 15px;
    padding: 6px 12px;
    border: 1px solid #ccc;
}
.page-reserver-billet #panel-1 input[type="text"], .page-reserver-billet #panel-1 input[type="date"]{
    line-height: 37px;
    border-radius: 0;
    width: 100%;
    -webkit-appearance: textfield;

}
#btnSearch {
    width: 100%;
    color: #fff;
    background-color: #00428b;
    border-color: #00428b;
    border-radius: 0;

}
.page-reserver-billet #panel-1 select{
    height: 46px !important;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;

}
.depPortArea_div, .arrPortArea_div, #multidis, #depPortArea_input, #arrPortArea_input, .enfant, .bebe, .adults, .list_select, .code-promo{
    display: none;
}
.powered {
    background: url(../images/favicon_keyrus.png) no-repeat right center;
    color: #000;
    display: block;
    float: right;
    padding-right: 20px;
    font-size: 12px;
}

.point-de-vente-page-unformatted {
    margin-top: 15px;
}

.point-de-vente-page-unformatted .tabs-left li.active a {
    background: #fec201 !important;
    color: #fff;
}

.point-de-vente-page-unformatted .tabs-left li a {
    border: 1px solid #e0e0e0;
    border-radius: 0;
    line-height: 1.42857;
    margin-right: 0;
    color: #071126;
}

.point-de-vente-page-unformatted .ui-state-active,
.point-de-vente-page-unformatted .ui-widget-content .ui-state-active,
.point-de-vente-page-unformatted .ui-widget-header .ui-state-active,
.point-de-vente-page-unformatted .ui-state-focus,
.point-de-vente-page-unformatted .ui-widget-content .ui-state-focus,
.point-de-vente-page-unformatted .ui-widget-header .ui-state-focus {
    background: #414141 !important;
    border: 1px solid #e0e0e0 !important;
    margin-bottom: -2px;
    color: #fff;
}

.point-de-vente-page-unformatted .ui-accordion {
    margin-bottom: 15px;
}

.point-de-vente-page-unformatted .ui-accordion .ui-accordion-header {
    border-bottom: 0 none;
    border-left: 0 none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-right: 0 none;
    border-top: 0 none;
    padding-left: 20px;
    padding-right: 40px;
    text-transform: uppercase;
    padding: 11px 40px 11px 20px;
    border-radius: 0;
    font-size: .9375em;
    margin-top: 1px;
    background: #e0e0e0;
}

.point-de-vente-page-unformatted .ui-accordion .ui-accordion-content {
    max-height: 200px;
    /*    min-height: 118px;*/
    padding: 10px 20px;
    border-radius: 0;
    height: auto !important;
}

.point-de-vente-page-unformatted .ui-accordion .ui-accordion-content .point-vente {
    font-size: 12px;
    padding: 5px 0;
}

.container-inline-date .form-item .form-item {
    position: relative;
}

img.ui-datepicker-trigger {
    width: auto;
    position: absolute;
    top: 14px;
    right: 15px;
}

#map {
    width: 100%;
    height: 400px;
}

.view-point-de-vente .ui-accordion .ui-accordion-content .province-point-vente.active {
    font-weight: bold;
}

#text a {
    color: #428bca;
    text-decoration: none;
}

#title-agence .content {
    border-bottom: 2px solid #fec201;
    color: #071126;
    font-family: 'ubunturegular';
    font-size: .9375em;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.bloc-point-vente-render #type-agence {
    margin-bottom: 8px;
}

.view-point-de-vente .ico-nouv {
    background: #fec201;
    color: #071126;
}

#map h3 {
    font-size: 16px;
}

.departs {
    padding: 10px 0 6px 70px;
    font-size: 13px;
    font-weight: normal;
    margin: 20px auto 10px auto;
}

.departs img {
    max-width: 50px;
    top: 10px;
    left: 10px;
}

.views-field.views-field-date-dep-vol {
    display: none;
}

.views-field-vol-duree-vol {
    text-transform: none !important;
}

{
    font-size: inherit !important;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

a.link-reserver {
    width: 100%;
    background: #03499e;
    color: #fff;
    padding: 10px;
}

a.link-reserver:hover {
    background: #fec201;
    color: #fff;
}

#ajax-tab-container.horaires-des-vols .slick-prev,
#ajax-tab-container.horaires-des-vols .slick-next {
    font-size: 0;
    position: absolute;
    bottom: 30px;
    color: #031f73;
    border: 0;
    background: none;
    z-index: 1;
    outline: none;
}

#ajax-tab-container.horaires-des-vols .slick-disabled {
    opacity: 0.1;
    pointer-events: none;
}

#ajax-tab-container.horaires-des-vols .slick-prev {
    left: -27px;
}

#ajax-tab-container.horaires-des-vols .slick-prev:after {
    content: "\f104";
    font: 40px/1 'FontAwesome';
}

#ajax-tab-container.horaires-des-vols .slick-next {
    right: -27px;
    text-align: right;
}

#ajax-tab-container.horaires-des-vols .slick-next:after {
    content: "\f105";
    font: 40px/1 'FontAwesome';
}

#ajax-tab-container.horaires-des-vols .slick-prev:hover:after,
#ajax-tab-container.horaires-des-vols .slick-next:hover:after {
    color: #7e7e7e;
}

a.link-reserver.ActiveReserv {
    background: #ffca08 !important;
    color: #fff !important;
}

tr.ActiveTr {
    background: #414141 !important;
    color: #fff;
}

tr.ActiveTr .views-field-vol-harr-1,
tr.ActiveTr .views-field-vol-harr,
tr.ActiveTr .views-field-vol-hdep {
    color: #ffca08;
    font-weight: bold;
    /*text-decoration: underline;*/
}

.view-horaires-de-vols tbody td span {
    font-size: 12px;
    color: #000;
    clear: both;
    display: block;
    text-transform: lowercase;
    font-weight: normal;
}

.view-horaires-de-vols tbody td span::first-letter {
    text-transform: uppercase;
}

.view-horaires-de-vols tbody tr.ActiveTr td span {
    color: #fff;
}

.view-horaires-de-vols .views-table tr td {
    line-height: 1 !important;
}

#ajax-tab-container div.tabs {
    border: 0;
}

#ajax-tab-container div.tabs .slick-list {
    padding-top: 12px;
}

#ajax-tab-container div.tabs .tab {
    border: 0;
}

#ajax-tab-container div.tabs .tab a {
    background: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    outline: none;
    border: solid 1px #ececec;
    line-height: 1;
    height: 87px;
}

.view-horaires-de-vols .view-empty p {
    margin: 7px 0;
    padding: 3px 10px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.views-field-vol-duree-vol {
    background: url(../images/avion_min.png) center 5px no-repeat;
    padding-top: 30px !important;
}

.views-field-vol-duree-vol span {
    padding-bottom: 3px;
}

.BcBanMobile {
    position: relative;
}

.BcBanMobile h2.block-title {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    bottom: 4px;
    left: 0;
    margin: 0;
}

.horaire-vol-aller .departs {
    margin-top: 0 !important;
}

.page-horarires-de-vols .main-container>.row {
    padding-top: 0 !important;
}

.box-news {
    margin: 25px auto;
}

.box-news .group-title-tags h2 a {
    font-size: 16px;
    /* font-family: 'latoregular'; */
    font-weight: normal;
    color: #000;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.box-news .field-name-body p a {
    color: #000;
    line-height: 15px;
    font-size: 13px;
    text-decoration: none;
}

.info-flights-search-result {
    float: none;
    clear: both;
}
.info-flights-search-initial-price {
    float: none;
    clear: both;
}

/* Mobile Smart Banner */
.hasBannerJsBlock body {
    padding-top: 84px;
}
.hasBannerJsBlock #nav {
    top: 94px;
}
.smartbanner {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: rgba(243, 243, 243, 0.6);
}
.smartbanner__exit {
    position: absolute;
    top: calc(50% - 6px);
    left: 9px;
    display: block;
    margin: 0;
    width: 12px;
    height: 12px;
    border: 0;
    text-align: center; }
.smartbanner__exit::before, .smartbanner__exit::after {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #767676;
    content: ' '; }
.smartbanner__exit::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
.smartbanner__exit::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.smartbanner__icon {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    background-size: 64px 64px; }
.smartbanner__info {
    position: absolute;
    top: 10px;
    left: 104px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    width: 60%;
    height: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.smartbanner__info__title {
    font-size: 14px; }
.smartbanner__info__author, .smartbanner__info__price {
    font-size: 12px; }
.smartbanner__button {
    position: absolute;
    top: 32px;
    right: 10px;
    z-index: 1;
    display: block;
    padding: 0 10px;
    min-width: 10%;
    border-radius: 5px;
    background: #f3f3f3;
    color: #1474fc;
    font-size: 18px;
    text-align: center;
    text-decoration: none; }
.smartbanner__button__label {
    text-align: center; }

.page-reserver-billet #panel-1 input[type="text"], .page-reserver-billet #panel-1 input[type="date"] {
    line-height: 40px;
    height: 50px;
    background: #ffffff;
}
input[type="date"]:not(.has-value):before{
    color: #525252;
    content: attr(placeholder);
}
input[type="date"]:not(.has-value)::-webkit-datetime-edit{margin-left:10px; color: transparent; }

/* Include this to make it visible when input is clicked */
input[type="date"]:focus::-webkit-datetime-edit{ color: #000; }
/* alert */
.alert-box img {
    width: auto;
    margin-left: 16px;
}
.alert-box {
    padding: 10px 23px 10px 5px;
    font-size: 13px;
    text-align: left;
    background: #e0e0e0;
    border-top: 1px solid #ccc;
}
.alert-box a:first-of-type{
    white-space: normal;
}
.alert-box a{
    vertical-align: middle;
    display: inline-block;
    padding: 0 8px;
    color: #d0041b;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.alert-box p{
    color: #d0041b;
}
span.alert-img {
    float: left;
    display: block;
    margin-right: 20px;
    margin-top: 22px;
    margin-bottom: 15px;
}
.alert-box .btn-close{
    opacity: .8;
    right: -45px;
    position: absolute;
    font-size: 17px;
    font-weight: 600;
    top: 9px;
}




/*-------------------regulations-------------------------*/

.regulations .introSection {
    color: #0a3474;
    font-weight: 500;
    font-size: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom: 0.1rem dashed #ccc;
    padding-bottom: 2rem;
    text-align: left;
    padding-right: 0;
    display: block;
    line-height: 2.4rem;
}

.regulations .summary ul.summary_column {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    padding: 0;
    margin: 0.5%;
}

.regulations .summary ul li {
    list-style: none;
    margin-bottom:  2%;
    background: none;
    padding:  0;
}

.regulations .summary ul li a {
    /* text-transform: uppercase; */
    display: inline-block;
    line-height: 1.7rem;
    background-position: .1rem center;
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 1rem .1rem 1rem 1.125rem;
    color: #004990;
    background: #f1f1f1;
    width:  100%;
}
.regulations .summary ul li a:hover {
    text-decoration:none;
    color: #f1f1f1;
    background: #004990;
}
.regulations h2.sectionTitle {
    font-family: 'Roboto', sans-serif;
    clear: both;
    color: #1477d8;
    background-image: none;
    text-align: left;
    font-size: 2rem;
    line-height: 2.8rem;
    margin: 4rem 0 2rem 0;
    /* margin-left: 1.3rem; */
    text-transform: uppercase;
    background: #edf3f8;
    padding: 10px 20px;
}
.regulations .paragraphe h3 {
    font-family: 'Roboto', sans-serif;
    color: #1477d8;
    font-size: 1.5rem;
    text-transform:  uppercase;
}
.regulations .paragraphe h4 {
    font-family: 'Roboto', sans-serif;
    color: #1477d8;
    font-size: 1.5rem;
    text-transform:  uppercase;
    font-weight:  bold;
}
.regulations .div_pushs.important{
    background: #f0f5fb;
    color: #383838;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #eaf1f9;
    margin-top: 30px;
}
.regulations .div_pushs p{
    margin:0;
}
.t1 .t1__columns .column h2, .regulations .t1__columns .column h2 {
    font-size: 2rem;
    width: auto;
    margin: 1.245rem 0 0;
    color: #051039
}

.t1 .t1__columns .column h2.pink, .regulations .t1__columns .column h2.pink {
    color: #e3004f
}

.t1 .t1__columns .column h2.red, .regulations .t1__columns .column h2.red {
    color: #ed0000
}

.t1 .t1__columns .column h2.purple, .regulations .t1__columns .column h2.purple {
    color: #6e1e91
}

.t1 .t1__columns .column h2.green, .regulations .t1__columns .column h2.green {
    color: #268381
}

.t1 .t1__columns .column h2.blue, .regulations .t1__columns .column h2.blue {
    color: #14438b
}

.t1 .t1__columns .column h2.grey, .regulations .t1__columns .column h2.grey {
    color: #767676
}

.t1 .t1__columns .column .text, .t1 .t1__columns .column p, .regulations .t1__columns .column .text, .regulations .t1__columns .column p {
    color: #767676;
    padding-right: 0
}

.t1 .t1__columns .column a, .regulations .t1__columns .column a {
    font-size: inherit;
    line-height: inherit
}

.t1 .t1__columns .column p.moreLink, .regulations .t1__columns .column p.moreLink {
    width: auto;
    margin: auto
}

.t1 .t1__columns .column .bloc_header.pictoLeft, .regulations .t1__columns .column .bloc_header.pictoLeft {
    text-align: left;
    display: table;
    width: 100%
}

.t1 .t1__columns .column .bloc_header.pictoLeft div, .regulations .t1__columns .column .bloc_header.pictoLeft div {
    display: table-cell;
    width: 30%;
    vertical-align: middle
}

.t1 .t1__columns .column .bloc_header.pictoLeft div img, .regulations .t1__columns .column .bloc_header.pictoLeft div img {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%
}

.t1 .t1__columns .column .bloc_header.pictoLeft h2, .regulations .t1__columns .column .bloc_header.pictoLeft h2 {
    text-align: left;
    line-height: 2rem;
    display: table-cell;
    vertical-align: middle
}

.t1 .t1__columns .column .bloc_content, .regulations .t1__columns .column .bloc_content {
    text-align: center;
    padding: 0 1.5rem 1.5rem
}

.t1 .t1__columns .column .bloc_content .text, .regulations .t1__columns .column .bloc_content .text {
    text-align: center
}

.t1 .t1__columns .column .bloc_content .text ul, .regulations .t1__columns .column .bloc_content .text ul {
    text-align: left;
    margin-left: 0
}

.t1 .t1__columns .column .bloc_content .text ul li, .regulations .t1__columns .column .bloc_content .text ul li {
    margin-bottom: 1.5rem;
    list-style: none
}

.t1 .t1__columns .column .bloc_content .text ul li:before, .regulations .t1__columns .column .bloc_content .text ul li:before {
    content: "\2022";
    color: #767676;
    font-size: 2.25rem;
    font-family: eim, Arial, Helvetica, sans-serif;
    padding-right: 1rem;
    display: inline-block;
    vertical-align: middle
}


.t1 .t1__columns .column .bloc_content.pictoLeft, .regulations .t1__columns .column .bloc_content.pictoLeft {
    text-align: left;
    padding: 0
}

.t1 .t1__columns .column .bloc_content.pictoLeft .text, .t1 .t1__columns .column .bloc_content.pictoLeft ul, .regulations .t1__columns .column .bloc_content.pictoLeft .text, .regulations .t1__columns .column .bloc_content.pictoLeft ul {
    text-align: left
}

.t1 .t1__columns .column .bloc_content .separation, .regulations .t1__columns .column .bloc_content .separation {
    width: 100%;
    height: .1rem;
    margin: 1.5rem auto;
    background-color: #ccc
}

.t1 .t1__columns .column .bloc_content .legend, .t1 .t1__columns .column .bloc_content .text, .t1 .t1__columns .column .bloc_content p.moreLink, .regulations .t1__columns .column .bloc_content .legend, .regulations .t1__columns .column .bloc_content .text, .regulations .t1__columns .column .bloc_content p.moreLink {
    padding-right: 0
}

.t1 .t1__columns .column .module_button, .regulations .t1__columns .column .module_button {
    padding: 10px 0px;
    width: auto;
    cursor: pointer
}

.t1 .t1__columns .column .module_button.blue, .regulations .t1__columns .column .module_button.blue {
    background-color: #051039
}

.t1 .t1__columns .column .module_button.blue:hover, .regulations .t1__columns .column .module_button.blue:hover {
    background-color: #14438b
}

.t1 .t1__columns .column .module_button.red, .regulations .t1__columns .column .module_button.red {
    background-color: #ed0000
}

.t1 .t1__columns .column .module_button.red:hover, .regulations .t1__columns .column .module_button.red:hover {
    background-color: #c00
}

.t1 .t1__columns .column .module_button.left, .t1 .t1__columns .column .module_button.right, .regulations .t1__columns .column .module_button.left, .regulations .t1__columns .column .module_button.right {
    text-align: inherit
}

.regulations .t1__columns.erreur_404 {
    margin-top: 2rem;
    padding: 1.2rem;
    text-align: center
}

.regulations .t1__columns.erreur_404 a:focus, .regulations .t1__columns.erreur_404 a:hover {
    text-decoration: none
}

.regulations .t1__columns.erreur_404 a:focus .column, .regulations .t1__columns.erreur_404 a:hover .column {
    outline: 0.25rem solid #051039
}

.regulations .t1__columns.erreur_404 .separator {
    display: inline-block;
    width: 5%
}

.regulations .t1__columns.erreur_404 .separator.separator-3 {
    width: 4.68%
}

.regulations .t1__columns.erreur_404 .separator.separator-2 {
    width: 10.6%
}

.t1 .promomarketing .t1__columns .column, .t1 .promomarketing .t1__columns .column .bloc_content, .regulations .promomarketing .t1__columns .column, .regulations .promomarketing .t1__columns .column .bloc_content {
    text-align: left
}

.t1 .promomarketing .t1__columns .column .bloc_content .arrow__link--right, .regulations .promomarketing .t1__columns .column .bloc_content .arrow__link--right {
    display: block;
    padding: 0rem 0rem 0rem 1.2rem;
    font-size: 14px
}

.regulations .halfblocks {
    display: block;
    position: relative;
    width: 100%;
    max-width: 98rem;
    margin: 0 auto;
    table-layout: fixed;
    box-sizing: border-box;
}

.regulations .halfblocks.HBColor0, .regulations .halfblocks.HBEmpty {
    background-color: #fff
}

.regulations .halfblocks.light_blue {
    background-color: #dff2fd;
    color: #051039
}

.regulations .halfblocks.grey {
    background-color: #e8e5e5;
    color: #051039
}

.regulations .halfblocks .halfblock {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    height: inherit;
    vertical-align: middle;
}
.regulations .halfblocks .halfblock.halfblockleft{
    width: 100%;
    padding-right: 0;
    text-align:  justify;
    margin: 0;
    vertical-align: top !important;
}
.regulations .halfblocks .halfblock img.logotitle {
    display: block;
    margin: 4rem 1.6rem -2rem;
    width: auto
}

.regulations .halfblocks .halfblock h3 {
    margin: 2rem 0 1rem 0;
    line-height: 2.2rem;
    width: auto;
    text-transform: uppercase;
    color: #004990;
    padding-right: 0;
    padding-left: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: left;
}

.regulations .halfblocks .halfblock .major h3 {
    margin: 9rem 12rem -2rem
}

.regulations .halfblocks .halfblock .text, .regulations .halfblocks .halfblock p.legende {
    /* margin: 2rem 0; */
    padding-right: 0;
    width: auto;
    padding-left: 0;
}

.regulations #halfleft .halfparagraphe {
    margin: 0rem 1.6rem 0rem 0 !important;
}

.regulations .halfblocks .halfblock .major .text {
    margin: 4rem 12rem 9rem
}

.regulations .halfblocks .halfblock .highlight {
    width: auto;
    margin: 2rem 0;
}

.regulations .halfblocks .halfblock p.moreLink {
    width: auto;
    margin: 0 1.6rem .3rem
}

.regulations .halfblocks .halfblock .div_pushs {
    width: auto;
    margin: 0;
}

.regulations .halfblocks .halfblock .pushs {
    float: none;
    margin: 0;
    text-decoration:none;
    width: auto
}
.regulations .pushs a {
    text-decoration:none;
    color:#fff;
    font-weight:  normal;
}
.regulations .halfblocks .halfblock .pushpicto {
    width: 23rem
}

.regulations .halfblocks .halfblock.halfblockleft .pushpicto {
    float: right
}

.regulations .halfblocks .halfblock .visuals {
    margin: 0 0 -0.3rem
}

.regulations .halfblocks .halfblock .halfmedia, .regulations .halfblocks .halfblock .halfparagraphe {
    display: block;
}

.regulations .halfblocks .halfblock .halfparagraphelarge {
    overflow: hidden
}
.regulations .halfblocks .halfblock ul li {
    background: url(../images/list-icon01.png) no-repeat left;
    padding-left: 20px;
}
.regulations .halfblocks .halfblock .halfmedia .visuals .visualsImg, .regulations .halfblocks .halfblock .halfmedia img.imgRatio {
    min-height: 27rem;
    max-height: 50rem
}

.regulations .halfblocks .halfblock .halfmedia img.imgRatio {
    margin-bottom: -0.3rem
}

.regulations .halfblocks .halfblock .halfmedia .videoTitle img {
    width: 3.1rem;
    height: 3rem;
    min-height: 3rem;
    max-height: 3rem
}

.regulations .halfblocks .halfblock .halfmedia .videoTitle p {
    margin: 0;
    padding: 0;
    float: left
}

.regulations .halfblocks .halfblock .halfmedia .videoTitle p img {
    width: 3.1rem;
    height: 3rem;
    min-height: 3rem;
    max-height: 3rem;
    float: left
}

.regulations .halfblocks .halfblock .halfmedia.onehalfmedia {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
    position: relative
}

.regulations .halfblocks .halfblock .halfmedia.onehalfmedia .urlimage {
    display: none
}

.regulations .halfblocks .halfblock .halfmedia.onehalfmedia.onehalfmediavideo {
    text-indent: 0;
    position: relative
}

.regulations .halfblocks .halfblock .halfmedia.onehalfmedia.onehalfmediavideo .videoTitle {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 2rem;
    line-height: 3rem;
    font-weight: 700
}

.regulations .highlight.light_blue {
    background: #f0f5fb;
    color: #383838;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #eaf1f9;
    margin-top:  20px;
}

.regulations .div_pushs .pushs .body a {
    padding: 1.8rem 1.5rem 1.8rem 1.5rem;
    /* font-weight: 600; */
    line-height: 1.8rem;
    background: #f0f5fb;
    color: #383838;
    margin-bottom: 5px;
    display:block;
    border: 1px solid #eaf1f9;
    margin: 15px 0;
}
.regulations .div_pushs .pushs .body a:hover {
    background: #edf3f8;
}
.regulations .text.bullet ul {
    margin-left: 0 !important;
    padding: 0 0 15px 0;
}

.regulations ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.regulations .highlight.format1{
    margin-top:15px;
}
.regulations .inner {
    padding-left: 1em;
    overflow: hidden;
    transition: ease-in 0s;
    height: 0;
    opacity: 0;
    display: inherit !important;
    border-bottom: 1px dashed #ccc;
}
.regulations .inner p, .regulations .inner li{
    font-family: 'Roboto', sans-serif;
    font-size:  1.4rem;
    /* font-weight: 600; */
    color: #004990;
    padding-bottom: 6px;
}
.regulations .inner li:before{
    content:'-';
    margin-right: 10px;
}
.regulations .show {
    display: inherit !important;
    height: 100% !important;
    opacity: 1 !important;
    transition: ease-in 0.3s !important;
}

.regulations ul li {
    margin: .1em 0;
    background: url(../images/list-icon01.png) no-repeat left;
    padding-left: 20px;
    list-style:none;
}
.regulations .accordion li {
    background:none;
    padding-left: 0;
}
.regulations ul a.toggle {
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.78);
    color: #fefefe;
    padding: .75em;
    border-radius: 0.15em;
    transition: background .3s ease;
    text-decoration:  none;
}

.regulations ul a.toggle:hover {
    background: rgba(0, 0, 0, 0.9);
}
.regulations ul a.toggle:after {
    content:'+';
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    float:right;
    position:relative;
}
.regulations .accordion.active a:after {
    content:'-';
}
.regulations .inner {
    padding: 0 1em;
    text-align: justify;
}
.regulations .highlight.format1 {
    text-transform: uppercase;
}
@media (max-width: 468px) {
    .regulations .summary ul.summary_column {
        width: 100%;
        margin: 0.5% 0;
    }
    .regulations .summary ul li a {
        font-size: 1.2rem;
    }
    .regulations h2.sectionTitle {
        font-size: 1.5rem;
        line-height: 2.0rem;
        margin: 2rem 0 1.5rem 0;
        padding: 10px;
    }
    .regulations .halfblocks .halfblock h3 {
        font-size: 1.6rem;
    }
    .regulations .paragraphe h4 {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .regulations .div_pushs.important {
        padding: 15px;
        margin-top: 15px;
    }
    .regulations .highlight.light_blue {
        padding: 15px;
        margin-top: 10px;
    }
}

/*-----------------Conseils-------------------*/
.main-box{
    clear:left;
    margin-top: 20px;
    overflow:hidden;
}
.main-box .img-left{
    float: left;
    margin-right: 40px;
    display:  block;
    width: 180px;
}
.main-box .img-left img{
    width: 100%;
}
.main-box h2{
    margin-top: 43px;
}
@media (max-width: 468px) {
    .main-box .img-left{
        float: none;
        margin:auto;
        display:  block;
    }
    .main-box{
        margin-top: 40px;
    }
    .main-box h2{
        margin-top: 13px;
    }
}



/*--------------Programme de fid�lit� JASMIN-----------------*/
.field-group-div{
    background:#f8f8f8;
    margin-bottom:20px;
    padding: 55px 55px 25px 55px;
    overflow:  hidden;
}
.page-node-add-programme-de-fid-lit-jasmin h1.page-header{
    color:#0046a5;
    font-weight:bold;
    letter-spacing:1px;
}
.page-node-add-programme-de-fid-lit-jasmin .region-content p{
    color:#0046a5;
    font-weight:500;
    margin-bottom:60px;
}
.page-node-add-programme-de-fid-lit-jasmin h3{
    color:#0046a5;
    font-weight:500;
    margin:0 0 55px 0;
    border-bottom:2px solid #0046a5;
    padding-bottom:5px;
    position:  relative;
    font-size: 23px;
}
.page-node-add-programme-de-fid-lit-jasmin h3:before{
    content: '';
    background: url(../images/aeroplane.svg);
    width: 39px;
    height: 30px;
    display: block;
    position: absolute;
    left: -30px;
    top: 15px;
    background-position: 0px 5px;
    background-size: 22px;
    background-repeat:  no-repeat;
}
.page-node-add-programme-de-fid-lit-jasmin label,.page-node-add-programme-de-fid-lit-jasmin  .panel-heading{
    color:#0046a5;
    font-weight:600;
    font-size:15px;
    margin: 0;
    padding:  0;
}
.page-node-add-programme-de-fid-lit-jasmin input, .page-node-add-programme-de-fid-lit-jasmin select{
    border:none;
    background:none;
    border-bottom:2px solid #0046a5;
    border-radius:0;
    box-shadow:none !important;
}
.page-node-add-programme-de-fid-lit-jasmin div.error, .page-node-add-programme-de-fid-lit-jasmin table tr.error {
    background-color: transparent;
    color: #b94a48;
}
.page-node-add-programme-de-fid-lit-jasmin div.error input, .page-node-add-programme-de-fid-lit-jasmin table tr.error input,
.page-node-add-programme-de-fid-lit-jasmin div.error select, .page-node-add-programme-de-fid-lit-jasmin table tr.error select{
    border-color: #b94a48;
    color: #b94a48;
}
.page-node-add-programme-de-fid-lit-jasmin .form-group{
    width:100%;
    margin-bottom: 20px;
    overflow:  hidden;
}

.page-node-add-programme-de-fid-lit-jasmin .form-group.field-name-field-situation-familiale{
    clear:left;
}
.page-node-add-programme-de-fid-lit-jasmin .form-group .form-group{
    width:100%;
    margin-bottom:0;
    float:left;
    margin-right: 0;
}

.page-node-add-programme-de-fid-lit-jasmin #edit-actions{

}
.page-node-add-programme-de-fid-lit-jasmin #edit-submit{
    color:#0046a5;
    font-size:18px;
    font-weight:bold;
    background:#ffc900;
    border-radius:inherit;
    padding:25px 120px;
    box-shadow: none;
    border: none;
    float:  right;
    margin: 15px 0px 0 0;
}
.page-node-add-programme-de-fid-lit-jasmin #edit-submit:hover {
    opacity:0.8;
}
.intl-tel-input {
    position: relative;
    display: inline-block;
    clear: left;
    width: 100%;
}
.page-node-add-programme-de-fid-lit-jasmin .panel {
    margin-bottom: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.page-node-add-programme-de-fid-lit-jasmin .panel-body, .page-node-add-programme-de-fid-lit-jasmin   .date-padding {
    padding: 0 !important;
    margin-top: 20px;
}
@media (max-width: 468px) {
    .field-group-div{
        padding: 15px;
        overflow:  hidden;
    }
    .page-node-add-programme-de-fid-lit-jasmin h3 {
        margin-left:50px;
    }
}

.field-name-field-j-ai-lu-et-j-accepte-les-c{
    width: 100% !important;
}
.form-item-field-j-ai-lu-et-j-accepte-les-c-und p{
    margin: 0 !important;
    font-size: 14px !important;
    clear: none;
    display: inherit;
}
.form-item-field-j-ai-lu-et-j-accepte-les-c-und p a{
    color: #0046a5;
    font-weight: 600;
    font-size: 15px;
}


/*-------------------------confidential----------------------*/
.confidential h2 {
    clear: both;
    color: #1477d8;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin: 3rem 0 1rem 0;
    text-transform: uppercase;
}
.confidential h3 {
    margin: 2rem 0 1rem 0;
    line-height: 2.2rem;
    width: auto;
    text-transform: uppercase;
    color: #004990;
    padding-right: 0;
    padding-left: 0;
    font-weight: bold;
    font-size: 1.3rem;
}
.confidential ul {
    padding: 0;
}
.confidential ul li {
    background: url(../images/list-icon01.png) no-repeat left;
    padding-left: 20px;
    list-style: none;
    margin-bottom: 10px;
}
.confidential p {
    font-size: 14px;
}
/*---------------sliding-popup---------------*/
#sliding-popup.sliding-popup-bottom, #sliding-popup.sliding-popup-bottom .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: rgba(1, 66, 128, 0.94);
    padding: 30px 0 20px;
}
#sliding-popup .popup-content #popup-text h1, #sliding-popup .popup-content #popup-text h2, #sliding-popup .popup-content #popup-text h3, #sliding-popup .popup-content #popup-text p, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab {
    color: #fff !important;
}
#sliding-popup .eu-cookie-compliance-secondary-button {
    cursor: pointer;
    border: none;
    background: none;
    margin-top: 1em;
    padding: 10px 28px;
    vertical-align: middle;
    background: #feca3a;
    color: #474646 !important;
    font-weight: bold;
}
#sliding-popup .decline-button {
    background-image: url(../images/icon-close.png);
    background-color: transparent;
    font-size: 0;
    border: none;
    width: 22px;
    height: 22px;
    background-size: 100%;
    box-shadow: inherit;
    float: right;
    margin-top: 24px;
    position: relative;
    margin-left: 10px;
}
#sliding-popup .decline-button:hover, #sliding-popup .decline-button:focus{
    background-image: url(../images/icon-close.png);
}


/*---------------Carousel autre destination-------------------*/

.autre-destination .carousel-inner img{
    width: 100%;
    height: auto;
}
.autre-destination .carousel-control.left,.autre-destination .carousel-control {
    background:none;
    width: 6%;
}
.autre-destination .carousel-control.left,.autre-destination .carousel-control.left {
    left: -5px;
}
.autre-destination .carousel-control.left,.autre-destination .carousel-control.right {
    right: -30px;
}
.autre-destination .carousel-control .icon-prev{
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-left: -20px;
    font-size: 30px;
    background: #ccc;
    border-radius: 50%;
    line-height: 33px;
    top: 40%;
}
.autre-destination .carousel-control .icon-next {
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-left: 0;
    right: 0;
    font-size: 30px;
    background: #ccc;
    border-radius: 50%;
    line-height: 33px;
    top: 40%;
}
.autre-destination .views-field-nothing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .35s ease-out;
    z-index: 999;
}
.autre-destination .col-md-4 {
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 20px;
}

.autre-destination .carousel-inner .col-md-4 .views-field-field-destination-image:before {
     content: '';
   position: absolute;
    top: 5%;
    right: 3%;
    bottom: 5%;
    z-index: 1;
    left: 3%;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 3% rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3% rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3% rgba(0, 0, 0, 0.1);
    content: '';
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    -moz-transform: scale3d(1.2, 1.2, 1);
    -o-transform: scale3d(1.2, 1.2, 1);
    -ms-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
.autre-destination .carousel-inner .col-md-4:hover .views-field-field-destination-image:before{
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    visibility: visible;
}
.autre-destination .destination-description {
    text-align: center;
    color: #fff;
    z-index: 11;
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    z-index: 999;
}

.autre-destination .views-field-nothing .title-destination {
    padding: 2px 0;
    margin: 31% auto 25px auto;
    width: 90%;
    color: #fff;
    text-transform: uppercase;
    font-size: 31px;
    line-height: 32px;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    text-align: center;
}
.autre-destination .col-md-4:hover .title-destination {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}

.autre-destination .views-field-nothing .body-destination,
.autre-destination .views-field-nothing .lien-destination {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    text-align: center;
}
.autre-destination .views-field-nothing .body-destination p{
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    line-height: 17px;
        letter-spacing: 0.5px;
    padding: 0 18px;
}
.autre-destination .col-md-4:hover  .body-destination,
.autre-destination .col-md-4:hover .lien-destination  {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    visibility: visible;
}
.autre-destination .views-field-nothing .lien-destination a{
        font-style: normal;
    display: inline-block;
    padding: 5px 7px;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-top: 35px;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 0.5px;
}
.autre-destination .carousel-indicators {
    display: none;
}
.autre-destination .carousel-control .icon-next:before,
.autre-destination .carousel-control .icon-prev:before {
    color: #000;
    text-shadow: none;
    font-weight: bold;
}
.autre-destination .view-header{
    text-align: center;
}
.autre-destination .view-header h2{
    margin: 60px 0 0px 0;
font-size: 24px;
}
.autre-destination .view-header P{
        color: #7d7d7d;
            letter-spacing: 1px;
}
.autre-destination .field-name-field-webform-description {
    padding: 0 0 20px 0;
    color: #071126;
}

#sliding-popup .eu-cookie-compliance-secondary-button { 
	display:none;
}
/*--------------Style Content Simple Page-------------------*/

.content-nouvelair h2 {
    color: #004990;
    margin: 20px 0 5px;
}
.content-nouvelair h3{
    color: #0b88ab;
}
.content-nouvelair ul {
    padding:0;
}
.content-nouvelair li {
   list-style: none;
    margin: 0 0 7px 20px;
    background: url(../images/list-icon01.png) no-repeat left 9px;
    padding-left: 21px;
}
#block-block-55{
	display:none;
}


#sliding-popup .popup-content #popup-text {
    max-width: 90%;
}
@media screen and (max-width: 600px){
    #sliding-popup .popup-content #popup-buttons {
        margin: 0;
        position: absolute;
        right: 10px;
        top: 0;
    }
}

/*------------------error-404-----------------*/
.error-404 .main-container {
    position: relative;
}
.error-404:after{
    	background-size: 100% !important;
	bottom:0 !important;
}
.error-404:before{
    background-size: 60% !important;
}
@media(max-width:460px){
.error-404 {
    padding-bottom: 129px !important;
}
.error-404 h4 {
    font-size: 49px !important;
}
.error-404 p {
    font-size: 25px !important;
}
.error-404 a {
    height: 45px !important;
    line-height: 45px !important;
    font-size: 15px !important;
    padding: 0 30px !important;
}
.error-404:before{
    background-size: 60% !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1)  {
.error-404:before {
    background-size: 40% !important;
}
.error-404:after {
    background-size: 70% !important;
}
}
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px)  
and (-webkit-min-device-pixel-ratio: 1)   {
.error-404:before {
    background-size: 40% !important;
}
.error-404:after {
    background-size: 70% !important;
}
}
@media (max-width:540px)  {
.error-404 {
    padding-bottom: 29px !important;
}
.error-404:before {
    display:none;
}
.error-404:after {
    display:none;
}
}