/*
 * Général
 */
html, body {
    height: 100%;
}
body {
    font: normal 12px Verdana;
    background-color: #f9f9f9;
}
@media (min-width: 980px) {
    body { padding-top: 130px; }
}
h2 { font-size: 30px; }
.btn-primary { background: #f47d30; border-radius: 2px;  text-shadow: none; border:none;color:#fff;border-color: #f47d31 }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] { background: #ff8d40;color:#fff  }
.btn-default { background: #1b191a; border-radius: 2px;  text-shadow: none; border:none;color:#fff; border-color: #333 }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.disabled,
.btn-default[disabled] { background: #3f3e3f;color:#fff  }
a { color: #f47d31; }
a:hover { color: #ff8d40; }
.nav>li {
    position: relative;
    display: list-item;
}
.container.base{
    padding-top: 15px;
}
div.top{
    padding-bottom: 90px;
    position: relative;
    min-height: 100%;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}
/*
 * Icônes
 */
[class^="icon-om-"], [class*=" icon-om-"] { display: inline-block; background-image: url("../img/sprites.png"); background-repeat: no-repeat; }
.icon-om-left { width: 11px; height: 25px; background-position: -151px 0; }
.icon-om-right { width: 11px; height: 25px; background-position: -140px 0; }
.icon-om-pragma { width: 33px; height: 41px; background-position: -140px -25px; }
.icon-om-performance { width: 48px; height: 42px; background-position: -46px -46px; }
.icon-om-statistiques { width: 46px; height: 46px; background-position: -94px 0; }
.icon-om-fiabilite { width: 46px; height: 46px; background-position: -94px -46px;}
.icon-om-monitoring { width: 46px; height: 36px; background-position: 0 -43px;}
.icon-om-alertes { width: 45px; height: 43px; background-position: 0 0;  }
.icon-om-authentification { width: 44px; height: 45px; background-position: -46px 0; }
h2 [class^="icon-om-"], h2 [class*=" icon-om-"] { margin-right: 10px; vertical-align: middle; }
h1 {color:#f47d31;font-size: 24px}
/*
 * Header
 */

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border:0;
}
.navbar-brand{
    height: auto;
}
.navbar {
    background: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    -moz-box-shadow:    0 1px 10px rgba(0,0,0,0.1);
    box-shadow:         0 1px 10px rgba(0,0,0,0.1);
}
.navbar .nav>li>a { background: #1b191a; color: #fff; text-shadow: none; text-align: center; font-size: 14px; border-radius: 2px; }
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover,
.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus { background: #f1853f; color: #fff; box-shadow: none; }
.navbar .dropdown-form { padding: 5px; min-width: 0; }
@media (min-width: 980px) {
    .navbar .nav>li>a { margin: 0 3px;  min-width: 130px;padding:10px 15px 10px}
    .navbar .nav.menu { margin: 40px 0 0 50px; }
    .navbar .nav.account>li>a { border-radius: 0; min-width: 80px; padding: 6px 15px 6px; margin: 0 2px; }
}
@media (min-width: 1199px) {
    .navbar .nav.menu { margin-top: 70px }
}

/*
 * Hero-Unit (Bannière)
 */
.om-hero-unit {
    margin-bottom: 10px;
    padding: 26px 0 13px;
    font-size: 18px;
    font-weight: 200;
    color: #fff;
    background: #171717; /* Old browsers */
    background: -moz-linear-gradient(top, #171717 0%, #252122 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#252122)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #171717 0%,#252122 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #171717 0%,#252122 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #171717 0%,#252122 100%); /* IE10+ */
    background: linear-gradient(to bottom, #171717 0%,#252122 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#252122',GradientType=0 ); /* IE6-9 */
}
.om-hero-unit .btn-primary {font-size: 18px; font-weight: bold;text-transform: uppercase}
.om-hero-unit sup { vertical-align: super; }
.om-hero-unit .intro { min-height: 184px; background: url(../img/logo-intro.png) no-repeat  left center; padding-top: 20px; }
.om-hero-unit .intro p { text-align: right; }
.om-hero-unit .price { font-size: 60px; line-height: 50px; font-weight: bold; color: #f47d30; }
.om-hero-unit .price sup { font-size: 14px; }
.om-hero-unit .price-ttc { font-size: 16px; line-height: 12px; font-weight: bold; color: #f47d30;}
.om-hero-unit .price-ttc sup { font-size: 8px; }
.om-hero-unit .par-email { font-size: 36px; font-weight: bold; }
.om-hero-unit ul.expl { padding-left: 30px; font-size: 14px; font-weight: bold; }
.om-hero-unit ul.expl li { margin: 3px 0; }
.om-hero-unit .btn{ padding: 13px 23px; }
.om-hero-unit .commander { text-align: center; margin-top: 20px; }
.om-hero-unit .start_offer_title{ font-size:28px; line-height: 12px; font-weight: bold; color: #f47d30; text-align: center; padding: 10px 0}
.om-hero-unit .start_offer_value {text-align: center; padding: 15px 0}
.om-hero-unit .start_offer_value .offer {font-weight: bold;  }
@media (max-width: 1199px) {
    .om-hero-unit .intro { background-image: url(../img/logo-intro-1000.png);  }
}
@media (max-width: 979px) {
    .om-hero-unit .intro { background-image: none;  }
    .om-hero-unit .intro p { text-align: center  }
    .om-hero-unit ul.expl { display: none; }
    .navbar-fixed-top{
        position: relative;
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none;
    }
}
@media (max-width: 767px) {
    .om-hero-unit { margin: 0 -20px 0 -20px; }
    .om-hero-unit .intro { min-height: 0; }
    .om-hero-unit .intro p { text-align: center; }
    .om-hero-unit ul.expl { display: none; }
}

/*
 * Contenu
 */
.presentation-hp{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.presentation-hp h1 { font: normal 28px 'Crete Round', serif; color: #f47d31; text-align: center; margin: 30px 0; }
.presentation-hp h2 { min-height: 50px; font-size: 26px; }
.presentation-hp h2 a { display: block; color: #231f20; }
.presentation-hp p { text-align: justify; }
.presentation-hp p.read-more { text-align: right; }
.presentation-hp .row-fluid { margin-bottom: 20px; }
@media (min-width: 767px) and (max-width: 979px) {
    .presentation-hp h2 {text-align: center; font-size: 20px; min-height: 85px; }
    .presentation-hp h2 i { display: block; margin: 0 auto; }
}

/*
 * Footer
 */
footer { background: #1d1b1c; color: #ffffff; margin-top: 20px; padding: 15px 0;position: absolute;bottom: 0;width: 100% }
footer a, footer a:hover, footer a:focus { color: #fff; }
footer .col1 { background: url(../img/logo-footer.png) no-repeat left center; padding: 8px 0 8px; }
footer .col1 p { margin: 0; padding-left: 50px; }
footer .col1 a { text-decoration: underline; }
footer .col1 a:hover { text-decoration: none; }
footer .col2 { text-align: center; padding-top: 15px; }
footer .col3 { text-align: right; padding-top: 2px; }
footer .col3 > * { display: inline-block; vertical-align: middle; }
footer .col3 a.browse { cursor: pointer; }
footer .col3 .scrollable { position:relative; overflow:hidden; width: 48px; height:48px; text-align: center; }
footer .col3 .scrollable .items { width:20000em; position:absolute; clear:both; margin: 0; }
footer .col3 .items > li { float:left; width:48px; list-style: none; }
/***
FuelUX Spinners
***/
.modal-content,.form-control,.btn{
    border-radius: 2px;
}
.spinner-buttons.btn-group-vertical .btn {
    text-align: center;
    margin: 0;
    height: 17px;
    width: 22px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
}


@media (max-width: 767px) {
    footer {
        margin: 0 -20px 0 -20px;
    }
}
@media (max-width: 979px){
    .navbar-fixed-top {
        margin-bottom: 0;
    }
}
/* breadcrumb */
.breadcrumb_block{
    background: #171717; /* Old browsers */
    background: -moz-linear-gradient(top, #171717 0%, #252122 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#252122)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #171717 0%,#252122 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #171717 0%,#252122 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #171717 0%,#252122 100%); /* IE10+ */
    background: linear-gradient(to bottom, #171717 0%,#252122 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#252122',GradientType=0 ); /* IE6-9 */
    padding: 5px 0;
}
.breadcrumb {
    background: none;
    padding: 20px 0 0 0 ;
    text-transform: uppercase;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 13px;
    color: #fff;
}
.breadcrumb > li + li:before {
    content: "\f105 ";
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #fff;
}
.breadcrumb a {
    color: #fff;
}
.breadcrumb > .active {
    color: #f47d31;
}
/* checkout page */
.checkout-page h2 {
    background: #171717; /* Old browsers */
    background: -moz-linear-gradient(top, #171717 0%, #252122 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#252122)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #171717 0%,#252122 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #171717 0%,#252122 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #171717 0%,#252122 100%); /* IE10+ */
    background: linear-gradient(to bottom, #171717 0%,#252122 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#252122',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-size: 17px;
}
.checkout-page h2{
    color: #fff;
    display: block;
    padding: 9px 20px 8px !important;
}
.checkout-content {
    padding: 0 20px 40px;
}
.checkout-block.panel {
    background: inherit;
    box-shadow: none;
    margin-bottom: 0;
}
.checkout-page a {
    color: #f47d31;
}
.checkout-page a:hover {
    color: #ff8d40;
}
.checkout-page a.btn {
    color: #fff;
}
.checkout-page h3 {
    font-size: 23px;
    color: #3e4d5c;
    padding-top: 10px;
}
.checkout-page select.form-control {
    color: #B0B4B7;
}
.checkout-page select.form-control.input-sm {
    width: 100%;
    height: 34px;
    font-size: 14px;
    padding: 6px 12px;
}
.checkout-page hr {
    clear: both;
}
#shipping-method .form-group {
    padding-top: 10px;
}
.checkout-page h4 {
    text-transform: inherit;
    font-size: 20px;
}

.checkout-page .panel {
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.checkout-page .panel-heading {
    background: none;
    padding: 0;
}
.checkout-page .panel-body {
    border: none !important;
    padding-left: 20px;
    padding-right: 20px;
}
.radio-list {
    margin: 0 0 20px -2px;
}
.radio-list > label {
    display: block;
}
.control-label{
    line-height: 32px;
}
#payment-method .paypal{
    width: 270px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#payment-method .paypal:hover{
    border-color: #f47d31;
}
/* shopping cart page */
.shopping-cart-data {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    overflow-x: auto;
}
.shopping-cart-data table,
.checkout-page table {
    width: 100%;
    font-size: 13px ;
}
.shopping-cart-data th,
.checkout-page th {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: solid 1px #ecebeb;
    padding-bottom: 8px;
}
.shopping-cart-data td,
.checkout-page td {
    vertical-align: top;
    padding: 20px 20px 20px 0;
    border-bottom: solid 1px #ecebeb;
    font-size: 14px;
}
.checkout-page td.checkout-total,
.checkout-page th.checkout-total{
    text-align: right;
    padding-right: 0;
}
.shopping-cart-image,
.checkout-image {
    width: 105px;
}
.shopping-cart-image img,
.checkout-image img {
    width: 75px;
}
.shopping-cart-price strong,
.shopping-cart-total strong,
.checkout-price strong,
.checkout-total strong {
    color: #f47d31;
    font-size: 21px;
    font-weight: normal;
}
.shopping-cart-price strong span,
.shopping-cart-total strong span,
.checkout-price strong span,
.checkout-total strong span  {
    font-size: 17px;
}
.shopping-cart-data h3,
.checkout-page .checkout-description h3 {
    font-size: 14px;
    text-transform: inherit;
    padding: 0;
    margin: 0 0 5px;
}
.shopping-cart-data p,
.checkout-description p {
    margin-bottom: 2px;
}
.shopping-cart-data a,
.checkout-page .checkout-description a {
    color: #f47d31;
}
.shopping-cart-description em,
.checkout-description em {
    display: block;
    font-style: normal;
}
.shopping-cart-page .btn-primary {
    float: right;
}

.shopping-cart-data .del-goods {
    margin-top: 4px;
}

.shopping-total,
.checkout-total-block {
    width: 315px;
    float: right;
    padding-top: 9px;
    color: #231f20;
}
.checkout-total-block {
    margin-bottom: 20px;
}
.shopping-total ul,
.checkout-total-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.shopping-total li,
.checkout-total-block li {
    border-bottom: solid 1px #ecebeb;
    width: 100%;
    overflow: hidden;
    padding: 9px 0;
}
.shopping-total li:last-child,
.checkout-total-block li:last-child {
    border: none;
}
.shopping-total em,
.checkout-total-block em {
    font-size: 18px;
    float: left;
    position: relative;
    top: 2px;
}
.shopping-total strong,
.checkout-total-block strong {
    color: #f47d31;
    font-size: 18px;
    font-weight: normal;
    float: right;
}
.margin-right-20 {
    margin-right: 20px;
}
input[type=checkbox]{
    margin-top: 1px;
}