﻿nav {
  background-color: #36434B;
}
.nav li li a:hover,
.nav li li a.active {
  background-color: #3d4b54 !important;
  border: 1px solid #3673C2;
  -moz-box-shadow: 1px 1px 5px 0px #3B66A9;
  -webkit-box-shadow: 1px 1px 5px 0px #3B66A9;
  -o-box-shadow: 1px 1px 5px 0px #3B66A9;
  box-shadow: 1px 1px 5px 0px #3B66A9;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#3B66A9, Direction=134, Strength=5);
}
.top {
  background-color: #36434B;
}
.header-menu {
  background-color: #36434B;
}
.header-user {
  background: #FFF;
  border-left-color: rgba(54, 67, 75, 0.05);
}
#topmenu > li a:hover,
#ulPanier > li a:hover,
#topmenu > li.logoDroite:hover {
  background-color: rgba(54, 67, 75, 0.05);
}
#topmenu ul li a:hover,
#ulPanier ul li a:hover {
  background-color: transparent !important;
  color: #36434B;
  border-bottom: 1px solid #36434B;
}
#topmenu ul:after {
  border-color: #36434B transparent;
}
#topmenu ul:before {
  border-color: rgba(0, 0, 0, 0.1) transparent;
}
.th {
  background-color: #36434B;
}
.trline {
  border-bottom: 1px solid #36434B;
}
.trlinedashed {
  border-bottom: 1px dashed #36434B;
}
.login-header {
  background-color: #36434B !important;
}
.k-text-login {
  -moz-border-radius: 5px 0px 0px 5px !important;
  -webkit-border-radius: 5px 0px 0px 5px !important;
  border-radius: 5px 0px 0px 5px !important;
  border: solid 1px #36434B !important;
  border-right-style: hidden;
}
.ui-state-focus {
  border-color: #36434B !important;
  background: #36434B url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x !important;
}
.styled_grid th {
  background-color: #36434B;
}
.styled_grid tbody tr:nth-child(odd) {
  background-color: rgba(54, 67, 75, 0.05);
}
.styled_grid tbody tr:hover {
  background-color: rgba(54, 67, 75, 0.3);
}
.styled_grid tfoot {
  background-color: #36434B;
}
.styled_grid_footer_td {
  background-color: #36434B;
}
.styled_grid_td_title {
  color: #36434B;
}
.buttonYesNo.buttonSelected {
  background-color: #36434B;
}
.nav a:hover,
.nav li.open > a {
  background-color: #3d4b54 !important;
  color: #FFF;
}
.nav .open i {
  background-color: #3d4b54;
}
nav::-webkit-scrollbar-thumb {
  background-color: #3673C2;
}
nav::-webkit-scrollbar-thumb:hover {
  background-color: #3B66A9;
}
nav::-webkit-scrollbar-thumb:active {
  background-color: #3B66A9;
}
.navTopRight a:hover,
.navTopRight li.open > a {
  background-color: #36434B;
  color: #FFF;
}
.buttonYesNo {
  background-color: #36434B;
}
.buttonYesNo:hover {
  background-color: #3d4b54;
}
.buttonValider {
  background-color: #36434B;
}
.buttonValider:hover {
  background-color: #3d4b54 !important;
}
.ui-widget-header {
  background: #36434B !important;
  border: #3d4b54 !important;
}
.ui-dialog .ui-dialog-buttonpane button {
  background: #36434B !important;
  color: #FFF;
  font-size: 15px;
}
.ajax__tab_outer:hover {
  border-bottom: none;
  background-color: #3d4b54;
}
.ajax__tab_outer {
  background-color: #36434B;
}
.ajax__tab_active .ajax__tab_outer {
  border-top-color: #36434B;
}
.ajax__tab_active .ajax__tab_outer .ajax__tab_inner a {
  color: #36434B;
}
footer .footer-content table td {
  /*border-color: rgba(53, 152, 220, 0.5);*/
  border-color: rgba(54, 67, 75, 0.5);
}
footer .footer-content .col-title {
  color: #36434B;
}
footer .footer-content ul a,
footer .footer-content ul a:visited,
footer .footer-content ul a:active {
  color: #303c44;
}
.popup-priseforme-header {
  background-color: #36434B !important;
}
.popup-priseforme-header input {
  background-color: #36434B !important;
}
.popup-priseforme-header input:hover {
  background-color: #3d4b54 !important;
}
/**********************************/
/************ Webshop *************/
/*********************************/
#breadcrumbs-two a:hover:not(.aspNetDisabled) {
  background: #36434B;
}
#breadcrumbs-two a:hover:not(.aspNetDisabled)::before {
  border-color: #36434B #36434B #36434B transparent;
}
#breadcrumbs-two a:hover:not(.aspNetDisabled)::after {
  border-left-color: #36434B;
}
#breadcrumbs-two .current,
#breadcrumbs-two .current:hover {
  background: #36434B;
}
#breadcrumbs-two .current::after {
  border-left-color: #36434B;
}
#breadcrumbs-two .current::before {
  border-color: #36434B #36434B #36434B transparent;
}
#breadcrumbs-two .past {
  color: #fff;
  background: rgba(54, 67, 75, 0.7);
  /* couleur principal en alpha 0.7*/
}
#breadcrumbs-two .past::after {
  border-left-color: rgba(54, 67, 75, 0.7);
}
#breadcrumbs-two .past::before {
  border-color: rgba(54, 67, 75, 0.7) rgba(54, 67, 75, 0.7) rgba(54, 67, 75, 0.7) transparent;
}
#breadcrumbs-two .error,
#breadcrumbs-two .error:hover,
#breadcrumbs-two .pastError:hover {
  color: #fff;
  background: #b30000;
}
#breadcrumbs-two .error::after,
#breadcrumbs-two .error:hover::after,
#breadcrumbs-two .pastError:hover::after {
  border-left-color: #b30000;
}
#breadcrumbs-two .error::before,
#breadcrumbs-two .error:hover::before,
#breadcrumbs-two .pastError:hover::before {
  border-color: #b30000 #b30000 #b30000 transparent;
}
#breadcrumbs-two .pastError {
  color: #fff;
  background: #ff9999;
}
#breadcrumbs-two .pastError::after {
  border-left-color: #ff9999;
}
#breadcrumbs-two .pastError::before {
  border-color: #ff9999 #ff9999 #ff9999 transparent;
}
.or-spacer .mask:after {
  -moz-box-shadow: 0 0 12px #273137;
  -webkit-box-shadow: 0 0 12px #273137;
  box-shadow: 0 0 12px #273137;
}
/*** panier ***/
#ulPanier ul li.panier-valider {
  color: #FFF !important;
  background-color: #36434B;
}
.ac_container > .ac_select_ng {
  color: #36434B;
}
/*** Tuiles ***/
.tile,
.tile:active,
.tile:visited {
  background-color: #36434B;
}
.tile:hover {
  background-color: #3d4b54;
}
.cc-bandeau {
  border-color: #3d4b54;
  background-color: #36434B;
}
.cc-section-header {
  background-color: #3d4b54;
}
.cc-section-content {
  border-color: #3d4b54;
}
.discon-part {
  border-left-color: rgba(54, 67, 75, 0.05);
}
.discon-part a:hover {
  background-color: rgba(54, 67, 75, 0.05);
}
.msChoixVerre ul li:hover {
  background-color: rgba(54, 67, 75, 0.2);
}
.msChoixVerre ul li.selected {
  background-color: rgba(54, 67, 75, 0.2);
}
/*** Webshop lentilles ***/
ul.pagination li a.selected,
ul.pagination li input.selected {
  background-color: #36434B;
}
.lent-actions {
  background-color: #36434B;
}
.lent-actions a:hover {
  background-color: #3d4b54;
}
.lent-item-offreco {
  background-color: #36434B;
}
.lent-item-offreco:after {
  border-color: #303c44 transparent transparent #303c44;
}
.lent-item-nb {
  border-color: #36434B;
}
.lent-item-nb-num,
.lent-item-nb-label {
  color: #36434B;
}
.lent-item-bottom {
  background-color: #ecf2f7;
}
.lent-item-label {
  color: #36434B;
}
.lblSupprimer {
  color: #36434B;
}
.lblSupprimer:hover {
  color: #3d4b54;
}
.panier-mpa input:checked ~ label.panier-mpa-check {
  background-color: #36434B;
}
/*** Popup Commande ***/
.puCde-header span {
  background-color: #36434B;
}
.puCde-nblent {
  border-color: #36434B;
  color: #36434B;
}
.puCde-price {
  background: #303c44;
}
.puCde-pricetop {
  background: #303c44;
}
.puCde-pricetopreduction {
  color: #303c44;
}
.btnAdresseAction {
  border-color: #36434B;
  color: #273137 !important;
}
.btnAdresseAction:hover,
.btnAdresseAction-selected {
  /*background-color: rgba(53,152,220,0.2);*/
  background-color: #36434B !important;
  color: #FFF !important;
}
.cde-formebtn-title {
  background-color: #36434B;
}
.cde-formebtn:hover .cde-formebtn-title {
  background-color: #3d4b54 !important;
}
.verre-tabs-btn {
  background-color: #36434B;
}
.suppl-selected {
  float: right;
  -moz-box-shadow: 0px 0px 3px 0px #36434B;
  -webkit-box-shadow: 0px 0px 3px 0px #36434B;
  box-shadow: 0px 0px 3px 0px #36434B;
}
.suppl-selected .suppl-title {
  color: #36434B;
}
.suppl-liste li:hover {
  background-color: rgba(54, 67, 75, 0.2);
}
.row > span > label,
.row > span > span {
  border-color: #CCC;
  background: #36434B;
  color: #FFF;
}
select,
input[type=text],
input[type=password],
input[type=email],
.row > span > input[type=submit] {
  border-color: #CCC;
  background: #FFF;
  color: #565656;
}
.row > span > input[type=submit] {
  background-color: #36434B;
  color: #FFF;
}
.row > span > input[type=submit]:hover {
  background-color: #3d4b54 !important;
}
.row > span select:focus,
.row > span input:focus {
  border-color: #36434B;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(54, 67, 75, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(54, 67, 75, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(54, 67, 75, 0.6);
}
.row > span > select:focus + label,
.row > span > input:focus + label {
  background-color: #36434B;
  color: #FFF;
}
.popup-affichageforme-maincontainer {
  border-top: 5px solid #36434B;
}
.popup-affichageforme-header {
  background-color: #36434B;
}
.affichageforme-mainbuttons .cancel {
  background-color: #e74c3c;
}
.affichageforme-mainbuttons .cancel:hover {
  background-color: #c0392b !important;
}
.affichageforme-actions input,
.affichageforme-actions a {
  background: #36434B;
}
.affichageforme-actions input:hover,
.affichageforme-actions a:hover {
  background-color: #3d4b54 !important;
}
.magic-checkboxes input[type="checkbox"]:checked + label:before {
  border: #36434B;
  /* background: #3e97eb; */
  background: #3d4b54;
}
/*** Checkoutbar ***/
ul.checkout-bar li.active {
  color: #36434B;
}
ul.checkout-bar li.active:before,
ul.checkout-bar li.last:after {
  background: #36434B;
}
ul.checkout-bar li.visited {
  color: rgba(54, 67, 75, 0.4);
}
ul.checkout-bar li.visited:before {
  background: #36434B;
}
@media all and (min-width: 800px) {
  .checkout-bar li.active:after {
    background-color: #36434B;
  }
  ul.checkout-bar:before {
    background-color: rgba(54, 67, 75, 0.4);
  }
  ul.checkout-bar li.visited:after {
    background-color: rgba(54, 67, 75, 0.4);
  }
}
.panier-content th {
  background-color: #36434B;
}
.panier-sde-pair {
  background-color: #36434B;
}
.tdDelaiLivraison {
  text-align: left;
  font-style: italic;
}
/* Barre de chargement javascript*/
#nprogress .bar {
  background: #36434B;
}
#nprogress .peg {
  box-shadow: 0 0 10px #36434B, 0 0 5px #36434B;
}
#nprogress .spinner-icon {
  border-top-color: #36434B;
  border-left-color: #36434B;
}
input[type=button] .aspNetDisabled {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
input[type=button] .aspNetDisabled:hover {
  background-color: #36434B !important;
}
.calculateur-main-container .fa-arrow-down {
  color: #3d4b54 !important;
}
.calculateur-main-container .tv-comparaison th {
  background-color: #36434B;
  color: #FFF;
}
.calculateur-main-container .tv-comparaison td,
.calculateur-main-container .tv-comparaison th {
  border: 1px solid #36434B;
}
.calculateur-main-container .cancel {
  background-color: #e74c3c;
}
.calculateur-main-container .cancel:hover {
  background-color: #c0392b !important;
}
.calculateur-main-container .thicknessMaxColor {
  color: red;
}
.calculateur-main-container .thicknessMinColor {
  color: blue;
}
.calculateur-main-container .thicknessEqualColor {
  color: gray;
}
.calculateur-main-container .svglegend {
  color: #888;
  font-family: sans-serif;
  font-size: large;
  margin-top: 0.5em;
  text-align: center;
}
.fa-info-circle {
  color: #36434B;
}
.tuilesCompanies-header {
  background-color: #36434B;
}
.companySelec-container {
  border: 2px solid #36434B;
}
.tuilesCompanies-pnlTuile {
  border: 1px solid #36434B;
}
.tuilesCompanies-pnlTuile div:last-child {
  background-color: #36434B;
}
.tuilesCompanies-pnlTuile div:last-child span {
  color: white;
}
.tuilesCompanies-pnlTuile:hover {
  border: 1px solid rgba(54, 67, 75, 0.7);
}
.tuilesCompanies-pnlTuile:hover div:last-child {
  background-color: rgba(54, 67, 75, 0.7);
}