@font-face {
    font-family: "HelveticaNeue Cond";
    src: url(HelveticaNeueLTStd-Cn.otf);
    font-weight: 400
}

@font-face {
    font-family: "HelveticaNeue Med Cond";
    src: url(HelveticaNeueLTStd-Cn.otf);
    font-weight: 400
}

.important {
    color: #ff4000;
    font-weight: 700
}

body {
    font-family: "HelveticaNeue Cond";
    margin: 0;
    font-size: 1em;
    line-height: 1.4
}

.highlight {
    background-color: #cce1f4;
    margin: 10px 0;
    display: block
}

.bleu-fonce {
    color: #025aa2
}

.bleu-clair {
    color: #cce1f4
}

.menu {
    float: left;
    width: 236px;
    height: 240px;
    border-right: 1px solid #ccc;
    font-size: 90%;
    list-style-type: none;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0
}

.menu li {
    padding: 0 0 10px 20px;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    line-height: 18px;
    background: url(../../img/pictos/puce-menu.png) 0 8px no-repeat;
    text-align: left
}

.menu li:last-child {
    border: none
}

.menu li a {
    font-weight: 700;
    color: #333;
    font-size: small;
    word-wrap: break-word
}

.menu li:hover {
    background: url(../../img/pictos/puce-menu-bleu.png) 0 8px no-repeat
}

.menu li a:hover {
    text-decoration: underline;
    color: #0067c6
}

.menu:last-child {
    border: none;
    margin-right: 0
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix:after, .container-fluid:after, .container:after, .row:after {
    clear: both
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row{
    margin-left: -15px;
    margin-right;: -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;

        float: left
    }

    .col-lg-12, .col-md-12, .col-xs-12 {
        width: 100%
    }

    .col-lg-11, .col-md-11, .col-xs-11 {
        width: 91.66666667%
    }

    .col-lg-10, .col-md-10, .col-xs-10 {
        width: 83.33333333%
    }

    .col-lg-9, .col-md-9, .col-xs-9 {
        width: 75%
    }

    .col-lg-8, .col-md-8, .col-xs-8 {
        width: 66.66666667%
    }

    .col-lg-7, .col-md-7, .col-xs-7 {
        width: 58.33333333%
    }

    .col-lg-6, .col-md-6, .col-xs-6 {
        width: 45%
    }

    .col-lg-5, .col-md-5, .col-xs-5 {
        width: 41.66666667%
    }

    .col-lg-4, .col-md-4, .col-xs-4 {
        width: 29%
    }

    .col-lg-3, .col-md-3, .col-xs-3 {
        width: 20%
    }

    .col-lg-2, .col-md-2, .col-xs-2 {
        width: 12%
    }

    .col-lg-1, .col-md-1, .col-xs-1 {
        width: 8.33333333%
    }

