.picto {
    background: white;
    color: #00e094;
    font-family: Montserrat-Bold;
    font-size: 15px;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.blocOptions {
    width: 200px;
}

.blocOptions__details {
    position: relative;
    z-index: 2;
    background: white;
}

.blocOptions__price {
    position: relative;
    z-index: 2;
    background: #1a171b;
    color: white;
}

.blocOptions__action {
    position: relative;
    z-index: 2;
    display: block;
    background: white;
}

.blocOptions--stripedShadow > * {
    z-index: 2;
    position: relative;
}

.blocOptions--stripedShadow:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -5px;
    height: 100%;
    width: 100%;
    background: url("../img/pattern-green-zebra.png");
    opacity: 0.5;
    z-index: 1;
}

.blocOptions--stripedShadow:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #FFF;
    z-index: 1;
}

.blocBlackDots {
    padding: 6px 10px;
    display: inline-block;
    background: url("../img/pattern-black-dots.png");
}

.blocBlackDots > * {
    background: white;
    padding: 9px 0 9px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  line-height: 1;
}

.blocBlackDots .row > div {
    border-left: 1px solid #d2d2d2;
    padding: 0 20px;
}

.blocBlackDots .row > div:first-child {
    border: 0;
    padding-left: 0;
}

.toggle__items.items-2 {
    display: block;
    margin: auto;
}

.toggle__items.items-2 .tabs li {
    margin: 0;
    float: right;
}

.toggle__items.items-2 .tabs li:first-child {
    float: left;
}

.toggle__items.items-2 .tabs li.tab {
    height: auto !important;
    width: auto !important;
}

.toggle__items.items-2 .tabs li .tab__label {
    display: block !important;
    font-size: 15px;
    text-transform: uppercase;
}

.toggle__items.items-2 .tabs:after {
    content: "";
    display: block;
    clear: both;
}

.price--right {
    position: relative;
}

.large-input {
    height: 44px;
    line-height: 44px;
    width: 100%;
    font-size: 16px;
    font-family: Montserrat-Regular;
    padding-left: 14px;
}

.red-checkbox {
    position: relative;
    padding-left: 27px;
}

.red-checkbox:before {
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #9c9e9f;
    top: 0;
    left: 0;
    position: absolute;
    margin-top:10px;
}

.red-checkbox input {
    display: none;
}

.red-checkbox.checked:before {
    border: 1px solid transparent;
    background: url("../img/sprite-red.png") -122px -251px;
}

.field {
    position: relative;
}

.field__title {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    padding-bottom: 4px;
}

.field__picto {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}

.field__picto.field__ok {
    background: url("../img/picto-ok.png");
}

.field__picto.field__arrow {
    background: url("../img/circle-arrow.gif");
    background-size: 24px 24px;
}

.field__picto.field__error {
    background: url("../img/picto-error.png");
}

.field .msg__error {
    position: absolute;
    top: 115%;
    font-family: "Montserrat-Regular";
    font-size: 13px;
    color: #d40c0c;
    display: none;
}

.field.field__ok .field__picto.field__ok {
    display: block !important;
}

.field.field__arrow .field__picto.field__arrow {
    display: block !important;
}

.field.field__error {
    margin-bottom: 60px !important;
}

.field.field__error input {
    border: 1px solid #ed1c24;
}

.field.field__error .field__picto.field__error {
    display: block !important;
}

.field.field__error .msg__error {
    display: block;
}

.field__list {
    background: white;
    border: 2px solid #eeeeee;
    position: absolute;
    width: 100%;
    top: 98%;
    z-index: 1;
    display: none;
}

.field__list li {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
}

.field__list li:hover {
    background: #00e094;
    color: white;
    cursor: pointer;
}

.no-csstransforms .field__picto.field__arrow {
    background: none;
}

.table {
    display: table;
}

.table .table-row {
    display: table-row;
}

.table .table-row .table-cell {
    display: table-cell;
}

.mea--jauges .table-title {
    width: 110px;
    font-family: "Montserrat-ExtraBold";
    font-size: 18px;
    height: 64px;
    line-height: 64px;
}

.mea--jauges .table-cell {
    position: relative;
}

.mea--jauges .table-cell hr {
    position: relative;
    bottom: 3px;
}

.mea--jauges .table-cell .jauge {
    height: 8px;
    position: absolute;
    bottom: 27px;
}

.mea--jauges .table-cell .jauge--green {
    background: #00e094;
    width: 100%;
}

.mea--jauges .table-cell .jauge--grey {
    background: #bcbec0;
    width: 18.72659176%;
}

.mea--jauges .table-time {
    width: 125px;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 64px;
  padding-left: 38px;
}

.ustep.ustep-two,
.ustep.ustep-three {
    display: none;
}

.block {
    display: block;
}

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

.align-left {
    text-align: left;
}

.white-bg {
    background: #fff;
}

.grey-border {
    border: 1px solid #c7c8ca;
}

.z-index-1 {
    z-index: 1;
}

.f-right {
    float: right;
}

.f-left {
    float: left;
}

.c-b9b8b9 {
    color: #b9b8b9;
}

.c-808285 {
    color: #808285;
}

.regular {
    font-family: "Montserrat-Regular";
}

.lh-22 {
    line-height: 22px;
}

.ft-13 {
    font-size: 13px;
}

.ft-14 {
    font-size: 14px;
}

.ft-15 {
    font-size: 15px;
}

.ft-26 {
    font-size: 26px;
}

.absolute {
    position: absolute;
}

.bot-0 {
    bottom: 0;
}

.i-block {
    display: inline-block !important;
}

.pointer {
    cursor: pointer;
}

.uppercase {
    text-transform: uppercase;
}

.mon-sb {
    font-family: Montserrat-SemiBold;
}

.mon-b {
    font-family: Montserrat-Bold;
}

.max-w-80pct {
    max-width: 80%;
}

.m-auto {
    margin: auto;
}

.mt-1em {
    margin-top: 1em;
}

.mt-3em {
    margin-top: 3em;
}

.mt-14 {
    margin-top: 14px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-26 {
    margin-top: 26px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-44 {
    margin-top: 44px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-75 {
    margin-top: 75px;
}

.mb--49 {
    margin-bottom: -49px;
}

.mb-18 {
    margin-bottom: 18px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-33 {
    margin-bottom: 33px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pr-15 {
    padding-right: 15px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pl-15 {
    padding-left: 15px;
}

.mw-366 {
    max-width: 366px;
}

.mw-512 {
    max-width: 512px;
}

.h-90 {
    height: 90px !important;
}

.h-150 {
    height: 150px !important;
}

.w-50 {
    width: 50px;
}

.w-100pct {
    width: 100%;
}

.mw-300 {
    max-width: 300px;
    display: block;
    margin: auto;
}

/********************************************
FALLBACK IE9 POUR FLEXBOX
********************************************/
@media (min-width: 768px) {
    .block-medium-up {
        display: block;
    }
}

@media (max-width: 1024px) {
    h1 {
        color: black;
    }
}

@media (max-width: 767px) {
    .show-for-medium-up {
        display: none;
    }
}