﻿
.noborder{

          border-top: 0px solid #ffffff;
}
  .table tbody > tr.noborder > td {
        border-top: 0px solid #ffffff;
    }

.placeholder {
    color: grey;
    font-style: italic;
}

.break-inside-avoid {
    page-break-inside: avoid;
}
.page-break-after{
   page-break-after: always;
} 

tr.nostrip > td {
    border-top: 0 !important;
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    vertical-align: text-bottom;
    margin-top: 5px;
    border: 1px solid #990000;
}

.lot-tarif-origine {
    font-style: italic;
    text-decoration: line-through;
}

.lot-tarif {
    font-weight: bold;
}

.lot-tarif-remise {
    color: #BB0000;
    font-weight: bold;
}

.LotBlock {
    border: 1px solid #000000;
    margin: 1px;
}


td.table-tarif-etage
{
    background-color:lightgray;
        text-align:center;
    vertical-align:middle;
}
span.table-tarif-etage{
    writing-mode: vertical-lr;
    text-align:center;
    vertical-align:middle;
    white-space: nowrap;
    text-wrap:none;
    font-weight: bold;
}
.Etage {
    border: 1px solid #000000;
    margin: 1px;
}

.table-tarif, .table-tarif tr {
    width: 100%;
}

    .table-tarif, .table-tarif tr, .table-tarif td {
        font-size: 13px;
    }

a {
    color: black;
}

.modal-lg {
    width: 1200px;
}

.form-group {
    margin-bottom: 1px;
    margin-right: 5px;
}



.form-inline label {
    margin-right: 5px;
}

.multiselecteur {
    position: relative;
    border: 1px solid black;
    display: inline-block;
    margin: 2px;
}

    .multiselecteur img {
        width: 75px;
    }

    .multiselecteur input {
        border: 2px solid black;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 20px;
        width: 20px;
    }

.bg-success {
    background-color: #dff0d8;
}

.bg-danger {
    background-color: #f2dede;
}

.shape {
    stroke-width: 1;
    stroke: #FFFFFF;
    fill: #d0d0d0;
}

    .shape:hover {
        stroke-width: 1;
    }

.plot {
    stroke-width: 3;
    fill: #FFFFFF;
    stroke: #808080;
}

    .plot:hover {
        stroke-width: 5;
    }

.path {
    stroke-width: 1;
    stroke: #808080;
    fill: none;
}

    .path:hover {
        stroke-width: 4;
    }




.fill0 {
    fill: #4DC742;
}

.fill1 {
    fill: #8CD446;
}

.fill2 {
    fill: #45D2B0;
}

.fill3 {
    fill: #46ACD3;
}

.fill4 {
    fill: #438CCB;
}

.fill5 {
    fill: #4262C7;
}

.fill6 {
    fill: #5240C3;
}

.fill7 {
    fill: #8C3FC0;
}

.fill8 {
    fill: #D145C1;
}

.fill9 {
    fill: #E64C8D;
}

.fill10 {
    fill: #FF5454;
}

.fill11 {
    fill: #FF8054;
}

.fill12 {
    fill: #FFA054;
}

.fill13 {
    fill: #FFB554;
}

.fill14 {
    fill: #C8E64C;
}

.fill15 {
    fill: #EEEE54;
}

.fill-danger {
    fill: #dc0909;
}

.fill-warning {
    fill: #eeb412;
}

.fill-success {
    fill: #22b953;
}




.stroke0 {
    stroke: #FFA500;
}

.stroke1 {
    stroke: #FF4500;
}

.stroke2 {
    stroke: #DA70D6;
}

.stroke3 {
    stroke: #98FB98;
}

.stroke4 {
    stroke: #AFEEEE;
}

.stroke2 {
    stroke: #DB7093;
}

.stroke3 {
    stroke: #FFDAB9;
}

.stroke7 {
    stroke: #6A5ACD;
}

.stroke8 {
    stroke: #EEC900;
}

.stroke9 {
    stroke: #C0FF3E;
}

.DonutCenter {
    stroke-width: 1;
    stroke: #FFFFFF;
    fill: #FFFFFF;
}

.DonutTitle {
    text-anchor: middle;
    vertical-align: text-bottom;
    font-weight: bold;
}

.DonutValue {
    text-anchor: middle;
    vertical-align: text-top;
}

.illustration {
    position: relative;
}

    .illustration img {
        width: 100%;
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
    }

    .illustration .title {
        border-width: 1px;
        border-color: #000000;
        border-radius: 0px 10px 10px 0px;
        border-style: solid;
        padding: 2px 2px 2px 5px;
        background-color: #000000;
        -moz-opacity: 0.7;
        opacity: .70;
        top: 20px;
        right: 25%;
        left: 0px;
        position: absolute;
        z-index: 2;
        font-family: Arial, Helvetica, sans-serif;
        color: #FFFFFF;
    }

    .illustration .override {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }

    .illustration .insertion {
        bottom: -10px;
        left: -15px;
        position: absolute;
    }

        .illustration .insertion img {
            border-width: 1px;
            border-color: #000000;
            border-style: solid;
        }

.tarif {
    float: right;
    right: 0px;
    text-align: right;
}

.tarif-ancien {
    color: red;
    text-decoration: line-through;
}

.tarif-remise {
    color: green;
    font-size: large;
}

.honnoraires {
    font-size: smaller;
    color: #00b0b0;
    float: right;
    text-align: right;
}

.charges {
    font-size: smaller;
    color: #00b0b0;
    float: right;
    text-align: right;
}

#PROGRAMMEHEAD {
    background-color: #000000;
    position: relative;
    height: 150px;
}

    #PROGRAMMEHEAD .title {
        border-width: 1px;
        border-color: #FFFFFF;
        border-radius: 0px 10px 10px 0px;
        padding: 2px 2px 2px 10px;
        vertical-align: bottom;
        border-style: solid;
        background-color: #000000;
        top: 20px;
        width: 50%;
        position: absolute;
        z-index: 2;
        font-family: Arial, Helvetica, sans-serif;
        font-size: large;
        color: #FFFFFF;
        -moz-opacity: 0.8;
        opacity: .80;
    }

    #PROGRAMMEHEAD img {
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        background-color: #FFFFFF;
        width: 100%;
        position: absolute;
    }

.symbole {
    width: 40px;
    height: 40px;
}

.indice {
    position: relative;
    margin-top: -55px;
    margin-left: -15px;
}

.annonce {
    position: relative;
}

.prestations {
    float: right;
    bottom: 0px;
}

.prestation {
    width: 50px;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: right;
    border: 1px solid white;
}

    .prestation .badge {
        position: relative;
        margin-top: -60px;
        margin-left: -5px;
    }

    .prestation img {
        width: 100%;
    }

.mosaique {
    border: 1px;
    border-color: #808080;
    border-style: solid;
    width: 100px;
    display: inline-block;
    margin: 2px;
    padding: 0;
}

.dpe {
}

.dpe {
    margin: 0px;
    padding: 0px;
    position: relative;
}

    .dpe .background {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        padding: 0px;
        z-index: 1;
    }

    .dpe .cursor {
        position: absolute;
        left: 0px;
        margin: 0px;
        padding: 0px;
        z-index: 0;
    }

    .dpe .value {
        color: #111111;
        font-size: smaller;
        font-weight: bold;
        position: absolute;
        right: 3px;
        top: 2px;
    }

    .dpe .scale {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        padding: 0px;
        z-index: 2;
    }

    .dpe .front {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        padding: 0px;
        z-index: 2;
    }

.treenode {
    list-style-type: none;
}

.tree-toggler {
    color: #808080;
}

.navbar-icon {
    height: 50px;
    border: 1px solid;
    border-color: #e7e7e7;
    margin-right: 3px;
}

body {
    padding-top: 55px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

div {
    /* utile uniquement sur Google Chrome qui est centré par défaut*/
    text-align: left;
}



/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

@media print {

    body {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    table tr {
        page-break-inside: avoid;
    }

    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .btn, .nav-tabs {
        opacity: 0 !important;
        visibility: hidden;
    }



    a[href]:after {
        content: "";
    }

    img {
    }
}

p {
    text-align: justify;
}

img a {
    border: none;
}

img.intext {
    margin: 5px 5px 5px 5px;
    border: 5px solid #ffffff;
}

img.vignette {
    margin: 1px 1px 1px 1px;
    border: 1px solid #808080;
}


.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 1px;
    font-size: 75%;
}

.table-condensed thead > tr > td,
.table-condensed thead > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed tfoot > tr > td {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 75%;
}


tr.impaire {
    background-color: #EEEEEE;
}





.table > thead > tr > td.success.dark,
.table > tbody > tr > td.success.dark,
.table > tfoot > tr > td.success.dark,
.table > thead > tr > th.success.dark,
.table > tbody > tr > th.success.dark,
.table > tfoot > tr > th.success.dark,
.table > thead > tr.success.dark > td,
.table > tbody > tr.success.dark > td,
.table > tfoot > tr.success.dark > td,
.table > thead > tr.success.dark > th,
.table > tbody > tr.success.dark > th,
.table > tfoot > tr.success.dark > th {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
}

.table-hover > tbody > tr > td.success.dark:hover,
.table-hover > tbody > tr > th.success.dark:hover,
.table-hover > tbody > tr.success.dark:hover > td {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}


.table > thead > tr > td.danger.dark,
.table > tbody > tr > td.danger.dark,
.table > tfoot > tr > td.danger.dark .table > thead > tr > th.danger.dark,
.table > tbody > tr > th.danger.dark,
.table > tfoot > tr > th.danger.dark,
.table > thead > tr.danger.dark > td,
.table > tbody > tr.danger.dark > td,
.table > tfoot > tr.danger.dark > td,
.table > thead > tr.danger.dark > th,
.table > tbody > tr.danger.dark > th,
.table > tfoot > tr.danger.dark > th {
    background-color: #ebcccc;
    border-color: #e6c1c7;
}

.table-hover > tbody > tr > td.danger.dark:hover,
.table-hover > tbody > tr > th.danger.dark:hover,
.table-hover > tbody > tr.danger.dark:hover > td {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.table > thead > tr > td.warning.dark,
.table > tbody > tr > td.warning.dark,
.table > tfoot > tr > td.warning.dark,
.table > thead > tr > th.warning.dark,
.table > tbody > tr > th.warning.dark,
.table > tfoot > tr > th.warning.dark,
.table > thead > tr.warning.dark > td,
.table > tbody > tr.warning.dark > td,
.table > tfoot > tr.warning.dark > td,
.table > thead > tr.warning.dark > th,
.table > tbody > tr.warning.dark > th,
.table > tfoot > tr.warning.dark > th {
    background-color: #faf2cc;
    border-color: #f8e5be;
}

.table-hover > tbody > tr > td.warning.dark:hover,
.table-hover > tbody > tr > th.warning.dark:hover,
.table-hover > tbody > tr.warning.dark:hover > td {
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #d0d0d0;
}


.table > thead > tr,
.table > tfoot > tr {
    font-size: 100%;
    text-align: center;
    color: #000000;
    background-color: #d0d0d0;
}


.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.img_container {
    position: relative;
    display: inline-block;
    text-align: center;
}

.img_container_close {
    position: absolute;
    top: 1px;
    right: 1px;
}

.green {
    color: #009900;
}

.red {
    color: #990000;
}

.numeric {
    text-wrap: none;
    text-align: center;
}

.finance {
    text-wrap: none;
    text-align: right;
}

.center {
    text-wrap: none;
    text-align: center;
}

.right {
    text-wrap: none;
    text-align: right;
}

/* Modifie le fonctionnement de Bootstrap afin que l'affichage lors des impressions se fasse en Small et non ne ExtraSmall */

@media print {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }

    .visible-xs {
        display: none !important;
    }

    .hidden-xs {
        display: block !important;
    }

    table.hidden-xs {
        display: table;
    }

    tr.hidden-xs {
        display: table-row !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }

    .hidden-xs.hidden-print {
        display: none !important;
    }

    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

.ordonnees {
    font-weight: normal;
    font-family: "sans-serif";
    font-size: 12px;
    fill: #888888;
    stroke: none;
    text-anchor: end;
}

.absices {
    font-weight: normal;
    font-family: "sans-serif";
    font-size: 12px;
    fill: #888888;
    stroke: none;
    text-anchor: middle;
    transform: matrix(1,0,0,1,0,7);
}

.backline {
    stroke-width: 1;
    stroke: #aaaaaa;
    fill: none;
}

.nav-tabs {
}

    .nav-tabs > li {
    }

        .nav-tabs > li > a {
            background: #FFFFFF;
            -moz-opacity: 0.7;
            opacity: .70;
        }

            .nav-tabs > li > a:hover {
                -moz-opacity: 1;
                opacity: 1;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            -moz-opacity: 1;
            opacity: 1;
        }

.table-striped tbody tr.highlight td {
    color: white;
    background: #808080;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

.table-striped tbody tr.highlight, .table-striped tbody tr td.highlight {
    color: white;
    background: #808080;
    border: 1px solid black;
}

td.signe, tr.signe > td {
    background-color: #CFFED1;
}

    td.signe.dark, tr.signe.dark > td {
        background-color: #BFFFC2;
    }

td.reserve, tr.reserve > td {
    background-color: #FFCACA;
}

    td.reserve.dark, tr.reserve.dark > td {
        background-color: #FFBFBF;
    }

td.option, tr.option > td {
    background-color: #FFF265;
}

    td.option.dark, tr.option.dark > td {
        background-color: #FFEF40;
    }

    td.promotion, tr.promotion  {
    border : 3px solid red;
}



td.bloque, tr.bloque > td {
    background-color: #d0d0d0;
}

    td.bloque.dark, tr.bloque.dark > td {
        background-color: #c0c0c0;
    }

.no-border {
    border: 0px #FFFFFF;
    line-height: 1.5;
    box-shadow: inset 0 0px 0px;
}
.nobreak {
    page-break-inside: avoid;
}
