/*html,body
{
  height: 100%;
}*/

 a.underline { text-decoration: underline !important;}
 a.underline:hover { text-decoration: none !important;}
/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-bottom: 10px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: transparent !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

#banniere {
    margin-bottom: 20px;
}

.pv-index-buttons {
    line-height: 0.1;
}

.pv-index-content {
    line-height: 1.3 !important;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /*.jumbotron {
        margin-top: 20px;
    }*/

    .body-content {
        padding: 0;
    }
}

#subzero .row.stdm .col-md-12 .jumbotron {
    height: 432px;
    padding-top: 160px !important;
}

.no-line-height {
    line-height: 0 !important;
}

.line-height-1-2 {
    line-height: 1.2 !important;
}

#remboursements td {
    line-height: 2.4 !important;
}

#shopping-cart table td {
    padding-top: 11px;
}

.pd-t-5 {
    padding-top: 5px !important;
}

.no-margin {
    margin: 0;
}

.btn.fullwidth {
    width: 100%;
}

.row.btnrow {
    margin-bottom: 4px;
    margin-left: -5px;
}

    .row.btnrow .btncol {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 5px;
    }


.col-abo > .row > .col-md-8 {
    width: 76% !important;
}

.col-abo > .row > .col-md-2 {
    width: 12% !important;
}

@media (max-width: 992px) {
    .row.btnrow .btncol {
        margin-bottom: 10px;
    }
}

.warning-borne {
    position: fixed;
    max-width: 65% !important;
}

.big {
    font-size: 140% !important;
}

.pagination .active a, .pagination .active > li > a, .pagination .active > li:first-child > a, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #f04124;
    -ms-border-radius: 50px !important;
    border-radius: 50px !important;
}

    .pagination .active a:hover, .pagination a:hover {
        border: 1x solid #666 !important;
        background-color: #ccc;
        -ms-border-radius: 50px !important;
        border-radius: 50px !important;
    }

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline-color: transparent;
}

.pagination.deactive > li > a:hover, .pagination.deactive > li > span:hover, .pagination.deactive > li > a:focus, .pagination.deactive > li > span:focus, .pagination.deactive a:hover {
    color: #999999;
    background-color: transparent;
    border-color: transparent !important;
    cursor: default;
}

.pagination.deactive > li.active a, .pagination.deactive > li.active a:hover {
    background-color: #666;
    color: #fff;
}

.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 {
    background-color: #f04124 !important;
}

.icheckbox {
    margin-top: 12px;
}

.paiement {
    position: absolute;
    bottom: 50px;
    right: 8%;
    width: 90%;
}

.row.modifier {
    /*position: absolute;
    bottom: 40px;*/
}

@media (max-width: 992px) {
    body {
        padding: 10px 0 !important;
    }

    .row.modifier {
        /*position: relative;
        bottom: inherit;*/
    }

    .jumbotron {
        padding: 40px 0;
    }

    .container .jumbotron {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

@media (max-width: 768px) {
    body {
        padding: 10px 0 !important;
    }

    .row.modifier {
        /*position: relative;
        bottom: inherit;*/
    }

    #content.jumbotron {
        height: 328px !important;
        padding-top: 100px;
    }

    .jumbotron {
        padding: 40px 0;
    }

        .jumbotron h2 {
            font-size: 140% !important;
        }

    .container .jumbotron {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

.break-word {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    -ms-word-break: break-all !important;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /*
      word-break: break-all!important;
      */
    /* Instead use this non-standard one: */
    word-break: break-word !important;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
}

.elispis {
    overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

h2.page-header {
    margin-top: 0 !important;
}

#right a.btn-danger {
    color: #fff !important;
}

#right a {
    color: #666666;
}

#right .text-danger a {
    color: #b22222;
}

.pd-l-0 {
    padding-left: 0;
}

.pd-l-5 {
    padding-left: 5px;
}

.pd-r-2 {
    padding-right: 2px;
}

.pd-r-0 {
    padding-right: 0;
}

.pd-0 {
    padding: 0;
}

.mg-b-10 {
    margin-bottom: 10px;
}

.mg-t-10 {
    margin-top: 10px;
}

.mg-t-5 {
    margin-top: 5px;
}

.mg-t-20 {
    margin-top: 20px;
}

.mg-t-40 {
    margin-top: 20px;
}

.mg-b-5 {
    margin-bottom: 5px;
}

.mg-b-0 {
    margin-bottom: 0;
}

.mg-0 {
    margin: 0;
}


.btn.btn-super-lg {
    width: 250px;
}

.btn.btn-xxs {
    padding: 1px 5px !important;
}

#right .alert {
    padding: 10px;
}

#bottom {
    border-spacing: 10px 0;
    margin-left: -10px;
    margin-right: -10px;
}
/*.well.darkwell { background-color: #666666; }*/
.darkwell a.milieu {
    margin-bottom: 50px;
    margin-top: 50px;
}

.megabuttons {
    width: 400px;
    margin: 0 auto 10px;
}

#pdg a:active, #pdg a:hover {
    text-decoration: none;
}

#pdg a.confirmer .alert-danger:active, #pdg a.confirmer:hover {
    background-color: #666;
}

#pdg a.modifier:active .jumbotron, #pdg a.modifier:hover .jumbotron {
    background-color: #666;
    color: #dddddd;
}

#pdg a.acheter:active .jumbotron, #pdg a.acheter:hover .jumbotron {
    background-color: #ddd !important;
    color: #666;
}

#pdg a.acheter .jumbotron, #pdg a.acheter:visited .jumbotron {
    background-color: #666;
    color: #ddd;
}

#content.jumbotron {
    height: 432px;
    padding-top: 160px;
}

#right .well img {
    width: 32px;
}

#errors.alert {
    margin: 15px;
    margin-top: 0;
}

.rendu {
    margin-bottom: 5px;
    margin-top: 5px;
}

/* ddslick */
.dd-selected, a.dd-option {
    padding: 2px !important;
}

label.dd-selected-text, a label.dd-selected-text {
    margin-bottom: 0;
    /*line-height: 32px !important;*/
}

label.dd-option-text {
    line-height: initial !important;
    padding-top: 8px !important;
}

.mg-r-15 {
    margin-right: 15px !important;
}

.btncol.empty {
    min-height: 39px !important;
}

#saisieConfirmation, #validationConfirmation {
    padding-left: 30px;
    padding-right: 30px;
}

    #saisieConfirmation #content, #validationConfirmation #content {
        background-color: #eeeeee;
        padding: 19px;
        border: 1px solid #ccc;
        border-top: none;
        min-height: 550px;
    }

#choixHoraire button.btn {
    margin-bottom: 5px;
}

#submitResa {
    width: 220px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.pagination > li > span {
    border-radius: 50px;
    color: #ccc;
    cursor: not-allowed;
}

#saisieConfirmation #header, #validationConfirmation #header {
    background-color: #f04124;
    padding: 19px;
    border: 1px solid #EA2F10;
    border-bottom: none;
}

    #saisieConfirmation #header h2, #validationConfirmation #header h2 {
        color: #ffffff;
        margin: 0;
    }

#saisieConfirmation .empty-header {
    height: 10px;
}

#error a i {
    color: white !important;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.input-group.confirmer, .input-group.confirmer input {
    max-width: 100%;
}

.white {
    color: white !important;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #saisieConfirmation .empty-header {
        height: 10px;
    }

    .sendAndCloseBtn {
        height: 93px;
        width: 108px;
    }
}

.flag-24 {
    width: 24px !important;
}

.flag-48 {
    width: 48px !important;
}

.flag-43 {
    width: 43px !important;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.checkbox-ng label:after, .radio-ng label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox-ng .cr, .radio-ng .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio-ng .cr {
    border-radius: 50%;
}

    .checkbox-ng .cr .cr-icon, .radio-ng .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio-ng .cr .cr-icon {
        margin-left: .04em;
    }

.checkbox-ng label input[type="checkbox"], .radio-ng label input[type="radio"] {
    display: none;
}

    .checkbox-ng label input[type="checkbox"] ~ .cr > .cr-icon, .radio-ng label input[type="radio"] ~ .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox-ng label input[type="checkbox"]:checked ~ .cr > .cr-icon, .radio-ng label input[type="radio"]:checked ~ .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox-ng label input[type="checkbox"]:disabled ~ .cr, .radio-ng label input[type="radio"]:disabled ~ .cr {
        opacity: .5;
    }


.ng-checkbox {
    padding-left: 20px;
}

    .ng-checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .ng-checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #ccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
            -o-transition: border .15s ease-in-out,color .15s ease-in-out;
            transition: border .15s ease-in-out,color .15s ease-in-out;
        }

        .ng-checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555;
        }

    .ng-checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .ng-checkbox input[type="checkbox"]:focus ~ label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .ng-checkbox input[type="checkbox"]:checked ~ label::after {
            font-family: 'FontAwesome';
            content: "";
        }

        .ng-checkbox input[type="checkbox"]:disabled ~ label {
            opacity: .65;
        }

            .ng-checkbox input[type="checkbox"]:disabled ~ label::before {
                background-color: #eee;
                cursor: not-allowed;
            }

    .ng-checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .ng-checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked ~ label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked ~ label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked ~ label::before {
    background-color: #0372b7;
    border-color: #0372b7;
}

.checkbox-danger input[type="checkbox"]:checked ~ label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked ~ label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked ~ label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked ~ label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked ~ label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked ~ label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked ~ label::after {
    color: #fff;
}





.radio-ng {
    padding-left: 20px;
}

    .radio-ng label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .radio-ng label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio-ng label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio-ng input[type="radio"] {
        opacity: 0;
    }

        .radio-ng input[type="radio"]:focus ~ label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio-ng input[type="radio"]:checked ~ label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio-ng input[type="radio"]:disabled ~ label {
            opacity: 0.65;
        }

            .radio-ng input[type="radio"]:disabled ~ label::before {
                cursor: not-allowed;
            }
.radio-ng input[type="radio"].has-error {
    display: none !important;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"] ~ label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked ~ label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked ~ label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] ~ label::after {
    background-color: #0372b7;
}

.radio-danger input[type="radio"]:checked ~ label::before {
    border-color: #0372b7;
}

.radio-danger input[type="radio"]:checked ~ label::after {
    background-color: #0372b7;
}

.radio-info input[type="radio"] ~ label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked ~ label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked ~ label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] ~ label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked ~ label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked ~ label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] ~ label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked ~ label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked ~ label::after {
    background-color: #5cb85c;
}

.nomGare { white-space: normal }