/* styles.css */
h4{
  color:#1470ad;
}
h5{
  color:#f07a5f;
}
figure .buttons{
  left:25%;
  width:50%;
}
figure .overlay a{
  display:block;
}
blockquote{
  font-size:1.1em;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{
  width:100%;
  height:auto;
}
#top-bar{
  box-shadow:none;
}
#top-bar .dropdown-menu > ul{
  padding:5px;
}
#top-bar .dropdown-menu > ul > li > a{
  padding:10px;
}

.fs-9{font-size:9px;}
.fs-10{font-size:10px;}
.fs-11{font-size:11px;}
.fs-12{font-size:12px;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.fs-22{font-size:22px;}
.fs-28{font-size:28px;}
.fs-33{font-size:33px;}

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

.p-0{padding:0px !important;}
.p-5{padding:5px !important;}
.p-10{padding:10px !important;}
.p-20{padding:20px !important;}
.p-30{padding:30px !important;}
.p-40{padding:40px !important;}
.p-50{padding:50px !important;}

.pt-0{padding-top:0px !important;}
.pt-5{padding-top:5px !important;}
.pt-10{padding-top:10px !important;}
.pt-20{padding-top:20px !important;}
.pt-30{padding-top:30px !important;}
.pt-40{padding-top:40px !important;}
.pt-50{padding-top:50px !important;}

.pb-0{padding-bottom:0px !important;}
.pb-5{padding-bottom:5px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-30{padding-bottom:30px !important;}
.pb-40{padding-bottom:40px !important;}
.pb-50{padding-bottom:50px !important;}

.pl-0{padding-left:0 !important;}
.pl-5{padding-left:5px !important;}
.pl-10{padding-left:10px !important;}
.pl-20{padding-left:20px !important;}
.pl-30{padding-left:30px !important;}
.pl-40{padding-left:40px !important;}
.pl-50{padding-left:50px !important;}

.pr-0{padding-right:0 !important;}
.pr-5{padding-right:5px !important;}
.pr-10{padding-right:10px !important;}
.pr-20{padding-right:20px !important;}
.pr-30{padding-right:30px !important;}
.pr-40{padding-right:40px !important;}
.pr-50{padding-right:50px !important;}

.m-0{margin:0px !important;}
.m-5{margin:5px !important;}
.m-10{margin:10px !important;}
.m-20{margin:20px !important;}
.m-30{margin:30px !important;}
.m-40{margin:40px !important;}
.m-50{margin:50px !important;}

.mb-0{margin-bottom:0px !important;}
.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-50{margin-bottom:50px !important;}

.mt-0{margin-top:0px !important;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}

.ml-0{margin-left:0 !important;}
.ml-5{margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px !important;}
.ml-40{margin-left:40px !important;}
.ml-50{margin-left:50px !important;}

.mr-0{margin-right:0 !important;}
.mr-5{margin-right:5px !important;}
.mr-10{margin-right:10px !important;}
.mr-20{margin-right:20px !important;}
.mr-30{margin-right:30px !important;}
.mr-40{margin-right:40px !important;}
.mr-50{margin-right:50px !important;}

.img-h-28{height:28px; width:auto;}

.ws-normal{white-space:normal;}

#NomEntrepriseHaut{
  display:inline-block;
  float:none;
  height:auto;
  width:auto;
  color:#000;
}
#LogoEntreprise{
  display:inline-block;
  float:none;
  margin:0;
  height:auto;
  width:auto;
  opacity:1;
  background:transparent;
}
.animated-header #IMGLogoEntreprise{
  max-height:52px;
}
#IMGLogoEntreprise{
  height:auto;
  max-height:32px;
  width:auto;
}

/*reset des h1, h2 et h3 de la boutique, pour ne pas modifier l'affichage mis en place lorsqu'ils étaient en div*/
.Titre, .Div_CatInfo, .liNomprod{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
#TitrePage, .TitrePage, .Titre{
  font-size:20px;
  color:#000;
  font-weight:bold;
  margin-bottom:10px;
}

.SousTitre{
  padding:5px;
  text-align:center;
  font-weight:bold;
}

.TitreModule{
  padding:3px;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:5px;
}

.ItemMenuGauche a, #MenuCompte a, #MenuCatalogue a{
  display:block;
  padding:2px 4px;
}
.ItemMenuGauche > a, #MenuCompte a{
  border-bottom:0px solid #ddd;
}
#MenuCompte #MenuCompteConnecte{
  padding:4px 8px;
}

#MenuGauche ul{
  padding:2px 6px;
}

.navbar-toggle{
  background:#1470ad;
}

.bg-silver{
  background-color:#ddd;
}
.bg-light-silver{
  background-color:#eee;
}

.version{
  margin:15px auto;
  font-size:.8em;
  color:#666;
  text-align:center;
}

#footer{
  border-top:1px solid #ddd;
  box-shadow:none;
}

.ImgLogoFooter{
  margin:15px auto;
}

.small{
  font-size:9px;
}

.SelectCompo{
  width:90%;
}
.SelectRefCompo{
  width:90px !important;
}
.SelectDesignCompo{
  width:100% !important;
}
#IDPromoSaisie{
  display:inline;
  max-width:200px;
}
#IDPromoSaisiePaiement{
  display:inline;
}

.ListeFiltreAttribut{
  list-style-type:none;
}

.LienImprimer{
  text-align:right;
  height:20px;
}

.PetitEspaceHauteur{
  height:5px;
}
.LargeurIBAN{
  width:220px;
}
.LargeurBIC{
  width:75px;
}
.LargeurDetenteur{
  width:130px;
}
.LargeurDomiciliation{
  width:250px;
}
/*.LargeurSelectFamille{
  width:200px;
}*/

.Div_Catalogue .Div_CatDescription{
  display:none;
}
.Div_WrapperPhoto{
    position:absolute;
    width:100%;
    height:100%;
    background-color:transparent;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:all .25s ease;
}
.Div_WrapperPhoto:hover{
    transition:all .25s ease;
}
.Div_WrapperPhoto > a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.Div_WrapperPhoto + .Div_CatInfo,
.Div_WrapperPhoto + .Div_CatInfo + .Div_CatDescription,
.Div_WrapperPhoto + .Div_CatInfo + .Div_CatDescription + .Div_CatPlusInfo{
    position:relative;
}

.PhotoSmallPanier{
  display:inline-block !important;
  max-height:36px;
  width:auto;
}
.PhotoVerySmallPanier{
  display:inline-block !important;
  max-height:24px;
  max-width:36px;
  width:auto;
}
.datatable-responsive .PhotoVerySmallPanier{
  max-height:100%;
  max-width:50px;
}
.datatable-responsive.table-condensed td input.input-sm.form-control{
  width:auto;
  padding-left:5px;
  padding-right:5px;
}

.dataTable tr.child .dtr-title,
.dataTable tr.child .dtr-data{
  text-align:left;
  white-space:normal;
}

/* Boutique.css */
.LigneProduit.deuxblocs{
    display:table;
}
.LigneProduit.deuxblocs .liPhoto,
.LigneProduit.deuxblocs .liToutesInfos{
    display:table-cell;
    vertical-align:middle;
}
.Div_AutresVuesProd{
    min-height:60px;
    height:auto;
}
.LigneProduit .liStock .QteStock{
  display:inline-block;
  line-height:24px;
  vertical-align:top;
  margin:0 5px;
}
.Icone_FeuRouge, .Icone_FeuVert, .Icone_FeuOrange{
  display:inline-block;
  width:24px;
  height:24px;
  margin:auto;
  background-repeat:no-repeat;
  vertical-align:top;
}
.Icone_FeuRouge{
  background-image:url('/images/FeuRouge.gif');
}
.Icone_FeuVert{
  background-image:url('/images/FeuVert.gif');
}
.Icone_FeuOrange{
  background-image:url('/images/FeuOrange.gif');
}
.ProduitStock{
  /*display:none;*/
}
.ProduitStock .QteStock{
  display:inline-block;
  line-height:24px;
  font-style:italic;
  margin:0 5px;
  vertical-align:top;
}
.ProduitStock .Icone_FeuRouge, .ProduitStock .Icone_FeuVert, .ProduitStock .Icone_FeuOrange{
  display:inline-block;
  vertical-align:top;
}
.form-inline #TB_Produit .LigneChoixLot select.form-control{
  margin-left:auto;
  margin-right:auto;
}
#ModalPhotoProd img{
    max-width:100%;
    height:auto;
}
#ModalPhotoProd .modal-dialog.modal-lg{
    margin:10px 5px;
}
#ModalPhotoProd .modal-body{
    padding:15px 5px 5px 5px;
}

.PaginationHaut{
  height:32px;
}
.PaginationBas{
  height:48px;
}
#PaginationArticleDeA{
  line-height:32px;
  padding:0;
}

/* Panier.css */
.PrixPromoBarre{
  display:block;
  text-decoration:line-through;
  font-size:10px;
}
.LibellePromo{
  display:block;
  color:#ff0000;
  font-size:10px;
}
.MontantProduit{
}

#TB_Caddie .LignePanierLot .ColRef, #TB_Recapitulatif_Panier .LignePanierLot .ColRef{
  text-align:left;
}

.stock_qte{
  font-size:10px;
  font-style:italic;
  color:#666;
  padding-left:4px;
  padding-right:4px;
  display:inline-block;
  float:right;
  min-width:36px;
}
.stock_feu_{
  display:none;
}
.stock_feu_vert, .stock_feu_orange, .stock_feu_rouge{
  display:inline-block;
  float:right;
  height:8px;
  width:16px;
  margin:auto;
  margin-top:2px;
  padding-left:2px;
  padding-right:2px;
  background-repeat:no-repeat;
}
.stock_feu_vert{
  background-image:url('/images/FeuVert_small.gif');
}
.stock_feu_orange{
  background-image:url('/images/FeuOrange_small.gif');
}
.stock_feu_rouge{
  background-image:url('/images/FeuRouge_small.gif');
}

#Caddie .LienBarNav,
#ValEtape2 .LienBarNav,
#Recapitulatif .LienBarNav,
#Confirmation .LienBarNav{
    display:none;
}
.LienBarNav ol{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-evenly;
}
.LienBarNav ol li{
    margin-left:30px;
    color:#ccc;
}
.LienBarNav ol li:first-child{
    margin-left:0;
}
.LienBarNav ol li.done{
    color:#000;
}
.LienBarNav ol li.current{
    color:#000;
    font-weight:bold;
}

#SignatureBoard, #SignatureBoardNotSigned{
	width:720px;
	height:340px;
}
#SignatureContenu{
	overflow-x:scroll;
	max-width:100%;
}
#ZoneSignatureBoard .modal-footer{
	text-align:center;
}
#SignatureBouton{
    margin-top:5px;
}
@media screen and (max-width:1024px) {
	#SignatureBoard, #SignatureBoardNotSigned{
		width:100%;
    }
}
@media screen and (max-width:768px) {
	#SignatureBoard, #SignatureBoardNotSigned{
		width:420px;
		height:300px;
	}
    h4#TitreSignature{
		margin-top:0;
		margin-bottom:0;
	}
	#SignatureContenu{
		padding:0 10px;
	}
}
@media (min-width:769px){
    #SignatureContenu{
		overflow-x:auto;
        padding-left:18px;
        padding-right:18px;
	}
	#ZoneSignatureBoard .modal-dialog{
		min-width:760px;
	}
}

.BlocPaiementNFois{
    margin-bottom:10px;
    padding:5px;
    border:1px solid #ccc;
}

.bloc-widgets-scalapay .widget-scalapay{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid silver;
}
scalapay-widget{
    display:inline-block;
}
.scalapay-icon{
    display:inline-block;
    width:20px;
    height:auto;
}

/* HistoCmde.css */

/* HistoFact.css */

/* VotreCompte.css */
.Contenu img#ImgCodeVerif{
  float:none;
}
#MsgRetourCompte{
  font-style:italic;
}
#BlocChoixVendeur label{
    margin:5px 10px;
    vertical-align:text-top;
}
#BlocChoixVendeur label input[type=radio]{
    margin-right:5px;
}
#BlocChoixVendeur label span{
    display:block;
}
#BlocChoixVendeur label span.PhotoVendeur img{
    max-height:75px;
    width:auto;
}
#InfosSocNet div a{
    display:inline-block;
}
#InfosSocNet div a i{
    color:#1470ad;
}
#InfosSocNet div a img{
    filter:invert(0.25) sepia(1) saturate(460%) hue-rotate(162deg) brightness(1.2);
}
#InfosSocNet div a:hover i{
    color:#000;
}
#InfosSocNet div a:hover img{
    filter:brightness(0);
}
#InfosSocNet .rs-name{
    display:none;
}
/* Contact.css */
#TR_InfoPerso_Email #EMailErreur{
    margin-bottom:0;
}

/* RechCatBA.php5 */
#ContenuRechCatBA{
    padding-left:5px;
    padding-right:5px;
}
#ContenuRechCatBA > div.Recherche{
    padding:0 10px;
}
@media (min-width:600px){
    #ContenuRechCatBA > div.Recherche{
        display:flex;
        align-items:center;
        justify-content:center;
    }
}
@media (min-width:840px){
    #ContenuRechCatBA > div.Recherche{
        padding:0;
    }
}

#ModalRechCatBA .modal-header{
    padding-bottom:5px;
}
#ModalRechCatBA .modal-header .close{
    top:30%;
}
#ModalRechCatBA fieldset#RecherchePar legend:first-child{
    margin-bottom:5px;
    padding:10px 0;
    font-size:14px;
    font-weight:bold;
}
#ModalRechCatBA .modal-body{
    padding-left:0;
    padding-right:0;
}
#ModalRechCatBA .modal-body label{
    margin-top:7px;
}
@media (min-width:480px){
    #ModalRechCatBA .modal-body{
        padding-left:15px;
        padding-right:15px;
    }
}

/* Consentement cookies */
#cookie-banner-message{
  margin:0 auto;
  background-color:#fff;
  text-align:center;
  padding:5px;
  font-size:12px;
  border-bottom:1px solid #ccc;
}
#cookie-banner-message a{
  text-decoration:underline;
}
#inform-and-consent{
  position:fixed;
  top:30px;
  left:50%;
  width:300px;
  margin-top:100px;
  margin-left:-150px;
  padding:10px;
  background-color:#fff;
  border:1px solid #ccc;
  text-align:center;
  z-index:100;
  opacity:1;
}
#inform-and-consent .div-analytics-buttons{
  padding:10px 10px;
  text-align:center;
}
#inform-and-consent .div-analytics-buttons button{
  text-decoration:none;
  cursor:pointer;
}
#inform-and-consent #optout-button{
  margin-right:50px;
}
#cookie-message{
  padding:5px;
  background-color:#fff;
  border-bottom:1px solid #eee;
  text-align:center;
  font-size:12px;
}

/*  */

#ecom{
  padding:150px 0 75px 0;
}
#ecom .block{
  padding:20px 30px 0 30px;
}
#ecom .block h2{
  font-size:24px;
  font-weight:600;
  margin-bottom:30px;
  text-transform:uppercase;
}
#ecom .block p{
  color:#666;
  font-size:16px;
  line-height:28px;
  margin-bottom:35px;
}
#ecom .block img{
  max-width:100%;
}

.navbar-toggle{
  margin-top:1px;
  margin-bottom:1px;
}

@media only screen and (max-width:510px){
  .PaginationHaut, .PaginationBas{height:60px;}
}

@media only screen and (max-width:767px){
  #ecom{padding:100px 0 25px 0;}
  #ecom .block{padding:0;}
  #MenuGauche > .TitreMenuGauche a{display:block;}
  .SearchBody .PhotoSmallList{
    max-width:75px !important;
    max-height:50px !important;
    width:auto;
    height:auto;
  }
  .no-more-tables .form-control.input-sm{width:auto;}
  #footer p{font-size:0.9em;}
}
@media (max-width:991px){
  #top-bar .main-menu li a{
    padding-left:10px;padding-right:10px;font-size:13px;
  }
}
@media (max-width:1199px){
  .navbar-header .navbar-brand{height:auto;width:auto;}
  .navbar-header .navbar-brand img{max-height:50px;width:auto;}
  #top-bar{padding-bottom:0;}
  #top-bar.animated-header{padding:20px 0;}
  .SelectDesignCompo.form-control.input-sm{padding-left:1px;padding-right:1px;}
}
@media (min-width:1200px){
  /* Dropdown animation */
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu{
    opacity:0;
    visibility:hidden;
    top:60%;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 150ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition:all 150ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition:all 150ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition:all 150ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition:all 150ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }
  .navbar-nav .dropdown.open div.dropdown-menu,
  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu{
    opacity:1;
    visibility:visible;
    top:100%;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
  }
}


@media (max-width:767px) {
  .text-xs-left{text-align:left !important;}
  .text-xs-right{text-align:right !important;}
  .text-xs-center{text-align:center !important;}
  .nav-tabs:before{content:'';display:none;}
  .LigneProduit.deuxblocs{width:100%;min-height:100px;padding:20px 0 0 0;border:none;border-top:1px solid #ccc;}
  .LigneProduit.deuxblocs .liPhoto,
  .LigneProduit.deuxblocs .liToutesInfos{width:50%;}
  .LigneProduit.deuxblocs .liToutesInfos{text-align:left;padding-left:10px;}
  .LigneProduit.deuxblocs .liPhoto > a > img,
  .LigneProduit.deuxblocs .liPhoto > a{max-height:250px;}
}

@media (min-width:768px) {
  .text-sm-left{text-align:left !important;}
  .text-sm-right{text-align:right !important;}
  .text-sm-center{text-align:center !important;}
  .form-inline #TB_Produit .LigneChoixLot select.form-control{width:90%;}
  .LigneProduit.deuxblocs{display:inline-block;}
  .LigneProduit.deuxblocs .liPhoto,
  .LigneProduit.deuxblocs .liToutesInfos{display:inline-block;}
  #ModalPhotoProd .modal-dialog.modal-lg{margin:30px auto;}
  #ModalPhotoProd .modal-body{padding:15px;}
}

@media (min-width:992px) {
  .text-md-left{text-align:left !important;}
  .text-md-right{text-align:right !important;}
  .text-md-center{text-align:center !important;}
}

@media (min-width:1200px) {
  .text-lg-left{text-align:left !important;}
  .text-lg-right{text-align:right !important;}
  .text-lg-center{text-align:center !important;}
}