/*####################### CSS general ##################*/
/*changer la typo du site*/
body {
    /*padding: 0!important;*/
    font-size: 16px!important;
    /*line-height: 25.875px!important;*/
    font-family: "Lato"!important;
    font-weight: 300;
    font-style: normal;
}
/* allert title */
.alert, .alert h4 {
    color: #333!important;
}
/* Style h2*/
h2 {
    font-size: 130%;
    letter-spacing: 0px;
}

/*###################### CSS specifique #################*/

/* Logo Wifi france*/

div#top .container #site-name-handler div.h1>a img {
    height: 50px;
    width:321px;
}

/* Fin logo wififrance*/
/* Style liste des commandes*/

.vm-orders-information h1{
  font-size: 18px;
}
.vm-orders-information h1>a{
  float:right;
}
.vm-orders-information .spaceStyle>div.floatright
{
    width: auto;
    position: relative;
    top: -39px;
    margin-right: 8px;
}
.vm-orders-information .vm-orders-order>table tbody tr td:first-child{
    font-weight: bold!important;
}
.vm-orders-information .vm-orders-order>table tbody tr td:nth-child(2){
    font-weight: 300!important;
}
/* Liste des commandes*/
.vm-orders-list .adminlist tbody td{
    padding: 4px 10px;
}
.vm-orders-list .adminlist tbody td img{
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.vm-orders-list .adminlist tbody td, .vm-orders-information .vm-orders-order>table>tbody>tr:not(:nth-child(10))>td,
.vm-orders-items table tbody td,.vm-orders-items table tbody th {
 border-bottom: 1px solid #e6e0e0!important;
 font-size: 13px;

}
 .vm-orders-information .vm-orders-order>table>tbody>tr:not(:nth-child(10))>td{
    padding-top: 0px!important; 
 }
/* Informations de la commande*/
.vm-orders-information>div.vm-orders-order>table{
    border-spacing: 10px;
    border-collapse: separate;
    line-height: 1;

}
.vm-orders-items #ui-tabs ul#tabs{
    font-size: 14px;
}
.vm-orders-information>div.vm-orders-order>table>tbody>tr:nth-child(9) td{
   border-bottom: 1px solid #fff!important;
}
.vm-orders-information>div.vm-orders-order>table>tbody>tr:nth-child(10)>td{
   border: 2px dotted #dcdbdb!important;
   border-spacing: 10px;
   border-collapse: separate;
   font-size: 13px;
   line-height: 1;
}
/*.vm-orders-information>div.vm-orders-order>table>tbody>tr:nth-child(10)>td{
   padding-right:50px!important;
}*/
.vm-orders-information>div.vm-orders-order>table>tbody>tr>td{
   padding-right:50px!important;
}
/* Tableau des produits commandes*/
.vm-orders-items table tbody td,.vm-orders-items table th{
    font-size: 13px!important;
}
.vm-orders-items #ui-tabs ul#tabs li.current {
    display: inline-block;
    background: #3070b0;
    color: #fff;
}

/* FancyBox Title*/
#fancybox-title{
    display: none!important;
}
/* ImageEffects*/
.imageeffectck_title{
    font-size: 17px!important;
    font-family: lato!important;
    font-weight: 900!important;
    font-style: normal!important;
    word-spacing: normal!important;
}
figure.effectck-julia img{
    /*height: 190px;*/
}

figure.imageeffectck, .imageeffectck {
    /* width: 700px; */
    /*max-width: 110%!important;*/
}

/* ImageEffect CK */

.imageeffectck_desc
{
    font-size: 13px!important;
    bottom: 0px!important;
}

span.product-fields-title{
    margin-bottom: 6px!important;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
}
/* Ajouter margin en dessous de la pagination*/

.vm-pagination ul{
    margin-bottom: 20px!important;
}
/* Typo HT (prix) */
.DescHT {
    font: 500 60%/20px 'Lato', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 60%;
    line-height: 20px;
    font-family: Lato, Arial, Helvetica, sans-serif;
}
/* Onepagecheckout */
#vmMainPageOPC div#agreed_div + div>div + div {
    margin-top: 0px!important; 
}
/* Aligner Text cartepayzen*/
#vmMainPageOPC span.vmCartPaymentLogo>img{
   margin-left: 130px!important;
}

#vmMainPageOPC span.vmCartPaymentLogo~span.vmpayment_description{
    /*position: relative;
    top: -25px;*/
}
/* Formulaire de login */
.tmp-content-area #bd_results form#com-form-login .floatleft{
    float: none!important;
    margin-bottom: 15px;
    width:100%;
}

.tmp-content-area #bd_results form#com-form-login .floatleft>input.default,
.tmp-content-area #bd_results form#com-form-login .floatleft> label,
.tmp-content-area #bd_results form#com-form-login .floatleft> input[type="checkbox"]
{
display: block!important;
}
/* style des inputs*/
.tmp-content-area #bd_results form#com-form-login .floatleft>input[type="text"],
.tmp-content-area #bd_results form#com-form-login .floatleft>input[type="password"]
{
width: 100%;
margin: 0;
height: auto;
outline: 0;
-webkit-appearance: none;
tap-highlight-color: rgba(255,255,255,0);
line-height: 1.21428571em;
padding: 10px 9.5px;
background: #fff;
border: 1px solid rgba(34,36,38,.15);
color: rgba(0,0,0,.87);
border-radius: 4.00000006px;
-webkit-box-shadow: 0 0 0 0 transparent inset;
box-shadow: 0 0 0 0 transparent inset;
-webkit-transition: color .1s ease,border-color .1s ease;
transition: color .1s ease,border-color .1s ease;
box-shadow: none!important;
}

   /* Bouton "se connecter"*/
.tmp-content-area #bd_results form#com-form-login .floatleft>input.default{
position: relative;
left: 20px;
float: right;
padding: 5px 12px;
cursor: pointer;
vertical-align: middle;
font-weight: 400;
text-decoration: none;
font-size: 13px;
font-family: 'Raleway', Arial, Helvetica, sans-serif;
border: 0;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s
-ms-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: background-color !important;
-ms-transition-property: background-color !important;
-o-transition-property: background-color !important;
-moz-transition-property: background-color !important;
transition-property: background-color !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
text-align: center;
line-height: 20px;
color: #ffffff !important;
background-color: #3070b0 !important;
}

.tmp-content-area #bd_results form#com-form-login .floatleft> label{
float: left!important;
position: relative;
left: 25px;
top: -5px;
}

.tmp-content-area #bd_results form#com-form-login .floatleft> input[type="checkbox"]{
position: relative;
left: -110px;
} 


/* Fil de navigation */
#breadcrumb-line {
    margin-bottom: 20px !important;
    font-size: 13px;
}
/* Resultat des produits */
.orderby-displaynumber {
    margin: 0px 0;
    padding: 0px 0;
    font-size: 12px !important;
}
.orderby-displaynumber span.display-results-no
 {
   display: block!important;
}

.vm-pagination ul > li > a, .vm-pagination ul > li > span {
    font-size: 12px !important;
}
/* bottom pagiantion */
div.vm-pagination-bottom> span.vm-page-counter{
    float: right;
    font-size: 12px;
} 
/* --------prices overrides------------ */
/* Deplacer prix remise en cas de remise*/
div.category-view .product-price span.price-crossed + div.PricepriceWithoutTax>span.PricepriceWithoutTax,
div.product-field span.price-crossed + div.PricepriceWithoutTax>span.PricepriceWithoutTax{
    position: relative;
    top: -25px;
    color: red!important;
}
/* Deplacer prix HT en cas de remise*/
div.category-view .product-price span.price-crossed > div.PricebasePrice,
div.product-field .product-price span.price-crossed > div.PricebasePrice{
    position: relative;
    top: 30px;
}
/* style pour police du prix HT */
div.category-view .product-price div.PricesalesPriceTt + div.PricebasePrice > span.PricebasePrice,
div#b-area div.PricesalesPriceTt + div.PricebasePrice > span.PricebasePrice,
div.product-field .product-price div.PricesalesPriceTt + div.PricebasePrice > span.PricebasePrice
{
     font-family: "Lato";
    font-weight: 500;
    font-size: 20px;
}
/* Forcer l'affichage de la Regles TVA dans page produits details*/
div#b-area  div.PricepriceWithoutTaxTt + span.vm-nodisplay{
  display: block!important;
  position: relative;
  top: 30px;
}
/* Balise qui permet de cacher un element */
.vm-nodisplayPriceTax{
   display: none;
}

/* valeur TVA total*/
div#b-area .PricetaxAmountTt.vm-display.vm-price-value {
 display: none;
}

div#b-area div.PricediscountAmount span.vm-price-desc, div#b-area div.PricediscountAmount span.PricediscountAmount{
    color: red!important;
    position: relative;
    top: -25px;
}
/* description prix remisé */
div.category-view .product-price .PricepriceWithoutTax.vm-display.vm-price-value .vm-price-desc,
div.vm3pr-9 .PricepriceWithoutTax.vm-display.vm-price-value .vm-price-desc {
 display: none;
}
/* Total prix remisé */
div.category-view .product-price .PricepriceWithoutTaxTt.vm-display.vm-price-value,
div.vm3pr-9 .PricepriceWithoutTaxTt.vm-display.vm-price-value{
 display: none;
}
/* total prix de base*/
div.category-view .product-price .PricesalesPriceTt.vm-display.vm-price-value,
div.vm3pr-9 .PricesalesPriceTt.vm-display.vm-price-value {
 display: none;
}
/* montant de remise*/
div.category-view .product-price .PricediscountAmount.vm-display.vm-price-value, 
div.vm3pr-9 .PricediscountAmount.vm-display.vm-price-value {
 display: none;
}
/* total remise*/
div.category-view .product-price .PricediscountAmountTt.vm-display.vm-price-value, 
div.vm3pr-9 .PricediscountAmountTt.vm-display.vm-price-value {
 display: none;
}
/* montant TVA */
/*div.category-view .product-price .PricetaxAmount.vm-display.vm-price-value,
div.vm3pr-9 .PricetaxAmount.vm-display.vm-price-value {
 display: none;
}*/
/* total tva*/
div.category-view .product-price .PricetaxAmountTt.vm-display.vm-price-value,
div.vm3pr-9 .PricetaxAmountTt.vm-display.vm-price-value {
 display: none;
}
/* Si pas de remise */

/* Si price crossed*/
/* Cacher ou afficher des prix dans la page de prduits détails */

/* Price de base HT*/
/*div#b-area .PricebasePrice.vm-display.vm-price-value {
 display: none;
}*/
/* Prix total (PricesSalesPrice)*/
div#b-area .PricesalesPriceTt.vm-display.vm-price-value {
 display: none;
}
/* Prix remisé*/
/*div#b-area .PricepriceWithoutTax.vm-display.vm-price-value {
 display: none;
}*/
/* Prix remisé total*/
div#b-area .PricepriceWithoutTaxTt.vm-display.vm-price-value {
 display: none;
}
/* Montant de remise*/
/*div#b-area .PricediscountAmount.vm-display.vm-price-value {
 display: none;
}*/
/* Montant total de remise*/
div#b-area .PricediscountAmountTt.vm-display.vm-price-value {
 display: none;
}
/* valeur TVA*/
/*div#b-area .PricetaxAmount.vm-display.vm-price-value {
 display: none;
}*/
div#b-area .price-crossed {
   /* width: 110px;
    border-top: 1px solid #909093;
    position: relative;
    display: block;*/
    /* margin-bottom: 30px; */
   /* margin-top: -11.9px;*/
    /* -webkit-transform: skewY(-6deg); */
    /* transform: skewY(-6deg); */
}

div.category-view .product-price .price-crossed,div.vm3pr-9 .price-crossed {
   /* width: 96px;
    border-top: 1px solid #909093;
    position: absolute;
    display: block;
    top: 136px;
    left: 36px;*/
}
/*---------- Fin override-prix ------*/
/* Mise en page des 3x Images Ubiquiti, Cisco, Mikrotik */
.logo-manufacturer, .imagetop1, .imagetop2, .imagetop3 { 
   position: relative; 
   width: 100%;
}
/* Supprimer marge avant logo */
#tab-modules-handler .moduletable {
    border: 0px !important;
    padding: 0px !important;
}
/*-----Related products------------*/
div#b-area .product-related-products .vm-product-media-container,div#b-area .product-related-products .product-price{
    float: left;
}

div#b-area .product-related-products .vm3pr-related{
    /* float: left; */
    display: inline-block;
}
div#b-area .product-related-products .addtocart-button{
    width: 30px;
}

div#b-area .product-related-products  .product-field-type-R{
    width: 100%!important;
}

div#b-area .product-related-products .product-container .clear
{
    display: none;
}
div#b-area .product-related-products .product-field-type-R{
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 0px!important;
}

div#b-area .product-related-products{
    border: none!important;
}
div#b-area .product-related-products .product-field-display a img {
    padding: 0px!important;
}
/*--------- CustomFilter CSS -------------*/
.FilterCustom{
    border: 1px solid #E6E6E7!important;
}
form.FilterCustom {
    border: 1px solid #ffffff!important;
}

img.FilterCustom {
    background-size: 12px !important;
}
/* Ajouter border top */
/* lien réinitialiser */
.cf_resetAll_link {
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}
.cf_flt_wrapper:not(:first-child) {
   border: 1px dotted #c8cbcc;
    border-bottom: 0;
    border-left: none;
    border-right: 0;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}
.cf_resetAll_link{
  font-size: 0.85em!important;
}
/* Modifier background*/
.slider_bkg_img {
   background: #0066b3!important;
}
/* Modifier style prix*/
.cf_wrapper_input_text {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40Px;
}
.cf_filtering_slide_container{
    top: -40px;
    position: relative;
    width: 150%;
    /* margin-bottom: 40px; */
}
/* Fin*/

/* Modifier arrow */
.headexpand_show,.headexpand_hide {
    position: relative;
    float: right;
    background: none;
    /*margin-top: 5px;*/
}

.cf_unexpand {
background-size: 12px;
}

/*ul.cf_filters_list>li{
    line-height: 25px;
}*/

@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style : normal;
           src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
           src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
.headexpand_show:before {
    content: "\f078";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "FontAwesome";
    left:-5px;
    position:absolute;
    top:0;
 }
 .headexpand_hide:before {
    content: "\f077";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "FontAwesome";
    left:-5px;
    position:absolute;
    top:0;
    color: #6f6969;
 }
.cf_flt_header{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.9em;    
     margin-bottom: 10px; 
}
.cf_filters_list{
    margin-left: 0px;
}
a#price_clear{
    position: relative;
    top: -35px;
    float: right;
    left: -120px;
    margin-top: 5px;
    text-align: right;
}
.cf_smart_search{
    font-family: inherit!important;
    font-weight: 300;
    color: #8A8A8A;
}
.cf_filters_list li .cf_option.cf_clear{
    float: right;
    position: relative;
    /* margin-bottom: 10px; */
    display: inline-block;
    /* float: right; */
    /* left: 9.3em; */
    /* width: 100%; */
    color: #3070b0!important;
    font-size: 13px;
    font-weight: 300!important;
}
/* Text changes */
.cf_filters_list li .cf_option {
    color: #363738;
    font-size: 13px;
    text-transform: lowercase;
    background-size: 12px 10px;
}
.cf_filters_list li::first-letter { 
    text-transform: uppercase!important; 
}
.cf_filters_list li .cf_flt+.cf_option
{
    font-weight: 300!important;
    text-transform: none;
}
.cf_filters_list li:not(.cfLiLevel2) .cf_option {
    font-weight: 400;
}
span.cf_flt_counter {
    opacity: .70;
    font-size: 11px;
}
ul.cf_filters_list li.cf_parentLi:hover, ul.cf_filters_list li.cf_parentLi:focus {
    /*background: #ebebeb;*/
}
span.cf_currency{
    margin-left: 5px;
}
.cf_wrapper_input_text_2 input[type="search"]{
    padding: 0px!important;
    height: 30px;
    min-width: 40px;
}
span.cf_currency + label{
 margin: 0 1px;
}
/* pointilles qui apparaisse sur prix slider*/
.cf_slider_gutter_m {
      /*background: none;*/
  /*  width: 200px;
    background: none;
    height: 30px;*/
}
/* Css extra-products -------*/
span.extra-pro-qty-btn button{
    float: none!important;
}
div.productCell-feat-detail h4{
    font-size: 11px;
    text-align: left;
    font-weight: bold;
}
div.productCell-feat-detail h4>a{
    height: auto!important;
    min-height: 13px!important;
}
.gallery-image-feat-detail{
    margin-right: 10px;
}
.product-price-feat-detail{
    text-align: left;
    font-size: 14px;
}
div.productCell-feat-detail {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px;
    cursor: pointer;
    width: 28%;
    height: 90px;
}
div.productCell-feat-detail:hover {
    background-color: #efefef;
    cursor: pointer;
}
div.product-field-display h6 {
    margin-bottom: 6px!important;
    font-size: 14px;
    text-align: left;
}
/* Extra Products related */
.product-field.product-field-type-E{
    width: 100%!important;
    margin-top: 15px;
    text-align: left!important;
}
.product-field.product-field-type-E .spacer.product-container{
    border: 1px solid #e6e6e6; 
    padding: 10px !important;
}
.product-field.product-field-type-E a.ask-a-question{
  background-color: #ffffff !important;
  color: #3070b0 !important;
  font-size: 16px!important;
  line-height: 25.875px!important;
  font-family: "Lato"!important; 
  font-weight: 300;
  font-style: normal;
  padding:6px 0px;
  margin: 13PX;
}
.product-fields-title-wrapper{
    text-align: left!important;
}
/* indicateur devise HT*/

.indicator_currency{
        font: 500 60%/20px 'Lato', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 60%;
    line-height: 20px;
    font-family: Lato, Arial, Helvetica, sans-serif;
}
/*-----------Fin extraproducts--------*/
/*----------------- Panier ------------------*/
/* modifier l'image du panier */
.cart-button {
    /*background-image: url(/images/cart-icon.png)!important;*/
    background-image: url(/images/cart-icon.svg)!important;
    background-color: #3070b0!important;
    background-size: 23px;
}

/* Mise en forme du bouton voir panier dans panier */
.cartpanel .show-cart-link a {
    background: none;
    border-radius: 2px;
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    clear: both;
    margin-top: 3px;
    height: 24px;
    padding: 5px;
    border-color: transparent;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    padding: 0px 10px 0px 34px;
    background-image: url(../images/add-to-cart-button.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(68, 65, 65, 0.93);
}
a.continue_link:hover, a.showcart:hover,.cartpanel .show-cart-link a:hover,a.notify:hover{
   background-color: #3070B0 !important;
}
.cartpanel span.closecart, .cartpanel span.closecart:hover {
    right: 10px;
    top: 10px;
}
#vmCartModule div.panel2 {
     width: 350px; 
     padding-bottom: 0px!important;
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    border: 3px solid #076F94;
}
.cartpanel .vm_cart_products, .cartpanel .total {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
}
.cartpanel .vm_cart_products {
    margin-top: 40px;
}
/* Aligner bouton à droite */
.cartpanel .show-cart-link {
    float: right;
    line-height: 1px;
    padding: 10px 0px 20px 20px;
}
/* Afficher customfield */
.cartpanel .vm-customfield-mod .product-field-type-S{
    display: inline-block;
    width: 50%;
    color: #acacac;
}
/*------------------Fin panier--------*/
/* Transformer les liens en des boutons */
a.continue_link, a.showcart, a.notify {
    /* background: none; */
    border-radius: 3px;
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
    text-decoration: none !important; 
    text-align: center; 
    height: 20px; 
    padding: 5px;
    margin-top: -1px;
    /* border-color: transparent; */
}
a.continue_link, a.showcart {
    line-height: 20px;
}

/* Modifier couleur des titres des categories maximenu */
h10 a {
    font-family: "Lato";
    color: #3070b0 !important;
    font-size: 15px;
    padding-top: 15px;
    padding-right: 15px;
}
/* slideshow css margin */
#menu {
     margin-bottom: 10px !important; 
}
/* Supprimer marge en dessous slide show*/
#slideshow-handler{
    margin-bottom: 0px!important;
}

/* Modifier la mise en forme des titres  */
h1, h2, h3, h4, h5, h6, .userfields_info, .result-title, .productdetails-view h1 {
    font-weight: normal;
    font-family: "Lato";
    text-transform: uppercase;
}
/* Barre de recherche d'un produit */
.search-panel .inputbox {
    width: 64%;
    margin: 8px 6px;
    padding: 0;
    float: left;
    border: 0px !important;
    font-family: inherit!important;
    font-weight: 300;
    color: #8A8A8A;
}
/* #######Formulaire créer un compte######*/

/*.tmp-content-area #bd_results h1:first-of-type,.tmp-content-area #bd_results form#com-form-login{
    display: none!important;
}*/
/* Div des deux boutons du bas*/
.buttonBar-right1 {
    text-align: right;
    width: 100%;
    margin-top: 40px;
}
/* Div du bouton du haut */
.buttonBar-right {
    display:none;
}
h1 {
    font-size: 150%;
    letter-spacing: 0px;
}
input, button, select, textarea {
    font-family: Arial, Helvetica, sans-serif !important;
}
/* colorer les etoiles */
span.asterisk{
    color: red;
 }
div.register {
    margin: 0 auto;
    width: 100%;
/*    margin-right: 20%;
    margin-left: 20%;*/
}
div.register>label{
    margin-top: 10px;
    font-family: lato;
    display: block;
    margin: 10px 0 4.00000006px 0;
    color: rgba(0,0,0,.87);
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
}
div.register>input
{  
    width:100%!important;
   
}
div.register>select{ 
   width: 102%!important;
   
}
div.register>input#address_2_field, div.register>input#company_field, div.register>input#address_2_field,
div.register>input#phone_2_field, div.register>input#fax_field, div.register>input#opc_vat_field,  div.register input[type=date],  div.register input[type=email],  div.register input[type=file],  div.register input[type=number],  div.register input[type=password],  div.register input[type=search],  div.register input[type=tel],  div.register input[type=text],  div.register input[type=time], div.register input[type=url],  div.register textarea{ 
 width:99%!important;
}
div.register>input#agreed_field
{  
    width: 3%!important;
    float: left;
    margin-top: 3px;
   
}
div.register>select{ 
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    background: #fff;
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
    padding: .78571429em 2.1em .78571429em 1em;
    color: rgba(0,0,0,.87);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 4.00000006px;
    -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;
    height: 3em;
    box-shadow: none!important;

}
div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
    margin: 0;
    height: auto;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255,255,255,0);
    line-height: 1.21428571em;
    padding: 10px 9.5px;
    /* font-size: 1em; */
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: 4.00000006px;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease,border-color .1s ease;
    transition: color .1s ease,border-color .1s ease;
    box-shadow: none!important;
 }   
div.register>input.required{ 
 border-radius: 4px!important;
}
/* Error css */
div.register input:not([type="checkbox"]).error+label.error,div.register select.error+label.error {
  font-size: 12px!important;
  color: #cc0033!important;
    white-space: normal;
    background: #fff!important;
    border: 1px solid #e0b4b4!important;
    color: #9f3a38!important;
    margin-top: 1em!important;
    position: relative;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .833em;
    color: rgba(0,0,0,.6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: 4.00000006px;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
    display: inline-block!important;
/*  white-space: normal;
  background: #fff!important;
    border: 1px solid #e0b4b4!important;
    color: #9f3a38!important;*/
  /*  width: 157px;
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .833em;
    color: rgba(0,0,0,.6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: 4.00000006px;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;*/
    
}
div.register input:not([type="checkbox"]).error+label.error::before, div.register select.error+label.error::before{
    background-color: inherit;
    position: absolute;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: .6666em;
    height: .6666em;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
    border-width: 1px 0 0 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 8px;
    left: 50%;
    margin-top: -1px;
    margin-top: -1px;
    border-color: inherit;
    background-image: inherit;
    border-width: none;
    border-style: solid;
    margin-top: -9px;
    /*background-color: inherit;
    background-image: inherit;
    border-width: none;
    border-style: solid;
    border-color: inherit;
    box-sizing: border-box;
    margin-top: -1px;
    position: absolute;
    width: .6666em;
    height: .6666em;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: 10px;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
    border-width: 1px 0 0 1px;
    margin-top: -1px;
    border-width: 1px 0 0 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 11.67%;
    left: 32%;*/
}


input[type=text].error, input[type=password].error,input[type=email].error,select.error   {
  background-color: #fff6f6!important;
  border: 1px solid #cc0033!important;
  outline: none;
  margin-bottom: 0px;
}

input[type=text].valid, input[type=password].valid, select.valid   {
  /*background-color: #fce4e4;*/
  border: 1px solid #3c763d!important;
  outline: none;
  /*margin-bottom: 0px;*/
} 
/* Fin de formulaire creer un compte */
/*--------- Mise en forme de prix sur demande---------z*/
.no-price{
  margin-bottom: 23px;
  margin-top: 23px;
}
/* No availability image */

.availability img{
  display: none;
}
/* Catégorie prix sur demande */
.category-view  a.ask-a-question{
  background-color: #ffffff !important;
  color: #3070b0 !important;
  font-size: 16px!important;
  line-height: 25.875px!important;
  font-family: "Lato"!important; 
  font-weight: 300;
  font-style: normal;
  padding:6px 0px;
}
/* Diminuer la marge après les prix*/
.product-price
{
    margin-bottom: 10px!important;
}

/* Infos produits */

.PricepriceWithoutTax {
    font-family: "Lato";
    font-weight: 500;
    font-size: 20px;
}
.vm-price-desc {
    font-weight: 300;
    font-size: 12px;
    color: #909090;
}
.red {
    color: red!important;
    margin-top: 10px;
}
.price-crossed {
    text-decoration: line-through;
    margin-bottom: 10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     height: 0!important; 
     min-height: 60px; 
}
.h-pr-title {
    letter-spacing: 0px !important;
    font-size: 15px !important;
    font-family: 'lato'!important;
}
/* photo du produit dans categorie, page d'accueil*/
.pr-img-handler img {
    max-width: 60%;
}
/*.spacer .pr-img-handler img{
    height: 160px;
}*/
/* Poser une question */

img.product-image{
    display: none;
}
/* bouton "tenez-moi au courant"*/
.spacer-buy-area>.addtocart-area>form>.addtocart-bar>a.notify {
    margin-left: -255px!important;
}
a.notify {
    user-select: none;
    white-space: pre;
    padding: 8px 10px!important;
    cursor: pointer;
    font-weight: 400;
    line-height: 30px;
    font-weight: 700!important;
    font-size: 13px!important;
    /* font-family: Arial,Helvetica,sans-serif!important; */
}


/* Page catégorie, infos produit  */
dt.tabs.open, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer, .featured-view .spacer, .browse-view .spacer {
    background-color: #ffffff !important;
}
.spacer h2 {
    border-bottom-color: #e6e6e6;
    transition: opacity 500ms;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.vm-nodisplay{
  display:none;
}
/*------------------ Product details -------------*/

.main-image img {
    max-width: 70%;
}
 /* letter spacing titles*/
 h1 {
    letter-spacing: 0px!important;
}
.product-description>span.title {
    font-family: "Lato"!important;
    font-weight: 500!important;
    font-style: normal!important;
    font-size: 14px!important;
    color: #0272B2; 
}
span.title {
    font-weight: normal;
    font-family: "Lato";
    text-transform: uppercase;
}
.product-description>h1 {
    font-family: "Lato"!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 19px!important;
    line-height: 42px!important;
    text-transform: uppercase!important;
}
.product-description>h2 {
    font-family: "Lato"!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 19px!important;
    letter-spacing: 0px;
}
.product-description>p {
    margin-bottom: 5px;
    margin-top: 5px;
    font-family: "Lato"; 
    font-weight: 300; 
    font-style: normal; 
    font-size: 16px; 
    line-height: 25px;
}

/* Produits assosicés */
.product-field {
    padding-bottom: 10px !important;
    width: 32% !important;
    display: inline-block !important;
    text-align: center;
}
.product-field-display a img {
    display: block;
    max-width: 55%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
.moduletable a, div.panel2 a, .category_description a, .productdetails-view a {
    text-decoration: none!important;
}
/* CustomFields For all */
/*-------- Add to cart "Choisir une variante" ---------*/
.addtocart-button>span.addtocart-button-disabled{
    
    background-color: #4a4a4a;
    color: #ffffff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    padding: 0px 10px 0px 34px!important;
    background-image: url(../images/add-to-cart-button.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    font-size: 10px;
    text-transform: uppercase;
    font-size: 11px;
    white-space: pre;
    /* padding: 5px 12px; */
    cursor: pointer;
    vertical-align: middle;
    border: 0;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: background-color !important;
    -ms-transition-property: background-color !important;
    -o-transition-property: background-color !important;
    -moz-transition-property: background-color !important;
    transition-property: background-color !important;
    /* -webkit-border-radius: 3px !important; */
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;

}
.addtocart-area .product-fields .product-field{
    width: auto!important;
    text-align: left;
}
/* Header logo manufacturer après slideshow*/

.actualites{
  border: 1px solid #e6e6e6!important; 
}
.logo_manufacturer {
    margin-bottom: -80px!important;
}
/*--------------- Alert --------------*/
.alert, .alert h4 {
    color: #333!important;
}
.alert, .info, .notice, #system-message dd.error, #system-message dd.notice, #system-message dd.message, .box-save, .box-accept, .box-tip, .terms-of-service h5 {
  padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
#top-com-handler .alert {
  color: #3c763d;
    background-color: #3070b054;
    border-color: #3070b063;
    height: 45px;
}
#top-com-handler #system-message-container {
padding: 0px !important;
}
#top-com-handler {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

 p.alert-message{
  margin-bottom: 0px!important;
 }
 
 /*CSS pour Cookie Accept*/
@media screen and (min-width: 100px) and (max-width: 700px) {
#ca_banner {
  height: 70px !important; }
#ca_banner h2 {
  font-size: 9px !important; }
#ca_banner p {
    font-size: 9px; }
#ca_banner .accept {
    font-size: 11px; }
#ca_banner .accept {
    width: 70px!important; }
}
/*Fin CSS pour Cookie Accept*/

/* Mettre en Rouge et en Gras la date de disponibilité */
.availability {
    color: red;
    font-weight: 400;
    text-align: left!important; 
}
/* Cacher la date de disponiblite pour les categories*/
.category-view .product-container .availability{
   display: none!important;

}
/* Fin Mettre en Rouge et en Gras la date de disponibilité */
/* ###################### Fin CSS specifique ################*/

/* ####################################Footer ###################################################*/
/* Banniere (Nos references, blog, nos cerificats ) bas de page Lien hover */

.moduletable_style3 a , .moduletable_style3 a:hover{
     color: #ffffff !important; 
     text-decoration: none!important;
}
.moduletable_style3 .custom_style3 p{
    line-height: 20px!important;
}  
/* ######Tableau des Fabricants Manufacturer##### */
td.logo-manufacturer {
    width: 7% !important;
}

img.logo-manufacturer {
    width: 100% !important;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    opacity: .2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

img.logo-manufacturer:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* Fin Tableau des Fabricants Manufacturer */


/* #######Boutons de reseaux sociaux###########*/

.socialbuttons {
  padding-top: 20px;
}
/* Sprite buttons newsletter*/
.socialB {
    background-repeat: no-repeat;
    display: inline-block;
    width: 39px;
    height: 38px;
}
.socialbuttonsImage{
    float: left;
    width: 83px;
    margin-left: -5px;
    margin-top: 3px;
}
.twitter{
background-image: url(/images/social/twitter-3.svg);
background-size: 35px;

}
.linkedin{
background-image: url(/images/social/linkedin-icon.svg);
background-size: 35px;

}
.fb{
background-image: url(/images/social/facebook-3.svg);
background-size: 35px;

}
.gplus{
background-image: url(/images/social/google-g-2015.svg);
background-size: 35px;

}

/* Fin boutons réseaux sociaux */
/* ####################Css div NewsLetter################### */
.moduletablenewsletter {
  background-color: #f3f3f3;
}

.acymailing_module_form .acymailing_introtext {
    padding-top: 5px;
    width: 75%;
    float: left;
    padding-left: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.acysubbuttons{
  padding-top: 0px;
}
table.acymailing_form{
  width: 20%;
}
td.acy_requiredField{
  padding-top: 0px;
}

.acysubbuttons {
    text-align: right;
}

.acymailing_introtext {
    text-align: left;
}
.description{
    margin-left: 85px;
    line-height: 22px;
    font-weight: 400;
    text-transform: none;
}

.titleN{
  font-size: 17px;
  margin-left: -5px;
  display: block;
}

table.acymailing_form>tbody>tr>td>input{
    border-radius: 0!important;
    font-family:lato!important;
}
td.acyfield_name{
  margin-top: 10px;
}
tbody:before {
    content: "-";
    display: block;
    line-height: 0.6em;
    color: transparent;
}
input.subbutton{
  width:105%;
  font-size: 13px!important
}
.responsivedesc {
    display: none;
}
/* Deux Boutons J'aime ET partager db en footer */

/* fb like Button */
.fb-like,.fb-share-button{
  color: white;
  top: -5px;
}
td._51mw{
  color:white;
}
/* Fin du foooter 

/* Pour le calendrier des formations */
.dp-upcoming-event-width {
font-size: 13px;
text-decoration: none;
}
.mod-dpcalendar-upcoming-horizontal>.mod-dpcalendar-upcoming-horizontal__event{
        flex: 0 1 260px!important;
}
.formations {
height: auto !important;
}
/* Police des liens footer */
#bottom-bg {
    padding: 0px 0px !important;
    font-size: 14px !important;
}
/* Fin calendrier */

/* Footer liens */
#bottom-bg #bot-modules{
    padding: 10px 0px 0px 0px!important;
     margin-bottom: 0px!important; 
}
#footer #footer-line {
     padding: 0px 0px!important; 
}
#footer {
    padding-bottom: 0px!important;
    padding-top: 10px!important;
}
/*######################### Reponsive template #########################*/
@media screen and (min-width:320px) and (max-width:345px) {
  .custom{
    text-align: center;
  }
  .responsivedesc{
    display: none;
  }
  .description{
    display: none;
  }

  table.acymailing_form {
    width: 42%;
  }
    div.acymailing_modulenewsletter{
        margin-bottom: 5px;
        margin-top: -35px;
    }
    .acymailing_module_form .acymailing_introtext{
      width: auto;
    }
    div.register>select{ 
        width: 100%!important;
    }
    div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
        width: 80%!important;
    } 
    .buttonBar-right1 {
         width: 100%!important; 
    }
     ul.vmproduct.product-details .spacer .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button,
     .category-view .spacer .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button{
        padding: 0px 5px 0px 22px!important;
        background-position: 4px 30%!important;
        width: 100%!important;
    }
    ul.vmproduct.product-details .spacer, .category-view .spacer {
    padding-left: 5px!important;
    padding-right: 5px!important;
    }
    a.notify {
    padding: 8px 6px!important;
    }
    div.category-view .product-price span.price-crossed > div.PricebasePrice, div.product-field .product-price span.price-crossed > div.PricebasePrice {
        top: 20px!important;
    }
}
@media screen and (min-width:350px) and (max-width:378px) {
    .fixed{
        width: 94%!important;
    }
    .custom{
        text-align: center;
    }
    .responsivedesc{
        display: none;
    }
    .description{
        display: none;
    }
    table.acymailing_form {
        width: 42%;
    }
    div.acymailing_modulenewsletter{
        margin-bottom: 5px;
        margin-top: -35px;
    }
    .acymailing_module_form .acymailing_introtext{
        width: auto;
    }
    div.register>select{ 
       width: 100%!important;
    }   
    div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
        width: 80%!important;
     }
      .buttonBar-right1 {
         width: 100%!important; 
    }
}

@media screen and (min-width: 380px) and (max-width: 500px) {
    .custom{
        text-align: center;
    }
    .responsivedesc{
        display: none;
    }
    .description{
        display: none;
    }

    table.acymailing_form {
        width: 42%;
    }
    div.acymailing_modulenewsletter{
          margin-bottom: 5px;
        margin-top: -35px;
    }
    .acymailing_module_form .acymailing_introtext{
      width: auto;
    }
    div.register>select{ 
       width: 100%!important;
    }   
    div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
        width: 94%!important;
    }
    div.register>input#address_2_field, div.register>input#company_field, div.register>input#address_2_field,
    div.register>input#phone_2_field, div.register>input#fax_field, div.register>input#opc_vat_field{ 
         width:94%!important;
    }
    .buttonBar-right1 {
         width: 100%!important; 
    }
    /* One page checkout */
     #vmMainPageOPC textarea#customer_note_field, #vmMainPageOPC textarea {
        width: 95%;
    }
    #vmMainPageOPC div#basket_container div.op_basket_row 
    div.op_col1 {
        width: 7%;
        float: left;
        color: #383838;
        overflow: visible;
        height: auto;
    }
    #vmMainPageOPC div#basket_container div.op_basket_row div.op_col2 {
        width: 39%;
        float: left;
        color: #383838;
        overflow: visible;
    }
    #vmMainPageOPC div.op_col1>div>div>img{
          width: 40px!important;
        height: 40px!important;
    }
}
@media screen and (min-width: 500px) and (max-width: 630px) {
  .acymailing_module_form .acymailing_introtext{
    width: auto;
  }
  .description{
    display: none;
  }
  .responsivedesc{
    display: block;
    font-size: 10px;
  }
  .acymailing_module_form .acymailing_introtext{
    width: 50%;
  }
  table.acymailing_form{
    width: 40%;
  }
  div.register>select{ 
       width: 100%!important;
    }   
    div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
        width: 94%!important;
    }
    div.register>input#address_2_field, div.register>input#company_field, div.register>input#address_2_field,
    div.register>input#phone_2_field, div.register>input#fax_field, div.register>input#opc_vat_field{ 
         width:94%!important;
    }
    .buttonBar-right1 {
         width: 100%!important; 
    }
}
@media screen and (min-width: 625px) and (max-width: 979px) {
    .row-fluid .span9 {
        width:100%;
    }
    .row-fluid .span3 {
        width: 100%;
        margin-left: 0px;
    }
    .row-fluid .span4 {
        width: 100%;
        margin-left: 0px;
    }
    .description {
        font-size: 12px!important;
    }
    div.acymailing_modulenewsletter{
          margin-bottom: 5px;
        margin-top: -35px;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
       width: 100%;
    }
}

/* Pour changer la font weight de : Contactez-nous, mon compte, gestion du compte, etc ...  */
.log-panel li, .quick-menu .menu li, #info-line p{
font-weight: 400!important;
}
/* Fin  */
/* Affichage de deux produits par ligne en mode responsive*/
@media screen and (max-width: 767px) {

    .category-view .row-fluid .span3,
    .vmproduct .span6
    {
        width:49%!important;
        margin: 0px 0.5% 5px 0.5% !important;
        float: left!important;
    }
    .spacer .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button {
     padding: 0px 10px 0px 25px!important;
     background-position: 7px 35%!important;
    }
    .spacer h3.h-pr-title, .category-view .row-fluid .span3 h2.h-pr-title {
     font-size: 12px !important;
    }
     .PricepriceWithoutTax{
     font-size: 15px !important;
    }
    .price-crossed, .PricetaxAmount{
        font-size: 14px!important
    }
    div.productCell-feat-detail{
        width: 100%!important;
        height: auto!important;
    }
    /* Fin de modification */
    
}


.spacer .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button {
    background-image: url(/images/add-to-cart-button.svg);
    background-size: 16px;
}

.search-panel .button {
    background-image: url(/images/search-icon.svg) !important;
    background-size: 21px;
}

/*Pour changer le module actualités*/
div.actualite {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}
/*Fin*/

/*.row-fluid .spacer .pr-img-handler .popout-price .product-details {
    background-image: url(/images/product-details.svg);
}
*/